.quedate{
width: 100%;
background-color: #F6F6F7;
padding: 30px 0px;
text-align: center;
}
.quedate span:first-child{
font-size: 30px;
line-height: 2;
font-weight: bold;
}
.crea{
padding: 100px 0px;
}
.contcrea{
display: inline-block;
width: 45%;
vertical-align: top;
text-align: left;
}
.contcrea:last-child{
text-align: right;
}
.creti{
font-weight: bold;
font-size: 40px;
letter-spacing: 2px;
}
.siel{
font-size: 25px;
line-height: 0;
}
.contcrea div:first-child{
padding-bottom: 50px;
}
.acer{
font-size: 14px;
color: #808088;
}
.ayuda{
padding-top: 20px;
padding-bottom: 30px;
font-size: 14px;
color: #808088;
}
.bothablemos{
background-color: #B7F527;
padding: 10px 0px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
font-weight: bold;
width: 150px;
cursor: pointer;
outline: none;
margin-bottom: 15px;
font-size: 18px;
color: #172069;
text-align: center;
}
.ccimg img{
width: 80%;
max-width: 518px;
}
.que{
padding: 100px 0px;
}
.contque{
display: inline-block;
width: 45%;
vertical-align: top;
text-align: left;
}
.queti{
font-weight: bold;
font-size: 40px;
letter-spacing: 2px;
}
.contque div:first-child{
padding-bottom: 50px;
}
.acerque{
font-size: 14px;
color: #808088;
text-align: justify;
word-break: break-word;
}
.ayudaque{
padding-top: 20px;
padding-bottom: 30px;
font-size: 14px;
color: #808088;
text-align: justify;
word-break: break-word;
}
.botinte{
background-color: #B7F527;
padding: 10px 0px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
font-weight: bold;
width: 150px;
cursor: pointer;
outline: none;
margin-bottom: 15px;
font-size: 18px;
color: #172069;
text-align: center;
}
.linver{
color: #D3E603;
width: 1px;
font-weight: normal;
font-size: 40px;
margin-top: -7px;
position: absolute;
}
.haciendo{
text-align: center;
font-size: 30px;
line-height: 1;
padding-bottom: 100px;
}
.comofun{
background-color: #E8EAFA;
padding: 50px 0px;
margin-bottom: 50px;
}
.comofuncot{
width: 45%;
text-align: left;
display: inline-block;
vertical-align: top;
}
.imgcel{
display: inline-flex;
position: absolute;
overflow: hidden;
margin-left: -100px;
margin-top: 50px;
}
.d2,.d3,.d4{
margin-left: -60px;
}
.d1 img,.d2 img,.d3 img,.d4 img{
width: 150%;
}
.botcomfun{
padding: 5px 0px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: 1px solid #172069;
font-weight: bold;
width: 240px;
cursor: pointer;
outline: none;
margin-bottom: 15px;
font-size: 18px;
color: #172069;
text-align: center;
}
.comofunt{
font-weight: bold;
font-size: 35px;
letter-spacing: 2px;
padding: 20px 0px;
}
.gracias{
font-size: 14px;
text-align: justify;
word-break: break-word;
}
.pero{
padding-top: 20px;
padding-bottom: 30px;
font-size: 14px;
text-align: justify;
word-break: break-word;
}
.qregi{
background-color: #B7F527;
padding: 10px 0px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
font-weight: bold;
width: 200px;
cursor: pointer;
outline: none;
margin-bottom: 15px;
font-size: 18px;
color: #172069;
text-align: center;
}
.contigo{
padding-bottom: 50px;
}
.contigo div{
text-align: center;
font-size: 35px;
line-height: 1;
padding-bottom: 20px;
}
.contigo div:last-child{
text-align: center;
font-size: 14px;
font-weight: normal;
line-height: 1.2;
color: #808088;
}
.servi{
display: inline-block;
width: 25%;
padding-bottom: 100px;
vertical-align: top;
}
.serviti{
font-size: 18px;
font-weight: bold;
padding: 20px 0px 15px 0px;	
}
.servite{
font-size: 14px;
color: #808088;
}
.siya div{
text-align: center;
font-size: 18px;
font-weight: normal;
line-height: 1.2;
padding-bottom: 10px;
}
.siya div:last-child{
text-align: center;
font-size: 25px;
line-height: 1;
padding-bottom: 20px;
font-weight: bold;
}
#formu{
padding: 40px 0px;
}
.contecampo {
text-align: center;
}
.campoform, .floating-select{
width: 100%;
display: block;
padding: 10px 20px;
color: #9F9F9F;
font-size: 18px;
margin: 0px auto;
outline: none;
border: 0px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #F0F0F0;
}
.floating-select{
width: 340px;
display: block;
padding: 10px 20px;
color: #9F9F9F;
font-size: 18px;
margin: 0px auto;
border: 0px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #F0F0F0;
}
.floating-label {
width: 300px;
position:relative; 
margin-bottom:30px;
display: inline-block;
margin-right: 60px;
}
.floating-label label {
font-weight: normal;
position:absolute;
pointer-events:none;
top: 8px;
left: 5%;
-webkit-transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
color: #808081;
}
.floating-label label span {
vertical-align: sub;
color: #17206B;
}
.tarea{
width: 55.5%;
}
.campoform:focus ~ label, .campoform:not(:placeholder-shown) ~ label, .floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
top: -20px;
bottom: 10px;
left: 10px;
opacity: 1;
color: #9e9e9ead;
font-size: 14px;
}
.boton{
width: 300px;
color: #ffffff;
font-weight: normal;
font-size: 18px;
background-color: #17206B;
padding: 20px 50px;
letter-spacing: 0;
border: none;
outline: none;
cursor: pointer;
margin-bottom: 21px;
line-height: 1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.despues{
font-size: 14px;
color: #808088;
padding-bottom: 50px;
}
.despues a{
color: #808088;
}
.valcomi img{
vertical-align: middle;
}
.atencion{
padding-top: 50px;
}
.atencion div{
text-align: center;
font-size: 35px;
line-height: 1;
padding-bottom: 10px;
}
.atencion div:last-child{
text-align: center;
font-size: 14px;
font-weight: normal;
line-height: 1.2;
color: #808088;
}
#formu2{
padding: 40px 0px 80px 0px;
}
/*.floating-label2 {
width: 300px;
position:relative; 
margin-bottom:30px;
display: inline-block;
margin-right: 60px;
}
.floating-label2 label {
font-weight: normal;
position:absolute;
pointer-events:none;
top: 8px;
left: 5%;
-webkit-transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
color: #808081;
}
.floating-label2 label span {
vertical-align: sub;
color: #17206B;
}*/
.tarea2{
width: 55.5%;
}
.campoform2, .floating-select2{
width: 100%;
display: block;
padding: 10px 20px;
color: #9F9F9F;
font-size: 18px;
margin: 0px auto;
outline: none;
border: 1px solid #9F9F9F;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.campoform2:focus ~ label, .campoform2:not(:placeholder-shown) ~ label, .floating-select2:focus ~ label , .floating-select2:not([value=""]):valid ~ label {
top: -20px;
bottom: 10px;
left: 10px;
opacity: 1;
color: #9e9e9ead;
font-size: 14px;
}
.valcomi{
padding-bottom: 20px;
}
.hmov{
display: block;
}
@media only screen and (max-width: 1200px) {
.contcrea {
display: block;
width: 90%;
vertical-align: top;
text-align: center;
margin: 0px auto;
}
.bothablemos {
margin: 0px auto;
}
.contcrea:last-child {
padding-top: 50px;
text-align: center;
}
.que {
padding: 0px;
width: 90%;
margin: 0px auto;
}
.contque {
display: block;
width: auto;
vertical-align: top;
text-align: center;
}
.botinte {
margin: 0px auto;
}
.haciendo {
padding-top: 50px;
}	
.comofuncot {
width: 90%;
text-align: center;
display: block;
vertical-align: top;
margin: 0px auto;
}
.botcomfun {
margin: 0px auto;
}
.qregi {
margin: 0px auto;
}
.imgcel {
width: 90%;
display: flex;
position: relative;
overflow: initial;
margin-left: 0px;
}
.d2, .d3, .d4 {
margin-left: -30px;
}
.contigo {
width: 90%;
margin: 0px auto;
}
.servi {
width: 90%;
margin: 0px auto;
display: block;
padding-bottom: 50px;
}
.siya{
width: 90%;
margin: 0px auto;
}
#formu {
width: 90%;
margin: 0px auto;
}
.floating-label {
width: 100%;
display: block;
margin-right: 0px;
}
.campoform {
width: 85%;
}
.floating-select {
width: 96%;
}
.despues {
width: 90%;
margin: 0px auto;
}	
.valcomi {
text-align: center;
}
#formu2 {
width: 90%;
margin: 0px auto;
}
/*.floating-label2 {
width: 100%;
display: block;
margin-right: 0px;
}*/
.campoform2 {
width: 85%;
}
.floating-select2 {
width: 96%;
}
.hmov{
display: none;
}
}
@media only screen and (max-width: 640px) {
.floating-select {
width: 92%;
}
.floating-select2 {
width: 92%;
}
}
@media only screen and (max-width: 360px) {
.floating-select {
width: 96%;
}
.floating-select2 {
width: 96%;
}
}


#negocio{
text-align: right;
padding: 10px 5px 10px 20px;
}
#formu {
max-width: 750px;
margin: 0px auto;
}
.fl2 {
width: 180px;
position: relative;
margin-bottom: 30px;
display: inline-block;
margin-right: 180px;
text-align: right;
}
.domi {
position: absolute;
width: 150px;
margin-top: -35px;
}
@media only screen and (max-width: 1200px) {
.fl2 {
width: 58%;
margin-right: 160px;
}
.domi{
width: 60px;
}
}
@media only screen and (max-width: 640px) {
.fl2 {
width: 70%;
margin-right: 160px;
}
}
@media only screen and (max-width: 360px) {
.fl2 {
width: 180px;
margin-right: 135px;
}
.domi{
width: 100px;
}
}