@font-face {
   font-family: 'Gotham-Medium';
   src: url("../fonts/Gotham-Medium.woff");
}
@font-face {
   font-family: 'Gotham-Light';
   src: url("../fonts/Gotham-Light.woff");
}
@font-face {
   font-family: 'Gotham-Bold';
   src: url("../fonts/Gotham-Bold.woff");
}
@font-face {
   font-family: 'Simple-Line-Icons';
   src: url("../fonts/Simple-Line-Icons.woff");
}

* {
   margin: 0;
   padding: 0;
}

html {
   height: 100%;
   line-height: 1.1;
}
body {
   font-family: 'Gotham-Medium', sans-serif;
   color: #5c5c5b;
   font-size: 12px;
   background: #f3f3ef;
   position: absolute;
   width: 100%;
}

.section{
    margin-bottom: 100px;
}

h2{
    color: #1f1f1f;
}

h3 {
    color: #5c5c5b;
}

.clearfix {
    clear:both;
}

a {
   color: #5c5c5b;
   word-wrap: break-word;
}
p{
    word-wrap: break-word;
}

h1,h2,h4,h5,h6 {
   font-family: 'Gotham-Medium', sans-serif;
   font-weight: 400;
}

h3 {
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 22px;
    font-weight: 400;
}

.full-img{
    width: 100%;
}


.breadcrumbs {
    margin-left:0;
    padding-left:0;
    list-style:none;
    margin-bottom:40px;
    margin-top:40px;
}

    .breadcrumbs li, .breadcrumbs li a {
        color: #403f3f;
        font-size: 10px;
        display: inline-block;
        font-family: 'Gotham-Medium', sans-serif;
        position: relative;
        text-transform:uppercase;
    }

        .breadcrumbs li a {
            cursor:pointer;
        }

        /*Header*/
        header {
            height: 150px;
            position: absolute !important;
            top: 0;
            width: 100%;
            z-index: 5;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: -590px -30px;
        }
.nav-bar {
   display: none;
}

.imgPartners {
    margin-top: 10px;
}
#knowledgePartners {
    margin-top: 17px;
}

header nav {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    background-image: url('../img/header/Header_B20.png');
    background-repeat: no-repeat;
    background-position: right 20px;
    position:fixed;
    top: 0;
    left: 0;
}

header nav img {
    width:11rem;
}

    header nav ul {
        list-style: none;
        /*Se agrega list-style-image con imagen transparente para solucionar bug de Edge ya reportado por otros usuarios.
        Lo que no se puede solucionar es el espaciado que aparece entre cada item de lista.
        Para más información sobre el bug: https://github.com/sonarwhal/sonarwhal.com/issues/210 */
        list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
        /*margin-left: 2em;*/
        margin-top: 17px;
    }


    header nav ul.pull-left li {
        margin-top: 0;
    }


header nav ul li {
   float: left;
   position: relative;
   margin-right: 2em;
   margin-top:10px;
}

header nav:after {
   content: "";
   display: block;
   clear: both;
}

    header nav ul li a {
        color: #596f7e;
        display: block;
        padding: 0.5em;
        text-decoration: none;
        font-size: 14px;
        font-family: 'Gotham-Medium';
    }

        header nav ul li a:hover {
            color: #01babd;
        }

li .submenu {
   text-transform: initial;
}

header nav ul li i {
   margin-right: 10px;
}

header nav ul li:hover .children {
   display: block;
}

header nav ul li .children {
   display: none;
   background: white;
   position: absolute;
   opacity: .9;
   margin-left: 0;
   margin-top: 0;
}

header nav ul li .children span {
   display: none;
}

header nav ul li .children li {
   display: block;
   width: 230px;
   margin-right: 0;
}

header nav ul li > .children > li:hover > a {
    background: #d5d61d;
    transition: all 0.2s ease-in;
}

header nav ul li .children li a {
   font-family: 'Gotham-Light';
   color: #3c3c3c;
   font-size: 14px;
}

header nav ul li .fa-angle-down {
   position: relative;
   top: 3px;
}

.menu-option {
   padding-top: 3em;
   text-transform: uppercase;
   border-bottom: 4px solid transparent;
}

.menu-option:hover {
   border-bottom: 4px solid #d5d61d;
}



/**/


header nav ul li:hover .sub-children {
    display: block;
}

header nav ul li .sub-children {
    display: none;
    background: white;
    position: absolute;
    opacity: .9;
    margin-left: 0;
    margin-top: 0;
}

header nav ul li .children-sub-menu span {
    display: none;
}

header nav ul li .children-sub-menu li,
header nav ul.pull-left .children-sub-menu li:first-child {
    width: 230px;
    background: transparent;
    margin-right: 0;
}

header nav ul li .children-sub-menu li:hover,
header nav ul.pull-left .children-sub-menu li:hover:first-child {
    background: #d5d61d;
    transition: all 0.2s ease-in;
}



    header nav ul li .children-sub-menu li a {
        font-family: 'Gotham-Light';
        color: #3c3c3c;
        font-size: 14px;
    }

.children-sub-menu .children-menu-option {
    padding-top: 0.5em;
    text-transform: none;
    cursor:pointer;
    border: 0px;
}
header nav ul li.children-sub-menu .children-children {
    margin-left: 0px;
    margin-top: 0px;
    display: none;
    /*
    position: absolute;
    left: 230px;
    top: 0px;
*/
}
    header nav ul li.children-sub-menu:hover .children-children {
    display: block;
}

/**/
/*Footer*/
footer {
    height: auto;
}

    footer ul li {
        display: block;
        list-style: none;
        color: #3f70b7;
        font-family: 'Gotham-Medium', sans-serif;
        font-size: 12px;
    }

footer ul li:first-child {
   font-family: 'Gotham-Bold', sans-serif;
   margin-bottom: 5px;
   margin-right:10px;
}

.events-margin {
    margin-bottom:20px;
}


.inner-footer {
    padding: 50px 0;
}
@media (min-width: 1199px){
 .main_footer .col-lg-2:first-child{padding-left: 0; left: -15px; position: relative;}   
}

.main_footer {
    background-color: #f6f7f8;
    overflow: hidden;
    -webkit-box-shadow: 0px -1px 5px 0px rgba(158,158,158,0.61);
    -moz-box-shadow: 0px -1px 5px 0px rgba(158,158,158,0.61);
    box-shadow: 0px -1px 5px 0px rgba(158,158,158,0.61);
    margin-top:5px;
    position: absolute;
    min-width: 100%;
}

.footer-g20 {
    background-color:#fff;
    height:100px;
    text-align:center;
}

    .footer-g20 img {
        width: 8%;
        margin-top: 15px;
    }



