@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: 14px;
    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: 300px;
    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
    }
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: 0.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 {
    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
    }
/*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
    }
.main_footer {
    background-color: #f6f7f8;
    overflow: hidden;
    -webkit-box-shadow: 0 -1px 5px 0 rgba(158, 158, 158, 0.61);
    -moz-box-shadow: 0 -1px 5px 0 rgba(158, 158, 158, 0.61);
    box-shadow: 0 -1px 5px 0 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+ */
    /* 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: 0.8;
    border-radius: 50%;
    width: 20px;
    margin: 1em;
    text-align: center
    }
/* Position the "next button" to the right */
.next {
    right: 0;
    background: black;
    opacity: 0.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: 0;
    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: 0;
    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: 0;
    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: 0
    }
.event-content .container-landing .iniciative-by .box {
    padding: 0
    }
.container-landing .iniciative-by h2 {
    text-align: center
    }
.iniciative-by > .box {
    padding: initial
    }
/* 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: 0;
    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: 0;
    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: 0;
    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: 0;
    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
    }
.tf-item {
    margin-bottom: 20px
    }
.no-margin {
    margin: 0 !important
    }
.box-twitter .fa-twitter {
    color: #0aa4e5
    }
.box-videos {
    margin-bottom: 100px;
    margin-top: 80px
    }
.iniciative-by {
    margin-bottom: 80px
    }
.box-sponsors {
    margin-top: 110px
    }
.box-sponsors .row {
    text-align: center
    }
.box-sponsors .row img {
    width: 100%
    }
/*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: 0.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
    }
.TaskForces-container a {
    font-weight: normal
    }
.detail-event .taskForcesList p {
    margin-bottom: 0
    }
.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%
    }
.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 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: 14px;
    font-weight: 400
    }
.event-content .detail-event h3 span {
    margin-bottom: 0;
    font-family: "Gotham-Medium"
    }
.event-content .detail-event h3 {
    margin-bottom: 0;
    margin-top: 0
    }
.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: 0
    }
.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: 40px;
    margin-bottom: 60px
    }
.evento-videos {
    background-color: transparent
    }
.evento-videos h3 {
    font-size: 28px;
    color: #1f1f1f !important;
    margin-bottom: 40px;
    font-family: "Gotham-Light";
    line-height: 30px
    }
.evento-videos p {
    font-size: 16px;
    color: #1f1f1f !important
    }
.video {
    margin-top: 40px;
    margin-bottom: 60px
    }
.evento-videos {
    background-color: transparent
    }
.evento-videos h3 {
    font-size: 28px;
    color: #1f1f1f !important;
    margin-bottom: 40px;
    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 0 0 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;
    min-height: 250px;
    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 0 0 0;
    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 0 0 0
    }
.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: #fff
    }
.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: 0
    }
.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: 0;
    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 0 1em 0
    }
.event-content h1 {
    font-size: 42px;
    color: #1f1f1f;
    line-height: 48px
    }
.event-content p {
    margin: 10px 0 10px 0
    }
.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: 0
    }
.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: 30px
    }
.detail-event.aboutg20 {
    margin-top: 0
    }
.detail-event.aboutg20 {
    margin-top: 0
    }
.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: 0
    }
.camaraa_asociada input {
    margin-top: 0;
    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 0;
        box-shadow: 0 2px 30px 0 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 #ff9
        }
    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: 0
        }
    .login-content.login-user input {
        width: 94%
        }
    .login-content .box, .event-content .box {
        text-align: left;
        padding: 10px;
        background: white;
        margin-top: 35px;
        margin-bottom: 0
        }
    .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 #ff9
        }
    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
        }
    .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: 0
        }
    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: 0
        }
    .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: 0.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
        }
    .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
    }