/***
	General
***/

* {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans';
}

body {
	overflow: hidden;
}

html {
	overflow-x: hidden;
}

a {
	transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
	opacity: 0.7;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	outline: none;
}


/***
	Fonts
***/

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'), url('../fonts/OpenSans-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/OpenSans-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Italic.woff2') format('woff2'), url('../fonts/OpenSans-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Light.woff2') format('woff2'), url('../fonts/OpenSans-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-LightItalic.woff2') format('woff2'), url('../fonts/OpenSans-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/OpenSans-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'), url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}


/***
	Navbar
***/
.dropdown-menu {
    white-space: nowrap;
}
.navbar {
	min-height: 61px;
	height: 105px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: fixed;
	width: 100%;
	z-index: 60;
	border-radius: 0;
	background-color: transparent;
	transition: all 0.5s ease-in-out;
}

.dropdown-toggle.seleccion{
    border-color:#DC4711;
    border-style: solid;
    border-width:0 0  2px 0;
}


.nav-link {
    color:#707070;
    font-size: 16px;
    font-weight: bold;
}

.navbar-default .navbar-collapse#bs-example-navbar-collapse-1 {
	float: right;
	margin-top: 10px;
}

.navbar-default .navbar-brand {
	width: 205px;
	background: url(../img/logo_edutic_conference.svg) left center no-repeat;
	text-indent: -99999px;
	height: 80px;
	padding-left: 30px;
	background-size: 100%;
	margin-left: 30px!important;
	margin-top: -5px;
	opacity: 1;
	transition: all 0.5s ease-in-out;
}
.bg-colornaranja{
    background-color: #DC4711;
}

.colornaranja{
    color: #DC4711!important;
}

.bg-colorceleste{
    background-color: #5F83E8;
}

.colorceleste{
    color: #5F83E8!important;
}

.bg-colorazul{
    background-color: #00469B;
}

.colorazul{
    color: #00469B!important;
}

.navbar-brand:hover,
.navbar-brand:focus {
	opacity: 1;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	text-transform: initial;
	font-weight: 700;
	font-size: 17px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #DC4711;
	opacity: 1;
}

.navbar-default .navbar-nav>li.special_btn a {
	background: #DC4711;
	border-radius: 30px;
	width: 170px;
	text-align: center;
	padding: 2px 0px;
	margin-top: 5px;
}

.navbar-default .navbar-nav .seleccion{
	color: #DC4711;
}

.navbar-default .navbar-nav>li.special_btn a:hover {
	background: #5F83E8;
	color: #fff;
}

.navbar.fixedHeader {
	background: #fff;
	transition: all 0.5s ease-in-out;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
}

.navbar .navbar-toggler-icon i {
    color:#fff;
    font-size:28px;
}

.navbar.fixedHeader .navbar-toggler-icon i {
    color:#000;
}

.navbar-default.fixedHeader .navbar-brand {
	background: url(../img/logo_edutic_conference_black.svg) left center no-repeat;
	transition: all 0.5s ease-in-out;
	text-indent: -99999px;
	height: 80px;
	padding-left: 30px;
	background-size: 100%;
	margin-left: 30px!important;
	margin-top: -5px;
	opacity: 1;
}

.navbar-default.fixedHeader .navbar-nav>li>a {
	color: #707070;
}

.navbar-default.fixedHeader .navbar-nav>li.special_btn a {
	background: #DC4711;
	color: #fff;
}

.navbar-default.fixedHeader .navbar-nav>li.special_btn a:hover {
	background: #5F83E8;
	color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
	background: #fff;
	margin-top: 6px;
	height: 4px;
	width: 31px;
}

.navbar-default.fixedHeader .navbar-toggle .icon-bar {
	background: #707070;
}


.bannerhome, .bannerseccion{
    padding-top: 150px;
    padding-bottom: 40px;
    background-color: lightslategrey;

}


.bannerhome h3, .bannerseccion h3{
    font-size: 20px;
    font-weight: bold;
    color: #5F83E8;
}



.eventosedutic h1{
font-size: 30px;
font-weight: bold;
color: #383838;
text-transform: uppercase;
}

.eventosedutic .boxevento{
    background-color: #F9F9F9;
    border-color: #80B327;
    color: #383838;
    border-style: solid;
    border-width: 2px;
}

.eventosedutic .boxevento h2{

    color: #383838;
    font-size: 20px;
    font-weight: bold;

}
.eventosedutic .boxevento h3{

    color: #383838;
    font-size: 16px;
    font-weight: bold;

}
.eventosedutic .boxevento h4{

    color: #80B327;
    font-size: 14px;
    font-weight: bold;

}




.bannerhome h2, .bannerseccion h2{
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #FFF;
}


.bannerhome h1, .bannerseccion h1{
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #FFF;
}

.bannerseccion .titseccion h1{
    font-size: 32px;
    text-transform: uppercase;
}

.bannerseccion .titseccion h1:before{
    position: absolute;
    overflow: hidden;
    width: 100px;
    height: 6px;
    bottom: -10px;
    content: '\a0';
    background-color: #DC4711;
}

.rowtematicas h1{
    font-size: 30px;
    font-weight: bold;
    color: #5F83E8;
    left: 20%;
}

.rowtematicas h3{
    font-size: 20px;
    font-weight: bold;
    color: #808080;
}



.rowtematicas  h3:after {
    position: absolute;
    overflow: hidden;
    width: 30px;
    height: 3px;
    margin-top: 30px;
    content: '\a0';
    margin-left: -30px;
    background-color: #DC4711;
}