.line-footer {
    height: 5px;
    width: 100%;
    background: #79b9a6; /* Old browsers */
    background: -moz-linear-gradient(left, #79b9a6 1%, #d4ce36 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #79b9a6 1%,#d4ce36 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #79b9a6 1%,#d4ce36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79b9a6', endColorstr='#d4ce36',GradientType=1 ); /* IE6-9 */
}


/* Slideshow container */

.slideshow-container {
   position: relative;
   margin: 120px auto 100px auto;
   height: 650px;
}

@media screen and (min-width: 1024px){
    .slideshow-container-mobile{
        width: auto;
    }
}

.fade img {
   width: 100%;
}

.mySlides {
   display: none;
   height: 650px;
   overflow: hidden;
}


/* Next & previous buttons */

.prev, .next {
   cursor: pointer;
   position: absolute;
   top: 50%;
   margin-top: -22px;
   padding: 16px;
   color: white;
   font-weight: bold;
   font-size: 18px;
   transition: 0.6s ease;
   background: black;
   opacity: .8;
   border-radius: 50%;
   width: 20px;
   margin: 1em;
   text-align: center;
}


/* Position the "next button" to the right */

.next {
   right: 0;
   background: black;
   opacity: .8;
   border-radius: 50%;
}

.dot-selector {
    text-align: center;
    margin: auto;
    z-index: 1;
    margin-bottom: -35px;
    bottom: 50px;
    position: relative;
    left: 0;
}

.logos .col-xs-6 .box {
    text-align: center;
}

/* On hover,add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}


/* Caption text */

.text {
   color: #f2f2f2;
   font-size: 15px;
   padding: 8px 12px;
   position: absolute;
   bottom: 8px;
   width: 100%;
   text-align: center;
}


/* The dots/bullets/indicators */

.dot {
   cursor: pointer;
   height: 12px;
   width: 12px;
   margin: 0 2px;
   background-color: white;
   border-radius: 50%;
   display: inline-block;
   transition: background-color 0.6s ease;
   background: #e7e7e7;
}

.active, .dot:hover {
   background-color: #00abea;
}


/* Fading animation */

.fade {
   -webkit-animation-name: fade;
   -webkit-animation-duration: 1.5s;
   animation-name: fade;
   animation-duration: 1.5s;
}
/*Paginator*/

    .pagination {
        list-style: none;
        margin: 0px;
        padding: 1em;
        margin:auto;
    }

        .pagination li {
            float: left;
            margin: 3px;
        }

            .pagination li a {
                display: block;
                color: #777;
                background-color: white;
                text-decoration: none;
                font-size: 12px;
                font-family:'Gotham-Medium', sans-serif;
                border: 1px solid grey;
                padding:1em 1.5em 1em 1.5em;
            }
            .pagination li a:hover{
                background:#065c90;
                transition: all 0.1s ease-in;
                color:white;
                border: 1px solid #065c90;
            }

                .pagination li a.active {
                    color: #000;
                    background-color: #00acec;
                    color:white;
                    font-size:12px;
                    cursor: pointer;
                }

                .pagination li a.inactive {
                    display: none;
                    /*background-color: white;
                    color: #777;
                    font-size: 12px;
                    border: 1px solid grey;*/
                }


/*container*/

.container.landing {
    background-color:#fff;
}

.row.event-content {
   padding-top:82px;
   margin-right:0px;
   margin-left:0;

}

.container h2 {
   font-size: 45px;
   color: #010101;
   margin-top: 180px;
   text-transform: uppercase;
}

.box, .box-first, .box-large, .box-nested, .box-row {
   position: relative;
   box-sizing: border-box;
   min-height: 1rem;
   margin-bottom: 0;
   background: transparent;
   border: none;
   overflow: hidden;
   text-align: center;
   color: #fff;
}

.box h2 {
   font-family: 'Gotham-Light', sans-serif;
   margin-top: 145px;
   color: #23abe6;
   text-transform: none;
   font-size: 36px;
}
.container-landing h2 {
   font-size: 35px;
   color: #1f1f1f;
   line-height:40px;
   margin-top:0px;
   text-transform: uppercase;
   font-family: 'Gotham-Medium', sans-serif;
}
 hr {
   box-sizing: content-box;
   -moz-box-sizing: content-box;
   border: 2px solid #010101;
   width: 14px;
   margin-top: 20px;
   text-align: left;
}

footer p.follow {
    width: 100px;
    display: inline-block;
    color: #3f70b7;
}


.media {
    display:inline-block;
    margin-bottom:15px;
}

.media i {
    margin-left: 6px;
    margin-top: 5px
}

   .media li {
        display: inline-block;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: #45cafb;
        color:#fff;
    }

    .media li a {
        color:#fff;
    }



/* Upcomming event */
.event-text {
    color: #61b8eb;
}

.event-task {
    position: relative;
    margin-top:20px;
}

    .event-task .linea-task {
        position: absolute;
        top: 210px;
        width: 10px;
        height: 132px;
        z-index: 10;
    }


/* Clases para mostrar diferentes colores segun Taskforce*/
/* Verde */

.event-task.green .linea-task {
    background-color: #176a3e;
}

/*.event-task.green .icon-pointer {
    color: #176a3e;
}*/

.event-task.green .label-event {
    color: #176a3e;
}

    .event-task.green .tag-detail, .event-task.green .tag-detail i {
        color: #176a3e;
    }


/* Azul */
    .event-task.blue .linea-task {
        background-color: #5b80ee;
    }

    /*.event-task.lightGreen .icon-pointer {
    color: #5b80ee;
}*/

    .event-task.blue .label-event {
        color: #5b80ee;
    }

    .event-task.blue .tag-detail, .event-task.blue .tag-detail i {
        color: #5b80ee;
    }

/* Amarillo */
.event-task.yellow .linea-task {
    background-color: #ecdd4c;
}

/*.event-task.yellow .icon-pointer {
    color: #ecdd4c;
}*/

.event-task.yellow .label-event {
    color: #ecdd4c;
}

    .event-task.yellow .tag-detail, .event-task.yellow .tag-detail i {
        color: #ecdd4c;
    }

/* Violeta */
.event-task.violet .linea-task {
    background-color: #360d74;
}

/*.event-task.violet .icon-pointer {
    color: #360d74;
}*/

.event-task.violet .label-event {
    color: #360d74;
}

    .event-task.violet .tag-detail, .event-task.violet .tag-detail i {
        color: #360d74;
    }

/* Rojo */
.event-task.red .linea-task {
    background-color: #fb5150;
}

/*.event-task.red .icon-pointer {
    color: #fb5150;
}*/

.event-task.red .label-event {
    color: #fb5150;
}

    .event-task.red .tag-detail, .event-task.red .tag-detail i {
        color: #fb5150;
    }


/* Naranja */
.event-task.orange .linea-task {
    background-color: #f2ab4e;
}

/*.event-task.orange .icon-pointer {
    color: #f2ab4e;
}*/

.event-task.orange .label-event {
    color: #f2ab4e;
}

    .event-task.orange .tag-detail, .event-task.orange .tag-detail i {
        color: #f2ab4e;
    }

/* Fuxia */

.event-task.fuchia .linea-task {
    background-color: #e769b6;
}

/*.event-task.fuchia .icon-pointer {
    color: #e769b6;
}*/

.event-task.fuchia .label-event {
    color: #e769b6;
}

    .event-task.fuchia .tag-detail, .event-task.fuchia .tag-detail i {
        color: #e769b6;
    }

/* Violeta claro */

.event-task.lightViolet .linea-task {
    background-color: #6634b2;
}

/*.event-task.lightViolet .icon-pointer {
    color: #6634b2;
}*/

.event-task.lightViolet .label-event {
    color: #6634b2;
}

    .event-task.lightViolet .tag-detail, .event-task.lightViolet .tag-detail i {
        color: #6634b2;
    }

.img-responsive {
    max-width: 100%;
    width: 100%;
}

/*No mostrar */

.event-task.none .linea-task {
    display: none;
}

.event-task.none .box p.tf > .icon-pointer:first-child {
    display: none;
}

.event-task.none .label-event {
    display: none;
}



/* Clases para mostrar diferentes colores segun Taskforce*/
/* Verde */

.event-box.green .event-day{
    background-color: #176a3e;
}


.event-box.green .evento-informacion a {
    color: #176a3e;
}

.event-box.green .evento-informacion a i {
  color: #176a3e !important;
}


/* Azul */
.event-box.blue .event-day{
    background-color: #5b80ee;
}


.event-box.blue .evento-informacion a{
    color: #5b80ee;
}

.event-box.blue .evento-informacion a i{
    color: #5b80ee;
}

/* Amarillo */
.event-box.yellow .event-day{
    background-color: #ecdd4c;
}


.event-box.yellow .evento-informacion a{
    color: #ecdd4c;
}

.event-box.yellow .evento-informacion a i{
    color: #ecdd4c;
}

/* Violeta */
.event-box.violet .event-day{
    background-color: #360d74;
}

.event-box.violet .evento-informacion a{
    color: #360d74;
}

.event-box.violet .evento-informacion a i{
    color: #360d74;
}

/* Rojo */
.event-box.red .event-day {
    background-color: #fb5150;
}

.event-box.red .evento-informacion a {
    color: #fb5150;
}

.event-box.red .evento-informacion a i {
    color: #fb5150;
}


/* Naranja */
.event-box.orange .event-day {
    background-color: #f2ab4e;
}

.event-box.orange .evento-informacion a {
    color: #f2ab4e;
}

.event-box.orange .evento-informacion a i {
    color: #f2ab4e;
}

/* Fuxia */

.event-box.fuchia .event-day {
    background-color: #e769b6;
}

.event-box.fuchia .evento-informacion a {
    color: #e769b6;
}

.event-box.fuchia .evento-informacion a i {
    color: #e769b6;
}

/* Violeta claro */

.event-box.lightViolet .event-day {
    background-color: #6634b2;
}


.event-box.lightViolet .evento-informacion a {
    color: #6634b2;
}

    .event-box.lightViolet .evento-informacion a i {
        color: #6634b2;
    }




/*Iniciative by*/
.home-content .iniciative-by h2 {
    font-family: 'Gotham-Light', sans-serif;
    color: #23abe6;
    text-transform: none;
    font-size: 30px;
    margin-top: 0em;
}
.event-content .container-landing .iniciative-by .box {
   padding: 0px;
}

.container-landing .iniciative-by h2 {
   text-align: center;
}

.iniciative-by>.box {
   padding: initial;
}

.boxUIA{
    padding-top: 25px;
}

/* Landing */
/*header {
   width: 100%;
    height: 135px;
    background-position: center top;
}
*/
.content-login-button {
    margin-top: 5px;
}

header .content-login-button .media {
    margin-top: 10px;
    margin-bottom:0;
}

    header .content-login-button .media li {
      margin-left:5px;
      margin-right:5px;
    }

header .content-login-button ul.buttons-login {
    margin-left: 45px;
    text-align: center;
    margin-top: 34px;
    margin-right: 30px;
}


header .content-login-button .buttons-login li {
    display: inline-block;
    color: #252525;
    font-size: 14px;
    font-family: 'Gotham-Bold';
}

    header .content-login-button .buttons-login li a {
        font-size: 14px;
        font-family: 'Gotham-Bold';
    }

    header .content-login-button .buttons-login li:first-child {
        margin-right:14px;
    }

    header .content-login-button .buttons-login li:nth-child(2) {
        border: 2px solid #000;
        border-radius: 31px;
        padding-left: 5px;
        padding-right: 5px;
        margin-right:0;
    }


header nav ul.media li a {
    padding:0;
}


header .content-login-button .user .children {
    margin-right: 0px;
    width: 100%;
    right:0;
}


    header .content-login-button .user .children :hover {
        background: #d5d61d;
        transition: all 0.2s ease-in;
    }

    header .content-login-button .user .children a {
        font-family: 'Gotham-Light';
        color: #3c3c3c;
        font-size: 14px;
    }

header nav ul.user {
    list-style: none;
    margin-left: 0px;
    margin-top: 3.5em;
}

    header nav ul.user .submenu {
        float:none;
        text-align:right;
        margin-right:0;
    }

        header nav ul.user .submenu >ul {
            margin-top:0;
        }

header .arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    margin-top: 9px;
    margin-left: 10px;
}



