body, html{
background: #2b3449;
}
/*GFORMS*/
.gform_wrapper {
font-weight:300;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
font-weight: 300;
font-size: inherit;
color: #fff;
}
/*#gform_fields_1 .gfield_label{display:none}*/
#gform_fields_1 .gfield_label{ margin-top:20px;}
#field_1_60 .gfield_label{display:none}
#input_1_60{font-size: 30px;
color: #fff;}
.gform_page_fields{font-size: 26px;
color: #fff;}
.gform_next_button, .gform_previous_button{
border: none;
background-color: #5666a5!important;
border-radius: 5px!important;
color: #ffffff;
cursor: pointer;
padding: 0px 30px;
display: inline-block;
margin: 15px 30px;
text-transform: uppercase;
line-height: 46px;
font-weight: 300;
font-size: 1em;
outline: none;
position: relative;
overflow: hidden;
font-size: 16px;
border-radius: 23px;
letter-spacing: 2px;
-webkit-transform: translateZ(0);
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.gform_previous_button{
border: none;
background-color: #5666a5;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
padding: 0px 30px;
display: inline-block;
margin: 15px 30px;
text-transform: uppercase;
line-height: 46px;
font-weight: 300;
font-size: 1em;
outline: none;
position: relative;
overflow: hidden;
font-size: 16px;
border-radius: 23px;
letter-spacing: 2px;
-webkit-transform: translateZ(0);
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.gform_button{
border: none;
background-color: #5666a5;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
padding: 0px 30px;
display: inline-block;
margin: 15px 30px;
text-transform: uppercase;
line-height: 46px;
font-weight: 300;
font-size: 1em;
outline: none;
position: relative;
overflow: hidden;
font-size: 16px;
border-radius: 23px;
letter-spacing: 2px;
-webkit-transform: translateZ(0);
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
#gform_fields_2{font-size: 20px;
color: #fff;}
.gform_wrapper .gfield_required {
color: #d4595b;
margin-left: 4px;
}
.gf_progressbar_title{color:#fff;}
/*#footer-bottom{display:none;}
#main-header{display:none !important;}
#main-footer{display:none}*/
.gform_wrapper .gform_page_footer {
border:none;
padding-top: 40px;
}
.gform_wrapper div.validation_error {
color: #fff;
font-size: 20px;
font-weight: 300;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.gform_wrapper li.gfield_error input:not([type=”radio”]):not([type=”checkbox”]):not([type=”submit”]):not([type=”button”]):not([type=”image”]):not([type=”file”]), .gform_wrapper li.gfield_error textarea {
border:none;
border-bottom: 1px solid #790000!important;
}
.gform_wrapper li.gfield.gfield_error {
border: none;
border-radius:50px;
background:none;
}
.gform_wrapper .validation_message {
color: #fff;
letter-spacing: normal;
background: #b42f2f;
width: 50%;
padding: 10px;
font-size: 16px;
text-align: center;
text-transform: uppercase;
margin: auto;
}
.gform_wrapper .gfield_error .gfield_label {
color: #fff !important;
padding: 10px;
background: #790000;
border-radius: 20px;
}
.condiciones label {
text-align: left;
width: 100% !important;
color: #fff;
}
.condiciones ul li {
text-align:left!important;
}
.condiciones ul li input {
visibility:visible!important;
}
.condiciones .activo {
background:none!important;
}
#gform_fields_1 .gfield_label {
text-align: center;
width: 100%;
}
.gform_wrapper .top_label .gfield_label {
width:100%;
text-align:center;
}
.mensajes {
text-align:center;
}
@media only screen and (max-width: 768px) {
.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {
font-size: 18px;
}
.actividad .ginput_container ul li label {
padding: 10px 20px !important;
}
.multiples ul li label::after {
width: 25px;
padding: 1px;
font-size: 15px;
}
.resumen_header {
margin-bottom: 20px;
}
.resumen_title, .resumen_sumary {
width: 100% !important;
clear: both;
}
.resumen_title h2 {
font-size: 26px !important;
}
.resumen_sumary .modulos {
width: 22% !important;
margin: 1px !important;
padding: 0px !important;
float: left !important;
font-size: 12px;
}
.resumen_sumary .modulos span {
font-size: 24px !important;
}
.infome_fila .dato {
text-align: center;
font-size: 24px!important;
}
.date-content {
text-align: center;
width: 100%;
}
.date-content p {
margin-top: 5%!important;
}
.date-content img {
width: 50%!important;
}
.infome_fila .modulo_iconos {
width: 33%!important;
font-size: 12px!important;
}
}
.mailcall {
font-size: 18px;
padding: 20px !important;
border-radius: 20px;
background: #f2950b;
color: #656b7c;
border-bottom: 5px solid #b3cb61;
font-weight: 400;
position: relative;
}
#field_7_9::after {
content: url(‘https://www.guanabana-graviola.com/wp-content/uploads/2019/01/solicitud-mail-2.png’);
width: 80px;
position: absolute;
left: 48%;
z-index: 999;
top: -60px;
border-radius: 50px;
height: 80px;
}
.mailcall label {
font-size: 22px!important;
color: #fff!important;
font-weight: 800!important;
}
.mailcall input{
border: 0px solid #0bf2d1 !important;
border-radius: 60pc;
background: #fff !important;
color:#666!important;
}
.mailcall input:focus{
border: 0px solid #0bf2d1 !important;
border-radius: 60pc;
background: #fff !important;
color:#666!important;
}
#gform_next_button_3_5 {
visibility: hidden;
}
#input_3_3, #label_1_3_0, #label_1_3_1, .gchoice_1_3_0, .gchoice_1_3_1{
overflow: visible!important;
}
.gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li {
text-align: center;
}
#choice_1_3_0, #choice_1_3_1 , .gform_wrapper ul.gfield_radio li input[type=”radio”], .gform_wrapper ul.gfield_checkbox li input[type=”checkbox”]{
visibility: hidden;
}
.icons ul li label {
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid #fff;
border-radius: 50px;
font-size: 16px !important;
width: 165px !important;
height: 165px;
padding-top: 10px !important;
margin-top: 20px !important;
color: #fff;
}
.actividad .ginput_container ul li label,.genero img, .genero img, .icons ul li label {
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: ball 500ms ease ;
transition: all 500ms ease;
}
.genero img, .genero img {
padding: 20px;
background-color: rgba(255, 255, 255, 0.2);
border: solid 0px #fff;
border-radius: 200px;
opacity: 1;
transform: scale(0.8);
}
/*
.gchoice_1_3_0 ::before{
display:block;
content: ‘✔’;
position: absolute;
z-index: 1;
width: 30px;
height: 30px;
top:50%;
left:50%;
}
*/
.genero img:hover, .genero img:hover, .genero img:active{
transform: scale(1);
background-color: rgba(255, 255, 255, 0);
}
.activo {
background-color: rgba(148,214,33, 0.5)!important;
transform: scale(1)!important;
}
.actividad .ginput_container ul li label, #input_1_32 label{
background-color: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 10px 0px !important;
border-radius: 50px;
border: 1px solid #fff;
text-transform: uppercase;
cursor:pointer;
width: 100%;
color: #fff;
}
.elecciones .ginput_container ul li label{
background-color: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 10px 0px !important;
border-radius: 50px;
border: 1px solid #fff;
text-transform: uppercase;
cursor:pointer;
width: 100%;
color: #fff;
}
.actividad .ginput_container ul li label:hover, .icons ul li label:hover {
background-color: rgba(118, 173, 23, 0.5);
border: solid 1px #76ad17;
}
.actividad .ginput_container ul li input {
visibility: hidden;
}
.textBoxs input {
background-color: rgba(0, 0, 0, 0.2);
color:#fff;
border: none;
border-bottom: 1px solid #fff;
padding: 20px 20px!important;
font-size: 18px!important;
margin-top: 20px;
}
.multiples ul li label::after{
content: ‘✘’;
position: absolute;
color: #fff;
width: 40px;
padding: 5px;
border-radius: 50px;
background: #242d3e;
font-size: 20px;
right: 5%;
top: -0;
border: solid 1px #fff;
}
.multiples-check::after {
content: ‘✔’ !important;
background: #87b151 !important;
position: absolute !important;
right: -2% !important;
}
.useremail .ginput_container_email {
text-align: center;
}
.preconfirmacion {
font-size: 18px;
padding:20px !important;
margin-bottom:50px;
border-radius: 20px;
background:#fff;
color: #656b7c;
border-bottom: 5px solid #b3cb61;
float:left;
font-weight: 400;
position:relative;
margin-top: 90px !important;
}
.preconfirmacion h2 {
text-align: center;
}
.preconfirmacion span {
font-weight: 800;
}
.preconfirmacion .llamada {
color: #b3cb61;
}
.preconfirmacion .producto{
color:#3bbeca;
}
.preconfirmacion .accion {
background: #f2950b;
float: left;
clear: both;
padding: 20px;
border-radius: 20px;
color: #fff;
font-weight: 400;
margin-top: 20px;
font-size: 22px;
text-align: center;
}
.preconfirmacion .accion img {
float: right;
width: 8%;
margin: 0;
}
.preconfirmacion .accion .llamada {
color:#fff;
}
.confirmado {
font-size:24px;
color:#656b7c;
}
.destacado {
background: #fff;
}
.destacado2 {
background: #fff;
}
.asistente_virtual {
width: 127px !important;
position: absolute;
top: -110px;
left: 44%;
border: 1px solid #fff!important;
border-radius: 100px!important;
}
.asistente_virtual2 {
width: 127px !important;
float: left;
margin-right: 20px;
margin-top: -20px;
border: 1px solid #fff!important;
border-radius: 100px!important;
}
.asistente, .asistente2, .asistente3 {
width: 10%;
margin: 25px;
}
.asistente{
float: left;
}
.asistente2{
float: right;
}
.asistente3 {
position: absolute;
margin-top: -80px;
z-index: 9;
left: 40%;
}
/* .preconfirmacion::after {
display: block;
content: ‘◤’;
font-size: 40px;
position: absolute;
bottom: -30px;
color: #fff;
z-index: 99999;
}*/
.condiciones{
margin-top: 60px !important;
padding-top: 60px !important;
border-top: 1px solid #7e8ebc;
}
.condiciones label {
text-align: left!important;
}
input:focus {
color:#fff!important;
}
.modulo_iconos img {
width: 65%;
}
@media only screen and (max-width: 700px) {
.asistente_virtual {
left: 30%;
}
.asistente, .asistente2 {
width: 25%;
}
.preconfirmacion .accion img {
width: 30%;
margin: 0;
}
}
@media (min-width: 320px) and (max-width: 670px) {
.mensajes {
font-size: 18px;+
text-align: center;
}
.mensajes .asistente_virtual2 {
float: none;
margin: auto;
clear: both;
display: block;
}
.gform_wrapper .top_label .gfield_label {
font-size: 22px;
}
}
[gravityform id=”9″ title=”false” description=”false” ajax=”false”]
Scroll to Top