/*-------SECTION-1----------*/
 content-banner{
	height: 550px;
	display: flex;
	position: relative;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.title{
	font-size: 26px;
}

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

 content-banner .btn-orange{
	margin-top:25px;
	color:white;
	
}
 content-banner .logo{
	position:absolute;
	right:1%;
	bottom:25px; 
	width: 150px;
}
 content-banner .contenedor{
	position:relative;
	padding:75px 0px;
	display: flex;
    align-items: center;
}

 content-banner .title-banner{
	color:white;
	/*margin-top:150px;*/
	line-height: 1.5!important;
	text-transform: none;
    font-size: 30px;
}

 content-banner .fecha, 
 content-banner .lugar{
	font-size: 20px;
}
.title-img{
	width:100px;
	margin-bottom: 15px;
}

@media (min-width: 1200px){
	 content-banner{
		background-image: url(/Personas/Paginas/PROMOCIONES/2019/Charla-Days-to-Shine/imagenes/banner-desktop.webp);
		background-position: 100% 78%;
    }
	 content-banner .logo{
	position:absolute;
	right:60px;
	bottom:25px; 
	width: 150px;
	}
	 content-banner .desc{
	width:80%;
	}

   
}

@media(min-width:1024px) and (max-width:1199px){
	content-banner .contenedor{
		margin-left: 43px;
	}

	
}

@media(max-width:1199px){
	content-banner{
		background-image: url(/Personas/Paginas/PROMOCIONES/2019/Charla-Days-to-Shine/imagenes/banner-laptop.webp);
		background-position: 100% bottom;
	}
}

@media (max-width: 1024px){
	
	
	content-banner .logo{
		position:absolute;
		right:0%;
		bottom:25px; 
		width: 150px;
		padding-left:20px;
	}
	 content-banner .desc{
	width:60%;
	}
}

@media(max-width:1023px){
	content-banner .contenedor{
		align-items: flex-start !important;
		padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
	}
	
}

@media(max-width:992px){
	content-banner{
		background: url(/Personas/Paginas/PROMOCIONES/2019/Charla-Days-to-Shine/imagenes/banner-tablet.webp) !important;
		background-position: 100% bottom !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}

@media  screen and (max-width: 767px){
	
	content-banner{
		background: url(/Personas/Paginas/PROMOCIONES/2019/Charla-Days-to-Shine/imagenes/banner-movil.webp) !important;
		background-position: 100% bottom !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
	 content-banner .logo{
		width: 150px;
		position:relative;
		margin-top: 50px;
		margin-left:-20px;
		margin-bottom:-10px;
	
	}

	content-banner .contenedor{
		padding-top: 29px;
	}

	 content-banner .title-banner{
		color:white;
		margin-top:0px;
		line-height: 1.3!important;
	}
	 content-banner .desc{
	width:100%;
	}

	 content-banner .title-banner{
		color:white;
		margin-top:0!important;
		line-height: 1.3!important;
		}

}


/*-------SECTION-2----------*/
section-2 .inscribete{
    color: #335086;
    font-weight: bold;
    font-size: 18px;
    display:block;
    text-align:center;
	margin-top: 30px;
    margin-bottom: 30px;

}
section-2{
	background:#FAFAFA;
	display:block;
	padding: 50px 0px 75px 0px;
}

section-2 .title{
	color:#335086;
	text-transform:none;
	margin-top:65px;
}
section-2 .desc{
	color:#335086;
	font-weight:500;
	font-size:20px
}

.fecha-hora-container p{
	font-size:20px
}
 .fecha{
	margin-top:20px;
	/* color:white!important; */
}
 .lugar{
	/* color:white!important; */
}

section-2 .formulario{
	width:90%;
	display:block;
	margin:25px auto;
	height:675px;
	background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 0;
    box-shadow: 0px 1px 10px #ccc;
    border: none;
} 
section-2 .iframe-form{
	width: 100%;
    height: 675px;
    border:none;
}


 .orange-txt{
	/*color:#D9482D;*/
	margin-top:10px;
	font-size:16px;
	font-weight:500;
	color:white;
}
@media (max-width: 992px) {
section-2{
	background:#FAFAFA;
	display:block;
	padding: 60px 0px 75px 0px;
	}

section-2 .formulario{
	width:90%;
	display:block;
	margin:25px auto;
	background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 0;
    height:700px;
	}
section-2 .iframe-form{
	width: 100%;
    height: 700px;
    border:none;
}

section-2 .title{
	color:#335086;
	text-transform:none;
	margin-top:0px;
	}
 section-2 .all-text{
	text-align:center;
	}

}

@media (max-width: 550px) {

section-2 .inscribete{
    color: #335086;
    font-weight: bold;
    font-size: 18px;
    display:block;
    text-align:center;
	margin-top: 25px;
    margin-bottom: 20px;

	}

}