header nav ul li a.user-mail {
    border-bottom: 4px solid transparent;
    color: #596f7e;
}


.user-mail:hover {
    border-bottom: 4px solid #d5d61d;
}


/* Landing */
 /*header {
   width: 100%;
    height: 135px;
    background-position: center top;
}
*/
.content-login-button {
    margin-top: 5px;
}

header .content-login-button .media {
    margin-top: 10px;
    margin-bottom:0;
}

    header .content-login-button .media li {
      margin-left:5px;
      margin-right:5px;
    }

header .content-login-button ul.buttons-login {
    margin-left: 45px;
    text-align: center;
    margin-top:34px;
    margin-right:30px;
}


header .content-login-button .buttons-login li {
    display: inline-block;
    color: #252525;
    font-size: 14px;
    font-family: 'Gotham-Bold';
}

    header .content-login-button .buttons-login li a {
        color: #596f7e;
        font-size: 14px;
        margin-top:0;
        font-family: 'Gotham-Bold';
    }
     
    header .content-login-button .buttons-login li a:hover{ 
        color:#01babd;
    }

    header .content-login-button .buttons-login li:first-child {
        margin-right:14px;
    }

    header .content-login-button .buttons-login li:nth-child(2) {
        border: 2px solid #596f7e;
        border-radius: 31px;
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 0;
    }

        header .content-login-button .buttons-login li:nth-child(2):hover {      
            background-color: #d5d61d;            
        }

        header .content-login-button .buttons-login li:nth-child(2) a:hover {
            color: #3c3c3c;
        }

