*{
	margin:0;
	padding: 0;
}

body{
	background-color: #F8F9FA;;
	font-size: 1em;
	margin:0;
	padding: 0;
}

label{
	color: #6c757d;
	font-size: 1.1em;
	font-weight: 700;
	padding: 0 !mportant;
	margin-bottom: 3px !important;
	text-align: left;
}

h1,h2,h3{
	color: #741532;
	font-family: 'Fredoka One', cursive;
	letter-spacing: -1px;
	margin:0 0 0.35em 0 !important;
}

h1{
	font-size: 3em;
}

li{
	font-size: 1.25em;
	font-weight: lighter;
	text-align: left;
	list-style: none;
	line-height: 1.3em;
	margin-bottom: 1em;
}

li>strong{
	color: #8878BF;
	font-size: 1.15em;
	font-weight: 800;
}

.btn-descarga, .btn-descarga:hover{
	background-color: #8878BF;
	border: 1px solid #8878BF;
	color: #FFF;
	font-size: 1.15em;
	font-weight: 700;
}

.infobene>#respuesta>p {
	font-size: 1.25em;
	font-weight: lighter;
	line-height: 1.05em;
}

.infobene>p>strong{
	color: #741532;
	font-size: 1.2em;
	line-height: 1.05em;
	text-align: left;
}

.infobene>p {
	font-size: 1.25em;
	font-weight: lighter;
	line-height: 1.05em;
	text-align: left;
}

.infobene>#respuesta>p>strong{
	color: #741532;
	font-size: 1.2em;
	line-height: 1.05em;
	text-align: left;
}

.textcon{
	font-size: 1.25em;
	font-weight: lighter;
	line-height: 1.2em;
	text-align: left;
}

.textcon>strong{
	color: #741532;
	font-weight: 800;
}

strong{
	color:#F4B22D;
	font-size:16px;
	font-weight:700;
	letter-spacing: -1px;
}

h3{
	color: #741532;
	font-family: 'Fredoka One', cursive;
    font-size: 2em;
    font-weight: 800;
    margin-bottom:1.5rem;
}


footer{
	background-color: #741532;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	/*position: absolute;
	bottom: 0;
	width:100%;*/
}

footer p{
	color: #fff;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}


.fcon>div>p{
	font-size: 1.15em;
	font-weight: 300;
	line-height: 1.25em;
	text-align: center;
}

.fcon>div>p>strong{
	color: #741532;
	font-size: 1.15em;
	font-weight:800;
}

.fondo{
	background-color: rgb(229, 231, 235);
}

.span1, .span4{
	color:#F5B730;
}
.span2, .span5{
	color:#80000D;
}

.eoutt{
	margin-top: 1.1em;
}

.text-formu{
	font-size: 16px;
}
.text-result{
	font-size:14px;
	text-align: center;
}

.mensaje{
	font-size: 16px;
	margin: 1.5em;
	text-align: justify;
}

input{
	font-size:16px;
}

::placeholder{
	font-size:16px;
}

.text{
	color:#fff;
}

.btn-primary{
	background-color: #F4B22D;
	border-color: #F4B22D;
	color: #FFFF;
	font-weight: bold;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    color: #fff;
    background-color: #f4a12d;
    border-color: #f4a12d;
}

.botonera-cel {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
 }

#info{
	padding:1.5em 1em 1em 1em;
	text-align:center;
}

#respuesta{
	font-size:1.1em;
}

#contactar{
	cursor: pointer;
}

#blq1, #blq2, #blq3, #blq4, #blq5, #blq6, #blq7, #blq8, #blq9, #blq10, .fcon{
	padding:3.5em 2.5em 1.35em 3em;
}


#blq6, #blq7{
	padding-top: 0;
}

#blq1{
	background-color: #FFF;
	padding-top: 4.5em;
}

#blq1>p, #blq2>p{
	font-size: 1.15em;
	font-weight: lighter;
	line-height: 1.25em;
	text-align: left;
}

#blq1>p>strong{
	color: #741532;
	font-size: 1.15em;
	font-weight: 800;
}

#blq2, #blq5, #blq8{
	font-size: 1.3em;
	padding-top: 3.5em;
	padding-bottom: 2em;
}

#blq3{
	margin-top: -3.5em;
}

#blq2{
	background-color: transparent !important;
	z-index: 1;
}

#blq2, #blq3, #blq4{
	background-color: #F8F9FA;
}

#blq9, #blq10{
	background-color: #FFF;
}

#blq8{
	padding-bottom: 0 !important;
}

#blq9, #blq10{
	padding-top: 1.5em !important;
}

#blq4{
	margin-top: -5.5em;
}

#blq8{
	background-color: #F8F9FA;
	margin-top: -2em;
}

#blq2>p{
	font-size: 1.15em;
	font-weight: lighter;
	line-height: 1.2em;
	text-align: center;
}

#loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    display:none;
   	margin:auto auto;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media (max-width: 768px) {
 	.botonera{
		display: none;
	}
	.fcon{
		padding:2em;
	}
	
	h1{
		font-size: 1.9em;
	}
	.btn{
		border-radius:7px;
		display: block;
		margin-bottom: 3px;
		width: 100%;
	}
	#consultar{
		background-color: #741532;
		border-color: #741532;
	}
	#blq1, #blq4{
		display: none;
	}
	#blq2{
		padding: 2.5em 1.25em;
	}

	ul{
		padding: 0;
	}

	#blq5{
		width: 100% !important;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}