.rowtematicas h4{
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.rowperfilpublico h1{
    font-size: 30px;
    font-weight: bold;
    color: #5F83E8;
    left: 20%;
}

.rowperfilpublico h3{
    font-size: 20px;
    font-weight: bold;
    color: #808080;
}


.rowperfilpublico h4{
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.rowrequisitos{
    background-color: #ebebeb;
}
.rowrequisitos h1{
    font-size: 30px;
    font-weight: bold;
    color: #5F83E8;
    left: 20%;
}

.rowrequisitos h3{
    font-size: 16px;
    color: #4d4c4c;
}


.rowrequisitos h4{
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.rowrequisitosform .txttema{
    font-size: 18px;
    font-weight: bold;
}

.rowrequisitosform .btntema{
    font-size: 16px;
}
.rowtemaprincipal  h1{
    font-size: 40px;
    font-weight: bold;
    color: #5F83E8;

}

.rowtemaprincipal  span{
    font-size: 18px;
    color: #808080;
}

.rowtemaprincipal img{
   width: 150px;
}

.rowtemaprincipal .itemrequisitos li{
    list-style:none;
    line-height:30px;
}

.rowcomites{
    background-color: #5F83E8;
}

.rowcomites  h1{
    font-size: 25px;
    font-weight: bold;
    color:#fff;

}

.rowcomites  h2{
    font-size: 20px;
    font-weight: bold;
    color: #fff;

}

.rowcomites  span,.rowcomites  h4{
    font-size: 16px;
    color: #fff;
}


.rowcomites img{
   width: 100px;
}


.rowresultados {
background: #5F83E8;
color: #fff;
padding-left: 10%;
}
.rowresultados  h1{
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;

}

.rowresultados  .wpaper a{
    font-size: 10px;
    font-weight: bold;
    color: #fff;
}


.rowresultados  .podcast a{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

.rowresultados  h2{
    font-size: 25px;
    font-weight: bold;
    border-bottom-style: solid;
    border-width: 2px;
    border-color: #FFF;
    padding-bottom: 10px;
    margin-bottom: 20px;

}

.rowresultados .imgtaller{
    width: 200px;
}


.rowresultados .podcast a:hover{
    color:#DC4711;
}

.rowresultados li{
    font-size: 16px;
    font-weight: bold;
}


.rowrecupera {
    background: #5F83E8;
    color: #fff;
    padding-left: 10%;
    }
    .rowrecupera  h1{
        font-size: 40px;
        font-weight: bold;
        text-transform: uppercase;

    }


    .rowrecupera  h2{
        font-size: 22px;
        font-weight: bold;
        border-bottom-style: solid;
        border-width: 2px;
        border-color: #FFF;
        padding-bottom: 10px;
        margin-bottom: 20px;

    }

.rowedutic{
background-color: #fff;
color: #383838;
min-height: 300px;
}
.rowedutic h2{
    font-size: 22px;
    font-weight: bold;
    color: #383838;
    min-height: 30px;
}
.rowedutic h3{
    font-size: 20px;
}
.rowedutic .logo{
    width: 300px;
}


.rowcomite{
    background-color: #fff;
    color: #383838;
    min-height: 300px;
    }
    .rowcomite h2{
        font-size: 18px;
        font-weight: bold;
        color: #383838;
        min-height: 30px;
    }
    .rowcomite h3{
        font-size: 16px;
        height: 40px;
        width: 16rem;
    }
    .rowcomite h4{
        font-size: 14px;
        height: 30px;
        color: #5F83E8;
        width: 16rem;
    }
    .rowcomite .foto{
        width: 100%;
    }

    .rowcomite .bloquerrss{
        height: 30px;
    }

    .filtrocomite .busqueda{
        color: #383838;
        font-size: 16px;
        font-weight: bold;
    }

    .filtrocomite .pais{
        cursor: pointer;
        padding: 10px;
        padding-left: 20px;
        border-radius: 5px;
        border: solid;
        border-width: 2px;
        border-color: #f8f9fa;
    }


    .filtrocomite .pais:hover{
       cursor: pointer;
       border-color: #DC4711;
    }

    .filtrocomite .pais.seleccion{
        border-color: #DC4711;
     }


    .filtrocomite .tema{
        padding: 5px;
        border: solid;
        border-radius: 5px;
        border-width: 2px;
        padding-left:10px;
        padding-right: 10px;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        width: 150px;
      }
      .filtrocomite .tema i,.filtrocomite .pais i{
        display: none;
        color:red;
        font-weight: bold;
        font-size: 14px;
      }

      .filtrocomite .tema:hover{
        cursor: pointer;
        background-color: #fff!important;
        color: #383838;
      }

      .filtrocomite .tema.seleccion i,.filtrocomite .pais.seleccion i{
        display:inline;

      }

      .filtrocomite .tema.seleccion{
        background-color: #fff!important;
        color: #383838;
      }

      .paisnone{
        display: none;
      }
      .temanone{
        display: none;
      }


.rowtemasfull  h1 {
    margin-top: 40px;
    font-size: 40px;
    font-weight: bold;
    color: #808080;
}
.rowtemasfull  h1:after {
    position: absolute;
    overflow: hidden;
    width: 100px;
    height: 6px;
    margin-top: 60px;
    content: '\a0';
    margin-left: -100px;
    background-color: #DC4711;
}

.rowtemasfull.gris {
    background-color: #ebebeb;
}
.rowtemasfull  img {
    border-top-style: solid;
    border-width: 8px;
    width:700px;
    height:200px;
}

.rowtemasfull .text-right img {
    border-bottom-right-radius: 50px;
}
.rowtemasfull .text-left img {
    border-bottom-left-radius: 50px;
}

.roworganizacion img{
    width: 400px;
}

.rowfechas{
    background-color: #ebebeb;
    padding-top: 2%;
    padding-bottom: 2%;

}
.rowfechas h1{
    font-size: 30px;
    font-weight: bold;
    color: #383838;
}

.rowfechas .boxfecha{
    background-color: #fff;
    padding: 20px;
}

.rowfechas .boxfecha h2{
    font-size: 16px;
    font-weight: bold;
    color: #DC4711;
    text-transform: uppercase;
}

.rowfechas .boxfecha h3{
    font-size: 16px;
    font-weight: bold;
    color: #383838;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.rowfechas .boxfecha span{
    font-size: 14px;
    font-weight: bold;
    color: #383838;
    text-align: center;
    margin-bottom: 20px;

}

.rowcontenidos {
    background: #5F83E8;
	color: #fff;
    padding-left: 10%;
}

.rowcontenidos h1{
    text-transform: uppercase;
	color: #fff;
    font-size: 50px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 40px;
}


.rowcontenidos h4{
	color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.roworganizacion {
    background: #fff;
	color: #383838;
    padding-left: 10%;
}

.roworganizacion h1{
    text-transform: uppercase;
	color: #383838;
    font-size: 50px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 40px;
}


.roworganizacion span{
    font-size: 16px;

}



.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

.main.bloque1{
    margin-top: 30px;
    margin-left: 50px;
    margin-right: 20px;
    min-height: 280px;
}

.main.bloque1 .cuadroboton{
    bottom: 0;
    position: absolute;
}

.main.bloque1 h1,h2,h3{
    color:#fff;
}


.slider_hours .hours_timer {
	position: relative;
	/* background: #fff;*/
	z-index: 1;
	height: 50px;
    color:#fff;
	/*box-shadow: 0px 10px 10px rgb(0 0 0 / 16%);
	*/ padding-top: 15px;
}

.slider_hours .hours_timer h3 {
	margin: 0;
	text-align: center;
	font-size: 20px;
	color: #7A7A7A;
	font-weight: normal;
}

.slider_hours .hours_timer #timer {
	display: flex;
	align-items: start;
	justify-content: space-evenly;
	text-align: center;
}

.slider_hours .hours_timer #timer #days,
.slider_hours .hours_timer #timer #hours,
.slider_hours .hours_timer #timer #minutes,
.slider_hours .hours_timer #timer #seconds {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	display: inline-block;
}

.slider_hours .hours_timer #timer #days span,
.slider_hours .hours_timer #timer #hours span,
.slider_hours .hours_timer #timer #minutes span,
.slider_hours .hours_timer #timer #seconds span {
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin-top: -5px;
}


header {
	padding: 0!important;
	height: 100vh;
}


header .bottom {
	height: 150px;
	/*this will work like some padding bottom missing  at section */
	border-width: 85px 0px 0px 100vw;
	border-style: solid;
	border-color: transparent transparent #fff #ffffff;
	margin-top: -85px;
	position: relative;
	z-index: 1;
}


header .text_publicmin {
    position: absolute;
    z-index: 1;
    top: 150px;
    left: 15%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

header .text_publicmin img{
   width:300px;
}
header .text_publicmin h2 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	animation-duration: 2s;
}

header .text_publicmin .row{
    margin-top: 250px;
}

.homesinmenu{
 padding-left: 100px;
 padding-right: 100px;
 padding-top: 50px;
}
.homesinmenu .volver {
	max-width: 275px;
	margin: auto;
	display: block;
	background: #5f83e8;
	color: #fff;
	font-size: 21px;
	font-family:inherit;
        font-weight: 700;
        border: none;
	border-radius: 30px;

        padding:5px 0  5px 20px;
	margin-top: 15px;
	transition: all 0.3s ease-in-out;
}

.homesinmenu .volver:hover {
	background: #DC4711;
	transition: all 0.3s ease-in-out;

}

header .text_slider {
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 130px;
	transform: translateY(-50%);
	max-width: 450px;
	width: 100%;
	text-align: revert;
}

header .text_slider img {
	max-width: 460px;
	display: block;
	margin: auto;
}

header .text_slider h2 {
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	animation-duration: 2s;
}

header .text_slider .text_slider-btns {
	text-align: center;
}

header .text_slider .text_slider-btns a {
	background: #fff;
	text-align: center;
	max-width: 200px;
	width: 100%;
	display: inline-block;
	height: 50px;
	border-radius: 30px;
	margin: 0px 10px;
	margin-top: 25px;
	line-height: 50px;
	font-size: 20px;
	color: #dc4711;
}

header .text_slider .text_slider-btns a:hover {
	opacity: 1;
	color: #fff;
	background: #dc4711;
}

/* HOME*/
.homecomiteasesor .fichaasesor, .homecomiteasesor .fichaasesorprincipal{
    background-color: #F8F8F8;
    padding: 10px;
    margin-top: 15px;
    border-radius: 5px;
    height: 100%;
}
.homecomiteasesor h1{
    font-size: 30px;
    font-weight: bold;
    color: #383838;
}

.homecomiteasesor h2{
    font-size: 25px;
    font-weight: bold;
    color: #383838;
}

.homecomiteasesor h3{
    font-size: 16px;
    font-weight: bold;
    color: #383838;
}

.homecomiteasesor h4{
    font-size: 12px;
    font-weight: bold;
    color:#606060;
}

.homecomiteasesor h5{
    font-size: 10px;
    font-weight: bold;
    color: #909090;
}


.homecomiteasesor h5 a{
    font-size: 10px;
    font-weight: bold;
    color: #5F83E8;
}

.homecomiteasesor .asesor span{
    font-size: 14px;
    color: #383838;
}

.homeconferencistas .fichaasesor, .homeconferencistas .fichaasesorprincipal{
    background-color: #F8F8F8;
    padding: 10px;
    margin-top: 15px;
    border-radius: 5px;
    height: 100%;
}

.homeconferencistas .box{
    max-width: 14%;
}

.homeconferencistas h1{
    font-size: 30px;
    font-weight: bold;
    color: #383838;
}

.homeconferencistas h2{
    font-size: 25px;
    font-weight: bold;
    color: #383838;
}

.homeconferencistas h3{
    font-size: 16px;
    font-weight: bold;
    color: #383838;
}

.homeconferencistas h4{
    font-size: 12px;
    font-weight: bold;
    color:#606060;
}

.homeconferencistas h5{
    font-size: 10px;
    font-weight: bold;
    color: #909090;
}


.homeconferencistas h5 a{
    font-size: 10px;
    font-weight: bold;
    color: #5F83E8;
}

.homeconferencistas .asesor span{
    font-size: 14px;
    color: #383838;
}

.asesormin{
    padding-top: 10px;
    cursor: pointer;
}
.asesormin:hover{
    background: #fff;
    transition: .8s ease;

}

.slide-educacion{
    background-color: #5F83E8;
    height: 150px;
}

.slide-educacion a h1{
    color:#fff;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
}

.slide-tematicas{
    background-color: #5F83E8;
    min-height: 300px;
    margin-top: 50px;
}

.slide-tematicas h1{
    color:#fff;
    font-size: 30px;
    font-weight: bold;
    text-align: left;

}

.slide-tematicas h3{
    font-size: 20px;
    font-weight: bold;
    color: #383838;
}

.slide-tematicas .temabox {
    border-bottom: 2px solid  white;
    padding-bottom: 15px;
    margin-right: 8px;
    height: 100px;
    max-width: 15.5%;
    background-color: #fff;
    cursor: pointer;
}

.slide-tematicas .infotema, .slide-tematicas .infotemaprincipal{
    background-color: #F8F8F8;
    border-bottom: 4px solid  white;
    padding-bottom: 15px;
    padding: 10px;
    margin-left:1%;
    margin-right: 1%;
    margin-top: 15px;
    border-radius: 5px;
    height: 400px;
    transition: .8s ease;

}

.slide-tematicas  h5 a {
    font-size: 15px;
    font-weight: bold;
    color: #5F83E8;
}

.slide-tematicas .infotema h2, .slide-tematicas .infotemaprincipal h2{
    color: #383838;
    font-size: 30px;
    font-weight: bold;
    text-align: left;

}

.slide-tematicas .infotema h4, .slide-tematicas .infotemaprincipal h4{
    color: #383838;
    font-size: 15px;
    font-weight: bold;
    text-align: left;

}

.slide-tematicas .temabox {
    position: relative;
    width: 50%;
  }


  .slide-tematicas .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    width: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }

  .slide-tematicas .unselect{
    background-color: #B8B8B8;
  }

  .slide-tematicas .temabox:hover .middle {
    opacity: 0.8;
  }

  .slide-tematicas .text {
    background-color: #5F83E8;
    color: white;
    font-size: 16px;
    padding: 16px 16px;
  }

  .slide-tematicas .tematicasinfo:hover{
    color:#DC4711;
    cursor: pointer;
  }

  .slide-ponencias{
    background-color: #5F83E8;
    min-height: 300px;
    margin-top: 50px;
}

.slide-ponencias h1{
    color:#fff;
    font-size: 30px;
    font-weight: bold;
    text-align: left;

}

.slide-ponencias h3{
    font-size: 16px;
    font-weight: bold;
    color: #383838;
}

.slide-ponencias .temabox {
    border-bottom: 2px solid  white;
    padding-bottom: 15px;
    height: 100px;
    max-width: 170px;
    background-color: #fff;
    cursor: pointer;
}

.slide-ponencias .infotema, .slide-ponencias .infotemaprincipal{
    background-color: #F8F8F8;
    border-bottom: 4px solid  white;
    padding-bottom: 15px;
    padding: 10px;
    margin-top: 15px;
    border-radius: 5px;
    height: 700px;
    transition: .8s ease;

}

.slide-ponencias  h5 a {
    font-size: 15px;
    font-weight: bold;
    color: #5F83E8;
}

.slide-ponencias .infotema h2, .slide-ponencias .infotemaprincipal h2{
    color: #383838;
    font-size: 30px;
    font-weight: bold;
    text-align: left;

}

.slide-ponencias .infotema h4, .slide-ponencias .infotemaprincipal h4{
    color: #383838;
    font-size: 15px;
    font-weight: bold;
    text-align: left;

}

.slide-ponencias .temabox {
    position: relative;
    width: 50%;
  }


  .slide-ponencias .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    width: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }

  .slide-ponencias .unselect{
    background-color: #B8B8B8;
  }

  .slide-ponencias .temabox:hover .middle {
    opacity: 0.8;
  }

  .slide-ponencias .vermas {
    background-color: #5F83E8;
    color: white;
    font-size: 16px;
    padding: 16px 16px;
  }

  .slide-ponencias .tematicasinfo:hover{
    color:#DC4711;
    cursor: pointer;
  }