header nav ul.media li a {
    padding:0;
}


header .content-login-button .user .children {
    margin-right: 0px;
    width: 100%;
    right:0;
}


    header .content-login-button .user .children :hover {
        background: #d5d61d;
        transition: all 0.2s ease-in;
    }

    header .content-login-button .user .children a {
        font-family: 'Gotham-Light';
        color: #3c3c3c;
        font-size: 14px;
    }

header nav ul.user {
    list-style: none;
    margin-left: 0px;
    margin-top: 3.5em;
}

    header nav ul.user .submenu {
        float:none;
        text-align:right;
        margin-right:0;
    }

        header nav ul.user .submenu >ul {
            margin-top:0;
        }

header .arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    margin-top: 9px;
    margin-left: 10px;
}



header nav ul li a.user-mail {
    border-bottom: 4px solid transparent;
}


.user-mail:hover {
    border-bottom: 4px solid #d5d61d;
}

.taskforces {
}

.tf-item {
    margin-bottom:20px;
}

.no-margin{
    margin: 0 !important;
}

.contenedor-news {

}

.box-events {

}


.box-twitter .fa-twitter {
    color: #0aa4e5;
}

.box-videos {
    margin-bottom:100px;
    margin-top:80px;
}

.iniciative-by {
    margin-bottom:80px;
}

.box-sponsors {
    margin-top:110px;
    margin-bottom:100px;
}

    .box-sponsors .row {
        text-align:center;
    }
        .box-sponsors .row img {
            width:100%;
        }

.tittle-sponsors {
}

/*News*/
.redes a, .redes .fb {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
}

._49vh _2pi7 {
    display:none!important;
}
.tittle-new {
   margin-bottom: 35px;
   text-align: left;
}

.news h3 {
   color: #4b4b4b;
}

 .socalo-info {
   width: auto;
   display: inline-block;
   background: #f3f3ef;
   padding: 1.7em;
   text-align: left;
}

 .img-socalo {
   display: inline-block;
}

 .socalo-info h3 {
   font-size: 22px;
   font-family: 'Gotham-Medium', sans-serif;
}

 .socalo-info hr {
   width: 7px;
   border: 2px solid #5c5c5b;
   margin-top: 17px;
}

.socalo-info p {
   font-size: 14px;
   margin-top: 35px;
   line-height: 1.2;
   font-family: 'Gotham-Light';
   height: 70px;
   color: #2e2e2e;
}

.bloque-informacion {
   margin-bottom: 1.25em;
}

 .bloque-informacion .img-bloque-informacion {
   background: url(../img/contenedor/Pagina_evento1.jpg);
   background-size: cover;
}

 span>i {
   color: #60aaeb;
   font-size: 20px;
   margin-right: 10px;
}

.detail-event .text-outstanding, .text-outstanding {
    font-size: 16px;
    font-family: 'Gotham-Bold';
    color: #00acec;
}
/*Twitter*/
.tittle-twitter, .twitter-container {
    margin-left: 10px;
}

.twitter-container {
   background: #f3f3ef;
   padding: 1em;
}

.tittle-twitter-container {
   margin: auto;
   padding: 1.5em;
   border-radius: 50%;
   background: #f3f3ef;
   margin-top: -2em;
}

.tittle-twitter-container>i {
   font-size: 45px;
}

/*TaskForces*/

.tittle-taskforces hr, .tittle-taskforces {
   text-align: center;
}


.tittle-taskforces {
    margin-bottom:70px;
    margin:inherit;
    text-align:left;
    margin-bottom:35px;
}

.tittle-videos {
    margin-bottom: 20px;
    margin-left: .5em;
}

.title-video {
    font-size: 28px;
    font-family: 'Gotham-Light', sans-serif;
    text-align:center;
    margin-bottom:25px;
}

.event-specification .event-task .detail-taskForces-content hr {
    border-color: #00acec;
    width:5px;
    margin-bottom:1.1em;
}

.div-int-task {
   width: 65%;
   display: inline-block;
   margin-left: 20px;
   text-align:left;
}

.taskForcesList > div p.tittleTask {
    color: #5c5c5b;
}

.taskForcesList > div p:not(.tittleTask){
    font-weight: lighter;
}

.TaskForces-container .div-int-task span, .tittleTask {
    color: #1e1e21;
    font-size: 18px;
    font-family: 'Gotham-Medium', sans-serif;
    text-transform: initial;
}
.taskForcesList div a img {
    width:5%;
}
.TaskForces-container a {
    font-weight: normal;
}


.detail-event .taskForcesList p {
    margin-bottom: 0px;
}
.taskforces-bloque {
   margin-top: 65px;
}

.taskforces-bloque span:nth-of-type(1) {
   font-size: 25px;
   display: inline-block;
}
.taskforces-titulo span {
   color: black;
   margin-left: 15px;
   padding-top: 5px;
   background: transparent;
   font-size: 0;
   display: inline-block;
   width: 100%;
}
.taskforces-titulo span {
   color: #1e1e21;
}
.icono-circulo {
    background: #e5e5e5;
    margin-top: 0;
    width: 55px;
    height: 55px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}

.icono-circulo img {
   width: 35px;
   padding-top: 20%;
}

.titleDesc {
    padding: 4% 0% 2% 0%;
    margin: 0% 0% 0% -1%;
}

.link-item:hover span, .link-item:hover .tittleTask {
    color: #00abea;
}

.link-item:hover .icono-circulo {
    background: #d8d6d6;
    transition: all 0.1s ease-in;
}

.icono-circulo span {
   color: white;
}
.div-int-task-icon {
   display: inline-block;
}
.TaskForces-container .col-md-6 .row {
   margin-top: 2em;
   text-align: left;
}
button {
   background-color: transparent;
   border: 1px solid #00a3e4;
   color: #00a3e4;
   padding: 15px 32px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin: 4px 2px;
   cursor: pointer;
   font-family: 'Gotham-Bold', sans-serif;
}
.event-task button:nth-of-type(2) {
   background: transparent;
   color: #00a3e4;
}
.event-task button:nth-of-type(2):hover {
   background: #00a3e4;
   color: white;
}

/*Events*/
.event-content .fecha-evento-detail span {
   color: #5c5c5b;
   font-size: 13px;
}
.event-specification img {
   width: 100%;
}

.block-distance {
    margin-top:30px;
}

/* Leadership & Structure */
img.chart {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    display:block;
}
.leadStructure h2, .aboutg20 h2, .taskForceDetail h2 {
    font-family: 'Gotham-Medium';
    color: #1f1f1f;
    text-transform: none;
    font-size: 35px;
    line-height: 1;
    margin-top: 75px;
    margin-bottom: 35px;
}

