.lpwebinar {
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	line-height:1.4;
	font-weight:400;
	text-align:left;
	color:#353535;
	background-color:#fafafa;
	box-sizing:border-box;
}

.lpwebinar * {
	box-sizing:border-box;
}

section {
	padding:5em 2em;
	display:block;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

#section2 {
	background:#f0c45f;
	background:#e2e0dc;
	box-shadow: 0 -48px 66px rgba(0,0,0,.5), 
				inset 0 56px 65px -45px rgba(0,0,0,.2), 
				inset 0 -56px 65px -45px rgba(0,0,0,.2);
}

#section3 {
	background:#fbfbfb;
}

#section4 {
background: #e2dede;
background: -moz-linear-gradient(top, #ffffff 0%, #e2dede 100%); 
background: -webkit-linear-gradient(top, #ffffff 0%,#e2dede 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e2dede 100%); 
}

.content-wrapper {
	display:block;
	max-width:1000px;
	width:100%;
	margin:0 auto;
}

small {
	font-size:.5em;
	display:block;
	font-family:'Roboto', sans-serif;
	margin-top:1.4em;
}

h1, h2 {
	font-family:'Roboto Condensed', sans-serif;
	text-shadow:0 0 4px rgba(0,0,0,.4);
}

h1 {
	color:#f0c45f;
	text-align:center;
	font-size:1.777em;
}

h1 >small {
	color:#fafafa;
}

h2 {
	text-align:center;
	margin-bottom:1.404em;
}

h3 {
	font-size:1.404em;
	font-weight:600;
}



.number {
	font-family:'Roboto Condensed', sans-serif;	
	font-size:4em;
	color:#f0c45f;
	display:block;
	text-align:center;
	width:100%;
    margin-top: -.3em;
}

.video-wrapper {
	margin-bottom:2em;
	max-width:720px;
}

.contents {
	margin-top:1em;
}

.contents > .col-10 {
	margin-bottom:1em;
}

/*Lector*/

#lector {
	background-color:#fbfbfb;
	padding:2em;
	text-align:center;
}

.lector-foto {
	width:12em;
	height:12em;
	overflow:hidden;
	border-radius:50%;
	display:block;
	margin:0 auto 2em;
	filter:grayscale(.4);
	-webkit-filter:grayscale(.4);	
	transition:filter .2s ease-in-out, -webkit-filter .2s ease-in-out;
}


.lector-foto img{
	width:100%;
	height:auto;
}

.lector-foto:hover {
	filter:grayscale(0);
	-webkit-filter:grayscale(0);	
}


.lector-foto + p {
	text-align:left;
}
/*Buttons*/

.cta {
	display:block;
	text-align:center;
}

.sticky {
	background:rgba(0,0,0,.3);
	position:fixed;
	top: 43px;
	right:0;
	z-index:1000;
	width:100%;
}

.sticky * {
	width:auto;
}

.btn {
	display:block;
	margin:1em;
	border-radius:0;
}

.btn-primary {
	background:#f0c45f;
	color:#353535;
	border:2px solid #f0c45f;
	font-size:1em;
	transition:width 1s ease-in-out;
	width:auto;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background:#f0c45f!important;
	color:#000000!important;
	border:2px solid #f0c45f!important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
		box-shadow:0 0 1em rgba(255,255,255,.2)!important;
}

.btn > span:before {

	margin-right:.7em;
}

.btn-primary > span:before {
	font-family:'Font Awesome 5 Free';	
	content: "\f56d";
	font-weight:900;
}


@media screen and (min-width:576px) {
	.lpwebinar {
		font-size: 16px;
	}
	
	h1, h2 {
		font-size:2.5em;
	}
	
}

@media screen and (min-width:768px) {

	.btn {
		display:inline-block;
	}
	
	h1 {
		font-size:4em;
		margin-bottom:2em;
	}
	
	h3 {
		margin-top:1em;
	}
	
	.contents {
		margin-top:0;
		padding-left:1em;
	}
	
	.number {
		display:block;
		text-align:left;
		width:100%;
		margin-top:0;	
	}
	
	.video-wrapper {
		width:60vw;
		display:block;
		margin:0 auto 2em;
		
	}
}


@media screen and (min-width:992px) {

}