#sliderbanner .slick-dots li button:before{
    font-size: 20px;
    color: #fff;
}

#slidecolaboran .slick-dots li button:before
{
    font-size: 15px;
    color: #fff;
}

#slidecolaboran .slick-next::before {
  content: "›";
  font-size: 60px;
  font-family: system-ui;
}

#slidecolaboran  .slick-prev::before {
  content: "‹";
  font-size: 60px;
  font-family: system-ui;
}

#slidecolaboran  .slick-prev {
  left: 30px;
  top: 10px;
  z-index: 1000;

}

#slidecolaboran .slick-next {
  right: 30px;
  top: 10px;
}

#slidecolaboran .imgcarrusel{
    max-width: 60px;
    background-color: #fff;
}
#slidecolaboran .imgflag{
    max-width: 55px;
    max-height: 38px;

}


#sliderbanner  .slick-dots li.slick-active button:before {
    color: #5F83E8;
}


#sliderbanner  .slick-arrow::before {
  color: white;
  cursor: pointer;
  font-size: 30px;
}

#sliderbanner  .slick-prev {
  left: 0px;
  z-index: 1000;

}

#sliderbanner .slick-next {
  right: 30px;
}
#sliderbanner  .slick-prev::before {
  content: "‹";
  font-size: 90px;
  font-family: system-ui;
}

#sliderbanner  .slick-next::before {
  content: "›";
  font-size: 90px;
  font-family: system-ui;
}