.leadStructure hr {
   margin-top: -15px;
   margin-bottom: 30px;
   margin-right: auto;
}
.leadStructure .box-person {
   background-color: #ebebeb;
   padding: 30px;
   margin-bottom: 40px;
}

.leadStructure .box-person .arrow:hover {
    background-image: url(../img/contenedor/flechas-hover.png);
}

.leadStructure .box-person .col-md-8, .leadStructure .box-person .col-lg-8, .leadStructure .box-person .col-xs-12 {
   position: relative;
}

.leadStructure .box-person img {
   max-width: 100%;
}

.leadStructure .box-person h1, {
        font-family: 'Gotham-Medium';
        font-size: 27px;
        margin-top: 0;
        margin-bottom: 5px;
        margin-left: 20px;
        line-height: 30px;
        margin-right: 10px;
    }

.leadStructure .box-person h2 {
   font-family: 'Gotham-Light';
   font-size: 18px;
   margin-left: 20px;
   margin-top: 15px;
   margin-bottom: 20px;
}

.leadStructure .box-person h3 {
   font-size: 15px;
   color: #1f1f1f;
   font-family: 'Gotham-Light';
   font-weight: normal;
   margin-left: 20px;
   font-style: italic;
   line-height: 21px;
   margin-bottom: 12px;
}

.leadStructure .box-person h4 {
   font-size: 20px;
   color: #1f1f1f;
   font-family: 'Gotham-Medium';
   font-weight: normal;
   margin-left: 20px;
   margin-top: 2px;
   margin-bottom: 20px;
}

.leadStructure .box-person p {
   font-size: 14px;
   color: #1f1f1f;
   margin-left: 20px;
   line-height: 22px;
}

.leadStructure .bio p {
   margin-bottom: 10px;
}

.leadStructure .bio ul {
   font-size: 15px;
   line-height: 20px;
   color: #1f1f1f;
   margin-left: 45px;
   margin-top: 16px;
}

.leadStructure .bio ul li {
   margin-bottom: 10px;
}

.leadStructure .box-person .arrow {
   width: 30px;
   height: 30px;
   position: absolute;
   top: 1px;
   right: 0;
   cursor: pointer;
   background-image: url(../img/contenedor/flechas.png);
   background-repeat: no-repeat;
   background-position: 5px -24px;
}

.leadStructure .box-person .arrow.open {
   background-position: 5px 8px;
}

.open {
   transform: none;
}

.leadStructure .box-person.chair {
   background-color: #d1e4f3;
}

.detail-event h3 {
   margin-top: 55px;
   margin-bottom: 30px;
   font-size: 18px;
   text-transform: uppercase;
}

.documents > h2 {
    font-family: 'Gotham-Medium';
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 24px;
    line-height: 30px;
    margin-right: 10px;
    color: #1f1f1f;
}
.documents > a {
    color: #00acec;
    font-family: 'Gotham-Medium';
    font-size: 15px;
    font-weight:400;
}
.event-content .detail-event h3 span {
    margin-bottom: 0px;
    font-family: 'Gotham-Medium';
}
.event-content .detail-event h3 {
    margin-bottom:0px;
    margin-top:0px;
}

.detail-event p {
    font-size: 14px;
    line-height: 27px;
}

.text-center {
   text-align: center;
}

.leadStructure .box-person h1 {
   font-family: 'Gotham-Medium';
   font-size: 27px;
   margin-top: 15px;
   margin-bottom: 24px;
   margin-left: 20px;
   line-height: 30px;
   margin-right: 10px;
}

/* B20 Argentina */

.b20argentina .b20argentina-destacados {
  font-family:'Gotham-Medium',sans-serif;
  font-size: 20px;
  font-style: italic;
  color:#61b8eb;
}

.b20argentina hr {
    margin: 20px 0 20px 0;
    border: 2px solid #61b8eb;
    width: 10px;
}

.b20tittle h1 {
  text-transform: uppercase;
}


.img-aboutG20 img {
    padding-top:0px;
}

.event-content .copete span {
  color:#1f1f1f;
  font-size: 14px;
  text-transform: initial;
  font-weight: bold;
  margin-right: 5px;
}

.event-content .copete {
  color:#1f1f1f;
  font-size: 14px;
}

.aboutb20 {
    margin-left:40px;
}

.aboutb20 li {
    color: #1f1f1f;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 27px;
}

/* Secretariat */

.contact strong {
   font-size: 15px;
   color: #1f1f1f;
}

.contact {
   padding-left: 15px;
}

.bio {
   margin-top: 15px;
}

.contact a, .contact strong i {
   font-size: 12px;
   color: #1f1f1f;
}

/*News*/
.detail-event .block-resume{
    font-weight: 900;
    color:#00acec;
}
figcaption {
    display: flex;
    color: black;
    word-wrap: break-word;
    font-size: 15px;
}
figcaption .logos{
    padding:10px;
    display: flex;
}
.event-specification figure figcaption p {
    display:inline-block;
    color:#1f1f1f;
    font-style: italic;
    line-height: 18px;
}
.event-specification figure figcaption span i {
    width: auto;
    background: #00acec;
    border-radius: 50%;
    padding: 10px;
    width: 10px;
    height: 10px;
    color:white;
}

/*Video*/

.video hr {
   margin: auto;
   margin-top: 38px;
}
.seccion-video h2 {
   font-family: 'Gotham-Light', sans-serif;
   margin-top: 66px;
   color: #010101;
   text-transform: none;
   font-size: 28px;
   margin-bottom: 25px;
}

iframe {
   width: 100%;
}


.video {
    margin-top:20px;
    margin-bottom:60px;
}

.evento-videos {
    background-color: transparent;
}

    .evento-videos h3 {
        font-size: 28px;
        color: #1f1f1f !important;
        margin-bottom: 15px;
        font-family: 'Gotham-Light';
        line-height:30px;
    }

    .evento-videos p {
        font-size: 16px;
        color: #1f1f1f !important;
    }

/*Eventos*/
.box-event {
   margin-bottom: 1.25em;
   background-color: #eeedfb;
}
.box-event span {
   display: block;
}
.box-event h3 {
   font-size: 22px;
   color: #010101;
   font-weight: 400;
}
.box-event h3 a:hover, .news .socalo-info h3 a:hover {
   color: #0aa4e5;
   transition: all 0.3s ease-in;
}

.box-event h3 a, .news .socalo-info h3 a {
   color: #5c5c5b;
   font-weight: 400;
   font-size: 22px;
}

.fecha-evento {
   padding: 100px 0px 0px 10px;

}

.primero {
   background: #009bdb;
}

.tercero {
   background: #085383;
}

