.form.horizontal {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    width: 100%;
}

.multistepGriffin {
    width: 100%;
    max-width: 600px;
}

.progressbar {
    width: 100%;
    margin-bottom: 20px;
}

.progress {
    width: 30%;
    height: 5px;
    background-color: #e0e0e0;
}

.progress.show1.active,
.progress.show2.active {
    background-color: #007bff;
}

.step {
    display: none;
    width: 100%;
}

.step.active {
    display: block;
}

.buttons.cuatro {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.buttons.cuatro .item1,
.buttons.cuatro .item2,
.buttons.cuatro .item3,
.buttons.cuatro .item4 {
    flex: 0 0 48%;
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
}

.buttons.cuatro img {
    width: 100%;
    max-width: 100px;
    height: auto;
    margin-top: 10px;
}

.tooltipin {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltipin .tooltipintext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position above the tooltip */
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltipin:hover .tooltipintext {
    visibility: visible;
    opacity: 1;
}

.groupfull {
    width: 100%;
    margin-bottom: 20px;
}

.group {
    width: 48%;
    margin-bottom: 20px;
}

.group label,
.groupfull label {
    display: block;
    margin-bottom: 5px;
}

.group input,
.groupfull input,
.group select,
.groupfull select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 40px !important;
}

.sfError {
    color: red;
    font-size: 12px;
    display: none;
}

.sfError.show {
    display: block;
}

.next {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}

.next.hide {
    display: none;
}

body { background-color: #FFF !important;  }
    body.page-id-4459 .container #primary .header2021 { padding-top: 0px !important; }
    .entry-content { margin-top: 0px; }
    #primary { padding-top: 0px; }
    .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; }
    .redborderbox.treinta { width: calc(33% - 20px) !important; }
    .redborderbox .wpb_single_image img { margin-bottom: 15px; }
    #featured img { margin: 0 25px;  }
    #featured p { font-size: 20px !important; color:#333; }
    .wpb_column.vc_column_container.vc_col-sm-12 { max-width: 1024px;
    margin: 0 auto;
    float: none;  }
    .redbutton.link a { color: #FFF !important; }
    .redborderbox .title p { color: #343434 !important; }
    .redborderbox .text p { color: #72808E !important; }

    .sfError { font-size:12px; display:none; text-align:center; color:#BE0C0C; font-weight:bold; text-transform:uppercase; }
    .sfError.phoneerror, .sfError.emailerror { font-size:12px; display:inline-block; height:25px; }

    body { background-color: #666; }
    .multistepGriffin { border-radius: 6px; display: block; margin: 20px auto; padding: 20px 30px; background-color: #FFF; width: 760px; height: auto; min-height: 300px; overflow: hidden; max-width: 100%; min-height: 350px; }
    .multistepGriffin h3 { font-family: Open Sans; font-weight: 600; font-size: 22px; text-align: center; color:#5D5D5D; margin: 0 0 24px; padding: 0;  }
    .multistepGriffin .disclaimer { font-family: Open Sans; font-weight: 400; font-size: 11px; line-height: 15px; text-align: center; color:#5d5d5d !important; margin: 0; padding: 0; display: inline-block; text-align: center; margin-top: 15px; width: 100%; font-style:italic;  }
.grw-slider .wp-google-stars path { fill: #BE0C0C !important; }
.grw-slider-dots { display: none !important; opacity: 0 !important; }


    .multistepGriffin .step { text-align: center; display: none; }
    .derecha div.form, .loan_banner div.form { display: none; }
    .multistepGriffin .buttons { width: calc(33% - 32px); display: inline-block; max-width: 150px; margin:15px 15px 0; border: solid 1px #979797; border-radius: 8px; padding: 18px; cursor: pointer; background-color: #FFF; display: inline-table;}
    .multistepGriffin .buttons { color: #5d5d5d; font-weight: 400; font-size: 13px; }
    .multistepGriffin .buttons.cuatro { width: calc(25% - 10px) !important; margin:15px 10px 0 0; padding:15px 10px; }
    .multistepGriffin .buttons.cuatro:last-child { margin-right:0px; }
    .multistepGriffin .buttons.cuatro span { display: block; text-align: center; }
    .multistepGriffin .buttons.full { width:100% !important; margin:10px 0; padding:15px 10px; max-width:100%; }


    .multistepGriffin .buttons:hover, .multistepGriffin .buttons.active { color: #FFF; }
    .multistepGriffin .buttons img { filter: invert(50%); max-width: 70%; margin-bottom: 0px; height: 75px; width: auto; }
    .multistepGriffin .buttons:hover img, .multistepGriffin .buttons.active img { filter: invert(0); }
    .multistepGriffin .buttons:hover, .multistepGriffin .buttons.active  { background-color: #BE0C0C; }
    .multistepGriffin .progress { cursor: pointer; width: 120px; height:13px; border-radius: 20px; background-color: #efefef; display: inline-block; margin: 0 7px; max-width: 20%; }
    .multistepGriffin .progress.active { background-color: #bf0404; }
    .multistepGriffin .progressbar { text-align: center; margin-bottom: 30px;  }
    .multistepGriffin button { clear: both; display: inline-block; margin:15px auto 0; width: 256px; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; color:#FFF; font-size: 11px; border-radius: 8px; border:none; background-color: #BE0C0C; text-transform: uppercase; }
    .multistepGriffin button:focus { outline:none; }

    .multistepGriffin .group { width: calc(50% - 40px); display: inline-block; max-width:270px; margin:0 20px; float: left; }
    .multistepGriffin .groupfull { width: calc(100% - 40px); display: inline-block; margin:0 20px; float: left; }

    .multistepGriffin label { font-family: Open Sans; font-weight: 700; font-size: 9px; text-align: center; color:#BE0C0C; padding: 0; display: inline-block; text-align: left; margin-bottom: 6px; width: 100%; position:relative;  }
    .multistepGriffin input[type="text"], .multistepGriffin select { float: left; font-weight: 400; font-size: 13px; text-align: left; color:#5D5D5D; border-top:none; border-right: none; border-left: none; border-bottom: solid 1px #979797; height: 30px; line-height: 30px; vertical-align: middle; width: 100%; border-radius: 0px; }
    .multistepGriffin input[type="text"].error, .multistepGriffin select.error { border:solid 2px #993333; }
 input[type="text"]:focus, input[type="number"]:focus,  input[type="email"]:focus, input[type="tel"]:focus, select:focus {  border:solid 2px #BE0C0C; outline:none; border-radius: 3px; }


#wpcf7-f4387-o1 { display: none; }

.wpb_column.vc_column_container.vc_col-sm-12 { max-width: 1168px !important; }

#loans_template .vc_carousel-control { color:#cfcfcf !important; }
#loans_template .vc_images_carousel .vc_carousel-control.vc_right { right: -35px; }
#loans_template .vc_images_carousel .vc_carousel-control.vc_left { left: -35px; }
.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev { font-size: 60px !important; margin-top: -30px !important; }

.arrowback { text-align: right;
    position: absolute;
    top: 24%;
    left: 100%; left: 95%;
    width: 40px;  }
.onlymobile { display: none; }


    .form { width:320px; float:right; padding-bottom:0px !important; }
    .multistepGriffin.mini { padding:0px !important; width:320px; margin-bottom:0px; overflow:visible; min-height:0 !important; }
    .multistepGriffin.mini .progress { width: calc(25% - 6px); margin:0 3px !important; }
    .multistepGriffin.mini .buttons {  padding: 8px 40px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
    .multistepGriffin.mini .buttons img { height:40px; margin-botom:0px; }
    .multistepGriffin.mini button { width:calc(100% + 40px); margin-left:-20px; border-radius:0px 0px 8px 8px; font-size:20px; height:70px; }
    .multistepGriffin.mini .groupfull { width: calc(100% - 30px); margin:0 15px; }
    .loan_banner .loan_banner_title { margin-top:50px; }

.buttons { position:relative; }
.tooltipin { position:absolute; top:7px; right:7px; filter: none !important; max-width: 20px !important; margin-bottom: 0px !important; width:16px; height: 17px !important; display:block; background-size:contain; }
.buttons:hover .tooltipin, .buttons.active .tooltipin {  background:url("https://griffinfunding.com/wp-content/uploads/2022/02/Tooltip-Red-and-White-01.png") no-repeat center;  background-size:contain;  }
#step4 .tooltipin { background:url("/wp-content/plugins/multi-step-forms/tooltip.svg") no-repeat center;  background-size:contain; position:relative; display:inline-block; height:8px !important; width:10px !important; margin-left:10px !important; top:0; right:initial;  }

.tooltipintext { display:none;  position: absolute;
    z-index: 2222;
    background: #fff;
    color: #3a3a3a;
    padding: 10px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 14px;
    width: 200px;
    box-shadow: 1px 1px 5px #545454;
    display: none;
    text-transform: none;
    font-family: Arial,sans-serif; }

#loans_header .loan_banner_title h1 { margin-top:0px !important; }
#loans_header .loan_banner .container, #loans_header .loan_banner .container .row, #loans_header .loan_banner .container .row .col-md-8 { height:100% !important;  }
#loans_header .loan_banner .container .row .col-md-8  { display: flex !important;
    vertical-align: middle !important;
    margin-top: 0px !important;
    padding: 0 0 0 0 !important; flex-direction: column;
    justify-content: center; }
#loans_header h6.sub-title { display:none; }

.home .derecha .form, .page-id-32 .derecha .form  {
    background: #FFFFFF;
    border-radius: 15px;
    margin: 60px 0 0 0;
    padding: 30px 20px 20px 20px; }

#loans_header .form { max-width:100%; }

.multistepGriffin #amount { margin-bottom:10px; }

@media only screen and (min-width: 768px) and (max-width:991px) {

.home #content .header2021, .page-id-32 #content .header2021, .page-id-48 #loans_header .loan_banner { padding: 50px 40px !important; }
.loan_banner .col-md-8.col-xs-12 { width:60%; float:left; }
.loan_banner .col-md-4.col-xs-12 { width:40%; float:left; }
.loan_banner .loan_banner_title { margin-top:50px; }
#loans_header .form, .home .derecha .form, .page-id-32 .derecha .form  { max-width:100%; }
.loan_banner { height:auto !important;  padding-bottom: 40px !important; }
.multistepGriffin .step { text-align:left; }
#loans_header .loan_banner .container .row { position:relative; }
#loans_header .loan_banner .container .row .col-md-8 { position:absolute; }
#loans_header .loan_banner .container .row .col-md-4 { float:right; }
}

@media only screen and (max-width: 500px) {
    #loans_header .loan_banner { background-position:top; background-attachment:fixed; }
    #loans_header .loan_banner .container .row .col-md-8 { padding: 40px 40px 0 !important; }
    .loan_banner { height:auto !important;}
    #loans_header .form, .home .derecha .form, .page-id-32 .derecha .form  { margin:60px auto 0px; float:none !important; }
    .multistepGriffin.mini { max-width:100% !important;}
.onlymobile { display: block !important; }
.nomobile { display: none; }
.arrowback { display: none; }
.redborderbox.treinta { width: 90% !important; }
.multistepGriffin { padding:40px 15px 40px; max-width: 90%; }
.multistepGriffin .progress { max-width: 21%; margin: 0px 3px; }
.multistepGriffin .buttons { margin: 5px; width: calc(33% - 12px); padding: 10px 5px; font-size: 11px; }
.multistepGriffin .buttons img { height: 50px; }
.multistepGriffin .buttons.cuatro { width: calc(50% - 12px) !important; margin:5px; padding:15px 10px;  }
.multistepGriffin .buttons.cuatro:last-child { margin-right: 5px !important;  }
#featured span { display: block; width: 100%; text-align: center; }
#featured img { margin:10px auto; display: block; }
.paddingmobile { padding-left: 20px !important; padding-right: 20px !important; }
.mobileimages .wpb_single_image img { margin-bottom: 20px !important; }
.phonemobileimg img { width: 90px; height: 83px; }
.vc_custom_1642816017087 { padding-right: 0px !important; }
.vc_custom_1643085663228 { padding-left: 0px !important; }
.vc_custom_1643085658717 { text-align: center !important; }
.vc_custom_1643085668204 p { max-width: 60%;
    text-align: left;
    margin: 0 auto;  }
.w33, .w33.last { width: 100%; }
.w20, .w10 { width: 100%; }
.wpcf7-spinner { display: block; }
#loans_header h1 { font-size: 48px !important; }
}



.page-id-2424 .hidecf7 .wpcf7, .home .hidecf7 .wpcf7, .page-id-32 .hidecf7 .wpcf7 { display:none; }

.page-id-2424 .hidecf7>.vc_column-inner>.wpb_wrapper,
.home .hidecf7>.vc_column-inner>.wpb_wrapper, .page-id-32 .hidecf7>.vc_column-inner>.wpb_wrapper { padding-bottom:0px; }

.page-id-2424 .hidecf7>.vc_column-inner>.wpb_wrapper>.wpb_text_column.wpb_content_element, .home .hidecf7>.vc_column-inner>.wpb_wrapper>.wpb_text_column.wpb_content_element, .page-id-32 .hidecf7>.vc_column-inner>.wpb_wrapper>.wpb_text_column.wpb_content_element  { border-bottom:0px; }

.page-id-2424 .hidecf7>.vc_column-inner>.wpb_wrapper>.wpb_text_column.wpb_content_element, .home .hidecf7>.vc_column-inner>.wpb_wrapper>.wpb_text_column.wpb_content_element, .page-id-32 .hidecf7>.vc_column-inner>.wpb_wrapper>.wpb_text_column.wpb_content_element { padding-bottom:0px; }

#main #wpcf7-f4387-o2 { display:none; }