/*Imagen rollover*/
 .imgcolabora .container {
    position: relative;
    width: 50%;
  }

  .imgcolabora .box .container {
    position:unset;
    width: 50%;
  }


  .imgcolabora .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }

  .imgcolabora .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    width: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }
  .imgcolabora .container .unselect{
    opacity: 0.3;
  }

  .imgcolabora .container:hover .image,.imgcolabora .box:hover .image  {
    opacity: 0.3;
  }

  .imgcolabora .container:hover .middle {
    opacity: 1;
  }

  .imgcolabora .text {
    background-color: #5F83E8;
    color: white;
    font-size: 16px;
    padding: 16px 16px;
  }



/* RRSS*/
.rrss.twitter{
    color:#55acee;
}

.rrss.linkedin{
    color:#007bb5;
}
.rrss.web{
    color:#383838;
}
.rrss.facebook{
    color:#3b5998;
}

.rrss.iconsize{
    font-size: 20px;
}

#owl-hours-mobile {
	display: none;
}


.rowprogramahome h1{
    font-size: 30px;
    font-weight: bold;
    color: #383838;
}

.rowprogramahome h2 {
	margin: 0;
	text-align: center;
	color: #5F83E8;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

.rowprogramahome h3{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #DC4711;
}

.rowprogramahome .bqtematico{
    font-size: 16px!important;
    text-transform: none;
    font-weight: normal!important;
    color: #fff;
}


.rowprogramahome .fechas {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin: auto;
}


.rowprogramahome .item{
    color: #fff;
    font-weight: bold;
	background: #DC4711;
	box-shadow: 0px 10px 40px rgb(0 0 0 / 22%);
	text-align: center;
    border-radius: 5px;
	padding-top: 25px;
	padding-bottom: 25px;
	min-height: 300px;
}

.rowprogramahome .item h2
{
    color: #fff;
	font-size: 25px;
	font-weight: bold;
}
.rowprogramahome .item h3
{
    color: #fff;
	font-size: 18px;
	font-weight: bold;
}


.rowprogramahome .links h2,.rowprogramahome .links a
{
    color: #383838;
	font-size: 20px;
	font-weight: bold;
}

.rownovedades{
    padding-left: 10%;
}


.rownovedades h1{
    color: #383838;
	font-size: 30px;
	font-weight: bold;
}

.rownovedades .contenido{
    color: #383838;
	font-size: 18px;
}


.rownovedades img{
    width: 200px;
}

.rowsponsor{
    background-color: #5F83E8;
}
.rowsponsor h1 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}

.rowsponsor h2 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.rownumeros{}


.rownumeros .cajas{
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin: auto;
}

.rownumeros .cajas .item {
	color: #383838;
	font-size: 35px;
    font-weight: bold;
	text-align: center;
}
.rownumeros .cajas .item p {
	font-size: 25px;
}

.congreso {
	margin-top: 150px;
}

.congreso .congreso_container {
	max-width: 95%;
	margin: auto;
	display: flex;
	align-items: center;
}

.congreso .congreso_container .half_image {
	max-width: 45%;
}

.congreso .congreso_container .half_image img {
	width: 100%;
}

.congreso .congreso_container .half_text {
	max-width: 55%;
	width: 100%;
	padding-left: 35px;
}

.congreso .congreso_container .half_text h2 span {
	display: block;
	font-weight: 400;
}

.congreso .congreso_container .half_text h2 {
	margin: 0;
	color: #5F83E8;
	font-size: 40px;
	line-height: 55px;
	font-weight: bold;
}

.congreso .congreso_container .half_text p {
	color: #7A7A7A;
	font-size: 20px;
	margin-top: 25px;
}

.registrarse {
	background: #5F83E8;
	text-align: center;
	padding-top: 70px;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
        margin-bottom: 70px;
}

.registrarse .top {
	height: 150px;
	/*this will work like some padding bottom missing  at section */
	border-width: 0px 0px 80px 100vw;
	border-style: solid;
	border-color: transparent transparent #5f83e8 transparent;
	margin-top: -220px;
	position: relative;
	z-index: 1;
	left: 0;
}


.registrarse h2 {
	color: #fff;
	margin: 0;
	font-size: 40px;
	font-weight: bold;
	margin-top: 60px;
}

.registrarse a {
	display: block;
	max-width: 260px;
	width: 100%;
	height: 60px;
	background: #fff;
	border-radius: 30px;
	margin: auto;
	margin-top: 60px;
	line-height: 60px;
	font-size: 25px;
	color: #DC4711;
	position: relative;
	z-index: 2;
}

.registrarse a:hover {
	opacity: 1;
	background: #DC4711;
	color: #fff;
}

.registrarse .icons_container {
	display: flex;
	align-items: start;
	margin: auto;
	justify-content: space-between;
	color: #fff;
	margin-top: 70px;
	max-width: 93%;
}

.registrarse .icons_container .icons_item {
	max-width: 23%;
}

.registrarse .icons_container .icons_item img {
	height: 120px;
}

.registrarse .icons_container .icons_item p {
	margin: 0;
	font-size: 20px;
	margin-top: 20px;
}



.videos {
	padding-top: 80px;
	padding-bottom: 80px;
}

.videos h2 {
	margin: 0;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #5F83E8;
}

.videos p {
	text-align: center;
	font-size: 20px;
	color: #707070;
	margin-top: 20px;
	margin-bottom: 0;
}



.empresas {
	padding-top: 70px;
	padding-bottom: 120px;
}

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

.empresas .main_empresas h3 {
	margin: 0;
	margin-top: 40px;
	color: #707070;
	font-size: 25px;
	font-weight: bold;
}

.empresas .main_empresas h2 {
	margin: 0;
	text-align: center;
	color: #5F83E8;
	font-size: 40px;
	font-weight: bold;
}

.empresas .main_empresas .main_empresas_container {
	max-width: 93%;
	margin: auto;
	margin-top: 50px;
}

.empresas .main_empresas .main_empresas_container img {
	margin: 0 20px;
}

.empresas .main_empresas .main_empresas_container .first_row {}

.empresas .main_empresas .main_empresas_container .second_row {
	margin-top: 30px;
}

.empresas .main_empresas .main_empresas_container .third_row {
	margin-top: 30px;
}

.empresas .main_organizaciones {
	margin-top: 50px;
}

.empresas .main_organizaciones h3 {
	margin: 0;
	margin-top: 70px;
	color: #707070;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

.empresas .main_organizaciones .main_org_container {
	text-align: center;
}

.empresas .main_organizaciones .main_org_container img {
	margin: 0 20px;
}

.main_empresas_container_mobile {
	display: none;
}

/*
    Incluido por ALAIN
*/

.organizadores {
/*	padding-top: 70px;
*/	padding-bottom: 120px;
}

.organizadores .main_organizadores {
	text-align: center;
}
.organizadores .main_organizadores .clssocialdiv {
    position: absolute;
    top: 80px;
    width: 90%;
    text-align: center;
}
.organizadores .main_organizadores .clssocialdiv .clssocial {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    line-height: 35px;
    padding:0px;
    width: 35px;
    height: 35px;
    background: #DC4711;
    color: #ffffff;

}

.organizadores .main_organizadores h4 {
    color: #DC4711;
    font-size: 16px;

}
.organizadores .main_organizadores h5 {
	color: #707070;
    font-size: 14px;

}

.organizadores .main_organizadores h3 {
	margin: 0;
	margin-top: 40px;
	color: #707070;
	font-size: 25px;
	font-weight: bold;
}

.organizadores .main_organizadores h2 {
	margin: 0;
	text-align: center;
	color: #5F83E8;
	font-size: 40px;
	font-weight: bold;
}

.organizadores .main_organizadores .main_organizadores_container {
	max-width: 93%;
	margin: auto;
	margin-top: 50px;
}

.organizadores .main_organizadores .main_organizadores_container img {
	margin: 0 20px;
}

.organizadores .main_organizadores .main_organizadores_container .first_row {}

.organizadores .main_organizadores .main_organizadores_container .second_row {
	margin-top: 30px;
}

.organizadores .main_organizadores .main_organizadores_container .third_row {
	margin-top: 30px;
}

.main_organizadores_container_mobile {
	display: none;
}

/* ALAIN */
.organizadores .main_organizadores div.country {
    position: absolute;
    top: 0px!important;
    width: 100%;
    text-align: center;
}

.organizadores .main_organizadores .main_organizadores_container div.country img {
    border: none;
    border-radius: 100%;
    width: 40px!important;
    height: 40px;
    position: absolute;
}
/*
    Fin Incluido
*/
footer {
	background: #5F83E8;
	height: 100px;
	position: relative;
	margin-top: -3px;
	padding: 0!important;
}

footer .main_footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	max-width: 94%;
	width: 100%;
	margin: auto;
}