.fecha-evento span {
   margin-bottom: 10px;
}
.fecha-evento span:nth-of-type(1) {
   font-size: 22px;
   font-family: 'Gotham-Light';
   color: white;
   text-transform: uppercase;
}
.fecha-evento span:nth-of-type(2) {
   font-size: 30px;
   font-family: 'Gotham-Medium';
   text-transform: none;
   color: white;
   display: inline-block;
}
.evento-informacion {
   text-align: left;
   background: #eeedfb;
   padding: 1em 2em;
}

.evento-informacion span {
   display: inline-block;
}



.box-event hr {
   border: 1.9px solid #010101;
   width: 5px;
   margin-top: 20px;
   margin-bottom: 20px;
}
.event-day {
   background-color: #0b334e;
   padding: 0;
}
.img-event-day {
    /*background: url(../img/contenedor/Pagina_evento1.jpg);*/
    background-size: cover!important;
    height: 250px;
    max-width: 210px;
    background-repeat: no-repeat!important;
}
box-event .col-md-6, .box-event .col-md-3, .box-event .col-md-9 {
   padding: 0;
}

.evento-informacion i {
   margin-right: 10px;
}

.evento-informacion a {
   margin: 10px 0px 0px 0px;
   color: #00304d;
   font-size: 12px;
}

.tag .fa-globe {
   color: #00304d;
}

.evento-informacion p:nth-of-type(2) {
   font-family: 'Gotham-Light';
   font-size: 13px;
   color: #2e2e2e;
   line-height: 1.5;
   margin: 10px 0px 0 0px;
}

.evento-informacion p:nth-of-type(1) {
   font-family: 'Gotham-Light';
   font-size: 13px;
   color: #2e2e2e;
}

.evento-informacion h3 {
   margin-top: 24px;
   margin-bottom:10px;
   color:#5c5c5b;
}
.evento-informacion h3:hover{
    color: #0aa4e5;
    transition: all 0.3s ease-in;
}
#wizard-p-1.body.current {
   position: relative;
   height: auto;
}

#wizard-p-2.body.current {
   position: relative;
   height: auto;
}


/*Sponsors*/

.sponsors hr {
   margin: auto;
   margin-top: 38px;
}

.premiun-sponsor, .partner-sponsor {
   text-align: center;
}

.premiun-sponsor .col-lg-3, .partner-sponsor .col-lg-3 {
   margin-top: 2em;
   margin-bottom: 2em;
}


/*Login & Event Detail */
.bg-login {
   background: #f3f3ef;
}
.header-login {
   position: inherit;
}
.logo {
   padding-top: 0;
}
.login {
   text-align: left;
}
.login-content, .event-content {
   width: 100%;
   font-size: 20px;
   font-family: 'Gotham-Light';
   color: #1f1f1f;
}

.login-content {
    padding-top:82px;
}

.login-user {
    padding-top:130px;
}


.login-content form, .event-content form {
   margin-top: 50px;
}
.login-content label,.event-content label {
   color: #1f1f1f;
}
.login-content input, .event-content input,.login-content form select {
   line-height: normal;
   margin-top: 15px;
   margin-bottom: 25px;
   background: #f3f3ef;
   border: 1px solid #b6b6b4;
   width: 100%;
   height: 50px;
   color: #575757;
   padding-left: 20px;
   font-size: 14px;
}

.login-content input:focus, .event-content input:focus {
   background: #ffffff;
}

.login-content .box, .event-content .box {
   background: white;
   text-align: left;
   padding: 0 100px 100px 100px;
   margin-top: 20px;
}

.login-content .box {
    margin-top: 0;
    padding: 0 100px 80px 100px;
}

.login-content h1 {
   font-size: 35px;
   color: #1f1f1f;
   text-transform: uppercase;
}

input[type="submit"], input#btn-login {
    background-color: transparent;
    width: 150px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #41b0e7;
    color: #41b0e7;
    text-transform: uppercase;
    font-family: 'Gotham-Bold';
    font-size: 16px;
    border-radius: 25px;
}
.hyperlink {
   float: right;
   margin-right: 5px;
   position: absolute;
   top: 50px;
   right: 10px;
   font-size: 12px;
   color: #90d2f1;
}
#cbox2 {
   width: auto;
   height: auto;
}
#txtPassword {
   margin-bottom: 0px;
}
.remember {
   color: #707070 !important;
   font-size: 16px;
   margin-left: 10px;
}
.not-account {
   font-family: 'Gotham-Light', sans-serif;
   font-size: 14px;
}
.not-account a {
   color: #66bceb;
}
.login-input-div {
   margin-bottom: 25px;
}
.login-content hr, .event-content hr {
   border: 2px solid #1f1f1f;
   width: 10px;
   margin-top: 30px;
   text-align: left;
   background: black;
}
.dir-div label {
   width: 100%;
   padding-left: 7px;
}
.dir-div {
   margin-bottom: 10px;
}
.description-input {
   font-size: 12px;
   font-family: 'Gotham-Medium', sans-serif;
}
label.description-input {
   padding-left: 0px;
   line-height: 1.2;
}
.dir {
   margin-bottom: 5px !important;
}

/*Event Detail*/
.evento-informacion .add-event {
    color: #00acec;
    font-family: 'Gotham-Medium';
    font-size: 14px;
}
.evento-detail-box {
   padding: 2em 0em 1em 0em;
}
.event-content h1 {
   font-size: 42px;
   color: #1f1f1f;
   line-height: 48px;
}
.event-content p {
    margin: 10px 0px 10px 0px;
}
.taskForcesList > div p {
    color:black;
}

.event-content span {
   color: #2e2e2e;
   font-family: 'Gotham-Light';
   font-weight: 400;
   font-size: 16px;
   text-transform: inherit;
   margin-left: 0px;
}
.event-content .date {
   font-family: 'Gotham-Bold';
}
.event-content i {
   color: #00acec;
   margin-right:5px;
}

.box.event-detail {
    margin-top:30px;
}

.detalle-evento .tittle-month {
   font-family: 'Gotham-Medium';
   font-size: 35px;
   margin: 2em 0 1em 0;
   color: #1f1f1f;
}

.detalle-evento .row.distance-bloque {
    margin-top:30px;
}


.tag {
   background: #fcfcfc;
   border-radius: 25px;
   padding: 5px;
   font-size: 10px;
}

    .tag img {
        width: 14px;
        vertical-align: middle;
    }

.tag-detail {
   padding: 5px;
   font-size: 13px;
}
.tag-detail i {
   color: #0b334e;
   margin-right: 10px;
}
.label-event {
   font-family: 'Gotham-Bold';
   margin-left: 10px;
}

.event-content button, .confirmation button {
   background: #00acec;
   color: white;
   text-transform: uppercase;
   border-radius: 25px;
   padding: 6px 12px;
   font-size: 13px;
}

