@charset "UTF-8";
.with_frm_style{
--form-width:100%;--form-align:left;--direction:ltr;--fieldset:0px;--fieldset-color:#000000;--fieldset-padding:0 0 15px 0;--fieldset-bg-color:transparent;--title-size:40px;--title-color:#444444;--title-margin-top:10px;--title-margin-bottom:60px;--form-desc-size:14px;--form-desc-color:#666666;--form-desc-margin-top:10px;--form-desc-margin-bottom:25px;--form-desc-padding:0;--font-size:15px;--label-color:#3f4b5b;--weight:normal;--position:none;--align:left;--width:150px;--required-color:#B94A48;--required-weight:bold;--label-padding:0 0 3px 0;--description-font-size:12px;--description-color:#666666;--description-weight:normal;--description-style:normal;--description-align:left;--description-margin:0;--field-font-size:14px;--field-height:32px;--line-height:32px;--field-width:100%;--auto-width:100%;--field-pad:6px 10px;--field-margin:20px;--field-weight:normal;--text-color:#555555;--border-color:#BFC3C8;--field-border-width:1px;--field-border-style:solid;--bg-color:#ffffff;--bg-color-active:#ffffff;--border-color-active:#66afe9;--text-color-error:#444444;--bg-color-error:#ffffff;--border-color-error:#B94A48;--border-width-error:1px;--border-style-error:solid;--bg-color-disabled:#ffffff;--border-color-disabled:#E5E5E5;--text-color-disabled:#A1A1A1;--radio-align:block;--check-align:block;--check-font-size:13px;--check-label-color:#444444;--check-weight:normal;--section-font-size:18px;--section-color:#444444;--section-weight:bold;--section-pad:15px 0 3px 0;--section-mar-top:15px;--section-mar-bottom:30px;--section-bg-color:transparent;--section-border-color:#e8e8e8;--section-border-width:2px;--section-border-style:solid;--section-border-loc:-top;--collapse-pos:after;--repeat-icon-color:#ffffff;--submit-font-size:15px;--submit-width:auto;--submit-height:auto;--submit-bg-color:#579AF6;--submit-border-color:#579AF6;--submit-border-width:1px;--submit-text-color:#ffffff;--submit-weight:normal;--submit-border-radius:4px;--submit-margin:10px;--submit-padding:10px 20px;--submit-shadow-color:#eeeeee;--submit-hover-bg-color:#efefef;--submit-hover-color:#444444;--submit-hover-border-color:#cccccc;--submit-active-bg-color:#efefef;--submit-active-color:#444444;--submit-active-border-color:#cccccc;--border-radius:4px;--error-bg:#F2DEDE;--error-border:#EBCCD1;--error-text:#B94A48;--error-font-size:14px;--success-bg-color:#DFF0D8;--success-border-color:#D6E9C6;--success-text-color:#468847;--success-font-size:14px;--progress-bg-color:#eaeaea;--progress-color:#3f4b5b;--progress-active-bg-color:#579AF6;--progress-active-color:#ffffff;--progress-border-color:#E5E5E5;--progress-border-size:2px;--progress-size:24px;--use-base-font-size:;--base-font-size:15px;--field-shape-type:rounded-corner;--toggle-font-size:15px;--toggle-on-color:#579AF6;--toggle-off-color:#eaeaea;--slider-font-size:14px;--slider-track-size:8px;--slider-circle-size:24px;--slider-color:#579AF6;--slider-bar-color:#eaeaea;--date-head-bg-color:#ffffff;--date-head-color:#555555;--date-band-color:#ECF5FF;--bg-image-opacity:100%;--box-shadow:0 1px 2px 0 rgba(18, 18, 23, 0.05);}
.frm_hidden,
.frm_add_form_row.frm_hidden,
.frm_remove_form_row.frm_hidden,
.with_frm_style .frm_button.frm_hidden{
display:none;
}
.with_frm_style,
.with_frm_style form,
.with_frm_style .frm-show-form div.frm_description p{
text-align: var(--form-align);
} input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px white inset;
} .with_frm_style .frm-show-form div.frm_description p{
font-size: var(--form-desc-size);
color: var(--form-desc-color);
margin-top: var(--form-desc-margin-top);
margin-bottom: var(--form-desc-margin-bottom);
padding: var(--form-desc-padding);
}
form .frm__6540d08c4bc70 {
overflow: hidden;
width: 0;
height: 0;
position: absolute;
}
.with_frm_style fieldset{
min-width:0;
display: block; }
.with_frm_style fieldset fieldset{
border:none;
margin:0;
padding:0;
background-color:transparent;
}
.with_frm_style .frm_form_fields > fieldset{
border-width: var(--fieldset);
border-style:solid;
border-color: var(--fieldset-color);
margin:0;
padding: var(--fieldset-padding);
background-color: var(--fieldset-bg-color);
}
legend.frm_hidden{
display:none !important;
}
.with_frm_style .frm_form_fields{
opacity:1;
transition: opacity 0.1s linear;
}
.with_frm_style .frm_doing_ajax{
opacity:.5;
}
.frm_transparent{
color:transparent;
}
.with_frm_style legend + h3,
.with_frm_style h3.frm_form_title{
font-size: var(--title-size);
color: var(--title-color);
margin-top: var(--title-margin-top);
margin-bottom: var(--title-margin-bottom);
}
.with_frm_style .frm_form_field.frm_html_container,
.with_frm_style .frm_form_field .frm_show_it{
color: var(--form-desc-color);
}
.with_frm_style .frm_form_field.frm_html_container{
font-size: var(--form-desc-size);
}
.with_frm_style .frm_form_field .frm_show_it{
font-size: var(--field-font-size);
font-weight: var(--field-weight);
}
.with_frm_style .frm_required {
color: var(--required-color);
font-weight: var(--required-weight);
}
.with_frm_style input[type=text],
.with_frm_style input[type=password],
.with_frm_style input[type=email],
.with_frm_style input[type=number],
.with_frm_style input[type=url],
.with_frm_style input[type=tel],
.with_frm_style input[type=search],
.with_frm_style select,
.with_frm_style textarea,
.with_frm_style .frm-card-element.StripeElement {
font-family:var(--font);
font-size: var(--field-font-size);
margin-bottom:0;
}
.with_frm_style textarea{
vertical-align:top;
height:auto;
}
.with_frm_style input[type=text],
.with_frm_style input[type=password],
.with_frm_style input[type=email],
.with_frm_style input[type=number],
.with_frm_style input[type=url],
.with_frm_style input[type=tel],
.with_frm_style input[type=phone],
.with_frm_style input[type=search],
.with_frm_style select,
.with_frm_style textarea,
.frm_form_fields_style,
.with_frm_style .frm_scroll_box .frm_opt_container,
.frm_form_fields_active_style,
.frm_form_fields_error_style,
.with_frm_style .frm-card-element.StripeElement,
.with_frm_style .frm_slimselect.ss-main {
color: var(--text-color);
background-color: var(--bg-color);
border-color: var(--border-color);
border-width: var(--field-border-width);
border-style: var(--field-border-style);
border-radius: var(--border-radius);
width: var(--field-width);
max-width: 100%;
font-size: var(--field-font-size);
padding: var(--field-pad);
box-sizing: border-box;
outline: none;
font-weight: var(--field-weight);
}
.with_frm_style select option {
color: var(--text-color);
}
.with_frm_style select option.frm-select-placeholder {
color: var(--text-color-disabled);
}
.with_frm_style input[type=radio],
.with_frm_style input[type=checkbox]{
border-color: var(--border-color);
box-shadow: var(--box-shadow);
float: none;
}
.with_frm_style input[type=radio]:after,
.with_frm_style input[type=checkbox]:after {
display: none; }
.with_frm_style input[type=radio]:not(:checked):focus,
.with_frm_style input[type=checkbox]:not(:checked):focus {
border-color: var(--border-color) !important;
}
.with_frm_style input[type=radio]:focus,
.with_frm_style input[type=checkbox]:focus {
box-shadow:0px 0px 0px 3px rgba(102,175,233, 0.4) !important;
}
.with_frm_style input[type=text],
.with_frm_style input[type=password],
.with_frm_style input[type=email],
.with_frm_style input[type=number],
.with_frm_style input[type=url],
.with_frm_style input[type=tel],
.with_frm_style input[type=file],
.with_frm_style input[type=search],
.with_frm_style select,
.with_frm_style .frm-card-element.StripeElement{
min-height: var(--field-height);
line-height:1.3;
}
.with_frm_style select[multiple=multiple]{
height:auto;
}
.input[type=file].frm_transparent:focus,
.with_frm_style input[type=file]{
background-color:transparent;
border:none;
outline:none;
box-shadow:none;
}
.with_frm_style input[type=file]{
color: var(--text-color);
padding: 0px;
font-size: var(--field-font-size);
display: initial;
}
.with_frm_style input[type=file].frm_transparent{
color:transparent;
}
.with_frm_style .wp-editor-wrap{
width: var(--field-width);
max-width:100%;
}
.with_frm_style .wp-editor-container textarea{
border:none;
box-shadow:none !important;
}
.with_frm_style .mceIframeContainer{
background-color: var(--bg-color);
}
.with_frm_style select{
width: var(--auto-width);
max-width:100%;
background-position-y: calc(50% + 3px);
}
.with_frm_style input[disabled],
.with_frm_style select[disabled],
.with_frm_style textarea[disabled],
.with_frm_style input[readonly],
.with_frm_style select[readonly],
.with_frm_style textarea[readonly] {
background-color: var(--bg-color-disabled);
color: var(--text-color-disabled);
border-color: var(--border-color-disabled);
}
.frm_preview_page:before{
content:normal !important;
}
.frm_preview_page{
padding:25px;
}
.with_frm_style .frm_primary_label{
max-width:100%;
font-size: var(--font-size);
color: var(--label-color);
font-weight: var(--weight);
text-align: var(--align);
padding: var(--label-padding);
margin:0;
width:auto;
display:block;
}
.with_frm_style .frm_top_container .frm_primary_label,
.with_frm_style .frm_hidden_container .frm_primary_label,
.with_frm_style .frm_pos_top{
display:block;
float:none;
width:auto;
}
.with_frm_style .frm_inline_container .frm_primary_label{
margin-right:10px;
}
.with_frm_style .frm_right_container .frm_primary_label,
.with_frm_style .frm_pos_right{
display:inline;
float:right;
margin-left:10px;
}
.with_frm_style .frm_pos_center {
text-align: center;
}
.with_frm_style .frm_none_container .frm_primary_label,
.with_frm_style .frm_pos_none,
.frm_pos_none,
.frm_none_container .frm_primary_label{
display:none;
}
.with_frm_style .frm_section_heading.frm_hide_section{
margin-top:0 !important;
}
.with_frm_style .frm_hidden_container .frm_primary_label,
.with_frm_style .frm_pos_hidden,
.frm_hidden_container .frm_primary_label{
visibility:hidden;
white-space:nowrap;
}
.frm_visible{
opacity:1;
} .with_frm_style .frm_inside_container {
position: relative;
padding-top: 18px;
padding-top: calc(0.5 * var(--field-height));
}
.with_frm_style .frm_inside_container > input,
.with_frm_style .frm_inside_container > select,
.with_frm_style .frm_inside_container > textarea {
display: block;
} .with_frm_style input::placeholder,
.with_frm_style textarea::placeholder {
font-size: var(--field-font-size);
}
.with_frm_style .frm_inside_container > input::-moz-placeholder,
.with_frm_style .frm_inside_container > textarea::-moz-placeholder {
opacity: 0 !important;
transition: opacity 0.3s ease-in;
}
.with_frm_style .frm_inside_container > input:-ms-input-placeholder,
.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease-in;
}
.with_frm_style .frm_inside_container > input::placeholder,
.with_frm_style .frm_inside_container > textarea::placeholder {
opacity: 0;
transition: opacity 0.3s ease-in;
}
.with_frm_style .frm_inside_container > label {
transition: all 0.3s ease-in;
position: absolute;
top: 19px;
top: calc(1px + .5 * var(--field-height));
left: 3px;
width: 100%;
line-height: 1.3;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding: 8px 12px;
padding: var(--field-pad);
font-size: 14px;
font-size: var(--field-font-size);
font-weight: normal;
font-weight: var(--field-weight);
pointer-events: none;
}
.with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label {
line-height: 1;
}
.with_frm_style .frm_inside_container.frm_label_float_top > label {
top: 0;
left: 0;
padding: 0;
font-size: 12px;
font-size: calc(0.85 * var(--field-font-size));
} .with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder,
.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder {
opacity: 1 !important;
transition: opacity 0.3s ease-in;
}
.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder,
.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder {
opacity: 1;
transition: opacity 0.3s ease-in;
}
.with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
.with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
opacity: 1;
transition: opacity 0.3s ease-in;
} .with_frm_style .frm_description,
.with_frm_style .frm_pro_max_limit_desc{
clear:both;
}
.with_frm_style input[type=number][readonly]{
-moz-appearance: textfield;
}
.with_frm_style select[multiple="multiple"]{
height:auto;
line-height:normal;
}
.with_frm_style .frm_catlevel_2,
.with_frm_style .frm_catlevel_3,
.with_frm_style .frm_catlevel_4,
.with_frm_style .frm_catlevel_5{
margin-left:18px;
}
.with_frm_style .wp-editor-container{
border:1px solid #e5e5e5;
}
.with_frm_style .quicktags-toolbar input{
font-size:12px !important;
}
.with_frm_style .wp-editor-container textarea{
border:none;
}
.with_frm_style .auto_width #loginform input,
.with_frm_style .auto_width input,
.with_frm_style input.auto_width,
.with_frm_style select.auto_width,
.with_frm_style textarea.auto_width{
width:auto;
}
.with_frm_style .frm_repeat_buttons{
white-space:nowrap;
}
.with_frm_style .frm_button{
text-decoration:none !important;;
border:1px solid #eee;
display:inline-block;
padding: var(--submit-padding);
border-radius:4px;
border-radius:var(--border-radius);
font-size: var(--submit-font-size);
font-weight: var(--submit-weight);
color: var(--submit-text-color);
background: var(--submit-bg-color);
border-width: var(--submit-border-width);
border-color: var(--submit-border-color);
height: var(--submit-height);
}
.with_frm_style .frm_button.frm_inverse{
color:var(--submit-bg-color);
background:var(--submit-text-color);
}
.with_frm_style .frm_submit{
clear:both;
}
.frm_inline_form .frm_form_field,
.frm_inline_form .frm_submit{
grid-column: span 1 / span 1;
}
.frm_inline_form .frm_submit{
margin:0;
}
.frm_submit.frm_inline_submit input[type=submit],
.frm_submit.frm_inline_submit button,
.frm_inline_form .frm_submit input[type=submit],
.frm_inline_form .frm_submit button{
margin-top:0;
}
.with_frm_style.frm_center_submit .frm_submit{
text-align:center;
}
.with_frm_style.frm_center_submit .frm_flex.frm_submit {
justify-content: center;
}
.with_frm_style .frm_inline_success .frm_submit{
display: flex;
flex-direction: row;
align-items: center;
margin: 0;
}
.with_frm_style .frm_inline_success .frm_submit .frm_message{
flex: 1;
margin: 0;
padding-left: 10px;
}
.with_frm_style .frm_inline_success.frm_alignright_success .frm_submit .frm_message{
text-align: right;
}
.with_frm_style.frm_center_submit .frm_submit input[type=submit],
.with_frm_style.frm_center_submit .frm_submit input[type=button],
.with_frm_style.frm_center_submit .frm_submit button{
margin-bottom:8px !important;
}
.with_frm_style .frm-edit-page-btn,
.with_frm_style .frm_submit input[type=submit],
.with_frm_style .frm_submit input[type=button],
.with_frm_style .frm_submit button{
-webkit-appearance: none;
cursor: pointer;
}
.with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{
display: block;
margin: 0 auto;
}
.with_frm_style .frm_loading_prev .frm_ajax_loading,
.with_frm_style .frm_loading_form .frm_ajax_loading{ visibility:visible !important;
}
.with_frm_style .frm_loading_prev .frm_prev_page,
.with_frm_style .frm_loading_form .frm_button_submit {
position: relative;
color: transparent !important;
text-shadow: none !important;
}
.with_frm_style .frm_loading_prev .frm_prev_page:hover,
.with_frm_style .frm_loading_prev .frm_prev_page:active,
.with_frm_style .frm_loading_prev .frm_prev_page:focus,
.with_frm_style .frm_loading_form .frm_button_submit:hover,
.with_frm_style .frm_loading_form .frm_button_submit:active,
.with_frm_style .frm_loading_form .frm_button_submit:focus {
cursor: not-allowed;
color: transparent;
outline: none !important;
box-shadow: none;
}
.with_frm_style .frm_loading_prev .frm_prev_page::before,
.with_frm_style .frm_loading_form .frm_button_submit:before {
content: '';
display: inline-block;
position: absolute;
background: transparent;
border: 1px solid #fff;
border-top-color: transparent;
border-left-color: transparent;
border-radius: 50%;
box-sizing: border-box;
top: 50%;
left: 50%;
margin-top: -6px;
margin-left: -6px;
width: 12px;
height: 12px;
animation: spin 2s linear infinite;
}
.with_frm_style .frm_submit.frm_flex {
align-items: center;
gap: 2%;
}
.with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page {
order: -1;
}
.frm_style_style-formidable.with_frm_style{
}
.frm_forms.frm_style_style-formidable.with_frm_style{
max-width:100%;
direction:ltr;
}
.frm_style_style-formidable.with_frm_style .form-field{
margin-bottom:20px;
}
.frm_style_style-formidable.with_frm_style .form-field.frm_section_heading{
margin-bottom:0;
}
.frm_style_style-formidable.with_frm_style p.description,
.frm_style_style-formidable.with_frm_style div.description,
.frm_style_style-formidable.with_frm_style div.frm_description,
.frm_style_style-formidable.with_frm_style .frm-show-form > div.frm_description,
.frm_style_style-formidable.with_frm_style .frm_error,
.frm_style_style-formidable.with_frm_style .frm_pro_max_limit_desc{
margin-top: 6px;
padding:0;
font-size:12px;
color:#666666;
font-weight:normal;
text-align:left;
font-style:normal;
max-width:100%;
} .frm_style_style-formidable.with_frm_style .frm_form_field.frm_left_container{
grid-template-columns: 150px auto;
}
.frm_style_style-formidable.with_frm_style .frm_form_field.frm_right_container{
grid-template-columns: auto 150px;
}
.frm_form_field.frm_right_container{
grid-template-columns: auto 25%;
}
.frm_style_style-formidable.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_data_container,
.frm_style_style-formidable.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_opt_container{
display:inline;
}
.frm_style_style-formidable.with_frm_style .frm_pos_right{
display:inline;
width:150px;
}
.frm_style_style-formidable.with_frm_style .frm_none_container .frm_primary_label,
.frm_style_style-formidable.with_frm_style .frm_pos_none{
display:none;
}
.frm_style_style-formidable.with_frm_style .frm_scale label{
font-weight:normal;
font-size:13px;
color:#444444;
} .frm_style_style-formidable.with_frm_style input::placeholder,
.frm_style_style-formidable.with_frm_style textarea::placeholder{
color: #A1A1A1;
}
.frm_style_style-formidable.with_frm_style .frm_default,
.frm_style_style-formidable.with_frm_style input.frm_default,
.frm_style_style-formidable.with_frm_style textarea.frm_default,
.frm_style_style-formidable.with_frm_style select.frm_default,
.frm_style_style-formidable.with_frm_style .placeholder {
color: #A1A1A1;
}
.frm_style_style-formidable.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus,
.frm_style_style-formidable.with_frm_style select:focus,
.frm_style_style-formidable.with_frm_style .form-field textarea:focus,
.frm_style_style-formidable.with_frm_style .frm_focus_field input[type=text],
.frm_style_style-formidable.with_frm_style .frm_focus_field input[type=password],
.frm_style_style-formidable.with_frm_style .frm_focus_field input[type=email],
.frm_style_style-formidable.with_frm_style .frm_focus_field input[type=number],
.frm_style_style-formidable.with_frm_style .frm_focus_field input[type=url],
.frm_style_style-formidable.with_frm_style .frm_focus_field input[type=tel],
.frm_style_style-formidable.with_frm_style .frm_focus_field input[type=search],
.frm_form_fields_active_style,
.frm_style_style-formidable.with_frm_style .frm_focus_field .frm-card-element.StripeElement {
background-color:#ffffff;
border-color:#66afe9;
color: var(--text-color);
box-shadow:0px 0px 5px 0px rgba(102,175,233, 0.6);
}
.frm_style_style-formidable.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message,
.frm_style_style-formidable.with_frm_style input[type=submit],
.frm_style_style-formidable.with_frm_style .frm_submit input[type=button],
.frm_style_style-formidable.with_frm_style .frm_submit button,
.frm_form_submit_style,
.frm_style_style-formidable.with_frm_style .frm-edit-page-btn {
width:auto;
font-size:15px;
height:auto;
line-height:normal;
text-align:center;
background:
#579AF6	;
border-width:1px;
border-color: #579AF6;
border-style:solid;
color:#ffffff;
cursor:pointer;
font-weight:normal;
border-radius:4px;
text-shadow:none;
padding:10px 20px;
box-sizing:border-box;
box-shadow:0 1px 1px #eeeeee;
margin:10px;
margin-left:0;
margin-right:0;
vertical-align:middle;
}
.frm_style_style-formidable.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message{
margin:0;
}
.frm_style_style-formidable.with_frm_style .frm-edit-page-btn:hover,
.frm_style_style-formidable.with_frm_style input[type=submit]:hover,
.frm_style_style-formidable.with_frm_style .frm_submit input[type=button]:hover,
.frm_style_style-formidable.with_frm_style .frm_submit button:hover{
background: #efefef;
border-color: #cccccc;
color: #444444;
}
.frm_style_style-formidable.with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{
margin-bottom:10px;
}
.frm_style_style-formidable.with_frm_style .frm-edit-page-btn:focus,
.frm_style_style-formidable.with_frm_style input[type=submit]:focus,
.frm_style_style-formidable.with_frm_style .frm_submit input[type=button]:focus,
.frm_style_style-formidable.with_frm_style .frm_submit button:focus,
.frm_style_style-formidable.with_frm_style input[type=submit]:active,
.frm_style_style-formidable.with_frm_style .frm_submit input[type=button]:active,
.frm_style_style-formidable.with_frm_style .frm_submit button:active{
background: #efefef;
border-color: #cccccc;
color: #444444;
outline: none;
}
.frm_style_style-formidable.with_frm_style .frm_loading_prev .frm_prev_page,
.frm_style_style-formidable.with_frm_style .frm_loading_prev .frm_prev_page:hover,
.frm_style_style-formidable.with_frm_style .frm_loading_prev .frm_prev_page:active,
.frm_style_style-formidable.with_frm_style .frm_loading_prev .frm_prev_page:focus,
.frm_style_style-formidable.with_frm_style .frm_loading_form .frm_button_submit,
.frm_style_style-formidable.with_frm_style .frm_loading_form .frm_button_submit:hover,
.frm_style_style-formidable.with_frm_style .frm_loading_form .frm_button_submit:active,
.frm_style_style-formidable.with_frm_style .frm_loading_form .frm_button_submit:focus{
color: transparent ;
background: #579AF6;
border-color: #579AF6;
}
.frm_style_style-formidable.with_frm_style .frm_loading_prev .frm_prev_page:before,
.frm_style_style-formidable.with_frm_style .frm_loading_form .frm_button_submit:before {
border-bottom-color: #ffffff;
border-right-color: #ffffff;
}
.frm_style_style-formidable.with_frm_style.frm_inline_top .frm_submit::before,
.frm_style_style-formidable.with_frm_style .frm_submit.frm_inline_submit::before {
content:"before";
font-size:15px;
color:#3f4b5b;
font-weight:normal;
margin:0;
padding:0 0 3px 0;
width:auto;
display:block;
visibility:hidden;
}
.frm_style_style-formidable.with_frm_style.frm_inline_form .frm_submit input,
.frm_style_style-formidable.with_frm_style.frm_inline_form .frm_submit button,
.frm_style_style-formidable.with_frm_style .frm_submit.frm_inline_submit input,
.frm_style_style-formidable.with_frm_style .frm_submit.frm_inline_submit button {
margin: 0 !important;
}
.frm_style_style-formidable.with_frm_style #frm_field_cptch_number_container{
font-size:15px;
color:#3f4b5b;
font-weight:normal;
clear:both;
}
.frm_style_style-formidable.with_frm_style .frm_blank_field input[type=text],
.frm_style_style-formidable.with_frm_style .frm_blank_field input[type=password],
.frm_style_style-formidable.with_frm_style .frm_blank_field input[type=url],
.frm_style_style-formidable.with_frm_style .frm_blank_field input[type=tel],
.frm_style_style-formidable.with_frm_style .frm_blank_field input[type=number],
.frm_style_style-formidable.with_frm_style .frm_blank_field input[type=email],
.frm_style_style-formidable.with_frm_style .frm_blank_field textarea,
.frm_style_style-formidable.with_frm_style .frm_blank_field .mce-edit-area iframe,
.frm_style_style-formidable.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year),
.frm_form_fields_error_style,
.frm_style_style-formidable.with_frm_style .frm_blank_field .frm-g-recaptcha iframe,
.frm_style_style-formidable.with_frm_style .frm_blank_field .g-recaptcha iframe,
.frm_style_style-formidable.with_frm_style .frm_blank_field .frm-card-element.StripeElement,
.frm_style_style-formidable.with_frm_style .frm_form_field :invalid {
color:#444444;
background-color:#ffffff;
border-color:#B94A48;
border-width:var(--border-width-error) ;
border-style:solid;
}
.frm_style_style-formidable.with_frm_style .frm_blank_field .sigWrapper{
border-color:#B94A48 !important;
}
.frm_style_style-formidable.with_frm_style .frm_error,
.frm_style_style-formidable.with_frm_style .frm_limit_error{
font-weight:normal;
color:#444444;
}
.frm_style_style-formidable.with_frm_style .frm_error_style{
background-color:#F2DEDE;
border:1px solid #EBCCD1;
border-radius:4px;
color: #B94A48;
font-size:14px;
margin:0;
margin-bottom:20px;
}
.frm_style_style-formidable.with_frm_style #frm_loading .progress-striped .progress-bar{
background-image:linear-gradient(45deg, #BFC3C8 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #BFC3C8 50%, #BFC3C8 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}
.frm_style_style-formidable.with_frm_style #frm_loading .progress-bar{
background-color:#ffffff;
}
.frm_style_style-formidable.with_frm_style .frm_form_field.frm_total_big input,
.frm_style_style-formidable.with_frm_style .frm_form_field.frm_total_big textarea,
.frm_style_style-formidable.with_frm_style .frm_form_field.frm_total input,
.frm_style_style-formidable.with_frm_style .frm_form_field.frm_total textarea{
color: #555555;
background-color:transparent;
border:none;
display:inline;
width:auto;
padding:0;
}
.frm_style_style-formidable.with_frm_style {
} .frm_style_style-formidable.with_frm_style .frm_inline_box {
box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
} .frm_style_style-formidable.with_frm_style .frm_page_bar .frm_current_page input[type="button"]{
background-color: #eaeaea;
border-color: #E5E5E5;
opacity:1;
}
.frm_style_style-formidable.with_frm_style .frm_progress_line input,
.frm_style_style-formidable.with_frm_style .frm_progress_line input:disabled {
border-color: #E5E5E5;
}
.frm_style_style-formidable.with_frm_style .frm_progress_line.frm_show_lines input {
border-left-color: #d1d1d1;
border-right-color: #d1d1d1;
border-left-width: 1px ;
border-right-width: 1px ;
}
.frm_style_style-formidable.with_frm_style .frm_progress_line li:first-of-type input {
border-left-color: #579AF6;
}
.frm_style_style-formidable.with_frm_style .frm_progress_line li:last-of-type input {
border-right-color: #579AF6;
}
.frm_style_style-formidable.with_frm_style .frm_progress_line li:last-of-type input.frm_page_skip {
border-right-color: #E5E5E5;
}
.frm_style_style-formidable.with_frm_style .frm_progress_line .frm_current_page input[type="button"] {
border-left-color: #E5E5E5;
}
.frm_style_style-formidable.with_frm_style .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] {
border-right-color: #d1d1d1;
}
.frm_style_style-formidable.with_frm_style .frm_progress_line input.frm_page_back {
border-color: #579AF6;
}
.frm_style_style-formidable.with_frm_style .frm_progress_line.frm_show_lines input.frm_page_back{
border-left-color: #579AF6;
border-right-color: #d1d1d1;
}
.frm_style_style-formidable.with_frm_style .frm_rootline input,
.frm_style_style-formidable.with_frm_style .frm_rootline input:hover {
width: 24px;
height: 24px;
border-radius: 24px;
padding: 0;
}
.frm_style_style-formidable.with_frm_style .frm_rootline .frm_current_page input[type="button"],
.frm_style_style-formidable.with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active {
border-color: #4386e2 !important;
background-color: #579AF6 !important;
color: #ffffff !important;
}
.frm_style_style-formidable.with_frm_style .frm_rootline.frm_no_numbers input.frm_rootline_show_more_btn.active {
border-color: #4386e2;
background-color: #579AF6;
color: #ffffff!important;
}
.frm_style_style-formidable.with_frm_style ul.frm_rootline_hidden_steps li:hover .frm_rootline_title {
color: #579AF6;
} .frm_style_style-formidable.with_frm_style input[type=range]::-webkit-slider-thumb {
border: 2px solid #579AF6;
color:#ffffff;}
.frm_style_style-formidable.with_frm_style input[type=range]::-moz-range-thumb {
border: 2px solid #579AF6;
color:#ffffff;}
.frm_style_style-formidable.with_frm_style input[type=range]::-ms-thumb {
border: 2px solid #579AF6;
color:#ffffff;}  .frm_style_style-formidable.with_frm_style input.frm_other_input:not(.frm_other_full){
width:auto ;
}
.frm_style_style-formidable.with_frm_style .frm_checkbox input.frm_other_input:not(.frm_other_full),
.frm_style_style-formidable.with_frm_style .frm_radio input.frm_other_input:not(.frm_other_full){
margin-left:5px;
}
.frm_style_style-formidable.with_frm_style .horizontal_radio input.frm_other_input:not(.frm_other_full):not(.frm_pos_none) {
display:inline-block;
}
.frm_style_style-formidable.with_frm_style .frm_full input.frm_other_input:not(.frm_other_full){
margin-left:0 ;
margin-top:8px;
}  .frm_style_style-formidable.with_frm_style span.frm-pass-verified .frmsvg {
color:#468847;
}
.frm_style_style-formidable.with_frm_style span.frm-pass-req .frmsvg {
color:#B94A48;
}  .frm_style_style-formidable.with_frm_style .frm-show-form  .frm_section_heading h3[class*="frm_pos_"]{
border-top:2px solid #e8e8e8;
}
.frm_style_style-formidable.with_frm_style h3 .frm_after_collapse{
display:inline;
}
.frm_style_style-formidable.with_frm_style h3 .frm_before_collapse{
display:none;
}
.menu-edit #post-body-content .frm_style_style-formidable.with_frm_style .frm_section_heading h3[class*="frm_pos_"]{
margin:0;
}
.frm_style_style-formidable.with_frm_style .frm_section_heading{
margin-top:15px;
}
.frm_style_style-formidable.with_frm_style  .frm-show-form .frm_section_heading .frm_section_spacing,
.menu-edit #post-body-content .frm_style_style-formidable.with_frm_style  .frm-show-form .frm_section_heading .frm_section_spacing{
margin-bottom:30px;
} .frm_style_style-formidable.with_frm_style .frm_single_product_label,
.frm_style_style-formidable.with_frm_style .frm_total_formatted {
font-size:15px;
color:#3f4b5b;
} .frm_style_style-formidable.with_frm_style .ui-datepicker-title > select {
color: #555555;
color: var(--text-color);
background-color: var(--bg-color);
}
.frm_style_style-formidable.with_frm_style .ui-datepicker-month,
.frm_style_style-formidable.with_frm_style .ui-datepicker-year {
color: var(--text-color);
}
.frm_style_style-formidable.with_frm_style span.ui-datepicker-month,
.frm_style_style-formidable.with_frm_style span.ui-datepicker-year {
color: var(--date-head-color);
}
.frm_style_style-formidable.with_frm_style .ui-widget-header,
.frm_style_style-formidable.with_frm_style .ui-datepicker-header {
color: var(--date-head-color) !important;
background-color: var(--date-head-bg-color) !important;
}
.frm_style_style-formidable.with_frm_style .ui-datepicker td, .frm_style_style-formidable.with_frm_style.ui-datepicker td {
border: 0;
border-radius: var(--border-radius);
overflow: hidden;
}
.frm_style_style-formidable.with_frm_style td.ui-datepicker-today {
background-color: var(--date-band-color) !important;
}
.frm_style_style-formidable.with_frm_style td.ui-datepicker-today > a {
color: var(--date-head-color);
}
.frm_style_style-formidable.with_frm_style td.ui-datepicker-current-day,
.frm_style_style-formidable.with_frm_style td.ui-datepicker-current-day .ui-state-hover {
background-color: var(--border-color-active) !important;
}
.frm_style_style-formidable.with_frm_style td.ui-datepicker-current-day .ui-state-default:not(.ui-state-hover) {
color: #fff;
}
.frm_style_style-formidable.with_frm_style td:not(.ui-datepicker-current-day) .ui-state-hover {
color: var(--text-color);
background: #F2F4F7 !important;
}  .frm_style_style-formidable.with_frm_style input[type=submit][disabled],
.frm_style_style-formidable.with_frm_style .frm_submit input[type=button][disabled],
.frm_style_style-formidable.with_frm_style .frm_submit button[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.frm_style_style-formidable.with_frm_style .frm_loading_prev button.frm_prev_page,
.frm_style_style-formidable.with_frm_style .frm_loading_form button.frm_button_submit {
opacity: 1;
} .frm_ajax_loading{
visibility:hidden;
width:auto;
}
.frm_form_submit_style{
height:auto;
}
a.frm_save_draft{
cursor:pointer;
}
.with_frm_style a.frm_save_draft,
.with_frm_style a.frm_start_over{
font-size: var(--submit-font-size);
font-weight: var(--submit-weight);
}
.horizontal_radio .frm_radio{
margin:0 5px 0 0;
}
.horizontal_radio .frm_checkbox{
margin:0;
margin-right:12px;
}
.vertical_radio .frm_checkbox,
.vertical_radio .frm_radio,
.vertical_radio .frm_catlevel_1{
display:block;
}
.horizontal_radio .frm_checkbox,
.horizontal_radio .frm_radio,
.horizontal_radio .frm_catlevel_1{
display:inline-block;
padding-left: 0;
}
.with_frm_style .frm_radio{
display: var(--radio-align);
}
.with_frm_style .frm_checkbox{
display: var(--check-align);
}
.with_frm_style .vertical_radio .frm_checkbox,
.with_frm_style .vertical_radio .frm_radio,
.vertical_radio .frm_catlevel_1{
display:block;
margin-bottom: 10px;
}
.with_frm_style .horizontal_radio .frm_checkbox,
.with_frm_style .horizontal_radio .frm_radio,
.horizontal_radio .frm_catlevel_1{
display:inline-block;
}
.with_frm_style .frm_checkbox label,
.with_frm_style .frm_radio label {
display: inline-block;
vertical-align: middle;
white-space:normal;
}
.with_frm_style .frm_checkbox label input[type=checkbox],
.with_frm_style .frm_radio label input[type=radio] {
margin-right: 4px;
}
.with_frm_style .frm_checkbox label:not(.frm-label-disabled),
.with_frm_style .frm_radio label:not(.frm-label-disabled) {
cursor: pointer;
}
.with_frm_style .vertical_radio .frm_checkbox label,
.with_frm_style .vertical_radio .frm_radio label{
display: block;
width: 100%;
}
.with_frm_style .frm_radio label,
.with_frm_style .frm_checkbox label {
font-size: var(--check-font-size);
color: var(--check-label-color);
font-weight: var(--check-weight);
line-height: 1.3;
}
.with_frm_style .frm_radio input[type=radio],
.with_frm_style .frm_checkbox input[type=checkbox] {
font-size: var(--check-font-size);
position: static;
}
.frm_file_container .frm_file_link,
.with_frm_style .frm_radio label .frm_file_container,
.with_frm_style .frm_checkbox label .frm_file_container{
display:inline-block;
margin:5px;
vertical-align:middle;
}
.with_frm_style .frm_radio input[type=radio]
, .with_frm_style .frm_scale input[type=radio]
{
border-radius:50%;
}
.with_frm_style .frm_checkbox input[type=checkbox]{
border-radius: calc(var(--border-radius) / 2);
}
.with_frm_style .frm_radio input[type=radio],
.with_frm_style .frm_scale input[type=radio],
.with_frm_style .frm_checkbox input[type=checkbox]{
appearance: none;
background-color: var(--bg-color);
flex: none;
display:inline-block !important;
width: 16px !important;
min-width: 16px !important;
height: 16px !important;
color: var(--border-color);
border: 1px solid currentColor;
border-color: var(--border-color);
vertical-align: middle;
position: initial; padding: 0;
margin: 0;
}
.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked,
.frm_forms.with_frm_style .frm_fields_container .frm_scale input[type=radio]:not([disabled]):checked,
.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
border-color: var(--border-color-active) !important;
}
.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
background-color: var(--border-color-active) !important;
}
.with_frm_style .frm_radio input[type=radio][disabled]:checked,
.with_frm_style .frm_scale input[type=radio][disabled]:checked,
.with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked {
border-color: var(--border-color) !important; }
.with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked {
background-color: var(--border-color) !important;
}
.with_frm_style .frm_radio input[type=radio]:checked:before,
.with_frm_style .frm_scale input[type=radio]:checked:before,
.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
position: static !important; content: '';
display: block;
}
.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {
width: 100% !important;
height: 100% !important;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
background-size: 9px !important;
background-repeat: no-repeat !important;
background-position: center !important;
margin: 0;
}
.with_frm_style .frm_scale input[type=radio]:before,
.with_frm_style .frm_radio input[type=radio]:before {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--border-color-active);
margin: 3px;
}
.with_frm_style .frm_scale input[type=radio][disabled]:before,
.with_frm_style .frm_radio input[type=radio][disabled]:before {
background-color: var(--border-color);
}
.with_frm_style :invalid,
.with_frm_style :-moz-ui-invalid{
box-shadow:none;
}
.with_frm_style .frm_error_style img{
padding-right:10px;
vertical-align:middle;
border:none;
}
.with_frm_style .frm_trigger{
cursor:pointer;
}
.with_frm_style .frm_error_style,
.with_frm_style .frm_message,
.frm_success_style{
border-radius:4px;
padding:15px;
}
.with_frm_style .frm_message p {
margin-bottom: 5px;
color: var(--success-text-color);
}
.with_frm_style .frm_message,
.frm_success_style {
margin: 5px 0 15px;
border: 1px solid var(--success-border-color);
background-color: var(--success-bg-color);
color: var(--success-text-color);
border-radius: var(--border-radius);
font-size: var(--success-font-size);
}
.with_frm_style .frm_plain_success .frm_message {
background-color: transparent;
padding:0;
border:none;
font-size:inherit;
color:inherit;
}
.with_frm_style .frm_plain_success .frm_message p {
color:inherit;
}
.frm_form_fields_style,
.frm_form_fields_active_style,
.frm_form_fields_error_style,
.frm_form_submit_style{
width:auto;
}
.with_frm_style .frm_trigger span{
float:left;
}
.with_frm_style table.frm-grid,
#content .with_frm_style table.frm-grid{
border-collapse:collapse;
border:none;
}
.frm-grid td,
.frm-grid th{
padding:5px;
border-width:1px;
border-style:solid;
border-color: var(--border-color);
border-top:none;
border-left:none;
border-right:none;
}
.frm-alt-table {
width:100%;
border-collapse:separate;
margin-top:0.5em;
font-size:15px;
border-width:1px;
}
.with_frm_style .frm-alt-table{
border-color: var(--border-color);
}
.frm-alt-table th {
width:200px;
}
.frm-alt-table tr {
background-color:transparent;
}
.frm-alt-table th,
.frm-alt-table td {
background-color:transparent;
vertical-align:top;
text-align:left;
padding:20px;
border-color:transparent;
}
.frm-alt-table tr:nth-child(even) {
background-color:#ecf0f5;
}
table.form_results.with_frm_style{
border-style: solid;
border-width: var(--field-border-width);
border-color: var(--border-color);
}
table.form_results.with_frm_style tr td{
text-align:left;
padding:7px 9px;
color: var(--text-color);
border-top-style: solid;
border-top-width: var(--field-border-width);
border-top-color: var(--border-color);
}
table.form_results.with_frm_style tr.frm_even,
.frm-grid .frm_even{
background-color:#fff;
background-color:var(--bg-color);
}
table.form_results.with_frm_style tr.frm_odd,
.frm-grid .frm_odd {
background-color: var(--bg-color);
}
.frm_color_block {
background-color:#ecf0f5;
padding: 40px;
}
.with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3,
.frm_color_block.frm_section_heading h3 {
border-width: 0 !important;
}
.frm_collapse .ui-icon{
display:inline-block;
}
.frm_toggle_container{ border:1px solid transparent;
}
.frm_toggle_container ul{
margin:5px 0;
padding-left:0;
list-style-type:none;
}
.frm_toggle_container .frm_month_heading{
text-indent:15px;
}
.frm_toggle_container .frm_month_listing{
margin-left:40px;
}
#frm_loading{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:99999;
}
#frm_loading h3{
font-weight:500;
padding-bottom:15px;
color:#fff;
font-size:24px;
}
#frm_loading_content{
position:fixed;
top:20%;
left:33%;
width:33%;
text-align:center;
padding-top:30px;
font-weight:bold;
z-index:9999999;
}
#frm_loading img{
max-width:100%;
}
#frm_loading .progress{
border-radius:4px;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
height:20px;
margin-bottom:20px;
overflow:hidden;
}
#frm_loading .progress.active .progress-bar{
animation:2s linear 0s normal none infinite progress-bar-stripes;
}
#frm_loading .progress-striped .progress-bar {
background-image: linear-gradient(45deg, var(--border-color) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--border-color) 50%, var(--border-color) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
background-size:40px 40px;
}
#frm_loading .progress-bar {
background-color: var(--bg-color);
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
float: left;
height: 100%;
line-height: 20px;
text-align: center;
transition: width 0.6s ease 0s;
width: 100%;
}
.frm_image_from_url{
height:50px;
}
.frm-loading-img{
background:url(https://theme1.tactilpad.com/wp-content/plugins/formidable/images/ajax_loader.gif) no-repeat center center;
padding:6px 12px;
}
select.frm_loading_lookup{
background-image: url(https://theme1.tactilpad.com/wp-content/plugins/formidable/images/ajax_loader.gif) !important;
background-position: 10px;
background-repeat: no-repeat;
color: transparent !important;
}
.frm_screen_reader {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important; }
.frm_screen_reader.frm_hidden{
display:initial;
}
.frm_clear_none{
clear:none;
}
.frm_clear{
clear:both;
}
.frm_form_field.frm_alignright{
float:right !important;
}
.with_frm_style .frm_form_field{
clear:both;
}
.frm_combo_inputs_container,
.frm_grid_container,
.frm_form_fields .frm_section_heading,
.frm_form_fields .frm_fields_container{
display:grid;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: max-content;
grid-gap: 0 2%;
}
.frm_combo_inputs_container > *,
.frm_grid_container > *,
.frm_section_heading > *,
.frm_fields_container .frm_form_field,
.frm_fields_container > *{
grid-column: span 12 / span 12;
}
.frm_inline,
.frm_form_field.frm_left_inline,
.frm_form_field.frm_first_inline,
.frm_form_field.frm_inline,
.frm_submit.frm_inline,
.frm_form_field.frm_right_inline,
.frm_form_field.frm_last_inline{
width:auto;
grid-column: span 2 / span 2;
}
.frm6,
.frm_half,
.frm_form_field.frm_three_fifths, .frm_form_field.frm6,
.frm_submit.frm6,
.frm_form_field.frm_left_half,
.frm_form_field.frm_right_half,
.frm_form_field.frm_first_half,
.frm_form_field.frm_last_half,
.frm_form_field.frm_half,
.frm_submit.frm_half{
grid-column:span 6 / span 6;
}
.frm4,
.frm_third,
.frm_form_field.frm_two_fifths, .frm_form_field.frm4,
.frm_submit.frm4,
.frm_form_field.frm_left_third,
.frm_form_field.frm_third,
.frm_submit.frm_third,
.frm_form_field.frm_right_third,
.frm_form_field.frm_first_third,
.frm_form_field.frm_last_third{
grid-column:span 4 / span 4;
}
.frm8,
.frm_two_thirds,
.frm_form_field.frm8,
.frm_submit.frm8,
.frm_form_field.frm_left_two_thirds,
.frm_form_field.frm_right_two_thirds,
.frm_form_field.frm_first_two_thirds,
.frm_form_field.frm_last_two_thirds,
.frm_form_field.frm_two_thirds{
grid-column: span 8/span 8;
}
.frm3,
.frm_fourth,
.frm_form_field.frm3,
.frm_submit.frm3,
.frm_form_field.frm_left_fourth,
.frm_form_field.frm_fourth,
.frm_submit.frm_fourth,
.frm_form_field.frm_right_fourth,
.frm_form_field.frm_first_fourth,
.frm_form_field.frm_last_fourth{
grid-column: span 3/span 3;
}
.frm9,
.frm_three_fourths,
.frm_form_field.frm_four_fifths, .frm_form_field.frm9,
.frm_submit.frm9,
.frm_form_field.frm_three_fourths{
grid-column: span 9/span 9;
} .frm_form_field.frm_left_fifth,
.frm_form_field.frm_fifth,
.frm_submit.frm_fifth,
.frm_form_field.frm_right_fifth,
.frm_form_field.frm_first_fifth,
.frm_form_field.frm_last_fifth{
grid-column: span 2/span 2;
}
.frm2,
.frm_sixth,
.frm_form_field.frm2,
.frm_submit.frm2,
.frm_form_field.frm_sixth,
.frm_submit.frm_sixth,
.frm_form_field.frm_first_sixth,
.frm_form_field.frm_last_sixth{
grid-column: span 2/span 2;
}
.frm10,
.frm_form_field.frm10,
.frm_submit.frm10{
grid-column: span 10/span 10;
}
.frm1,
.frm_form_field.frm1,
.frm_submit.frm1, .frm_form_field.frm_seventh,
.frm_submit.frm_seventh,
.frm_form_field.frm_first_seventh,
.frm_form_field.frm_last_seventh
.frm_form_field.frm_eighth,
.frm_submit.frm_eighth,
.frm_form_field.frm_first_eighth,
.frm_form_field.frm_last_eighth{
grid-column: span 1/span 1;
}
.frm5,
.frm_form_field.frm5,
.frm_submit.frm5{
grid-column: span 5/span 5;
}
.frm7,
.frm_form_field.frm7,
.frm_submit.frm7{
grid-column: span 7/span 7;
}
.frm11,
.frm_form_field.frm11,
.frm_submit.frm11{
grid-column: span 11/span 11;
}
.frm12,
.frm_full,
.frm_full .wp-editor-wrap,
.frm_full > input:not([type='checkbox']):not([type='radio']):not([type='button']),
.frm_full select,
.frm_full textarea{
width:100% !important;
grid-column: span 12/span 12;
box-sizing: border-box;
}
.frm_full .wp-editor-wrap input{
width:auto !important;
}
.frm_first,
.frm_form_field.frm_left_half,
.frm_form_field.frm_left_third,
.frm_form_field.frm_left_two_thirds,
.frm_form_field.frm_left_fourth,
.frm_form_field.frm_left_fifth,
.frm_form_field.frm_left_inline,
.frm_form_field.frm_first_half,
.frm_form_field.frm_first_third,
.frm_form_field.frm_first_two_thirds,
.frm_form_field.frm_first_fourth,
.frm_form_field.frm_first_fifth,
.frm_form_field.frm_first_sixth,
.frm_form_field.frm_first_seventh,
.frm_form_field.frm_first_eighth,
.frm_form_field.frm_first_inline,
.frm_form_field.frm_first{
grid-column-start:1;
}
.frm_last,
.frm_form_field.frm_last,
.frm_form_field.frm_alignright{
grid-column-end:-1;
justify-content: end;
} .with_frm_style.frm_rtl .frm_form_fields .star-rating{
float:right;
}
.with_frm_style.frm_rtl .frm_grid .frm_primary_label,
.with_frm_style.frm_rtl .frm_grid_first .frm_primary_label,
.with_frm_style.frm_rtl .frm_grid_odd .frm_primary_label,
.with_frm_style.frm_rtl .frm_grid .frm_radio,
.with_frm_style.frm_rtl .frm_grid_first .frm_radio,
.with_frm_style.frm_rtl .frm_grid_odd .frm_radio,
.with_frm_style.frm_rtl .frm_grid .frm_checkbox,
.with_frm_style.frm_rtl .frm_grid_first .frm_checkbox,
.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox{
float:right !important;
margin-right:0 !important;
}
.with_frm_style.frm_rtl .frm_grid_first .frm_radio label input,
.with_frm_style.frm_rtl .frm_grid .frm_radio label input,
.with_frm_style.frm_rtl .frm_grid_odd .frm_radio label input,
.with_frm_style.frm_rtl .frm_grid_first .frm_checkbox label input,
.with_frm_style.frm_rtl .frm_grid .frm_checkbox label input,
.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox label input{
float:left;
}
.with_frm_style.frm_rtl .frm_catlevel_2,
.with_frm_style.frm_rtl .frm_catlevel_3,
.with_frm_style.frm_rtl .frm_catlevel_4,
.with_frm_style.frm_rtl .frm_catlevel_5{
margin-right:18px;
}
.with_frm_style.frm_rtl div > .frm_time_select{
margin-right:5px;
} .frm_form_field.frm_inline_container,
.frm_form_field.frm_right_container,
.frm_form_field.frm_left_container{
display: grid;
grid-template-columns: 25% auto;
width:100%;
grid-auto-rows: min-content;
}
.frm_form_field.frm_right_container{
grid-template-columns: auto 25%;
}
.frm_form_field.frm_inline_container{
grid-template-columns: repeat(2, minmax(auto, max-content) );
}
.frm_form_field.frm_inline_container .frm_primary_label,
.frm_form_field.frm_right_container .frm_primary_label,
.frm_form_field.frm_left_container .frm_primary_label{
margin-right:10px;
grid-row:span 2/span 2;
padding-top:4px;
}
.frm_form_field.frm_left_container .frm_primary_label{
grid-column:1;
grid-row:span 2/span 2; }
.frm_form_field.frm_right_container .frm_primary_label{
grid-column:2;
grid-row:1;
margin-right:0;
margin-left:10px;
}
.frm_form_field.frm_inline_container .frm_description,
.frm_form_field.frm_left_container .frm_description{
grid-column:2;
}
.frm_form_field.frm_right_container .frm_description{
grid-column:1;
}
.frm_conf_field.frm_left_container{
grid-template-columns: 67%;
}
.frm_conf_field.frm_left_container .frm_description{
grid-column:1;
} .frm-fade-in {
animation-name: fadeIn;
animation-duration: 1s;
animation-fill-mode: both;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@media only screen and (max-width: 750px) {
.frm_grid_container.frm_no_grid_750 > div{
grid-column: span 12/span 12;
}
}
@media only screen and (max-width: 600px) {
.frm_section_heading > .frm_form_field,
.frm_fields_container > .frm_submit,
.frm_grid_container > .frm_form_field,
.frm_fields_container > .frm_form_field{
grid-column: 1 / span 12 !important;
}
.frm_grid_container.frm_no_grid_600,
.frm_form_field.frm_inline_container,
.frm_form_field.frm_right_container,
.frm_form_field.frm_left_container{
display:block;
}
}
.frm_conf_field.frm_left_container .frm_primary_label{
display:none;
}
.wp-editor-wrap *,
.wp-editor-wrap *:after,
.wp-editor-wrap *:before{
box-sizing:content-box;
}
.with_frm_style .frm_grid,
.with_frm_style .frm_grid_first,
.with_frm_style .frm_grid_odd{
clear:both;
margin-bottom:0 !important;
padding:5px;
border-width:1px;
border-style:solid;
border-color: var(--border-color);
border-left:none;
border-right:none;
}
.with_frm_style .frm_grid,
.with_frm_style .frm_grid_odd{
border-top:none;
}
.frm_grid .frm_error,
.frm_grid_first .frm_error,
.frm_grid_odd .frm_error,
.frm_grid .frm_limit_error,
.frm_grid_first .frm_limit_error,
.frm_grid_odd .frm_limit_error{
display:none;
}
.frm_grid:after,
.frm_grid_first:after,
.frm_grid_odd:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
.frm_grid_first{
margin-top:20px;
}
.frm_grid_first,
.frm_grid_odd {
background-color: var(--bg-color);
}
.frm_grid {
background-color: var(--bg-color-active);
}
.with_frm_style .frm_grid.frm_blank_field,
.with_frm_style .frm_grid_first.frm_blank_field,
.with_frm_style .frm_grid_odd.frm_blank_field{
background-color:var(--error-bg);
border-color: var(--error-border);
}
.frm_grid .frm_primary_label,
.frm_grid_first .frm_primary_label,
.frm_grid_odd .frm_primary_label,
.frm_grid .frm_radio,
.frm_grid_first .frm_radio,
.frm_grid_odd .frm_radio,
.frm_grid .frm_checkbox,
.frm_grid_first .frm_checkbox,
.frm_grid_odd .frm_checkbox{
float:left !important;
display:block;
margin-top:0;
margin-left:0 !important;
}
.frm_grid_first .frm_radio label,
.frm_grid .frm_radio label,
.frm_grid_odd .frm_radio label,
.frm_grid_first .frm_checkbox label,
.frm_grid .frm_checkbox label,
.frm_grid_odd .frm_checkbox label{
color:transparent;
text-indent: -9999px;
white-space:nowrap;
text-align:left;
}
.frm_grid_first .frm_radio label input,
.frm_grid .frm_radio label input,
.frm_grid_odd .frm_radio label input,
.frm_grid_first .frm_checkbox label input,
.frm_grid .frm_checkbox label input,
.frm_grid_odd .frm_checkbox label input{
visibility:visible;
margin:2px 0 0;
float:right;
}
.frm_grid .frm_radio,
.frm_grid_first .frm_radio,
.frm_grid_odd .frm_radio,
.frm_grid .frm_checkbox,
.frm_grid_first .frm_checkbox,
.frm_grid_odd .frm_checkbox{
display:inline;
}
.frm_grid_2 .frm_radio,
.frm_grid_2 .frm_checkbox,
.frm_grid_2 .frm_primary_label{
width:48% !important;
}
.frm_grid_2 .frm_radio,
.frm_grid_2 .frm_checkbox{
margin-right:4%;
}
.frm_grid_3 .frm_radio,
.frm_grid_3 .frm_checkbox,
.frm_grid_3 .frm_primary_label{
width:30% !important;
}
.frm_grid_3 .frm_radio,
.frm_grid_3 .frm_checkbox{
margin-right:3%;
}
.frm_grid_4 .frm_radio,
.frm_grid_4 .frm_checkbox{
width:20% !important;
}
.frm_grid_4 .frm_primary_label{
width:28% !important;
}
.frm_grid_4 .frm_radio,
.frm_grid_4 .frm_checkbox{
margin-right:4%;
}
.frm_grid_5 .frm_primary_label,
.frm_grid_7 .frm_primary_label{
width:24% !important;
}
.frm_grid_5 .frm_radio,
.frm_grid_5 .frm_checkbox{
width:17% !important;
margin-right:2%;
}
.frm_grid_6 .frm_primary_label{
width:25% !important;
}
.frm_grid_6 .frm_radio,
.frm_grid_6 .frm_checkbox{
width:14% !important;
margin-right:1%;
}
.frm_grid_7 .frm_primary_label{
width:22% !important;
}
.frm_grid_7 .frm_radio,
.frm_grid_7 .frm_checkbox{
width:12% !important;
margin-right:1%;
}
.frm_grid_8 .frm_primary_label{
width:23% !important;
}
.frm_grid_8 .frm_radio,
.frm_grid_8 .frm_checkbox{
width:10% !important;
margin-right:1%;
}
.frm_grid_9 .frm_primary_label{
width:20% !important;
}
.frm_grid_9 .frm_radio,
.frm_grid_9 .frm_checkbox{
width:9% !important;
margin-right:1%;
}
.frm_grid_10 .frm_primary_label{
width:19% !important;
}
.frm_grid_10 .frm_radio,
.frm_grid_10 .frm_checkbox{
width:8% !important;
margin-right:1%;
}
.frm_form_field.frm_inline_container .frm_opt_container,
.frm_form_field.frm_right_container .frm_opt_container,
.frm_form_field.frm_left_container .frm_opt_container{
padding-top:4px;
}
.with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label,
.with_frm_style .frm_inline_container.frm_grid .frm_primary_label,
.with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label,
.with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container,
.with_frm_style .frm_inline_container.frm_grid .frm_opt_container,
.with_frm_style .frm_inline_container.frm_grid_odd .frm_opt_container{
margin-right:0;
}
.frm_form_field.frm_two_col .frm_opt_container,
.frm_form_field.frm_three_col .frm_opt_container,
.frm_form_field.frm_four_col .frm_opt_container{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: max-content;
grid-gap: 0 2.5%;
}
.frm_form_field.frm_three_col .frm_opt_container{
grid-template-columns: repeat(3, 1fr);
}
.frm_form_field.frm_four_col .frm_opt_container{
grid-template-columns: repeat(4, 1fr);
}
.frm_form_field.frm_two_col .frm_radio,
.frm_form_field.frm_two_col .frm_checkbox,
.frm_form_field.frm_three_col .frm_radio,
.frm_form_field.frm_three_col .frm_checkbox,
.frm_form_field.frm_four_col .frm_radio,
.frm_form_field.frm_four_col .frm_checkbox{
grid-column-end: span 1;
}
.frm_form_field .frm_checkbox,
.frm_form_field .frm_radio {
margin-top: 0;
margin-bottom: 0;
}
.frm_form_field.frm_scroll_box .frm_opt_container{
height:100px;
overflow:auto;
}
.frm_html_container.frm_scroll_box,
.frm_form_field.frm_html_scroll_box {
height: 100px;
overflow: auto;
background-color: var(--bg-color);
border-color: var(--border-color);
border-width: var(--field-border-width);
border-style: var(--field-border-style);
border-radius: var(--border-radius);
width: var(--field-width);
max-width: 100%;
font-size: var(--field-font-size);
padding: var(--field-pad);
box-sizing: border-box;
outline: none;
font-weight: normal;
box-shadow: var(--box-shadow);
}
.frm_form_field.frm_total_big input,
.frm_form_field.frm_total_big textarea,
.frm_form_field.frm_total input,
.frm_form_field.frm_total textarea{
opacity:1;
background-color:transparent !important;
border:none !important;
font-weight:bold;
width:auto !important;
height:auto !important;
box-shadow:none !important;
display:inline;
-moz-appearance:textfield;
padding:0;
}
.frm_form_field.frm_total_big input::-webkit-outer-spin-button,
.frm_form_field.frm_total_big input::-webkit-inner-spin-button,
.frm_form_field.frm_total input::-webkit-outer-spin-button,
.frm_form_field.frm_total input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.frm_form_field.frm_total_big input:focus,
.frm_form_field.frm_total_big textarea:focus,
.frm_form_field.frm_total input:focus,
.frm_form_field.frm_total textarea:focus{
background-color:transparent;
border:none;
box-shadow:none;
}
.frm_form_field.frm_label_justify .frm_primary_label{
text-align:justify !important;
}
.frm_form_field.frm_capitalize input,
.frm_form_field.frm_capitalize select,
.frm_form_field.frm_capitalize .frm_opt_container label{
text-transform:capitalize;
}
.frm_clearfix:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
.frm_clearfix{
display:block;
}
.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,
.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,
.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
margin-bottom: 0 !important;
}
.with_frm_style, .frm_forms {
--progress-border-color-b: #dbdbdb;
--image-size: 150px;
}
.js .frm_logic_form:not(.frm_no_hide) {
display:none;
}
.with_frm_style .frm_conf_field.frm_half label.frm_conf_label {
overflow: hidden;
white-space: nowrap;
}
.with_frm_style .frm_time_wrap{
white-space:nowrap;
}
.with_frm_style select.frm_time_select{
white-space:pre;
display:inline;
}
.with_frm_style .frm-show-form {
overflow-x:clip;
} .with_frm_style .frm-show-form  .frm_section_heading h3[class*="frm_pos_"] {
padding: var(--section-pad);
margin: 0;
font-size: var(--section-font-size);
font-weight: var(--section-weight);
color: var(--section-color);
border: none;
background-color:var(--section-bg-color);
}
.frm_trigger .frmsvg {
width: 16px;
height: 16px;
color: #667085;
margin: 0 2px;
}
.frm_trigger > svg.frmsvg:nth-child(1) {
display:inline-block;
}
.frm_trigger > svg.frmsvg:nth-child(2) {
display:none;
}
.frm_trigger.active > svg.frmsvg:nth-child(2) {
display:inline-block;
}
.frm_trigger.active > svg.frmsvg:nth-child(1) {
display:none;
}
.with_frm_style .frm_repeat_sec {
margin-bottom: var(--field-margin);
margin-top: var(--field-margin);
padding-bottom: 15px;
border-bottom-width: var(--section-border-width);
border-bottom-style: var(--section-border-style);
border-color: var(--section-border-color);
}
.with_frm_style .frm_repeat_sec:last-child{
border-bottom:none;
padding-bottom:0;
}
.with_frm_style .frm_repeat_inline{
clear:both;
}
.frm_invisible_section .frm_form_field,
.frm_invisible_section{
display:none !important;
visibility:hidden !important;
height:0;
margin:0;
}
.frm_form_field .frm_repeat_sec .frm_add_form_row,
.frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row.frm_hide_add_button,
.frm_form_field div.frm_repeat_grid .frm_add_form_row.frm_hide_add_button,
.frm_form_field div.frm_repeat_inline .frm_add_form_row.frm_hide_add_button {
transition: opacity .15s ease-in-out;
pointer-events: none;
}
.frm_form_field .frm_repeat_sec .frm_add_form_row,
.frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row.frm_hide_add_button {
display: none;
}
.frm_hide_remove_button.frm_remove_form_row {
display: none !important;
}
.frm_form_field div.frm_repeat_grid .frm_add_form_row.frm_hide_add_button,
.frm_form_field div.frm_repeat_inline .frm_add_form_row.frm_hide_add_button {
visibility: hidden;
}
.frm_form_field div.frm_repeat_grid .frm_add_form_row,
.frm_form_field div.frm_repeat_inline .frm_add_form_row,
.frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row {
display: inline-flex;
visibility: visible;
pointer-events: auto;
}
.frm_repeat_buttons.frm_hidden:last-child {
display: inline-block;
}
.frm_form_fields .frm_section_heading.frm_hidden {
display: none;
}
.frm_repeat_buttons a.frm_remove_form_row,
.frm_repeat_buttons a.frm_add_form_row {
display: inline-flex;
align-items: center;
gap: 8px;
line-height: normal;
}
.frm_repeat_buttons .frmsvg {
width: 12px;
height: 12px;
}
.frm_repeat_grid .frm_button,
.frm_repeat_inline .frm_button,
.frm_repeat_sec .frm_button{
display: inline-block;
line-height:1;
}
.frm_form_field .frm_repeat_grid ~ .frm_repeat_grid .frm_form_field .frm_primary_label{
display:none !important;
} .with_frm_style .frm_input_group {
position: relative;
display: flex;
align-items: stretch;
width: 100%;
}
.with_frm_style .frm_input_group.frm_hidden {
display: none;
}
.with_frm_style .frm_inline_box {
display: flex;
text-align: center;
align-items: center;
font-size: var(--field-font-size);
padding: 0 12px;
color: var(--form-desc-color);
border-width: var(--field-border-width);
border-style: var(--field-border-style);
border-color: var(--border-color);
background-color: var(--bg-color-disabled);
border-radius: var(--border-radius);
width: auto;
}
.with_frm_style .frm_input_group .frm_inline_box:first-child {
margin-right: -1px;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.with_frm_style .frm_input_group .frm_slimselect + .frm_inline_box,
.with_frm_style .frm_input_group select + .frm_inline_box,
.with_frm_style .frm_input_group .frm_slimselect + .frm_inline_box,
.with_frm_style .frm_input_group input + .frm_inline_box {
margin-left: -1px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.with_frm_style .frm_input_group .frm_slimselect,
.with_frm_style .frm_input_group > select,
.with_frm_style .frm_input_group > input {
position: relative;
flex: 1 1 auto;
width: 1% !important;
min-width: 0;
margin-top: 0;
margin-bottom: 0;
display: block;
}
.with_frm_style .frm_input_group.frm_with_pre .frm_slimselect,
.with_frm_style .frm_input_group.frm_with_pre > select,
.with_frm_style .frm_input_group.frm_with_pre > input {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.with_frm_style .frm_input_group.frm_with_post .frm_slimselect,
.with_frm_style .frm_input_group.frm_with_post > select,
.with_frm_style .frm_input_group.frm_with_post > input {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
} .ss-content.frm_slimselect {
padding: 0 !important;
}
.with_frm_style .ss-value-delete {
border-left: none !important;
padding-left: 0 !important;
}
.with_frm_style .ss-main {
display:flex !important;
--ss-font-color: var(--text-color);
--ss-border-color: var(--border-color);
--ss-border-radius: var(--border-radius);
--ss-bg-color: var(--bg-color); --ss-spacing-s: 6px;
--ss-spacing-m: 10px;
--ss-main-height: var(--field-height);
border-width: var(--fieldset);
font-size: var(--field-font-size);
line-height: 1.3;
align-self: baseline;
margin-top: 3px; font-family: var(--font);
}
.ss-content.frm_slimselect {
font-size: var(--field-font-size); height: auto;
display: flex;
}
.with_frm_style .ss-main .ss-values .ss-value .ss-value-text {
padding: 2px var(--ss-spacing-s);
}
.ss-content.frm_slimselect.frm_slimselect_rtl {
direction: rtl;
}
.ss-content.frm_slimselect.frm_slimselect_rtl .ss-search input {
text-align: right;
}
.ss-main.frm_slimselect.frm_slimselect_rtl .ss-value-delete {
margin-left: var(--ss-spacing-m);
}
.ss-main.frm_slimselect .ss-values .ss-placeholder {
padding: 0;
}
.frm_fields_container .frm_form_field .ss-main.auto_width {
width: auto !important;
display: inline-flex !important;
}
.ss-main.frm_slimselect .ss-arrow {
margin-left: var(--ss-spacing-s);
margin-right: 0;
}
.frm_input_group.frm_slimselect_wrapper {
flex-wrap: nowrap;
}
.frm_input_group.frm_slimselect_wrapper .frm_slimselect {
border-radius: 0;
}
.frm_input_group.frm_slimselect_wrapper .ss-main.frm_slimselect {
margin-top: 0;
height: 1.7rem;
} .with_frm_style .frm_total input,
.with_frm_style .frm_total_big input {
background-color:transparent;
border:none;
width:auto;
box-shadow: none !important;
}
.with_frm_style .frm_total .frm_inline_box,
.with_frm_style .frm_total_big .frm_inline_box {
background-color:transparent !important;
border-width: 0 !important;
box-shadow:none !important;
color:var(--text-color);
padding:0 3px 0 1px !important;
}
.with_frm_style .frm_inline_total {
padding:0 3px;
} #ui-datepicker-div {
display:none;
z-index:999999 !important;
}
.frm-datepicker.ui-datepicker {
display: none;
z-index: 999999 !important;
margin-top: 6px;
}
.frm-datepicker .ui-datepicker, .frm-datepicker.ui-datepicker {
box-sizing: border-box;
min-width: 282px;
border-radius: var(--border-radius);
padding: 16px 18px;
border: 1px solid #F2F4F7;
box-shadow: 0px 11.3px 22.6px -5.65px #1018282E;
}
.frm-datepicker .ui-datepicker .ui-datepicker-header, .frm-datepicker.ui-datepicker .ui-datepicker-header {
padding: 6px 0 12px;
}
.frm-datepicker .ui-datepicker-title select.ui-datepicker-month,
.frm-datepicker .ui-datepicker-title select.ui-datepicker-year {
min-height: unset;
width: 33% ;
background-color: #fff;
padding: 4px 5px 5px;
line-height: 14px;
margin: 0;
}
.frm-datepicker select.ui-datepicker-month{
margin-right: 3px;
}
.frm-datepicker .ui-datepicker-month, .frm-datepicker .ui-datepicker-year {
max-width: 100%;
max-height: 2em;
padding: 6px 10px;
box-sizing: border-box;
display: inline;
color: #555555;
}
.frm-datepicker span.ui-datepicker-month, .frm-datepicker span.ui-datepicker-year {
line-height: 25px;
font-weight: 600;
}
.frm-datepicker .ui-datepicker-calendar {
margin: 0 !important;
}
.frm-datepicker .ui-datepicker-calendar thead {
color: var(--text-color);
background-color: var(--bg-color);
}
.frm-datepicker .ui-datepicker-calendar thead th {
padding: 8px;
font-weight: 400;
font-size: var(--field-font-size);
color: var(--description-color);
}
.frm-datepicker .ui-datepicker-prev {
transform: rotate(0deg) !important;
}
.frm-datepicker .ui-datepicker-next {
transform: rotate(180deg) !important;
}
.frm-datepicker .ui-datepicker-prev:before,
.frm-datepicker .ui-datepicker-next:before {
content: '' !important;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
background-color: var(--date-head-color);
mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjOThBMkIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtMTEuMDQgNy44LTIuOTEgMi43IDIuOTEgMi43Ii8+PC9zdmc+Cg==) no-repeat center;
padding: 0 !important;
} .google-visualization-tooltip-item-list,
.google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child {
margin: 1em 0 !important;
}
.google-visualization-tooltip-item {
list-style-type: none !important;
margin: 0.65em 0 !important;
} .with_frm_style .frm_scale{
margin-right:15px;
text-align:center;
float:left;
}
.with_frm_style .frm_scale input[type=radio]{
display:block !important;
margin:0;
}
.with_frm_style .frm_scale input[type=radio]:checked:before {
transform: scale(1);
} .frm-star-group {
white-space: nowrap;
}
.frm-star-group input {
opacity: 0;
position: absolute !important;
z-index: -1;
}
.frm-star-group .frmsvg,
.frm-star-group input + label.star-rating {
float: none;
font-size: 20px;
line-height: 1;
cursor: pointer;
background: transparent;
overflow: hidden !important;
clear: none;
font-style: normal;
vertical-align: top;
position: relative;
width: auto;
}
.frm-star-group .frmsvg {
display: inline-block;
width: 20px;
height: 20px;
fill: #FDB022;
}
.frm-star-group input + label.star-rating {
display: inline-flex;
}
.frm-star-group input + label.star-rating:before {
content: '';
}
.frm-star-group input[type=radio]:checked + label:before,
.frm-star-group:not(.frm-star-hovered) input[type=radio]:checked + label:before{
color:#F0AD4E;
}
.frm-star-group:not(.frm-star-hovered) input[type=radio]:checked + label,
.frm-star-group input + label:hover,
.frm-star-group:hover input + label:hover ,
.frm-star-group .star-rating-on,
.frm-star-group .star-rating-hover {
color:#F0AD4E;
}
.frm-star-group .star-rating-readonly{
cursor:default !important;
}
.frm-star-group > svg + svg {
margin-left: 5px;
}
.frm-star-group .star-rating .frmsvg:last-of-type,
.frm-star-group .star-rating-on .frmsvg:first-of-type,
.frm-star-group .star-rating-hover .frmsvg:first-of-type {
display: none;
}
.frm-star-group .star-rating-on .frmsvg:last-of-type,
.frm-star-group .star-rating-hover .frmsvg:last-of-type {
display: inline;
} .with_frm_style .frm_other_input.frm_other_full{
margin-top:10px;
}
.frm_left_container .frm_other_input{
grid-column:2;
}
.frm_inline_container.frm_other_container .frm_other_input,
.frm_left_container.frm_other_container .frm_other_input{
margin-left:5px;
}
.frm_right_container.frm_other_container .frm_other_input{
margin-right:5px;
}
.frm_inline_container.frm_other_container select ~ .frm_other_input,
.frm_right_container.frm_other_container select ~ .frm_other_input,
.frm_left_container.frm_other_container select ~ .frm_other_input{
margin:0;
} .with_frm_style input[type=file]::-webkit-file-upload-button {
color: var(--text-color);
background-color: var(--bg_color);
padding: var(--field-pad);
border-radius: var(--border-radius);
border-color: var(--border-color);
border-width: var(--field-border-width);
border-style: var(--field-border-style);
} .frm_pagination_cont ul.frm_pagination{
display:inline-block;
list-style:none;
margin-left:0 !important;
}
.frm_pagination_cont ul.frm_pagination > li{
display:inline;
list-style:none;
margin:2px;
background-image:none;
}
ul.frm_pagination > li.active a{
text-decoration:none;
}
.frm_pagination_cont ul.frm_pagination > li:first-child{
margin-left:0;
}
.archive-pagination.frm_pagination_cont ul.frm_pagination > li{
margin:0;
} .frm_switch_opt {
padding: 0 8px 0 0;
white-space: normal;
display: inline;
vertical-align: middle;
font-size: var(--toggle-font-size);
font-weight: var(--check-weight);
}
.frm_on_label{
padding:0 0 0 8px;
}
.frm_on_label,
.frm_off_label {
color: var(--check-label-color);
}
.frm_switch {
position: relative;
display: inline-block;
width: 40px;
height: 25px;
vertical-align: middle;
}
.frm_switch_block input {
display:none !important;
}
.frm_slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--toggle-off-color);
transition: 0.4s;
border-radius: 30px;
}
.frm_slider:before {
border-radius: 50%;
position: absolute;
content: "";
height: 23px;
width: 23px;
left: 1px;
bottom: 1px;
background-color: white;
transition: .4s;
box-shadow:0 2px 6px rgba(41, 58, 82, 0.31);
}
input:checked + .frm_switch .frm_slider {
background-color: var(--toggle-on-color);
}
input:focus + .frm_switch .frm_slider {
box-shadow: 0 0 1px #3177c7;
}
input:checked + .frm_switch .frm_slider:before {
transform: translateX(15px);
}
.frm_rtl .frm_switch_opt {
padding: 0 8px;
}
.frm_rtl .frm_slider:before {
left: 16px;
}
.frm_rtl input:checked + .frm_switch .frm_slider:before {
transform: none!important;
left: 1px;
}  .with_frm_style .frm_range_container {
padding-top: 5px;
}
.with_frm_style input[type=range] {
-webkit-appearance: none;
display: block;
width: 100%;
height: var(--slider-track-size);
font-size: var(--description-font-size);
border-radius: calc(var(--border-radius) / 2);
margin: 10px 0;
outline: none; background: var(--slider-bar-color);
}
.with_frm_style input[type=range]:focus,
.with_frm_style input[type=range]:active {
background: var(--slider-bar-color);
}
.with_frm_style input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
height: var(--slider-circle-size);
width: var(--slider-circle-size);
border: 2px solid #4199FD;
color:#ffffff;
background: #fff;
cursor: pointer;
border-radius: 50%;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);}
.with_frm_style input[type=range]::-moz-range-thumb {
height: var(--slider-circle-size);
width: var(--slider-circle-size);
border: 2px solid #4199FD;
color:#ffffff;
background: #fff;
cursor: pointer;
border-radius: 50%;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);}
.with_frm_style input[type=range]::-ms-thumb {
height: var(--slider-circle-size);
width: var(--slider-circle-size);
border: 2px solid #4199FD;
color:#ffffff;
background: #fff;
cursor: pointer;
border-radius: 50%;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);}
.with_frm_style .frm_range_unit,
.with_frm_style .frm_range_value{
display:inline-block;
padding: 0 2px;
}
.with_frm_style .frm_range_value + .frm_range_unit,
.with_frm_style .frm_range_container > .frm_range_unit,
.with_frm_style .frm_range_value {
font-size: var(--slider-font-size);
color: var(--text-color);
font-weight: bold;
}
.with_frm_style .frm_range_max {
float: right;
}
.with_frm_style .frm_range_container input + .frm_range_value {
text-align: center;
display: block;
} .with_frm_style .frm_dropzone {
border-color: var(--border-color);
border-radius: var(--border-radius);
color: var(--text-color);
background-color: var(--bg-color);
}
.with_frm_style .frm_dropzone .frm_upload_icon,
.with_frm_style .frm_dropzone .dz-remove {
color: var(--description-color);
}
.with_frm_style .frm_compact .frm_dropzone .frm_upload_icon {
color: var(--submit-text-color);
}
.with_frm_style .frm_compact .frm_dropzone .frmsvg {
width: 18px;
height: 18px;
}
.with_frm_style .frm_form_field:not(.frm_compact) .frm_dropzone .frmsvg {
width: 24px;
height: 24px;
display: block;
margin: 0 auto 8px;
color: #667085;
}
.with_frm_style .frm_dropzone .frm_remove_link .frmsvg {
width: 18px;
height: 18px;
cursor: pointer;
}
.with_frm_style .frm_blank_field .frm_dropzone {
border-color: var(--border-color-error);
color: var(--text-color-error);
background-color: var(--bg-color-error);
}
.with_frm_style .frm_dropzone .dz-preview .dz-progress {
background: var(--progress-bg-color);
}
.with_frm_style .frm_dropzone .dz-preview .dz-progress .dz-upload,
.with_frm_style .frm_dropzone .dz-preview.dz-complete .dz-progress {
background: var(--progress-active-bg-color);
} .frm_image_size_medium {
--image-size:250px;
}
.frm_image_size_large {
--image-size:320px;
}
.frm_image_size_xlarge {
--image-size:400px;
}
.frm_image_options .frm_opt_container {
display: inline-flex;
flex-flow: wrap;
flex-direction:row;
margin: 0 -10px;
}
.frm_image_options .frm_radio input[type=radio],
.frm_image_options .frm_checkbox input[type=checkbox]{
position: absolute !important;
top: 9px;
right: 10px;
z-index: 2;
margin: 0;
}
.frm_image_options .frm_image_option_container {
border-width: var(--field-border-width);
border-style: solid;
border-color: var(--border-color);
border-radius: var(--border-radius);
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
}
.frm_image_options .frm_image_option_container.frm_label_with_image .frm_empty_url,
.frm_image_options .frm_image_option_container.frm_label_with_image img {
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.with_frm_style .vertical_radio.frm_image_options .frm_image_option > label {
text-indent: 0;
padding-left: 0;
}
.frm_show_images.frm_image_option_container {
display: inline-flex;
flex-wrap: nowrap;
flex-direction: column;
text-align: center;
align-items: center;
width: 150px;
margin-right: 10px;
margin-bottom: 10px;
}
.frm-summary-page-wrapper .frm_image_option_container img{
width: 100%;
height: 150px;
object-fit: cover;
}
.frm_image_option_container .frm_selected_checkmark{
display: none;
}
.frm_image_option_container .frm_image_placeholder_icon {
position: absolute;
}
.frm_image_option_container .frm_image_placeholder_icon svg{
width: 63px;
opacity: .2;
}
.frm_text_label_for_image {
font-size: var(--description-font-size);
color: var(--description-color);
text-align: center;
width: 100%;
padding: 10px;
word-break: keep-all;
}
.frm_image_options input[type="radio"]:not([disabled]) + .frm_image_option_container:hover,
.frm_image_options input[type="checkbox"]:not([disabled]) + .frm_image_option_container:hover,
input[type="radio"]:checked + .frm_image_option_container,
input[type="checkbox"]:checked + .frm_image_option_container {
border-color: var(--border-color-active);
}
input[type="radio"]:disabled + .frm_image_option_container,
input[type="checkbox"]:disabled + .frm_image_option_container{
opacity: .7;
border-color:var(--border-color-disabled);
}
.frm_blank_field.frm_image_options .frm_image_option_container {
border-color: var(--border-color-error);
}
.frm_image_options .frm_image_option_container .frm_empty_url,
.frm_image_options .frm_image_option_container img {
width: 100%;
height: 150px;
height: var(--image-size);
object-fit: cover;
border-radius:var(--border-radius);
}
.frm_image_option_container .frm_empty_url {
background: #ecf0f5;
display: flex;
justify-content: center;
align-items: center;
}
.horizontal_radio .frm_checkbox.frm_image_option,
.horizontal_radio .frm_radio.frm_image_option {
padding-left: 0;
}
.frm_checkbox.frm_image_option,
.frm_radio.frm_image_option {
width:var(--image-size) !important; position: relative;
}
.frm_form_field .frm_checkbox.frm_image_option,
.frm_form_field .frm_checkbox.frm_image_option + .frm_checkbox,
.frm_form_field .frm_radio.frm_image_option,
.frm_form_field .frm_radio.frm_image_option + .frm_radio {
margin:10px; }
.frm_checkbox.frm_image_option label,
.frm_radio.frm_image_option label{
padding-left: 0;
margin-left: 0;
min-height: 0;
visibility: visible; } .frm_with_bg_image .frm_form_fields > fieldset {
position: relative;
}
.frm_with_bg_image .frm_form_fields > fieldset:before {
content: ' ';
display: block;
position: absolute;
top: 0;
height: 100%;
background-position: 50% 0;
left: 0;
width: 100%;
background-image: var(--bg-image-url);
background-repeat: no-repeat;
background-size: cover;
}
.frm_with_bg_image .frm_form_fields > fieldset > *:not(.frm_screen_reader) {
z-index: 1;
position: relative;
} @media screen and (max-width: 768px) {
.frm-pass-req, .frm-pass-verified {
width: 50% !important;
white-space: nowrap;
}
}
.frm-pass-req, .frm-pass-verified {
display: flex;
align-items: center;
float: left;
width: 20%;
line-height: 20px;
font-size: 12px;
padding-top: 4px;
min-width: 175px;
}
.frm-pass-req .frmsvg, .frm-pass-verified .frmsvg {
width: 12px;
height: 12px;
padding-right: 4px;
}
.passed_svg, .failed_svg {
display: none !important;
}
.frm-pass-verified .passed_svg,
.frm-pass-req .failed_svg {
display: inline-block !important;
}
div.frm-password-strength {
width: 100%;
float: left;
}
.frm_show_password_wrapper {
position: relative;
display: block;
}
.frm_show_password_wrapper input {
display: block;
}
.frm_show_password_wrapper button {
position: absolute;
top: 50%;
height: 32px;
height: var(--field-height);
right: 0;
border: 0;
background: transparent !important;
cursor: pointer;
transform: translateY(-50%);
padding: 0 10px;
color: #BFC3C8;
color: var(--border-color);
display: flex;
align-items: center;
}
.frm_show_password_wrapper button:hover {
color: #BFC3C8;
color: var(--border-color);
background: transparent !important;
}
.frm_show_password_wrapper button svg {
width: 24px;
height: 24px;
}
input[type="text"] + .frm_show_password_btn svg:first-child,
input[type="password"] + .frm_show_password_btn svg:last-child {
display: none;
}
div.frm_repeat_grid:after, div.frm_repeat_inline:after, div.frm_repeat_sec:after {
content: '';
display: table;
clear: both;
}
.with_frm_style .frm-summary-page-wrapper {
padding: 50px;
margin: 25px 0 50px;
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
}
.with_frm_style .frm-summary-page-wrapper .frm-edit-page-btn {
float: right;
margin: 0;
padding: 3px 10px;
font-size: 13px;
}
.frm-summary-page-wrapper .frm-line-table th {
width: 40%;
}
button .frm-icon {
display: inline-block;
color: inherit;
width: 12px;
height: 12px;
fill: currentColor;
}
.frm-line-table {
width: 100%;
border-collapse: collapse;
margin-top: 0.5em;
font-size: var(--font-size);
}
.frm-line-table tr {
background-color: transparent;
border-bottom: 1px solid rgba(191,195,200,0.6);
}
.frm-line-table td,
.frm-line-table th {
border: 0;
padding: 20px 15px;
background-color: transparent;
vertical-align: top;
color: var(--label-color);
}
.frm-line-table th {
opacity: .7;
font-size: 1.1em;
font-weight: 500;
}
.frm-line-table h3 {
font-size: 21px;
font-weight: 500;
margin: 0;
}
.frm_form_field .frm_total_formatted {
display: inline-block;
margin: 5px 0 0;
}
.frm_form_field.frm_total_big .frm_total_formatted {
margin: 0;
}
.frm_form_field.frm_total_big .frm_total_formatted,
.frm_form_field.frm_total_big input[type=text],
.frm_form_field.frm_total_big input[type=number],
.frm_form_field.frm_total_big input,
.frm_form_field.frm_total_big textarea{
font-size: 32px;
font-weight: bold;
line-height: 44px;
} .frm_round{
border-radius:50%;
}
.frm_round.frm_color_block{
padding:3px;
}
.frm_square {
border-radius:var(--border-radius);
object-fit:cover;
width:150px;
height:150px;
}
.frmsvg{
max-width:100%;
fill:currentColor;
vertical-align:sub;
display:inline-block;
}
.frm_smaller{
font-size:90%;
}
.frm_small{
font-size:14px;
font-weight:normal;
}
.frm_bigger{
font-size:110%;
}
ul.frm_plain_list,
ul.frm_plain_list li{
list-style:none;
list-style-type:none;
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
}
ul.frm_inline_list li{
display:inline;
padding:2px;
}
.frm_flex,
.frm_full_row{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.frm_full_row > li,
.frm_full_row > div{
flex:1;
text-align:center;
}
.frm_tiles > li,
.frm_tiles > div {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
margin-top: 20px;
padding: 25px;
box-shadow:0 0 5px 1px rgba(0,0,0,0.075);
}
.frm_show_password_wrapper input::-webkit-credentials-auto-fill-button,
.frm_show_password_wrapper input::-webkit-strong-password-auto-fill-button {
margin-right: 30px;
} .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons svg.frm-svg-icon {
fill: var(--repeat-icon-color);
}
.with_frm_style .frm_remove_form_row:hover,
.with_frm_style .frm_add_form_row:hover {
border-color: var(--submit-hover-border-color);
color: var(--submit-hover-color);
}
.with_frm_style .frm_remove_form_row.frm_button:hover,
.with_frm_style .frm_add_form_row.frm_button:hover {
background: var(--submit-hover-bg-color);
}
.with_frm_style .frm_form_field.frm_repeat_buttons .frm_add_form_row:hover svg.frm-svg-icon,
.with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_remove_form_row:hover svg.frm-svg-icon,
.with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_add_form_row:hover svg.frmsvg,
.with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_remove_form_row:hover svg.frmsvg {
fill: var(--submit-hover-color);
} .frm_tiles h3{
margin-top:5px;
} .frm_forms.frm_full_submit .frm_submit button {
width: 100%;
}
.frm_forms.frm_full_submit .frm_submit.frm_flex button {
width: auto;
flex: 1;
} select.frm_loading_lookup[multiple="multiple"] {
background-image: none !important;
} .with_frm_style .frm_submit button.frm_save_draft {
color: var(--submit-bg-color) ;
background: var(--submit-text-color) ;
border-color: var(--submit-bg-color) ;
} .frm_slidein .frm_form_fields  > fieldset{
animation-name: frmSlideInRight;
animation-duration: 1s;
}
.frm_slidein.frm_going_back .frm_form_fields  > fieldset {
animation-name: frmSlideInLeft;
}
.frm_slidein.frm_slideout .frm_form_fields  > fieldset {
animation-name: frmSlideOutLeft !important;
}
.frm_slidein.frm_slideout.frm_going_back .frm_form_fields  > fieldset {
animation-name: frmSlideOutRight !important;
}
.frm_slidein .frm-g-recaptcha .grecaptcha-badge{
animation-name: fadeIn;
animation-duration: 2s;
animation-fill-mode: both;
}
@keyframes frmSlideInLeft {
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes frmSlideInRight {
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes frmSlideOutLeft {
0% {
opacity: 1;
transform: none;
}
100% {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes frmSlideOutRight {
0% {
opacity: 1;
transform: none;
}
100% {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
} .frm_slideup .frm_form_fields  > fieldset {
animation-name: frmSlideDown;
animation-duration: 1s;
animation-fill-mode: both;
}
.frm_slideup.frm_going_back .frm_form_fields  > fieldset {
animation-name: frmSlideUp;
}
.frm_slideup.frm_slideout .frm_form_fields  > fieldset {
animation-name: frmSlideOutUp !important;
}
.frm_slideup.frm_slideout.frm_going_back .frm_form_fields  > fieldset {
animation-name: frmSlideOutDown !important;
}
@keyframes frmSlideUp {
0% {
opacity: 0;
transform: translate3d(0, -200px, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes frmSlideDown {
0% {
opacity: 0;
transform: translate3d(0, 200px, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes frmSlideOutUp {
0% {
opacity: 1;
transform: none;
}
100% {
opacity: 0;
transform: translate3d(0, -200px, 0);
}
}
@keyframes frmSlideOutDown {
0% {
opacity: 1;
transform: none;
}
100% {
opacity: 0;
transform: translate3d(0, 200px, 0);
}
}
:root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-font-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-focus-color: #5897fb;--ss-main-height: 30px;--ss-content-height: 300px;--ss-spacing-l: 7px;--ss-spacing-m: 5px;--ss-spacing-s: 3px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%}.ss-main .ss-values .ss-placeholder{display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:flex;margin:auto 0px auto var(--ss-spacing-s)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{display:flex;align-self:center;justify-content:flex-end;flex:0 1 auto;width:8px;height:8px;margin:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);transform-origin:center top;overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);color:var(--ss-font-color);cursor:pointer;user-select:none}.ss-content .ss-list .ss-option:hover{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:var(--ss-highlight-color)} .frm_forms{--iti-hover-color:rgba(0,0,0,.05);--iti-text-gray:#999;--iti-border-gray:#ccc;--iti-spacer-horizontal:8px;--iti-flag-height:15px;--iti-flag-width:20px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-input-padding:6px;--iti-right-hand-selected-country-padding:calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));--iti-selected-country-arrow-padding:calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));--iti-mobile-popup-margin:30px;}.frm_forms .iti{position:relative;display:inline-block;}.frm_forms .iti *{box-sizing:border-box;}.frm_forms .iti__hide{display:none;}.frm_forms .iti__v-hide{visibility:hidden;}.frm_forms .iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute;}.frm_forms .iti input.iti__tel-input,.frm_forms .iti input.iti__tel-input[type="tel"],.frm_forms .iti input.iti__tel-input[type="text"]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:var(--iti-right-hand-selected-country-padding);margin-right:0;}.frm_forms .iti__country-container{position:absolute;top:0;bottom:0;right:0;padding:var(--iti-border-width);}.frm_forms .iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);background:0 0;border:0;margin:0;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none;}.frm_forms .iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color);}.frm_forms [dir="rtl"] .iti__arrow{margin-right:var(--iti-arrow-padding);margin-left:0;}.frm_forms .iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color);}.frm_forms .iti__dropdown-content{border-radius:3px;background-color:#fff;}.frm_forms .iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-gray);box-shadow:1px 1px 4px rgba(0,0,0,.2);}.frm_forms .iti__dropdown-content--dropup{bottom:100%;margin-bottom:3px;}.frm_forms .iti__search-input{width:100%;border-width:0;border-radius:3px;padding:9px 12px;}.frm_forms .iti__search-input + .iti__country-list{border-top:1px solid var(--iti-border-gray);}.frm_forms .iti__country-list{list-style:none;padding:0;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;}.frm_forms .iti--inline-dropdown .iti__country-list{max-height:185px;}.frm_forms .iti--flexible-dropdown-width .iti__country-list{white-space:nowrap;}@media (max-width:500px){.frm_forms .iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.frm_forms .iti__flag-box{display:inline-block;width:var(--iti-flag-width);}.frm_forms .iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:var(--iti-border-width) solid var(--iti-border-gray);}.frm_forms .iti__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0;}.frm_forms .iti__dial-code{color:var(--iti-text-gray);}.frm_forms .iti__country.iti__highlight{background-color:var(--iti-hover-color);}.frm_forms .iti__country-name,.frm_forms .iti__flag-box{margin-right:var(--iti-spacer-horizontal);}.frm_forms [dir="rtl"] .iti__country-name,.frm_forms [dir="rtl"] .iti__flag-box{margin-right:0;margin-left:var(--iti-spacer-horizontal);}.frm_forms .iti--allow-dropdown input.iti__tel-input,.frm_forms .iti--allow-dropdown input.iti__tel-input[type="tel"],.frm_forms .iti--allow-dropdown input.iti__tel-input[type="text"],.frm_forms .iti--show-selected-dial-code input.iti__tel-input,.frm_forms .iti--show-selected-dial-code input.iti__tel-input[type="tel"],.frm_forms .iti--show-selected-dial-code input.iti__tel-input[type="text"]{padding-right:var(--iti-input-padding);padding-left:var(--iti-selected-country-arrow-padding);margin-left:0;}.frm_forms [dir="rtl"] .iti--allow-dropdown input.iti__tel-input,.frm_forms [dir="rtl"] .iti--allow-dropdown input.iti__tel-input[type="tel"],.frm_forms [dir="rtl"] .iti--allow-dropdown input.iti__tel-input[type="text"],.frm_forms [dir="rtl"] .iti--show-selected-dial-code input.iti__tel-input,.frm_forms [dir="rtl"] .iti--show-selected-dial-code input.iti__tel-input[type="tel"],.frm_forms [dir="rtl"] .iti--show-selected-dial-code input.iti__tel-input[type="text"]{padding-right:var(--iti-selected-country-arrow-padding);padding-left:var(--iti-input-padding);margin-right:0;}.frm_forms .iti--allow-dropdown .iti__country-container,.frm_forms .iti--show-selected-dial-code .iti__country-container{right:auto;left:0;}.frm_forms [dir="rtl"] .iti--allow-dropdown .iti__country-container,.frm_forms [dir="rtl"] .iti--show-selected-dial-code .iti__country-container{right:0;left:auto;}.frm_forms .iti--allow-dropdown .iti__country-container:hover,.frm_forms .iti--allow-dropdown .iti__country-container:hover button{cursor:pointer;}.frm_forms .iti--allow-dropdown .iti__country-container:hover .iti__selected-country{background-color:var(--iti-hover-color);}.frm_forms .iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover,.frm_forms .iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover{cursor:default;}.frm_forms .iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover .iti__selected-country,.frm_forms .iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover .iti__selected-country{background-color:transparent;}.frm_forms .iti--show-selected-dial-code .iti__selected-country{background-color:var(--iti-hover-color);}.frm_forms .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:var(--iti-arrow-padding);}.frm_forms [dir="rtl"] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:var(--iti-arrow-padding);}.frm_forms .iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width);}.frm_forms .iti--container:hover{cursor:pointer;}.frm_forms .iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:center;}.frm_forms .iti--fullscreen-popup.iti--container.iti--country-search{justify-content:flex-start;}.frm_forms .iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative;}.frm_forms .iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em;}.frm_forms .iti__flag{width:20px;}.frm_forms .iti__flag.iti__be{width:18px;}.frm_forms .iti__flag.iti__ch{width:15px;}.frm_forms .iti__flag.iti__mc{width:19px;}.frm_forms .iti__flag.iti__ne{width:18px;}.frm_forms .iti__flag.iti__np{width:13px;}.frm_forms .iti__flag.iti__va{width:15px;}@media (min-resolution:2x){.frm_forms .iti__flag{background-size:5762px 15px}}.frm_forms .iti__flag.iti__ac{height:10px;background-position:0 0;}.frm_forms .iti__flag.iti__ad{height:14px;background-position:-22px 0;}.frm_forms .iti__flag.iti__ae{height:10px;background-position:-44px 0;}.frm_forms .iti__flag.iti__af{height:14px;background-position:-66px 0;}.frm_forms .iti__flag.iti__ag{height:14px;background-position:-88px 0;}.frm_forms .iti__flag.iti__ai{height:10px;background-position:-110px 0;}.frm_forms .iti__flag.iti__al{height:15px;background-position:-132px 0;}.frm_forms .iti__flag.iti__am{height:10px;background-position:-154px 0;}.frm_forms .iti__flag.iti__ao{height:14px;background-position:-176px 0;}.frm_forms .iti__flag.iti__aq{height:14px;background-position:-198px 0;}.frm_forms .iti__flag.iti__ar{height:13px;background-position:-220px 0;}.frm_forms .iti__flag.iti__as{height:10px;background-position:-242px 0;}.frm_forms .iti__flag.iti__at{height:14px;background-position:-264px 0;}.frm_forms .iti__flag.iti__au{height:10px;background-position:-286px 0;}.frm_forms .iti__flag.iti__aw{height:14px;background-position:-308px 0;}.frm_forms .iti__flag.iti__ax{height:13px;background-position:-330px 0;}.frm_forms .iti__flag.iti__az{height:10px;background-position:-352px 0;}.frm_forms .iti__flag.iti__ba{height:10px;background-position:-374px 0;}.frm_forms .iti__flag.iti__bb{height:14px;background-position:-396px 0;}.frm_forms .iti__flag.iti__bd{height:12px;background-position:-418px 0;}.frm_forms .iti__flag.iti__be{height:15px;background-position:-440px 0;}.frm_forms .iti__flag.iti__bf{height:14px;background-position:-460px 0;}.frm_forms .iti__flag.iti__bg{height:12px;background-position:-482px 0;}.frm_forms .iti__flag.iti__bh{height:12px;background-position:-504px 0;}.frm_forms .iti__flag.iti__bi{height:12px;background-position:-526px 0;}.frm_forms .iti__flag.iti__bj{height:14px;background-position:-548px 0;}.frm_forms .iti__flag.iti__bl{height:14px;background-position:-570px 0;}.frm_forms .iti__flag.iti__bm{height:10px;background-position:-592px 0;}.frm_forms .iti__flag.iti__bn{height:10px;background-position:-614px 0;}.frm_forms .iti__flag.iti__bo{height:14px;background-position:-636px 0;}.frm_forms .iti__flag.iti__bq{height:14px;background-position:-658px 0;}.frm_forms .iti__flag.iti__br{height:14px;background-position:-680px 0;}.frm_forms .iti__flag.iti__bs{height:10px;background-position:-702px 0;}.frm_forms .iti__flag.iti__bt{height:14px;background-position:-724px 0;}.frm_forms .iti__flag.iti__bv{height:15px;background-position:-746px 0;}.frm_forms .iti__flag.iti__bw{height:14px;background-position:-768px 0;}.frm_forms .iti__flag.iti__by{height:10px;background-position:-790px 0;}.frm_forms .iti__flag.iti__bz{height:12px;background-position:-812px 0;}.frm_forms .iti__flag.iti__ca{height:10px;background-position:-834px 0;}.frm_forms .iti__flag.iti__cc{height:10px;background-position:-856px 0;}.frm_forms .iti__flag.iti__cd{height:15px;background-position:-878px 0;}.frm_forms .iti__flag.iti__cf{height:14px;background-position:-900px 0;}.frm_forms .iti__flag.iti__cg{height:14px;background-position:-922px 0;}.frm_forms .iti__flag.iti__ch{height:15px;background-position:-944px 0;}.frm_forms .iti__flag.iti__ci{height:14px;background-position:-961px 0;}.frm_forms .iti__flag.iti__ck{height:10px;background-position:-983px 0;}.frm_forms .iti__flag.iti__cl{height:14px;background-position:-1005px 0;}.frm_forms .iti__flag.iti__cm{height:14px;background-position:-1027px 0;}.frm_forms .iti__flag.iti__cn{height:14px;background-position:-1049px 0;}.frm_forms .iti__flag.iti__co{height:14px;background-position:-1071px 0;}.frm_forms .iti__flag.iti__cp{height:14px;background-position:-1093px 0;}.frm_forms .iti__flag.iti__cq{height:12px;background-position:-1115px 0;}.frm_forms .iti__flag.iti__cr{height:12px;background-position:-1137px 0;}.frm_forms .iti__flag.iti__cu{height:10px;background-position:-1159px 0;}.frm_forms .iti__flag.iti__cv{height:12px;background-position:-1181px 0;}.frm_forms .iti__flag.iti__cw{height:14px;background-position:-1203px 0;}.frm_forms .iti__flag.iti__cx{height:10px;background-position:-1225px 0;}.frm_forms .iti__flag.iti__cy{height:14px;background-position:-1247px 0;}.frm_forms .iti__flag.iti__cz{height:14px;background-position:-1269px 0;}.frm_forms .iti__flag.iti__de{height:12px;background-position:-1291px 0;}.frm_forms .iti__flag.iti__dg{height:10px;background-position:-1313px 0;}.frm_forms .iti__flag.iti__dj{height:14px;background-position:-1335px 0;}.frm_forms .iti__flag.iti__dk{height:15px;background-position:-1357px 0;}.frm_forms .iti__flag.iti__dm{height:10px;background-position:-1379px 0;}.frm_forms .iti__flag.iti__do{height:14px;background-position:-1401px 0;}.frm_forms .iti__flag.iti__dz{height:14px;background-position:-1423px 0;}.frm_forms .iti__flag.iti__ea{height:14px;background-position:-1445px 0;}.frm_forms .iti__flag.iti__ec{height:14px;background-position:-1467px 0;}.frm_forms .iti__flag.iti__ee{height:13px;background-position:-1489px 0;}.frm_forms .iti__flag.iti__eg{height:14px;background-position:-1511px 0;}.frm_forms .iti__flag.iti__eh{height:10px;background-position:-1533px 0;}.frm_forms .iti__flag.iti__er{height:10px;background-position:-1555px 0;}.frm_forms .iti__flag.iti__es{height:14px;background-position:-1577px 0;}.frm_forms .iti__flag.iti__et{height:10px;background-position:-1599px 0;}.frm_forms .iti__flag.iti__eu{height:14px;background-position:-1621px 0;}.frm_forms .iti__flag.iti__ez{height:14px;background-position:-1643px 0;}.frm_forms .iti__flag.iti__fi{height:12px;background-position:-1665px 0;}.frm_forms .iti__flag.iti__fj{height:10px;background-position:-1687px 0;}.frm_forms .iti__flag.iti__fk{height:10px;background-position:-1709px 0;}.frm_forms .iti__flag.iti__fm{height:11px;background-position:-1731px 0;}.frm_forms .iti__flag.iti__fo{height:15px;background-position:-1753px 0;}.frm_forms .iti__flag.iti__fr{height:14px;background-position:-1775px 0;}.frm_forms .iti__flag.iti__fx{height:14px;background-position:-1797px 0;}.frm_forms .iti__flag.iti__ga{height:15px;background-position:-1819px 0;}.frm_forms .iti__flag.iti__gb{height:10px;background-position:-1841px 0;}.frm_forms .iti__flag.iti__gd{height:12px;background-position:-1863px 0;}.frm_forms .iti__flag.iti__ge{height:14px;background-position:-1885px 0;}.frm_forms .iti__flag.iti__gf{height:14px;background-position:-1907px 0;}.frm_forms .iti__flag.iti__gg{height:14px;background-position:-1929px 0;}.frm_forms .iti__flag.iti__gh{height:14px;background-position:-1951px 0;}.frm_forms .iti__flag.iti__gi{height:10px;background-position:-1973px 0;}.frm_forms .iti__flag.iti__gl{height:14px;background-position:-1995px 0;}.frm_forms .iti__flag.iti__gm{height:14px;background-position:-2017px 0;}.frm_forms .iti__flag.iti__gn{height:14px;background-position:-2039px 0;}.frm_forms .iti__flag.iti__gp{height:14px;background-position:-2061px 0;}.frm_forms .iti__flag.iti__gq{height:14px;background-position:-2083px 0;}.frm_forms .iti__flag.iti__gr{height:14px;background-position:-2105px 0;}.frm_forms .iti__flag.iti__gs{height:10px;background-position:-2127px 0;}.frm_forms .iti__flag.iti__gt{height:13px;background-position:-2149px 0;}.frm_forms .iti__flag.iti__gu{height:11px;background-position:-2171px 0;}.frm_forms .iti__flag.iti__gw{height:10px;background-position:-2193px 0;}.frm_forms .iti__flag.iti__gy{height:12px;background-position:-2215px 0;}.frm_forms .iti__flag.iti__hk{height:14px;background-position:-2237px 0;}.frm_forms .iti__flag.iti__hm{height:10px;background-position:-2259px 0;}.frm_forms .iti__flag.iti__hn{height:10px;background-position:-2281px 0;}.frm_forms .iti__flag.iti__hr{height:10px;background-position:-2303px 0;}.frm_forms .iti__flag.iti__ht{height:12px;background-position:-2325px 0;}.frm_forms .iti__flag.iti__hu{height:10px;background-position:-2347px 0;}.frm_forms .iti__flag.iti__ic{height:14px;background-position:-2369px 0;}.frm_forms .iti__flag.iti__id{height:14px;background-position:-2391px 0;}.frm_forms .iti__flag.iti__ie{height:10px;background-position:-2413px 0;}.frm_forms .iti__flag.iti__il{height:15px;background-position:-2435px 0;}.frm_forms .iti__flag.iti__im{height:10px;background-position:-2457px 0;}.frm_forms .iti__flag.iti__in{height:14px;background-position:-2479px 0;}.frm_forms .iti__flag.iti__io{height:10px;background-position:-2501px 0;}.frm_forms .iti__flag.iti__iq{height:14px;background-position:-2523px 0;}.frm_forms .iti__flag.iti__ir{height:12px;background-position:-2545px 0;}.frm_forms .iti__flag.iti__is{height:15px;background-position:-2567px 0;}.frm_forms .iti__flag.iti__it{height:14px;background-position:-2589px 0;}.frm_forms .iti__flag.iti__je{height:12px;background-position:-2611px 0;}.frm_forms .iti__flag.iti__jm{height:10px;background-position:-2633px 0;}.frm_forms .iti__flag.iti__jo{height:10px;background-position:-2655px 0;}.frm_forms .iti__flag.iti__jp{height:14px;background-position:-2677px 0;}.frm_forms .iti__flag.iti__ke{height:14px;background-position:-2699px 0;}.frm_forms .iti__flag.iti__kg{height:12px;background-position:-2721px 0;}.frm_forms .iti__flag.iti__kh{height:13px;background-position:-2743px 0;}.frm_forms .iti__flag.iti__ki{height:10px;background-position:-2765px 0;}.frm_forms .iti__flag.iti__km{height:12px;background-position:-2787px 0;}.frm_forms .iti__flag.iti__kn{height:14px;background-position:-2809px 0;}.frm_forms .iti__flag.iti__kp{height:10px;background-position:-2831px 0;}.frm_forms .iti__flag.iti__kr{height:14px;background-position:-2853px 0;}.frm_forms .iti__flag.iti__kw{height:10px;background-position:-2875px 0;}.frm_forms .iti__flag.iti__ky{height:10px;background-position:-2897px 0;}.frm_forms .iti__flag.iti__kz{height:10px;background-position:-2919px 0;}.frm_forms .iti__flag.iti__la{height:14px;background-position:-2941px 0;}.frm_forms .iti__flag.iti__lb{height:14px;background-position:-2963px 0;}.frm_forms .iti__flag.iti__lc{height:10px;background-position:-2985px 0;}.frm_forms .iti__flag.iti__li{height:12px;background-position:-3007px 0;}.frm_forms .iti__flag.iti__lk{height:10px;background-position:-3029px 0;}.frm_forms .iti__flag.iti__lr{height:11px;background-position:-3051px 0;}.frm_forms .iti__flag.iti__ls{height:14px;background-position:-3073px 0;}.frm_forms .iti__flag.iti__lt{height:12px;background-position:-3095px 0;}.frm_forms .iti__flag.iti__lu{height:12px;background-position:-3117px 0;}.frm_forms .iti__flag.iti__lv{height:10px;background-position:-3139px 0;}.frm_forms .iti__flag.iti__ly{height:10px;background-position:-3161px 0;}.frm_forms .iti__flag.iti__ma{height:14px;background-position:-3183px 0;}.frm_forms .iti__flag.iti__mc{height:15px;background-position:-3205px 0;}.frm_forms .iti__flag.iti__md{height:10px;background-position:-3226px 0;}.frm_forms .iti__flag.iti__me{height:10px;background-position:-3248px 0;}.frm_forms .iti__flag.iti__mf{height:14px;background-position:-3270px 0;}.frm_forms .iti__flag.iti__mg{height:14px;background-position:-3292px 0;}.frm_forms .iti__flag.iti__mh{height:11px;background-position:-3314px 0;}.frm_forms .iti__flag.iti__mk{height:10px;background-position:-3336px 0;}.frm_forms .iti__flag.iti__ml{height:14px;background-position:-3358px 0;}.frm_forms .iti__flag.iti__mm{height:14px;background-position:-3380px 0;}.frm_forms .iti__flag.iti__mn{height:10px;background-position:-3402px 0;}.frm_forms .iti__flag.iti__mo{height:14px;background-position:-3424px 0;}.frm_forms .iti__flag.iti__mp{height:10px;background-position:-3446px 0;}.frm_forms .iti__flag.iti__mq{height:14px;background-position:-3468px 0;}.frm_forms .iti__flag.iti__mr{height:14px;background-position:-3490px 0;}.frm_forms .iti__flag.iti__ms{height:10px;background-position:-3512px 0;}.frm_forms .iti__flag.iti__mt{height:14px;background-position:-3534px 0;}.frm_forms .iti__flag.iti__mu{height:14px;background-position:-3556px 0;}.frm_forms .iti__flag.iti__mv{height:14px;background-position:-3578px 0;}.frm_forms .iti__flag.iti__mw{height:14px;background-position:-3600px 0;}.frm_forms .iti__flag.iti__mx{height:12px;background-position:-3622px 0;}.frm_forms .iti__flag.iti__my{height:10px;background-position:-3644px 0;}.frm_forms .iti__flag.iti__mz{height:14px;background-position:-3666px 0;}.frm_forms .iti__flag.iti__na{height:14px;background-position:-3688px 0;}.frm_forms .iti__flag.iti__nc{height:10px;background-position:-3710px 0;}.frm_forms .iti__flag.iti__ne{height:15px;background-position:-3732px 0;}.frm_forms .iti__flag.iti__nf{height:10px;background-position:-3752px 0;}.frm_forms .iti__flag.iti__ng{height:10px;background-position:-3774px 0;}.frm_forms .iti__flag.iti__ni{height:12px;background-position:-3796px 0;}.frm_forms .iti__flag.iti__nl{height:14px;background-position:-3818px 0;}.frm_forms .iti__flag.iti__no{height:15px;background-position:-3840px 0;}.frm_forms .iti__flag.iti__np{height:15px;background-position:-3862px 0;}.frm_forms .iti__flag.iti__nr{height:10px;background-position:-3877px 0;}.frm_forms .iti__flag.iti__nu{height:10px;background-position:-3899px 0;}.frm_forms .iti__flag.iti__nz{height:10px;background-position:-3921px 0;}.frm_forms .iti__flag.iti__om{height:10px;background-position:-3943px 0;}.frm_forms .iti__flag.iti__pa{height:14px;background-position:-3965px 0;}.frm_forms .iti__flag.iti__pe{height:14px;background-position:-3987px 0;}.frm_forms .iti__flag.iti__pf{height:14px;background-position:-4009px 0;}.frm_forms .iti__flag.iti__pg{height:15px;background-position:-4031px 0;}.frm_forms .iti__flag.iti__ph{height:10px;background-position:-4053px 0;}.frm_forms .iti__flag.iti__pk{height:14px;background-position:-4075px 0;}.frm_forms .iti__flag.iti__pl{height:13px;background-position:-4097px 0;}.frm_forms .iti__flag.iti__pm{height:14px;background-position:-4119px 0;}.frm_forms .iti__flag.iti__pn{height:10px;background-position:-4141px 0;}.frm_forms .iti__flag.iti__pr{height:14px;background-position:-4163px 0;}.frm_forms .iti__flag.iti__ps{height:10px;background-position:-4185px 0;}.frm_forms .iti__flag.iti__pt{height:14px;background-position:-4207px 0;}.frm_forms .iti__flag.iti__pw{height:13px;background-position:-4229px 0;}.frm_forms .iti__flag.iti__py{height:11px;background-position:-4251px 0;}.frm_forms .iti__flag.iti__qa{height:8px;background-position:-4273px 0;}.frm_forms .iti__flag.iti__re{height:14px;background-position:-4295px 0;}.frm_forms .iti__flag.iti__ro{height:14px;background-position:-4317px 0;}.frm_forms .iti__flag.iti__rs{height:14px;background-position:-4339px 0;}.frm_forms .iti__flag.iti__ru{height:14px;background-position:-4361px 0;}.frm_forms .iti__flag.iti__rw{height:14px;background-position:-4383px 0;}.frm_forms .iti__flag.iti__sa{height:14px;background-position:-4405px 0;}.frm_forms .iti__flag.iti__sb{height:10px;background-position:-4427px 0;}.frm_forms .iti__flag.iti__sc{height:10px;background-position:-4449px 0;}.frm_forms .iti__flag.iti__sd{height:10px;background-position:-4471px 0;}.frm_forms .iti__flag.iti__se{height:13px;background-position:-4493px 0;}.frm_forms .iti__flag.iti__sg{height:14px;background-position:-4515px 0;}.frm_forms .iti__flag.iti__sh{height:10px;background-position:-4537px 0;}.frm_forms .iti__flag.iti__si{height:10px;background-position:-4559px 0;}.frm_forms .iti__flag.iti__sj{height:15px;background-position:-4581px 0;}.frm_forms .iti__flag.iti__sk{height:14px;background-position:-4603px 0;}.frm_forms .iti__flag.iti__sl{height:14px;background-position:-4625px 0;}.frm_forms .iti__flag.iti__sm{height:15px;background-position:-4647px 0;}.frm_forms .iti__flag.iti__sn{height:14px;background-position:-4669px 0;}.frm_forms .iti__flag.iti__so{height:14px;background-position:-4691px 0;}.frm_forms .iti__flag.iti__sr{height:14px;background-position:-4713px 0;}.frm_forms .iti__flag.iti__ss{height:10px;background-position:-4735px 0;}.frm_forms .iti__flag.iti__st{height:10px;background-position:-4757px 0;}.frm_forms .iti__flag.iti__su{height:10px;background-position:-4779px 0;}.frm_forms .iti__flag.iti__sv{height:12px;background-position:-4801px 0;}.frm_forms .iti__flag.iti__sx{height:14px;background-position:-4823px 0;}.frm_forms .iti__flag.iti__sy{height:14px;background-position:-4845px 0;}.frm_forms .iti__flag.iti__sz{height:14px;background-position:-4867px 0;}.frm_forms .iti__flag.iti__ta{height:10px;background-position:-4889px 0;}.frm_forms .iti__flag.iti__tc{height:10px;background-position:-4911px 0;}.frm_forms .iti__flag.iti__td{height:14px;background-position:-4933px 0;}.frm_forms .iti__flag.iti__tf{height:14px;background-position:-4955px 0;}.frm_forms .iti__flag.iti__tg{height:13px;background-position:-4977px 0;}.frm_forms .iti__flag.iti__th{height:14px;background-position:-4999px 0;}.frm_forms .iti__flag.iti__tj{height:10px;background-position:-5021px 0;}.frm_forms .iti__flag.iti__tk{height:10px;background-position:-5043px 0;}.frm_forms .iti__flag.iti__tl{height:10px;background-position:-5065px 0;}.frm_forms .iti__flag.iti__tm{height:14px;background-position:-5087px 0;}.frm_forms .iti__flag.iti__tn{height:14px;background-position:-5109px 0;}.frm_forms .iti__flag.iti__to{height:10px;background-position:-5131px 0;}.frm_forms .iti__flag.iti__tr{height:14px;background-position:-5153px 0;}.frm_forms .iti__flag.iti__tt{height:12px;background-position:-5175px 0;}.frm_forms .iti__flag.iti__tv{height:10px;background-position:-5197px 0;}.frm_forms .iti__flag.iti__tw{height:14px;background-position:-5219px 0;}.frm_forms .iti__flag.iti__tz{height:14px;background-position:-5241px 0;}.frm_forms .iti__flag.iti__ua{height:14px;background-position:-5263px 0;}.frm_forms .iti__flag.iti__ug{height:14px;background-position:-5285px 0;}.frm_forms .iti__flag.iti__uk{height:10px;background-position:-5307px 0;}.frm_forms .iti__flag.iti__um{height:11px;background-position:-5329px 0;}.frm_forms .iti__flag.iti__un{height:14px;background-position:-5351px 0;}.frm_forms .iti__flag.iti__us{height:11px;background-position:-5373px 0;}.frm_forms .iti__flag.iti__uy{height:14px;background-position:-5395px 0;}.frm_forms .iti__flag.iti__uz{height:10px;background-position:-5417px 0;}.frm_forms .iti__flag.iti__va{height:15px;background-position:-5439px 0;}.frm_forms .iti__flag.iti__vc{height:14px;background-position:-5456px 0;}.frm_forms .iti__flag.iti__ve{height:14px;background-position:-5478px 0;}.frm_forms .iti__flag.iti__vg{height:10px;background-position:-5500px 0;}.frm_forms .iti__flag.iti__vi{height:14px;background-position:-5522px 0;}.frm_forms .iti__flag.iti__vn{height:14px;background-position:-5544px 0;}.frm_forms .iti__flag.iti__vu{height:12px;background-position:-5566px 0;}.frm_forms .iti__flag.iti__wf{height:14px;background-position:-5588px 0;}.frm_forms .iti__flag.iti__ws{height:10px;background-position:-5610px 0;}.frm_forms .iti__flag.iti__xk{height:15px;background-position:-5632px 0;}.frm_forms .iti__flag.iti__ye{height:14px;background-position:-5654px 0;}.frm_forms .iti__flag.iti__yt{height:14px;background-position:-5676px 0;}.frm_forms .iti__flag.iti__za{height:14px;background-position:-5698px 0;}.frm_forms .iti__flag.iti__zm{height:14px;background-position:-5720px 0;}.frm_forms .iti__flag.iti__zw{height:10px;background-position:-5742px 0;}.frm_forms .iti__flag{height:var(--iti-flag-height);box-shadow:0 0 1px 0 #888;background-repeat:no-repeat;background-position:var(--iti-flag-width) 0;}.frm_forms .iti__globe{background-size:contain;background-position:right;box-shadow:none;height:19px;}.with_frm_style .iti {
width: var(--field-width);
--iti-spacer-horizontal: 12px;
--iti-arrow-padding: 4px;
--iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding) + 8px);
--iti-hover-color: var(--bg-color-disabled);
}
@media only screen and (max-width: 782px) {
.with_frm_style .iti {
width: auto;
}
}
.with_frm_style .iti__country {
font-size: var(--field-font-size);
}
.with_frm_style .iti__selected-country {
background-color: unset !important;
}
.with_frm_style .iti__flag {
background-image: url(//theme1.tactilpad.com/wp-content/plugins/formidable-pro/images/intl-tel-input/flags.png?1);
transform: scale(0.9);
}
@media (min-resolution: 2x) {
.with_frm_style .iti__flag {
background-image: url(//theme1.tactilpad.com/wp-content/plugins/formidable-pro/images/intl-tel-input/flags@2x.png?1);
}
}
.with_frm_style .iti__globe {
background-image: url(//theme1.tactilpad.com/wp-content/plugins/formidable-pro/images/intl-tel-input/globe.png);
}
@media (min-resolution: 2x) {
.with_frm_style .iti__globe {
background-image: url(//theme1.tactilpad.com/wp-content/plugins/formidable-pro/images/intl-tel-input/globe@2x.png);
}
}
.with_frm_style .iti__arrow {
border: 0;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1667 7.16669L8.00004 9.50002L5.83337 7.16669' stroke='%2398A2B3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.with_frm_style .iti--container {
position: absolute;
}
.with_frm_style .iti--fullscreen-popup .iti__dropdown-content {
padding: 20px 15px;
} @keyframes passing-through {
0% {
opacity: 0;
transform: translateY(40px);
}
30%, 70% {
opacity: 1;
transform: translateY(0px);
}
100% {
opacity: 0;
transform: translateY(-40px);
}
}
@keyframes slide-in {
0% {
opacity: 0;
transform: translateY(40px);
}
30% {
opacity: 1;
transform: translateY(0px);
}
}
.frm_dropzone, .frm_dropzone * {
box-sizing: border-box;
}
.frm_form_field:not(.frm_compact) .frm_dropzone {
max-width: 520px;
}
.frm_dropzone.frm_single_upload,
.frm_dropzone.dz-clickable {
min-height: 36px;
margin-top: 5px;
line-height: 1.42857143;
}
.frm_dropzone.dz-clickable * {
cursor: default;
}
.frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload,
.frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload,
.frm_form_field.frm_full .frm_dropzone.dz-started.frm_single_upload,
.frm_form_field.frm_full_upload .frm_dropzone.dz-started.frm_single_upload{
max-width:100%;
}
.frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload .dz-message,
.frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload .dz-message{
margin: .5em 0 1em;
}
.frm_dropzone .dz-message{
border: 1px dashed #98A2B3;
background:#ffffff;
padding: 24px;
border-radius: 8px;
border-radius: var(--border-radius);
cursor: pointer;
display:none;
font-size: 14px;
text-align: center;
margin: 0;
}
.frm_dropzone.frm_single_upload.dz-started .dz-message{
display: none;
}
.frm_dropzone.dz-clickable .dz-message,
.frm_dropzone .frm_upload_icon{
display:block;
}
.frm_dropzone.dz-clickable .dz-message,
.frm_dropzone.dz-clickable .dz-message * {
cursor: pointer;
}
#frm_form_editor_container .frm_dropzone.dz-clickable,
#frm_form_editor_container .frm_dropzone.dz-clickable *{
cursor: default;
}
.frm_dropzone.dz-drag-hover .dz-message {
opacity: 0.5;
}
.frm_dropzone .frm_upload_icon:before{
font-size:40px;
}
.frm_dropzone .frm_small_text {
font-size: 12px;
color: #98A2B3;
color: var(--form-desc-color);
margin-top: 4px;
}
.frm_dropzone .frm_small_text p {
margin: 0;
}
.frm_dropzone.dz-drag-hover {
border-style: solid;
}
.frm_dropzone .dz-preview {
display: flex;
gap: 8px;
border-radius: 8px;
border-radius: var(--border-radius);
padding: 12px;
margin-bottom: 8px;
}
.frm_form_field:not(.frm_compact) .frm_dropzone .dz-preview {
border: 1px solid #EAECF0;
}
.frm_form_field:not(.frm_compact) .frm_dropzone.frm_multi_upload .dz-message + .dz-preview {
margin-top: 16px;
}
.frm_dropzone .dz-preview:last-child {
margin-bottom: 0;
}
.frm_dropzone .dz-preview:hover {
z-index: 1000;
}
.frm_dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1;
}
.frm_dropzone .dz-preview.dz-image-preview .dz-details {
transition: opacity 0.2s linear;
}
.frm_dropzone .dz-preview .dz-remove {
cursor: pointer;
border: none;
float: right;
}
.frm_dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.frm_dropzone .dz-preview .dz-details {
font-size: 14px;
font-weight: 500;
}
.frm_dropzone .dz-preview .dz-details .dz-size,
.frm_dropzone .dz-preview .dz-details .dz-filename {
display: inline-block;
overflow: hidden;
white-space: nowrap;
}
.frm_dropzone .dz-preview .dz-details .dz-size,
.frm_dropzone .dz-preview .dz-details .dz-size strong {
color: #98A2B3;
color: var(--form-desc-color);
font-weight: 400;
}
.frm_dropzone .dz-preview .dz-details .dz-filename {
max-width: 65%;
text-overflow: ellipsis;
}
.frm_dropzone .dz-preview .dz-details .dz-filename a{
cursor:pointer;
}
.frm_dropzone .dz-preview .dz-column {
flex-grow: 1;
max-width: 100%;
}
.frm_dropzone .dz-preview .dz-image {
max-width: 30%;
overflow: hidden;
}
.frm_dropzone .dz-preview .dz-image img {
max-height: 32px;
border-radius: 8px;
border-radius: var(--border-radius);
}
.frm_dropzone .dz-preview.dz-success .dz-success-mark {
-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.frm_dropzone .dz-preview.dz-processing .dz-progress {
transition: all 0.2s linear;
}
.frm_dropzone .dz-preview .dz-progress {
pointer-events: none;
position: relative;
height: 6px;
width: 100%;
background: #EAECF0;
background: var(--progress-bg-color);
-webkit-transform: scale(1);
border-radius: 8px;
border-radius: var(--border-radius);
overflow: hidden;
}
.frm_dropzone .dz-preview .dz-progress .dz-upload,
.frm_dropzone .dz-preview.dz-complete .dz-progress{
background: #333;
background: linear-gradient(to bottom, #666, #444);
}
.frm_dropzone .dz-preview .dz-progress .dz-upload {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
transition: width 300ms ease-in-out;
}
.frm_dropzone .dz-preview.dz-error .dz-error-message {
display: block;
opacity: 1;
pointer-events: auto;
}
.frm_dropzone .dz-preview .dz-error-message {
pointer-events: none;
display: none;
opacity: 0;
transition: opacity 0.3s ease;
color: #B94A48;
padding: 0.5em;
}
.frm_dropzone .fallback input[type=file]{
display:block;
} .frm_compact_text{
display:none;
}
.frm_compact .frm_dropzone.dz-clickable{
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 8px;
padding:0;
border:none;
background-color:transparent;
}
.frm_compact .frm_dropzone.dz-clickable.frm_single_upload{
max-width:100%;
}
.frm_compact .frm_compact_text{
display:inline;
}
.frm_upload_text button,
.frm_compact_text button {
background: none !important;
color: inherit !important;
border: none !important;
padding: 0 !important;
font: inherit !important;
font-weight: 500 !important;
cursor: pointer !important;
outline: inherit !important;
height: auto !important;
white-space: break-spaces;
}
.frm_compact .frm_dropzone.dz-clickable.frm_single_upload .dz-message,
.frm_compact .frm_dropzone.dz-clickable .dz-message{
font-size:14px;
border:1px solid #dfdfdf;
background:#fff;
display: inline-block;
min-width: fit-content;
border-radius: 4px;
padding: 6px 11px;
box-sizing: border-box;
box-shadow: 0 1px 1px #eeeeee;
vertical-align: middle;
margin: 0 0 1em;
}
.frm_compact .frm_dropzone.frm_single_upload.dz-started .dz-message,
.frm_compact .frm_dropzone.frm_single_upload.dz-started.dz-clickable .dz-message {
display: none;
}
.frm_compact .frm_dropzone .frm_upload_icon:before{
font-size:22px;
padding-right:7px;
vertical-align: middle;
}
.frm_compact .frm_dropzone .frm_upload_icon{
display:inline;
}
.frm_compact .frm_dropzone .dz-preview{
min-height:20px;
max-width:200px;
margin: 0 5px;
padding: 0;
display: inline-block;
border-bottom: none;
}
.frm_compact .frm_dropzone .dz-preview.frm_clearfix:after {
content:'';
}
.frm_compact .frm_dropzone .frm_upload_text,
.frm_compact .frm_dropzone .frm_small_text,
.frm_compact .frm_dropzone .dz-preview .dz-image,
.frm_compact .frm_dropzone .dz-preview .dz-details .dz-size{
display:none;
}
.frm_compact .frm_dropzone .dz-preview .dz-details {
margin: 0;
}
.frm_compact .frm_dropzone .dz-preview .dz-column {
float: none;
width: 100%;
}
.frm_compact .frm_dropzone .dz-preview .dz-details .dz-filename {
overflow: hidden;
text-overflow: ellipsis;
} .frm-show-form .dz-hidden-input{
display:none;
}
.frm_rootline_group{
text-align: center;
margin: 20px auto 30px;
width: 100%;
}
ul.frm_page_bar{
list-style-type: none;
margin: 0 !important;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
ul.frm_rootline {
align-items: baseline;
}
ul.frm_page_bar li{
display: flex;
flex: 1;
align-items: center;
justify-content: center;
flex-direction: column;
}
.frm_page_bar.frm_hidden,
.frm_page_bar .frm_hidden {
display: none !important;
}
ul.frm_rootline_hidden_steps {
z-index: 1;
display: flex;
width: auto;
position: absolute;
background: #fff;
padding: 16px;
gap: 16px;
flex-direction: column;
border-radius: 6px;
box-shadow: 0px 8px 24px rgb(40 47 54 / 15%);
top: calc( var(--progress-size) + 10px );
}
.frm_show_titles ul.frm_rootline_hidden_steps {
min-width: min(100%, 400px);
}
ul.frm_rootline_hidden_steps li {
white-space: nowrap;
text-align: start;
z-index: 1;
cursor: pointer;
flex-direction: row;
gap: 16px;
position: relative;
}
.frm_rootline_hidden_steps li span.frm_rootline_title.frm_prev_page_title{
text-decoration: line-through;
opacity: 0.45;
font-weight: 400;
}
.frm_rtl .frm_rootline.frm_show_lines > .frm_rootline_single:first-child::after,
.frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after,
.frm_rootline.frm_show_lines > .frm_rootline_single:after {
height: var(--progress-border-size);
background: var(--progress-border-color);
content: '';
position: absolute;
top: 12px; top: calc( ( var(--progress-size) / 2 ) - var(--progress-border-size) );	left: 50%;
width: 100%;
z-index: -1;
}
.frm_rtl .frm_rootline.frm_show_lines > .frm_rootline_single::after {
right: 50%;
left: auto;
}
.frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:last-child::after,
.frm_rootline.frm_show_lines > .frm_rootline_single:last-child::after {
content: none;
}
.frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after {
width: var(--progress-border-size);
height: 100%;
top: max( 50%, 20px ); left: calc( ( var(--progress-size) / 2 ) - var(--progress-border-size) );
}
.frm_rtl .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after {
right: calc( ( var(--progress-size) / 2 ) + var(--progress-border-size) );
left: auto;
}
.frm_rootline_hidden_steps .frm_rootline_title {
flex: 1;
}
.frm_rootline_hidden_steps .frm_rootline_single input {
margin: 0 !important;
}
.frm_page_bar .frm_rootline_single input{
margin-bottom: 2px;
font-size: 14px;
}
.frm_forms .frm_page_bar input,
.frm_forms .frm_page_bar input:disabled{
transition: background-color 0.1s ease;
color: var(--progress-color) ;
background-color: var(--progress-bg-color) ;
border-width: var(--progress-border-size) ;
border-style: solid;
border-color: var(--progress-border-color-b) ;
cursor: pointer ;
}
.frm_forms .frm_page_bar input:hover,
.frm_forms .frm_page_bar input:focus{
color: #2b3747;
background-color: #d6d6d6;
}
.frm_forms .frm_rootline input {
font-size: 14px;
font-weight: 500;
}
.frm_forms .frm_rootline input:hover {
opacity: 1;
}
.frm_forms .frm_rootline input:focus{
outline: none;
}
.frm_forms .frm_rootline .frm_rootline_single input {
border-width: 0;
}
.frm_forms .frm_progress_line input.frm_page_back {
background-color: var(--progress-active-bg-color) ;
}
.frm_forms .frm_rootline input.frm_page_back {
background-color: var(--progress-color);
color: var(--progress-active-color);
}
.frm_forms .frm_rootline input.frm_page_back:hover,
.frm_forms .frm_rootline input.frm_page_back:focus{
background-color: #6c7888;
color: #ffffff;
}
.frm_forms .frm_page_bar .frm_current_page input[type="button"]{
background-color: var(--progress-bg-color);
border-color: var(--progress-border-color);
}
.frm_progress .frm_rootline_single{
text-align: center;
margin: 0;
padding: 0;
}
.frm_rootline > .frm_rootline_single {
min-width: 50px;
position: relative;
padding: 0 10px;
margin-left: 0;
margin-right: 0;
}
.frm_rootline.frm_show_titles > .frm_rootline_single {
min-width: min(150px, 30%);
}
.frm_rootline_single input{
display: flex;
text-align: center;
justify-content: center;
margin: auto;
}
.frm_rootline_hidden_steps .frm_rootline_single input{
display: inline-block;
}
.frm_current_page .frm_rootline_title {
color: var(--progress-active-bg-color) ;
}
.frm_rootline_title,
.frm_pages_complete,
.frm_percent_complete {
font-size: 12px;
font-weight: 500;
padding: 6px 0;
color: var(--text-color) ;
}
.frm_rootline_title {
font-size: 14px;
}
.frm_pages_complete {
float: right;
}
.frm_percent_complete {
float: left;
}
.frm_forms .frm_progress_line input,
.frm_forms .frm_progress_line input:disabled {
width: 100%;
border: none;
border-top: 1px solid var(--progress-border-color);
border-bottom: 1px solid var(--progress-border-color);
box-shadow: inset 0 2px 10px -10px rgba(41, 58, 82, 0.31);
margin: 0;
padding: 0;
border-radius: 0;
font-size: 0;
line-height: 15px;
}
.frm_forms .frm_progress_line.frm_show_lines input {
border-left: 1px solid var(--progress-color);
border-right: 1px solid var(--progress-color);
}
.frm_progress_line .frm_rootline_single {
justify-content: flex-end;
margin: 0;
}
.frm_forms .frm_progress_line li:first-of-type input {
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
border-left: 1px solid var(--progress-active-bg-color);
}
.frm_forms .frm_progress_line li:last-of-type input {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-right: 1px solid var(--progress-active-bg-color);
}
.frm_forms .frm_progress_line li:last-of-type input.frm_page_skip {
border-right: 1px solid var(--progress-border-color);
}
.frm_forms .frm_progress_line .frm_current_page input[type="button"] {
border-left: 1px solid var(--progress-border-color);
}
.frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] {
border-right: 1px solid var(--progress-color);
}
.frm_forms .frm_progress_line input.frm_page_back {
border-color: var(--progress-active-bg-color);
}
.frm_forms .frm_progress_line.frm_show_lines input.frm_page_back {
border-left-color: var(--progress-active-bg-color);
border-right-color: var(--progress-color);
} .frm_rtl.frm_forms .frm_progress_line li:first-of-type input {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
border-right: 1px solid var(--progress-active-bg-color);
}
.frm_rtl.frm_forms .frm_progress_line li:last-of-type input	{
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-left: 1px solid var(--progress-active-bg-color);
}
.frm_rtl.frm_forms .frm_progress_line li:last-of-type input.frm_page_skip {
border-left: 1px solid var(--progress-border-color);
border-right:none;
}
.frm_rtl.frm_forms .frm_progress_line .frm_current_page input[type="button"] {
border-right: 1px solid var(--progress-border-color);
border-left:none;
}
.frm_rtl.frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] {
border-left: 1px solid var(--progress-color);
border-right:none;
} .frm_rootline_single > .frm_rootline_node {
position: relative;
}
.frm_rootline.frm_show_lines{
position: relative;
z-index: 1;
}
.frm_rootline.frm_show_lines span{
display: block;
}
.frm_forms .frm_rootline input {
width: var(--progress-size);
height: var(--progress-size);
min-height: auto;
border-radius: var(--progress-size);
padding: 0;
}
.frm_forms input.frm_rootline_show_more_btn {
font-weight: 900;
}
.frm_forms .frm_rootline.frm_no_numbers input.frm_rootline_show_more_btn {
color: var(--progress-color) !important;
}
.frm_page_bar input.frm_rootline_show_more_btn.active {
opacity: 1;
}
.frm_forms .frm_rootline input:focus {
border-color: var(--progress-active-bg-color) ;
}
.frm_forms .frm_rootline .frm_current_page input[type="button"] {
border-color: #4386e2;
background-color: var(--progress-active-bg-color);
color: var(--progress-active-color);
}
.frm_forms .frm_progress_line input,
.frm_forms .frm_progress_line input:disabled,
.frm_forms .frm_progress_line .frm_current_page input[type="button"],
.frm_forms .frm_rootline.frm_no_numbers input,
.frm_forms .frm_rootline.frm_no_numbers .frm_current_page input[type="button"] {
color: transparent !important;
}
.frm_rootline_show_hidden_steps_btn:not(.active)>.frm_rootline_title{
display: none;
}
@media only screen and (max-width: 700px) {
.frm_show_titles ul.frm_rootline_hidden_steps {
min-width: 16px;
}
}
@media only screen and (max-width: 500px) {
.frm_rootline.frm_rootline_4 span.frm_rootline_title,
.frm_rootline.frm_rootline_3 span.frm_rootline_title{
display:none;
}
} @media only screen and (max-width: 900px) {
.frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
.frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,
.frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
display: block !important;
}
}
@media only screen and (max-width: 600px) {
.frm_form_field.frm_four_col .frm_opt_container{
grid-template-columns: repeat(2, 1fr);
}
.with_frm_style .frm_repeat_inline,
.with_frm_style .frm_repeat_grid{
margin: 20px 0;
}
}
@media only screen and (max-width: 500px) {
.frm_form_field.frm_two_col .frm_radio,
.frm_form_field.frm_two_col .frm_checkbox,
.frm_form_field.frm_three_col .frm_radio,
.frm_form_field.frm_three_col .frm_checkbox{
width: auto;
margin-right: 0;
float: none;
display:block;
}
.frm_form_field input[type=file] {
max-width:220px;
}
.with_frm_style .frm-g-recaptcha > div > div,
.with_frm_style .g-recaptcha > div > div{
width:inherit !important;
display:block;
overflow:hidden;
max-width:302px;
border-right:1px solid #d3d3d3;
border-radius:4px;
box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
}
.with_frm_style .g-recaptcha iframe,
.with_frm_style .frm-g-recaptcha iframe{
width:100%;
}
}@-webkit-keyframes spinner__animation{0%{-webkit-animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner__animation{0%{-webkit-animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.coderockz-woo-delivery-block-container{margin-top:48px;position:relative}.coderockz-woo-delivery-block-container.processing{pointer-events:none;opacity:.5}.coderockz-woo-delivery-block-container.processing::after{-webkit-animation:1s linear infinite spinner__animation;animation:1s linear infinite spinner__animation;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:.2em solid;border-left:.2em solid transparent;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";height:1em;left:50%;margin:-.5em 0 0 -.5em;position:absolute;top:50%;-webkit-transform:translateZ(0) scale(.5);transform:translateZ(0) scale(.5);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;width:1em}.coderockz-woo-delivery-block-container input,.coderockz-woo-delivery-block-container select{cursor:pointer}.has-error .coderockz-woo-delivery-text-input.wc-block-components-text-input label{color:#cc1818!important}.has-error .coderockz-woo-delivery-text-input.wc-block-components-text-input input[type=text]{color:#cc1818!important;border-color:#cc1818!important}.coderockz-woo-delivery-date-label{pointer-events:none}:not(.has-error) .coderockz-woo-delivery-select.wc-blocks-components-select.not-selected .wc-blocks-components-select__select{color:#aaa}.has-error .coderockz-woo-delivery-select.wc-blocks-components-select .wc-blocks-components-select__select,.has-error .coderockz-woo-delivery-select.wc-blocks-components-select.not-selected .wc-blocks-components-select__select,.has-error .coderockz-woo-delivery-select.wc-blocks-components-select.not-selected .wc-blocks-components-select__select option{color:#cc1818}:not(.has-error) .coderockz-woo-delivery-select.wc-blocks-components-select.not-selected .wc-blocks-components-select__select option{color:#2b2d2f}.has-error .coderockz-woo-delivery-select.wc-blocks-components-select.not-selected .wc-blocks-components-select__select option:disabled,:not(.has-error) .coderockz-woo-delivery-select.wc-blocks-components-select.not-selected .wc-blocks-components-select__select option:disabled{color:light-dark(graytext,#aaa)}.mfp-wrap .mfp-container button:hover{background:transparent!important}.mfp-wrap .mfp-arrow:active{position:absolute;top:50%}.mfp-wrap .mfp-close:active{position:absolute;top:-10px}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{font-family:ETmodules;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mfp-fade.mfp-bg{opacity:.001;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade .mfp-wrap.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-fade .mfp-wrap .mfp-content{opacity:.001;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.mfp-bg{z-index:1000000;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1000001;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.55;filter:alpha(opacity=55);top:50%;margin:-32px 0 0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow-left{left:10px}.mfp-arrow-right{right:10px}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-arrow{background:none!important;margin-top:-32px!important;line-height:1em!important}.mfp-arrow,.mfp-arrow:after{width:48px!important;height:48px!important}.mfp-arrow:after{margin:0!important;top:0!important;border:none!important}.mfp-arrow-left{left:0!important}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border:none;font-size:64px;color:#fff}.mfp-arrow-left:before,.mfp-arrow-right:before{display:none}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{content:"4"}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{content:"5"}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{font-size:64px;font-family:Open Sans,Arial,sans-serif;font-weight:200;top:-10px;opacity:.2}.mfp-iframe-holder .mfp-close:hover,.mfp-image-holder .mfp-close:hover{opacity:1}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(//theme1.tactilpad.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0} .pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - 32px);top:32px}@media screen and (max-width:782px){.admin-bar .pswp{height:calc(100% - 46px);top:46px}}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(//theme1.tactilpad.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(//theme1.tactilpad.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(//theme1.tactilpad.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}:root{--woocommerce:#7F54B3;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#7F54B3;--wc-primary-text:white;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#b3af54;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{position:absolute;right:.7em;top:.7em;cursor:pointer}.woocommerce form .show-password-input::after,.woocommerce-page form .show-password-input::after{font-family:WooCommerce;speak:never;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"\e010";text-decoration:none}.woocommerce form .show-password-input.display-password::after,.woocommerce-page form .show-password-input.display-password::after{color:#585858}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}