footer .main_footer p {
	margin: 0;
	color: #fff;
	font-size: 16px;
}

footer .main_footer .social_media {}

footer .main_footer .social_media a {
	background: #fff;
	color: #707070;
	width: 38px;
	height: 38px;
	display: inline-block;
	border-radius: 50%;
	line-height: 38px;
	font-size: 23px;
	text-align: center;
	margin: 0 5px;
}

footer .main_footer .social_media a:hover {
	opacity: 1;
	color: #fff;
	background: #dc4711;
}

footer .main_footer .social_media i {}

/*footer .top {
	height: 160px;
	this will work like some padding bottom missing  at section
	border-width: 0px 0px 80px 100vw;
	border-style: solid;
	border-color: transparent transparent #4369d3 transparent;
	margin-top: -159px;
	position: relative;
	z-index: 1;
	left: 0;
}*/

footer::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 130px;
    left: 0;
    background-color: #4369d3;
    transform-origin: top left;
    transform: skewY(359deg);
    z-index: -10;
}

footer .text-small{
    color:#fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
}

footer .text-small:hover{
    color:#dc4711;
}

#index-video {
	height: 100%;
	width: 100%;
	max-width: 600px;
	object-fit: cover;
}

.index-video-wrapper {
	height: 100%;
	width: 100%;
	max-width: 550px;
	height: 290px;
}

.container_videos {
	display: flex;
	align-items: start;
	justify-content: space-between;
	max-width: 88%;
	margin: auto;
	margin-top: 60px;
}

.container_videos .video_item {}

.container_videos .video_item h3 {
	color: #5F83E8;
	font-weight: bold;
	font-size: 40px;
	padding-left: 10px;
}

.container_videos .video_item h3 span {
	color: #707070;
	font-size: 25px;
	margin-left: 25px;
}

.container_videos .video_item h4 {
	color: #7A7A7A;
	font-size: 21px;
	margin-top: 20px;
	padding-left: 10px;
}

.preguntas {
	padding-top: 60px;
	padding-bottom: 50px;
}

.preguntas h2 {
	margin: 0;
	color: #5F83E8;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
}

.preguntas .container_preguntas {
	margin-top: 50px;
}

.preguntas h3 {
	margin: 0;
	text-align: center;
	font-size: 25px;
	color: #707070;
	font-weight: bold;
	margin-top: 60px;
}

.preguntas a {
	display: block;
	margin: auto;
	text-align: center;
	max-width: 355px;
	width: 100%;
	height: 55px;
	line-height: 55px;
	color: #fff;
	background: #DC4711;
	font-size: 25px;
	border-radius: 30px;
	margin-top: 30px;
}

.preguntas a:hover {
	opacity: 1;
	background: #5f83e8;
}


#container {
	width: 70%;
	margin: 0 20%;
	overflow: auto;
	border-top: 1px solid #5F83E8;
}

.preguntas i {
	/* margin-right: 1em; */
}

.faq li {
	padding: 1.25em;
	color: #7A7A7A;
}

.faq li.q {
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px #5F83E8 solid;
	cursor: pointer;
	color: #7A7A7A;
	font-weight: 400;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.faq li.q:nth-child(1),
.faq li.q:nth-child(5),
.faq li.q:nth-child(9) {
	/* background: #eee; */
}

.faq li.a {
	font-weight: 400;
	color: #7A7A7A;
	background: #fff;
	display: none;
	font-size: 15px;
	line-height: 25px;
	box-shadow: 0px 8px 6px rgb(0 0 0 / 7%);
}

.instrucciones {
	background-image: url(../img/instrucciones/bg_instrucciones.png);
	padding-top: 160px;
	text-align: center;
	color: #fff;
	padding-bottom: 100px;
}

.instrucciones h1 {
	margin: 0;
	font-weight: bold;
	font-size: 40px;
}

.instrucciones .instrucciones_container {
	display: flex;
	align-items: self-start;
	justify-content: space-between;
	max-width: 95%;
	margin: auto;
	margin-top: 100px;
}

.instrucciones .instrucciones_container .instrucciones_item {
	max-width: 31%;
}

.instrucciones .instrucciones_container .instrucciones_item img {
	height: 100px;
	margin-bottom: 50px;
}

.instrucciones .instrucciones_container .instrucciones_item p {
	font-size: 20px;
	font-weight: bold;
}

.instrucciones .instrucciones_container .instrucciones_item a {
	max-width: 270px;
	display: block;
	margin: auto;
	background: #fff;
	height: 50px;
	border-radius: 30px;
	line-height: 50px;
	margin-bottom: 30px;
	color: #DC4711;
	font-size: 20px;
	margin-top: 50px;
}

.instrucciones .instrucciones_container .instrucciones_item a:hover {
	opacity: 1;
	background: #DC4711;
	color: #fff;
}


.inside {
	padding-top: 50px;
	transform: translate(-3%, -3%);
	background: #fff;
	border: 1px solid #707070;
	max-width: 750px;
	width: 100%;
	margin-top: 0;
	border-bottom: 14px solid #dc4711;
}


.inside .login_container h2 {
	margin: 0;
	text-align: center;
	color: #5F83E8;
	font-weight: bold;
	font-size: 38px;
}

.inside .login_container p {
	text-align: center;
	color: #707070;
	font-weight: bold;
	font-size: 20px;
	margin-top: 15px;
}

.inside .login_container form {
	margin: auto;
	margin-top: 20px;
}

.inside .login_container form input {
	width: 100%;
	font-size: 16px;
	border: 1px solid #707070;
	height: 45px;
	margin-bottom: 20px;
	padding-left: 20px;
}

.inside .login_container form input:focus {
	outline: none;
}

.inside .login_container form input[type=submit] {
	max-width: 275px;
	margin: auto;
	display: block;
	background: #DC4711;
	color: #fff;
	font-size: 21px;
	border: none;
	border-radius: 30px;
	margin-top: 15px;
	transition: all 0.3s ease-in-out;
	padding-left: 0;
}

.inside .login_container form input[type=submit]:hover {
	background: #5f83e8;
	transition: all 0.3s ease-in-out;
}

.inside .login_container a:hover {
	opacity: 1;
}

.inside .login_container a {
	display: block;
	text-align: center;
	color: #DC4711;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
}

.inside .register_side {
	margin: auto;
	margin-top: 20px;
	text-align: center;
	max-width: 85%;
	margin-bottom: 20px;
}

.inside .register_side h3 {
	margin: 0;
	color: #5F83E8;
	position: relative;
	font-size: 22px;
}

.inside .register_side h3:before {
	position: absolute;
	content: "";
    margin-left: -30px;
	width: 100px;
	height: 1px;
	background: #707070;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.inside .register_side h3:after {
	position: absolute;
	content: "";
    margin-right: -30px;
	width: 100px;
	height: 1px;
	background: #707070;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.inside .register_side a {
	display: block;
	margin: auto;
	margin-top: 30px;
	max-width: 250px;
	background: #DC4711;
	color: #fff;
	height: 50px;
	border-radius: 30px;
	font-size: 20px;
	line-height: 50px;
}

.inside .register_side a:hover {
	opacity: 1;
	background: #5f83e8;
}

.headerseccion{
   min-height: 50vh;
}

.org_rep {
	padding: 0;
}

.org_rep .header_org_rep {
	/* background-image: url(../img/organizaciones-representantes/bg.png);*/
	margin-bottom: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.org_rep .header_org_rep h1 {
	font-size: 40px;
	color: #383838;
	max-width: 75%;
	font-weight: bold;
	line-height: 95px;
	margin: 0;
	padding-bottom: 20px;
}

.org_rep .header_org_rep h2 {
	font-size: 30px;
	color: #383838;
	max-width: 75%;
	font-weight: bold;
	line-height: 95px;
	margin: 0;
	padding-bottom: 20px;
}


.header_public {
    background-image: url("/img/organizaciones-representantes/bg.png");
	margin-bottom: 150px;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    padding-top:150px;
}

.header_public h1 {
	font-size: 50px;
	color: #fff;
	max-width: 75%;
	font-weight: bold;
	line-height: 95px;
	margin: 0;
	border-bottom: 2px solid #fff;
	padding-bottom: 30px;
}
.header_public h2 {
font-weight: 700;
font-size: 35px;
line-height: 2;
border-bottom: 2px solid #fff;
}


#progressbar,
#progressbarfree {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active,
#progressbarfree .active {
    color: #5F83E8
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400;
    text-align: center;
}

#progressbarfree li {
    list-style-type: none;
    font-size: 15px;
    width: 50%;
    float: left;
    position: relative;
    font-weight: 400;
    text-align: center;
}

