/*
font-family: 'Texta Book';
font-family: 'Texta';
*/

body {font-family: 'Texta'; font-weight: normal; background: #fff; }
a {transition: all .25s ease-out;color:#85754e}
a:hover { text-decoration: none; color:#85754e; opacity: 0.8}

.vert1 { display: table; height: 100%; width: 100%; padding: 0 0 0 0;}
.vert2 { display: table-cell; vertical-align: middle;}

.imgLiquidFill.imgLiquid { background-position: center bottom !important;}

#quieres { background:url("../images/efecto_quieres.png") right bottom no-repeat #00a0e0; border-radius: 0 0 100px 100px; padding: 80px 0 70px; background-size: contain; color: #fff;}
#quieres h3 { font-size: 62px; line-height: 58px; font-weight: 900; margin: 0 auto 60px; max-width: 930px;}
#quieres h4 { font-size: 42px; line-height: 40px; font-weight: 900; margin: 0 auto 60px; max-width: 930px;}

#convierte { padding: 30px 0}

#formulario { background: #fff; /* padding: 60px 0 */}
#formulario h3 { font-size: 55px; color: #00a0df; font-weight: 700;}
#formulario h3 span { color: #239f45}

#formulario .formulario {max-width: 990px; margin: 0 auto}

.form-group { margin-bottom: 0px;}
.form-control { background: #eaeaea; border-radius: 19px; border: none; margin: 0 0 7px 0; padding: 1.28rem 0.75rem;}
.rb-box {
  width: 80%;
  max-width: 420px;
  margin: 50px auto;
  padding: 1.3em;
  background: #292942;
  border-radius: .75em;
  -webkit-filter: drop-shadow(1px 2px 5px rgba(0,0,0,.3));
  filter: drop-shadow(1px 2px 5px rgba(0,0,0,.3));
  box-shadow: 
    0 2px 2px rgba(243,49,128,.5),
    0 0px 5px rgba(243,49,128,.15),
    0 0px 4px rgba(0,0,0,.35),
    0 5px 20px rgba(243,49,128,.25),
    0 15px 50px rgba(243,49,128,.75),
    inset 0 0 15px rgba(255,255,255,.05);
}

.rb {
  padding: 16px 0;
  text-align: center;
  background: rgba(255,255,255,.03);
  border-radius: .3em;
}

.rb-tab {
  display: inline-block;
  position: relative;
  width: 20%;
}

.rb-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  color: #666666;
}

.rb-spot {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: 2px solid #eaeaea;
  border-radius: 100%;
  cursor: pointer;
  transition: ease .5s;
}

.rb-tab-active .rb-spot {
  background: #eaeaea;
  border: 2px solid #eaeaea;
}


.btn-success {margin: 40px 0 0 0; width: 100%; max-width: 80%; border-radius: 19px;}


#taller {}
#taller .efecto1 { background: url("../images/efecto_1.png") left top no-repeat; background-size: contain}
#taller .efecto2 { background: url("../images/efecto_2.png") right top no-repeat; background-size: contain}


#taller h3 { font-size: 84px; font-weight: 900; color: #239f45; line-height: 80px}
#taller h3 span { color: #00a0df}
#taller p { font-size: 42px; color: #565657; font-weight: 500;}

#carrusel { padding: 40px 0 0 0}
#carrusel h3 { font-size: 84px; font-weight: 900; color: #00a0df; line-height: 80px}
#carrusel h3 span { color: #239f45}

#carrusel_beneficios { max-width:750px; margin: 0 auto; position: relative}

.owl-theme .owl-nav img { visibility: visible !important}
.owl-carousel .owl-item img { display: block !important; max-width: 100%; width: auto; visibility: visible;}
.owl-theme .owl-nav [class*='owl-'] { position: absolute; top: calc(50% - 40px); margin: 0; border-radius: 0px;}


.owl-carousel .owl-nav button.owl-prev { left: -100px;}
.owl-carousel .owl-nav button.owl-next { right: -100px;}
.owl-theme .owl-nav [class*='owl-']:hover { background: none; outline: none; opacity: 0.7}

.owl-theme .owl-dots .owl-dot span { width: 30px; height: 30px; border:solid 1px #239f45; outline: none; background: transparent;} 
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #239f45; outline: none}

.owl-theme .owl-dots { padding: 20px 0 0 0}

#conversion { padding: 80px 0 0; background: #fff;}
#conversion ul { margin: 0; padding: 0; list-style: none}
#conversion ul li { margin: 0; padding: 0 70px; list-style: none; display: inline-block}
#conversion .botones { text-align: center; margin: 0 0 40px}

#conversion .interior { background:#eaeaea; border-radius: 100px 100px 0 0; padding: 80px 0 }

#conversion .interior h3 { text-align: center; color: #00a0df; font-size: 60px; font-weight: 700;}
#conversion .interior p { color: #565657; font-size: 40px; line-height: 48px; text-align: center; font-weight: 400; padding: 0 0 40px}

#conversion ul.puntos { }
#conversion ul.puntos li { margin: 0 0 5px; padding: 0px; list-style: none; display:block; font-size: 28px; line-height: 38px; font-weight: 300}
#conversion ul.puntos li span { display: inline-block; width: 40px; border-radius: 50%; text-align: center; color: #fff; background: #239f45; border:solid 1px #fff;}

#legal { background: #fff; font-size: 35px; color: #00a1de; text-align: justify; padding: 80px 0 ; line-height: 40px;}
#legal p { margin: 0;}
#footer { background: #fff; padding: 0 0 40px}
#footer img { max-width: 450px}


.btn-success {margin: 40px 0 0 0; width: 100%; max-width: 80%; border-radius: 19px;}

#loading {
  display: none;
}
.exito {
  display: none;
}
.exito p { font-size: 30px; color: #239f45; line-height: 30px; max-width: 80%; font-weight: 700}
.exito p span { color: #00a0df}

#quieres h3 { font-size: 35px; line-height: 32px; max-width: 520px; margin: 0 auto 30px}
#quieres h4 {font-size: 24px; line-height: 22px; max-width: 520px; margin: 0 auto}

#formulario h3 { font-size: 40px; margin: 0 0 40px}
#formulario .formulario { max-width: 710px;}



#taller h3 { font-size: 49px; line-height: 36px;}
#taller h3 span { display: block;}

#carrusel h3 { font-size: 35px;}
#carrusel { padding: 40px 0; height: auto !important;}
	#taller p,
	#conversion .interior p,
	#legal p { font-size: 15px; line-height: 18px; text-align: center}
	#conversion ul.puntos li {font-size: 22px;line-height: 30px;}
	#conversion ul.puntos li span {width: 32px;}
	
	#carrusel_beneficios { max-width: 40%;}
	.owl-theme .owl-dots .owl-dot span { width: 20px; height: 20px;}
	.owl-theme .owl-nav img { max-width: 50px}
	
	#conversion .botones img { max-width: 200px}
	
	
	#conversion .interior .container { max-width: 990px}
	
	#conversion .interior h3 { font-size: 43px; margin: 40px 0 }
	
	#conversion .interior .row.text-center img { max-height: 190px}
	
	#footer img { max-width: 280px;}
	







@media (max-width:1799px){
	#carrusel_beneficios { max-width:30%;}

}

@media (max-width:1400px){

}


@media (max-width:991px){
	
}

@media (max-width:767px){
	h3 { font-size: 20px !important; line-height: 26px !important}
	h4 { font-size: 18px !important; line-height: 24px !important}
	
	#quieres {border-radius: 0 0 50px 50px;}
	#taller .efecto1 { background-size: 30%;}
	#taller .efecto2 { background: url(../images/efecto_2.png) right bottom no-repeat; background-size: 25%;}
	#conversion .interior {border-radius: 50px 50px 0 0;}
	#taller p,
	#conversion .interior p,
	#legal p { font-size: 16px; line-height: 20px;}
	#conversion ul.puntos li {font-size: 18px;line-height: 20px;}
	#conversion ul.puntos li span {width: 22px;}
	
	
	
	#carrusel_beneficios { max-width: 60%;}
	.owl-theme .owl-nav img { max-width: 40px;}
	.owl-carousel .owl-nav button.owl-prev { left: -60px;}
	.owl-carousel .owl-nav button.owl-next { right: -60px;}
	.owl-theme .owl-dots .owl-dot span { width: 20px; height: 20px;}
	
	#conversion ul li { margin: 10px 0}
	#conversion ul.puntos { max-width: 60%; margin: 0 auto 60px;}
	#footer img { max-width: 50%;}
	
	
	
}


@media (max-width:320px) {
	
}