#Zohoform {
display: none !important;
}
.multiformwrapper .checkbox-error {
color: #ed424b !important;
}
.multiformwrapper .terms {
display: flex;
width: 100%;
align-items: flex-start;
}
.multiformwrapper .terms label {
margin: 0 !important;
font-size: 10px !important;
line-height: 16px !important;
}
.multiformwrapper textarea::-webkit-input-placeholder {
font-family: "Open Sans", sans-serif !important;
font-weight: 600 !important;
}
.multiformwrapper textarea:-ms-input-placeholder {
font-family: "Open Sans", sans-serif !important;
font-weight: 600 !important;
}
.multiformwrapper textarea:-moz-placeholder {
font-family: "Open Sans", sans-serif !important;
font-weight: 600 !important;
}
.multiformwrapper textarea::-moz-placeholder {
font-family: "Open Sans", sans-serif !important;
font-weight: 600 !important;
}
.multiformwrapper .thanks {
font-size: 14px;
}
.multiformwrapper .wpcf7-not-valid-tip { font-size: .7rem !important; }
.multiformwrapper .tooltipin {
position: absolute !important;
top: 5px !important;
right: 5px !important;
filter: none !important;
max-width: 20px !important;
margin-bottom: 0 !important;
width: 16px !important;
height: 17px !important;
display: block !important;
background: none !important;
background-size: contain !important;
}
.multiformwrapper h3 .tooltipin {
right: 0 !important;
top: 0 !important;
}
.multiformwrapper .tooltipintext {
right: 20px;
bottom: 5px;
display: none;
position: absolute !important;
z-index: 2222 !important;
background: #fff !important;
color: #3a3a3a !important;
padding: 10px !important;
border-radius: 3px !important;
font-size: 14px !important;
line-height: 16px !important;
width: 220px !important;
box-shadow: 1px 1px 5px #545454 !important;
display: none;
text-transform: none !important;
font-family: Open Sans !important;
}
.multiformwrapper input {
margin-bottom: 0;
}
.buttons.active .tooltipin,
.multiformwrapper .buttons:hover .tooltipin,
.multiformwrapper h3:hover .tooltipin,
.multiformwrapper input:hover .tooltipin,
.multiformwrapper label:hover .tooltipin,
.multiformwrapper select:hover .tooltipin {
background: url(//www.cdsolarenergy.com/wp-content/plugins/gamifyForm/includes/Tooltip-Red-and-White-01.png) no-repeat center !important;
background-size: contain !important;
}
.step {
overflow: hidden;
}
#step000 { overflow: visible !important;}
#tooltip1 {
left: -200px;
bottom: initial;
}
#tooltip2 {
left: -200px;
bottom: 30%;
}
#tooltip3 {
left: -200px;
bottom: 60%;
}
#tooltip4 {
left: -200px;
bottom: 30%;
}
.multiformwrapper .entry-content {
margin-top: 0 !important;
}
.multiformwrapper #primary {
padding-top: 0 !important;
}
.multiformwrapper .t34 h2 {
font-family: "Open Sans", sans-serif !important;
font-weight: 700 !important;
font-size: 34px !important;
line-height: 52px !important;
color: #343434 !important;
padding: 25px 0 21px !important;
}
.multiformwrapper .redborderbox.treinta {
width: calc(33% - 20px) !important;
}
.multiformwrapper .redborderbox .wpb_single_image img {
margin-bottom: 15px !important;
}
.multiformwrapper #featured img {
margin: 0 25px !important;
}
.multiformwrapper #featured p {
font-size: 20px !important;
color: #333 !important;
}
.multiformwrapper .wpb_column.vc_column_container.vc_col-sm-12 {
max-width: 1024px !important;
margin: 0 auto !important;
float: none !important;
}
.multiformwrapper .redbutton.link a {
color: #fff !important;
}
.multiformwrapper .redborderbox .title p {
color: #343434 !important;
}
.multiformwrapper .redborderbox .text p {
color: #72808e !important;
}
.multiformwrapper .sfError {
font-size: 12px !important;
display: none;
text-align: center !important;
color: #ed424b !important;
font-weight: bold !important;
text-transform: uppercase !important;
}
.multiformwrapper .sfError.emailerror,
.multiformwrapper .sfError.phoneerror {
font-size: 12px !important;
height: 25px !important;
}
.multiformwrapper .multistepOG {
border-radius: 6px !important;
display: flex !important;
flex-direction: column;
justify-content: space-between;
margin: 0px auto !important;
padding: 20px 30px !important;
background-color: #fff !important;
width: 760px !important;
height: auto !important;
min-height: 300px !important;
overflow: hidden !important;
max-width: 100% !important;
min-height: 350px !important;
position: relative;
}
.multiformwrapper .multistepOG h3 {
color: #506676;
text-align: center;
font-family: Lato;
font-size: 2.4rem;
font-style: normal;
font-weight: 800;
line-height: 2.6rem; letter-spacing: -0.5px;
text-transform: uppercase;
margin:0 0 20px 0px;
}
.multiformwrapper .multistepOG p {
color: #343434;
font-family: Lato;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.18px;
text-align: center;
}
.multiformwrapper .multistepOG .disclaimer {
font-family: Open Sans !important;
font-weight: 400 !important;
font-size: 11px !important;
line-height: 15px !important;
text-align: center !important;
color: #cacaca !important;
margin: 0 !important;
padding: 0 !important;
display: inline-block !important;
text-align: center !important;
margin-top: 15px !important;
width: 100% !important;
font-style: italic !important;
}
.multiformwrapper .grw-slider .wp-google-stars path {
fill: #ed424b !important;
}
.multiformwrapper .grw-slider-dots {
display: none;
opacity: 0 !important;
}
.multiformwrapper .multistepOG .step {
text-align: center !important;
display: none;
flex:1;
margin-top: 30px;
}
.multiformwrapper .multistepOG .step .wpcf7-spinner { display: none; }
.multiformwrapper .multistepOG .step.visible {
display: flex;
flex-direction: column;
justify-content: center;
}
.multiformwrapper .derecha div.form,
.multiformwrapper .loan_banner div.form {
display: none;
}
.multiformwrapper .multistepOG .buttons {
width: calc(33% - 32px) !important;
display: inline-block !important;
max-width: 150px !important;
margin: 15px 15px 0 !important;
border: solid 1px #979797 !important;
border-radius: 8px !important;
padding: 18px !important;
cursor: pointer !important;
background-color: #fff !important;
display: inline-table !important;
color: #506676 !important;
font-weight: 800 !important;
}
.multiformwrapper .multistepOG .buttons.cuatro {
width: calc(25% - 10px) !important;
margin: 15px 10px 0 0 !important;
padding: 15px 10px !important;
}
.multiformwrapper .multistepOG .buttons.cuatro:last-child {
margin-right: 0 !important;
}
.multiformwrapper .multistepOG .buttons.cuatro span {
display: block !important;
text-align: center !important;
}
.multiformwrapper .multistepOG .buttons.full {
width: 100% !important;
margin: 10px 0 !important;
padding: 15px 10px !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.multiformwrapper .multistepOG .buttons.active,
.multiformwrapper .multistepOG .buttons:hover {
color: #343434 !important;
}
.multiformwrapper .multistepOG .buttons img {
filter: invert(50%) !important;
max-width: 70% !important;
margin-bottom: 0 !important;
height: 75px !important;
width: auto !important;
}
.multiformwrapper .multistepOG .buttons.active img,
.multiformwrapper .multistepOG .buttons:hover img {
filter: invert(0) !important;
}
.multiformwrapper .multistepOG .buttons.active,
.multiformwrapper .multistepOG .buttons:hover,
.multiformwrapper .multistepOG .buttons:focus,
.multiformwrapper .multistepOG .buttons.hover-effect {
border-radius: 8px !important;
background: linear-gradient(84deg, #FDB714 39.12%, #E38529 95.12%) !important;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) !important;
border:none !important;
}
.multiformwrapper .multistepOG .buttons.active img,
.multiformwrapper .multistepOG .buttons:hover img {
filter: brightness(300%) !important;
}
.multiformwrapper .multistepOG .progressbar {
display: flex;
margin-bottom: 0px !important;
justify-content: space-around !important;
position: relative !important;
}
.multiformwrapper .multistepOG .progress {
cursor: pointer;
width: 50%;
height: 13px;
border-radius: 20px;
background: #EFEFEF;
display: inline-block;
margin: 0 7px;
}
.multiformwrapper .multistepOG .progress.active,
.multiformwrapper .multistepOG .progress:hover {
border-radius: 20px;
background: #FDB715;
}
.multiformwrapper .multistepOG button {
clear: both !important;
display: inline-block !important;
margin: 15px auto 0 !important;
width: 256px !important;
height: 50px !important;
line-height: 50px !important;
text-align: center !important;
vertical-align: middle !important;
color: #fff !important;
font-size: 11px !important;
border-radius: 8px !important;
border: none !important;
background-color: #ed424b !important;
text-transform: uppercase !important;
cursor: pointer !important;
}
.multiformwrapper .multistepOG button:focus {
outline: none !important;
}
.multiformwrapper .multistepOG .group {
width: calc(50% - 40px) !important;
display: inline-block !important;
max-width: 270px !important;
margin: 0 20px !important;
float: left !important;
}
.multiformwrapper .multistepOG .groupfull {
width: calc(100% - 40px) !important;
display: inline-block !important;
margin: 0 20px !important;
float: left !important;
}
.multiformwrapper .multistepOG label {
color: #666;
font-family: Open Sans !important;
font-size: 12px;
font-style: normal !important;
font-weight: 600 !important;
line-height: 18px;
text-align: left !important;
margin: 9px 0;
display: block !important;
width: 100% !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.multiformwrapper .multistepOG input[type="text"],
.multiformwrapper .multistepOG select,
.multiformwrapper .multistepOG input[type="email"],
.multiformwrapper .multistepOG input[type="tel"],
.multiformwrapper .multistepOG textarea {
color: #343434 !important;
font-family: Lato;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 45px; letter-spacing: 0.15px;
height:45px;
border:1px solid #ccc;
max-width: 100%;
box-sizing: border-box;
box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
padding: 0px 020px 0px 20px;
background-color: #0000000D;
border-style: none;
border-radius: 10px 10px 10px 10px;
}
.multiformwrapper .multistepOG textarea {
height: 117px !important;
border-radius: 0 !important;
}
.multiformwrapper .multistepOG input[type="text"].error,
.multiformwrapper .multistepOG select.error {
border: solid 2px #933 !important;
}
.multiformwrapper input[type="email"]:focus,
.multiformwrapper input[type="number"]:focus,
.multiformwrapper input[type="tel"]:focus,
.multiformwrapper input[type="text"]:focus,
.multiformwrapper select:focus {
}
.multiformwrapper #wpcf7-f4387-o1 {
display: block;
}
.multiformwrapper .wpb_column.vc_column_container.vc_col-sm-12 {
max-width: 1168px !important;
}
.multiformwrapper #loans_template .vc_carousel-control {
color: #cfcfcf !important;
}
.multiformwrapper
#loans_template
.vc_images_carousel
.vc_carousel-control.vc_right {
right: -35px !important;
}
.multiformwrapper
#loans_template
.vc_images_carousel
.vc_carousel-control.vc_left {
left: -35px !important;
}
.multiformwrapper .vc_images_carousel .vc_carousel-control .icon-next,
.multiformwrapper .vc_images_carousel .vc_carousel-control .icon-prev {
font-size: 60px !important;
margin-top: -30px !important;
}
.multiformwrapper .arrowback {
text-align: right !important;
position: absolute !important;
top: 24% !important;
left: 100% !important;
left: 95% !important;
width: 40px !important;
}
.multiformwrapper .onlymobile {
display: none;
}
.multiformwrapper .form {
width: 320px !important;
float: right !important;
padding-bottom: 0 !important;
}
.multiformwrapper .multistepOG.mini {
padding: 30px !important;
width: 500px !important;
margin-bottom: 0 !important;
overflow: visible !important;
min-height: 400px !important;
box-sizing: border-box !important;
max-width: 100% !important;
border-radius: 6px;
background: #FFF;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.04), 0px 8px 16px 0px rgba(0, 0, 0, 0.08); 
}
.multiformwrapper .multistepOG.mini .buttons {
padding: 18px !important;
cursor: pointer !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
box-sizing: border-box !important;
height: 47px !important;
border-radius: 8px;
border: 1px solid #979797;
background: #FFF;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.multiformwrapper .multistepOG.mini .buttons:last-child { margin-bottom:0px !important;}
.multiformwrapper .multistepOG.mini .buttons img {
height: 40px !important;
margin-bottom: 0 !important;
}
.multiformwrapper .multistepOG.mini button {
width: 100% !important;
height: 53px !important;
color: #fff !important;
text-align: center !important;
font-family: Open Sans !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: normal !important;
box-sizing: border-box !important;
border-radius: 6px !important;
}
.multiformwrapper .multistepOG.mini .groupfull {
width: 100% !important;
margin: 0 !important;
}
.multiformwrapper .loan_banner .loan_banner_title {
margin-top: 50px !important;
}
.multiformwrapper #loans_header .loan_banner_title h1 {
margin-top: 0 !important;
}
.multiformwrapper #loans_header .loan_banner .container,
.multiformwrapper #loans_header .loan_banner .container .row,
.multiformwrapper #loans_header .loan_banner .container .row .col-md-8 {
height: 100% !important;
}
.multiformwrapper #loans_header .loan_banner .container .row .col-md-8 {
display: flex !important;
vertical-align: middle !important;
margin-top: 0 !important;
padding: 0 !important;
flex-direction: column !important;
justify-content: center !important;
}
.multiformwrapper #loans_header h6.sub-title {
display: none;
}
.multiformwrapper .home .derecha .form,
.multiformwrapper .page-id-32 .derecha .form {
background: #fff !important;
border-radius: 15px !important;
margin: 60px 0 0 !important;
padding: 30px 20px 20px !important;
}
.multiformwrapper #loans_header .form {
max-width: 100% !important;
}
.multiformwrapper .multistepOG #amount {
margin-bottom: 10px !important;
}
.multiformwrapper #stepThanks h2 {
margin-top: 0;
}
.multiformwrapper .multistepOG .buttons {
font-size: 14px !important;
}
.wpcf7-form, .wpcf7-form .flex, .wpcf7-form .flex p, .wpcf7-form .flex p span, div.wpcf7 { overflow: visible !important; }
.wpcf7-form-control .wpcf7-text, .wpcf7-form-control .wpcf7-email {
border-radius: 8px;
background: rgb(13, 13, 13);
height: 60px;
}
.wpcf7-form p .wpcf7-form-control-wrap input { width: 100% !important; }
.multistepOG .wpcf7-form .wpcf7-submit {
background-color: #506676 !important;
border-radius: 8px !important;
background: #506676 !important;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) !important;
color: #FFF !important;
text-align: center !important;
font-family: Lato !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 29px !important;
width:100%;
margin-top: 20px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.multiformwrapper .home #content .header2021,
.multiformwrapper .page-id-32 #content .header2021,
.multiformwrapper .page-id-48 #loans_header .loan_banner {
padding: 50px 40px !important;
}
.multiformwrapper .loan_banner .col-md-8.col-xs-12 {
width: 60% !important;
float: left !important;
}
.multiformwrapper .loan_banner .col-md-4.col-xs-12 {
width: 40% !important;
float: left !important;
}
.multiformwrapper .loan_banner .loan_banner_title {
margin-top: 50px !important;
}
.multiformwrapper #loans_header .form,
.multiformwrapper .home .derecha .form,
.multiformwrapper .page-id-32 .derecha .form {
max-width: 100% !important;
}
.multiformwrapper .loan_banner {
height: auto !important;
padding-bottom: 40px !important;
}
.multiformwrapper .multistepOG .step {
text-align: left !important;
}
.multiformwrapper #loans_header .loan_banner .container .row {
position: relative !important;
}
.multiformwrapper #loans_header .loan_banner .container .row .col-md-8 {
position: absolute !important;
}
.multiformwrapper #loans_header .loan_banner .container .row .col-md-4 {
float: right !important;
}
}
@media only screen and (max-width: 500px) {
.wpcf7-form p .wpcf7-form-control-wrap input { width: 100% !important; }
.multiformwrapper #loans_header .loan_banner {
background-position: top !important;
background-attachment: fixed !important;
}
.multiformwrapper #loans_header .loan_banner .container .row .col-md-8 {
padding: 40px 40px 0 !important;
}
.multiformwrapper .loan_banner {
height: auto !important;
}
.multiformwrapper #loans_header .form,
.multiformwrapper .home .derecha .form,
.multiformwrapper .page-id-32 .derecha .form {
margin: 60px auto 0 !important;
float: none !important;
}
.multiformwrapper .multistepOG.mini {
max-width: 90% !important;
}
.multiformwrapper .onlymobile {
display: block !important;
}
.multiformwrapper .nomobile {
display: none;
}
.multiformwrapper .arrowback {
display: none;
}
.multiformwrapper .redborderbox.treinta {
width: 90% !important;
}
.multiformwrapper .multistepOG {
padding: 40px 15px !important;
max-width: 90% !important;
width: 500px !important;
}
.multiformwrapper .multistepOG .progress {
max-width: 50% !important;
margin: 0 3px !important;
}
.multiformwrapper .multistepOG .buttons {
margin: 5px !important;
width: calc(33% - 12px) !important;
padding: 10px 5px !important;
font-size: 14px !important;
}
.multiformwrapper .multistepOG .buttons img {
height: 50px !important;
}
.multiformwrapper .multistepOG .buttons.cuatro {
width: calc(50% - 12px) !important;
margin: 5px !important;
padding: 15px 10px !important;
}
.multiformwrapper .multistepOG .buttons.cuatro:last-child {
margin-right: 5px !important;
}
.multiformwrapper #featured span {
display: block !important;
width: 100% !important;
text-align: center !important;
}
.multiformwrapper #featured img {
margin: 10px auto !important;
display: block !important;
}
.multiformwrapper .paddingmobile {
padding-left: 20px !important;
padding-right: 20px !important;
}
.multiformwrapper .mobileimages .wpb_single_image img {
margin-bottom: 20px !important;
}
.multiformwrapper .phonemobileimg img {
width: 90px !important;
height: 83px !important;
}
.multiformwrapper .vc_custom_1642816017087 {
padding-right: 0 !important;
}
.multiformwrapper .vc_custom_1643085663228 {
padding-left: 0 !important;
}
.multiformwrapper .vc_custom_1643085658717 {
text-align: center !important;
}
.multiformwrapper .vc_custom_1643085668204 p {
max-width: 60% !important;
text-align: left !important;
margin: 0 auto !important;
}
.multiformwrapper .w33,
.multiformwrapper .w33.last {
width: 100% !important;
}
.multiformwrapper .w10,
.multiformwrapper .w20 {
width: 100% !important;
}
.multiformwrapper #loans_header h1 {
font-size: 48px !important;
}
}
.centerSpan { display: block; text-align: center; width:100%;}
.step0 .buttons, .step00 .buttons { background-color: #f2f2f2; }
.multiformwrapper #stepNoThanks p.nothanks, #stepThanks .center { color:#000 !important; font-size: 18px; text-align: center !important; font-weight: bold; padding:20px 20px 0; }
.multiformwrapper .multistepOG.mini .buttons.bookbutton { height: 47px !important;  }
#stepThanks { margin-top: 0px !important;}