#progressbar #ticket:before,
#progressbarfree #ticket:before {
    font-family: FontAwesome;
    content: "\f3ff"
}

#progressbar a,
#progressbarfree a {
   color: #5F83E8;
       margin-top:0;
       font-size: 15px;
}

#progressbar a:hover,
#progressbarfree a:hover {
   color:#DC4711
}
#progressbar #descuento:before,
#progressbarfree #descuento:before {
    font-family: FontAwesome;
    content: "\f02b"
}

#progressbar #info:before,
#progressbarfree #info:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar #pagar:before,
#progressbarfree #pagar:before {
    font-family: FontAwesome;
    content: "\f09d"
}

#progressbar li:before,
#progressbarfree li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding:2px;
    text-align:center;
}

#progressbar li:after,
#progressbarfree li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after,
#progressbarfree li.active:before,
#progressbarfree li.active:after {
    background: #5F83E8
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #5F83E8
}


/* Free Progress */
/*
#progressbarfree {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbarfree .active {
    color: #5F83E8
}

#progressbarfree li {
    list-style-type: none;
    font-size: 15px;
    width: 50%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbarfree #ticket:before {
    font-family: FontAwesome;
    content: "\f3ff"
}

#progressbarfree a {
   color: #5F83E8;
       margin-top:0;
       font-size: 15px;
}

#progressbarfree a:hover {
   color:#DC4711
}
#progressbarfree #info:before {
    font-family: FontAwesome;
    content: "\f007"
}


#progressbarfree li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbarfree li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbarfree li.active:before,
#progressbarfree li.active:after {
    background: #5F83E8
}
*/
/* ALAIN */
._progslug {
    cursor:pointer;
}
._progslug:hover {
    background-color: #5F83E8;
    color: #FFF;
}
._progslug.selected {
    background-color: #5F83E8;
    color: #FFF;
}

._progslug:hover a {

    color: #FFF;
}
.back_btn {
	background: #fff;
	height: 55px;
	max-width: 211px;
	width: 100%;
	display: block;
	line-height: 55px;
	text-align: center;
	font-size: 25px;
	border-radius: 30px;
	margin-top: 35px;
	color: #DC4711;
	margin-left: 20px;
}

.back_btn i {
	font-size: 31px;
	margin-right: 15px;
}

.back_btn:hover {
	background: #DC4711;
	color: #fff;
}

.postulartema .bordetema {
    border-left: 2px solid  white;
    padding-left: 15px;
}
.btnedutic{
    background:#80B327;
    margin-top: 20px;
}
.btnvolver{
    margin-top: 15px;

    max-width: 270px;
    min-width: 200px;
        background: #5f83e8;
        color: #fff;
        font-size: 18px;
        font-family: inherit;
        font-weight: 700;
        border: none;
        border-radius: 30px;
        padding: 5px 0 5px 0;
        transition: all 0.3s ease-in-out;
    }
.btnenviar{
    margin-top: 15px;
    max-width: 270px;
    min-width: 200px;
    background: #DC4711;
    color: #fff;
    font-size: 18px;
    font-family: inherit;
    font-weight: 700;
    border: none;
    border-radius: 30px;
    padding: 5px 0 5px 0;
    transition: all 0.3s ease-in-out;

}

.btncompra {
	display: block;
	margin: auto;
	margin-top: 30px;
	min-width: 250px;
	background: #DC4711;
	color: #fff;
	height: 50px;
	border-radius: 30px;
    border: 0px;
	font-size: 20px;
	line-height: 50px;

    text-align: center;
}

.btncompra:hover {
	opacity: 1;
	background: #5f83e8;
    text-decoration: none;
}

.cls_sponsor_title {
    color: #5f83e8!important;
    font-weight: bold!important;
    font-size: 14px!important;
}


.cls_sponsor_title_big {
    color: #5f83e8!important;
    font-weight: bold!important;
    font-size: 20px!important;
}
.cls_sponsor_descripcion
{
    color: #666666!important;
    font-size: 14px!important;
}
.cls_sponsor_box {

    border-bottom: 4px solid #dc4711;
}
.cls_sponsor_btn {
    display: block;
    width: 100%;
    margin: auto;
    background: #dc4711;
    color: #fff;
    font-size: 20px;
    text-align: center;
    height: 50px;
    border-radius: 30px;
    line-height: 50px;
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 0px;
}
.cls_sponsor_btn_small
{
    display: block;
    min-width: 200px;
    max-width: 200px;
    margin: auto;
    background: #dc4711;
    color: #fff;
    text-align: center;
    height: 40px;
    border-radius: 25px;
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0px;
}
#tabSponsor .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link. {
    border-bottom: none!important;
    color: #5f83e8!important;
    font-weight: bold!important;
    font-size: 14px!important;
    text-align: center;
}


ul#tabSponsor {
    width: 100%;
    border-bottom: none;
}

ul#tabSponsor li {
    width: 50%;
    border-left: none;
    border-right: none;
    border-bottom: none;
    font-size: 14px!important;
}
ul#tabSponsor li a{
    border-color: transparent;
    font-weight: bold!important;
    text-align: center;
}
#tabSponsor .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: 4px solid #dc4711!important;
    color: #5f83e8!important;
    font-weight: bold!important;
    font-size: 16px!important;
}


/*Conferencia principal*/

.item_speaker {
	max-width: 90%;
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
	border-radius: 6px;
	margin-bottom: 50px;

}

