.bwf_pp_bar_wrap {
display: -ms-flexbox;
display: flex;
height: 30px;
overflow: hidden;
font-size: .75rem;
background-color: #efefef;
margin-bottom: 20px;
padding: 4px
}
.bwf_pp_bar_wrap .bwf_pp_bar {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #338d48;
font-size: 16px;
font-weight: 600;
transition: width 500ms ease-in-out;
-webkit-transition: width 500ms ease-in-out;
max-width: 100%
}
.bwf_pp_bar_wrap .bwf_pp_bar.bwf_pp_animate {
position: relative
}
.bwf_pp_animate:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
z-index: 1;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px;
-webkit-animation: bwf-move 2s linear infinite;
-moz-animation: bwf-move 2s linear infinite
}
.bwf_pp_opt_head {
font-size: 32px;
font-weight: 700;
color: #000;
text-align: center;
margin-bottom: 15px;
line-height: 1.3
}
.bwf_pp_opt_sub_head {
float: left;
width: 100%;
text-align: center;
font-size: 20px;
font-style: italic;
font-weight: 600;
margin-bottom: 15px;
color: #000;
line-height: 1.3
}
.bwf_pp_footer {
clear: both;
color: #858585;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
text-align: center;
padding-top: 10px
}
.bwf_pp_opt_head:empty, .bwf_pp_opt_sub_head:empty, .bwf_pp_footer:empty {
display: none
}
.bwf_pp_wrap {
margin: 70px auto !important;
padding: 0;
background: #fff;
max-width: 600px;
position: relative
}
.bwf_pp_close {
position: absolute;
top: -12px;
right: -12px;
font-weight: 700;
font-family: Serif;
text-decoration: none;
border: none;
font-size: 25px;
width: 25px;
height: 25px;
text-align: center;
color: #fff;
background: #777;
cursor: pointer;
z-index: 99;
line-height: 1;
border-radius: 50%;
padding: 0;
margin: 0;
box-sizing: border-box
}
.bwf_pp_close:hover, .bwf_pp_close:focus {
color: #fff;
text-decoration: none
}
.bwf_pp_cont {
max-height: 600px;
overflow-y: auto;
overflow-x: hidden;
padding: 20px;
}
.bwf_clear {
clear: both
}
.wffn-custom-optin-from {
display: block;
width: 100%;
margin: 0
}
.wffn-custom-optin-from .wfop_section > p {
clear: both;
}
.wffn-custom-optin-from .bwfac_form_sec.submit_button {
float: none;
clear: both;
}
.bwfac_form_sec.submit_button {
margin-bottom: 0 !important
}
.bwfac_forms_outer br {
display: none
}
.bwfac_form_sec {
float: left;
width: 100%;
display: block;
margin-bottom: 17px;
padding: 0 8px;
position: relative;
box-sizing: border-box
}
.bwfac_form_sec label {
width: 100%
}
.bwfac_form_sec > label {
margin-bottom: 8px;
display: inherit
}
.bwfac_form_sec label > span {
color: red;
font-weight: 700;
padding-left: 4px
}
.bwfac_form_sec.wffn-sm-50 {
width: 50%
}
.bwfac_form_sec.wffn-sm-33 {
width: 33.33%
}
.bwfac_form_sec.wffn-sm-67 {
width: 66.67%
}
.bwfac_form_sec.wffn-sm-100 {
float: none;
clear: both
}
.bwfac_form_sec.wffn-sm-100:after {
display: block;
clear: both;
content: ""
}
.bwfac_form_sec textarea {
min-height: 100px
}
.bwfac_form_sec.bwfac_form_field_radio[data-style="horizontal"] > label {
width: auto;
margin-right: 15px
}
.bwfac_form_sec input[type="text"], .bwfac_form_sec input[type="number"], .bwfac_form_sec input[type="email"], .bwfac_form_sec input[type="tel"], .bwfac_form_sec select, .bwfac_form_sec textarea {
width: 100%;
margin: 0;
border: 1px solid #e1e1e1;
font-weight: 600;
color: #000;
box-sizing: border-box;
box-shadow: none
}
.bwfac_forms_outer.wfop_hide_label .bwfac_form_sec:not(.bwfac_form_field_radio):not(.wfop_radios) > label {
display: none
}
.bwfac_form_sec input, .bwfac_form_sec select, .bwfac_form_sec textarea {
position: relative;
overflow: hidden;
background-color: #fff;
border: 1px solid #d3d3d3;
border-radius: 4px;
box-sizing: border-box;
color: #333;
outline: none;
padding: 6px 15px;
font-size: 15px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
cursor: text
}
.bwfac_form_sec input:focus, .bwfac_form_sec select:focus, .bwfac_form_sec textarea:focus {
border-color: #61bdf7 !important;
}
.bwfac_forms_outer[data-field-size="small"] .bwfac_form_sec input:not(.wfop_submit_btn), .bwfac_forms_outer[data-field-size="small"] .bwfac_form_sec select, .bwfac_forms_outer[data-field-size="small"] .bwfac_form_sec textarea {
padding: 6px 15px
}
.bwfac_forms_outer[data-field-size="med"] .bwfac_form_sec input:not(.wfop_submit_btn), .bwfac_forms_outer[data-field-size="med"] .bwfac_form_sec select, .bwfac_forms_outer[data-field-size="med"] .bwfac_form_sec textarea {
padding: 9px 15px
}
.bwfac_forms_outer[data-field-size="large"] .bwfac_form_sec input:not(.wfop_submit_btn), .bwfac_forms_outer[data-field-size="large"] .bwfac_form_sec select, .bwfac_forms_outer[data-field-size="large"] .bwfac_form_sec textarea {
padding: 12px 15px
}
.bwfac_forms_outer[data-field-size="e_large"] .bwfac_form_sec input:not(.wfop_submit_btn), .bwfac_forms_outer[data-field-size="e_large"] .bwfac_form_sec select, .bwfac_forms_outer[data-field-size="e_large"] .bwfac_form_sec textarea {
padding: 15px
}
.bwfac_forms_outer input::placeholder {
opacity: 0.7
}
.bwfac_forms_outer input[type="radio"], .bwfac_forms_outer input[type="checkbox"] {
opacity: 0 !important;
position: absolute !important
}
.bwfac_forms_outer input[type="radio"] + label, .bwfac_forms_outer input[type="checkbox"] + label {
padding-left: 28px;
line-height: 18px;
height: 18px
}
.bwfac_forms_outer input[type="radio"] + label{
height: auto
}
.bwfac_forms_outer input[type="radio"] {
border-radius: 50%
}
.bwfac_forms_outer [type="radio"] + label {
position: relative;
padding-left: 0;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666
}
.bwfac_forms_outer [type="radio"] + label:before {
z-index: 1;
content: '';
position: absolute;
left: 0;
width: 18px;
height: 18px;
border: 1px solid #ddd;
border-radius: 100%;
background: #fff;
top: 50%;
transform: translateY(-50%);
}
.bwfac_forms_outer [type="radio"] + label:after {
content: '';
width: 12px;
height: 12px;
background: #0073AA;
position: absolute;
left: 3px;
border-radius: 100%;
-webkit-transition: all .2s ease;
transition: all .2s ease;
z-index: 2;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
top: 50%;
transform: translateY(-50%);
}
.bwfac_forms_outer [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
.bwfac_forms_outer [type="checkbox"] + label {
position: relative;
padding-left: 0;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666
}
.bwfac_forms_outer [type="checkbox"] + label:before {
content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%…9.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E);
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #ddd;
border-radius: 2px;
background: #fff
}
.bwfac_forms_outer [type="checkbox"] + label:after {
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E");
width: 24px;
height: 20px;
background: transparent;
position: absolute;
top: -3px;
left: -4px;
border-radius: 100%;
-webkit-transition: all .2s ease;
transition: all .2s ease;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
z-index: 2
}
.bwfac_forms_outer [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
.bwfac_forms_outer input[type="radio"] + label:before, .bwfac_forms_outer input[type="radio"] + label:after, .bwfac_forms_outer [type="checkbox"] + label:before, .bwfac_forms_outer [type="checkbox"] + label:after {
box-sizing: border-box
}
.bwfac_forms_outer.wffn-optin-form .bwfac_form_sec.bwfac_error input, .bwfac_forms_outer.wffn-optin-form .bwfac_form_sec.bwfac_error textarea {
border-color: #c00 !important;
outline: none
}
.bwfac_error .error {
display: block;
font-size: 12px;
line-height: 18px;
padding: 0 5px;
color: red
}
.bwfac_forms_outer .wfop_submit_btn {
color: #fff;
font-size: 24px;
line-height: 1.4;
background-color: #FBA506;
border-radius: 4px;
margin: 0;
padding: 14px 25px;
box-shadow: none;
outline: 0;
border: 0;
cursor: pointer;
max-width: 100%;
text-align: center
}
.bwfac_forms_outer .wfop_submit_btn:hover {
background-color: #E69500
}
.bwfac_forms_outer .wfop_submit_btn[data-size="small"] {
padding: 10px 25px
}
.bwfac_forms_outer .wfop_submit_btn[data-size="large"] {
padding: 18px 25px
}
.bwfac_forms_outer .wfop_submit_btn[data-size="e_large"] {
padding: 22px 25px
}
.bwfac_forms_outer.wfop-custom-form .bwfac_form_sec .wfop_submit_btn[data-size="small"] {
padding: 10px 25px !important;
}
.bwfac_forms_outer.wfop-custom-form .bwfac_form_sec .wfop_submit_btn[data-size="large"] {
padding: 18px 25px !important;
}
.bwfac_forms_outer.wfop-custom-form .bwfac_form_sec .wfop_submit_btn[data-size="e_large"] {
padding: 22px 25px !important;
}
.bwfac_forms_outer.wfop-custom-form .bwfac_form_sec .wfop_submit_btn[data-size="med"] {
padding: 14px 25px !important;
}
.bwf_pp_overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.75) !important;
visibility: hidden;
opacity: 1;
z-index: 2147483649;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out
}
.bwf_pp_overlay.show_popup_form {
visibility: visible;
opacity: 1
}
.bwf_pp_effect_slide-down .bwf_pp_wrap, .bwf_pp_effect_slide-up .bwf_pp_wrap {
transition: all .6s ease-in-out, opacity .2s ease .6s;
visibility: hidden;
opacity: 1
}
.bwf_pp_effect_slide-down .bwf_pp_wrap {
-webkit-transform: translate(0, -250%);
transform: translate(0, -250%)
}
.bwf_pp_effect_slide-down.show_popup_form .bwf_pp_wrap {
visibility: visible;
opacity: 1;
-webkit-transform: translate(0, 0%);
transform: translate(0, 0%)
}
.bwf_pp_effect_slide-up .bwf_pp_wrap {
-webkit-transform: translate(0, 250%);
transform: translate(0, 250%)
}
.bwf_pp_effect_slide-up.show_popup_form .bwf_pp_wrap {
visibility: visible;
opacity: 1;
-webkit-transform: translate(0, 0%);
transform: translate(0, 0%)
}
.bwf_pp_effect_fade .bwf_pp_wrap {
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
visibility: hidden;
opacity: 0
}
.bwf_pp_effect_fade.show_popup_form .bwf_pp_wrap {
visibility: visible;
opacity: 1
}
.bwfac_form_sec .phone_flag_code {
position: relative
}
.bwfac_form_sec .phone_flag_code input[type="tel"]:not(.wfop_hide_flag) {
padding-left: 90px !important
}
.bwfac_form_sec .phone_flag_code .phone_flag_code_list {
display: none
}
.bwfac_form_sec .phone_flag_code .flag_cont {
position: absolute;
top: 0;
bottom: 0;
right: auto;
padding: 1px
}
.bwfac_form_sec .phone_flag_code .flag_top {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
width: 34px;
padding: 0 2px 0 12px;
cursor: pointer
}
.bwfac_form_sec .phone_flag_code .flag_top .iti__arrow {
position: absolute !important;
z-index: 99 !important;
top: 50% !important;
margin: -2px 0 0 28px !important
}
.bwfac_form_sec .phone_flag_code .iti.iti--container {
position: absolute !important;
top: 50px !important;
left: 0 !important;
min-height: 200px !important;
min-width: 185px !important;
}
.bwfac_form_sec .phone_flag_code .iti__country-list {
position: absolute;
z-index: 4;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: #fff;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
min-width: 285px !important;
-webkit-overflow-scrolling: touch;
}
.bwfac_form_sec .phone_flag_code .iti__country-list .iti__country {
cursor: pointer
}
.bwfac_form_sec .phone_flag_code .flag_top.arrow_up .iti__arrow.flag-dropdown-icon {
transform: rotate(180deg)
}
.bwf_pp_cont::-webkit-scrollbar {
width: 6px
}
.bwf_pp_cont::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}
.bwf_pp_cont::-webkit-scrollbar-thumb {
background-color: #999;
outline: none
}
.bwf-custom-button a {
display: inline-block;
text-decoration: none;
color: #fff;
background: #1b30e4;
padding: 10px 20px;
border-radius: 4px;
font-size: 18px;
line-height: 1;
fill: #fff;
}
.bwf-custom-button a:hover {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.22), 0 233px 233px 0 rgba(255, 255, 255, 0.12) inset
}
.bwf-custom-button span:empty {
display: none
}
.bwf-custom-button span.bwf_subheading {
margin: 0;
font-size: 15px;
line-height: 1.5;
color: #fff;
display: block
}
.bwf-custom-button span.bwf-text-wrapper {
display: block
}
.wfop_popup_wrapper .bwf-custom-button span.bwf-text-wrapper span.et-pb-icon.right,
.wfop_popup_wrapper .bwf-custom-button span.bwf-text-wrapper span.bwf_icon.right {
float: right
}
.bwf-custom-button span.bwf-text-wrapper:after {
clear: both
}
.bwf-custom-button span.bwf-text-wrapper:after, .bwf-custom-button span.bwf-text-wrapper:before {
content: '';
display: block
}
.bwf-custom-button span.bwf-text-wrapper span.bwf_icon.right {
margin-left: 5px
}
.bwf-custom-button span.bwf-text-wrapper span.bwf_icon.left {
margin-right: 5px
}
.wfop_popup_wrapper .bwf-custom-button span.bwf-text-wrapper {
display: inline-block;
}
.elementor-element .wfop_popup_wrapper .bwf-custom-button span.bwf-text-wrapper span.bwf_icon, .elementor-element .wfop_popup_wrapper .bwf-custom-button span.bwf-text-wrapper span.bwf_icon svg {
height: 1em;
}
.elementor-element .wfop_popup_wrapper .bwf-custom-button span.bwf-text-wrapper span.et-pb-icon.right, .elementor-element .wfop_popup_wrapper .bwf-custom-button span.bwf-text-wrapper span.bwf_icon.right{
order: 2;
}
.elementor-element .wfop_popup_wrapper .bwf-custom-button span.bwf-text-wrapper span.bwf_icon svg {
line-height: 1.8em;
}
.elementor-element .wfop_popup_wrapper .bwf-custom-button span.bwf-text-wrapper {
display: flex;
justify-content: center;
}
.bwfac_form_sec .submit_text {
display: block
}
.bwf_pp_overlay .pp-bar-text-wrapper {
text-align: center;
}
.bwf_pp_overlay .pp-bar-text-wrapper {
display: none;
}
.woofunnels_page_wf-op .wfop_form_preview_wrap .pp-bar-text-wrapper {
display: none;
}
.bwf_pp_cont .bwf_pp_bar_wrap {
box-sizing: unset !important;
}
#et-boc .bwf_pp_cont {
max-height: 600px;
overflow-y: auto;
overflow-x: hidden;
padding: 20px;
background: #fff;
} .wffn-custom-optin-from.wffn-form-overlay .wfop_section:before {
position: absolute;
content: '';
background: #fff;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 999;
opacity: .5;
}
.wffn-custom-optin-from.wffn-form-overlay .wfop_section {
position: relative;
}
.wffn-custom-optin-from.wffn-form-overlay .wfop_section:after {
display: block;
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
border-radius: 50%;
border: 1px solid #827e7e;
border-top-color: #000000;
animation: spinner .6s linear infinite;
}
.wffn-custom-optin-from.wffn-form-overlay button[disabled] {
pointer-events: none;
}
@keyframes spinner {
to {
transform: rotate(360deg);
}
}
@media only screen and (max-width: 768px) {
.bwfac_form_sec input, .bwfac_form_sec select, .bwfac_form_sec textarea {
padding: 6px 12px
}
.bwf_pp_wrap {
width: 90%
}
.bwf_pp_cont {
height: 100vh;
}
.wffn-page-template .iti.iti--container {
z-index: 2147483649;
}
}
@media only screen and (max-width: 480px) {
.bwfac_form_sec.wffn-sm-50, .bwfac_form_sec.wffn-sm-33, .bwfac_form_sec.wffn-sm-67 {
width: 100%
}
.bwf_pp_overlay .bwf_pp_cont {
padding: 15px
}
}
@-webkit-keyframes bwf-move {
0% {
background-position: 0 0
}
100% {
background-position: 50px 50px
}
}
@-moz-keyframes bwf-move {
0% {
background-position: 0 0
}
100% {
background-position: 50px 50px
}
}
.elementor-widget-wffn-optin-popup .bwf_pp_overlay .pp-bar-text {
font-weight: 600 !important
}
.rtl .bwfac_forms_outer [type="checkbox"] + label:before, .rtl .bwfac_forms_outer [type="radio"] + label:before {
right: 0;
}
.rtl .bwfac_forms_outer [type="checkbox"] + label:after {
right: -2px;
}
.rtl .bwfac_forms_outer [type="radio"] + label:after {
right: 3px;
}
.rtl .bwfac_forms_outer input[type="radio"] + label, .rtl .bwfac_forms_outer input[type="checkbox"] + label {
padding-left: 0;
padding-right: 28px;
}
.rtl .bwfac_form_sec.bwfac_form_field_radio[data-style="horizontal"] > label {
margin-right: 0;
margin-left: 15px;
} .wffn-optin-input[type='date'] {
min-height: 44px;
-webkit-appearance: none
}