.event-content button:hover, .confirmation button:hover {
   background: white;
   color: #00acec;
   transition: all 0.3s ease-in;
}

#programDownload {
   background: white;
   color: #00acec;
   border-radius: 25px;
   padding: 6px 12px;
   font-size: 13px;
}

#programDownload:hover {
   transition: all 0.3s ease-in;
   background: #00acec;
   color: white;
}

.detail-event, .taskForcesList {
    margin-top: 5px;
}

    .detail-event.aboutg20 {
        margin-top:0;
    }

    .detail-event.aboutg20 {
        margin-top:0;
    }

.aboutg20div h3 {
    margin: 20px 0 -5px 0 !important;

}

.aboutg20div p {
    margin-bottom: 0px !important;
}
.aboutg20div h2 {
    margin: 40px 0 0 0 !important;
    font-size: 24px !important;
}



.detail-event p {
    color: #1f1f1f;
    font-size: 18px;
    margin-bottom: 30px;
}

.steps {
   margin-top: 2em;
}

.login-content .steps ul {
   border-bottom: 2px solid #23abe6;
}

.login-content .steps ul li {
   display: inline-block;
   margin: 0;
   padding: 22px;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #575757;
}

.login-content .steps ul li {
   font-family: 'Gotham-Bold';
   font-size: 16px;
}

.login-content .steps ul li span {
   font-size: 36px;
   vertical-align: middle;
   margin-right: 10px;
}

.steps .active {
   background: #23abe6;
   color: white!important;
}

.steps .active span {
   color: white!important;
}

.steps .done {
   color: #23abe6!important;
}

.steps .done span {
   color: #23abe6!important;
}

.nombre_sector {
   background: transparent;
   border-bottom: 1px solid #707070;
   margin-top: -10px;
}

.register .text-register p {
   color: #1f1f1f!important;
   font-size:16px;
}

.register .fa-envelope-o {
   display: inline-block;
   font: normal normal normal 55px/1 FontAwesome;
   font-size: 60px;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background: #23abe6;
   width: 150px;
   height: 100px;
   text-align: center;
   vertical-align: middle;
   padding-top: 0.7em;
   border-radius: 50%;
}

.register h2 {
   font-family: 'Gotham-Light';
   margin-top: 10px;
   color: #23abe6;
   text-transform: none;
   font-size: 36px;
}

.register.last h2 {
    line-height:38px;
}

.registration-close {
    margin-top:20px;
}


.camaraa_asociada {
   color: black;
}

.camaraa_asociada span {
   margin-top: 0px;
}

.camaraa_asociada input {
   margin-top: 0px;
   margin-top: -12px;
}

.box p.forgot {
    color:#707070;
    font-size:13px;
}


/*Footer*/

footer ul li a {
    color: #3f70b7;
    font-weight: 400;
}