.item_speaker.main_speaker {
	background-image: url(/frontend/img/home/bg_conferencia.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.item_speaker.main_speaker h4 {
	color: #fff;
}

.item_speaker.main_speaker h3 {}

.item_speaker.main_speaker h5 {
	color: #fff;
}

.item_speaker.main_speaker .image_speaker img {}

.item_speaker.main_speaker p {
	color: #fff;
}

.item_speaker h4 {
	font-size: 20px;
	color: #7A7A7A;
	font-weight: bold;
	margin-top: 10px;
}

.item_speaker h3 {
	font-size: 25px!important;
	color: #DC4711!important;
}

.item_speaker h5 {
	font-size: 20px;
	color: #7A7A7A;
}

.item_speaker div {}

.item_speaker p {
	font-size: 20px;
	display: inline-block;
	margin-right: 20px;
	font-weight: bold;
}

.item_speaker .image_speaker {
	max-width: 40%;
	width: 100%;

	position: relative;
}

.item_speaker .image_speaker img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.item_speaker .image_speaker img.country {
	position: absolute;
	width: 74px;
	height: 73px;
	right: -30px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 36%);
	border-radius: 100%;
	top: 40px;
}

.item_speaker .text_speaker {
	max-width: 65%;
	width: 100%;
	text-align: left;
	padding-left: 55px;
	padding-top: 25px;
	border-bottom: 14px solid #DC4711;
}

.item_speaker .ingresar_evento,
.item_speaker .agregar_fav {
	display: inline-block;
	font-size: 13px;
	max-width: 200px;
}
/*.item_speaker.main_speaker .ingresar_evento,
*/
.item_speaker.main_speaker .agregar_fav {
	background: #fff;
	color: #DC4711;
}

.item_speaker.main_speaker .ingresar_evento:hover,
.item_speaker.main_speaker .agregar_fav:hover {
	background: #DC4711;
	color: #fff;
}

.item_speaker.main_speaker .ingresar_evento img,
.item_speaker.main_speaker .agregar_fav img {
	filter: brightness(1);
}

.item_speaker.main_speaker .ingresar_evento:hover img,
.item_speaker.main_speaker .agregar_fav:hover img {
	filter: brightness(100);
}


/*Charla paralela*/

.charla_title {
	color: #5F83E8;
	font-weight: bold;
	text-align: left;
	max-width: 90%;
	margin: auto;
	margin-top: 45px;
	margin-bottom: 20px;
}

.charla_item {
	display: flex;
	align-items: center;
	margin: auto;
	justify-content: space-between;
	max-width: 90%;
	margin-bottom: 40px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 22%);
	border-radius: 6px;
}

.charla_item .charla_image {
	position: relative;
}

.charla_item .charla_image_grabacion {
	position: relative;
}

.charla_item .charla_image_grabacion i{
    color: white;
    font-size: 50px;
    opacity: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.charla_item .charla_image_grabacion a:hover i{
    opacity: 100%!important;
}
.charla_item .charla_image img {
	width: 155px;
}

.charla_item .charla_image img.country {
	position: absolute;
	width: 50px;
	right: -25px;
	top: 10px;
}

.charla_item .text_speaker {
	display: flex;
	align-items: start;
	flex-direction: column;
}
.charla_item .half_tablet h3  {
    min-height: 100px;
}
.charla_item  h3 a {
	color: #dc4711;
	font-size: 20px;
}

.charla_item .text_speaker h3 {
	color: #dc4711;
	font-size: 25px;
}

.charla_item .text_speaker h4 {
	font-size: 20px;
	font-weight: bold;
	color: #707070;
}

.charla_item .text_speaker h5 {
	font-size: 20px;
}

.charla_item .text_speaker div {}

.charla_item .text_speaker div p {
	margin: 0;
	display: inline-block;
	font-weight: bold;
	color: #707070;
	margin-right: 15px;
	font-size: 15px;
}

.charla_item .ingresar_evento,
.charla_item .agregar_fav {
	font-size: 15px;
}


.charla_grabacion {
	align-items: center;
	margin: auto;
	justify-content: space-between;
	margin-bottom: 40px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 22%);
	border-radius: 6px;
}

.charla_grabacion .charla_image {
	position: relative;
}

.charla_grabacion .charla_image_grabacion {
	position: relative;
}

.charla_grabacion .charla_image_grabacion i{
    color: white;
    font-size: 50px;
    opacity: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.charla_grabacion .charla_image_grabacion a:hover i{
    opacity: 100%!important;
}
.charla_grabacion .charla_image img {
	width: 155px;
}

.charla_grabacion .charla_image img.country {
	position: absolute;
	width: 50px;
	right: -25px;
	top: 10px;
}

.charla_grabacion .text_speaker {
	display: flex;
	align-items: start;
	flex-direction: column;
}
.charla_grabacion .half_tablet h3  {
    min-height: 100px;
}
.charla_grabacion  h3 a {
	color: #dc4711;
	font-size: 20px;
}

.charla_grabacion .text_speaker h3 {
	color: #dc4711;
	font-size: 25px;
}

.charla_grabacion .text_speaker h4 {
	font-size: 20px;
	font-weight: bold;
	color: #707070;
}

.charla_grabacion .text_speaker h5 {
	font-size: 20px;
}

.charla_grabacion .text_speaker div p {
	margin: 0;
	display: inline-block;
	font-weight: bold;
	color: #707070;
	margin-right: 15px;
	font-size: 15px;
}

.charla_grabacion .ingresar_evento,
.charla_grabacion .agregar_fav {
	font-size: 15px;
}

.presentacion_buttons {
	max-width: 200px;
	width: 100%;
	margin-right: 20px;
}


/*Webinar*/

.webinar {
	margin: auto;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 22%);
	border-radius: 6px;
	background-image: url(/frontend/img/home/bg_webinar.svg);
	background-position: -85px;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: 90%;
}

.webinar .webinar_text h3 {
	color: #dc4711;
	font-size: 21px;
	font-weight: bold;
}

.webinar .webinar_title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	max-width: 30%;
	width: 100%;
}

.webinar .webinar_title h3 {
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	color: #fff;
	margin-right: 30px;
}

.webinar .webinar_title img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -50px;
	width: 70px;
}

.webinar .webinar_text {
	max-width: 40%;
	width: 100%;
	text-align: left;
	padding-left: 65px;
}

.webinar .webinar_text p {
	margin-bottom: 0;
	display: inline-block;
	margin-right: 15px;
	color: #707070;
}

.webinar .ingresar_evento,
.webinar .agregar_fav {
	font-size: 15px;
}

.programaroom{
    margin-left:20px;
    border:0;
    border-bottom:2px solid;
    border-color: #4369d3;
    border-radius: 0;
}
.roomcontenido{
    font-size: 12px;
}


.programapublic{

}

.programapublic .dias{
    font-size: 28px;
    font-weight: bold;
    color: #5f83e8;
}


.programanavega{
    border: solid;
    border-color: #707070;
    background-color: #f5f5f5;
    border-width: 1px;
    border-radius: 10px;
    margin: 20px 40px 20px 40px;
    padding: 15px;
}

.programanavega h1{
color: #4369d3;
font-size: 25px;
font-weight: bold;
}