footer ul li a:hover {
   color: #d5d61d;
   cursor: pointer;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

@media screen and ( max-width: 1024px) {
    header nav img {
        width: 75%;
    }

    .prev, .next {
        top: 45%;
        background: transparent;
    }

        .prev, .next:hover {
            background: transparent;
        }

    header {
        height: 185px;
        background-position: center top;
    }

    .content-login-button {
        margin-right: 10px;
    }

    .content-login-button.pull-right {
           
        width: 206px;
    }

    header nav ul.pull-left li:first-child {
        width:150px;
    }

      
}

/*celulares y tablets*/
@media screen and ( max-width: 1023px) {
    .bloque-informacion {
        margin-bottom: 50px;
    }

    .bloque-informacion .img-bloque-informacion {
        height: 300px;
    }

    .container-landing .iniciative-by h2{
        margin-bottom: 100px;
    }

    .login-content .box, .event-content .box{
        margin-top: 80px;
    }
}

.event-box{
    min-height: 250px;
}

/*Solo tablets*/
@media screen and (min-width: 415px) and (max-width: 1023px){
    .nav-bar .fa-bars{
        font-size: 30px;
    }
}

/*Solo celulares*/
@media screen and (max-width: 414px){
    .nav-bar .fa-bars{
        font-size: 20px;
    }

    .slideshow-container {
        margin: 90px auto 100px auto;
        height: 320px;
    }

    .mySlides{
        height: 320px;
    }
}

@media only screen and (min-device-width : 414px) and (max-device-width :736px) and (orientation :landscape) {
    .content-login-button.pull-right {
        float: none;
        width: 206px;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .content-login-button.pull-right {
        float: none;
        width: 206px;
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
    .content-login-button.pull-right {
        float: right;
        width: 206px;
    }
}



@media (max-width: 900px) {
    ul img {
        width: 50%;
        height: auto;
    }

    .row.event-content {
        padding-top:25px;
    }

    .nav-bar {
        display: block;
        width: 100%;
        position: fixed;
        top: -1px;
        left: -1px;
        background: white;
        padding: 10px 0px;
        box-shadow: 0 2px 30px 0px rgba(0, 0, 0, 0.2);
    }

    header {
        width: 100%;
        height: 135px;
        background-position: center top;
    }

    .nav-bar span {
        float: left;
        font-size: 20px;
        padding: 20px;
        color: #fff;
    }

    .nav-bar .fa-bars {
        display: block;
        padding: 20px;
        color: #3f70b7;
        overflow: hidden;
        font-weight: bold;
        text-decoration: none;
        float: right;
    }

    header nav {
        width: 60%;
        right: 100%;
        overflow: auto;
        height: 100%;
        margin-left: 0;
        background-image:none;
        left: -100%;
    }

        header nav ul li {
            display: block;
            width: 100%;
        }

    header ul li a {
        display: block;        
    }

    header nav ul li .children {
        width: 100%;
        position: relative;
        overflow: hidden;
        display: none;
    }

    header nav ul li:hover .children {
        display: none;
    }

    header nav ul li ul li:first-child {
        border-top: 1px solid #ffff99;
    }

    header nav ul li .children span {
        display: inline-block;
        margin-right: 10px;
    }

    header nav ul li .children a {
        margin-left: 10px;
        padding: 5px 0;
    }

    header nav ul li .fa-angle-down {
        position: relative;
        top: 3px;
    }

    .container h2 {
        font-size: 22px;
    }

    .menu-option {
        padding-top: 14px;
        text-transform: uppercase;
    }

    .text {
        font-size: 10px;
    }

    .menu_bar {
        display: block;
        width: 100%;
    }

        .menu_bar .bt-menu {
            display: block;
            padding: 20px;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            font-size: 25px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: right;
        }

    .menu_bar {
        float: left;
    }

        .menu_bar span {
            float: right;
            font-size: 40px;
        }

    header nav ul.pull-left li {
        float: none;
    }

    buttons-login pull-right {
        margin-left: 30px;
        width: 120px;
        margin-bottom: 10px;
    }

}


@media (max-width:700px) {
    hr{
        margin-top: 0;
    }

   .login-content .box {
      padding: 1em;
   }
   .event-content h1 {
      line-height: 40px;
      font-size: 35px;
   }

    .row.event-content {
        padding-top: 25px;
    }


    .login-content {
        padding-top:0px;
    }

        .login-content.login-user input {
            width:94%;
        }


   .login-content .box, .event-content .box {
      text-align: left;
      padding: 10px !important;
      background: white;
      margin-top: 35px;
      margin-bottom: 0px;
   }

    .login-content .box{
        margin-top: 70px;
    }
    
    .container-landing .box h2 {
        font-size: 28px;
    }
   ul img {
      width: 50%;
      height: auto;
   }

   .nav-bar span {
      float: left;
      font-size: 20px;
      padding: 20px;
      color: #fff;
   }


    header .content-login-button .buttons-login li a {
        font-size: 14px;
        font-family: 'Gotham-Bold';
    }

   header nav ul li {
      display: block;
      width: 100%;
   }
   header ul li a {
      display: block;
   }
   header nav ul li .children {
      width: 100%;
      position: relative;
      overflow: hidden;
      display: none;
   }
   header nav ul li:hover .children {
      display: none;
   }
   header nav ul li ul li:first-child {
      border-top: 1px solid #ffff99;
   }
   header nav ul li .children span {
      display: inline-block;
      margin-right: 10px;
   }
    header nav ul li .children a {
        margin-left: 0px;
        padding: 5px 0 0 15px;
    }
   header nav ul li .fa-angle-down {
      position: relative;
      top: 3px;
   }

    .box-videos .tittle-videos.text-center {
        text-align: left;
        margin-bottom: 50px;
    }

    .box-videos .tittle-videos h2 {
        font-size: 28px;
    }

    .tittle-videos hr {
        margin-left: inherit;
        margin-right: inherit;
    }

    .box-videos h3 {
        margin-top: 25px;
    }

   .container h2 {
      font-size: 22px;
   }
   .menu-option {
      padding-top: 14px;
      text-transform: uppercase;
   }
   .text {
      font-size: 10px;
   }
   .menu_bar {
      display: block;
      width: 100%;
   }
   .menu_bar .bt-menu {
      display: block;
      padding: 20px;
      color: #fff;
      text-decoration: none;
      font-weight: bold;
      font-size: 25px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: right;
   }
   .menu_bar {
      float: left;
   }
   .menu_bar span {
      float: right;
      font-size: 40px;
   }
   .prev,
   .next :hover {
      background: transparent;
   }
   iframe {
      width: auto;
      height: auto;
   }
    footer .row ul, footer .row p {
        display: none;
    }

   .row {
      margin-right: 0;
      margin-left: 0;
   }

    .login-user {
        padding-top: 25px;
    }

   .img-socalo img {
      width: 100%;
   }
   .news .socalo-info {
      width: 100%;
   }
   .news .img-socalo {
      display: inline-block;
      width: 100%;
   }
   .news .socalo-info p {
      margin-top: auto;
   }
   header nav ul {
      margin-left: 0;
   }
   header nav ul li {
      float: left;
      position: relative;
      margin: 0px;
   }

    header .content-login-button .media {
        float: none;
        margin-left: 90px;
    }

    .pull-right.content-login-button {
        float:none;
        margin-bottom:15px;
        margin-bottom:10px;
    }


    header .content-login-button ul.buttons-login {
        display: block;
        float: left;
        margin-left:20px;
    }


   header nav img {
      width: 60%;
      margin-left: 5px;
   }
   .dot {
      height: 10px;
      width: 10px;
   }
   .login-content h1 {
      line-height: 35px;
      font-size: 25px;
      color: #1f1f1f;
   }
   .iniciative-by img {
      width: 50%;
   }
   .event-content .container-landing .iniciative-by .box {
      padding: 1em;
      text-align: center;
   }
   .event-specification h1 {
      text-transform: uppercase;
      font-size: 35px;
   }
   .evento-informacion {
      max-height: 100%;
      padding: 1em 2em;
   }
   .TaskForces-container .col-md-6 {
      margin-top: 0;
   }
    .div-int-task {
    width: 60%;
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 2em;
    }
    .aboutb20 {
    margin-left: 40px;
    font-size: 16px;
    }
    .detail-event img {
    width:100%;
    }

    .b20tittle .div-int-task-icon img {
        width:auto;
    }

    .event-specification h1{
    text-transform:uppercase;
    font-size:35px;
    }

    .footer-g20 img {
        width:20%;
    }


}
@media (max-width:520px) {
    header {
        height: 80px;
        background-position: center top;
    }

    .contenedor-slider span {
        display: none;
    }

    .contenedor-slider h1 {
        font-size: 10px;
    }

    .iniciative-by img {
        width: 50%;
    }

    .event-content .container-landing .iniciative-by .box {
        padding: 0em;
    }

    .fecha-evento span:nth-of-type(1) {
        font-size: 32px;
    }

    header nav{
        background-image:none;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
   .prev,
   .next {
      top: 45%;
      opacity: .8;
   }
}
/* Iphone 5 portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    /*header nav {
        width: 60%;
        height: 570px;
        overflow-y: scroll;
    }*/

    .container-landing .iniciative-by h2 {
        margin-top:40px;
        margin-bottom:40px;
        padding-bottom:0;
    }

    .iniciative-by {
        margin-bottom:40px;
    }

    .box-videos {
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .box-videos .tittle-videos.text-center {
            text-align:left;
            margin-bottom:50px;
        }

        .box-videos .tittle-videos h2{
            font-size:28px;
        }

        .box-videos  h3{
            margin-top:25px;
        }

    .tittle-videos hr {
        margin-left:inherit;
        margin-right:inherit;
    }

    .box-sponsors {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .tittle-sponsors h2{
        font-size: 28px;
    }

    .content-login-button {
        margin-right:0;
    }

    .user-mail {
        font-size:10px;
    }

   .user li:hover .children {
        display: block;
    }

    header nav ul li a.user-mail {
        color: #596f7e;
    }

}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
   /*header nav {
      width: 40%;
      height:320px;
      overflow-y:scroll;
   }*/
}

.background-image-none {
    background-image: none !important;
    display:none!important;
}

@media screen and (max-width: 768px){
    .iniciative-by img {
        width: 80%;
    }
}


.documentTitles, .event-content h1.documentTitles {
    font-size: 25px;
    line-height: 30px;
    margin: 1em 0px 0.2em 0px;
}



.timeline_document {
    border: 2px solid #596f7e;
    border-radius: 14px;
    padding: 6px;
    text-align: center;
    float: right;
    font-size: 12px;
}

@media (max-width:767px) {
    .timeline_document {
        margin-bottom: 10px;
        font-size: 10px;
    }
}