.programanavega .opcionnav{
    background-color: #4369d382;
    border-radius: 10px;
    border: solid;
    border-color: #4369d3;
    border-width: 1px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.programanavega .opcionnav:hover,.programanavega .opcionnav.active{
    background-color: #4369d3;
}


.diasagenda h2{
    color: #4369d3;
    font-size: 30px;
    font-weight: bold;
    margin-left: 15px;
    margin-bottom: 20px;
    padding-bottom: 10px;

}

.diasagenda h2:before {
    position: absolute;
    overflow: hidden;
    width: 100px;
    height: 6px;
    content: '\a0';
    margin-top: 50px;
    background-color: #4369d3;
    transform: rotate(180deg);
}


.programacasos{

}

.programacasos h3{
    color: #4369d3;
    font-size: 30px;
    font-weight: bold;
    margin-left: 15px;
    margin-bottom: 20px;
    border-bottom: solid;
    padding-bottom: 10px;

}

.programaedtech{

}

.programaedtech h3{
    color: #383838;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;

}

.programaedtech .boxgris{
    background-color: #efefef;
}

.programaedtech .logo{
    width: 90px;
}
.programaedtech .txtbox{
    font-size: 16px;
    font-weight: bold;
}


.programaconferencias{

}


.programaconferencias h3{
    color: #383838;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;

}
.programaconferencias h4{
    color: #383838;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;

}
.programaconferencias .boxgris{
    background-color: #efefef;
}

.programaconferencias .foto{
    width: 200px;
}
.programaconferencias .txtbox{
    font-size: 16px;
    font-weight: bold;
}


.programapaneles{

}


.programapaneles h3{
    color: #383838;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;

}
.programapaneles h4{
    color: #383838;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;

}
.programapaneles .boxgris{
    background-color: #efefef;
}

.programapaneles .boxgris h4{
    height: 70px;
}



.programapaneles .foto{
    width: 130px;
}

.programapaneles .boxspeaker{
    height: 300px;
}

.programapaneles .logo{
    width: 80px;
}
.programapaneles .txtbox{
    font-size: 16px;
    font-weight: bold;
}

.programapaneles .infopanel {
    background-color: #fff;
    height: 180px;
}
.programapaneles .infopanel span{
    font-size: 12px;

}

.formprograma{

}

.formprograma h2{
    color: #383838;
    font-size: 24px;
    font-weight: bold;
}
.formprograma p{
    color: #383838;
    font-size: 16px;
}

.formprograma .logo{
    width: 150px;
}




.formprograma .foto{
    width: 130px;
}

.formprograma .boxspeaker{
    height: 300px;
}


.titulogenerico h1 {
	font-size: 40px;
	color: #383838;
	font-weight: bold;
}

.titulogenerico h2 {
	font-size: 30px;
	color: #383838;
	font-weight: bold;
}


.programaslug{

}

.programaslug h1{
    color: #383838;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.programaslug h2{
    color: #383838;
    font-size: 24px;
    font-weight: bold;
}

.programaslug h3{
    color: #383838;
    font-size: 18px;
    font-weight: bold;
}

.programaslug h4{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.programaslug p{
    color: #383838;
    font-size: 16px;
}

.programaslug .logo{
    width: 150px;
}


.heart-selected{
    color:#FFA834;
    margin: .42em .5em;
    font-size: 26px;
}
.heart-unselected{
    color:#D6D6D6;
    margin: .42em .5em;
    font-size: 26px;
}

.novedades{}

.novedades h1{
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #9cb6ff!important
}

.novedades h2{
    font-size: 16px;
    color: #ffffff;
    font-weight:normal;

}

.sponsorparticipa{

}
.sponsorparticipa .info{
   padding: 50px;
}

.sponsorparticipa h1{
    font-weight: bold;
    font-size: 30px;

}

.experienciaonline{
 background-color: #00469B;
 padding-top: 60px;
 padding-bottom: 60px;
 padding-left: 100px;
 padding-right: 100px;
}


.experienciaonline h1{
    font-weight: bold;
    font-size: 30px;
    color:#fff;
    margin-top: 30px;
    margin-bottom: 30px;
}

.experienciaonline .cuadro{
    padding: 30px;
    width: 350px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 30px;
}

.infocongreso{
    color:#5F83E8;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.infocongreso h1{
    font-weight: bold;
    font-size: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.infocongreso h2{
    font-weight:900;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #5f83e8 !important;
}
.infocongreso h3{
    font-weight: 500;
    font-size: 25px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #5f83e8 !important;
}

.infocongreso span{
    padding-left: 10%;
    padding-right: 10%;
    color: #5f83e8 !important;
    font-size: 15px;
}


.infocomunidad{
    min-height: 500px;
}

.infocomunidad .box{
    padding:100px;
}

.infocomunidad h1{
    color:#fff;
    font-weight: bold;
    font-size: 40px;
    margin-top: 100px;
}
.infocomunidad .foto{

    background-image: url('/img/edutic/eventos/santiago2023.jpg');
    background-size: cover;
}

.infocomunidad p{
    margin-top: 100px;
    color: #fff;
    font-size: 20px;
}

.infoversioneshor{
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 50px;
}
.infoversioneshor h1{
    font-weight: bold;
    font-size: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #5f83e8 !important;
}

.infocontacto{
    background-color: #00469B;
    padding-top: 50px;
    padding-bottom: 50px;
}

.infocontacto .box{
    padding-left: 350px;
    padding-right: 350px;
}
.infopostulacion{

}


.infopostulacion a{
    font-size: 16px;
    font-weight: bold;
    color: #383838;
}

.infocontacto h1{
    font-weight: bold;
    font-size: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #fff;
}

.infocontacto h2{
    font-weight: bold;
    font-size: 30px;
    margin-top: 20px;
    color: #fff;
}

.infocontacto p, .infocontacto a{
    font-size: 20px;
    color: #fff;
}
.infocompra{
    padding: 30%;
}
.infocompra{
    padding-top: 50px;
    padding-bottom: 50px;
background-color: #001A50;
padding-left: 200px;
padding-right: 200px;
margin-right: 0;
margin-left: 0;
}

.infocompra h1{
    font-weight: bold;
    font-size: 40px;
    margin-top: 50px;
    margin-bottom: 30px;
    color: #fff;
}

.infocompra p{
    font-size: 20px;
    margin-top: 20px;
    color: #fff;
}

.bannercompra{

}

.bannercompra{
    margin-top: 100px;
    padding-left: 60px;
    padding-right: 60px;
}

.bannercompra .card-body{
    font-size: 15px;
}


.bannercompra .card-body a{
    color:#80B327;
    font-size: 15px;

    font-weight: bold;
}

.bannercompra h1{
    font-weight: bold;
    font-size: 22px;
    color: #001A50;
}
.bannercompra .precio{
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    color: #323232;
}

.resultadocompra{

}

.resultadocompra h1{
    font-weight: bold;
    font-size: 40px;
    margin-top: 30px;
    color: #5f83e8 !important;
}
.resultadocompra h2{
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    color: #323232;
}

.conferencistas{

}

.conferencistas .bloque{
 margin-bottom: 100px;
}

.conferencistas  .bloque .clssocialdiv {
    height: 20px;
    width: 95%;
    text-align: center;
}

.conferencistas  .bloque .clssocial {
        cursor: pointer;
        border-radius: 50%;
        font-size: 14px;
        width: 35px;
        height: 35px;
        background: #DC4711;
        color: #ffffff;
        padding: 2%;

}


.conferencistas  .bloque  h1 {
    margin: 0;
    text-align: center;
    color: #5F83E8;
    font-size: 40px;
    font-weight: bold;
}
.conferencistas  .bloque  h4 {
color: #DC4711;
font-size: 16px;
}
.conferencistas  .bloque  h5 {
color: #707070;
font-size: 14px;
}
.conferencistas .country {
    position: absolute;
    top: 0px!important;
    left: 60%;
    text-align: center;
}

.conferencistas .country img {
    border: none;
    border-radius: 100%;
    width: 40px!important;
    height: 40px;
    position: absolute;
}

.conferencistas .persona .foto {
    margin: 0 20px;
    border:3px solid #5F83E8!important;
    width:140px;
}

.idcardusuario{
    cursor: pointer;
}
.cardusuario .card-img-top{
    height:150px;
}


.cardusuario .rrss{
    margin-top: 4%;
}

.cardusuario .clssocial{
    font-size: 20px;
    color: #455a64;
}
.cardusuario .card-no-border .card {
    border-color: #d7dfe3;
    border-radius: 4px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05)
}

.cardusuario .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.cardusuario .pro-img {
    margin-top: -120px;
    margin-bottom: 20px
}

.cardusuario .little-profile .pro-img img {
    width: 150px;
    height: 150px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 100%
}

.cardusuario h3 {
    line-height: 30px;
    font-size: 21px;
    font-weight: bold;

}
.cardusuario h4 {
    line-height: 20px;
    font-size: 16px
}
.cardusuario h5 {
    line-height: 20px;
    font-size: 14px
}

.cardusuario .btn-rounded.btn-md {
    padding: 12px 35px;
    font-size: 16px
}


.cardusuario .m-t-20 {
    margin-top: 20px
}

.cardusuario .text-center {
    text-align: center !important
}

.cardusuario h1,
h2,
h3,
h4,
h5,
h6 {
    color: #455a64;
    font-family: "Poppins", sans-serif;
}

.cardusuario p {
    margin-top: 0;
    margin-bottom: 1rem
}