Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
d2185889 by Jeff Balicki
Options

done

1 parent 53a071bb
Inline Side-by-side
Showing 57 changed files with 7343 additions and 14 deletions
No preview for this file type
No preview for this file type
Hello,
<br><br>
Thanks for purchasing our product.
<br><br>
You can read the documentation here <strong><a href="https://ninjateam.org/contact-form-7-multi-step-pro-doc/">Contact Form 7 Multi-step Pro Documentation</a></strong>
<br><br>
If you have any problems or questions, live chat with us at <strong><a href="https://m.me/ninjateam.org">Our Facebook page</a></strong> or submit a ticket at <strong><a href="https://ninja.ticksy.com/">Our Support Portal</a></strong>
<br><br>
Best regards,<br>
Tommy<br>
Ninja Team Support
\ No newline at end of file
GNU GENERAL PUBLIC LICENSE
Version 2, June 1991
Copyright (C) 1989, 1991 Free Software Foundation, Inc.
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
Preamble
The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public License is intended to guarantee your freedom to share and change free software--to make sure the software is free for all its users. This General Public License applies to most of the Free Software Foundation's software and to any other program whose authors commit to using it. (Some other Free Software Foundation software is covered by the GNU Lesser General Public License instead.) You can apply it to your programs, too.
When we speak of free software, we are referring to freedom, not price. Our General Public Licenses are designed to make sure that you have the freedom to distribute copies of free software (and charge for this service if you wish), that you receive source code or can get it if you want it, that you can change the software or use pieces of it in new free programs; and that you know you can do these things.
To protect your rights, we need to make restrictions that forbid anyone to deny you these rights or to ask you to surrender the rights. These restrictions translate to certain responsibilities for you if you distribute copies of the software, or if you modify it.
For example, if you distribute copies of such a program, whether gratis or for a fee, you must give the recipients all the rights that you have. You must make sure that they, too, receive or can get the source code. And you must show them these terms so they know their rights.
We protect your rights with two steps: (1) copyright the software, and (2) offer you this license which gives you legal permission to copy, distribute and/or modify the software.
Also, for each author's protection and ours, we want to make certain that everyone understands that there is no warranty for this free software. If the software is modified by someone else and passed on, we want its recipients to know that what they have is not the original, so that any problems introduced by others will not reflect on the original authors' reputations.
Finally, any free program is threatened constantly by software patents. We wish to avoid the danger that redistributors of a free program will individually obtain patent licenses, in effect making the program proprietary. To prevent this, we have made it clear that any patent must be licensed for everyone's free use or not licensed at all.
The precise terms and conditions for copying, distribution and modification follow.
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. This License applies to any program or other work which contains a notice placed by the copyright holder saying it may be distributed under the terms of this General Public License. The "Program", below, refers to any such program or work, and a "work based on the Program" means either the Program or any derivative work under copyright law: that is to say, a work containing the Program or a portion of it, either verbatim or with modifications and/or translated into another language. (Hereinafter, translation is included without limitation in the term "modification".) Each licensee is addressed as "you".
Activities other than copying, distribution and modification are not covered by this License; they are outside its scope. The act of running the Program is not restricted, and the output from the Program is covered only if its contents constitute a work based on the Program (independent of having been made by running the Program). Whether that is true depends on what the Program does.
1. You may copy and distribute verbatim copies of the Program's source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice and disclaimer of warranty; keep intact all the notices that refer to this License and to the absence of any warranty; and give any other recipients of the Program a copy of this License along with the Program.
You may charge a fee for the physical act of transferring a copy, and you may at your option offer warranty protection in exchange for a fee.
2. You may modify your copy or copies of the Program or any portion of it, thus forming a work based on the Program, and copy and distribute such modifications or work under the terms of Section 1 above, provided that you also meet all of these conditions:
a) You must cause the modified files to carry prominent notices stating that you changed the files and the date of any change.
b) You must cause any work that you distribute or publish, that in whole or in part contains or is derived from the Program or any part thereof, to be licensed as a whole at no charge to all third parties under the terms of this License.
c) If the modified program normally reads commands interactively when run, you must cause it, when started running for such interactive use in the most ordinary way, to print or display an announcement including an appropriate copyright notice and a notice that there is no warranty (or else, saying that you provide a warranty) and that users may redistribute the program under these conditions, and telling the user how to view a copy of this License. (Exception: if the Program itself is interactive but does not normally print such an announcement, your work based on the Program is not required to print an announcement.)
These requirements apply to the modified work as a whole. If identifiable sections of that work are not derived from the Program, and can be reasonably considered independent and separate works in themselves, then this License, and its terms, do not apply to those sections when you distribute them as separate works. But when you distribute the same sections as part of a whole which is a work based on the Program, the distribution of the whole must be on the terms of this License, whose permissions for other licensees extend to the entire whole, and thus to each and every part regardless of who wrote it.
Thus, it is not the intent of this section to claim rights or contest your rights to work written entirely by you; rather, the intent is to exercise the right to control the distribution of derivative or collective works based on the Program.
In addition, mere aggregation of another work not based on the Program with the Program (or with a work based on the Program) on a volume of a storage or distribution medium does not bring the other work under the scope of this License.
3. You may copy and distribute the Program (or a work based on it, under Section 2) in object code or executable form under the terms of Sections 1 and 2 above provided that you also do one of the following:
a) Accompany it with the complete corresponding machine-readable source code, which must be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or,
b) Accompany it with a written offer, valid for at least three years, to give any third party, for a charge no more than your cost of physically performing source distribution, a complete machine-readable copy of the corresponding source code, to be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or,
c) Accompany it with the information you received as to the offer to distribute corresponding source code. (This alternative is allowed only for noncommercial distribution and only if you received the program in object code or executable form with such an offer, in accord with Subsection b above.)
The source code for a work means the preferred form of the work for making modifications to it. For an executable work, complete source code means all the source code for all modules it contains, plus any associated interface definition files, plus the scripts used to control compilation and installation of the executable. However, as a special exception, the source code distributed need not include anything that is normally distributed (in either source or binary form) with the major components (compiler, kernel, and so on) of the operating system on which the executable runs, unless that component itself accompanies the executable.
If distribution of executable or object code is made by offering access to copy from a designated place, then offering equivalent access to copy the source code from the same place counts as distribution of the source code, even though third parties are not compelled to copy the source along with the object code.
4. You may not copy, modify, sublicense, or distribute the Program except as expressly provided under this License. Any attempt otherwise to copy, modify, sublicense or distribute the Program is void, and will automatically terminate your rights under this License. However, parties who have received copies, or rights, from you under this License will not have their licenses terminated so long as such parties remain in full compliance.
5. You are not required to accept this License, since you have not signed it. However, nothing else grants you permission to modify or distribute the Program or its derivative works. These actions are prohibited by law if you do not accept this License. Therefore, by modifying or distributing the Program (or any work based on the Program), you indicate your acceptance of this License to do so, and all its terms and conditions for copying, distributing or modifying the Program or works based on it.
6. Each time you redistribute the Program (or any work based on the Program), the recipient automatically receives a license from the original licensor to copy, distribute or modify the Program subject to these terms and conditions. You may not impose any further restrictions on the recipients' exercise of the rights granted herein. You are not responsible for enforcing compliance by third parties to this License.
7. If, as a consequence of a court judgment or allegation of patent infringement or for any other reason (not limited to patent issues), conditions are imposed on you (whether by court order, agreement or otherwise) that contradict the conditions of this License, they do not excuse you from the conditions of this License. If you cannot distribute so as to satisfy simultaneously your obligations under this License and any other pertinent obligations, then as a consequence you may not distribute the Program at all. For example, if a patent license would not permit royalty-free redistribution of the Program by all those who receive copies directly or indirectly through you, then the only way you could satisfy both it and this License would be to refrain entirely from distribution of the Program.
If any portion of this section is held invalid or unenforceable under any particular circumstance, the balance of the section is intended to apply and the section as a whole is intended to apply in other circumstances.
It is not the purpose of this section to induce you to infringe any patents or other property right claims or to contest validity of any such claims; this section has the sole purpose of protecting the integrity of the free software distribution system, which is implemented by public license practices. Many people have made generous contributions to the wide range of software distributed through that system in reliance on consistent application of that system; it is up to the author/donor to decide if he or she is willing to distribute software through any other system and a licensee cannot impose that choice.
This section is intended to make thoroughly clear what is believed to be a consequence of the rest of this License.
8. If the distribution and/or use of the Program is restricted in certain countries either by patents or by copyrighted interfaces, the original copyright holder who places the Program under this License may add an explicit geographical distribution limitation excluding those countries, so that distribution is permitted only in or among countries not thus excluded. In such case, this License incorporates the limitation as if written in the body of this License.
9. The Free Software Foundation may publish revised and/or new versions of the General Public License from time to time. Such new versions will be similar in spirit to the present version, but may differ in detail to address new problems or concerns.
Each version is given a distinguishing version number. If the Program specifies a version number of this License which applies to it and "any later version", you have the option of following the terms and conditions either of that version or of any later version published by the Free Software Foundation. If the Program does not specify a version number of this License, you may choose any version ever published by the Free Software Foundation.
10. If you wish to incorporate parts of the Program into other free programs whose distribution conditions are different, write to the author to ask for permission. For software which is copyrighted by the Free Software Foundation, write to the Free Software Foundation; we sometimes make exceptions for this. Our decision will be guided by the two goals of preserving the free status of all derivatives of our free software and of promoting the sharing and reuse of software generally.
NO WARRANTY
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
\ No newline at end of file
This theme or plugin is comprised of two parts.
(1) the PHP code and integrated HTML are licensed under the General Public
License (GPL). You will find a copy of the GPL in the same directory as this
text file.
(2) All other parts, but not limited to the CSS code, images, and design are
licensed according to the terms of your purchased license.
Read more about licensing here: http://themeforest.net/licenses
*, :after, :before {
box-sizing: initial;
}
body{
line-height: unset;
background-color: #f1f1f1;
}
.njt-cf7mls-modal-content .njt-cf7mls-modal-close .njt-cf7mls-modal-close-x i::before {
display: none !important;
}
.cf7mls-table .wp-picker-holder {
position: absolute;
z-index: 100;
}
#contact-form-editor .contact-form-editor-panel fieldset legend {
font-size: 14px;
}
a[class^="thickbox"][href$="cf7mls_step"] {
display: none;
}
#cf7mls-progress-bar .wp-picker-container .button,
#cf7mls_multi_step_wrap .wp-picker-container .button {
/* padding-right: 0px;
margin-right: 0px; */
}
/* ========= start form ========= */
.cf7mls-app-step-content .cf7mls-app-wrap-bt {
padding: 3px 0px;
}
.cf7mls-app-step-content .cf7mls-app-wrap-bt .hide {
display: none !important;
}
.cf7mls-wrap-form #cf7mls-app {
margin-bottom: 12px;
}
#contact-form-editor .contact-form-editor-panel {
padding: 16px 28px !important;
}
#contact-form-editor .contact-form-editor-panel .cf7mls-title-form {
height: 21px;
font-size: 18px;
color: #23282d;
margin-top: 0;
}
.cf7mls-wrap-form .cf7mls-description-form {
font-size: 13px;
color: #23282d;
padding-bottom: 4px;
}
.cf7mls-wrap-form .cf7mls-description-form a {
text-decoration: none;
}
.cf7mls-wrap-form #tag-generator-list a.button {
line-height: 27px;
}
.cf7mls-wrap-form .cf7mls-app-content {
display: inline-block;
padding: 20px 10px 26px 0px;
}
.cf7mls-wrap-form .cf7mls-app-content p {
padding: 0px;
height: 15px;
font-size: 13px;
font-style: normal;
color: #23282d;
}
.cf7mls-wrap-form .cf7mls-app-content input {
width: 245px;
height: 35px;
border-radius: 3px;
border: solid 1px #7f8993;
background-color: #ffffff;
}
.cf7mls-wrap-form .cf7mls-app-steps .nav-tab-active + a {
background-color: #fff;
}
@media only screen and (max-width: 1024px) {
.cf7mls-wrap-form .cf7mls-app-content input {
width: 100%;
}
}
#cf7mls-settings-panel .wp-picker-holder,
#cf7mls-progress-bar .wp-picker-holder {
position: absolute;
z-index: 100;
}
/* ========= end ========= */
/* ========= start multi step setting ========= */
#cf7mls-settings-panel .cf7mls_multi_step_wrap .cf7mls-title {
font-weight: bold;
}
#cf7mls-settings-panel .cf7mls_multi_step_wrap .cf7mls-title-color {
padding-bottom: 14px;
padding-bottom: 14px;
font-size: 18px;
line-height: 3.94;
color: #23282d;
margin: -13px 0px;
margin-top: -30px;
padding: 0px;
}
#cf7mls-settings-panel .cf7mls_multi_step_wrap .cf7mls-color-caption {
padding-bottom: 21px;
}
#cf7mls-settings-panel .cf7mls-group-color-bt-back p.cf7mls-title,
#cf7mls-settings-panel .cf7mls-group-color-bt-next p.cf7mls-title {
font-size: 14px;
font-weight: 500;
color: #23282d;
margin-bottom: -3px;
}
#cf7mls-settings-panel .cf7mls-group-color-bt-back,
#cf7mls-settings-panel .cf7mls-group-color-bt-next {
float: left;
width: 260px;
}
#cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-bg-color,
#cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-bg-color {
float: left;
width: 40%;
margin-right: 60px;
}
#cf7mls-settings-panel .cf7mls-wrap-text-color .cf7mls-label,
#cf7mls-settings-panel .cf7mls-wrap-text-color .cf7mls-label
#cf7mls-settings-panel .cf7mls-wrap-bg-color .cf7mls-label,
#cf7mls-settings-panel .cf7mls-wrap-bg-color .cf7mls-label{
margin: 1em 0px 5px 0px;
}
#cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-text-color,
#cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-text-color {
float: left;
}
#cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-text-color button.button,
#cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-text-color button.button,
#cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-bg-color button.button,
#cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-bg-color button.button {
padding: 0 0 0 36px;
border-radius: 4px;
}
#cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-text-color span.wp-picker-input-wrap,
#cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-text-color span.wp-picker-input-wrap,
#cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-bg-color span.wp-picker-input-wrap,
#cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-bg-color span.wp-picker-input-wrap,
#cf7mls-progress-bar .cf7mls-group-color-bt-next .cf7mls-wrap-bg-color span.wp-picker-input-wrap {
position: absolute;
}
#cf7mls-settings-panel .cf7mls-auto-scroll-wrap h2,
#cf7mls-settings-panel .cf7mls-transition-effects-wrap h2 {
float: left;
}
#cf7mls-settings-panel .cf7mls-auto-scroll-wrap .cf7mls-auto-scroll-title-wrap,
#cf7mls-settings-panel .cf7mls-transition-effects-wrap .cf7mls-transition-effects-wrap-title {
width: 136px;
}
#cf7mls-settings-panel .cf7mls-auto-scroll-wrap .cf7mls-auto-scroll-title {
font-size: 14px;
font-weight: 500;
color: #23282d;
}
#cf7mls-settings-panel .cf7mls-auto-scroll-wrap img{
display: block;
margin-top: 14px;
float: left;
margin-left: 8px;
}
#cf7mls-settings-panel .cf7mls-auto-scroll-wrap {
width: 250px;
margin-top: 31px;
overflow: hidden;
}
#cf7mls-settings-panel .cf7mls-transition-effects-wrap {
width: 250px;
margin-top: 20px;
overflow: hidden;
}
#cf7mls-settings-panel .cf7mls-transition-effects-wrap h2 {
font-size: 14px !important;
font-weight: 500 !important;
text-align: left;
line-height: normal !important;
color: #23282d;
}
#cf7mls-settings-panel .cf7mls-stype-transition-wrap {
float: left;
width: 100%;
margin-top: 27px;
}
#cf7mls-settings-panel .cf7mls_select_stype_transition {
clear: both;
padding-top: 4px;
font-size: 14px;
color: #23282d;
padding-bottom: 14px;
}
#cf7mls-settings-panel #cf7mls_select_stype_transition {
min-width: 250px;
}
/* ========= end ========= */
/* ========= start Progress Bar ========= */
#cf7mls-progress-bar .cf7mls_pogress_bar_wrap h2 {
font-size: 15px !important;
color: #23282d;
}
#cf7mls-progress-bar .cf7mls_pogress_bar_wrap {
margin-top: -20px;
float: left;
width: 35%;
}
#cf7mls-progress-bar {
overflow: hidden;
}
#cf7mls-progress-bar #cf7_mls_list_step_name_wrap {
display: none;
}
#cf7mls-progress-bar .cf7mls-group-pogress-bar {
}
#cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap {
margin-top: 26px;
margin-bottom: 26px;
}
#cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap,
#cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls-pogress-bar {
overflow: hidden;
}
#cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls-wrap-switch {
margin-right: 6px;
float: right;
}
#cf7mls-progress-bar .cf7mls-title-pogress-bar {
font-size: 15px !important;
color: #23282d !important;
float: left;
margin-top: 4px;
}
#cf7mls-progress-bar .cf7mls_progress_bar_filter, #cf7mls-progress-bar .cf7mls_bg_color_wrap h2{
float: left;
}
#cf7mls-progress-bar .cf7mls_bg_color_wrap h2 {
font-size: 15px !important;
color: #23282d;
margin-top: 5px !important;
}
#cf7mls-progress-bar .cf7mls_style_progess_bar_wrap {
position: relative;
}
#cf7mls_progress_bar_style,
#cf7mls_progress_bar_icon_style {
display: block;
width: 100%;
height: 35px;
margin-bottom: 35px;
border-color: #7f8993;
max-width: 100%;
}
#cf7mls_progress_bar_icon_style[disabled=disabled] {
cursor: not-allowed;
}
#cf7mls-progress-bar .cf7mls-select-style-text {
padding-bottom: 50px;
overflow: hidden;
border-bottom: 1px solid #e3e3e3;
display: flex;
}
#cf7mls-progress-bar .cf7mls-select-style-text .cf7mls-style-text-wrap {
width: 33%;
text-align: center;
background: #fff;
border: 1px solid #e6e6e6;
float: left;
cursor: pointer;
}
#cf7mls-progress-bar .cf7mls-select-style-text .cf7mls-style-text {
color: #5c5d5f;
padding: 8px 10px 8px 10px;
line-height: 0;
font-size: 15px;
font-weight: normal;
margin: 1em 0;
}
#cf7mls-progress-bar .cf7mls-select-style-text .active {
border: 1px solid #396e8f;
color: #396a84;
}
#cf7mls-progress-bar .cf7mls-select-style-text .active p {
color: #396a84;
}
#cf7mls-progress-bar .cf7mls-style-text-wrap:hover p {
color: #396a84;
}
#cf7mls-progress-bar .cf7mls-select-style-text div[data-style-text=horizontal] {
border-radius: 4px 0px 0px 4px;
}
#cf7mls-progress-bar .cf7mls-select-style-text div[data-style-text=no] {
border-radius: 0px 4px 4px 0px;
}
#cf7mls-progress-bar .cf7mls-pogress-bar-percent {overflow: hidden;padding-bottom:25px;margin-top: 25px;border-bottom: 1px solid #e3e3e3;}
#cf7mls-progress-bar .cf7mls-pogress-bar-percent .cf7mls-title-pogress-bar-percent {font-size: 15px !important;color: #23282d !important;float: left;}
#cf7mls-progress-bar .cf7mls-pogress-bar-percent .cf7mls-wrap-switch {
}
#cf7mls-progress-bar .cf7mls-pogress-bar-percent .cf7mls_bg_color_wrap {
clear: both;
padding-top: 45px;
}
#cf7mls-progress-bar .cf7mls-pogress-bar-percent .cf7mls_bg_color_wrap {
margin: 0px;
}
#cf7mls-progress-bar .cf7mls-pogress-bar-percent .wp-picker-container {
padding-top: 4px;
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap .cf7mls-allow-choose-step {
float: left;
margin-right: 10px;
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap .cf7mls-allow-choose-step input {
width: 18px;
height: 18px;
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap .cf7mls-allow-choose-step input:checked {
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap .cf7mls-text {
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.62;
letter-spacing: normal;
text-align: left;
color: #23282d;
float: left;
margin: 0px;
padding: 0px;
}
#cf7mls-progress-bar .cf7mls_bt_wrap {
overflow: hidden;
}
/* #cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
margin-top: 20px;
width: 63%;
} */
#cf7mls-progress-bar .wp-picker-container {
float: right;
padding: 0px;
margin: 0px 1px 0px 0px;
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap {padding-top: 25px; padding-bottom: 25px;}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap label {
position: relative;
min-height: 34px;
/* display: block; */
padding-left: 40px;
margin-bottom: 0;
cursor: text;
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap span.cf7mls-allow-choose-step-text{
position: absolute;
/* top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%); */
margin-top: 9px;
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap label:before {
content: '';
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 22px;
height: 22px;
transition: transform 0.28s ease;
border-radius: 3px;
border: 1px solid #d9d9d9;
cursor: pointer;
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap label[data-checked=on]:before {
background: #0073aa;
border: 1px solid #0073aa;
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap label:after {
content: '';
display: block;
width: 10px;
height: 5px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
transform: rotate(-45deg) scale(0);
-webkit-transform: rotate(-45deg) scale(0);
-ms-transform: rotate(-45deg) scale(0);
-moz-transform: rotate(-45deg) scale(0);
transition: transform ease 0.25s;
position: absolute;
top: 12px;
left: 10px;
cursor: pointer;
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap input[type="checkbox"]:checked ~ label:after {
transform: rotate(-45deg) scale(1);
-webkit-transform: rotate(-45deg) scale(1);
-ms-transform: rotate(-45deg) scale(1);
-moz-transform: rotate(-45deg) scale(1);
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap input {
display: none;
}
/* ========= end ========= */
/* ========= start css for switch ========= */
.cf7mls_multi_step_wrap .cf7mls-wrap-switch,
#cf7mls-progress-bar .cf7mls-wrap-switch {
float: right;
margin-top: 8px;
}
#cf7mls-settings-panel .cf7mls_switch,
#cf7mls-progress-bar .cf7mls_switch {
position: relative;
display: inline-block;
width: 40px;
height: 20px;
}
#cf7mls-settings-panel .cf7mls_switch input,
#cf7mls-progress-bar .cf7mls_switch input {
opacity: 0;
width: 0;
height: 0;
}
#cf7mls-settings-panel .cf7mls_switch .cf7mls_slider,
#cf7mls-progress-bar .cf7mls_switch .cf7mls_slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
#cf7mls-settings-panel .cf7mls_switch .cf7mls_slider:before,
#cf7mls-progress-bar .cf7mls_switch .cf7mls_slider:before{
position: absolute;
content: "";
height: 27px;
width: 27px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
top: 2px;
left: 2px;
}
#cf7mls-settings-panel .cf7mls_switch input:checked + .cf7mls_slider,
#cf7mls-progress-bar .cf7mls_switch input:checked + .cf7mls_slider {
background-color: #0073aa;
}
#cf7mls-settings-panel .cf7mls_switch input:focus + .cf7mls_slider,
#cf7mls-progress-bar .cf7mls_switch input:focus + .cf7mls_slider {
/* box-shadow: 0 0 1px #2196F3; */
}
#cf7mls-settings-panel .cf7mls_switch input:checked + .cf7mls_slider:before,
#cf7mls-progress-bar .cf7mls_switch input:checked + .cf7mls_slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
left: -4px;
}
#cf7mls-settings-panel .cf7mls_switch .cf7mls_round,
#cf7mls-progress-bar .cf7mls_switch .cf7mls_round {
border-radius: 34px;
height: 20px;
width: 40px;
}
#cf7mls-settings-panel .cf7mls_switch .cf7mls_round:before,
#cf7mls-progress-bar .cf7mls_switch .cf7mls_round:before {
border-radius: 50%;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
height: 16px;
width: 16px;
}
/* ========= end ========= */
/* ========= tooltip ========= */
#cf7mls-settings-panel .cf7mls-tooltip {
position: absolute;
cursor: auto;
}
#cf7mls-settings-panel .cf7mls-tooltip:hover:after {
display: block;
-webkit-justify-content: center;
justify-content: center;
content: attr(tooltip);
padding: 12px 10px;
background-color: #23282d;
width: 255px;
font-size: 13px;
font-style: normal;
line-height: 1.38;
text-align: left;
color: #ffffff;
margin-top: 42px;
position: absolute;
z-index: 99;
}
#cf7mls-settings-panel .cf7mls-tooltip:hover:before {
border: solid;
border-color: #23282d transparent;
border-width: 0px 6px 8px 6px;
content: "";
position: absolute;
top: 35px;
left: 6px;
}
#cf7mls-progress-bar .cf7mls-tooltip:hover:after {
display: block;
-webkit-justify-content: center;
justify-content: center;
content: attr(tooltip);
padding: 12px 10px;
font-size: 13px;
font-style: normal;
line-height: 1.38;
text-align: left;
color: #ffffff;
margin-top: -30px;
position: absolute;
z-index: 99;
width: 199px;
background-color: #23282d;
margin-left: 30px;
}
#cf7mls-progress-bar .cf7mls-tooltip {
padding-top: 2px;
padding-left: 6px;
position: absolute;
cursor: default;
}
#cf7mls-progress-bar .cf7mls-tooltip img{
vertical-align: unset;
}
#cf7mls-progress-bar .cf7mls-tooltip:hover:before{
border: solid;
border-color: #23282d transparent;
content: "";
position: absolute;
top: 3px;
left: 24px;
border-top: 8px solid transparent;
border-right: 12px solid #23282d;
border-bottom: 10px solid transparent;
}
/* ========= end ========= */
/* ========= start preview ========= */
#cf7mls-progress-bar .cf7mls_preview {
float: left;
width: 65%;
margin-top: 35px;
}
#cf7mls-progress-bar .cf7mls_browser {
overflow: hidden;
border-radius: 7px;
box-shadow: 0 1px 0 0 #e3e3e3;
background-color: #ffffff;
margin: 0 auto;
padding-bottom: 34px;
margin-left: 100px;
width: 80%;
}
#cf7mls-progress-bar .cf7mls_circle_wrap {
height: 50px;
background-color: #e5f1f6;
line-height: 57px;
padding-left: 22px;
border-radius: 7px 7px 0px 0px;
}
#cf7mls-progress-bar .cf7mls_circle {
border-radius: 50%;
margin-right: 6px;
display: inline-block;
width: 16px;
height: 16px;
background-color: rgba(0, 115, 170, 0.2);
}
#cf7mls-progress-bar .cf7mls_red_circle {
border-color: #E44054;
}
#cf7mls-progress-bar .cf7mls_yellow_circle {
border-color: #FFE372
}
#cf7mls-progress-bar .cf7mls_green_circle {
border-color: #7ED321
}
#cf7mls-progress-bar .cf7mls_block {
margin: 0 auto;
width: 90%;
}
#cf7mls-progress-bar .cf7mls_form_demo_one {
width: 100%;
height: 45px;
border-radius: 3px;
background-color: #f3f5f6;
margin-top: 5px;
}
#cf7mls-progress-bar .cf7mls_form_demo_two {
width: 100%;
height: 45px;
border-radius: 3px;
margin-top: 30px;
background-color: #f3f5f6;
}
#cf7mls-progress-bar .cf7mls_form_textarea_demo {
margin-top: 30px;
width: 100%;
height: 160px;
border-radius: 3px;
background-color: #f3f5f6;
}
#cf7mls-progress-bar .cf7mls_back_demo {
width: 100px;
height: 45px;
border-radius: 3px;
background-color: #e3e3e3;
margin-top: 30px;
float: left;
font-size: 14px;
font-weight: 500;
text-align: center;
color: #23282d;
line-height: 47px;
float: left;
}
#cf7mls-progress-bar .cf7mls_next_demo {
width: 100px;
height: 45px;
border-radius: 3px;
background-color: #0073aa;
line-height: 47px;
font-size: 14px;
font-weight: 500;
color: #ffffff;
margin-top: 30px;
text-align: center;
float: left;
margin-left: 10px;
float: right;
}
#cf7mls-progress-bar .cf7mls_preview .cf7mls_note {
font-size: 13px;
font-style: italic;
color: #23282d;
width: 67%;
margin: 0 auto;
padding-top: 18px;
}
/* ========= end ========= */
#cf7mls-progress-bar .hide {
display: none !important;
}
@media only screen and (max-width: 1024px) {
#cf7mls-progress-bar .cf7mls_preview {
float: none;
width: 100%;
}
#cf7mls-progress-bar .cf7mls_pogress_bar_wrap {
float: none;
width: 100%;
}
#cf7mls-progress-bar .cf7mls_browser {
width: 100%;
margin-top: 70px;
margin-left: 0;
}
/* #cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
width: 39%;
} */
#cf7mls-progress-bar .cf7mls_bt_wrap {
/* width: 53%; */
}
#cf7mls-progress-bar .cf7mls_bg_color_wrap h2 {
width: 100%;
}
#cf7mls-progress-bar .cf7mls_preview .cf7mls_note {
width: 100%;
}
#cf7mls-progress-bar .cf7mls-allow-choose-step-wrap .cf7mls-allow-choose-step input {
width: auto;
height: auto;
}
#cf7mls-progress-bar .cf7mls-select-style-text .cf7mls-style-text-wrap {
width: 32%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
#cf7mls-progress-bar .cf7mls_pogress_bar_wrap {
width: 85%;
}
#cf7mls-progress-bar .cf7mls_preview {
width: 100%;
margin-top: 50px;
}
/* #cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
width: 45%;
} */
#cf7mls-progress-bar .cf7mls_bt_wrap {
/* width: 46%; */
}
}
@media only screen and (min-width: 1280px) and (max-width: 1300px){
#cf7mls-progress-bar .cf7mls_bt_wrap {
/* width: 51%; */
}
/* #cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
width: 40%;
} */
}
@media only screen and (max-width: 415px) {
#cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls-wrap-switch {
margin-left: 0px;
clear: both;
}
#cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls-wrap-switch {
margin-left: 0px;
float: left;
}
#cf7mls-progress-bar .cf7mls-select-style-text .cf7mls-style-text-wrap {
width: 97% !important;
}
#cf7mls-progress-bar .cf7mls_bt_wrap {
/* width: 100%; */
}
#cf7mls-progress-bar .cf7mls-tooltip:hover:after {
width: 116px;
}
#cf7mls-settings-panel .cf7mls-tooltip:hover:after {
width: 130px;
}
#cf7mls-progress-bar .wp-picker-container {
float: left;
}
#cf7mls-progress-bar .cf7mls-select-style-text {
display: block;
}
}
@media only screen and (min-width: 1301px) and (max-width: 1440px) {
#cf7mls-progress-bar .cf7mls_pogress_bar_wrap {
width: 100%;
}
#cf7mls-progress-bar .cf7mls_preview {
width: 100%;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1600px){
#cf7mls-progress-bar .cf7mls-select-style-text {
display: block
}
#cf7mls-progress-bar .cf7mls-select-style-text .cf7mls-style-text-wrap {
width: 99%;
}
}
/* ============ Start Moana Support ============ */
.moana_design_btn_wrap {
display: none;
}
/* ============ End ============ */
.cf7mls-remove-step:hover {
color: #dd3333;
}
\ No newline at end of file
<svg width="14px" height="14px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
<g><path d="M500,10C229.4,10,10,229.4,10,500s219.4,490,490,490s490-219.4,490-490S770.6,10,500,10z M500,920C268,920,80,732,80,500S268,80,500,80s420,188,420,420S732,920,500,920z M500,220c-81.7,0-150.5,56.2-169.6,132c-5.5,21.8,10.8,43,33.2,43h1.3c15.9,0,29.4-10.8,33.4-26.3C410,323.5,451.1,290,500,290c57.9,0,105,47.1,105,105c0,37.4-20.1,72.2-52.5,91l0,0l0,0c-26,15.1-48,37.4-63.5,64.4c-8.3,14.4-14.4,29.9-18.5,45.9c-5.6,22.2,11,43.6,33.9,43.6l0,0c16,0,30.1-10.8,33.9-26.5c7-28,24.8-52.8,49.2-66.9l0,0l0,0C641.4,515.4,675,457.3,675,395C675,298.5,596.5,220,500,220z M500,710L500,710c19.4,0,35,15.6,35,35l0,0c0,19.4-15.6,35-35,35l0,0c-19.4,0-35-15.6-35-35l0,0C465,725.6,480.6,710,500,710z"/></g>
</svg>
\ No newline at end of file
(function($) {
jQuery(document).ready(function($) {
jQuery(".cf7mls-color-field").wpColorPicker();
jQuery('#cf7mls-progress-bar .cf7mls_progress_bar_filter').wpColorPicker(
{
change: function(event, ui){
// Change background color progress bar
let color = ui.color.toString();
cf7mls_change_color_bar(color);
}
}
);
if($("#cf7mls_progress_bar.cf7mls_progress_bar.cf7mls_bar_style_box_larerSign_squaren").height() >= 100) {
$('head').append('<style>.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:after{width: 74px;height: 74px;left: -36px;}</style>');
}
jQuery('#cf7mls-progress-bar .cf7mls_progress_bar_percent_filter').wpColorPicker(
{
change: function(event, ui){
// Change background color progress bar
let color = ui.color.toString();
// $('.cf7mls_progress_bar_percent_wrap .cf7mls_progress_barinner').css('background', color);
$('.cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_barinner').css('background', color);
}
}
);
var btnColorPickers = jQuery('button.wp-color-result')
for (var i = 0; i < btnColorPickers.length; i++) {
btnColorPickers[i].defaultValue = btnColorPickers[i].value
}
var title_steps = [];
if(cf7mls.steps.length >= 2 && Array.isArray(cf7mls.steps)) {
title_steps = cf7mls.steps;
}
$('#tag-generator-list a.thickbox').click(function(){
$( 'textarea#wpcf7-form' ).attr('id', 'wpcf7-form-bak');
});
var tb_unload_count = 1;
$(window).bind('tb_unload', function () {
if (tb_unload_count > 1) {
tb_unload_count = 1;
} else {
$( 'textarea#wpcf7-form-bak' ).attr('id', 'wpcf7-form');
tb_unload_count = tb_unload_count + 1;
}
});
//cf7mls_load_step_name(jQuery('#wpcf7-form').val());
// $("[data-config-field]").change(function() {
// var val = $(this).val();
// cf7mls_load_step_name(val);
//đây là đoạn code tớ xử lý, khi cái textarea kia change, thì load mấy cái input nhập name, mà có lúc dc lúc ko, có gì cậu coi giùm tớ nhé :d
// });
jQuery("#contact-form-editor").on("tabsactivate", function(event, ui) {
if(ui.newTab[0].id) {
if ((ui.newTab[0].id === "cf7mls-progress-bar-tab") && Array.isArray(title_steps)) {
cf7mls_load_step_name(title_steps);
}
}
});
// Transition effects
if($('#cf7mls_multi_step_wrap input.cf7mls_toggle_transition_effects').is(":checked") === false){
$('#cf7mls_multi_step_wrap .cf7mls-stype-transition-wrap').css('display', 'none');
}
$('#cf7mls_multi_step_wrap .cf7mls_switch').click(function(){
if($('#cf7mls_multi_step_wrap input.cf7mls_toggle_transition_effects').is(":checked")){
$('#cf7mls_multi_step_wrap input.cf7mls_toggle_transition_effects').attr('checked', true);
$('#cf7mls_multi_step_wrap .cf7mls-stype-transition-wrap').css('display', '');
}else {
$('#cf7mls_multi_step_wrap input.cf7mls_toggle_transition_effects').attr('checked', false);
$('#cf7mls_multi_step_wrap .cf7mls-stype-transition-wrap').css('display', 'none');
}
});
if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').is(":checked") === false){
$('#cf7mls_progress_bar').addClass('hide');
$('.cf7mls_number_step_wrap').addClass('hide');
$('.cf7mls_form_demo_one').css('margin-top', '28px');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress').addClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_progress_style_wrap').addClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .title_options_wrap').addClass('hide');
}else {
$('#cf7mls_progress_bar').removeClass('hide');
$('.cf7mls_number_step_wrap').removeClass('hide');
$('.cf7mls_form_demo_one').css('margin-top', '');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress').removeClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_progress_style_wrap').removeClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .title_options_wrap').removeClass('hide');
}
$('.cf7mls-pogress-bar .cf7mls_progress_bars_witch').click(function() {
if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').is(":checked")){
$('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').attr('checked', true);
$('#cf7mls_progress_bar').removeClass('hide');
$('.cf7mls_number_step_wrap').removeClass('hide');
$('.cf7mls_form_demo_one').css('margin-top', '');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress').removeClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_progress_style_wrap').removeClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .title_options_wrap').removeClass('hide');
}else {
$('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').attr('checked', false);
$('#cf7mls_progress_bar').addClass('hide');
$('.cf7mls_number_step_wrap').addClass('hide');
$('.cf7mls_form_demo_one').css('margin-top', '28px');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress').addClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_progress_style_wrap').addClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .title_options_wrap').addClass('hide');
}
});
$('.cf7mls-select-style-text .cf7mls-style-text-wrap').click(function() {
let enable_progress_bar = '';
if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').is(":checked") === false){
enable_progress_bar = 'hide';
}
$('.cf7mls-select-style-text .cf7mls-style-text-wrap').removeClass('active');
$('ul#cf7mls_progress_bar').attr('class', '');
let style_text = $(this).attr('data-style-text');
$('.cf7mls-select-style-text input.cf7mls-style-text').val(style_text);
let style_bar = $('#cf7mls_progress_bar_style').val();
let style_bar_icon = $('#cf7mls_progress_bar_icon_style').val();
if(style_bar == 'box_vertical' || style_bar == 'box_larerSign') {
style_bar_icon = 'squaren';
}
style_bar += '_' + style_bar_icon;
$('#cf7mls_progress_bar').addClass('cf7mls_progress_bar');
$('#cf7mls_progress_bar').addClass('cf7mls_bar_style_' + style_bar);
$('#cf7mls_progress_bar').addClass('cf7mls_bar_style_text_' + style_text);
$('#cf7mls_progress_bar').addClass(enable_progress_bar);
if(style_text == 'no') {
// let width = $('#cf7mls_progress_bar').attr('data-width-progress-bar');
// if(width) {
$('#cf7mls_progress_bar').css('width', '80%');
// }
}else {
$('#cf7mls_progress_bar').css('width', '');
}
$(this).addClass('active');
let stype_step_icon = ( $('#cf7mls_progress_bar_style').val() == 'box_vertical' || $('#cf7mls_progress_bar_style').val() == 'box_larerSign' ) ? 'squaren' : $('#cf7mls_progress_bar_icon_style').val();
let stype_step_bar = $('#cf7mls_progress_bar_style').val() + '_' + stype_step_icon ;
cf7mls_change_width_item(stype_step_bar, style_text);
let color_bar = $('.cf7mls_progress_bar_filter').val();
if(color_bar) {
cf7mls_change_color_bar(color_bar);
}
});
$(document).on('change', 'select#cf7mls_progress_bar_style', function(e) {
//e.preventDefault();
let enable_progress_bar = '';
if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').is(":checked") === false){
enable_progress_bar = 'hide';
}
var icon_style = $('select#cf7mls_progress_bar_icon_style').children("option:selected").val();
if($(this).children("option:selected").val() == 'box_vertical' || $(this).children("option:selected").val() == 'box_larerSign') {
icon_style = 'squaren';
$('select#cf7mls_progress_bar_icon_style').attr('disabled', '');
} else {
$('select#cf7mls_progress_bar_icon_style').removeAttr('disabled');
}
if($(this).children("option:selected").val() == 'navigation_horizontal' && $('.cf7mls-select-style-text .cf7mls-style-text-wrap.active').attr('data-style-text') == 'vertical') {
$('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').addClass('cf7_mls_steps_item_none');
setTimeout(() => {
$('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').removeClass('cf7_mls_steps_item_none');
$('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').addClass('cf7mls_active_line');
}, 100);
setTimeout(() => {
$('#cf7mls_progress_bar .cf7_mls_steps_item.cf7mls_active_line').removeClass('cf7mls_active_line');
}, 300);
}
if($(this).children("option:selected").val() == 'navigation_horizontal' && $('.cf7mls-select-style-text .cf7mls-style-text-wrap.active').attr('data-style-text') != 'vertical') {
$('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="1"] .cf7mls_progress_bar_title').addClass('cf7_mls_steps_item_none');
setTimeout(() => {
$('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="1"] .cf7mls_progress_bar_title').removeClass('cf7_mls_steps_item_none');
$('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="1"] .cf7mls_progress_bar_title').addClass('cf7mls_active_line');
}, 100);
setTimeout(() => {
$('#cf7mls_progress_bar .cf7_mls_steps_item .cf7mls_progress_bar_title.cf7mls_active_line').removeClass('cf7mls_active_line');
}, 300);
}
if($(this).children("option:selected").val() == 'horizontal' && $('.cf7mls-select-style-text .cf7mls-style-text-wrap.active').attr('data-style-text') != 'vertical') {
$('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').addClass('cf7_mls_steps_item_none');
setTimeout(() => {
$('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').removeClass('cf7_mls_steps_item_none');
$('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').addClass('cf7mls_active_line');
}, 100);
setTimeout(() => {
$('#cf7mls_progress_bar .cf7_mls_steps_item.cf7mls_active_line').removeClass('cf7mls_active_line');
}, 300);
}
var val = $(this).children("option:selected").val() + '_' + icon_style;
$('ul#cf7mls_progress_bar').attr('class', '');
$('ul#cf7mls_progress_bar').addClass('cf7mls_progress_bar');
$('ul#cf7mls_progress_bar').addClass('cf7mls_bar_style_' + val);
$('ul#cf7mls_progress_bar').addClass(enable_progress_bar);
let style_text = $('.cf7mls-select-style-text .active').attr('data-style-text');
$('ul#cf7mls_progress_bar').addClass('cf7mls_bar_style_text_' + style_text);
cf7mls_change_width_item(val, style_text);
let color_bar = $('.cf7mls_progress_bar_filter').val();
if(color_bar) {
cf7mls_change_color_bar(color_bar);
}
});
$(document).on('change', 'select#cf7mls_progress_bar_icon_style', function(e) {
//e.preventDefault();
let enable_progress_bar = '';
if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').is(":checked") === false){
enable_progress_bar = 'hide';
}
var progress_style = $('select#cf7mls_progress_bar_style').children("option:selected").val();
var icon_style = $(this).children("option:selected").val();
if(progress_style == 'box_vertical' || progress_style == 'box_larerSign') {
icon_style = 'squaren';
}
var val = progress_style + '_' + icon_style;
$('ul#cf7mls_progress_bar').attr('class', '');
$('ul#cf7mls_progress_bar').addClass('cf7mls_progress_bar');
$('ul#cf7mls_progress_bar').addClass('cf7mls_bar_style_' + val);
$('ul#cf7mls_progress_bar').addClass(enable_progress_bar);
let style_text = $('.cf7mls-select-style-text .active').attr('data-style-text');
$('ul#cf7mls_progress_bar').addClass('cf7mls_bar_style_text_' + style_text);
cf7mls_change_width_item(val, style_text);
let color_bar = $('.cf7mls_progress_bar_filter').val();
if(color_bar) {
cf7mls_change_color_bar(color_bar);
}
});
// Background Color Progress Bar
var progress_bar_bg_color = $('.cf7mls_progress_bar_filter').val();
$('head').append('<style id="cf7mls_style_progress_bar" type="text/css"></style>');
if(progress_bar_bg_color) {
cf7mls_change_color_bar(progress_bar_bg_color);
}
if(title_steps.length > 1) {
var title = title_steps[1].title;
$('#cf7mls-progress-bar').find('.cf7mls_number_step_wrap .cf7mls_step_current').text(title);
}
// Progress bar percent
if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar_percent').is(":checked") === false){
// $('.cf7mls_progress_bar_percent_wrap').addClass('hide');
$('.cf7mls_progress_bar_per_mobie_wrap').addClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress_percent').addClass('hide');
}else {
$('.cf7mls_progress_bar_per_mobie_wrap').removeClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress_percent').removeClass('hide');
}
$('.cf7mls-pogress-bar-percent .cf7mls_progress_bars_witch').click(function() {
if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar_percent').is(":checked")){
$('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar_percent').attr('checked', true);
// $('.cf7mls_progress_bar_percent_wrap').removeClass('hide');
$('.cf7mls_progress_bar_per_mobie_wrap').removeClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress_percent').removeClass('hide');
}else {
$('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar_percent').attr('checked', false);
// $('.cf7mls_progress_bar_percent_wrap').addClass('hide');
$('.cf7mls_progress_bar_per_mobie_wrap').addClass('hide');
$('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress_percent').addClass('hide');
}
});
// Background Color Progress Bar Percent
var progress_bar_per_color = $('.cf7mls_progress_bar_percent_filter').val();
if(progress_bar_per_color) {
// $('.cf7mls_progress_bar_percent_wrap .cf7mls_progress_barinner').css('background', progress_bar_per_color);
$('.cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_barinner').css('background', progress_bar_per_color);
}
$('.cf7mls-allow-choose-step-checkbox').click(function() {
if($(this).attr('data-checked') == 'off') {
$(this).attr('data-checked','on');
} else {
$(this).attr('data-checked','off');
}
});
// Allow Choose Step
$('#cf7mls-allow-choose-step-wrap').change(function() {
if(this.is(":checked") === false){
this.attr('checked', true);
}else {
this.attr('checked', false);
}
});
function cf7mls_load_step_name(val) {
if (val.length <= 1) {
$("#cf7mls_progress_bar").html("");
$("#cf7mls-progress-bar .cf7mls_number_step_wrap").empty();
} else {
// progress bar on computer
$('#cf7mls_progress_bar').empty();
let number_step_current = 1;
let style_text = $('.cf7mls-select-style-text .active').attr('data-style-text');
let selected_style = $('#cf7mls_progress_bar_style').val() + '_' + $('#cf7mls_progress_bar_icon_style').val();
let pro_bar_step_item = 'auto';
if(
((selected_style == 'horizontal_squaren') ||
(selected_style == 'horizontal_round') ||
(selected_style == 'box_vertical_squaren') ||
(selected_style == 'box_larerSign_squaren')) &&
((style_text == 'horizontal') ||
(style_text == 'no'))
) {
if(title_steps.length >= 3) {
pro_bar_step_item = (100/3) + '%';
}else {
pro_bar_step_item = (100/2) + '%';
}
}
if(style_text == 'vertical') {
if(title_steps.length >= 3) {
pro_bar_step_item = (100/3) + '%';
}else {
pro_bar_step_item = (100/2) + '%';
}
}
val.forEach(function(item, index) {
if(index < 3) {
var title = item.title.trim();
if(title.length > 7) {
title = item.title.substr(0, 7) + '...';
}
var classActive = '';
if(number_step_current == 2) {
classActive = 'cf7mls_active_line'
}
let format_step = '';
format_step += '<li class="cf7_mls_steps_item '+ classActive +'" data-step="'+number_step_current+'" style="width :' + pro_bar_step_item + '">';
format_step += '<div class="cf7_mls_steps_item_container">';
format_step += '<div class="cf7_mls_steps_item_icon">';
format_step += '<span class="cf7_mls_count_step">' + number_step_current + '</span>';
format_step += '<span class="cf7_mls_check">';
format_step += '<i>';
format_step += '<svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">';
format_step += '<path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path>';
format_step += '</svg>';
format_step += '</i>';
format_step += '</span>';
format_step += '</div>';
format_step += '<div class="cf7_mls_steps_item_content">';
format_step += '<p class="cf7mls_progress_bar_title">' + title + '</p>';
format_step += '<span class="cf7_mls_arrow_point_to_righ">';
format_step += '<i>';
format_step += '<svg x="0px" y="0px" width="8px" height="14px" viewBox="0 0 451.846 451.847" style="enable-background:new 0 0 451.846 451.847; xml:space="preserve">';
format_step += '<g>';
format_step += '<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744 L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284 c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"/>';
format_step += '</g>';
format_step += '</svg>';
format_step += '</i>';
format_step += '</span>';
format_step += '</div>';
format_step += '</div>';
format_step += '</li>';
$('#cf7mls_progress_bar').append(format_step);
number_step_current++;
}
});
let width_step_item = 14;
let width = width_step_item * Number(val.length);
if(width && val.length <= 3) {
$('#cf7mls_progress_bar').attr('data-width-progress-bar', width + '%');
}else {
// max 3 step in Preview
$('#cf7mls_progress_bar').attr('data-width-progress-bar', 14*3 + '%');
}
$('#cf7mls_progress_bar').css('width', '');
if(width <= 100 && width > 0 && style_text == 'no') {
$('#cf7mls_progress_bar').css('width', '80%');
}else if(style_text == 'no') {
// max 3 step in Preview
$('#cf7mls_progress_bar').css('width', '80%');
}
// progress bar on ipad, mobile
$('#cf7mls-progress-bar .cf7mls_number_step_wrap').empty();
let title_step = title_steps[1].title;
let count_step_curent = title_steps.length;
let html = '';
html += '<p class="cf7mls_number">';
html += ((count_step_curent > 3)? "2/3" : "2/" + count_step_curent);
html += '</p><p class="cf7mls_step_current">';
html += title_step +'</p>';
html += '<div class="cf7mls_progress_percent">';
html += '<div class="cf7mls_progress_bar_percent"><div class="cf7mls_progress_barinner"></div></div>';
$('#cf7mls-progress-bar .cf7mls_number_step_wrap').append(html);
if(val.length == 2) {
$('#cf7mls-progress-bar .cf7mls_progress_barinner').css('width', '100%');
// $('.cf7mls_progress_bar_percent_wrap p').text('100%');
$('.cf7mls_progress_bar_per_mobie_wrap p').text('100%');
}else if(val.length > 2) {
$('#cf7mls-progress-bar .cf7mls_progress_barinner').css('width', '50%');
// $('.cf7mls_progress_bar_percent_wrap p').text('50%');
$('.cf7mls_progress_bar_per_mobie_wrap p').text('50%');
}
setTimeout(() => {
$('#cf7mls_progress_bar .cf7_mls_steps_item.cf7mls_active_line').removeClass('cf7mls_active_line');
}, 200);
}
}
function cf7mls_change_width_item (style_step_bar, style_text) {
let pro_bar_step_item = '';
if(
((style_text == 'horizontal') ||
(style_text == 'no')) &&
((style_step_bar == 'horizontal_squaren') ||
(style_step_bar == 'horizontal_round')||
(style_step_bar == 'box_vertical_squaren')||
(style_step_bar == 'box_larerSign_squaren'))
) {
pro_bar_step_item = 'auto';
if(title_steps.length >= 3) {
pro_bar_step_item = (100/3) + '%';
}else {
pro_bar_step_item = (100/2) + '%';
}
}
if(style_text == 'vertical') {
pro_bar_step_item = 'auto';
if(title_steps.length >= 3) {
pro_bar_step_item = (100/3) + '%';
}else {
pro_bar_step_item = (100/2) + '%';
}
}
$('#cf7mls_progress_bar .cf7_mls_steps_item').css('width', pro_bar_step_item);
}
function cf7mls_change_color_bar(color) {
let style_bar = 'cf7mls_bar_style_' + $('#cf7mls_progress_bar_style').val();
let style_bar_icon = ($('#cf7mls_progress_bar_style').val() == 'box_vertical' || $('#cf7mls_progress_bar_style').val() == 'box_larerSign') ? 'squaren' : $('#cf7mls_progress_bar_icon_style').val();
style_bar += '_' + style_bar_icon;
let style_text = 'cf7mls_bar_style_text_' + $('.cf7mls-select-style-text .active').attr('data-style-text');
let css_item_icon = '.' + style_bar + '.' + style_text + ' li .cf7_mls_steps_item_icon { background: '+ color + ';}';
let css_item_icon_befor = '.' + style_bar + '.' + style_text + ' li:before { background: '+ color + ';}';
let css_bg_li = '.' + style_bar + '.' + style_text + ' li{ background: '+ color + ';}';
let css_step = '.' + style_bar + '.' + style_text + ' li .cf7_mls_count_step{ color: '+ color + ';}'
let css_check = '.' + style_bar + '.' + style_text + ' li .cf7_mls_check{ color: '+ color + ';}';
let css_li_after = '.' + style_bar + '.' + style_text + ' li:after{ background: '+ color + ';}';
//
let css_li = '.' + style_bar + '.' + style_text + ' li:nth-child';
let css_title_after = '.cf7mls_progress_bar_title:after{ background: '+ color + ';}';
let css_title_border = '.cf7mls_progress_bar_title:after{ border-color: '+ color + ';}'
let css_progress_bar = '';
// progress bar on ipad, mobile
css_progress_bar += '.cf7mls_number_step_wrap .cf7mls_progress_barinner { background:' + color + ';}';
// progress bar on computer
if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
(style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
(style_bar == 'cf7mls_bar_style_navigation_horizontal_round') ||
(style_bar == 'cf7mls_bar_style_largerSign_round')
) {
switch (style_text) {
case 'cf7mls_bar_style_text_horizontal':
css_progress_bar += css_item_icon;
if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
(style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
) {
css_progress_bar += css_li + '(1) ' + css_title_after;
}
if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
(style_bar == 'cf7mls_bar_style_largerSign_round')
) {
css_progress_bar += css_li + '(1) .cf7_mls_arrow_point_to_righ svg {fill: '+ color + ';}';
}
break;
case 'cf7mls_bar_style_text_vertical':
css_progress_bar += css_item_icon_befor;
if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
(style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
) {
css_progress_bar += css_li + '(2):after{ background: '+ color + ';}';
}
if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
(style_bar == 'cf7mls_bar_style_largerSign_round')
) {
css_progress_bar += css_li + '(2):after{ border-color: '+ color + ';}';
}
break;
case 'cf7mls_bar_style_text_no':
css_progress_bar += css_item_icon;
if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
(style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
) {
css_progress_bar += css_li + '(1) ' + css_title_after;
}
if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
(style_bar == 'cf7mls_bar_style_largerSign_round')
) {
css_progress_bar += css_li + '(1) ' + css_title_border;
}
break;
}
}
if((style_bar == 'cf7mls_bar_style_horizontal_squaren') ||
(style_bar == 'cf7mls_bar_style_horizontal_round')
) {
if(style_text == 'cf7mls_bar_style_text_horizontal') {
css_progress_bar += css_item_icon;
css_progress_bar += css_li + '(2):before {background-color:' + color + '!important}';
}
if((style_text == 'cf7mls_bar_style_text_vertical') ||
(style_text == 'cf7mls_bar_style_text_no')) {
css_progress_bar += css_item_icon_befor;
css_progress_bar += css_li + '(2):after {background-color:' + color + '!important}';
}
}
if(((style_bar == 'cf7mls_bar_style_box_vertical_squaren') ||
(style_bar == 'cf7mls_bar_style_box_larerSign_squaren')) &&
((style_text == 'cf7mls_bar_style_text_horizontal') ||
(style_text == 'cf7mls_bar_style_text_vertical') ||
(style_text == 'cf7mls_bar_style_text_no'))
) {
css_progress_bar += css_bg_li;
css_progress_bar += css_step;
css_progress_bar += css_check;
css_progress_bar += css_li_after;
}
jQuery('style#cf7mls_style_progress_bar').text(css_progress_bar);
}
});
/*$(document).on('change', '.cf7mls-tag-value', function(event) {
//event.preventDefault();
var back_btn_title = $('input[name="cf7mls-back-btn-button"]').val();
var next_btn_title = $('input[name="cf7mls-next-btn-button"]').val();
var cf7mls_value = back_btn_title + "\n" + next_btn_title;
//console.log(cf7mls_value);
$('textarea.cf7mls-values').val(cf7mls_value);
});*/
})(jQuery);
body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;color:rgba(0,0,0,.65);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-variant:tabular-nums;line-height:1.5;background-color:#fff;font-feature-settings:"tnum"}[tabindex="-1"]:focus{outline:none!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;color:rgba(0,0,0,.85);font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-top:0;margin-bottom:1em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0073aa;text-decoration:none;background-color:transparent;outline:none;cursor:pointer;transition:color .3s;-webkit-text-decoration-skip:objects}a:hover{color:#1d8cb8}a:active{color:#005685}a:active,a:hover{text-decoration:none;outline:0}a[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed;pointer-events:none}code,kbd,pre,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;color:rgba(0,0,0,.45);text-align:left;caption-side:bottom}th{text-align:inherit}button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}::selection{color:#fff;background:#0073aa}.clearfix{zoom:1}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.njt-cf7mlsicon{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.njt-cf7mlsicon>*{line-height:1}.njt-cf7mlsicon svg{display:inline-block}.njt-cf7mlsicon:before{display:none}.njt-cf7mlsicon .njt-cf7mlsicon-icon{display:block}.njt-cf7mlsicon[tabindex]{cursor:pointer}.njt-cf7mlsicon-spin,.njt-cf7mlsicon-spin:before{display:inline-block;animation:loadingCircle 1s linear infinite}.fade-appear,.fade-enter,.fade-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.fade-appear.fade-appear-active,.fade-enter.fade-enter-active{animation-name:antFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{animation-name:antFadeOut;animation-play-state:running;pointer-events:none}.fade-appear,.fade-enter{opacity:0}.fade-appear,.fade-enter,.fade-leave{animation-timing-function:linear}@keyframes antFadeIn{0%{opacity:0}to{opacity:1}}@keyframes antFadeOut{0%{opacity:1}to{opacity:0}}.move-up-appear,.move-up-enter,.move-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active{animation-name:antMoveUpIn;animation-play-state:running}.move-up-leave.move-up-leave-active{animation-name:antMoveUpOut;animation-play-state:running;pointer-events:none}.move-up-appear,.move-up-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-up-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-down-appear,.move-down-enter,.move-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active{animation-name:antMoveDownIn;animation-play-state:running}.move-down-leave.move-down-leave-active{animation-name:antMoveDownOut;animation-play-state:running;pointer-events:none}.move-down-appear,.move-down-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-down-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-left-appear,.move-left-enter,.move-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active{animation-name:antMoveLeftIn;animation-play-state:running}.move-left-leave.move-left-leave-active{animation-name:antMoveLeftOut;animation-play-state:running;pointer-events:none}.move-left-appear,.move-left-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-left-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-right-appear,.move-right-enter,.move-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active{animation-name:antMoveRightIn;animation-play-state:running}.move-right-leave.move-right-leave-active{animation-name:antMoveRightOut;animation-play-state:running;pointer-events:none}.move-right-appear,.move-right-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-right-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}@keyframes antMoveDownIn{0%{transform:translateY(100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveDownOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}to{transform:translateY(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveLeftIn{0%{transform:translateX(-100%);transform-origin:0 0;opacity:0}to{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveLeftOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}to{transform:translateX(-100%);transform-origin:0 0;opacity:0}}@keyframes antMoveRightIn{0%{transform:translateX(100%);transform-origin:0 0;opacity:0}to{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveRightOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}to{transform:translateX(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveUpIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveUpOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}to{transform:translateY(-100%);transform-origin:0 0;opacity:0}}@keyframes loadingCircle{to{transform:rotate(1turn)}}[ant-click-animating-without-extra-node=true],[ant-click-animating=true]{position:relative}html{--antd-wave-shadow-color:#0073aa}.ant-click-animating-node,[ant-click-animating-without-extra-node=true]:after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:inherit;box-shadow:0 0 0 0 #0073aa;box-shadow:0 0 0 0 var(--antd-wave-shadow-color);opacity:.2;animation:fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);animation-fill-mode:forwards;content:"";pointer-events:none}@keyframes waveEffect{to{box-shadow:0 0 0 #0073aa;box-shadow:0 0 0 6px var(--antd-wave-shadow-color)}}@keyframes fadeEffect{to{opacity:0}}.slide-up-appear,.slide-up-enter,.slide-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active{animation-name:antSlideUpIn;animation-play-state:running}.slide-up-leave.slide-up-leave-active{animation-name:antSlideUpOut;animation-play-state:running;pointer-events:none}.slide-up-appear,.slide-up-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-up-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-down-appear,.slide-down-enter,.slide-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active{animation-name:antSlideDownIn;animation-play-state:running}.slide-down-leave.slide-down-leave-active{animation-name:antSlideDownOut;animation-play-state:running;pointer-events:none}.slide-down-appear,.slide-down-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-left-appear,.slide-left-enter,.slide-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active{animation-name:antSlideLeftIn;animation-play-state:running}.slide-left-leave.slide-left-leave-active{animation-name:antSlideLeftOut;animation-play-state:running;pointer-events:none}.slide-left-appear,.slide-left-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-left-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-right-appear,.slide-right-enter,.slide-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active{animation-name:antSlideRightIn;animation-play-state:running}.slide-right-leave.slide-right-leave-active{animation-name:antSlideRightOut;animation-play-state:running;pointer-events:none}.slide-right-appear,.slide-right-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-right-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes antSlideUpIn{0%{transform:scaleY(.8);transform-origin:0 0;opacity:0}to{transform:scaleY(1);transform-origin:0 0;opacity:1}}@keyframes antSlideUpOut{0%{transform:scaleY(1);transform-origin:0 0;opacity:1}to{transform:scaleY(.8);transform-origin:0 0;opacity:0}}@keyframes antSlideDownIn{0%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}to{transform:scaleY(1);transform-origin:100% 100%;opacity:1}}@keyframes antSlideDownOut{0%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}to{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}}@keyframes antSlideLeftIn{0%{transform:scaleX(.8);transform-origin:0 0;opacity:0}to{transform:scaleX(1);transform-origin:0 0;opacity:1}}@keyframes antSlideLeftOut{0%{transform:scaleX(1);transform-origin:0 0;opacity:1}to{transform:scaleX(.8);transform-origin:0 0;opacity:0}}@keyframes antSlideRightIn{0%{transform:scaleX(.8);transform-origin:100% 0;opacity:0}to{transform:scaleX(1);transform-origin:100% 0;opacity:1}}@keyframes antSlideRightOut{0%{transform:scaleX(1);transform-origin:100% 0;opacity:1}to{transform:scaleX(.8);transform-origin:100% 0;opacity:0}}.swing-appear,.swing-enter{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.swing-appear.swing-appear-active,.swing-enter.swing-enter-active{animation-name:antSwingIn;animation-play-state:running}@keyframes antSwingIn{0%,to{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.zoom-appear,.zoom-enter,.zoom-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active{animation-name:antZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{animation-name:antZoomOut;animation-play-state:running;pointer-events:none}.zoom-appear,.zoom-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-appear,.zoom-big-enter,.zoom-big-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-big-appear.zoom-big-appear-active,.zoom-big-enter.zoom-big-enter-active{animation-name:antZoomBigIn;animation-play-state:running}.zoom-big-leave.zoom-big-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none}.zoom-big-appear,.zoom-big-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-fast-appear,.zoom-big-fast-enter,.zoom-big-fast-leave{animation-duration:.1s;animation-fill-mode:both;animation-play-state:paused}.zoom-big-fast-appear.zoom-big-fast-appear-active,.zoom-big-fast-enter.zoom-big-fast-enter-active{animation-name:antZoomBigIn;animation-play-state:running}.zoom-big-fast-leave.zoom-big-fast-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none}.zoom-big-fast-appear,.zoom-big-fast-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-fast-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-up-appear,.zoom-up-enter,.zoom-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-up-appear.zoom-up-appear-active,.zoom-up-enter.zoom-up-enter-active{animation-name:antZoomUpIn;animation-play-state:running}.zoom-up-leave.zoom-up-leave-active{animation-name:antZoomUpOut;animation-play-state:running;pointer-events:none}.zoom-up-appear,.zoom-up-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-up-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-down-appear,.zoom-down-enter,.zoom-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-down-appear.zoom-down-appear-active,.zoom-down-enter.zoom-down-enter-active{animation-name:antZoomDownIn;animation-play-state:running}.zoom-down-leave.zoom-down-leave-active{animation-name:antZoomDownOut;animation-play-state:running;pointer-events:none}.zoom-down-appear,.zoom-down-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-down-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-left-appear,.zoom-left-enter,.zoom-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-left-appear.zoom-left-appear-active,.zoom-left-enter.zoom-left-enter-active{animation-name:antZoomLeftIn;animation-play-state:running}.zoom-left-leave.zoom-left-leave-active{animation-name:antZoomLeftOut;animation-play-state:running;pointer-events:none}.zoom-left-appear,.zoom-left-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-left-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-right-appear,.zoom-right-enter,.zoom-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-right-appear.zoom-right-appear-active,.zoom-right-enter.zoom-right-enter-active{animation-name:antZoomRightIn;animation-play-state:running}.zoom-right-leave.zoom-right-leave-active{animation-name:antZoomRightOut;animation-play-state:running;pointer-events:none}.zoom-right-appear,.zoom-right-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-right-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes antZoomIn{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes antZoomOut{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}@keyframes antZoomBigIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes antZoomBigOut{0%{transform:scale(1)}to{transform:scale(.8);opacity:0}}@keyframes antZoomUpIn{0%{transform:scale(.8);transform-origin:50% 0;opacity:0}to{transform:scale(1);transform-origin:50% 0}}@keyframes antZoomUpOut{0%{transform:scale(1);transform-origin:50% 0}to{transform:scale(.8);transform-origin:50% 0;opacity:0}}@keyframes antZoomLeftIn{0%{transform:scale(.8);transform-origin:0 50%;opacity:0}to{transform:scale(1);transform-origin:0 50%}}@keyframes antZoomLeftOut{0%{transform:scale(1);transform-origin:0 50%}to{transform:scale(.8);transform-origin:0 50%;opacity:0}}@keyframes antZoomRightIn{0%{transform:scale(.8);transform-origin:100% 50%;opacity:0}to{transform:scale(1);transform-origin:100% 50%}}@keyframes antZoomRightOut{0%{transform:scale(1);transform-origin:100% 50%}to{transform:scale(.8);transform-origin:100% 50%;opacity:0}}@keyframes antZoomDownIn{0%{transform:scale(.8);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes antZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(.8);transform-origin:50% 100%;opacity:0}}.ant-motion-collapse-legacy{overflow:hidden}.ant-motion-collapse,.ant-motion-collapse-legacy-active{transition:height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)!important}.ant-motion-collapse{overflow:hidden}.njt-cf7mls-btn{line-height:1.499;position:relative;display:inline-block;font-weight:400;white-space:nowrap;text-align:center;background-image:none;box-shadow:0 2px 0 rgba(0,0,0,.015);cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);user-select:none;touch-action:manipulation;height:32px;padding:0 15px;font-size:14px;border-radius:4px;color:rgba(0,0,0,.65);background-color:#fff;border:1px solid #d9d9d9}.njt-cf7mls-btn>.njt-cf7mlsicon{line-height:1}.njt-cf7mls-btn,.njt-cf7mls-btn:active,.njt-cf7mls-btn:focus{outline:0}.njt-cf7mls-btn:not([disabled]):hover{text-decoration:none}.njt-cf7mls-btn:not([disabled]):active{outline:0;box-shadow:none}.njt-cf7mls-btn.disabled,.njt-cf7mls-btn[disabled]{cursor:not-allowed}.njt-cf7mls-btn.disabled>*,.njt-cf7mls-btn[disabled]>*{pointer-events:none}.njt-cf7mls-btn-lg{height:40px;padding:0 15px;font-size:16px;border-radius:4px}.njt-cf7mls-btn-sm{height:24px;padding:0 7px;font-size:14px;border-radius:4px}.njt-cf7mls-btn>a:only-child{color:currentColor}.njt-cf7mls-btn>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn:focus,.njt-cf7mls-btn:hover{color:#1d8cb8;background-color:#fff;border-color:#1d8cb8}.njt-cf7mls-btn:focus>a:only-child,.njt-cf7mls-btn:hover>a:only-child{color:currentColor}.njt-cf7mls-btn:focus>a:only-child:after,.njt-cf7mls-btn:hover>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn.active,.njt-cf7mls-btn:active{color:#005685;background-color:#fff;border-color:#005685}.njt-cf7mls-btn.active>a:only-child,.njt-cf7mls-btn:active>a:only-child{color:currentColor}.njt-cf7mls-btn.active>a:only-child:after,.njt-cf7mls-btn:active>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-disabled,.njt-cf7mls-btn-disabled.active,.njt-cf7mls-btn-disabled:active,.njt-cf7mls-btn-disabled:focus,.njt-cf7mls-btn-disabled:hover,.njt-cf7mls-btn.disabled,.njt-cf7mls-btn.disabled.active,.njt-cf7mls-btn.disabled:active,.njt-cf7mls-btn.disabled:focus,.njt-cf7mls-btn.disabled:hover,.njt-cf7mls-btn[disabled],.njt-cf7mls-btn[disabled].active,.njt-cf7mls-btn[disabled]:active,.njt-cf7mls-btn[disabled]:focus,.njt-cf7mls-btn[disabled]:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.njt-cf7mls-btn-disabled.active>a:only-child,.njt-cf7mls-btn-disabled:active>a:only-child,.njt-cf7mls-btn-disabled:focus>a:only-child,.njt-cf7mls-btn-disabled:hover>a:only-child,.njt-cf7mls-btn-disabled>a:only-child,.njt-cf7mls-btn.disabled.active>a:only-child,.njt-cf7mls-btn.disabled:active>a:only-child,.njt-cf7mls-btn.disabled:focus>a:only-child,.njt-cf7mls-btn.disabled:hover>a:only-child,.njt-cf7mls-btn.disabled>a:only-child,.njt-cf7mls-btn[disabled].active>a:only-child,.njt-cf7mls-btn[disabled]:active>a:only-child,.njt-cf7mls-btn[disabled]:focus>a:only-child,.njt-cf7mls-btn[disabled]:hover>a:only-child,.njt-cf7mls-btn[disabled]>a:only-child{color:currentColor}.njt-cf7mls-btn-disabled.active>a:only-child:after,.njt-cf7mls-btn-disabled:active>a:only-child:after,.njt-cf7mls-btn-disabled:focus>a:only-child:after,.njt-cf7mls-btn-disabled:hover>a:only-child:after,.njt-cf7mls-btn-disabled>a:only-child:after,.njt-cf7mls-btn.disabled.active>a:only-child:after,.njt-cf7mls-btn.disabled:active>a:only-child:after,.njt-cf7mls-btn.disabled:focus>a:only-child:after,.njt-cf7mls-btn.disabled:hover>a:only-child:after,.njt-cf7mls-btn.disabled>a:only-child:after,.njt-cf7mls-btn[disabled].active>a:only-child:after,.njt-cf7mls-btn[disabled]:active>a:only-child:after,.njt-cf7mls-btn[disabled]:focus>a:only-child:after,.njt-cf7mls-btn[disabled]:hover>a:only-child:after,.njt-cf7mls-btn[disabled]>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn.active,.njt-cf7mls-btn:active,.njt-cf7mls-btn:focus,.njt-cf7mls-btn:hover{text-decoration:none;background:#fff}.njt-cf7mls-btn>i,.njt-cf7mls-btn>span{display:inline-block;transition:margin-left .3s cubic-bezier(.645,.045,.355,1);pointer-events:none}.njt-cf7mls-btn-primary{color:#fff;background-color:#0073aa;border-color:#0073aa;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.njt-cf7mls-btn-primary>a:only-child{color:currentColor}.njt-cf7mls-btn-primary>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-primary:focus,.njt-cf7mls-btn-primary:hover{color:#fff;background-color:#1d8cb8;border-color:#1d8cb8}.njt-cf7mls-btn-primary:focus>a:only-child,.njt-cf7mls-btn-primary:hover>a:only-child{color:currentColor}.njt-cf7mls-btn-primary:focus>a:only-child:after,.njt-cf7mls-btn-primary:hover>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-primary.active,.njt-cf7mls-btn-primary:active{color:#fff;background-color:#005685;border-color:#005685}.njt-cf7mls-btn-primary.active>a:only-child,.njt-cf7mls-btn-primary:active>a:only-child{color:currentColor}.njt-cf7mls-btn-primary.active>a:only-child:after,.njt-cf7mls-btn-primary:active>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-primary-disabled,.njt-cf7mls-btn-primary-disabled.active,.njt-cf7mls-btn-primary-disabled:active,.njt-cf7mls-btn-primary-disabled:focus,.njt-cf7mls-btn-primary-disabled:hover,.njt-cf7mls-btn-primary.disabled,.njt-cf7mls-btn-primary.disabled.active,.njt-cf7mls-btn-primary.disabled:active,.njt-cf7mls-btn-primary.disabled:focus,.njt-cf7mls-btn-primary.disabled:hover,.njt-cf7mls-btn-primary[disabled],.njt-cf7mls-btn-primary[disabled].active,.njt-cf7mls-btn-primary[disabled]:active,.njt-cf7mls-btn-primary[disabled]:focus,.njt-cf7mls-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.njt-cf7mls-btn-primary-disabled.active>a:only-child,.njt-cf7mls-btn-primary-disabled:active>a:only-child,.njt-cf7mls-btn-primary-disabled:focus>a:only-child,.njt-cf7mls-btn-primary-disabled:hover>a:only-child,.njt-cf7mls-btn-primary-disabled>a:only-child,.njt-cf7mls-btn-primary.disabled.active>a:only-child,.njt-cf7mls-btn-primary.disabled:active>a:only-child,.njt-cf7mls-btn-primary.disabled:focus>a:only-child,.njt-cf7mls-btn-primary.disabled:hover>a:only-child,.njt-cf7mls-btn-primary.disabled>a:only-child,.njt-cf7mls-btn-primary[disabled].active>a:only-child,.njt-cf7mls-btn-primary[disabled]:active>a:only-child,.njt-cf7mls-btn-primary[disabled]:focus>a:only-child,.njt-cf7mls-btn-primary[disabled]:hover>a:only-child,.njt-cf7mls-btn-primary[disabled]>a:only-child{color:currentColor}.njt-cf7mls-btn-primary-disabled.active>a:only-child:after,.njt-cf7mls-btn-primary-disabled:active>a:only-child:after,.njt-cf7mls-btn-primary-disabled:focus>a:only-child:after,.njt-cf7mls-btn-primary-disabled:hover>a:only-child:after,.njt-cf7mls-btn-primary-disabled>a:only-child:after,.njt-cf7mls-btn-primary.disabled.active>a:only-child:after,.njt-cf7mls-btn-primary.disabled:active>a:only-child:after,.njt-cf7mls-btn-primary.disabled:focus>a:only-child:after,.njt-cf7mls-btn-primary.disabled:hover>a:only-child:after,.njt-cf7mls-btn-primary.disabled>a:only-child:after,.njt-cf7mls-btn-primary[disabled].active>a:only-child:after,.njt-cf7mls-btn-primary[disabled]:active>a:only-child:after,.njt-cf7mls-btn-primary[disabled]:focus>a:only-child:after,.njt-cf7mls-btn-primary[disabled]:hover>a:only-child:after,.njt-cf7mls-btn-primary[disabled]>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-group .njt-cf7mls-btn-primary:not(:first-child):not(:last-child){border-right-color:#1d8cb8;border-left-color:#1d8cb8}.njt-cf7mls-btn-group .njt-cf7mls-btn-primary:not(:first-child):not(:last-child):disabled{border-color:#d9d9d9}.njt-cf7mls-btn-group .njt-cf7mls-btn-primary:first-child:not(:last-child){border-right-color:#1d8cb8}.njt-cf7mls-btn-group .njt-cf7mls-btn-primary:first-child:not(:last-child)[disabled]{border-right-color:#d9d9d9}.njt-cf7mls-btn-group .njt-cf7mls-btn-primary+.njt-cf7mls-btn-primary,.njt-cf7mls-btn-group .njt-cf7mls-btn-primary:last-child:not(:first-child){border-left-color:#1d8cb8}.njt-cf7mls-btn-group .njt-cf7mls-btn-primary+.njt-cf7mls-btn-primary[disabled],.njt-cf7mls-btn-group .njt-cf7mls-btn-primary:last-child:not(:first-child)[disabled]{border-left-color:#d9d9d9}.njt-cf7mls-btn-ghost{color:rgba(0,0,0,.65);background-color:transparent;border-color:#d9d9d9}.njt-cf7mls-btn-ghost>a:only-child{color:currentColor}.njt-cf7mls-btn-ghost>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-ghost:focus,.njt-cf7mls-btn-ghost:hover{color:#1d8cb8;background-color:transparent;border-color:#1d8cb8}.njt-cf7mls-btn-ghost:focus>a:only-child,.njt-cf7mls-btn-ghost:hover>a:only-child{color:currentColor}.njt-cf7mls-btn-ghost:focus>a:only-child:after,.njt-cf7mls-btn-ghost:hover>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-ghost.active,.njt-cf7mls-btn-ghost:active{color:#005685;background-color:transparent;border-color:#005685}.njt-cf7mls-btn-ghost.active>a:only-child,.njt-cf7mls-btn-ghost:active>a:only-child{color:currentColor}.njt-cf7mls-btn-ghost.active>a:only-child:after,.njt-cf7mls-btn-ghost:active>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-ghost-disabled,.njt-cf7mls-btn-ghost-disabled.active,.njt-cf7mls-btn-ghost-disabled:active,.njt-cf7mls-btn-ghost-disabled:focus,.njt-cf7mls-btn-ghost-disabled:hover,.njt-cf7mls-btn-ghost.disabled,.njt-cf7mls-btn-ghost.disabled.active,.njt-cf7mls-btn-ghost.disabled:active,.njt-cf7mls-btn-ghost.disabled:focus,.njt-cf7mls-btn-ghost.disabled:hover,.njt-cf7mls-btn-ghost[disabled],.njt-cf7mls-btn-ghost[disabled].active,.njt-cf7mls-btn-ghost[disabled]:active,.njt-cf7mls-btn-ghost[disabled]:focus,.njt-cf7mls-btn-ghost[disabled]:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.njt-cf7mls-btn-ghost-disabled.active>a:only-child,.njt-cf7mls-btn-ghost-disabled:active>a:only-child,.njt-cf7mls-btn-ghost-disabled:focus>a:only-child,.njt-cf7mls-btn-ghost-disabled:hover>a:only-child,.njt-cf7mls-btn-ghost-disabled>a:only-child,.njt-cf7mls-btn-ghost.disabled.active>a:only-child,.njt-cf7mls-btn-ghost.disabled:active>a:only-child,.njt-cf7mls-btn-ghost.disabled:focus>a:only-child,.njt-cf7mls-btn-ghost.disabled:hover>a:only-child,.njt-cf7mls-btn-ghost.disabled>a:only-child,.njt-cf7mls-btn-ghost[disabled].active>a:only-child,.njt-cf7mls-btn-ghost[disabled]:active>a:only-child,.njt-cf7mls-btn-ghost[disabled]:focus>a:only-child,.njt-cf7mls-btn-ghost[disabled]:hover>a:only-child,.njt-cf7mls-btn-ghost[disabled]>a:only-child{color:currentColor}.njt-cf7mls-btn-ghost-disabled.active>a:only-child:after,.njt-cf7mls-btn-ghost-disabled:active>a:only-child:after,.njt-cf7mls-btn-ghost-disabled:focus>a:only-child:after,.njt-cf7mls-btn-ghost-disabled:hover>a:only-child:after,.njt-cf7mls-btn-ghost-disabled>a:only-child:after,.njt-cf7mls-btn-ghost.disabled.active>a:only-child:after,.njt-cf7mls-btn-ghost.disabled:active>a:only-child:after,.njt-cf7mls-btn-ghost.disabled:focus>a:only-child:after,.njt-cf7mls-btn-ghost.disabled:hover>a:only-child:after,.njt-cf7mls-btn-ghost.disabled>a:only-child:after,.njt-cf7mls-btn-ghost[disabled].active>a:only-child:after,.njt-cf7mls-btn-ghost[disabled]:active>a:only-child:after,.njt-cf7mls-btn-ghost[disabled]:focus>a:only-child:after,.njt-cf7mls-btn-ghost[disabled]:hover>a:only-child:after,.njt-cf7mls-btn-ghost[disabled]>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-dashed{color:rgba(0,0,0,.65);background-color:#fff;border-color:#d9d9d9;border-style:dashed}.njt-cf7mls-btn-dashed>a:only-child{color:currentColor}.njt-cf7mls-btn-dashed>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-dashed:focus,.njt-cf7mls-btn-dashed:hover{color:#1d8cb8;background-color:#fff;border-color:#1d8cb8}.njt-cf7mls-btn-dashed:focus>a:only-child,.njt-cf7mls-btn-dashed:hover>a:only-child{color:currentColor}.njt-cf7mls-btn-dashed:focus>a:only-child:after,.njt-cf7mls-btn-dashed:hover>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-dashed.active,.njt-cf7mls-btn-dashed:active{color:#005685;background-color:#fff;border-color:#005685}.njt-cf7mls-btn-dashed.active>a:only-child,.njt-cf7mls-btn-dashed:active>a:only-child{color:currentColor}.njt-cf7mls-btn-dashed.active>a:only-child:after,.njt-cf7mls-btn-dashed:active>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-dashed-disabled,.njt-cf7mls-btn-dashed-disabled.active,.njt-cf7mls-btn-dashed-disabled:active,.njt-cf7mls-btn-dashed-disabled:focus,.njt-cf7mls-btn-dashed-disabled:hover,.njt-cf7mls-btn-dashed.disabled,.njt-cf7mls-btn-dashed.disabled.active,.njt-cf7mls-btn-dashed.disabled:active,.njt-cf7mls-btn-dashed.disabled:focus,.njt-cf7mls-btn-dashed.disabled:hover,.njt-cf7mls-btn-dashed[disabled],.njt-cf7mls-btn-dashed[disabled].active,.njt-cf7mls-btn-dashed[disabled]:active,.njt-cf7mls-btn-dashed[disabled]:focus,.njt-cf7mls-btn-dashed[disabled]:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.njt-cf7mls-btn-dashed-disabled.active>a:only-child,.njt-cf7mls-btn-dashed-disabled:active>a:only-child,.njt-cf7mls-btn-dashed-disabled:focus>a:only-child,.njt-cf7mls-btn-dashed-disabled:hover>a:only-child,.njt-cf7mls-btn-dashed-disabled>a:only-child,.njt-cf7mls-btn-dashed.disabled.active>a:only-child,.njt-cf7mls-btn-dashed.disabled:active>a:only-child,.njt-cf7mls-btn-dashed.disabled:focus>a:only-child,.njt-cf7mls-btn-dashed.disabled:hover>a:only-child,.njt-cf7mls-btn-dashed.disabled>a:only-child,.njt-cf7mls-btn-dashed[disabled].active>a:only-child,.njt-cf7mls-btn-dashed[disabled]:active>a:only-child,.njt-cf7mls-btn-dashed[disabled]:focus>a:only-child,.njt-cf7mls-btn-dashed[disabled]:hover>a:only-child,.njt-cf7mls-btn-dashed[disabled]>a:only-child{color:currentColor}.njt-cf7mls-btn-dashed-disabled.active>a:only-child:after,.njt-cf7mls-btn-dashed-disabled:active>a:only-child:after,.njt-cf7mls-btn-dashed-disabled:focus>a:only-child:after,.njt-cf7mls-btn-dashed-disabled:hover>a:only-child:after,.njt-cf7mls-btn-dashed-disabled>a:only-child:after,.njt-cf7mls-btn-dashed.disabled.active>a:only-child:after,.njt-cf7mls-btn-dashed.disabled:active>a:only-child:after,.njt-cf7mls-btn-dashed.disabled:focus>a:only-child:after,.njt-cf7mls-btn-dashed.disabled:hover>a:only-child:after,.njt-cf7mls-btn-dashed.disabled>a:only-child:after,.njt-cf7mls-btn-dashed[disabled].active>a:only-child:after,.njt-cf7mls-btn-dashed[disabled]:active>a:only-child:after,.njt-cf7mls-btn-dashed[disabled]:focus>a:only-child:after,.njt-cf7mls-btn-dashed[disabled]:hover>a:only-child:after,.njt-cf7mls-btn-dashed[disabled]>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-danger{color:#fff;background-color:#ff4d4f;border-color:#ff4d4f;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.njt-cf7mls-btn-danger>a:only-child{color:currentColor}.njt-cf7mls-btn-danger>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-danger:focus,.njt-cf7mls-btn-danger:hover{color:#fff;background-color:#ff7875;border-color:#ff7875}.njt-cf7mls-btn-danger:focus>a:only-child,.njt-cf7mls-btn-danger:hover>a:only-child{color:currentColor}.njt-cf7mls-btn-danger:focus>a:only-child:after,.njt-cf7mls-btn-danger:hover>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-danger.active,.njt-cf7mls-btn-danger:active{color:#fff;background-color:#d9363e;border-color:#d9363e}.njt-cf7mls-btn-danger.active>a:only-child,.njt-cf7mls-btn-danger:active>a:only-child{color:currentColor}.njt-cf7mls-btn-danger.active>a:only-child:after,.njt-cf7mls-btn-danger:active>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-danger-disabled,.njt-cf7mls-btn-danger-disabled.active,.njt-cf7mls-btn-danger-disabled:active,.njt-cf7mls-btn-danger-disabled:focus,.njt-cf7mls-btn-danger-disabled:hover,.njt-cf7mls-btn-danger.disabled,.njt-cf7mls-btn-danger.disabled.active,.njt-cf7mls-btn-danger.disabled:active,.njt-cf7mls-btn-danger.disabled:focus,.njt-cf7mls-btn-danger.disabled:hover,.njt-cf7mls-btn-danger[disabled],.njt-cf7mls-btn-danger[disabled].active,.njt-cf7mls-btn-danger[disabled]:active,.njt-cf7mls-btn-danger[disabled]:focus,.njt-cf7mls-btn-danger[disabled]:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.njt-cf7mls-btn-danger-disabled.active>a:only-child,.njt-cf7mls-btn-danger-disabled:active>a:only-child,.njt-cf7mls-btn-danger-disabled:focus>a:only-child,.njt-cf7mls-btn-danger-disabled:hover>a:only-child,.njt-cf7mls-btn-danger-disabled>a:only-child,.njt-cf7mls-btn-danger.disabled.active>a:only-child,.njt-cf7mls-btn-danger.disabled:active>a:only-child,.njt-cf7mls-btn-danger.disabled:focus>a:only-child,.njt-cf7mls-btn-danger.disabled:hover>a:only-child,.njt-cf7mls-btn-danger.disabled>a:only-child,.njt-cf7mls-btn-danger[disabled].active>a:only-child,.njt-cf7mls-btn-danger[disabled]:active>a:only-child,.njt-cf7mls-btn-danger[disabled]:focus>a:only-child,.njt-cf7mls-btn-danger[disabled]:hover>a:only-child,.njt-cf7mls-btn-danger[disabled]>a:only-child{color:currentColor}.njt-cf7mls-btn-danger-disabled.active>a:only-child:after,.njt-cf7mls-btn-danger-disabled:active>a:only-child:after,.njt-cf7mls-btn-danger-disabled:focus>a:only-child:after,.njt-cf7mls-btn-danger-disabled:hover>a:only-child:after,.njt-cf7mls-btn-danger-disabled>a:only-child:after,.njt-cf7mls-btn-danger.disabled.active>a:only-child:after,.njt-cf7mls-btn-danger.disabled:active>a:only-child:after,.njt-cf7mls-btn-danger.disabled:focus>a:only-child:after,.njt-cf7mls-btn-danger.disabled:hover>a:only-child:after,.njt-cf7mls-btn-danger.disabled>a:only-child:after,.njt-cf7mls-btn-danger[disabled].active>a:only-child:after,.njt-cf7mls-btn-danger[disabled]:active>a:only-child:after,.njt-cf7mls-btn-danger[disabled]:focus>a:only-child:after,.njt-cf7mls-btn-danger[disabled]:hover>a:only-child:after,.njt-cf7mls-btn-danger[disabled]>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-link{color:#0073aa;background-color:transparent;border-color:transparent;box-shadow:none}.njt-cf7mls-btn-link>a:only-child{color:currentColor}.njt-cf7mls-btn-link>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-link:focus,.njt-cf7mls-btn-link:hover{color:#1d8cb8;background-color:transparent;border-color:#1d8cb8}.njt-cf7mls-btn-link:focus>a:only-child,.njt-cf7mls-btn-link:hover>a:only-child{color:currentColor}.njt-cf7mls-btn-link:focus>a:only-child:after,.njt-cf7mls-btn-link:hover>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-link.active,.njt-cf7mls-btn-link:active{color:#005685;background-color:transparent;border-color:#005685}.njt-cf7mls-btn-link.active>a:only-child,.njt-cf7mls-btn-link:active>a:only-child{color:currentColor}.njt-cf7mls-btn-link.active>a:only-child:after,.njt-cf7mls-btn-link:active>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-link-disabled,.njt-cf7mls-btn-link-disabled.active,.njt-cf7mls-btn-link-disabled:active,.njt-cf7mls-btn-link-disabled:focus,.njt-cf7mls-btn-link-disabled:hover,.njt-cf7mls-btn-link.disabled,.njt-cf7mls-btn-link.disabled.active,.njt-cf7mls-btn-link.disabled:active,.njt-cf7mls-btn-link.disabled:focus,.njt-cf7mls-btn-link.disabled:hover,.njt-cf7mls-btn-link[disabled],.njt-cf7mls-btn-link[disabled].active,.njt-cf7mls-btn-link[disabled]:active,.njt-cf7mls-btn-link[disabled]:focus,.njt-cf7mls-btn-link[disabled]:hover{background-color:#f5f5f5;border-color:#d9d9d9}.njt-cf7mls-btn-link:active,.njt-cf7mls-btn-link:focus,.njt-cf7mls-btn-link:hover{border-color:transparent}.njt-cf7mls-btn-link-disabled,.njt-cf7mls-btn-link-disabled.active,.njt-cf7mls-btn-link-disabled:active,.njt-cf7mls-btn-link-disabled:focus,.njt-cf7mls-btn-link-disabled:hover,.njt-cf7mls-btn-link.disabled,.njt-cf7mls-btn-link.disabled.active,.njt-cf7mls-btn-link.disabled:active,.njt-cf7mls-btn-link.disabled:focus,.njt-cf7mls-btn-link.disabled:hover,.njt-cf7mls-btn-link[disabled],.njt-cf7mls-btn-link[disabled].active,.njt-cf7mls-btn-link[disabled]:active,.njt-cf7mls-btn-link[disabled]:focus,.njt-cf7mls-btn-link[disabled]:hover{color:rgba(0,0,0,.25);background-color:transparent;border-color:transparent;text-shadow:none;box-shadow:none}.njt-cf7mls-btn-link-disabled.active>a:only-child,.njt-cf7mls-btn-link-disabled:active>a:only-child,.njt-cf7mls-btn-link-disabled:focus>a:only-child,.njt-cf7mls-btn-link-disabled:hover>a:only-child,.njt-cf7mls-btn-link-disabled>a:only-child,.njt-cf7mls-btn-link.disabled.active>a:only-child,.njt-cf7mls-btn-link.disabled:active>a:only-child,.njt-cf7mls-btn-link.disabled:focus>a:only-child,.njt-cf7mls-btn-link.disabled:hover>a:only-child,.njt-cf7mls-btn-link.disabled>a:only-child,.njt-cf7mls-btn-link[disabled].active>a:only-child,.njt-cf7mls-btn-link[disabled]:active>a:only-child,.njt-cf7mls-btn-link[disabled]:focus>a:only-child,.njt-cf7mls-btn-link[disabled]:hover>a:only-child,.njt-cf7mls-btn-link[disabled]>a:only-child{color:currentColor}.njt-cf7mls-btn-link-disabled.active>a:only-child:after,.njt-cf7mls-btn-link-disabled:active>a:only-child:after,.njt-cf7mls-btn-link-disabled:focus>a:only-child:after,.njt-cf7mls-btn-link-disabled:hover>a:only-child:after,.njt-cf7mls-btn-link-disabled>a:only-child:after,.njt-cf7mls-btn-link.disabled.active>a:only-child:after,.njt-cf7mls-btn-link.disabled:active>a:only-child:after,.njt-cf7mls-btn-link.disabled:focus>a:only-child:after,.njt-cf7mls-btn-link.disabled:hover>a:only-child:after,.njt-cf7mls-btn-link.disabled>a:only-child:after,.njt-cf7mls-btn-link[disabled].active>a:only-child:after,.njt-cf7mls-btn-link[disabled]:active>a:only-child:after,.njt-cf7mls-btn-link[disabled]:focus>a:only-child:after,.njt-cf7mls-btn-link[disabled]:hover>a:only-child:after,.njt-cf7mls-btn-link[disabled]>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-icon-only{width:32px;height:32px;padding:0;font-size:16px;border-radius:4px}.njt-cf7mls-btn-icon-only.njt-cf7mls-btn-lg{width:40px;height:40px;padding:0;font-size:18px;border-radius:4px}.njt-cf7mls-btn-icon-only.njt-cf7mls-btn-sm{width:24px;height:24px;padding:0;font-size:14px;border-radius:4px}.njt-cf7mls-btn-icon-only>i{vertical-align:middle}.njt-cf7mls-btn-round{height:32px;padding:0 16px;font-size:14px;border-radius:32px}.njt-cf7mls-btn-round.njt-cf7mls-btn-lg{height:40px;padding:0 20px;font-size:16px;border-radius:40px}.njt-cf7mls-btn-round.njt-cf7mls-btn-sm{height:24px;padding:0 12px;font-size:14px;border-radius:24px}.njt-cf7mls-btn-round.njt-cf7mls-btn-icon-only{width:auto}.njt-cf7mls-btn-circle,.njt-cf7mls-btn-circle-outline{min-width:32px;padding-right:0;padding-left:0;text-align:center;border-radius:50%}.njt-cf7mls-btn-circle-outline.njt-cf7mls-btn-lg,.njt-cf7mls-btn-circle.njt-cf7mls-btn-lg{min-width:40px;border-radius:50%}.njt-cf7mls-btn-circle-outline.njt-cf7mls-btn-sm,.njt-cf7mls-btn-circle.njt-cf7mls-btn-sm{min-width:24px;border-radius:50%}.njt-cf7mls-btn:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;display:none;background:#fff;border-radius:inherit;opacity:.35;transition:opacity .2s;content:"";pointer-events:none}.njt-cf7mls-btn .njt-cf7mlsicon{transition:margin-left .3s cubic-bezier(.645,.045,.355,1)}.njt-cf7mls-btn .njt-cf7mlsicon.njt-cf7mlsicon-minus>svg,.njt-cf7mls-btn .njt-cf7mlsicon.njt-cf7mlsicon-plus>svg{shape-rendering:optimizeSpeed}.njt-cf7mls-btn.njt-cf7mls-btn-loading{position:relative}.njt-cf7mls-btn.njt-cf7mls-btn-loading:not([disabled]){pointer-events:none}.njt-cf7mls-btn.njt-cf7mls-btn-loading:before{display:block}.njt-cf7mls-btn.njt-cf7mls-btn-loading:not(.njt-cf7mls-btn-circle):not(.njt-cf7mls-btn-circle-outline):not(.njt-cf7mls-btn-icon-only){padding-left:29px}.njt-cf7mls-btn.njt-cf7mls-btn-loading:not(.njt-cf7mls-btn-circle):not(.njt-cf7mls-btn-circle-outline):not(.njt-cf7mls-btn-icon-only) .njt-cf7mlsicon:not(:last-child){margin-left:-14px}.njt-cf7mls-btn-sm.njt-cf7mls-btn-loading:not(.njt-cf7mls-btn-circle):not(.njt-cf7mls-btn-circle-outline):not(.njt-cf7mls-btn-icon-only){padding-left:24px}.njt-cf7mls-btn-sm.njt-cf7mls-btn-loading:not(.njt-cf7mls-btn-circle):not(.njt-cf7mls-btn-circle-outline):not(.njt-cf7mls-btn-icon-only) .njt-cf7mlsicon{margin-left:-17px}.njt-cf7mls-btn-group{position:relative;display:inline-flex}.njt-cf7mls-btn-group>.njt-cf7mls-btn,.njt-cf7mls-btn-group>span>.njt-cf7mls-btn{position:relative}.njt-cf7mls-btn-group>.njt-cf7mls-btn.active,.njt-cf7mls-btn-group>.njt-cf7mls-btn:active,.njt-cf7mls-btn-group>.njt-cf7mls-btn:focus,.njt-cf7mls-btn-group>.njt-cf7mls-btn:hover,.njt-cf7mls-btn-group>span>.njt-cf7mls-btn.active,.njt-cf7mls-btn-group>span>.njt-cf7mls-btn:active,.njt-cf7mls-btn-group>span>.njt-cf7mls-btn:focus,.njt-cf7mls-btn-group>span>.njt-cf7mls-btn:hover{z-index:2}.njt-cf7mls-btn-group>.njt-cf7mls-btn:disabled,.njt-cf7mls-btn-group>span>.njt-cf7mls-btn:disabled{z-index:0}.njt-cf7mls-btn-group>.njt-cf7mls-btn-icon-only{font-size:14px}.njt-cf7mls-btn-group-lg>.njt-cf7mls-btn,.njt-cf7mls-btn-group-lg>span>.njt-cf7mls-btn{height:40px;padding:0 15px;font-size:16px;border-radius:0;line-height:38px}.njt-cf7mls-btn-group-lg>.njt-cf7mls-btn.njt-cf7mls-btn-icon-only{width:40px;height:40px;padding-right:0;padding-left:0}.njt-cf7mls-btn-group-sm>.njt-cf7mls-btn,.njt-cf7mls-btn-group-sm>span>.njt-cf7mls-btn{height:24px;padding:0 7px;font-size:14px;border-radius:0;line-height:22px}.njt-cf7mls-btn-group-sm>.njt-cf7mls-btn>.njt-cf7mlsicon,.njt-cf7mls-btn-group-sm>span>.njt-cf7mls-btn>.njt-cf7mlsicon{font-size:14px}.njt-cf7mls-btn-group-sm>.njt-cf7mls-btn.njt-cf7mls-btn-icon-only{width:24px;height:24px;padding-right:0;padding-left:0}.njt-cf7mls-btn+.njt-cf7mls-btn-group,.njt-cf7mls-btn-group+.njt-cf7mls-btn,.njt-cf7mls-btn-group+.njt-cf7mls-btn-group,.njt-cf7mls-btn-group .njt-cf7mls-btn+.njt-cf7mls-btn,.njt-cf7mls-btn-group .njt-cf7mls-btn+span,.njt-cf7mls-btn-group>span+span,.njt-cf7mls-btn-group span+.njt-cf7mls-btn{margin-left:-1px}.njt-cf7mls-btn-group .njt-cf7mls-btn-primary+.njt-cf7mls-btn:not(.njt-cf7mls-btn-primary):not([disabled]){border-left-color:transparent}.njt-cf7mls-btn-group .njt-cf7mls-btn{border-radius:0}.njt-cf7mls-btn-group>.njt-cf7mls-btn:first-child,.njt-cf7mls-btn-group>span:first-child>.njt-cf7mls-btn{margin-left:0}.njt-cf7mls-btn-group>.njt-cf7mls-btn:only-child,.njt-cf7mls-btn-group>span:only-child>.njt-cf7mls-btn{border-radius:4px}.njt-cf7mls-btn-group>.njt-cf7mls-btn:first-child:not(:last-child),.njt-cf7mls-btn-group>span:first-child:not(:last-child)>.njt-cf7mls-btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.njt-cf7mls-btn-group>.njt-cf7mls-btn:last-child:not(:first-child),.njt-cf7mls-btn-group>span:last-child:not(:first-child)>.njt-cf7mls-btn{border-top-right-radius:4px;border-bottom-right-radius:4px}.njt-cf7mls-btn-group-sm>.njt-cf7mls-btn:only-child,.njt-cf7mls-btn-group-sm>span:only-child>.njt-cf7mls-btn{border-radius:4px}.njt-cf7mls-btn-group-sm>.njt-cf7mls-btn:first-child:not(:last-child),.njt-cf7mls-btn-group-sm>span:first-child:not(:last-child)>.njt-cf7mls-btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.njt-cf7mls-btn-group-sm>.njt-cf7mls-btn:last-child:not(:first-child),.njt-cf7mls-btn-group-sm>span:last-child:not(:first-child)>.njt-cf7mls-btn{border-top-right-radius:4px;border-bottom-right-radius:4px}.njt-cf7mls-btn-group>.njt-cf7mls-btn-group{float:left}.njt-cf7mls-btn-group>.njt-cf7mls-btn-group:not(:first-child):not(:last-child)>.njt-cf7mls-btn{border-radius:0}.njt-cf7mls-btn-group>.njt-cf7mls-btn-group:first-child:not(:last-child)>.njt-cf7mls-btn:last-child{padding-right:8px;border-top-right-radius:0;border-bottom-right-radius:0}.njt-cf7mls-btn-group>.njt-cf7mls-btn-group:last-child:not(:first-child)>.njt-cf7mls-btn:first-child{padding-left:8px;border-top-left-radius:0;border-bottom-left-radius:0}.njt-cf7mls-btn:active>span,.njt-cf7mls-btn:focus>span{position:relative}.njt-cf7mls-btn>.njt-cf7mlsicon+span,.njt-cf7mls-btn>span+.njt-cf7mlsicon{margin-left:8px}.njt-cf7mls-btn-background-ghost{color:#fff;background:transparent!important;border-color:#fff}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary{color:#0073aa;background-color:transparent;border-color:#0073aa;text-shadow:none}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary:hover{color:#1d8cb8;background-color:transparent;border-color:#1d8cb8}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary:hover>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary:hover>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary:active{color:#005685;background-color:transparent;border-color:#005685}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary:active>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary:active>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled.active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled:active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled:hover,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled.active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled:active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled:hover,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled],.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled].active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled]:active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled]:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled.active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled:active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled:hover>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled.active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled:active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled:hover>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled].active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled]:active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled]:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled]:hover>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled]>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled.active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled:active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled:hover>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary-disabled>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled.active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled:active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled:hover>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary.disabled>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled].active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled]:active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled]:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled]:hover>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-primary[disabled]>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger{color:#ff4d4f;background-color:transparent;border-color:#ff4d4f;text-shadow:none}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger:hover{color:#ff7875;background-color:transparent;border-color:#ff7875}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger:hover>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger:hover>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger:active{color:#d9363e;background-color:transparent;border-color:#d9363e}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger:active>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger:active>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled.active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled:active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled:hover,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled.active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled:active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled:hover,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled],.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled].active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled]:active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled]:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled]:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled.active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled:active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled:hover>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled.active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled:active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled:hover>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled].active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled]:active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled]:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled]:hover>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled]>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled.active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled:active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled:hover>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger-disabled>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled.active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled:active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled:hover>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger.disabled>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled].active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled]:active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled]:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled]:hover>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-danger[disabled]>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link{color:#0073aa;background-color:transparent;border-color:transparent;text-shadow:none;color:#fff}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link:hover{color:#1d8cb8;background-color:transparent;border-color:transparent}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link:hover>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link:hover>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link:active{color:#005685;background-color:transparent;border-color:transparent}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link:active>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link:active>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled.active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled:active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled:hover,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled.active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled:active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled:hover,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled],.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled].active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled]:active,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled]:focus,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled]:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled.active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled:active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled:hover>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled.active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled:active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled:hover>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled].active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled]:active>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled]:focus>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled]:hover>a:only-child,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled]>a:only-child{color:currentColor}.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled.active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled:active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled:hover>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link-disabled>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled.active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled:active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled:hover>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link.disabled>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled].active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled]:active>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled]:focus>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled]:hover>a:only-child:after,.njt-cf7mls-btn-background-ghost.njt-cf7mls-btn-link[disabled]>a:only-child:after{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;content:""}.njt-cf7mls-btn-two-chinese-chars:first-letter{letter-spacing:.34em}.njt-cf7mls-btn-two-chinese-chars>:not(.njt-cf7mlsicon){margin-right:-.34em;letter-spacing:.34em}.njt-cf7mls-btn-block{width:100%}.njt-cf7mls-btn:empty{vertical-align:top}a.njt-cf7mls-btn{padding-top:.1px;line-height:30px}a.njt-cf7mls-btn-lg{line-height:38px}a.njt-cf7mls-btn-sm{line-height:22px}.njt-cf7mls-modal{box-sizing:border-box;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;font-feature-settings:"tnum";position:relative;top:100px;width:auto;margin:0 auto;padding:0 0 24px;pointer-events:none}.njt-cf7mls-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.njt-cf7mls-modal-title{margin:0;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;line-height:22px;word-wrap:break-word}.njt-cf7mls-modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:auto}.njt-cf7mls-modal-close{position:absolute;top:0;right:0;z-index:10;padding:0;color:rgba(0,0,0,.45);font-weight:700;line-height:1;text-decoration:none;background:transparent;border:0;outline:0;cursor:pointer;transition:color .3s}.njt-cf7mls-modal-close-x{display:block;width:56px;height:56px;font-size:16px;font-style:normal;line-height:56px;text-align:center;text-transform:none;text-rendering:auto}.njt-cf7mls-modal-close:focus,.njt-cf7mls-modal-close:hover{color:rgba(0,0,0,.75);text-decoration:none}.njt-cf7mls-modal-header{padding:16px 24px;color:rgba(0,0,0,.65);background:#fff;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0}.njt-cf7mls-modal-body{padding:24px;font-size:14px;line-height:1.5;word-wrap:break-word}.njt-cf7mls-modal-footer{padding:10px 16px;text-align:right;background:transparent;border-top:1px solid #e8e8e8;border-radius:0 0 4px 4px}.njt-cf7mls-modal-footer button+button{margin-bottom:0;margin-left:8px}.njt-cf7mls-modal.zoom-appear,.njt-cf7mls-modal.zoom-enter{transform:none;opacity:0;animation-duration:.3s;user-select:none}.njt-cf7mls-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45);filter:alpha(opacity=50)}.njt-cf7mls-modal-mask-hidden{display:none}.njt-cf7mls-modal-open{overflow:hidden}.njt-cf7mls-modal-centered{text-align:center}.njt-cf7mls-modal-centered:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.njt-cf7mls-modal-centered .njt-cf7mls-modal{top:0;display:inline-block;text-align:left;vertical-align:middle}@media (max-width:767px){.njt-cf7mls-modal{max-width:calc(100vw - 16px);margin:8px auto}.njt-cf7mls-modal-centered .njt-cf7mls-modal{flex:1}}.njt-cf7mls-modal-confirm .njt-cf7mls-modal-header{display:none}.njt-cf7mls-modal-confirm .njt-cf7mls-modal-body{padding:32px 32px 24px}.njt-cf7mls-modal-confirm-body-wrapper{zoom:1}.njt-cf7mls-modal-confirm-body-wrapper:after,.njt-cf7mls-modal-confirm-body-wrapper:before{display:table;content:""}.njt-cf7mls-modal-confirm-body-wrapper:after{clear:both}.njt-cf7mls-modal-confirm-body .njt-cf7mls-modal-confirm-title{display:block;overflow:hidden;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;line-height:1.4}.njt-cf7mls-modal-confirm-body .njt-cf7mls-modal-confirm-content{margin-top:8px;color:rgba(0,0,0,.65);font-size:14px}.njt-cf7mls-modal-confirm-body>.njt-cf7mlsicon{float:left;margin-right:16px;font-size:22px}.njt-cf7mls-modal-confirm-body>.njt-cf7mlsicon+.njt-cf7mls-modal-confirm-title+.njt-cf7mls-modal-confirm-content{margin-left:38px}.njt-cf7mls-modal-confirm .njt-cf7mls-modal-confirm-btns{float:right;margin-top:24px}.njt-cf7mls-modal-confirm .njt-cf7mls-modal-confirm-btns button+button{margin-bottom:0;margin-left:8px}.njt-cf7mls-modal-confirm-error .njt-cf7mls-modal-confirm-body>.njt-cf7mlsicon{color:#f5222d}.njt-cf7mls-modal-confirm-confirm .njt-cf7mls-modal-confirm-body>.njt-cf7mlsicon,.njt-cf7mls-modal-confirm-warning .njt-cf7mls-modal-confirm-body>.njt-cf7mlsicon{color:#faad14}.njt-cf7mls-modal-confirm-info .njt-cf7mls-modal-confirm-body>.njt-cf7mlsicon{color:#1890ff}.njt-cf7mls-modal-confirm-success .njt-cf7mls-modal-confirm-body>.njt-cf7mlsicon{color:#52c41a}.njt-cf7mls-notification{box-sizing:border-box;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;font-feature-settings:"tnum";position:fixed;z-index:1010;width:384px;max-width:calc(100vw - 32px);margin:0 24px 0 0}.njt-cf7mls-notification-bottomLeft,.njt-cf7mls-notification-topLeft{margin-right:0;margin-left:24px}.njt-cf7mls-notification-bottomLeft .njt-cf7mls-notification-fade-appear.njt-cf7mls-notification-fade-appear-active,.njt-cf7mls-notification-bottomLeft .njt-cf7mls-notification-fade-enter.njt-cf7mls-notification-fade-enter-active,.njt-cf7mls-notification-topLeft .njt-cf7mls-notification-fade-appear.njt-cf7mls-notification-fade-appear-active,.njt-cf7mls-notification-topLeft .njt-cf7mls-notification-fade-enter.njt-cf7mls-notification-fade-enter-active{animation-name:NotificationLeftFadeIn}.njt-cf7mls-notification-close-icon{font-size:14px;cursor:pointer}.njt-cf7mls-notification-notice{position:relative;margin-bottom:16px;padding:16px 24px;overflow:hidden;line-height:1.5;background:#fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.njt-cf7mls-notification-notice-message{display:inline-block;margin-bottom:8px;color:rgba(0,0,0,.85);font-size:16px;line-height:24px}.njt-cf7mls-notification-notice-message-single-line-auto-margin{display:block;width:calc(264px - 100%);max-width:4px;background-color:transparent;pointer-events:none}.njt-cf7mls-notification-notice-message-single-line-auto-margin:before{display:block;content:""}.njt-cf7mls-notification-notice-description{font-size:14px}.njt-cf7mls-notification-notice-closable .njt-cf7mls-notification-notice-message{padding-right:24px}.njt-cf7mls-notification-notice-with-icon .njt-cf7mls-notification-notice-message{margin-bottom:4px;margin-left:48px;font-size:16px}.njt-cf7mls-notification-notice-with-icon .njt-cf7mls-notification-notice-description{margin-left:48px;font-size:14px}.njt-cf7mls-notification-notice-icon{position:absolute;margin-left:4px;font-size:24px;line-height:24px}.njt-cf7mlsicon.njt-cf7mls-notification-notice-icon-success{color:#52c41a}.njt-cf7mlsicon.njt-cf7mls-notification-notice-icon-info{color:#1890ff}.njt-cf7mlsicon.njt-cf7mls-notification-notice-icon-warning{color:#faad14}.njt-cf7mlsicon.njt-cf7mls-notification-notice-icon-error{color:#f5222d}.njt-cf7mls-notification-notice-close{position:absolute;top:16px;right:22px;color:rgba(0,0,0,.45);outline:none}.njt-cf7mls-notification-notice-close:hover{color:rgba(0,0,0,.67)}.njt-cf7mls-notification-notice-btn{float:right;margin-top:16px}.njt-cf7mls-notification .notification-fade-effect{animation-duration:.24s;animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-fill-mode:both}.njt-cf7mls-notification-fade-appear,.njt-cf7mls-notification-fade-enter{opacity:0;animation-duration:.24s;animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-fill-mode:both;animation-play-state:paused}.njt-cf7mls-notification-fade-leave{animation-duration:.24s;animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-fill-mode:both;animation-duration:.2s;animation-play-state:paused}.njt-cf7mls-notification-fade-appear.njt-cf7mls-notification-fade-appear-active,.njt-cf7mls-notification-fade-enter.njt-cf7mls-notification-fade-enter-active{animation-name:NotificationFadeIn;animation-play-state:running}.njt-cf7mls-notification-fade-leave.njt-cf7mls-notification-fade-leave-active{animation-name:NotificationFadeOut;animation-play-state:running}@keyframes NotificationFadeIn{0%{left:384px;opacity:0}to{left:0;opacity:1}}@keyframes NotificationLeftFadeIn{0%{right:384px;opacity:0}to{right:0;opacity:1}}@keyframes NotificationFadeOut{0%{max-height:150px;margin-bottom:16px;padding-top:16px 24px;padding-bottom:16px 24px;opacity:1}to{max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}}.njt-cf7mls-modal-footer{text-align:left;padding:0 16px 15px 24px;border-top:none}
\ No newline at end of file
This diff could not be displayed because it is too large.
@charset "UTF-8";
/*!
* animate.css -https://daneden.github.io/animate.css/
* Version - 3.7.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2019 Daniel Eden
*/
@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.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{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.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{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.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{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.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:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{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:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.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{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{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{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(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{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-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{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-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{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-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:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-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:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{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{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(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:rotate(80deg);transform:rotate(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:rotate(60deg);transform:rotate(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:rotate(80deg);transform:rotate(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:rotate(60deg);transform:rotate(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{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.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{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.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{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.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(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.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(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(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:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}
\ No newline at end of file
.wpcf7-form{
position: relative;
/* border : 1px solid #eaeaea; */
overflow: hidden;
}
.wpcf7-form .fieldset-cf7mls{
border: none;
background: none;
}
.wpcf7 form.sent .wpcf7-response-output {
display: block;
}
.cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button {
margin: 25px 0px 26px;
padding: 13px 20px;
}
.cf7mls_next.action-button {
background-color: #0073aa;
border: 0 none;
border-radius: 3px;
color: #ffffff;
cursor: pointer;
font-weight: bold;
margin: 25px 0px 26px;
padding: 13px 5px;
min-width: 100px;
position: relative;
}
.cf7mls_back.action-button {
background-color: #e3e3e3;
border: 0 none;
border-radius: 3px;
color: #23282d;
cursor: pointer;
font-weight: bold;
margin: 16px 0px 26px;
padding: 13px 5px;
min-width: 100px;
position: relative;
}
.fieldset-cf7mls .wpcf7-form-control.wpcf7-cf7mls_preview_step {
background-color: #27ae60;
border: 0 none;
border-radius: 3px;
color: white;
cursor: pointer;
font-weight: bold;
margin: 26px 0px 32px;
padding: 13px 5px;
min-width: 100px;
position: relative;
}
.cf7mls_back.action-button {
margin-right: 10px;
float: left;
}
.cf7mls_next.action-button:hover,
.cf7mls_back.action-button:hover,
.fieldset-cf7mls .wpcf7-form-control.wpcf7-cf7mls_preview_step:hover {
opacity: 0.8;
}
.fieldset-cf7mls .cf7mls_back{
float: left;
}
.fieldset-cf7mls .cf7mls_next {
float: right;
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit {
border-radius: 3px;
padding: 13px 29px;
font-weight: bold;
margin: 16px 0px 26px;
float: right;
/* background-color: #0073aa; */
/* color: #ffffff; */
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit:hover {
opacity: 0.8;
}
.cf7mls_reviewing_overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 100;
display: none;
}
form.wpcf7-form.cf7mls_reviewing {
position: relative;
z-index: 999999;
background-color: #fff;
}
form.wpcf7-form.cf7mls_reviewing:before{
content: '';
position: absolute;
background: rgba(0,0,0,0.8);
width: 100000px;
height: 100000px;
left: -30000px;
top: -30000px;
z-index: 1;
}
form.wpcf7-form.cf7mls_reviewing > *{
position: relative;
z-index: 3;
}
form.wpcf7-form.cf7mls_reviewing .cf7mls_close_preview {
cursor: pointer;
position: absolute;
top: 10px;
right: 0;
}
form.wpcf7-form.cf7mls_reviewing:after{
content: '';
position: absolute;
top: -5px;
left: -20px;
right: -20px;
bottom: -10px;
background: #ffffff;
z-index: 2;
}
/*
* Animation
*/
/*
button.cf7mls_btn:not(.disabled):before {
content: '';
position: absolute;
right: 10px;
top: 50%;
margin-top: -11px;
width: 20px;
height: 20px;
border: 4px solid;
border-left-color: transparent;
border-radius: 50%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-name: rotate;
-webkit-animation-name: rotate;
animation-name: rotate;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
button.cf7mls_btn:not(.disabled):after {
content: '';
display: inline-block;
height: 100%;
width: 0px;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
-moz-transition-duration: 0.75s;
-o-transition-duration: 0.75s;
-webkit-transition-duration: 0.75s;
transition-duration: 0.75s;
-moz-transition-property: width;
-o-transition-property: width;
-webkit-transition-property: width;
transition-property: width;
}
button.cf7mls_btn:not(.disabled).sending {
pointer-events: none;
cursor: not-allowed;
}
button.cf7mls_btn:not(.disabled).sending:not(.expand) {
text-align: left;
}
button.cf7mls_btn:not(.disabled).sending:before {
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
button.cf7mls_btn:not(.disabled).sending:after {
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 20px;
}
@keyframes rotate {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
*/
.cf7mls_next.action-button img {
display: none;
width: 20px;
position: relative;
margin-left: 5px;
vertical-align: middle;
}
.cf7mls_next.action-button.sending img {
display: inline-block;
}
.cf7mls_next.action-button:focus,
.cf7mls_back.action-button:focus {
outline: none;
}
.fieldset-cf7mls-wrapper{
position: relative;
overflow: hidden;
}
.fieldset-cf7mls-wrapper .fieldset-cf7mls{
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 800ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
-moz-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
-o-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
-moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
-o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}
.cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .fieldset-cf7mls {
transition: none;
}
.fieldset-cf7mls-wrapper .cf7mls_back_fs{
position: absolute;
left: 0;
top: 15px;
transform: translate(-110%,0);
-webkit-transform: translate(-110%,0);
-moz-transform: translate(-110%,0);
}
.fieldset-cf7mls-wrapper .cf7mls_current_fs ~ .fieldset-cf7mls{
position: absolute;
left: 0;
top: 15px;
transform: translate(110%,0);
-webkit-transform: translate(110%,0);
-moz-transform: translate(110%,0);
}
.wpcf7-form .cf7mls_progress_bar ~ .fieldset-cf7mls-wrapper fieldset {
padding-top: 0px;
margin-top: 0px;
padding-bottom: 2px;
margin-bottom: 20px;
}
.fieldset-cf7mls-wrapper .cf7mls_current_fs{
opacity: 1;
visibility: visible;
display: block;
position: relative;
}
.fieldset-cf7mls.cf7mls_preview_fs {
height: auto;
overflow: visible;
opacity: 1;
visibility: visible;
transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
position: relative;
}
.fieldset-cf7mls-wrapper .wpcf7-not-valid-tip {
font-size: 13px;
}
.fieldset-cf7mls-wrapper div.wpcf7-validation-errors {
border: none;
display: block !important;
color: #f00;
font-size: 13px;
padding-left: 0px;
margin-left: 0px;
}
.fieldset-cf7mls-wrapper div.wpcf7-validation-errors .wpcf7-icon-wraning {
display: block;
float: left;
margin-right: 8px;
margin-top: 2px;
fill: #f00;
}
.fieldset-cf7mls-wrapper .fieldset-cf7mls span.ajax-loader {
position: absolute;
right: 39px;
margin-top: 33px;
}
@media only screen and (max-width: 767px) {
.fieldset-cf7mls input[type="radio"],
.fieldset-cf7mls input[type="checkbox"]{
width: auto;
}
.fieldset-cf7mls input, .wpcf7-form .fieldset-cf7mls textarea{
width: 100%;
}
}
.cf7mls_progress_bar{
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
display: flex;
width: 100%;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
line-height: normal;
font-weight: normal;
}
.cf7mls_progress_bar li .cf7_mls_count_step {
display: block;
color: #8f8f8f;
font-size: 15px;
}
.cf7mls_progress_bar.cf7mls_bar_style_box_vertical_squaren li .cf7_mls_count_step,
.cf7mls_progress_bar.cf7mls_bar_style_box_larerSign_squaren li .cf7_mls_count_step {
font-size: 15px;
display: block;
}
.cf7mls_progress_bar li .cf7_mls_check {
display: none;
color: #fff;
font-size: 15px;
margin-top: 2px;
padding: 0px;
text-align: center;
}
.cf7mls_progress_bar li .cf7mls_progress_bar_title {
font-size: 13px;
font-weight: normal;
line-height: 1.5;
margin: 1em 0;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.cf7mls_progress_bar.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li .cf7mls_progress_bar_title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-align: left;
}
.cf7mls_progress_bar.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7mls_progress_bar_title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.cf7mls_progress_bar li.active .cf7_mls_count_step {
color: #fff
}
.cf7mls_progress_bar li.current .cf7mls_progress_bar_title {
font-weight: 600;
}
.cf7mls_progress_bar .cf7_mls_arrow_point_to_righ {
display: none;
}
.cf7mls_progress_bar li:last-child .cf7_mls_arrow_point_to_righ {
display: none;
}
.cf7mls_progress_bar li.cf7_mls_steps_item {
line-height: normal;
font-weight: normal;
padding: 0px;
margin: 0px;
}
.cf7mls_progress_bar[data-allow-choose-step=on] li .cf7_mls_steps_item_icon{
cursor: pointer;
}
.cf7mls_bar_style_box_vertical_squaren[data-allow-choose-step=on] li {
cursor: pointer;
}
.cf7mls_bar_style_box_larerSign_squaren[data-allow-choose-step=on] li {
cursor: pointer;
}
.wpcf7-form span.cf7_mls_check svg {
display: inherit;
}
.cf7mls_reviewing .fieldset-cf7mls-wrapper .cf7mls_progress_bar_percent_wrap {
display: none;
}
.cf7mls_reviewing .fieldset-cf7mls-wrapper .cf7mls_back + .cf7mls_progress_bar_percent_wrap {
display: block;
}
.cf7mls_reviewing .cf7mls_progress_bar li {
pointer-events: none;
}
.cf7mls_reviewing .cf7mls_progress_bar li {
pointer-events: none;
}
.cf7mls_reviewing .cf7mls_progress_bar .cf7_mls_steps_item_icon {
pointer-events: none;
}
#cf7mls-progress-bar .cf7mls_progress_bar li:first-child .cf7_mls_count_step {
display: none;
}
#cf7mls-progress-bar .cf7mls_progress_bar li:first-child .cf7_mls_check {
display: block;
}
.cf7mls_progress_bar li .cf7mls_progress_bar_title {
font-size: 13px;
font-weight: normal;
line-height: 1.5;
margin: 1em 0;
}
.cf7mls_progress_bar li.active .cf7_mls_count_step {
color: #fff
}
#cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(1) .cf7_mls_count_step,
#cf7mls-progress-bar .cf7mls_progress_bar:not(.cf7mls_bar_style_box_larerSign_squaren):not(.cf7mls_bar_style_box_vertical_squaren) li:nth-child(2) .cf7_mls_count_step {
color: #fff;
}
#cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(3) .cf7_mls_count_step {
color: #8f8f8f;
}
#cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(3):before {
background-color: #eaedef;
}
#cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(3) .cf7_mls_count_step {
color: #8f8f8f;
}
#cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(3) .cf7_mls_steps_item_icon {
background: #eaedef;
}
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon {
background: #fff;
}
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(3) {
background: #eaedef !important;
}
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon {
background: #fff;
}
#cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(2) .cf7mls_progress_bar_title,
.cf7mls_progress_bar li.current .cf7mls_progress_bar_title {
font-weight: 600;
}
/* ========= I) Start Navigation Horizontal, Navigation Horizontal Icon Round========= */
/* Start Horizontal Text */
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal,
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no {
margin: 0 auto;
width: 90%;
margin-bottom: 42px;
margin-top: 42px;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li {
position: relative;
display: inline-block;
flex: 1;
-webkit-flex: 1;
-ms-flex : 1;
-moz-flex: 1;
-webkit-flex: 1;
overflow: hidden;
margin-right: 16px;
white-space: nowrap;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li:last-child,
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no li:last-child,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li:last-child,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no li:last-child {
flex: none;
-webkit-flex: none;
-ms-flex : none;
-moz-flex: none;
-webkit-flex: none;
margin-right: 0px;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
flex: none;
-webkit-flex: none;
-ms-flex : none;
-moz-flex: none;
-webkit-flex: none;
margin-right: 0px;
}
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
display: inline-block;
vertical-align: top;
line-height: 28px;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
display: inline-block;
vertical-align: top;
line-height: 28px;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon {
width: 30px;
height: 30px;
font-size: 16px;
text-align: center;
background: #eaedef;
display: inline-block;
line-height: 29px;
border-radius: 3px;
margin-right: 17px;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7mls_progress_bar_title {
position: relative;
display: inline-block;
padding-right: 16px;
margin: 0px;
padding: 0px;
color: #23282d;
line-height: 1.5;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after {
position: absolute;
top: 10px;
left: 100%;
display: block;
width: 9999px;
height: 1px;
background: #e8e8e8;
content: "";
margin-left: 17px;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li:last-child .cf7mls_progress_bar_title:after,
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no li:last-child .cf7mls_progress_bar_title:after,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li:last-child .cf7mls_progress_bar_title:after,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no li:last-child .cf7mls_progress_bar_title:after {
content: none;
}
/* End */
/* Start Vertical Text */
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical {
margin-bottom: 27px;
margin-top: 42px;
overflow: hidden;
position: relative;
z-index: 1;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li {
list-style-type: none;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li:before,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li:before {
content: counter(step);
width: 30px;
line-height: 30px;
display: block;
font-size: 0px;
background: #eaedef;
border-radius: 3px;
margin: 0 auto;
padding: 0;
height: 30px;
}
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li::before {
border-radius: 50%;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li:after,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li:after {
content: '';
width: 60%;
height: 1px;
background: #eee;
position: absolute;
left: -50%;
top: 15px;
z-index: -1;
/* transition: 0.8s ease all;
-moz-transition: 0.8s ease all;
-webkit-transition: 0.8s ease all; */
margin-left: 20%;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li:first-child:after,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container {
text-align: center;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon {
position: absolute;
left: 50%;
top: 0px;
line-height: 29px;
margin-left: -16px;
height: 29px;
width: 31px;
border-radius: 50%;
}
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_icon {
width: 29px;
height: 29px;
font-size: 15px;
text-align: center;
background: #eaedef;
display: inline-block;
line-height: 29px;
border-radius: 50%;
margin-right: 15px;
}
/* .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_check,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_check {
margin-left: -2px;
} */
/* End */
/* Start No Text */
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no {
overflow: hidden;
position: relative;
z-index: 1;
margin: 42px auto 42px;
width: 42%;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no li,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no li {
position: relative;
display: inline-block;
flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
-moz-flex: 1;
-webkit-flex: 1;
overflow: hidden;
margin-right: 4px;
white-space: nowrap;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title:after,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7mls_progress_bar_title:after {
position: absolute;
top: -4px;
left: 100%;
display: block;
width: 9999px;
height: 1px;
background: #e8e8e8;
content: "";
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content > .cf7mls_progress_bar_title,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content > .cf7mls_progress_bar_title {
font-size: 0px;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon,
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon {
width: 29px;
height: 29px;
font-size: 16px;
text-align: center;
background: #eaedef;
display: inline-block;
line-height: 28px;
border-radius: 3px;
margin-right: 4px;
}
.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon {
border-radius: 50%;
}
/* End */
/* ========= End ========= */
/* ========= II) Start Larger Sign Icon Square, Larger Sign Icon Round ========= */
/* Start horizontal*/
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal,
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no {
margin: 0 auto;
width: 90%;
margin-bottom: 42px;
margin-top: 42px;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal li,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal li {
position: relative;
display: inline-block;
flex: 1;
-webkit-flex: 1;
-ms-flex : 1;
-moz-flex: 1;
-webkit-flex: 1;
overflow: hidden;
margin-right: 16px;
white-space: nowrap;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal li:last-child,
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no li:last-child,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal li:last-child,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no li:last-child {
flex: none;
-webkit-flex: none;
-ms-flex : none;
-moz-flex: none;
-webkit-flex: none;
margin-right: 0px;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
display: inline-block;
line-height: 28px;
width: 100%;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon,
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_round .cf7_mls_steps_item_icon,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_round .cf7_mls_steps_item_icon {
width: 30px;
height: 30px;
font-size: 16px;
text-align: center;
background: #eaedef;
display: inline-block;
line-height: 29px;
border-radius: 3px;
margin-right: 17px;
}
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_icon {
border-radius: 50%;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7mls_progress_bar_title {
position: relative;
display: inline-block;
padding-right: 16px;
margin: 0px;
padding: 0px;
color: #23282d;
height: 18px;
line-height: normal;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title {
min-width: 48%;
vertical-align: top;
margin-top: 6px;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal li:last-child .cf7mls_progress_bar_title:after,
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no li:last-child .cf7mls_progress_bar_title:after,
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li:first-child:after,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal li:last-child .cf7mls_progress_bar_title:after,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no li:last-child .cf7mls_progress_bar_title:after,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li:first-child:after {
content: none;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_arrow_point_to_righ,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7_mls_arrow_point_to_righ {
display: contents;
}
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7_mls_arrow_point_to_righ svg,
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_arrow_point_to_righ svg {
width: 12px;
fill: #e3e3e3;
display: inline-block;
position: absolute;
top: 8px;
}
/* end */
/* Start Vertical*/
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical {
margin-bottom: 25px;
margin-top: 42px;
overflow: hidden;
position: relative;
z-index: 1;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li {
list-style-type: none;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li:before,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li:before {
content: counter(step);
width: 30px;
line-height: 30px;
display: block;
font-size: 0px;
background: #eaedef;
border-radius: 3px;
margin: 0 auto;
padding: 0;
}
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li:before {
border-radius: 50%;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li:after,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li:after {
position: absolute;
top: 13%;
display: block;
width: 8px;
height: 8px;
border: 1px solid rgba(0,0,0,.25);
border-bottom: none;
border-left: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
margin-left: -3%;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container {
text-align: center;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon {
position: absolute;
left: 50%;
top: 0px;
margin-left: -15px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_check,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li .cf7_mls_check {
margin-left: -2px;
}
/* End */
/* Start No */
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no {
overflow: hidden;
position: relative;
z-index: 1;
margin: 42px auto 42px;
width: 42%;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no li,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no li {
position: relative;
display: inline-block;
flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
-moz-flex: 1;
-webkit-flex: 1;
overflow: hidden;
margin-right: 4px;
white-space: nowrap;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content > .cf7mls_progress_bar_title,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content > .cf7mls_progress_bar_title {
font-size: 0px;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon {
width: 29px;
height: 29px;
font-size: 16px;
text-align: center;
background: #eaedef;
display: inline-block;
line-height: 30px;
border-radius: 3px;
margin-right: 4px;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title:after,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7mls_progress_bar_title:after {
display: block;
width: 8px;
height: 8px;
border: 1px solid rgba(0,0,0,.25);
border-bottom: none;
border-left: none;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
margin-left: 46%;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7mls_progress_bar_title {
vertical-align: top;
margin-top: 10px;
}
.cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
.cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
position: absolute;
left: 57%;
}
/* End */
/* ========= End ========= */
/* ========= III) Start style horizontal squaren, style horizontal round =========*/
.cf7mls_bar_style_horizontal_squaren .cf7_mls_steps_item:hover:after{
background: #BDBDBD;
}
.cf7mls_bar_style_horizontal_squaren .cf7_mls_steps_item.active:hover:after{
background: #0073aa;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical {
margin-bottom: 10px;
margin-top: 20px;
overflow: hidden;
position: relative;
z-index: 1;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li {
position: relative;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li,
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li {
list-style-type: none;
float: left;
position: relative;
margin: 0px;
padding: 0px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li:before,
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li:before,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li:before,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li:before {
content: counter(step);
width: 30px;
line-height: 30px;
display: block;
font-size: 0px;
background: #eaedef;
border-radius: 3px;
margin: 0px auto;
padding: 0px;
height: 30px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_container,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li .cf7_mls_steps_item_container {
text-align: center;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon {
position: absolute;
left: 50%;
top: 0px;
margin-left: -15px;
width: 30px;
height: 30px;
line-height: 29px;
border-radius: 50%;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_check,
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li .cf7_mls_check,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_check,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li .cf7_mls_check {
margin-left: -2px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal {
white-space: nowrap;
text-align: center;
height: 56px;
width: 90%;
margin: 42px auto;
}
/* #cf7mls-progress-bar .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(2):before,
#cf7mls-progress-bar .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li:nth-child(2):after,
#cf7mls-progress-bar .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li:nth-child(2):after,
#cf7mls-progress-bar .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li:nth-child(2):before,
#cf7mls-progress-bar .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li:nth-child(2):after,
#cf7mls-progress-bar .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li:nth-child(2):after {
background-color: #576877;
transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-webkit-transition: all 0.8s ease;
} */
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:before,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li:before {
width: 100%;
position: absolute;
display: inline-block;
height: 2px;
background-color: rgb(234, 237, 239);
content: "";
bottom: 0px;
left: 0px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_content,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_content {
display: inline-block;
vertical-align: top;
margin-top: 2px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_container,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_container {
display: inline-block;
height: 100%;
margin-left: -4%;
padding-bottom: 12px;
text-align: left;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_icon,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_icon {
width: 32px;
height: 32px;
margin-right: 14px;
line-height: 31px;
text-align: center;
background: #eaedef;
border-radius: 3px;
display: inline-block;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li .cf7mls_progress_bar_title,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7mls_progress_bar_title {
max-width: 100%;
padding-right: 0px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0px;
padding: 0px;
padding-top: 5px;
}
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_icon,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li:before,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li:before {
border-radius: 50%;
}
/* Start Vertical */
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical {
width: 90%;
margin: 42px auto 42px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li:after,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li:after {
content: '';
width: 100%;
height: 2px;
background: #eee;
position: absolute;
z-index: -1;
/* transition: 0.8s ease all;
-moz-transition: 0.8s ease all;
-webkit-transition: 0.8s ease all; */
bottom: 0px;
}
/* End */
/* Start No */
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no {
width: 43%;
margin: 42px auto 57px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li:after,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li:after {
content: '';
width: 100%;
height: 2px;
background: #eee;
position: absolute;
/* transition: 0.8s ease all;
-moz-transition: 0.8s ease all;
-webkit-transition: 0.8s ease all; */
bottom: -14px;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_content,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li .cf7_mls_steps_item_content {
display: none;
}
.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon,
.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon {
position: absolute;
left: 50%;
top: 0px;
margin-left: -15px;
width: 30px;
line-height: 29px;
height: 30px;
border-radius: 50%;
}
/* End */
/* ========= End ========= */
/* ========= IV) Start style box vertical squaren, style box larerSign squaren ========= */
/* Start horizontal*/
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal {
margin: 0 auto;
width: 90%;
margin-bottom: 42px;
margin-top: 42px;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li {
position: relative;
display: inline-block;
flex: 1;
-webkit-flex: 1;
-ms-flex : 1;
-moz-flex: 1;
-webkit-flex: 1;
overflow: hidden;
margin-right: 16px;
white-space: nowrap;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li {
background: #eaedef;
padding: 15px 0px;
margin: 0px;
text-align: center;
border-right: 2px solid #fff;
}
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3),
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(3),
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:nth-child(3),
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3),
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:nth-child(3),
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(3) {
background: #eaedef;
}
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li {
background: #eaedef;
padding: 15px 0px;
margin: 0px;
text-align: center;
position: relative;
}
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:first-child:after,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:after {
display: none;
}
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:after {
position: absolute;
top: 0%;
display: block;
width: 62px;
height: 49px;
border: 2px solid #fff;
border-bottom: none;
border-left: none;
content: '';
background: #eaedef;
z-index: 1;
border-radius: 0 1px 0px 100%;
left: -31px;
-webkit-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
-moz-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
-ms-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
-o-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:last-child,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:last-child {
flex: none;
-webkit-flex: none;
-ms-flex : none;
-moz-flex: none;
-webkit-flex: none;
margin-right: 0px;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
display: inline-block;
vertical-align: middle;
line-height: 28px;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical .cf7_mls_steps_item_icon,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical .cf7_mls_steps_item_icon,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon {
width: 29px;
height: 29px;
font-size: 15px;
text-align: center;
background: #eaedef;
display: inline-block;
line-height: 28px;
border-radius: 3px;
margin-right: 17px;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon {
border-radius: 50%;
background: #fff;
margin-right: 13px;
}
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3) .cf7_mls_steps_item_icon,
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3) .cf7_mls_steps_item_icon,
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(3) .cf7_mls_steps_item_icon,
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:nth-child(3) .cf7_mls_steps_item_icon {
background: #fff;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_check,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical .cf7_mls_check,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7_mls_check,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_check,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical .cf7_mls_check,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_check {
color: #eaedef;
}
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title {
position: relative;
display: inline-block;
padding-right: 16px;
margin: 0px;
padding: 0px;
color: #23282d;
line-height: 1.5;
}
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title,
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:nth-child(2) .cf7mls_progress_bar_title,
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title,
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:nth-child(2) .cf7mls_progress_bar_title {
color: #fff;
}
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3) .cf7mls_progress_bar_title,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:nth-child(3) .cf7mls_progress_bar_title,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(3) .cf7mls_progress_bar_title,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3) .cf7mls_progress_bar_title,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(3) .cf7mls_progress_bar_title,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(3) .cf7mls_progress_bar_title {
color: #23282d;
}
/* End */
/* Start Vertical Text */
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no {
margin-bottom: 42px;
margin-top: 42px;
overflow: hidden;
position: relative;
z-index: 1;
width: 90%;
margin: 42px auto;
}
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:after {
position: absolute;
top: 13%;
display: block;
width: 61px;
height: 62px;
border: 2px solid #fff;
border-bottom: none;
border-left: none;
content: '';
background: #eaedef;
z-index: 1;
border-radius: 0 1px 0px 100%;
left: -31px;
-webkit-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
-moz-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
-ms-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
-o-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:first-child:after,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:first-child:after,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:first-child:after {
content: none;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:first-child,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:first-child,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:first-child,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:first-child,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:first-child,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:first-child {
border-radius: 5px 0px 0px 5px;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:last-child,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:last-child,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:last-child,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:last-child,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:last-child,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:last-child {
border-radius: 0px 5px 5px 0px;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_container,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_container {
text-align: center;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_check,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li .cf7_mls_check,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_check,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7_mls_check {
left: 46%;
margin-left: -1px;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:before,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:before,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:before,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:before {
border-radius: 50%;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon {
border-radius: 50%;
background: #fff;
margin-right: 0px;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li .cf7mls_progress_bar_title,
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li .cf7mls_progress_bar_title,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7mls_progress_bar_title,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7mls_progress_bar_title {
line-height: normal;
margin: 0px;
margin-top: 7px;
color: #23282d;
}
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:nth-child(1) .cf7mls_progress_bar_title,
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:nth-child(2) .cf7mls_progress_bar_title {
color: #fff;
}
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(1) .cf7mls_progress_bar_title,
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(2) .cf7mls_progress_bar_title,
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(1) .cf7mls_progress_bar_title,
#cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(2) .cf7mls_progress_bar_title {
color: #fff
}
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon {
background: #fff;
}
/* End */
/* Start No */
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no {
overflow: hidden;
position: relative;
z-index: 1;
margin: 42px auto 42px;
width: 46%;
}
#cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(3) {
background: #fff;
}
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:first-child:after {
content: none;
}
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:after {
position: absolute;
top: 0%;
display: block;
width: 62px;
height: 49px;
border: 2px solid #fff;
border-bottom: none;
border-left: none;
content: '';
background: #eaedef;
z-index: 1;
border-radius: 0 1px 0px 100%;
left: -31px;
-webkit-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
-moz-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
-ms-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
-o-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
}
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(n + 2) .cf7_mls_steps_item_container {
position: absolute;
left: 50%;
z-index: 20;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon {
width: 29px;
height: 29px;
font-size: 16px;
text-align: center;
background: #eaedef;
display: inline-block;
line-height: 28px;
border-radius: 3px;
margin-right: 4px;
border-radius: 50%;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li .cf7mls_progress_bar_title,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7mls_progress_bar_title {
line-height: normal;
margin: 0px;
margin-top: 7px;
display: none;
font-size: 0px;
color: #23282d;
}
.cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title,
.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title {
position: relative;
display: inline-block;
padding-right: 16px;
margin: 0px;
padding: 0px;
color: #23282d;
line-height: 1.5;
position: absolute;
z-index: 10;
width: 100%;
}
/* End */
/* ========= End ========= */
/* ========= Start block number step ========= */
.cf7mls_number_step_wrap {
display: none;
width: 90%;
margin: 0 auto;
}
.cf7mls_number_step_wrap .cf7mls_number,
.cf7mls_number_step_wrap .cf7mls_step_current {
font-size: 15px;
color: rgba(0,0,0,.85);
text-align: center;
margin: 0px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.cf7mls_number_step_wrap .cf7mls_progress_bar_percent {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
height: 100%;
margin: 0 auto;
width: 100%;
}
.cf7mls_number_step_wrap .cf7mls_progress_percent {
height: 8px;
}
.cf7mls_number_step_wrap .cf7mls_progress_barinner {
background: #3CBC3C;
height: 100%;
width: 0%;
}
.cf7mls_number_step_wrap .cf7mls_progress_percent {
height: 8px;
overflow: hidden;
position: relative;
left: 0;
width: 100%;
margin: 16px 0 14px;
background: #EBEBEB;
border-radius: 6px;
}
/* ========= Start progress bar percent ========= */
#cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
display: none;
}
#cf7mls-progress-bar .cf7mls_progress_bar_per_mobie_wrap {
display: block;
}
.cf7mls-btns {
overflow: hidden;
width: 100%;
display: block !important;
}
.cf7mls_progress_bar_percent_wrap {
float: left;
width: 100%;
margin-right: 8%;
}
.cf7mls-btns .cf7mls_back + .cf7mls_next + .cf7mls_progress_bar_percent_wrap {
/* width: 60%; */
width: 100%;
}
.cf7mls-btns .cf7mls_back + .cf7mls_progress_bar_percent_wrap,
.cf7mls-btns .cf7mls_next + .cf7mls_progress_bar_percent_wrap {
/* width: 74%; */
width: 100%;
}
.cf7mls_progress_bar_percent_wrap .cf7mls_progress_bar_percent,
.cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_bar_percent {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
height: 100%;
margin: 0 auto;
width: 100%;
}
.cf7mls_progress_bar_percent_wrap .cf7mls_progress_percent,
.cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_percent {
height: 8px;
}
.cf7mls_progress_bar_percent_wrap .cf7mls_progress_barinner,
.cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_barinner {
background: #0073aa;
height: 100%;
width: 0%;
}
.cf7mls_progress_bar_percent_wrap .cf7mls_progress_percent {
overflow: hidden;
position: relative;
left: 0;
margin: 22px 0 8px;
background: #EBEBEB;
height: 5px;
border-radius: 5px;
}
.cf7mls_progress_bar_percent_wrap p,
.cf7mls_progress_bar_per_mobie_wrap p {
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #8f8f8f;
margin: 0px;
padding: 0px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.cf7mls_progress_bar_per_mobie_wrap {
width: 100%;
clear: both;
padding-top: 23px;
}
.cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_percent {
overflow: hidden;
position: relative;
left: 0;
background: #EBEBEB;
height: 5px;
border-radius: 5px;
}
/* ========= end ========= */
@media only screen and (max-width: 768px) {
/* progress bar */
.cf7mls_progress_bar {
display: none;
}
.cf7mls_number_step_wrap {
display: block;
margin-top: 20px;
margin-bottom: 20px;
}
/* progress bar percent */
#cf7mls-progress-bar .cf7mls_progress_bar_per_mobie_wrap {
display: block;
}
#cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
display: none;
}
.fieldset-cf7mls .cf7mls_progress_bar_percent_wrap {
width: 100%;
}
.cf7mls-btns .cf7mls_back + .cf7mls_next + .cf7mls_progress_bar_percent_wrap {
width: 100%;
}
.cf7mls-btns .cf7mls_back + .cf7mls_progress_bar_percent_wrap,
.cf7mls-btns .cf7mls_next + .cf7mls_progress_bar_percent_wrap {
width: 100%;
}
.cf7mls-btns {
overflow: hidden;
}
}
.cf7mls_progress_bar .cf7_mls_steps_item .cf7_mls_steps_item_content {
cursor: pointer;
}
#cf7mls_progress_bar.cf7mls_bar_style_horizontal_squaren li.cf7_mls_steps_item:nth-child(2)::after {
transition: width .3s ease-in-out;
-moz-transition: width .3s ease-in-out;
-webkit-transition: width .3s ease-in-out;
}
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_squaren li.cf7_mls_steps_item:nth-child(2)::after,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_round li.cf7_mls_steps_item:nth-child(2)::after,
#cf7mls_progress_bar.cf7mls_bar_style_horizontal_squaren li.cf7_mls_steps_item:nth-child(2)::after,
#cf7mls_progress_bar.cf7mls_bar_style_horizontal_round li.cf7_mls_steps_item:nth-child(2)::after,
#cf7mls_progress_bar.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li.cf7_mls_steps_item:nth-child(2)::before,
#cf7mls_progress_bar.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li.cf7_mls_steps_item:nth-child(2)::before,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title:after,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title:after {
transition: width .3s ease-in-out;
-moz-transition: width .3s ease-in-out;
-webkit-transition: width .3s ease-in-out;
}
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no li:nth-child(1) .cf7mls_progress_bar_title:after,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no li:nth-child(1) .cf7mls_progress_bar_title:after {
transition: width .8s ease-in-out;
-moz-transition: width .8s ease-in-out;
-webkit-transition: width .8s ease-in-out;
}
#cf7mls_progress_bar li.cf7mls_active_line::after,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no li:nth-child(1) .cf7mls_progress_bar_title.cf7mls_active_line:after,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no li:nth-child(1) .cf7mls_progress_bar_title.cf7mls_active_line:after,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title.cf7mls_active_line:after,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title.cf7mls_active_line:after,
#cf7mls_progress_bar.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li.cf7mls_active_line:before,
#cf7mls_progress_bar.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li.cf7mls_active_line:before {
width: 0 !important;
}
#cf7mls_progress_bar li.cf7_mls_steps_item_none::after,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no li:nth-child(1) .cf7mls_progress_bar_title.cf7_mls_steps_item_none:after,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no li:nth-child(1) .cf7mls_progress_bar_title.cf7_mls_steps_item_none:after,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title.cf7_mls_steps_item_none:after,
#cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title.cf7_mls_steps_item_none:after,
#cf7mls_progress_bar.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li.cf7_mls_steps_item_none:nth-child(2):before,
#cf7mls_progress_bar.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li.cf7_mls_steps_item_none:nth-child(2):before {
display: none;
}
\ No newline at end of file
<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<path fill="#fff" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
<animateTransform attributeType="xml"
attributeName="transform"
type="rotate"
from="0 25 25"
to="360 25 25"
dur="0.9s"
repeatCount="indefinite"/>
</path>
</svg>
(function ($) {
//jQuery time
var current_fs, next_fs, previous_fs; //fieldsets
var left, opacity, scale; //fieldset properties which we will animate
var animating; //flag to prevent quick multi-click glitches
var has_response = false;
var preview_clicked = false;
var next_clicked = false;
var step_click = false;
jQuery(document).ready(function ($) {
if($("form.wpcf7-form .cf7mls_progress_bar.cf7mls_bar_style_box_larerSign_squaren").height() >= 100) {
$('head').append('<style>.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:after{width: 74px;height: 74px;left: -36px;}</style>');
}
// Transition effects
$("form.wpcf7-form").each(function (index, el) {
cf7mls_transition_effects(el, 'effects_in');
});
$("form.wpcf7-form").each(function (index, el) {
var totalFieldset = 0;
var this_form = $(el);
var findFieldset = $(el).find("fieldset.fieldset-cf7mls");
if (findFieldset.length > 0) {
this_form.addClass('cf7mls')
$.each(findFieldset, function (i2, el2) {
if (i2 == 0) {
$(el2).addClass("cf7mls_current_fs");
}
jQuery(el2).attr("data-cf7mls-order", i2);
totalFieldset = totalFieldset + 1;
//disable next button if the fieldset has wpcf7-acceptances
var acceptances = jQuery(el2).find("input:checkbox.wpcf7-acceptances");
if (acceptances.length) {
cf7mls_toggle_next_btn(acceptances, el2);
}
});
$.each(findFieldset, function (i2, el2) {
if (i2 == totalFieldset - 1) {
$(el2)
.find(".cf7mls_next")
.remove();
}
});
$(el).attr("data-count-fieldset", totalFieldset);
//on form submit
if(cf7mls_object.disable_submit == 'true') {
if (cf7mls_object.disable_enter_key) {
$(el)
.find('[type="submit"]')
.click(function (event) {
var findFieldset = $(el).find(
"fieldset.fieldset-cf7mls.cf7mls_current_fs"
);
if (findFieldset.data("cf7mls-order") != totalFieldset - 1) {
findFieldset.find(".cf7mls_next").click();
return false;
}
});
} else {
$(el).submit(function (event) {
var findFieldset = $(el).find(
"fieldset.fieldset-cf7mls.cf7mls_current_fs"
);
if (findFieldset.data("cf7mls-order") != totalFieldset - 1) {
findFieldset.find(".cf7mls_next").click();
return false;
}
});
}
}
}
//recall fields
$(el)
.find("input.wpcf7-cf7_recall")
.each(function (njt_a_i, njt_a_e) {
var $this = $(njt_a_e);
var qf = this_form.find('[name="' + $this.data("qf") + '"]');
var sp = $("span.wpcf7-cf7_recall_" + $this.data("qf"));
var arrChecked = [];
var isCheckbox = false;
if($this.length > 0) {
isCheckbox = $this.data("qf") !== undefined && $this.data("qf").indexOf("cbmls") >= 0 ? true : false;
}
if (isCheckbox) {
qf = this_form.find('[name="' + $this.data("qf") + "[]" + '"]');
qf.on("change", function (event) {
event.preventDefault();
var _val = $(this).val();
if( $(this).attr('type') == 'date' ) {
const D = new Date(_val);
_val = getFormattedDate(D);
}
var arrCheckedIndex = $.inArray(_val, arrChecked);
if (this.checked) {
if (arrCheckedIndex === -1) arrChecked.push(_val);
} else {
arrChecked.splice(arrCheckedIndex, 1);
}
sp.text(arrChecked.toString());
$this.val(arrChecked.toString());
});
} else {
if (qf.val()) {
var _val = qf.val();
sp.text(_val);
$this.val(_val);
}
qf.on("change", function (event) {
event.preventDefault();
var _val = $(this).val();
if( $(this).attr('type') == 'date' ) {
const D = new Date(_val);
_val = getFormattedDate(D);
}
sp.text(_val);
$this.val(_val);
});
}
});
});
// Background Color Progress Bar
$("form.wpcf7-form").each(function (index, el) {
let id_form = $(el).find('.cf7mls_progress_bar').attr('data-id-form');
var progress_bar_bg_color = $(el).find('.cf7mls_progress_bar').attr('data-bg-color');
$('head').append('<style id="cf7mls_style_progress_bar_' + id_form + '" type="text/css"></style>');
if(progress_bar_bg_color && id_form) {
cf7mls_color_bar(progress_bar_bg_color, id_form, el);
}
});
jQuery(document).on(
"click",
"form.wpcf7-form input:checkbox.wpcf7-acceptances",
function (event) {
//event.preventDefault();
var $this = jQuery(this);
var parent_fieldset = $this.closest("fieldset.fieldset-cf7mls");
if (parent_fieldset.length) {
var acceptances = jQuery(parent_fieldset).find(
"input:checkbox.wpcf7-acceptances"
);
if (acceptances.length) {
cf7mls_toggle_next_btn(acceptances, parent_fieldset);
}
}
}
);
$(document).on("click", ".cf7mls_next", function (event) {
if(next_clicked == false) {
next_clicked = true;
event.preventDefault();
var $this = $(this);
$this.addClass("sending");
current_fs = $this.closest(".fieldset-cf7mls");
next_fs = current_fs.next();
var form = $this.parent().closest("form.wpcf7-form");
//signature fields
current_fs.find('.wpcf7-form-control-signature-global-wrap').each(function(j, wrapper){
var f_id = $(wrapper).attr('data-field-id')
var canvas = $(wrapper).find('canvas')
if(typeof signatures != 'undefined') {
$.each(signatures, function(s_i, signature){
if(signature.canvas.id == canvas.attr('id')) {
if (!signature.signature.isEmpty()){
$('input[name="'+f_id+'"]').val(signature.canvas.toDataURL())
}else{
$('input[name="'+f_id+'"]').val("")
}
}
})
}
});
var fd = new FormData();
$.each(form.find('input[type="file"]'), function (index, el) {
fd.append($(el).attr("name"), $(el)[0].files[0]);
});
var other_data = form.serializeArray();
$.each(other_data, function (key, input) {
fd.append(input.name, input.value);
});
$.ajax({
url: cf7mls_object.ajax_url + "?action=cf7mls_validation",
type: "POST",
crossDomain: true,
data: fd,
processData: false,
contentType: false
})
.done(function (msg) {
$this.removeClass("sending");
var json = $.parseJSON(msg);
/*
* Insert _form_data_id if 'json variable' has
*/
if (typeof json._cf7mls_db_form_data_id != "undefined") {
if (!form.find('input[name="_cf7mls_db_form_data_id"]').length) {
form.append(
'<input type="hidden" name="_cf7mls_db_form_data_id" value="' +
json._cf7mls_db_form_data_id +
'" />'
);
}
}
if (!json.success) {
var checkError = 0;
//reset error messages
current_fs
.find(".wpcf7-form-control-wrap")
.removeClass("cf7mls-invalid");
current_fs.find(".cf7mls-invalid").removeClass("cf7mls-invalid");
current_fs
.find(".wpcf7-form-control-wrap .wpcf7-not-valid-tip")
.remove();
current_fs
.find(".wpcf7-form-control-wrap .wpcf7-not-valid")
.removeClass("wpcf7-not-valid");
if (has_response) {
current_fs
.find(".wpcf7-response-output.wpcf7-validation-errors")
.removeClass("wpcf7-validation-errors");
} else {
current_fs
.find(".wpcf7-response-output.wpcf7-validation-errors")
.remove();
}
$.each(json.invalid_fields, function (index, el) {
if (
current_fs.find('input[name="' + index + '"]').length ||
current_fs.find('input[name="' + index + '[]"]').length ||
current_fs.find('select[name="' + index + '"]').length ||
current_fs.find('select[name="' + index + '[]"]').length ||
current_fs.find('textarea[name="' + index + '"]').length ||
current_fs.find('textarea[name="' + index + '[]"]').length ||
current_fs.find('input[data-name="' + index + '"]').length ||
current_fs.find('input[data-name="' + index + '[]"]').length
) {
checkError = checkError + 1;
//var controlWrap = $('.wpcf7-form-control-wrap.' + index, form);
var controlWraps = [
$('[name="' + index + '"]', form).parent(),
$('[name="' + index + '[]"]', form).parent(),
$('[data-name="' + index + '"]', form).parent(),
$('[data-name="' + index + '[]"]', form).parent()
];
$.each(controlWraps, function (i1, e1) {
var _c = "wpcf7-not-valid-tip";
if (e1.hasClass("form-group")) {
e1.addClass("has-error");
_c += " help-block";
}
e1.addClass("cf7mls-invalid");
e1.find("span.wpcf7-not-valid-tip").remove();
e1.find(".wpcf7-validates-as-required").addClass(
"wpcf7-not-valid"
);
if (e1.parents(".wpcf7-checkbox").length) {
e1.parents(".wpcf7-checkbox").after(
'<span role="alert" class="' +
_c +
'">' +
el.reason +
"</span>"
);
} else if (e1.parents(".wpcf7-radio").length) {
e1.parents(".wpcf7-radio").after(
'<span role="alert" class="' +
_c +
'">' +
el.reason +
"</span>"
);
} else {
e1.append(
'<span role="alert" class="' +
_c +
'">' +
el.reason +
"</span>"
);
}
});
//return false;
}
});
if (checkError == 0) {
json.success = true;
has_response = false;
// jQuery("html, body").animate(
// {
// scrollTop: jQuery($this.closest("form")).offset().top - 110
// },
// 1000
// );
} else {
if (current_fs.find(".wpcf7-response-output").length) {
has_response = true;
$icon = '';
$icon += '<svg class="wpcf7-icon-wraning" width="18px" height="18px" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">';
$icon += '<g><path d="M499.9,361.6c-12.7,0-23,10.3-23,23v352.2c0,12.7,10.3,23,23,23s23-10.3,23-23V384.6C522.9,371.9,512.6,361.6,499.9,361.6z"/>';
$icon += '<path d="M500.1,240.2c-12.7,0-23,10.3-23,23v30.6c0,12.7,10.3,23,23,23c12.7,0,23-10.3,23-23v-30.6C523.1,250.5,512.8,240.2,500.1,240.2z"/>';
$icon += '<path d="M500,10C229.4,10,10,229.4,10,500c0,270.6,219.4,490,490,490c270.6,0,490-219.4,490-490C990,229.4,770.6,10,500,10z M500,944.1C254.8,944.1,55.9,745.2,55.9,500C55.9,254.8,254.8,55.9,500,55.9S944.1,254.8,944.1,500C944.1,745.2,745.2,944.1,500,944.1z"/></g></svg>';
current_fs
.find(".wpcf7-response-output")
.addClass("wpcf7-validation-errors")
.show()
.html($icon + json.message);
} else {
has_response = false;
$icon = '';
$icon += '<svg class="wpcf7-icon-wraning" width="18px" height="18px" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">';
$icon += '<g><path d="M499.9,361.6c-12.7,0-23,10.3-23,23v352.2c0,12.7,10.3,23,23,23s23-10.3,23-23V384.6C522.9,371.9,512.6,361.6,499.9,361.6z"/>';
$icon += '<path d="M500.1,240.2c-12.7,0-23,10.3-23,23v30.6c0,12.7,10.3,23,23,23c12.7,0,23-10.3,23-23v-30.6C523.1,250.5,512.8,240.2,500.1,240.2z"/>';
$icon += '<path d="M500,10C229.4,10,10,229.4,10,500c0,270.6,219.4,490,490,490c270.6,0,490-219.4,490-490C990,229.4,770.6,10,500,10z M500,944.1C254.8,944.1,55.9,745.2,55.9,500C55.9,254.8,254.8,55.9,500,55.9S944.1,254.8,944.1,500C944.1,745.2,745.2,944.1,500,944.1z"/></g></svg>';
current_fs.append(
'<div class="wpcf7-response-output wpcf7-display-none wpcf7-validation-errors" style="display: block;" role="alert">' + $icon +
json.message +
"</div>"
);
}
}
}
if (json.success) {
/*
current_fs.fadeOut('400', function() {
next_fs.fadeIn('400');
});
});
*/
//reset error messages
current_fs
.find(".wpcf7-form-control-wrap")
.removeClass("cf7mls-invalid");
current_fs.find(".cf7mls-invalid").removeClass("cf7mls-invalid");
current_fs.find(".wpcf7-not-valid").removeClass("wpcf7-not-valid");
current_fs
.find(".wpcf7-form-control-wrap .wpcf7-not-valid-tip")
.remove();
/*
* Instead of hiding current fs, we hide all
*/
/*
current_fs.css({
height: '0px',
overflow: 'hidden',
opacity: '0',
'visibility': 'hidden'
}).removeClass('cf7mls_current_fs');
*/
form.find(".cf7mls_current_fs").addClass("cf7mls_back_fs");
form.find(".fieldset-cf7mls").removeClass("cf7mls_current_fs");
next_fs.addClass("cf7mls_current_fs");
if (form.find(".cf7mls_progress_bar").length) {
let allow_choose_step = form.find('.cf7mls_progress_bar').attr('data-allow-choose-step');
let order_cur = Number(form.find('fieldset.cf7mls-choose-step').attr('data-cf7mls-order'));
let step_cur = Number(form.find(".cf7mls_progress_bar li.current").attr('data-counter')) - 1;
// allow choose step
if(allow_choose_step === 'on') {
form.find('fieldset.fieldset-cf7mls').css({display: ''});
form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls-choose-step");
for (let index = 0; index < step_cur; index++) {
console.log(index)
if(!$("form fieldset.fieldset-cf7mls[data-cf7mls-order="+index+"]").hasClass('cf7mls_back_fs')){
$("form fieldset.fieldset-cf7mls[data-cf7mls-order="+index+"]").addClass('cf7mls_back_fs');
}
}
}
if((allow_choose_step === 'on') &&
((order_cur !== step_cur) && ((order_cur === 0) || order_cur))
) {
$('form .cf7mls_progress_bar li.cf7_mls_steps_item').each(function( index) {
if($(this).hasClass('choose-step')) {
$(this).removeClass('choose-step');
}
});
form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls_back_fs");
form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls_current_fs");
form.find('fieldset.fieldset-cf7mls').each(function( index, el ) {
if(index > step_cur) {
return;
}
$(el).addClass("cf7mls_back_fs");
if(index === step_cur) {
$(el).removeClass("cf7mls_back_fs");
$(el).addClass("cf7mls_current_fs");
}
});
}else {
var cur = form.find("fieldset.fieldset-cf7mls").index(current_fs);
var nex = form.find("fieldset.fieldset-cf7mls").index(next_fs);
// if(cf7mls_object.is_rtl == '1') {
// cur = 0 - cur
// nex = 0 - nex
// }
form
.find(".cf7mls_progress_bar li")
.eq(cur)
.removeClass("current");
form
.find(".cf7mls_progress_bar li")
.eq(nex)
.addClass("active current");
cf7mls_step_item_finish(cur, nex, form, 'next');
cf7mls_icon_check('next');
}
}
// Progress Bar in ipad and mobie phone
if(form.find(".cf7mls_number_step_wrap").length) {
cf7mls_bar_process(form);
}
cf7mls_transition_effects(form, 'effects_next');
dhScrollTo(form);
return false;
} else {}
next_clicked = false;
})
.fail(function () {
$this.removeClass("sending");
next_clicked = false;
// console.log("Validation error");
})
.always(function () {
$this.removeClass("sending");
next_clicked = false;
// console.log("Validation complete");
});
return false;
}
});
$(document).on("click", ".cf7mls_back", function (event) {
var $this = $(this);
var form = $this.parent().closest("form.wpcf7-form");
$(".wpcf7-response-output.wpcf7-display-none")
.removeClass("wpcf7-validation-errors")
.removeAttr("style")
.html("");
$(".wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok").hide();
current_fs = $this.closest(".fieldset-cf7mls");
previous_fs = current_fs.prev();
//reset error messages
current_fs.find(".wpcf7-form-control-wrap").removeClass("cf7mls-invalid");
current_fs.find(".cf7mls-invalid").removeClass("cf7mls-invalid");
current_fs.find(".wpcf7-not-valid").removeClass("wpcf7-not-valid");
current_fs.find(".wpcf7-form-control-wrap .wpcf7-not-valid-tip").remove();
/*
* Instead of hide current fs, we hide all
*/
/*current_fs.css({
height: '0px',
overflow: 'hidden',
opacity: '0',
'visibility': 'hidden'
}).removeClass('cf7mls_current_fs');*/
form.find(".fieldset-cf7mls").removeClass("cf7mls_current_fs");
previous_fs.addClass("cf7mls_current_fs").removeClass("cf7mls_back_fs");
if (form.find(".cf7mls_progress_bar").length) {
form.find('fieldset.fieldset-cf7mls').css({display: ''});
let allow_choose_step = form.find('.cf7mls_progress_bar').attr('data-allow-choose-step');
let order_cur = Number(form.find('fieldset.cf7mls-choose-step').attr('data-cf7mls-order'));
let step_cur = Number(form.find(".cf7mls_progress_bar li.choose-step").attr('data-counter')) - 1;
if((allow_choose_step === 'on') &&
((order_cur !== step_cur) && ((order_cur === 0) || order_cur))
) {
$('form .cf7mls_progress_bar li.cf7_mls_steps_item').each(function( index) {
if($(this).hasClass('choose-step')) {
$(this).removeClass('choose-step');
$(this).addClass('active');
$(this).addClass('current');
if($(this).next().hasClass('cf7mls-steps-item-finish')) {
$(this).next().removeClass('active');
$(this).next().removeClass('current');
}
} else {
if($(this).hasClass('active') && $(this).hasClass('current') && !$(this).hasClass('cf7mls-steps-item-finish') ) {
$(this).removeClass('active');
$(this).removeClass('current');
}
}
});
form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls_back_fs");
form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls_current_fs");
form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls-choose-step");
form.find('fieldset.fieldset-cf7mls').each(function( index, el ) {
if(index > step_cur) {
return;
}
$(el).addClass("cf7mls_back_fs");
if(index === step_cur) {
$(el).removeClass("cf7mls_back_fs");
$(el).addClass("cf7mls_current_fs");
}
});
}else {
var pre = form.find("fieldset.fieldset-cf7mls").index(previous_fs)
var cur = form.find("fieldset.fieldset-cf7mls").index(current_fs)
// if(cf7mls_object.is_rtl == '1') {
// pre = 0 - pre
// cur = 0 - cur
// }
form
.find(".cf7mls_progress_bar li")
.eq(pre)
.addClass("active current");
form
.find(".cf7mls_progress_bar li")
.eq(cur)
.removeClass("active current");
cf7mls_icon_check('back');
cf7mls_step_item_finish(pre, cur, form, 'back');
}
}
// Progress Bar in ipad and mobie phone
if(form.find(".cf7mls_number_step_wrap").length) {
cf7mls_bar_process(form);
}
cf7mls_transition_effects(form, 'effects_back');
dhScrollTo(form);
return false;
});
/*
* Preview Form Clicked
*/
$(document).on("click", ".cf7mls_close_preview", function (event) {
event.preventDefault();
var $this = $(this);
var form = $this.closest("form.wpcf7-form");
form.css('padding-top', '0px');
form.find("ul.cf7mls_progress_bar").css('display', 'flex');
form.find( ".cf7mls_close_preview" ).remove();
form.css('overflow', '');
// form.find(".fieldset-cf7mls").css({
// height: "",
// overflow: "",
// opacity: "",
// visibility: ""
// });
form.find(".cf7mls_back").css('display', '');
form.find(".cf7mls_next").css('display', '');
form.find(".wpcf7-cf7mls_preview_step").css('display', '');
form.find('.fieldset-cf7mls').removeClass('cf7mls_preview_fs');
form.find("input").removeAttr("disabled");
form.find("button").removeAttr("disabled");
form.find("select").removeAttr("disabled");
form.find("textarea").removeAttr("disabled");
form.removeClass("cf7mls_reviewing");
$("body")
.find(".cf7mls_reviewing_overlay")
.remove();
preview_clicked = !preview_clicked;
});
$(document).on("click", ".wpcf7-cf7mls_preview_step", function (event) {
event.preventDefault();
var $this = $(this);
var form = $this.closest("form.wpcf7-form");
if (preview_clicked === false) {
form.append("<div class=\"cf7mls_close_preview\"><span><i><svg viewBox=\"64 64 896 896\" data-icon=\"close\" width=\"1em\" height=\"1em\" fill=\"rgba(0, 0, 0, 0.45)\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z\"></path></svg></i></span></div>");
form.css('padding-top', '20px');
form.find("ul.cf7mls_progress_bar").css('display', 'none');
form.find(".cf7mls_back").css('display', 'none');
form.find(".cf7mls_next").css('display', 'none');
form.find(".wpcf7-cf7mls_preview_step").css('display', 'none');
form.css('overflow', 'inherit');
// form.find(".fieldset-cf7mls").css({
// height: "auto",
// overflow: "visible",
// opacity: "1",
// visibility: "visible"
// });
form.find("input").attr("disabled", "disabled");
form.find("button").attr("disabled", "disabled");
form.find("select").attr("disabled", "disabled");
form.find("textarea").attr("disabled", "disabled");
form.find(".wpcf7-cf7mls_preview_step").removeAttr("disabled");
form.addClass("cf7mls_reviewing");
$("body").append('<div class="cf7mls_reviewing_overlay"></div>');
form.find('.fieldset-cf7mls').addClass('cf7mls_preview_fs');
} else {
form.css('padding-top', '0px');
form.find("ul.cf7mls_progress_bar").css('display', 'flex');
form.find( ".cf7mls_close_preview" ).remove();
form.css('overflow', '');
// form.find(".fieldset-cf7mls").css({
// height: "",
// overflow: "",
// opacity: "",
// visibility: ""
// });
form.find(".cf7mls_back").css('display', '');
form.find(".cf7mls_next").css('display', '');
form.find(".wpcf7-cf7mls_preview_step").css('display', '');
form.find('.fieldset-cf7mls').removeClass('cf7mls_preview_fs');
form.find("input").removeAttr("disabled");
form.find("button").removeAttr("disabled");
form.find("select").removeAttr("disabled");
form.find("textarea").removeAttr("disabled");
form.removeClass("cf7mls_reviewing");
$("body")
.find(".cf7mls_reviewing_overlay")
.remove();
}
preview_clicked = !preview_clicked;
});
});
// Allow Choose Step
$("form.wpcf7-form").each(function (index, el) {
let style_bar = $(el).find('.cf7mls_progress_bar').attr('data-bg-style-bar');
let step = '';
if(style_bar == 'box_vertical_squaren' ||
style_bar == 'box_larerSign_squaren'
) {
step = $('.cf7mls_progress_bar li');
step_click = '.cf7mls_progress_bar li';
}else {
step = $('.cf7mls_progress_bar li .cf7_mls_steps_item_icon, .cf7mls_progress_bar li .cf7_mls_steps_item_content');
step_click = '.cf7mls_progress_bar li .cf7_mls_steps_item_icon, .cf7mls_progress_bar li .cf7_mls_steps_item_content';
}
});
$(document).on("click", step_click, function (event) {
var allow_choose_step = $(this).parents('.cf7mls_progress_bar').attr('data-allow-choose-step');
let style_bar = $(this).parents('.cf7mls_progress_bar').attr('data-bg-style-bar');
if(allow_choose_step === 'on') {
var form = $(this).parents("form.wpcf7-form");
form.find('.wpcf7-response-output').css('display', '');
// form.find('.wpcf7-response-output').text('');
let step_action = '';
if(style_bar == 'box_vertical_squaren' ||
style_bar == 'box_larerSign_squaren'
) {
step_action = Number($(this).attr('data-counter')) - 1;
$( "form .cf7mls_progress_bar li.cf7_mls_steps_item" ).each(function( index ) {
$(this).removeClass('choose-step');
if($(this).hasClass('active') && $(this).hasClass('current') && !$(this).hasClass('cf7mls-steps-item-finish')) {
$(this).removeClass('active');
$(this).removeClass('current');
$(this).addClass('choose-step');
}
});
if(!$(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).hasClass('cf7mls-steps-item-finish')) {
$(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('active');
$(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('current');
}
}else {
step_action = Number($(this).parents('li').attr('data-counter')) - 1;
$( "form .cf7mls_progress_bar li.cf7_mls_steps_item" ).each(function( index ) {
$(this).removeClass('choose-step');
if($(this).hasClass('active') && $(this).hasClass('current') && !$(this).hasClass('cf7mls-steps-item-finish')) {
$(this).removeClass('active');
$(this).removeClass('current');
$(this).addClass('choose-step');
if($(this).next().hasClass('cf7mls-steps-item-finish')) {
$(this).addClass('active');
}
}
else if($(this).hasClass('active') && $(this).hasClass('current') && $(this).hasClass('cf7mls-steps-item-finish')) {
if( !$(this).next().hasClass('cf7mls-steps-item-finish') ){
$(this).removeClass('active');
}
$(this).addClass('choose-step');
$(this).removeClass('current');
// $(this).removeClass('cf7mls-steps-item-finish');
}
});
if(!$(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+step_action+"]")).next().hasClass('cf7mls-steps-item-finish')) {
$(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('active');
$(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('current');
} else {
$(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('active');
$(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('current');
}
}
$(form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls')[step_action]).removeClass('cf7mls-choose-step');
form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls').removeClass('cf7mls_back_fs');
form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls').removeClass('cf7mls_current_fs');
form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls').removeClass('cf7mls-choose-step');
form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls').css({display: 'none'});
$(form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls')[step_action]).addClass('cf7mls_current_fs');
$(form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls')[step_action]).addClass('cf7mls-choose-step');
$(form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls')[step_action]).css({display: ''});
// console.log(step_action);
cf7mls_transition_effects(form,'effects_next');
}
});
//jQuery(window).on("load", function () {
// jQuery.each(jQuery('form.wpcf7-form'), function(index, el) {
// var bar_li = jQuery('.cf7mls_progress_bar li', jQuery(el));
// bar_li.css({
// 'width' : "calc(100% / " + bar_li.length + ")"
// });
// var le = jQuery('.cf7mls_progress_bar li', jQuery(el)).length;
// jQuery.each(jQuery('.cf7mls_progress_bar li', jQuery(el)), function(index, el) {
// jQuery(el).attr('data-counter', index + 1);
// jQuery(el).attr('data-counter_rtl', le);
// le--;
// });
// });
//});
function cf7mls_is_not_last_fieldset(fieldset, total_fieldset) {
var order = fieldset.data("cf7mls-order");
return order != total_fieldset;
}
function dhScrollTo(el) {
if (el.find(".fieldset-cf7mls-wrapper.no-scroll").length || el.hasClass('cf7mls-no-scroll')) {
return;
}
if (cf7mls_object.scroll_step == "true") {
$("html, body").animate({
scrollTop: el.offset().top - 110
},
"slow"
);
} else if (cf7mls_object.scroll_step == "scroll_to_top") {
$("html, body").animate({
scrollTop: $("body").offset().top - 110
},
"slow"
);
}
}
function cf7mls_toggle_next_btn(acceptances, fieldset) {
if (acceptances.length > 0) {
var ii = 0;
jQuery.each(acceptances, function (i, v) {
if (jQuery(v).is(":checked")) {
//console.log('checked');
} else {
ii++;
}
});
if (ii > 0) {
//console.log(ii);
jQuery(fieldset)
.find(".cf7mls_next")
.attr("disabled", "disabled");
} else {
jQuery(fieldset)
.find(".cf7mls_next")
.removeAttr("disabled");
}
}
}
// show, hide icon check
function cf7mls_icon_check(event) {
if(event == 'next') {
$('.cf7mls_progress_bar li').each(function(key, el) {
if(($(el).hasClass('active')) && !($(el).hasClass('current'))) {
$($(el).find('.cf7_mls_count_step')).css('display', 'none');
$($(el).find('.cf7_mls_check')).css('display', 'block');
}
})
}
if(event == 'back') {
$('.cf7mls_progress_bar li').each(function(key, el) {
if(!($(el).hasClass('active')) || ($(el).hasClass('current'))) {
$($(el).find('.cf7_mls_count_step')).css('display', 'block');
$($(el).find('.cf7_mls_check')).css('display', 'none');
}
})
}
}
// add, remove class step item finish
function cf7mls_step_item_finish (cur, nex, form, event) {
let style_text = form.find('.cf7mls_progress_bar').attr('data-style-text');
let style_bar = form.find('.cf7mls_progress_bar').attr('data-bg-style-bar');
/*
note: cur start form 0, nex start form 1.
*/
let numberItem;
if(style_text == 'horizontal' || style_text == 'no') {
if((style_bar == 'navigation_horizontal_squaren') ||
(style_bar == 'navigation_horizontal_round') ||
(style_bar == 'largerSign_squaren') ||
(style_bar == 'largerSign_round')
) {
numberItem = cur;
}
}
if(style_text == 'vertical') {
if((style_bar == 'navigation_horizontal_squaren') ||
(style_bar == 'navigation_horizontal_round') ||
(style_bar == 'largerSign_squaren') ||
(style_bar == 'largerSign_round')
) {
numberItem = nex;
}
}
if((style_bar == 'box_vertical_squaren') ||
(style_bar == 'box_larerSign_squaren'))
{
numberItem = cur;
}
if((style_bar == 'horizontal_round') ||
(style_bar == 'horizontal_squaren')
) {
numberItem = nex;
}
if(numberItem || numberItem == '0') {
if(event == 'next') {
form
.find(".cf7mls_progress_bar li")
.eq(numberItem)
.addClass("cf7mls-steps-item-finish");
}else if(event == 'back') {
form
.find(".cf7mls_progress_bar li")
.eq(numberItem)
.removeClass("cf7mls-steps-item-finish");
}
}
}
function cf7mls_color_bar(color, id_form, el) {
let style_bar = 'cf7mls_bar_style_' + $(el).find('.cf7mls_progress_bar').attr('data-bg-style-bar');
let style_text = 'cf7mls_bar_style_text_' + $(el).find('.cf7mls_progress_bar').attr('data-style-text');
let css_item_icon = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active .cf7_mls_steps_item_icon { background: '+ color + ';}';
let css_item_icon_befor = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active:before { background: '+ color + ';}';
let css_bg_li = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active{ background: '+ color + ';}';
let css_step = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active .cf7_mls_count_step{ color: '+ color + ';}'
let css_check = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active .cf7_mls_check{ color: '+ color + ';}';
let css_li_after = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active:after{background: '+ color + ';}';
let css_box_li_after = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active:after{background: #eaedef;}';
let css_box_li_finish_after = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.cf7mls-steps-item-finish + li:after{background:'+ color + ';}';
let css_box_li_before_finish_after = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active + li.cf7mls-steps-item-finish:after{background:'+ color + ';}';
let css_active_title = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active .cf7mls_progress_bar_title{color: #fff;}';
let classItemFinsish = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.cf7mls-steps-item-finish';
let classCurrent = '.' + style_bar + '.' + style_text + ' li.current';
let css_title_after = '.cf7mls_progress_bar_title:after{background: '+ color + ';}';
let css_title_border = '.cf7mls_progress_bar_title:after{border-color: '+ color + ';}';
let css_li_cur = '.' + style_bar + '.' + style_text + ' li.current + li:after{ background: '+ color + ';}';
let css_progress_bar = '';
// progress bar on computer
if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
(style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
(style_bar == 'cf7mls_bar_style_navigation_horizontal_round') ||
(style_bar == 'cf7mls_bar_style_largerSign_round')
) {
switch (style_text) {
case 'cf7mls_bar_style_text_horizontal':
css_progress_bar += css_item_icon;
if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
(style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
) {
css_progress_bar += classItemFinsish + ' ' + css_title_after;
}
if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
(style_bar == 'cf7mls_bar_style_largerSign_round')
) {
css_progress_bar += classItemFinsish + ' ' + '.cf7_mls_arrow_point_to_righ svg {fill: '+ color + ';}';
}
break;
case 'cf7mls_bar_style_text_vertical':
css_progress_bar += css_item_icon_befor;
if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
(style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
) {
css_progress_bar += classItemFinsish + ':after{ background: '+ color + ';}';
}
if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
(style_bar == 'cf7mls_bar_style_largerSign_round')
) {
css_progress_bar += classItemFinsish + ':after{ border-color: '+ color + ';}';
}
break;
case 'cf7mls_bar_style_text_no':
css_progress_bar += css_item_icon;
if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
(style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
) {
css_progress_bar += classItemFinsish + ' ' + css_title_after;
}
if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
(style_bar == 'cf7mls_bar_style_largerSign_round')
) {
css_progress_bar += classItemFinsish + ' ' + css_title_border;
}
break;
}
}
if((style_bar == 'cf7mls_bar_style_horizontal_squaren') ||
(style_bar == 'cf7mls_bar_style_horizontal_round')
) {
if(style_text == 'cf7mls_bar_style_text_horizontal') {
css_progress_bar += css_item_icon;
css_progress_bar += classCurrent + ':before {background-color:' + color + '}';
}
if((style_text == 'cf7mls_bar_style_text_vertical') ||
(style_text == 'cf7mls_bar_style_text_no')) {
css_progress_bar += css_item_icon_befor;
css_progress_bar += classCurrent + ':after {background-color:' + color + '}';
}
}
if(((style_bar == 'cf7mls_bar_style_box_vertical_squaren') ||
(style_bar == 'cf7mls_bar_style_box_larerSign_squaren')) &&
(style_text)
) {
css_progress_bar += css_bg_li;
css_progress_bar += css_step;
css_progress_bar += css_check;
css_progress_bar += css_li_after;
css_progress_bar += css_active_title;
}
if(style_bar == 'cf7mls_bar_style_box_larerSign_squaren') {
css_progress_bar += css_li_cur;
css_progress_bar += css_box_li_after;
css_progress_bar += css_box_li_finish_after;
css_progress_bar += css_box_li_before_finish_after;
}
jQuery('style#cf7mls_style_progress_bar_' + id_form).text(css_progress_bar);
}
// progress bar in ipad and mobie phone
function cf7mls_bar_process(form) {
let number_step_cur = form.find('.cf7mls_progress_bar li.current').attr('data-counter');
let number_step = form.find('.cf7mls_number_step_wrap').attr('data-number-step');
let bg_color = form.find('.cf7mls_number_step_wrap').attr('data-bg-color');
if(number_step_cur && number_step) {
form.find('.cf7mls_number_step_wrap .cf7mls_number').text(number_step_cur + '/' + number_step);
let title = $(form.find('.cf7mls_progress_bar li')[Number(number_step_cur) - 1]).find('.cf7mls_progress_bar_title').text();
form.find('.cf7mls_number_step_wrap .cf7mls_step_current').text(title);
let percent_step = 100 / (Number(number_step) - 1);
if(number_step_cur == '1') {
form.find('.cf7mls_number_step_wrap .cf7mls_progress_barinner').css('width', '');
}else {
form.find('.cf7mls_number_step_wrap .cf7mls_progress_barinner').css('width', ((percent_step * (Number(number_step_cur) - 1)) + '%'));
}
}
if(bg_color) {
form.find('.cf7mls_number_step_wrap .cf7mls_progress_barinner').css('background', bg_color);
}
}
function cf7mls_transition_effects(form, transitions_bt) {
var transition_effects = $(form).find(".fieldset-cf7mls-wrapper").attr("data-transition-effects");
if(transition_effects && typeof transition_effects !== undefined) {
var effects = transition_effects.split(" ");
var effect_form = {
transition_effects: transition_effects,
effects_back: '',
effects_next: '',
effects_in: ''
};
jQuery.each(effects, function(index, effect){
var es = effect.split("_");
switch(es[0]) {
case 'back':
effect_form.effects_back = es[1];
break;
case 'next':
effect_form.effects_next = es[1];
break;
case 'in':
effect_form.effects_in = es[1];
break;
}
})
if(transitions_bt == 'effects_in') {
$(form).find('.fieldset-cf7mls-wrapper .cf7mls_current_fs').addClass(effect_form.effects_in + ' ' +"animated");
}else if(form.find(".fieldset-cf7mls-wrapper").length && transitions_bt) {
form.find(".fieldset-cf7mls-wrapper .fieldset-cf7mls").removeClass(effect_form.effects_back);
form.find(".fieldset-cf7mls-wrapper .fieldset-cf7mls").removeClass(effect_form.effects_next);
form.find(".fieldset-cf7mls-wrapper .fieldset-cf7mls").removeClass(effect_form.effects_in);
form.find(".fieldset-cf7mls-wrapper .fieldset-cf7mls").removeClass('animated');
form.find(".fieldset-cf7mls-wrapper .cf7mls_current_fs").addClass(effect_form[transitions_bt] + ' ' + "animated");
}
}
}
function getFormattedDate(date) {
let year = date.getFullYear();
let month = (1 + date.getMonth()).toString().padStart(2, '0');
let day = date.getDate().toString().padStart(2, '0');
return day + '.' + month + '.' + year;
}
})(jQuery);
\ No newline at end of file
Dec 23, 2021 - Version 2.6.8
- Fixed: Progress bar RTL
Dec 9, 2021 - Version 2.6.7
- Fixed: Break contact form layout
- Fixed: No validation for hidden field
Dec 1, 2021 – Version 2.6.6
– Fixed: Contact form handling properties (CF7 version >= 5.5.3)
Jun 28, 2021 - Version 2.6.5
- Fixed: Check step name is array or object when load form
May 28, 2021 - Version 2.6.4
- Fixed: Error Recall tag
May 17, 2021 - Version 2.6.3
- Updated: Display date of Recall tag
Apr 23, 2021 - Version 2.6.2
- Fixed: Button color
- Fixed: Form validation
Mar 15, 2021 - Version 2.6.1
- Fixed: Double click on Next button
Mar 1, 2021 – Version 2.6
- Improved: Admin UI
- Changed: Njt Answer tag to Recall tag
- Fixed: Error validate upload file since CF7 5.4
Nov 13, 2020 – Version 2.5.5
- Fixed: Next button in WPBakery
- Fixed: File upload validation
- Removed: Form border
Sep 9, 2020 – Version 2.5.4
- Fixed: Event click Allow Choose Step
- Fixed: CSS of color board
- Fixed: CSS text Select Option
- Fixed: Sanitize some fields
- Fixed: Split of undefined
- Fixed: CSS of Submit button only affected if its form has steps
Aug 14, 2020 - Version 2.5.3
- Fixed: Error with WordPress 5.5
Aug 13, 2020 - Version 2.5.2
- Fixed: Compatible with Moana - Contact Form 7 Builder
Jul 23, 2020 – Version 2.5.1
- Changed: Slogan
- Removed: Unused files
Jun 8, 2020 – Version 2.5
- Added: New layout
- Added: Styles for progress bar
- Added: Color for progress bar
- Added: Transition effects for steps
- Added: Progress percent bar
- Added: Live preview for progress bar
- Fixed: Some bugs
Jun 27, 2019 – Version 2.3
- Fixed: Error message for checkboxes
- Fixed: Checkboxes with use_label_element
May 28, 2019 – Version 2.2
- Added: Turn on/off for scroll animation
Apr 26, 2019 – Version 2.1
- Added: Name for checkbox field (-cbmls) (e.g: checkbox-123-cbmls)
- Fixed: Njt Answer for default option of radio button
Nov 5, 2018 – Version 2.0.1
- Added: Add class “current” into present steps
- Improved: CSS style
- Fixed: Some bugs
Nov 2, 2018 – Version 2.0
- Added: Scroll to top of form when pressed “Next”, “Back”
- Improved: CSS style
- Fixed: Red border of required fields missing
- Fixed: Some bugs
Jun 6, 2018 – Version 1.9.9.6
- Improved: CSS style
- Fixed: Some bugs
Feb 21, 2018 – Version 1.9.9.5
- Added: WordPress Hooks
Jun 25, 2017 – Version 1.9.9.4
- Fixed: Compatible with contact form 7 version 4.8
Apr 20, 2017 – Version 1.9.9.3
- Added: Display what user has filled in the form
Mar 3, 2017 – Version 1.9.9.2
- Added: Preview Button
Mar 3, 2017 – Version 1.9.9.1
- Removed more deprecated functions
Feb 25, 2017 – Version 1.9.9
- Change last button's background color, text color in admin panel
- Removed WPCF7_Shortcode
- Fixed small bugs
Feb 13, 2017 – Version 1.9.8
- Change last button's title in admin panel
Jan 2, 2017 – Version 1.9.7
- Remove wpcf7_add_shortcode
Jan 1, 2017 – Version 1.9.6
- Added: Some js functions, save user’s information every step (work with "Contact Form 7 Database")
- Fixed: Some small bugs
Oct 31, 2016 – Version 1.9.5
- Fixed: Fix js bug with some hosts
Sep 20, 2016 – Version 1.9.4
- Added: Some hooks for developers, fix changing button's background color.
Sep 14, 2016 – Version 1.9.3
- Fixed: Fix bug with multi forms
Aug 6, 2016 – Version 1.9.2
- Fixed: Fix small bug
Jul 16, 2016 – Version 1.9.1
- Fixed: Conflict with Visual Composer
Apr 7, 2016 – Version 1.9
- Added: Press Enter to submit
Apr 1, 2016- Version 1.7
- Added: Loading animation
- Fixed: Auto p
- Fixed: Validation with select
- Fixed: Acceptance tags
Mar 28, 2016 – Version 1.6
- Fixed: Validation
Mar 24, 2016 – Version 1.5
- Added: POT file for translate
Mar 23, 2016 – Version 1.4
- Added: Language translate
Mar 22, 2016 – Version 1.3
- Fixed: CSS
Mar 20, 2016 – Version 1.2
- Fixed: Translate default text in CF7 Message tab
Mar 17, 2016 – Version 1.1
- Fixed: JS conflict
Mar 7, 2016 – Version 1.0
- Version 1.0 Initial Release
\ No newline at end of file
<?php
/**
Plugin Name: Contact Form 7 Multi Step Pro
Plugin URI: http://ninjateam.org
Description: Break your long form into user-friendly steps.
Version: 2.6.8
Author: NinjaTeam
Author URI: http://ninjateam.org
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
// if (!defined('WPCF7_AUTOP')) {
// define('WPCF7_AUTOP', false);
// }
define( 'CF7MLS_PLUGIN_DIR', plugin_dir_path( __FILE__ ) );
define( 'CF7MLS_PLUGIN_URL', plugin_dir_url( __FILE__ ) );
define( 'CF7MLS_NTA_VERSION', '2.6.8' );
// load text domain
require_once CF7MLS_PLUGIN_DIR . '/inc/I18n.php';
// CF7DB
require_once CF7MLS_PLUGIN_DIR . '/inc/cf7db.php';
// backend
require_once CF7MLS_PLUGIN_DIR . '/inc/admin/init.php';
require_once CF7MLS_PLUGIN_DIR . '/inc/admin/settings.php';
require_once CF7MLS_PLUGIN_DIR . '/inc/admin/review.php';
// frontend
require_once CF7MLS_PLUGIN_DIR . '/inc/frontend/init.php';
require_once CF7MLS_PLUGIN_DIR . '/inc/frontend/validation.php';
<?php
if ( ! class_exists( 'NjtCF7MLSI18n' ) ) {
class NjtCF7MLSI18n {
public function __construct() {
$this->doHooks();
}
private function doHooks() {
add_action( 'plugins_loaded', array( $this, 'cf7mlsLoadTextdomain' ) );
}
public function cf7mlsLoadTextdomain() {
load_plugin_textdomain( 'cf7mls', false, plugin_basename( CF7MLS_PLUGIN_DIR ) . '/languages/' );
}
}
new NjtCF7MLSI18n();
}
<?php
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
if ( ! function_exists( 'cf7cmlsIsMoanaActivated' ) ) {
function cf7cmlsIsMoanaActivated() {
return defined( 'CF7_VC_DIR' );
}
}
// Add Document Link
add_filter( 'plugin_row_meta', 'cf7mls_plugin_row_meta', 10, 2 );
function cf7mls_plugin_row_meta( $links, $file ) {
if ( strpos( $file, 'contact-form-7-multi-step.php' ) !== false ) {
$new_links = array(
'doc' => '<a href="https://ninjateam.org/contact-form-7-multi-step-pro-doc/" target="_blank">' . __( 'Documentation', 'cf7mls' ) . '</a>',
);
$links = array_merge( $links, $new_links );
}
return $links;
}
add_filter( 'wpcf7_editor_panels', 'cf7mls_wpcf7_editor_panels' );
function cf7mls_wpcf7_editor_panels( $panels ) {
$panels['form-panel'] = array(
'title' => __( 'Form', 'contact-form-7' ),
'callback' => 'cf7mls_wpcf7_editor_panel_form',
);
return $panels;
}
function cf7mls_wpcf7_editor_panel_form( $post ) {
$desc_link = wpcf7_link(
__( 'https://contactform7.com/editing-form-template/', 'contact-form-7' ),
__( 'Editing Form Template', 'contact-form-7' )
);
$description = __( 'You can edit the form template here. For details, see %s.', 'contact-form-7' );
$description = sprintf( esc_html( $description ), $desc_link );
?>
<h2 class="cf7mls-title-form"><?php echo esc_html( __( 'Form', 'contact-form-7' ) ); ?></h2>
<fieldset class="cf7mls-wrap-form">
<legend class="cf7mls-description-form"><?php echo $description; ?></legend>
<?php
$tag_generator = WPCF7_TagGenerator::get_instance();
$tag_generator->print_buttons();
?>
<textarea id="wpcf7-form" name="wpcf7-form" cols="100" rows="24" class="large-text code" data-config-field="form.body"><?php echo esc_textarea( $post->prop( 'form' ) ); ?></textarea>
<div id="cf7mls-app"></div>
</fieldset>
<?php
}
// add js, css
add_action( 'admin_enqueue_scripts', 'cf7mls_admin_scripts_callback' );
function cf7mls_admin_scripts_callback( $hook_suffix ) {
$load_js_css = false;
if ( ( substr( $hook_suffix, -15 ) == '_page_wpcf7-new' ) || ( $hook_suffix == 'toplevel_page_wpcf7' ) ) {
$load_js_css = true;
}
if ( $load_js_css === true ) {
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'wp-color-picker' );
wp_enqueue_style( 'vue-css', CF7MLS_PLUGIN_URL . '/assets/dist/css/main.css' );
wp_register_script( 'vue-js', CF7MLS_PLUGIN_URL . '/assets/dist/js/main.js' );
wp_enqueue_script( 'vue-js' );
wp_localize_script(
'vue-js',
'cf7_mls_vue_js',
array(
'textInputStep' => __( 'Step Name', 'contact-form-7' ),
'textInputBack' => __( 'Back Button', 'contact-form-7' ),
'textInputNext' => __( 'Next Button', 'contact-form-7' ),
'textEditMoana' => __( 'Edit With Moana', 'cf7mls' ),
'cf7cmlsIsMoanaActivated' => cf7cmlsIsMoanaActivated(),
)
);
wp_register_script( 'cf7mls', CF7MLS_PLUGIN_URL . '/assets/admin/js/cf7mls.js', array( 'jquery' ) );
wp_enqueue_script( 'cf7mls' );
$form_content = '';
$manager = WPCF7_FormTagsManager::get_instance();
if ( isset( $_GET['post'] ) && (int) $_GET['post'] > 0 ) {
$form = WPCF7_ContactForm::get_instance( sanitize_text_field( $_GET['post'] ) );
if ($form) {
$form_content = $form->prop( 'form' );
} else {
$form_content = WPCF7_ContactFormTemplate::get_default( 'form' );
}
} else {
$form_content = WPCF7_ContactFormTemplate::get_default( 'form' );
}
$scan = $manager->scan( $form_content );
$steps = array();
$numberStep = 0;
foreach ( $scan as $k => $v ) {
if ( $v->type == 'cf7mls_step' ) {
if ( count( $v->values ) == 2 ) {
$numberStep = (int) ( explode( '-', $v->name )[1] );
if ( $numberStep === 1 ) {
$steps[] = array(
'back' => '',
'next' => $v->values[0],
'title' => $v->values[1],
);
} else {
$steps[] = array(
'back' => $v->values[0],
'next' => '',
'title' => $v->values[1],
);
}
} elseif ( count( $v->values ) == 3 ) {
$steps[] = array(
'back' => $v->values[0],
'next' => $v->values[1],
'title' => $v->values[2],
);
}
}
}
wp_localize_script(
'cf7mls',
'cf7mls',
array(
'steps' => $steps,
'cf7mls_app' => null,
)
);
wp_register_style( 'cf7mls', CF7MLS_PLUGIN_URL . '/assets/admin/css/cf7mls.css' );
wp_enqueue_style( 'cf7mls' );
wp_register_style( 'cf7mls_progress_bar', CF7MLS_PLUGIN_URL . '/assets/frontend/css/progress_bar.css' );
wp_enqueue_style( 'cf7mls_progress_bar' );
}
}
/**
* Add step buttin to the wpcf7 tag generator.
*/
function cf7mls_add_tag_generator_multistep() {
if ( class_exists( 'WPCF7_TagGenerator' ) ) {
$tag = WPCF7_TagGenerator::get_instance();
$tag->add(
'cf7mls_step',
__( 'Step', 'cf7mls' ),
'cf7mls_multistep_tag_generator_callback'
);
$tag->add(
'cf7_recall',
__( 'Recall', 'cf7mls' ),
'cf7mls_multistep_njt_recall_generator_callback',
array( 'nameless' => true )
);
$tag->add(
'cf7mls_preview_step',
__( 'Preview', 'cf7mls' ),
'cf7mls_multistep_preview_tag_generator_callback',
array( 'nameless' => true )
);
}
}
add_action( 'admin_init', 'cf7mls_add_tag_generator_multistep', 30 );
/**
* [cf7mls_multistep_tag_generator_callback description]
*/
function cf7mls_multistep_tag_generator_callback( $contact_form, $args = '' ) {
$args = wp_parse_args( $args, array() );
?>
<div class="control-box">
<fieldset>
<legend><?php _e( 'Generate buttons for form\'s steps.', 'cf7mls' ); ?></legend>
<table class="form-table cf7mls-table">
<tbody>
<tr>
<th scope="row"><label for="tag-generator-panel-cf7mls_step-name"><?php _e( 'Name', 'cf7mls' ); ?></label></th>
<td><input type="text" id="tag-generator-panel-cf7mls_step-name" class="tg-name oneline" name="name"></td>
</tr>
<tr>
<th scope="row">
<label for="tag-generator-panel-cf7mls_step-btns-title"><?php _e( 'Back, Next Buttons Title', 'cf7mls' ); ?></label>
</th>
<td>
<textarea name="values" id="tag-generator-panel-cf7mls_step-btns-title" class="cf7mls-values"><?php echo "Back\nNext"; ?></textarea>
<br />
<label for="tag-generator-panel-cf7mls_step-back">
<span class="description"><?php _e( 'One title per line. Back Button\'s title on the first line and Next Button\'s title on the second line.<br />If this is a first step, type only one line for Next Button', 'cf7mls' ); ?></span>
</label>
</td>
</tr>
</tbody>
</table>
</fieldset>
</div>
<div class="insert-box">
<input type="text" name="cf7mls_step" class="tag code" readonly="readonly" onfocus="this.select()" />
<div class="submitbox">
<input type="button" class="button button-primary insert-tag" value="<?php echo esc_attr( __( 'Insert Tag', 'cf7mls' ) ); ?>" />
</div>
<br class="clear" />
<p class="description mail-tag"><label><?php echo esc_html( __( 'This field should not be used on the Mail tab.', 'cf7mls' ) ); ?></label>
</p>
</div>
<?php
}
function cf7mls_multistep_njt_recall_generator_callback( $contact_form, $args = '' ) {
$args = wp_parse_args( $args, array() );
?>
<div class="control-box">
<fieldset>
<legend><?php _e( 'Display user input data in a previous field. For more details, see ', 'cf7mls' ); ?><a href="https://ninjateam.org/contact-form-7-multi-step-pro-doc/#2" target="_blank">tutorial.</a></legend>
<table class="form-table cf7mls-table">
<tbody>
<tr>
<th scope="row">
<label for="tag-generator-panel-cf7_recall-name"><?php _e( 'Name', 'cf7mls' ); ?></label>
</th>
<td>
<input type="text" id="tag-generator-panel-cf7_recall-name" class="oneline" name="name" />
</td>
</tr>
<tr>
<th scope="row">
<label for="tag-generator-panel-cf7_recall-qf"><?php _e( 'Choose Question Field', 'cf7mls' ); ?></label>
</th>
<td>
<input type="text" id="tag-generator-panel-cf7_recall-qf" class="oneline" name="values" />
</td>
</tr>
<tr>
<th scope="row">
<label for="tag-generator-panel-cf7_recall-id"><?php _e( 'Id attribute', 'cf7mls' ); ?></label>
</th>
<td>
<input type="text" id="tag-generator-panel-cf7_recall-id" class="idvalue oneline option" name="id" />
</td>
</tr>
<tr>
<th scope="row">
<label for="tag-generator-panel-cf7_recall-class"><?php _e( 'Class attribute', 'cf7mls' ); ?></label>
</th>
<td>
<input type="text" id="tag-generator-panel-cf7_recall-class" class="classvalue oneline option" name="class" />
</td>
</tr>
</tbody>
</table>
</fieldset>
</div>
<div class="insert-box">
<input type="text" name="cf7_recall" class="tag code" readonly="readonly" onfocus="this.select()" />
<div class="submitbox">
<input type="button" class="button button-primary insert-tag" value="<?php echo esc_attr( __( 'Insert Tag', 'cf7mls' ) ); ?>" />
</div>
<br class="clear" />
<p class="description mail-tag"><label><?php echo esc_html( __( 'This field should not be used on the Mail tab.', 'cf7mls' ) ); ?></label>
</p>
</div>
<?php
}
function cf7mls_multistep_preview_tag_generator_callback( $contact_form, $args = '' ) {
$args = wp_parse_args( $args, array() );
?>
<div class="control-box">
<fieldset>
<legend><?php _e( 'Generate Preview Button.', 'cf7mls' ); ?></legend>
<table class="form-table cf7mls-table">
<tbody>
<tr>
<th scope="row">
<label for="tag-generator-panel-cf7mls_preview-label"><?php _e( 'Label', 'cf7mls' ); ?></label>
</th>
<td>
<input type="text" id="tag-generator-panel-cf7mls_preview-label" class="oneline" name="values" />
</td>
</tr>
<tr>
<th scope="row">
<label for="tag-generator-panel-cf7mls_preview-id"><?php _e( 'Id attribute', 'cf7mls' ); ?></label>
</th>
<td>
<input type="text" id="tag-generator-panel-cf7mls_preview-id" class="idvalue oneline option" name="id" />
</td>
</tr>
<tr>
<th scope="row">
<label for="tag-generator-panel-cf7mls_preview-class"><?php _e( 'Class attribute', 'cf7mls' ); ?></label>
</th>
<td>
<input type="text" id="tag-generator-panel-cf7mls_preview-class" class="classvalue oneline option" name="class" />
</td>
</tr>
</tbody>
</table>
</fieldset>
</div>
<div class="insert-box">
<input type="text" name="cf7mls_preview_step" class="tag code" readonly="readonly" onfocus="this.select()" />
<div class="submitbox">
<input type="button" class="button button-primary insert-tag" value="<?php echo esc_attr( __( 'Insert Tag', 'cf7mls' ) ); ?>" />
</div>
<br class="clear" />
<p class="description mail-tag"><label><?php echo esc_html( __( 'This field should not be used on the Mail tab.', 'cf7mls' ) ); ?></label>
</p>
</div>
<?php
}
<?php
if ( ! class_exists( 'NjtCF7MLSReview' ) ) {
class NjtCF7MLSReview {
public function __construct() {
$this->doHooks();
}
private function doHooks() {
add_action( 'wp_ajax_cf7mls_save_review', array( $this, 'cf7mls_save_review' ) );
$option = get_option( 'cf7mls_review' );
if ( time() >= (int) $option && $option !== '0' ) {
add_action( 'admin_notices', array( $this, 'give_review' ) );
}
}
public function checkNonce( $nonce ) {
if ( ! wp_verify_nonce( $nonce, 'cf7mls_review_nonce' ) ) {
wp_send_json_error( array( 'status' => 'Wrong nonce validate!' ) );
exit();
}
}
public function hasField( $field, $request ) {
return isset( $request[ $field ] ) ? sanitize_text_field( $request[ $field ] ) : null;
}
public function cf7mls_save_review() {
if ( count( $_REQUEST ) ) {
$nonce = $this->hasField( 'nonce', $_REQUEST );
$field = $this->hasField( 'field', $_REQUEST );
$this->checkNonce( $nonce );
if ( $field == 'later' ) {
update_option( 'cf7mls_review', time() + 3 * 60 * 60 * 24 ); // After 3 days show
} elseif ( $field == 'alreadyDid' ) {
update_option( 'cf7mls_review', 0 );
}
wp_send_json_success();
}
wp_send_json_error( array( 'message' => 'Update fail!' ) );
}
public function give_review() {
if ( function_exists( 'get_current_screen' ) ) {
if ( get_current_screen()->id == 'dashboard' || get_current_screen()->id == 'toplevel_page_wpcf7' || strpos( get_current_screen()->id, 'contact_page_wpcf7' ) !== false || get_current_screen()->id == 'upload' || get_current_screen()->id == 'plugins' ) {
?>
<div class="notice notice-success is-dismissible" id="njt-cf7mls-review">
<h3 style="margin: 1em 0;"><?php _e( 'Give Contact Form 7 Multi Step Pro a review', 'cf7mls' ); ?></h3>
<p>
<?php _e( 'Thank you for choosing Contact Form 7 Multi Step Pro. We hope you love it. Could you take a couple of seconds posting a nice review to share your happy experience?', 'cf7mls' ); ?>
</p>
<p>
<?php _e( 'We will be forever grateful. Thank you in advance ;)', 'cf7mls' ); ?>
</p>
<p>
<a href="javascript:;" data="rateNow" class="button button-primary" style="margin-right: 5px"><?php _e( 'Rate now', 'cf7mls' ); ?></a>
<a href="javascript:;" data="later" class="button" style="margin-right: 5px"><?php _e( 'Later', 'cf7mls' ); ?></a>
<a href="javascript:;" data="alreadyDid" class="button"><?php _e( 'Already did', 'cf7mls' ); ?></a>
</p>
</div>
<script>
jQuery(document).ready(function () {
jQuery("#njt-cf7mls-review a").on("click", function () {
var thisElement = this;
var fieldValue = jQuery(thisElement).attr("data");
var proLink = "https://codecanyon.net/item/contact-form-7-multistep/reviews/15232990";
var freeLink = "https://wordpress.org/support/plugin/cf7-multi-step/reviews/?filter=5#new-post";
var hidePopup = false;
if (fieldValue == "rateNow") {
window.open(proLink, "_blank");
} else {
hidePopup = true;
}
jQuery
.ajax({
dataType: 'json',
url: '<?php echo admin_url( 'admin-ajax.php' ); ?>',
type: "post",
data: {
action: "cf7mls_save_review",
field: fieldValue,
nonce: '<?php echo wp_create_nonce( 'cf7mls_review_nonce' ); ?>',
},
})
.done(function (result) {
if (result.success) {
if (hidePopup == true) {
jQuery("#njt-cf7mls-review").hide("slow");
}
} else {
console.log("Error", result.message);
if (hidePopup == true) {
jQuery("#njt-cf7mls-review").hide("slow");
}
}
})
.fail(function (res) {
console.log(res.responseText);
if (hidePopup == true) {
jQuery("#njt-cf7mls-review").hide("slow");
}
});
});
});
</script>
<?php
}
}
}
}
new NjtCF7MLSReview();
}
<?php
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
add_filter( 'wpcf7_editor_panels', 'cf7mls_admin_settings' );
function cf7mls_admin_settings( $panels ) {
$panels['cf7mls-settings-panel'] = array(
'title' => __( 'Multi-Step Settings', 'cf7mls' ),
'callback' => 'cf7mls_settings_func',
);
$panels['cf7mls-progress-bar'] = array(
'title' => __( 'Progress Bar', 'cf7mls' ),
'callback' => 'cf7mls_progress_bar_func',
);
return $panels;
}
function cf7mls_settings_func( $post ) { ?>
<div id="cf7mls_multi_step_wrap" class="cf7mls_multi_step_wrap">
<h2 class="cf7mls-title cf7mls-title-color"><?php echo esc_html( __( 'Color', 'cf7mls' ) ); ?></h2>
<fieldset class="cf7mls-group-color">
<legend class="cf7mls-color-caption"><?php _e( 'You can change the background-color or text-color of Back, Next buttons here.', 'cf7mls' ); ?></legend>
<div class="cf7mls-group-color-bt-back">
<p class="cf7mls-title"><?php _e( 'Back Button', 'cf7mls' ); ?></p>
<div class="cf7mls-wrap-bg-color">
<p class="cf7mls-label"><?php _e( 'BG color', 'cf7mls' ); ?></p>
<input type="text" class="cf7mls-color-field" name="back-btn-bg-color" value="<?php echo $post->prop( 'cf7mls_back_bg_color' ); ?>" />
</div>
<div class="cf7mls-wrap-text-color">
<p class="cf7mls-label"><?php _e( 'Text color', 'cf7mls' ); ?></p>
<input type="text" class="cf7mls-color-field" name="back-btn-text-color" value="<?php echo $post->prop( 'cf7mls_back_text_color' ); ?>" />
</div>
</div>
<div class="cf7mls-group-color-bt-next">
<p class="cf7mls-title"><?php _e( 'Next Button', 'cf7mls' ); ?></p>
<div class="cf7mls-wrap-bg-color">
<p class="cf7mls-label"><?php _e( 'BG color', 'cf7mls' ); ?></p>
<input type="text" class="cf7mls-color-field" name="next-btn-bg-color" value="<?php echo $post->prop( 'cf7mls_next_bg_color' ); ?>" />
</div>
<div class="cf7mls-wrap-text-color">
<p class="cf7mls-label"><?php _e( 'Text color', 'cf7mls' ); ?></p>
<input type="text" class="cf7mls-color-field" name="next-btn-text-color" value="<?php echo $post->prop( 'cf7mls_next_text_color' ); ?>" />
</div>
</div>
</fieldset>
<div class="cf7mls-auto-scroll-wrap">
<div class="cf7mls-auto-scroll-title-wrap">
<h2 class="cf7mls-auto-scroll-title"><?php echo esc_html( __( 'Auto Scroll to Top', 'cf7mls' ) ); ?></h2>
<a tooltip="It will be scrolled to the top of the form after each step." class="cf7mls-tooltip">
<img src=<?php echo ( '"' . CF7MLS_PLUGIN_URL . '/assets/admin/img/help-circle.svg' . '"' ); ?> alt="help circle">
</a>
</div>
<div class="cf7mls-wrap-switch cf7mls-wrap-switch-scroll">
<label class="cf7mls_switch">
<input class="cf7mls_scroll_animation" type="checkbox" name="auto-scroll-animation" <?php echo ( $post->prop( 'cf7_mls_auto_scroll_animation' ) ? 'checked' : '' ); ?> value="on" />
<span class="cf7mls_slider cf7mls_round"></span>
</label>
</div>
</div>
<div class="cf7mls-transition-effects-wrap">
<h2 class="cf7mls-transition-effects-wrap-title"><?php echo _e( 'Transition Effects', 'cf7mls' ); ?></h2>
<div class="cf7mls-wrap-switch">
<label class="cf7mls_switch">
<input class="cf7mls_toggle_transition_effects" type="checkbox" name="auto-moving-animation" <?php echo ( $post->prop( 'cf7_mls_auto_moving_animation' ) ? 'checked' : '' ); ?> value="on" />
<span class="cf7mls_slider cf7mls_round"></span>
</label>
</div>
<div class="cf7mls-stype-transition-wrap">
<h2 class="cf7mls_stype_transition_title"><?php echo _e( 'Animation', 'cf7mls' ); ?></h2>
<div class="cf7mls_select_stype_transition">
<select name="cf7mls_select_stype_transition" id="cf7mls_select_stype_transition">
<?php
$selected_style_tran = trim( $post->prop( 'cf7mls_select_stype_transition' ) );
$stype_transitions = array(
'in_fadeIn next_fadeInRight back_fadeInLeft' => 'Fade In',
'in_fadeInUp next_fadeInUp back_fadeInUp' => 'Fade Up',
);
foreach ( $stype_transitions as $key_transition => $stype_transition ) {
echo sprintf( '<option value="%1$s" %2$s>%3$s</option>', $key_transition, selected( trim( $key_transition ), $selected_style_tran, false ), esc_html( __( $stype_transition, 'cf7mls' ) ) );
}
?>
</select>
</div>
</div>
</div>
</div>
<?php
if ( cf7mls_is_active_cf7db() ) {
?>
<h2><?php echo esc_html( __( 'Save to database', 'cf7mls' ) ); ?></h2>
<fieldset>
<p class="description">
<label for="cf7mls_db_save_every_step">
<?php _e( 'Save form\'s every step?', 'cf7mls' ); ?>
<br />
<input type="checkbox" name="cf7mls_db_save_every_step" value="yes" id="cf7mls_db_save_every_step" <?php echo checked( $post->prop( 'cf7mls_db_save_every_step' ), 'yes' ); ?> />
</label>
</p>
</fieldset>
<?php
}
}
function cf7mls_progress_bar_func( $post ) {
$cf7mls_step_name = maybe_unserialize( $post->prop( 'cf7mls_step_name' ) );
$selected_style = $post->prop( 'cf7mls_progress_bar_style' );
$selected_progress_style = '';
$selected_icon_style = '';
if ( $selected_style == '' ) {
$selected_style = 1;
} else {
if ( strpos( $selected_style, 'navigation_horizontal' ) !== false ) {
$selected_progress_style = 'navigation_horizontal';
} else {
if ( strpos( $selected_style, 'largerSign' ) !== false ) {
$selected_progress_style = 'largerSign';
}
if ( strpos( $selected_style, 'horizontal' ) !== false ) {
$selected_progress_style = 'horizontal';
}
if ( strpos( $selected_style, 'box_vertical' ) !== false ) {
$selected_progress_style = 'box_vertical';
}
if ( strpos( $selected_style, 'box_larerSign' ) !== false ) {
$selected_progress_style = 'box_larerSign';
}
}
if ( strpos( $selected_style, 'squaren' ) !== false ) {
$selected_icon_style = 'squaren';
} else {
$selected_icon_style = 'round';
}
}
if ( ( $cf7mls_step_name == '' ) || ( $cf7mls_step_name == '[]' ) ) {
$cf7mls_step_name = array();
}
$styles = array(
1 => 'navigation_horizontal_squaren',
2 => 'largerSign_squaren',
3 => 'horizontal_squaren',
4 => 'navigation_horizontal_round',
5 => 'largerSign_round',
6 => 'horizontal_round',
7 => 'box_vertical_squaren',
8 => 'box_larerSign_squaren',
);
$progress_bar_styles = array(
1 => 'navigation_horizontal',
2 => 'horizontal',
3 => 'largerSign',
4 => 'box_vertical',
5 => 'box_larerSign',
);
$progress_bar_titles = array(
1 => 'Horizontal',
2 => 'Vertical',
3 => 'Arrow',
4 => 'Box',
5 => 'Box and Arrow',
);
$progress_bar_icon_styles = array(
1 => 'squaren',
2 => 'round',
);
$progress_bar_icon_titles = array(
1 => 'Square',
2 => 'Round',
);
$step_bar_stype = array(
1 => 'Horizontal Navigation, Square Icon',
2 => 'Larger Size, Square Icon',
3 => 'Vertical Navigation, Square Icon',
4 => 'Horizontal Navigation, Round Icon',
5 => 'Larger Size, Round Icon',
6 => 'Vertical Navigation, Round Icon',
7 => 'Box, Square Icon',
8 => 'Box, Larger Size, Square Icon',
);
// print_r($cf7mls_step_name);exit();
// $cf7mls_step_name = array();
?>
<div class="cf7mls_pogress_bar_wrap">
<div class="cf7mls-group-pogress-bar">
<div class="cf7mls-pogress-bar">
<h2 class="cf7mls-title-pogress-bar"><?php echo esc_html( __( 'Progress Bar', 'cf7mls' ) ); ?></h2>
<div class="cf7mls-wrap-switch">
<label class="cf7mls_switch cf7mls_progress_bars_witch">
<input class="cf7mls_enable_progress_bar" type="checkbox" id="cf7_mls_enable_progress_bar" name="cf7_mls_enable_progress_bar" <?php checked( $post->prop( 'cf7_mls_enable_progress_bar' ), '1' ); ?> value="1" />
<span class="cf7mls_slider cf7mls_round"></span>
</label>
</div>
</div>
<div class="cf7mls_bg_color_wrap cf7mls_bg_color_progress">
<h2><?php _e( 'Background Color', 'cf7mls' ); ?></h2>
<input type="text" class="cf7mls_progress_bar_filter" name="progress-bar-bg-color" value="<?php echo ( $post->prop( 'cf7mls_progress_bar_bg_color' ) ? $post->prop( 'cf7mls_progress_bar_bg_color' ) : '#0073aa' ); ?>" />
</div>
<div class="cf7mls_progress_style_wrap">
<h2><?php _e( 'Progress Bar Style', 'cf7mls' ); ?></h2>
<select name="cf7mls_progress_bar_style" id="cf7mls_progress_bar_style">
<?php
foreach ( $progress_bar_styles as $k => $style ) {
echo sprintf( '<option value="%1$s" %2$s>%3$s</option>', $style, selected( $style, $selected_progress_style, false ), esc_html( __( $progress_bar_titles[ $k ], 'cf7mls' ) ) );
}
?>
</select>
<h2><?php _e( 'Border Style', 'cf7mls' ); ?></h2>
<select name="cf7mls_progress_bar_icon_style" id="cf7mls_progress_bar_icon_style"
<?php
if ( $selected_progress_style == 'box_vertical' || $selected_progress_style == 'box_larerSign' ) {
echo 'disabled="disabled"';}
?>
>
<?php
foreach ( $progress_bar_icon_styles as $k => $style ) {
echo sprintf( '<option value="%1$s" %2$s>%3$s</option>', $style, selected( $style, $selected_icon_style, false ), esc_html( __( $progress_bar_icon_titles[ $k ], 'cf7mls' ) ) );
}
?>
</select>
</div>
<div class="title_options_wrap">
<h2><?php _e( 'Title Options', 'cf7mls' ); ?></h2>
<div class="cf7mls-select-style-text">
<?php
$style_text = '';
if ( ! empty( $post->prop( 'cf7mls_style_text' ) ) ) {
$style_text = $post->prop( 'cf7mls_style_text' );
} else {
$style_text = 'vertical';
}
?>
<input value="<?php echo $style_text; ?>" name="cf7mls-style-text" type="text" class="cf7mls-style-text hidden" />
<div data-style-text="horizontal" class="cf7mls-style-text-wrap <?php echo ( ( $style_text == 'horizontal' ) ? 'active' : '' ); ?>">
<p class="cf7mls-style-text"><?php _e( 'Horizontal text', 'cf7mls' ); ?></p>
</div>
<div data-style-text="vertical" class="cf7mls-style-text-wrap <?php echo ( ( $style_text == 'vertical' ) ? 'active' : '' ); ?>">
<p class="cf7mls-style-text"><?php _e( 'Vertical text', 'cf7mls' ); ?></p>
</div>
<div data-style-text="no" class="cf7mls-style-text-wrap <?php echo ( ( $style_text == 'no' ) ? 'active' : '' ); ?>">
<p class="cf7mls-style-text"><?php _e( 'No text', 'cf7mls' ); ?></p>
</div>
</div>
</div>
<div class="cf7mls-pogress-bar-percent">
<h2 class="cf7mls-title-pogress-bar-percent"><?php echo esc_html( __( 'Progress Bar Percent', 'cf7mls' ) ); ?></h2>
<div class="cf7mls-wrap-switch">
<label class="cf7mls_switch cf7mls_progress_bars_witch">
<input class="cf7mls_enable_progress_bar_percent" type="checkbox" id="cf7_mls_enable_progress_bar_percent" name="cf7_mls_enable_progress_bar_percent" <?php checked( $post->prop( 'cf7_mls_enable_progress_bar_percent' ), '1' ); ?> value="1" />
<span class="cf7mls_slider cf7mls_round"></span>
</label>
</div>
<div class="cf7mls_bg_color_wrap cf7mls_bg_color_progress_percent">
<h2><?php _e( 'Background Color', 'cf7mls' ); ?></h2>
<input type="text" class="cf7mls_progress_bar_percent_filter" name="progress-bar-percent-color" value="<?php echo $post->prop( 'cf7mls_progress_bar_percent_color' ); ?>" />
</div>
</div>
<div class="cf7mls-allow-choose-step-wrap">
<input id="cf7mls-allow-choose-step" type="checkbox" name="cf7mls-allow-choose-step" <?php checked( $post->prop( 'cf7mls_allow_choose_step' ), 'on' ); ?> value="on" />
<label for="cf7mls-allow-choose-step" class="cf7mls-allow-choose-step-checkbox" data-checked="<?php echo $post->prop( 'cf7mls_allow_choose_step' ); ?>"></label>
<span class="cf7mls-allow-choose-step-text">Allow Choose Step
<a tooltip="User can click on each step to see its content before fill" class="cf7mls-tooltip">
<img src=<?php echo ( '"' . CF7MLS_PLUGIN_URL . '/assets/admin/img/help-circle.svg' . '"' ); ?> alt="help circle">
</a>
</span>
</div>
</div>
</div>
<div class="cf7mls_preview">
<div class="cf7mls_browser">
<div class="cf7mls_circle_wrap">
<div class="cf7mls_circle cf7mls_red_circle"></div>
<div class="cf7mls_circle cf7mls_yellow_circle"></div>
<div class="cf7mls_circle cf7mls_green_circle"></div>
</div>
<div class="cf7mls_block">
<div class="cf7mls_check_step_progress_bar">
<?php
$width_progress_bar = '';
if ( count( $cf7mls_step_name ) > 1 && count( $cf7mls_step_name ) == 2 ) {
$width_progress_bar = ( 14 * 2 ) . '%';
} elseif ( count( $cf7mls_step_name ) > 1 && count( $cf7mls_step_name ) >= 3 ) {
$width_progress_bar = ( 14 * 3 ) . '%';
}
?>
<ul id="cf7mls_progress_bar" data-bg-color="<?php echo ( $post->prop( 'cf7mls_progress_bar_bg_color' ) ? $post->prop( 'cf7mls_progress_bar_bg_color' ) : '#0073aa' ); ?>"
class="cf7mls_progress_bar cf7mls_bar_style_<?php echo ( ( $selected_style != 1 ) ? $selected_style : 'navigation_horizontal_squaren' ); ?> cf7mls_bar_style_text_<?php echo ( ! empty( $style_text ) ? $style_text : '' ); ?>"
style="<?php echo( ( ( $style_text == 'no' ) && ( count( $cf7mls_step_name ) > 1 ) ) ? ( 'width:80%' ) : '' ); ?>"
data-width-progress-bar="<?php echo( ( ( $style_text == 'no' ) && ( count( $cf7mls_step_name ) > 1 ) ) ? $width_progress_bar : '' ); ?>"
>
<?php
if ( ! ( empty( $post->prop( 'cf7mls_style_text' ) ) ) ) {
$style_text = $post->prop( 'cf7mls_style_text' );
} else {
$style_text = 'vertical';
}
$width_step_item = 'auto';
if (
( ( $style_text == 'horizontal' ) ||
( $style_text == 'no' ) ) &&
( ( $selected_style == 'horizontal_squaren' ) ||
( $selected_style == 'horizontal_round' ) ||
( $selected_style == 'box_vertical_squaren' ) ||
( $selected_style == 'box_larerSign_squaren' ) )
) {
if ( count( $cf7mls_step_name ) >= 3 ) {
$width_step_item = ( 100 / 3 ) . '%';
} elseif ( count( $cf7mls_step_name ) == 2 ) {
$width_step_item = ( 100 / 2 ) . '%';
}
}
if ( $style_text == 'vertical' ) {
$width_step_item = 'auto';
if ( count( $cf7mls_step_name ) >= 3 ) {
$width_step_item = ( 100 / 3 ) . '%';
} else {
$width_step_item = ( 100 / 2 ) . '%';
}
}
foreach ( $cf7mls_step_name as $k => $v ) {
if ( $k < 3 && count( $cf7mls_step_name ) > 1 ) {
$activeClass = '';
if ( ( $k + 1 ) == 2 ) {
$activeClass = 'cf7mls_step_name';
}
$format_step = '';
$format_step .= '<li class="cf7_mls_steps_item ' . $activeClass . '" data-step="%3$d" style="width : %1$s">';
$format_step .= '<div class="cf7_mls_steps_item_container">';
$format_step .= '<div class="cf7_mls_steps_item_icon">';
$format_step .= '<span class="cf7_mls_count_step">%3$d</span>';
$format_step .= '<span class="cf7_mls_check">';
$format_step .= '<i>';
$format_step .= '<svg viewBox="64 64 896 896" data-icon="check" width="14px" height="14px" fill="currentColor" aria-hidden="true" focusable="false" class="">';
$format_step .= '<path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path>';
$format_step .= '</svg>';
$format_step .= '</i>';
$format_step .= '</span>';
$format_step .= '</div>';
$format_step .= '<div class="cf7_mls_steps_item_content">';
$format_step .= '<p class="cf7mls_progress_bar_title">%2$s</p>';
$format_step .= '<span class="cf7_mls_arrow_point_to_righ">';
$format_step .= '<i>';
$format_step .= '<svg x="0px" y="0px" width="8px" height="14px" viewBox="0 0 451.846 451.847" style="enable-background:new 0 0 451.846 451.847; xml:space="preserve">';
$format_step .= '<g>';
$format_step .= '<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"/>';
$format_step .= '</g>';
$format_step .= '</svg>';
$format_step .= '</i>';
$format_step .= '</span>';
$format_step .= '</div>';
$format_step .= '</div>';
$format_step .= '</li>';
echo sprintf( $format_step, ( ( ! empty( $width_step_item ) ) ? $width_step_item : 'auto' ), esc_html( ( strlen( $v ) > 7 ) ? wp_trim_words( $v, 7 ) . '...' : $v ), $k + 1 );
} else {
break;
}
}
?>
</ul>
<!-- Show in ipad, mobie phone -->
<?php
if ( count( $cf7mls_step_name ) > 1 ) {
?>
<div class="cf7mls_number_step_wrap">
<p class="cf7mls_number"><?php echo( ( count( $cf7mls_step_name ) > 3 ) ? '2/3' : '2/' . count( $cf7mls_step_name ) ); ?></p>
<p class="cf7mls_step_current"></p>
<div class="cf7mls_progress_percent">
<div class="cf7mls_progress_bar_percent">
<div class="cf7mls_progress_barinner" style="<?php echo( ( count( $cf7mls_step_name ) == 2 ) ? 'width: 100%' : 'width: 50%' ); ?>"></div>
</div>
</div>
</div>
<?php
}
?>
</div>
<div class="cf7mls_form_demo_one"></div>
<div class="cf7mls_form_demo_two"></div>
<div class="cf7mls_form_textarea_demo"></div>
<div>
<!-- Progress Bar percent on computer -->
<!-- <div class="cf7mls_progress_bar_percent_wrap">
<div class="cf7mls_progress_percent">
<div class="cf7mls_progress_bar_percent">
<div class="cf7mls_progress_barinner" style="<?php // echo((count($cf7mls_step_name) == 2)? 'width: 100%' : 'width: 50%') ?>"></div>
</div>
</div>
<div>
<p><?php // echo((count($cf7mls_step_name) == 2)? '100%' : '50%') ?></p>
</div>
</div> -->
<div class="cf7mls_bt_wrap">
<div class="cf7mls_back_demo"><?php _e( 'Back', 'cf7mls' ); ?></div>
<div class="cf7mls_next_demo"><?php _e( 'Next', 'cf7mls' ); ?></div>
</div>
</div>
<!-- Progress Bar percent on ipad, mobie, computer-->
<div class="cf7mls_progress_bar_per_mobie_wrap">
<div class="cf7mls_progress_percent">
<div class="cf7mls_progress_bar_percent">
<div class="cf7mls_progress_barinner" style="<?php echo( ( count( $cf7mls_step_name ) == 2 ) ? 'width: 100%' : 'width: 50%' ); ?>"></div>
</div>
</div>
<div>
<p><?php echo( ( count( $cf7mls_step_name ) == 2 ) ? '100%' : '50%' ); ?></p>
</div>
</div>
</div>
</div>
<p class="cf7mls_note"><?php _e( 'Preview only shows 3 steps.', 'cf7mls' ); ?></p>
</div>
<?php
}
add_filter( 'wpcf7_pre_construct_contact_form_properties', 'cf7mls_register_property', 10, 2 );
function cf7mls_register_property( $properties, $contact_form ) {
// Add variable cf7mls_back_button_title to check data old of old version when active plugin.
$more_properties = array(
'cf7mls_back_bg_color' => '',
'cf7mls_back_text_color' => '',
'cf7mls_next_bg_color' => '',
'cf7mls_next_text_color' => '',
'cf7mls_db_save_every_step' => '',
'cf7mls_step_name' => json_encode( array() ),
'cf7mls_progress_bar_style' => 1,
'cf7_mls_enable_progress_bar' => '0',
'cf7mls_progress_bar_bg_color' => '#0073aa',
'cf7_mls_auto_scroll_animation' => '',
'cf7_mls_auto_moving_animation' => '',
'cf7mls_select_stype_transition' => '',
'cf7mls_style_text' => 'vertical',
'cf7_mls_enable_progress_bar_percent' => '0',
'cf7mls_progress_bar_percent_color' => '#0073aa',
'cf7mls_allow_choose_step' => 'off',
'cf7mls_back_button_title' => '',
);
return array_merge( $more_properties, $properties );
}
add_filter( 'wpcf7_contact_form_properties', 'cf7mls_form_properties' );
function cf7mls_form_properties( $properties ) {
// Check data old of old version when active plugin.
if ( is_array( maybe_unserialize( $properties ) ) && array_key_exists( 'cf7mls_step_name', $properties ) && array_key_exists( 'form', $properties ) ) {
$cf7mls_step_name = maybe_unserialize( $properties['cf7mls_step_name'] );
$manager = WPCF7_FormTagsManager::get_instance();
$scan = $manager->scan( $properties['form'] );
$checkData = false;
foreach ( $scan as $k => $v ) {
if ( $v->type == 'cf7mls_step' ) {
if ( count( $v->values ) == 1 ) {
$checkData = true;
break;
}
}
}
if ( $checkData ) {
$forms = explode( ']', $properties['form'] );
$n = 0;
if ( is_array( $forms ) ) {
foreach ( $forms as $key => $form ) {
if ( strstr( $form, 'cf7mls_step' ) ) {
$forms[ $key ] = $forms[ $key ] . ' "' . $cf7mls_step_name[ $n ] . '"';
$n++;
}
if ( strstr( $form, '[' ) ) {
$forms[ $key ] = $forms[ $key ] . ']';
}
if ( ( count( $forms ) - 1 ) == $key ) {
$stepLast = '';
$stepLast .= '[cf7mls_step cf7mls_step-' . $key;
$stepLast .= ' "' . $properties['cf7mls_back_button_title'] . '"';
$stepLast .= ' "' . $cf7mls_step_name[ $n ] . '"]';
$forms[ $key ] = $stepLast . $forms[ $key ];
}
}
$forms = implode( '', $forms );
$properties['form'] = $forms;
}
}
}
// Add variable cf7mls_back_button_title to check data old of old version when active plugin.
$more_properties = array(
'cf7mls_back_bg_color' => '',
'cf7mls_back_text_color' => '',
'cf7mls_next_bg_color' => '',
'cf7mls_next_text_color' => '',
'cf7mls_db_save_every_step' => '',
'cf7mls_step_name' => json_encode( array() ),
'cf7mls_progress_bar_style' => 1,
'cf7_mls_enable_progress_bar' => '0',
'cf7mls_progress_bar_bg_color' => '#0073aa',
'cf7_mls_auto_scroll_animation' => '',
'cf7_mls_auto_moving_animation' => '',
'cf7mls_select_stype_transition' => '',
'cf7mls_style_text' => 'vertical',
'cf7_mls_enable_progress_bar_percent' => '0',
'cf7mls_progress_bar_percent_color' => '#0073aa',
'cf7mls_allow_choose_step' => 'off',
'cf7mls_back_button_title' => '',
);
return array_merge( $more_properties, $properties );
}
if ( ! function_exists( 'cf7mls_sanitize_arr' ) ) {
function cf7mls_sanitize_arr( $arr ) {
return is_array( $arr ) ? array_map( 'cf7mls_sanitize_arr', $arr ) : wp_kses_post( wp_unslash( $arr ) );
}
}
add_action( 'wpcf7_save_contact_form', 'cf7mls_save_contact_form' );
function cf7mls_save_contact_form( $contact_form ) {
$properties = $contact_form->get_properties();
if ( isset( $_POST['back-btn-bg-color'] ) ) {
$properties['cf7mls_back_bg_color'] = trim( sanitize_text_field( $_POST['back-btn-bg-color'] ) );
}
if ( isset( $_POST['back-btn-text-color'] ) ) {
$properties['cf7mls_back_text_color'] = trim( sanitize_text_field( $_POST['back-btn-text-color'] ) );
}
if ( isset( $_POST['next-btn-bg-color'] ) ) {
$properties['cf7mls_next_bg_color'] = trim( sanitize_text_field( $_POST['next-btn-bg-color'] ) );
}
if ( isset( $_POST['next-btn-text-color'] ) ) {
$properties['cf7mls_next_text_color'] = trim( sanitize_text_field( $_POST['next-btn-text-color'] ) );
}
if ( isset( $_POST['cf7mls_db_save_every_step'] ) ) {
$properties['cf7mls_db_save_every_step'] = 'yes';
} else {
$properties['cf7mls_db_save_every_step'] = 'no';
}
if ( isset( $_POST['cf7mls_step_name'] ) ) {
$properties['cf7mls_step_name'] = cf7mls_sanitize_arr( $_POST['cf7mls_step_name'] );
}
if ( isset( $_POST['cf7mls_progress_bar_style'] ) ) {
if ( sanitize_text_field( $_POST['cf7mls_progress_bar_style'] ) == 'box_vertical' || sanitize_text_field( $_POST['cf7mls_progress_bar_style'] ) == 'box_larerSign' ) {
$properties['cf7mls_progress_bar_style'] = maybe_serialize( sanitize_text_field( $_POST['cf7mls_progress_bar_style'] ) . '_squaren' );
} else {
$properties['cf7mls_progress_bar_style'] = maybe_serialize( sanitize_text_field( $_POST['cf7mls_progress_bar_style'] ) . '_' . sanitize_text_field( $_POST['cf7mls_progress_bar_icon_style'] ) );
}
}
if ( isset( $_POST['auto-scroll-animation'] ) ) {
$properties['cf7_mls_auto_scroll_animation'] = trim( sanitize_text_field( $_POST['auto-scroll-animation'] ) );
} else {
$properties['cf7_mls_auto_scroll_animation'] = '';
}
if ( isset( $_POST['auto-moving-animation'] ) ) {
$properties['cf7_mls_auto_moving_animation'] = trim( sanitize_text_field( $_POST['auto-moving-animation'] ) );
} else {
$properties['cf7_mls_auto_moving_animation'] = '';
}
if ( isset( $_POST['cf7mls_select_stype_transition'] ) ) {
$properties['cf7mls_select_stype_transition'] = maybe_serialize( $_POST['cf7mls_select_stype_transition'] );
}
if ( isset( $_POST['cf7_mls_enable_progress_bar'] ) ) {
$properties['cf7_mls_enable_progress_bar'] = intval( $_POST['cf7_mls_enable_progress_bar'] );
} else {
$properties['cf7_mls_enable_progress_bar'] = '0';
}
if ( isset( $_POST['progress-bar-bg-color'] ) ) {
$properties['cf7mls_progress_bar_bg_color'] = trim( sanitize_text_field( $_POST['progress-bar-bg-color'] ) );
}
if ( isset( $_POST['cf7mls-style-text'] ) ) {
$properties['cf7mls_style_text'] = trim( sanitize_text_field( $_POST['cf7mls-style-text'] ) );
} else {
$properties['cf7mls_style_text'] = 'vertical';
}
if ( isset( $_POST['cf7_mls_enable_progress_bar_percent'] ) ) {
$properties['cf7_mls_enable_progress_bar_percent'] = intval( $_POST['cf7_mls_enable_progress_bar_percent'] );
} else {
$properties['cf7_mls_enable_progress_bar_percent'] = '0';
}
if ( isset( $_POST['progress-bar-percent-color'] ) ) {
$properties['cf7mls_progress_bar_percent_color'] = trim( sanitize_text_field( $_POST['progress-bar-percent-color'] ) );
}
if ( isset( $_POST['cf7mls-allow-choose-step'] ) ) {
$properties['cf7mls_allow_choose_step'] = trim( sanitize_text_field( $_POST['cf7mls-allow-choose-step'] ) );
} else {
$properties['cf7mls_allow_choose_step'] = 'off';
}
$contact_form->set_properties( $properties );
}
<?php
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
function cf7mls_is_active_cf7db() {
return defined( 'CF7D_FILE' );
}
if ( cf7mls_is_active_cf7db() ) {
add_filter( 'cf7d_no_save_fields', 'cf7mls_cf7d_no_save_fields' );
function cf7mls_cf7d_no_save_fields( $fields ) {
// $fields[] = '_cf7mls_db_form_data_id';
$fields[] = '_wpnonce';
$fields[] = 'cf7mls_back';
$fields[] = 'cf7mls_next';
return $fields;
}
/*
* Remove user's informations every steps
*/
add_action( 'cf7d_after_insert_db', 'cf7mls_cf7d_after_insert_db', 10, 3 );
function cf7mls_cf7d_after_insert_db( $contact_form, $form_id, $data_id ) {
global $wpdb;
$data_id_be_delete = $wpdb->get_results( 'SELECT `value` FROM ' . $wpdb->prefix . "cf7_data_entry WHERE `cf7_id` = '" . $form_id . "' AND `name` = '_cf7mls_db_form_data_id'" );
if ( isset( $data_id_be_delete[0] ) ) {
$data_id_be_delete = $data_id_be_delete[0]->value;
// delele data_id
$wpdb->delete( $wpdb->prefix . 'cf7_data', array( 'id' => $data_id_be_delete ) );
// delete entry
$wpdb->delete(
$wpdb->prefix . 'cf7_data_entry',
array(
'cf7_id' => $form_id,
'data_id' => $data_id_be_delete,
)
);
$wpdb->delete(
$wpdb->prefix . 'cf7_data_entry',
array(
'cf7_id' => $form_id,
'name' => '_cf7mls_db_form_data_id',
)
);
}
}
// No save fields cf7mls_step-1, cf7mls_step-2,... before when install to database
add_filter( 'cf7d_posted_data', 'cf7mls_cf7d_posted_data', 10, 1 );
function cf7mls_cf7d_posted_data( $contact_form ) {
$pattern = '/cf7mls_step-/i';
foreach ( $contact_form as $k => $v ) {
if ( preg_match( $pattern, $k ) ) {
unset( $contact_form[ $k ] );
}
}
return $contact_form;
}
}
\ No newline at end of file
<?php
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
// add js, css
add_action( 'wp_enqueue_scripts', 'cf7mls_frontend_scripts_callback' );
function cf7mls_frontend_scripts_callback() {
$cf7d_messages_error = '';
wp_register_script( 'cf7mls', CF7MLS_PLUGIN_URL . '/assets/frontend/js/cf7mls.js', array( 'jquery' ), CF7MLS_NTA_VERSION, true );
wp_enqueue_script( 'cf7mls' );
if ( apply_filters( 'is_using_cf7mls_css', true ) ) {
wp_register_style( 'cf7mls', CF7MLS_PLUGIN_URL . '/assets/frontend/css/cf7mls.css', array(), CF7MLS_NTA_VERSION );
wp_enqueue_style( 'cf7mls' );
wp_register_style( 'cf7mls_progress_bar', CF7MLS_PLUGIN_URL . '/assets/frontend/css/progress_bar.css', array(), CF7MLS_NTA_VERSION );
wp_enqueue_style( 'cf7mls_progress_bar' );
wp_register_style( 'cf7mls_animate', CF7MLS_PLUGIN_URL . '/assets/frontend/animate/animate.min.css', array(), CF7MLS_NTA_VERSION );
wp_enqueue_style( 'cf7mls_animate' );
}
wp_localize_script(
'cf7mls',
'cf7mls_object',
array(
'ajax_url' => admin_url( 'admin-ajax.php' ),
'is_rtl' => apply_filters( 'cf7mls_is_rtl', is_rtl() ),
'disable_submit' => apply_filters( 'cf7mls_disable_submit', 'true' ),
'cf7mls_error_message' => $cf7d_messages_error,
'scroll_step' => apply_filters( 'cf7mls-scroll-step', 'true' ),
'disable_enter_key' => apply_filters( 'cf7mls-disable-enter-key', 'false' ),
'check_step_before_submit' => apply_filters( 'cf7mls_check_step_before_submit', 'true' ),
)
);
}
/**
* Wpcf7 shortcode.
*/
function cf7mls_add_shortcode_step() {
wpcf7_add_form_tag( array( 'cf7mls_step', 'cf7mls_step*' ), 'cf7mls_multistep_shortcode_callback', true );
wpcf7_add_form_tag( 'cf7mls_preview_step', 'cf7mls_multistep_preview_shortcode_callback' );
wpcf7_add_form_tag( 'cf7_recall', 'cf7_recall_shortcode_callback', true );
}
add_action( 'wpcf7_init', 'cf7mls_add_shortcode_step' );
function cf7mls_multistep_shortcode_callback( $tag ) {
$tag = new WPCF7_FormTag( $tag );
$name = $tag->name;
$numberStep = (int) explode( '-', $name )[1];
$back = $next = false;
// Check button back last in step.
$checkBackLast = false;
if ( count( $tag->values ) == 2 ) {
if ( $numberStep === 1 ) {
$next = $tag->values[0];
} else {
$checkBackLast = true;
$back = $tag->values[0];
}
} elseif ( count( $tag->values ) > 2 ) {
$back = $tag->values[0];
$next = $tag->values[1];
}
$html = '<div class="cf7mls-btns">';
// TODO add form id to btn to prevent duplicate
if ( $checkBackLast === true && $back ) {
$html = '';
$html .= apply_filters( 'cf7_step_before_back_btn', '', $name );
$html .= '<button type="button" class="cf7mls_back action-button" name="cf7mls_back" id="cf7mls-back-btn-' . $name . '">' . $back . '</button>';
$html .= apply_filters( 'cf7_step_after_back_btn', '', $name );
} elseif ( $back ) {
$html .= apply_filters( 'cf7_step_before_back_btn', '', $name );
$html .= '<button type="button" class="cf7mls_back action-button" name="cf7mls_back" id="cf7mls-back-btn-' . $name . '">' . $back . '</button>';
$html .= apply_filters( 'cf7_step_after_back_btn', '', $name );
}
// TODO add form id to btn to prevent duplicate
if ( $next ) {
$loader = apply_filters( 'cf7mls_loader_img', CF7MLS_PLUGIN_URL . '/assets/frontend/img/loader.svg' );
$html .= apply_filters( 'cf7_step_before_next_btn', '', $name );
$html .= '<button type="button" class="cf7mls_next cf7mls_btn action-button" name="cf7mls_next" id="cf7mls-next-btn-' . $name . '">' . $next . '<img src="' . $loader . '" alt="" data-lazy-src="' . $loader . '" /></button>';
$html .= apply_filters( 'cf7_step_after_next_btn', '', $name );
}
$progress_bar_percent = '';
$contact_form = wpcf7_get_current_contact_form();
if ( $contact_form && get_post_meta( $contact_form->id(), '_cf7_mls_enable_progress_bar_percent', true ) == '1' ) {
$step_names = get_post_meta( $contact_form->id(), '_cf7mls_step_name', true );
// $step_names = maybe_unserialize($step_names);
$bar_precent_color = '';
$bar_precent_color = trim( get_post_meta( $contact_form->id(), '_cf7mls_progress_bar_percent_color', true ) );
if ( is_array( $step_names ) ) {
$progress_bar_percent .= '<div class="cf7mls_progress_bar_percent_wrap" data-number-step="';
$progress_bar_percent .= count( $step_names );
$progress_bar_percent .= '">';
$progress_bar_percent .= '<div class="cf7mls_progress_percent">';
$progress_bar_percent .= '<div class="cf7mls_progress_bar_percent">';
$progress_bar_percent .= '<div class="cf7mls_progress_barinner" style="width:';
$progress_bar_percent .= ( ( 100 / ( count( $step_names ) - 1 ) ) * ( $numberStep - 1 ) ) . '%;';
$progress_bar_percent .= 'background:' . $bar_precent_color;
$progress_bar_percent .= '"></div>';
$progress_bar_percent .= '</div>';
$progress_bar_percent .= '</div>';
$progress_bar_percent .= '<div>';
$progress_bar_percent .= '<p>' . ( intval( ( ( 100 / ( count( $step_names ) - 1 ) ) * ( $numberStep - 1 ) ) ) . '%' ) . '</p>';
$progress_bar_percent .= '</div>';
$progress_bar_percent .= '</div>';
$html .= $progress_bar_percent;
}
}
if ( $checkBackLast === false ) {
$html .= '</div><p></p></fieldset><fieldset class="fieldset-cf7mls">';
} else {
if ( '' === $back ) {
$html .= '</div>';
}
}
return $html;
}
function cf7mls_multistep_preview_shortcode_callback( $tag ) {
$tag = new WPCF7_FormTag( $tag );
$class = wpcf7_form_controls_class( $tag->type );
$atts = array();
$atts['class'] = $tag->get_class_option( $class );
$atts['id'] = $tag->get_id_option();
$atts['tabindex'] = $tag->get_option( 'tabindex', 'int', true );
$value = isset( $tag->values[0] ) ? $tag->values[0] : '';
if ( empty( $value ) ) {
$value = __( 'Preview', 'cf7mls' );
}
$atts['value'] = $value;
$atts['type'] = 'button';
$atts = wpcf7_format_atts( $atts );
$html = sprintf( '<input %1$s />', $atts, $value );
return $html;
}
function cf7_recall_shortcode_callback( $tag ) {
$tag = new WPCF7_FormTag( $tag );
$class = wpcf7_form_controls_class( $tag->type );
$atts = array();
$question_field = isset( $tag->values[0] ) ? $tag->values[0] : '';
$atts['class'] = $tag->get_class_option( $class ) . '_' . $question_field;
$atts['id'] = $tag->get_id_option();
$atts['tabindex'] = $tag->get_option( 'tabindex', 'int', true );
$atts['data-qf'] = $question_field;
$atts['data-f_name'] = $tag->name;
$html = sprintf( '<span %1$s></span>', wpcf7_format_atts( $atts ) );
$atts['name'] = $tag->name;
$atts['type'] = 'hidden';
$atts['class'] = $tag->get_class_option( $class );
unset( $atts['data-f_name'] );
$html .= sprintf( '<input %1$s>', wpcf7_format_atts( $atts ) );
return $html;
}
/**
* Wrap form
*/
add_filter( 'wpcf7_form_elements', 'cf7mls_wrap_form_elements_func', 10 );
function cf7mls_wrap_form_elements_func( $code ) {
if ( $contact_form = wpcf7_get_current_contact_form() ) {
/* If the form has multistep's shortcode */
if ( strpos( $code, '<fieldset class="fieldset-cf7mls' ) ) {
if ( defined( 'WPCF7_AUTOP' ) && ( WPCF7_AUTOP == true ) ) {
$code = preg_replace( '#<p>(.*?)<\/fieldset><fieldset class=\"fieldset-cf7mls\"><\/p>#', '$1</fieldset><fieldset class="fieldset-cf7mls">', $code );
}
// progress bar
$progress_bar = '';
if ( get_post_meta( $contact_form->id(), '_cf7_mls_enable_progress_bar', true ) == '1' ) {
$bar_class = array();
if ( is_rtl() ) {
$bar_class[] = 'is_rtl';
}
$style_bar = get_post_meta( $contact_form->id(), '_cf7mls_progress_bar_style', true );
if ( empty( $style_bar ) ) {
$style_bar = 'navigation_horizontal_squaren';
}
$style_text = '';
if ( ! empty( get_post_meta( $contact_form->id(), '_cf7mls_style_text', true ) ) ) {
$style_text = get_post_meta( $contact_form->id(), '_cf7mls_style_text', true );
} else {
$style_text = 'vertical';
}
$bar_class[] = 'cf7mls_bar_style_' . $style_bar . ' cf7mls_bar_style_text_' . $style_text;
$bar_class = apply_filters( 'cf7mls-progress-bar-class', $bar_class, $contact_form->id() );
$progress_bar_bg_color = '';
if ( ! empty( get_post_meta( $contact_form->id(), '_cf7mls_progress_bar_bg_color', true ) ) ) {
$progress_bar_bg_color = trim( get_post_meta( $contact_form->id(), '_cf7mls_progress_bar_bg_color', true ) );
} else {
$progress_bar_bg_color = '#0073aa';
}
$step_names = get_post_meta( $contact_form->id(), '_cf7mls_step_name', true );
// $step_names = maybe_unserialize($step_names);
$allow_choose_step = get_post_meta( $contact_form->id(), '_cf7mls_allow_choose_step', true );
$width_progress_bar = '';
$margin_progress_bar = '';
if ( $style_text == 'no' ) {
$width_progress_bar = 80;
if ( $width_progress_bar > 100 ) {
$width_progress_bar = '100%';
} else {
$width_progress_bar = $width_progress_bar . '%';
}
}
if ( is_array( $step_names ) || is_object( $step_names ) ) {
if ( count( $step_names ) == 2 ) {
$width_progress_bar = '60%';
$margin_progress_bar = '42px auto';
}
}
$progress_bar = sprintf(
'<ul data-id-form="%8$d" data-bg-color="%2$s" data-bg-style-bar="%4$s" data-style-text="%5$s" data-allow-choose-step="%7$s" class="cf7mls_progress_bar %1$s" style="%3$s; %6$s">',
implode( ' ', $bar_class ),
$progress_bar_bg_color,
( ! empty( $width_progress_bar ) ? 'width:' . $width_progress_bar : '' ),
$style_bar,
$style_text,
( ! empty( $margin_progress_bar ) ? 'margin:' . $margin_progress_bar : '' ),
$allow_choose_step,
$contact_form->id()
);
$i = 0;
if ( is_array( $step_names ) ) {
$width_step_item = 'width: auto';
if (
( ( $style_text == 'horizontal' ) ||
( $style_text == 'no' ) ) &&
( ( $style_bar == 'horizontal_squaren' ) ||
( $style_bar == 'horizontal_round' ) ||
( $style_bar == 'box_vertical_squaren' ) ||
( $style_bar == 'box_larerSign_squaren' ) )
) {
$width_step_item = 'width: ' . ( 100 / count( $step_names ) ) . '%';
}
if ( $style_text == 'vertical' ) {
$width_step_item = 'width: ' . ( 100 / count( $step_names ) ) . '%';
}
$c = count( $step_names );
foreach ( $step_names as $k => $v ) {
$class = '';
if ( $i === 0 ) {
$class = 'active current';
}
$format_step = '';
$format_step .= '<li data-counter="%4$d" data-counter_rtl="%5$d" style="%3$s" class="cf7_mls_steps_item %2$s">';
$format_step .= '<div class="cf7_mls_steps_item_container">';
$format_step .= '<div class="cf7_mls_steps_item_icon">';
$format_step .= '<span class="cf7_mls_count_step">%4$d</span>';
$format_step .= '<span class="cf7_mls_check">';
$format_step .= '<i>';
$format_step .= '<svg viewBox="64 64 896 896" data-icon="check" width="14px" height="14px" fill="currentColor" aria-hidden="true" focusable="false" class="">';
$format_step .= '<path d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"></path>';
$format_step .= '</svg>';
$format_step .= '</i>';
$format_step .= '</span>';
$format_step .= '</div>';
$format_step .= '<div class="cf7_mls_steps_item_content">';
$format_step .= '<p class="cf7mls_progress_bar_title">%1$s</p>';
$format_step .= '<span class="cf7_mls_arrow_point_to_righ">';
$format_step .= '<i>';
$format_step .= '<svg x="0px" y="0px" width="8px" height="14px" viewBox="0 0 451.846 451.847" style="enable-background:new 0 0 451.846 451.847; xml:space="preserve">';
$format_step .= '<g>';
$format_step .= '<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"/>';
$format_step .= '</g>';
$format_step .= '</svg>';
$format_step .= '</i>';
$format_step .= '</span>';
$format_step .= '</div>';
$format_step .= '</div>';
$format_step .= '</li>';
$progress_bar .= sprintf( $format_step, $v, $class, $width_step_item, $i + 1, $c );
$i++;
$c--;
}
}
$progress_bar .= '</ul>';
// Show in ipad, mobie phone
if ( is_array( $step_names ) ) {
$number_step = '';
$number_step .= '<div class="cf7mls_number_step_wrap" data-bg-color="%2$s" data-number-step="%3$s">';
$number_step .= '<p class="cf7mls_number">%1$s</p>';
$number_step .= '<p class="cf7mls_step_current">%4$s</p>';
$number_step .= '<div class="cf7mls_progress_percent">';
$number_step .= '<div class="cf7mls_progress_bar_percent">';
$number_step .= '<div class="cf7mls_progress_barinner"></div>';
$number_step .= '</div>';
$number_step .= '</div>';
$number_step .= '</div>';
$progress_bar .= sprintf( $number_step, '1/' . count( $step_names ), $progress_bar_bg_color, count( $step_names ), $step_names[0] );
}
}
if ( get_post_meta( $contact_form->id(), '_cf7mls_select_stype_transition', true ) &&
( get_post_meta( $contact_form->id(), '_cf7_mls_auto_moving_animation', true ) == 'on' )
) {
$stype_transition = get_post_meta( $contact_form->id(), '_cf7mls_select_stype_transition', true );
} else {
$stype_transition = '';
}
$code = $progress_bar . sprintf( '<div class="fieldset-cf7mls-wrapper" data-transition-effects="%1$s"><fieldset class="fieldset-cf7mls">', $stype_transition ) . $code;
$code .= '</fieldset></div>';
// $code .= '</fieldset>';
}
}
$ex = explode( '<fieldset class="fieldset-cf7mls">', $code );
if ( count( $ex ) > 1 ) {
$code = '';
foreach ( $ex as $k => $v ) {
$code .= $v;
if ( $k == 0 ) {
$code .= '<fieldset class="fieldset-cf7mls cf7mls_current_fs">';
} elseif ( $k < ( count( $ex ) - 1 ) ) {
$code .= '<fieldset class="fieldset-cf7mls">';
}
}
}
return $code;
}
// add css to wp_head
add_action( 'wp_head', 'cf7mls_css_to_wp_head' );
function cf7mls_css_to_wp_head() {
$args = array(
'post_type' => 'wpcf7_contact_form',
'post_status' => 'publish',
);
$query = new WP_Query( $args );
if ( $query->have_posts() ) {
echo '<style type="text/css">';
while ( $query->have_posts() ) {
$query->the_post();
$id = get_the_id();
$next_bg_color = get_post_meta( $id, '_cf7mls_next_bg_color', true );
$next_text_color = get_post_meta( $id, '_cf7mls_next_text_color', true );
$back_bg_color = get_post_meta( $id, '_cf7mls_back_bg_color', true );
$back_text_color = get_post_meta( $id, '_cf7mls_back_text_color', true );
echo 'div[id^="wpcf7-f' . $id . '"] button.cf7mls_next { ' . ( ( ! empty( $next_bg_color ) ) ? 'background-color: ' . $next_bg_color . ';' : '' ) . ' ' . ( ( ! empty( $next_text_color ) ) ? 'color: ' . $next_text_color : '' ) . ' }';
echo 'div[id^="wpcf7-f' . $id . '"] button.cf7mls_back { ' . ( ( ! empty( $back_bg_color ) ) ? 'background-color: ' . $back_bg_color . ';' : '' ) . ' ' . ( ( ! empty( $back_text_color ) ) ? 'color: ' . $back_text_color : '' ) . ' }';
}
echo '</style>';
}
wp_reset_postdata();
}
add_filter( 'wpcf7_form_class_attr', 'cf7mls_add_auto_scroll_class' );
function cf7mls_add_auto_scroll_class( $class ) {
if ( $contact_form = wpcf7_get_current_contact_form() ) {
if ( empty( trim( ( get_post_meta( $contact_form->id(), '_cf7_mls_auto_scroll_animation', true ) ) ) ) ) {
$class .= ' cf7mls-no-scroll';
}
$class .= ' cf7mls-no-moving-animation';
}
return $class;
}
<?php
if ( ! class_exists( 'NjtCF7MLSValidation' ) ) {
class NjtCF7MLSValidation {
public function __construct() {
$this->doHooks();
}
private function doHooks() {
add_action( 'wp_ajax_cf7mls_validation', array( $this, 'cf7mls_validation_callback' ) );
add_action( 'wp_ajax_nopriv_cf7mls_validation', array( $this, 'cf7mls_validation_callback' ) );
}
public function cf7mls_validation_callback() {
global $wpdb;
if ( isset( $_POST['_wpcf7'] ) ) {
$id = (int) $_POST['_wpcf7'];
$unit_tag = wpcf7_sanitize_unit_tag( $_POST['_wpcf7_unit_tag'] );
$spam = false;
if ( $contact_form = wpcf7_contact_form( $id ) ) {
$items = array(
'mailSent' => false,
'into' => '#' . $unit_tag,
'captcha' => null,
);
/* Begin validation */
require_once WPCF7_PLUGIN_DIR . '/includes/validation.php';
$result = new WPCF7_Validation();
$tags = $contact_form->scan_form_tags(
array(
'feature' => '! file-uploading',
)
);
foreach ( $tags as $tag ) {
$type = $tag->type;
$result = apply_filters( "wpcf7_validate_{$type}", $result, $tag );
}
$result = apply_filters( 'wpcf7_validate', $result, $tags );
$invalid_fields = $result->get_invalid_fields();
$upload_files = $this->unship_uploaded_files( $contact_form );
$success = false;
$invalid_fields_return = array_merge( $result->get_invalid_fields(), $upload_files['invalid_fields'] );
if ( false === $result->is_valid() ) {
$success = $result->is_valid();
} else {
$success = $upload_files['valid'];
}
$return = array(
'success' => $success,
'invalid_fields' => $invalid_fields_return,
);
if ( $return['success'] == false ) {
$messages = $contact_form->prop( 'messages' );
$return['message'] = $messages['validation_error'];
if ( empty( $return['message'] ) ) {
$default_messages = wpcf7_messages();
$return['message'] = $default_messages['validation_error']['default'];
}
} else {
$return['message'] = '';
}
if ( cf7mls_is_active_cf7db() ) {
if ( get_post_meta( $id, '_cf7mls_db_save_every_step', true ) == 'yes' ) {
$_cf7mls_db_form_data_id = ( isset( $_POST['_cf7mls_db_form_data_id'] ) ? intval( $_POST['_cf7mls_db_form_data_id'] ) : '' );
if ( empty( $_cf7mls_db_form_data_id ) ) {
$wpdb->insert( $wpdb->prefix . 'cf7_data', array( 'created' => date( 'Y-m-d H:i:s' ) ), array( '%s' ) );
$_cf7mls_db_form_data_id = $wpdb->insert_id;
}
/*
* Insert / update to database
*/
$contact_form = cf7d_get_posted_data( $contact_form );
// Modify $contact_form
$contact_form = apply_filters( 'cf7d_modify_form_before_insert_data', $contact_form );
$tags = $contact_form->scan_form_tags(
array(
'feature' => '! file-uploading',
)
);
$posted_data = $_POST;
$posted_data = $this->cf7mls_cf7d_add_more_fields( $posted_data );
foreach ( $tags as $k => $v ) {
if ( isset( $posted_data[ $v['name'] ] ) ) {
$posted_data[ $v['name'] ] = $this->cf7mls_sanitize_posted_data( $posted_data[ $v['name'] ] );
} else {
unset( $posted_data[ $v['name'] ] );
}
}
// install to database
$cf7d_no_save_fields = cf7d_no_save_fields();
foreach ( $posted_data as $k => $v ) {
if ( in_array( $k, $cf7d_no_save_fields ) ) {
continue;
} else {
if ( is_array( $v ) ) {
$v = implode( "\n", $v );
}
$check_existing = $wpdb->get_results( 'SELECT `id` FROM ' . $wpdb->prefix . 'cf7_data_entry WHERE `cf7_id` = ' . (int) $id . ' AND `data_id` = ' . (int) $_cf7mls_db_form_data_id . " AND `name` = '" . $k . "'" );
if ( count( $check_existing ) > 0 ) {
/* Update */
$data = array(
'name' => $k,
'value' => $v,
);
$data_format = array( '%s', '%s' );
$where = array(
'cf7_id' => (int) $id,
'data_id' => (int) $_cf7mls_db_form_data_id,
);
$where_format = array( '%d', '%d' );
$wpdb->update( $wpdb->prefix . 'cf7_data_entry', $data, $where, $data_format, $where_format );
} else {
/* Insert */
$data = array(
'cf7_id' => (int) $id,
'data_id' => (int) $_cf7mls_db_form_data_id,
'name' => $k,
'value' => $v,
);
$format = array( '%d', '%d', '%s', '%s' );
$wpdb->insert( $wpdb->prefix . 'cf7_data_entry', $data, $format );
}
}
}
$return['_cf7mls_db_form_data_id'] = (int) $_cf7mls_db_form_data_id;
}
}
$json = json_encode( $return );
exit( $json );
}
}
}
public function cf7mls_sanitize_posted_data( $value ) {
if ( is_array( $value ) ) {
$value = array_map( 'cf7mls_sanitize_posted_data', $value );
} elseif ( is_string( $value ) ) {
$value = wp_check_invalid_utf8( $value );
$value = wp_kses_no_null( $value );
}
return $value;
}
public function cf7mls_cf7d_add_more_fields( $posted_data ) {
// time
$posted_data['submit_time'] = date( 'Y-m-d H:i:s' );
// ip
$posted_data['submit_ip'] = ( isset( $_SERVER['X_FORWARDED_FOR'] ) ) ? $_SERVER['X_FORWARDED_FOR'] : $_SERVER['REMOTE_ADDR'];
// user id
$posted_data['submit_user_id'] = 0;
if ( function_exists( 'is_user_logged_in' ) && is_user_logged_in() ) {
$current_user = wp_get_current_user(); // WP_User
$posted_data['submit_user_id'] = $current_user->ID;
}
return $posted_data;
}
private function unship_uploaded_files( $contact_form ) {
$file_result = new WPCF7_Validation();
$file_tags = $contact_form->scan_form_tags(
array(
'feature' => 'file-uploading',
)
);
foreach ( $file_tags as $tag ) {
if ( false != $tag->is_required() ) {
$file = isset( $_FILES[ $tag->name ] ) ? $_FILES[ $tag->name ] : null;
$args = array(
'tag' => $tag,
'name' => $tag->name,
'required' => $tag->is_required(),
'filetypes' => $tag->get_option( 'filetypes' ),
'limit' => $tag->get_limit_option(),
);
$new_files = wpcf7_unship_uploaded_file( $file, $args );
$file_result = apply_filters(
"wpcf7_validate_{$tag->type}",
$file_result,
$tag,
array(
'uploaded_files' => $new_files,
)
);
}
}
$file_invalid_fields = $file_result->get_invalid_fields();
return array(
'valid' => $file_result->is_valid(),
'invalid_fields' => $file_invalid_fields,
);
}
}
new NjtCF7MLSValidation();
}
......@@ -15603,6 +15603,16 @@ figure.woocommerce-product-gallery__wrapper {
width: 100%;
padding-top: 0rem;
}
@media screen and (max-width: 768px) {
#main-nav.numbers {
position: fixed;
width: 100%;
padding-top: 0;
background-color: #fff;
padding-bottom: 0px;
z-index: 999999;
}
}
p {
font-family: "Calibri";
......@@ -15611,12 +15621,20 @@ p {
line-height: 21px;
}
ol li {
font-size: 18px;
color: #5B6770;
line-height: 21px;
margin-bottom: 10px;
}
h2, .h2 {
font-family: "Calibri-bold";
font-size: 40px;
color: #012169;
margin-bottom: 30px;
margin-top: 20px;
text-transform: uppercase;
}
.cont {
......@@ -15652,6 +15670,16 @@ h2, .h2 {
.wrapper {
padding: 0px;
margin-bottom: -16px;
position: relative;
}
@media screen and (max-width: 768px) {
.wrapper {
top: 66px !important;
}
}
#full-width-page-wrapper {
overflow-x: hidden;
}
.header-image {
......@@ -15668,6 +15696,12 @@ h2, .h2 {
}
@media screen and (max-width: 768px) {
.header-image {
top: 66px !important;
position: relative;
}
}
@media screen and (max-width: 768px) {
.header-image {
max-height: 240px;
min-height: 240px;
}
......@@ -15681,6 +15715,11 @@ h2, .h2 {
color: #fff;
font-size: 60px;
}
@media (max-width: 768px) {
.header-image .header-text h1, .header-image .header-text .h1 {
display: none;
}
}
.numbers-top {
margin-bottom: 0em;
......@@ -15693,11 +15732,35 @@ h2, .h2 {
padding-top: 50px;
padding-right: 50px;
}
.numbers-top .wp-block-column:first-child h1, .numbers-top .wp-block-column:first-child .h1 {
font-family: "Calibri-bold";
color: #fff;
font-size: 36px;
display: none;
}
@media (max-width: 768px) {
.numbers-top .wp-block-column:first-child h1, .numbers-top .wp-block-column:first-child .h1 {
display: block;
}
}
@media (max-width: 600px) {
.numbers-top .wp-block-column:first-child {
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
padding-right: 15%;
}
}
.numbers-top .wp-block-column:first-child p {
color: #fff;
font-size: 30px;
line-height: 34px;
}
@media (max-width: 600px) {
.numbers-top .wp-block-column:first-child p {
font-size: 18px;
}
}
.numbers-top .wp-block-column:first-child span {
color: #fff;
font-size: 14px;
......@@ -15705,6 +15768,12 @@ h2, .h2 {
float: right;
margin-top: 40px;
}
@media (max-width: 768px) {
.numbers-top .wp-block-column:first-child span {
margin-top: 10px;
margin-bottom: 30px;
}
}
.numbers-top .wp-block-column:last-child {
margin-left: 0;
margin-right: -50%;
......@@ -15715,6 +15784,14 @@ h2, .h2 {
padding-bottom: 20px;
padding-left: 50px;
}
@media (max-width: 600px) {
.numbers-top .wp-block-column:last-child {
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
padding-right: 15%;
}
}
.numbers-top .wp-block-column:last-child p {
margin-top: -15px;
color: #fff;
......@@ -15748,7 +15825,21 @@ h2, .h2 {
padding-top: 50px;
padding-right: 50px;
}
@media (max-width: 768px) {
.numbers-second .wp-block-column:first-child {
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
padding-right: 15%;
}
}
@media (max-width: 600px) {
.numbers-second .wp-block-column:first-child h2, .numbers-second .wp-block-column:first-child .h2 {
font-size: 28px;
}
}
.numbers-second .wp-block-column:first-child a.wp-block-button__link {
margin-bottom: 50px;
background-color: #012169;
text-transform: uppercase;
font-family: "Calibri-bold";
......@@ -15757,6 +15848,12 @@ h2, .h2 {
border-radius: 0px;
width: 368px;
}
@media (max-width: 768px) {
.numbers-second .wp-block-column:first-child a.wp-block-button__link {
width: 330px;
padding: 15px 20px;
}
}
.numbers-second .wp-block-column:first-child a.wp-block-button__link:before {
content: "";
width: 40px;
......@@ -15783,6 +15880,10 @@ h2, .h2 {
background-position: center;
background-image: url("/wp-content/themes/understrap-child/src/images/arrow_down.svg");
}
.numbers-second .wp-block-column:first-child a.rotated.wp-block-button__link:after {
top: 10px;
background-image: url("/wp-content/themes/understrap-child/src/images/arrow_up.svg");
}
.numbers-second .wp-block-column:last-child {
margin-left: 0;
margin-right: -50%;
......@@ -15790,15 +15891,21 @@ h2, .h2 {
background-color: #005EB8;
flex-basis: 108% !important;
padding-top: 0px;
padding-bottom: 20px;
padding-bottom: 50px;
padding-left: 50px;
}
@media (max-width: 768px) {
.numbers-second .wp-block-column:last-child {
display: none;
}
}
.numbers-second .wp-block-column:last-child .side-img {
display: block;
height: 418px;
background-repeat: no-repeat;
background-size: cover;
margin-left: -50px;
margin-right: -70%;
background-position: center;
background-image: url("/wp-content/themes/understrap-child/src/images/man.jpg");
}
......@@ -15807,6 +15914,11 @@ h2, .h2 {
margin-right: -50%;
}
}
@media (min-width: 1200px) {
.numbers-second .wp-block-column:last-child .side-img {
margin-right: -50%;
}
}
@media (min-width: 1500px) {
.numbers-second .wp-block-column:last-child .side-img {
margin-right: -150%;
......@@ -15826,10 +15938,405 @@ h2, .h2 {
margin-top: 20px;
}
.wp-block-group.register {
background-color: #F2F2F2;
margin-left: -100%;
padding-left: 100%;
margin-right: -50%;
padding-right: 50%;
padding-top: 50px;
display: none;
min-height: 600px;
}
@media (max-width: 768px) {
.wp-block-group.register {
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
padding-right: 15%;
}
}
.wp-block-group.register .terms {
background-color: #fff;
padding: 20px;
height: 296px;
margin-top: 50px;
margin-bottom: 20px;
overflow: auto;
}
.wp-block-group.register .terms p {
line-height: 21px;
}
.wp-block-group.register .thank-you {
display: none;
text-align: center;
max-width: 800px;
margin: auto;
margin-top: 100px;
}
.wp-block-group.register .wpcf7 form.sent .wpcf7-response-output {
border: 0px #fff solid;
}
.wp-block-group.register .wpcf7 {
max-width: unset;
}
.wp-block-group.register .wpcf7 h2, .wp-block-group.register .wpcf7 .h2 {
margin-bottom: 10px;
margin-left: -210px;
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 h2, .wp-block-group.register .wpcf7 .h2 {
margin-left: 0px;
}
}
.wp-block-group.register .wpcf7 .steps {
display: none;
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 .steps {
display: block;
margin-top: 20px;
margin-bottom: 30px;
}
}
.wp-block-group.register .wpcf7 span.required {
margin-bottom: 30px;
margin-left: -210px;
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 span.required {
margin-left: 0px;
}
}
.wp-block-group.register .wpcf7 .wpcf7-submit,
.wp-block-group.register .wpcf7 .cf7mls_next.action-button {
background-color: #012169;
text-transform: uppercase;
font-family: "Calibri-bold";
font-size: 20px;
padding: 5px 50px !important;
border-radius: 0px;
color: #fff;
width: unset;
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 .wpcf7-submit {
margin-top: 50px;
}
}
.wp-block-group.register .wpcf7 .wpcf7 input[type=submit]:focus {
border: none;
}
.wp-block-group.register .wpcf7 label {
text-transform: uppercase;
}
.wp-block-group.register .wpcf7 .wpcf7-form-control {
border-radius: 0px;
}
.wp-block-group.register .wpcf7 label {
display: inline-block;
margin-bottom: 15px;
}
.wp-block-group.register .wpcf7 label.first-name,
.wp-block-group.register .wpcf7 label.last-name {
width: 39% !important;
margin-right: 1%;
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 label.first-name,
.wp-block-group.register .wpcf7 label.last-name {
width: 100% !important;
}
}
.wp-block-group.register .wpcf7 label.designation {
width: 20% !important;
}
.wp-block-group.register .wpcf7 label.company-address {
width: 79% !important;
margin-right: 1%;
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 label.company-address {
width: 100% !important;
}
}
.wp-block-group.register .wpcf7 label.company-unit {
width: 20% !important;
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 label.company-unit {
width: 30% !important;
margin-right: 1%;
}
}
.wp-block-group.register .wpcf7 label.company-prov {
width: 10% !important;
margin-right: 1%;
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 label.company-prov {
width: 30% !important;
margin-right: 1%;
}
}
.wp-block-group.register .wpcf7 label.company-city {
width: 59% !important;
margin-right: 1%;
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 label.company-city {
width: 69% !important;
margin-right: 0%;
}
}
.wp-block-group.register .wpcf7 label.company-postal {
width: 29% !important;
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 label.company-postal {
width: 69% !important;
margin-right: 0%;
}
}
.wp-block-group.register .wpcf7 label.your-phone,
.wp-block-group.register .wpcf7 label.confirm-email,
.wp-block-group.register .wpcf7 label.your-email {
width: 25% !important;
margin-right: 1%;
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 label.your-phone,
.wp-block-group.register .wpcf7 label.confirm-email,
.wp-block-group.register .wpcf7 label.your-email {
width: 100% !important;
margin-right: 0%;
}
}
@media (max-width: 768px) {
.wp-block-group.register .wpcf7 label.your-phone {
width: 77% !important;
margin-right: 1%;
}
}
.wp-block-group.register .wpcf7 label.your-ext {
width: 22% !important;
}
.wp-block-group.register .wpcf7 .acceptance-548 {
text-transform: none;
}
.wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after, .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after {
position: absolute;
top: 10px;
left: 100%;
display: block;
width: 2px;
height: 100px;
background: #707070;
content: "";
margin-left: 17px;
overflow: visible;
}
.fieldset-cf7mls-wrapper {
overflow: visible;
}
.cf7mls_progress_bar {
width: 18% !important;
margin: 0 !important;
margin-top: 150px !important;
display: inline-block !important;
vertical-align: top;
}
@media (max-width: 768px) {
.cf7mls_progress_bar {
display: none !important;
margin-top: 0px !important;
}
}
.fieldset-cf7mls-wrapper {
width: 80% !important;
display: inline-block !important;
}
@media (max-width: 768px) {
.fieldset-cf7mls-wrapper {
width: 100% !important;
display: block !important;
}
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li, .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li {
display: block !important;
margin-bottom: 50px;
overflow: visible !important;
}
.wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after, .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after {
position: absolute;
top: 22px;
left: 0%;
display: block;
width: 2px;
height: 60px;
background: #707070;
content: "";
margin-left: -30px;
overflow: visible;
}
.cf7_mls_steps_item:nth-of-type(2) .cf7mls_progress_bar_title:after {
display: none !important;
}
.cf7_mls_check,
.cf7_mls_count_step {
display: none !important;
}
.cf7_mls_steps_item_icon {
width: 21px;
height: 21px;
}
.cf7_mls_steps_item:not(.active) .cf7mls_progress_bar_title {
display: none;
}
.cf7_mls_steps_item:not(.active) .cf7_mls_steps_item_icon {
border: 2px #707070 solid;
}
.cf7mls-steps-item-finish .cf7mls_progress_bar_title {
color: #f2f2f2 !important;
}
.cf7mls-steps-item-finish .cf7_mls_steps_item_icon {
border: 2px #707070 solid;
}
.cf7mls_number_step_wrap {
display: none !important;
}
#wrapper-footer {
background-color: #012169;
height: 273px;
}
@media screen and (max-width: 768px) {
#wrapper-footer {
height: 245px;
}
}
#wrapper-footer a {
color: #fff;
}
.footer-widget p {
position: relative;
right: 0px;
text-align: right;
margin-top: 0px;
color: #fff;
}
@media screen and (max-width: 768px) {
.footer-widget p {
text-align: left;
}
}
div.social {
position: relative;
right: 0px;
top: 40px;
width: 300px;
display: block;
float: right;
}
@media screen and (max-width: 768px) {
div.social {
float: left;
}
}
ul.social {
list-style-position: inside;
text-align: right;
margin-top: 0px;
margin-bottom: 0rem !important;
}
@media screen and (max-width: 768px) {
ul.social {
text-align: left;
padding-left: 0px !important;
margin-bottom: 0.7rem !important;
}
}
ul.social li {
display: inline-block;
}
ul.social li a {
transition: none !important;
display: inline-block;
width: 36px !important;
height: 36px !important;
background: url(/wp-content/themes/understrap-child/src/images/social.svg) no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 400%;
box-shadow: none !important;
border: solid 0px #4A4E4F;
background-color: transparent !important;
margin-top: 0px;
margin-bottom: 0rem;
}
ul.social li a.twitter-icon {
background-position: 0% 0%;
}
ul.social li a.twitter-icon:hover {
opacity: 0.5;
}
ul.social li a.twitter-icon:active {
opacity: 0.5;
}
ul.social li a.twitter-icon:focus {
opacity: 0.5;
}
ul.social li a.instagram-icon {
background-position: 33% 0%;
}
ul.social li a.instagram-icon:hover {
opacity: 0.5;
}
ul.social li a.instagram-icon:active {
opacity: 0.5;
}
ul.social li a.instagram-icon:focus {
opacity: 0.5;
}
ul.social li a.facebook-icon {
background-position: 66% 0%;
}
ul.social li a.facebook-icon:hover {
opacity: 0.5;
}
ul.social li a.facebook-icon:active {
opacity: 0.5;
}
ul.social li a.facebook-icon:focus {
opacity: 0.5;
}
ul.social li a.linkedin-icon {
background-position: 100% 0%;
}
ul.social li a.linkedin-icon:hover {
opacity: 0.5;
}
ul.social li a.linkedin-icon:active {
opacity: 0.5;
}
ul.social li a.linkedin-icon:focus {
opacity: 0.5;
}
.has-blue-color,
.has-blue-color:visited {
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
<?php
/**
* The template for displaying the footer
*
* Contains the closing of the #content div and all content after
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
$container = get_theme_mod( 'understrap_container_type' );
?>
<?php get_template_part( 'sidebar-templates/sidebar', 'footerfull' ); ?>
<div class="wrapper" id="wrapper-footer">
<div class="<?php echo esc_attr( $container ); ?>">
<div class="row">
<div class="col-md-12">
<footer class="site-footer" id="colophon">
<div class="site-info">
<?php dynamic_sidebar( 'footerfull' ); ?>
</div><!-- .site-info -->
</footer><!-- #colophon -->
</div><!--col end -->
</div><!-- row end -->
</div><!-- container end -->
</div><!-- wrapper end -->
</div><!-- #page we need this extra closing tag here -->
<?php wp_footer(); ?>
</body>
</html>
......@@ -87,3 +87,42 @@ function understrap_child_customize_controls_js() {
);
}
add_action( 'customize_controls_enqueue_scripts', 'understrap_child_customize_controls_js' );
add_filter( 'wpcf7_validate_email*', 'custom_email_confirmation_validation_filter', 20, 2 );
function custom_email_confirmation_validation_filter( $result, $tag ) {
if ( 'confirm-email' == $tag->name ) {
$your_email = isset( $_POST['your-email'] ) ? trim( $_POST['your-email'] ) : '';
$your_email_confirm = isset( $_POST['confirm-email'] ) ? trim( $_POST['confirm-email'] ) : '';
if ( $your_email != $your_email_confirm ) {
$result->invalidate( $tag, "Are you sure this is the correct address?" );
}
}
return $result;
}
function get_template_directory_child() {
$directory_template = get_template_directory_uri();
$directory_child = str_replace('understrap', '', $directory_template) . 'child-understrap';
return $directory_child;
}
function filter_wpcf7_response_output( $output ){
// Replace Success CSS Class
$output = str_replace( ' wpcf7-mail-sent-ok', ' alert alert-success', $output );
return $output;
}
add_filter( 'wpcf7_form_response_output', 'filter_wpcf7_response_output', 10, 1 );
add_filter("wpcf7_ajax_json_echo", function ($response, $result) {
$response["message"] = '';
return $response;
},10,2);
......
......@@ -28,13 +28,14 @@ if ( ! function_exists( 'understrap_scripts' ) ) {
}
$css_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_styles );
wp_enqueue_style( 'fonts', get_template_directory_uri() .'fonts/fonts.css', array(), $css_version );
wp_enqueue_style( 'fonts', get_stylesheet_directory_uri() .'/fonts/fonts.css', array(), $css_version );
wp_enqueue_style( 'understrap-styles', get_template_directory_uri() . $theme_styles, array(), $css_version );
wp_enqueue_script( 'jquery' );
$js_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_scripts );
wp_enqueue_script( 'understrap-scripts', get_template_directory_uri() . $theme_scripts, array(), $js_version, true );
wp_enqueue_script( 'custom-javascript', get_stylesheet_directory_uri() .'/js/custom-javascript.js', array(), $js_version, true );
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
......
// Add your custom JS here.
jQuery( document ).ready(function($) {
$(document).on("click","#register-here",function() {
$('.wp-block-group.register').toggle();
$('.numbers-second .wp-block-column:first-child a.wp-block-button__link').toggleClass('rotated');
});
$('.wpcf7-form-control-wrap').each(function( index ) {
$(this).parent().addClass($(this).attr('class').split(' ')[1]);
});
document.addEventListener( 'wpcf7mailsent', function( event ) {
if ( '36' == event.detail.contactFormId ) {
console.log('wpcf7submit');
$('.fieldset-cf7mls-wrapper').remove();
$('.cf7mls_progress_bar').remove();
$('.thank-you').show();
}
}, false );
});
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="25.052" height="15.19" viewBox="0 0 25.052 15.19">
<path id="Path_734" data-name="Path 734" d="M23.855,189.961c.868.879,1.72,1.75,2.582,2.612q3.1,3.1,6.21,6.192a1.393,1.393,0,0,0,2.058,0c.394-.4.8-.8,1.2-1.2a1.364,1.364,0,0,0-.008-2.042q-2.793-2.792-5.584-5.585-2.708-2.711-5.413-5.424a1.511,1.511,0,0,0-1.013-.483,1.442,1.442,0,0,0-1.114.481q-2.089,2.1-4.18,4.191-2.844,2.847-5.69,5.692c-.387.387-.776.773-1.161,1.162a1.356,1.356,0,0,0,.014,2q.594.592,1.186,1.186a1.391,1.391,0,0,0,2.088,0l5.037-5.018,3.648-3.632C23.748,190.062,23.785,190.028,23.855,189.961Z" transform="translate(-11.305 -184.028)" fill="#fff"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="170.599" height="35.509" viewBox="0 0 170.599 35.509">
<g id="Group_1051" data-name="Group 1051" transform="translate(-1130.401 -2344)">
<g id="Group_1050" data-name="Group 1050">
<g id="Component_29_7" data-name="Component 29 – 7" transform="translate(1130.401 2344)">
<path id="Path_1300" data-name="Path 1300" d="M443.182,471.342v35.509h35.509V471.342Zm24.407,14.342q.009.221.009.444a9.76,9.76,0,0,1-15.025,8.225,6.952,6.952,0,0,0,5.081-1.422,3.434,3.434,0,0,1-3.206-2.383,3.443,3.443,0,0,0,1.55-.06,3.434,3.434,0,0,1-2.754-3.366v-.042a3.427,3.427,0,0,0,1.556.429,3.44,3.44,0,0,1-1.063-4.584,9.745,9.745,0,0,0,7.074,3.587,3.434,3.434,0,0,1,5.848-3.131,6.854,6.854,0,0,0,2.18-.831,3.443,3.443,0,0,1-1.509,1.9,6.828,6.828,0,0,0,1.971-.541A6.953,6.953,0,0,1,467.589,485.684Z" transform="translate(-443.182 -471.342)" fill="#fff"/>
</g>
<g id="Component_30_7" data-name="Component 30 – 7" transform="translate(1175.431 2344)">
<path id="Path_1301" data-name="Path 1301" d="M488.212,471.342v35.509h35.509V471.342Zm21.442,14.927-.192,2.5H506.9v8.681h-3.237v-8.681h-1.726v-2.5h1.726v-1.678a4.478,4.478,0,0,1,.557-2.588,3.07,3.07,0,0,1,2.68-1.258,10.872,10.872,0,0,1,3.1.31l-.432,2.558a5.825,5.825,0,0,0-1.391-.208c-.671,0-1.272.241-1.272.912v1.952Z" transform="translate(-488.212 -471.342)" fill="#fff"/>
</g>
<g id="Component_31_7" data-name="Component 31 – 7" transform="translate(1220.461 2344)">
<path id="Path_1302" data-name="Path 1302" d="M594.311,492.316l5.467-3.211-5.467-3.212Z" transform="translate(-578.273 -471.342)" fill="#fff"/>
<path id="Path_1303" data-name="Path 1303" d="M578.273,471.342v35.509h35.509V471.342Zm26.613,20.74a2.819,2.819,0,0,1-2.878,2.879H591.063a2.819,2.819,0,0,1-2.876-2.879V486.11a2.817,2.817,0,0,1,2.876-2.878h10.945a2.819,2.819,0,0,1,2.878,2.878Z" transform="translate(-578.273 -471.342)" fill="#fff"/>
</g>
<g id="Component_32_7" data-name="Component 32 – 7" transform="translate(1265.491 2344)">
<path id="Path_1304" data-name="Path 1304" d="M623.3,471.342v35.509h35.509V471.342Zm14.62,24.273h-3.256V485.2h3.256Zm-1.711-11.722h-.024a1.807,1.807,0,0,1-1.942-1.8,1.984,1.984,0,1,1,1.966,1.8Zm14.734,11.722h-3.691v-5.391c0-1.411-.577-2.374-1.847-2.374a1.863,1.863,0,0,0-1.762,1.276,2.4,2.4,0,0,0-.08.851v5.638h-3.657s.048-9.551,0-10.418h3.657v1.634a3.337,3.337,0,0,1,3.25-1.735c2.312,0,4.13,1.5,4.13,4.726Z" transform="translate(-623.303 -471.342)" fill="#fff"/>
</g>
</g>
</g>
</svg>
// Add your custom JS here.
\ No newline at end of file
......@@ -9,7 +9,8 @@
// Any additional imported files //
@import "theme/child_theme"; // <------- Add your styles into this file
@import "theme/numbers"; // <------- Add your styles into this file
@import "theme/numbers";
@import "theme/footer"; // <------- Add your styles into this file
@import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes.
@import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
@import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support
\ No newline at end of file
......
#wrapper-footer{
background-color:#012169;
height: 273px;
@media screen and (max-width: 768px) {
height: 245px;
}
a{
color: #fff;
}
}
.footer-widget{
p{
position: relative;
right: 0px;
text-align: right;
margin-top:0px;
color: #fff;
@media screen and (max-width: 768px) {
text-align: left;
}
}
}
div.social{
position: relative;
right: 0px;
top:40px;
width: 300px;
display: block;
float: right;
@media screen and (max-width: 768px) {
float: left;
}
}
ul.social {
list-style-position: inside;
text-align: right;
margin-top:0px ;
margin-bottom: 0rem !important;
@media screen and (max-width: 768px) {
text-align: left;
padding-left:0px !important;
margin-bottom: 0.7rem !important;
}
li {
display: inline-block;
a {
-webkit-transition: none !important;
transition: none !important;
display: inline-block;
width: 36px !important;
height: 36px !important;
background:url(/wp-content/themes/understrap-child/src/images/social.svg) no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 400%;
box-shadow: none !important;
border: solid 0px #4A4E4F;
background-color: transparent !important;
margin-top:0px ;
margin-bottom: 0rem;
}
a.twitter-icon {
background-position: 0% 0%;
&:hover {
opacity: 0.5;
}
&:active {
opacity: 0.5;
}
&:focus {
opacity: 0.5;
}
}
a.instagram-icon {
background-position: 33% 0%;
&:hover {
opacity: 0.5;
}
&:active {
opacity: 0.5;
}
&:focus {
opacity: 0.5;
}
}
a.facebook-icon {
background-position: 66% 0%;
&:hover {
opacity: 0.5;
}
&:active {
opacity: 0.5;
}
&:focus {
opacity: 0.5;
}
}
a.linkedin-icon {
background-position: 100% 0%;
&:hover {
opacity: 0.5;
}
&:active {
opacity: 0.5;
}
&:focus {
opacity: 0.5;
}
}
}
}
\ No newline at end of file
......@@ -3,19 +3,38 @@
position: absolute;
width: 100%;
padding-top: 0rem;
@media screen and (max-width: 768px) {
position: fixed;
width: 100%;
padding-top: 0;
background-color: #fff;
padding-bottom: 0px;
z-index: 999999;
}
}
p{
font-family: 'Calibri';
font-size: 18px;
color:#5B6770;
line-height: 21px;
}
ol{
li{
font-size: 18px;
color:#5B6770;
line-height: 21px;
margin-bottom: 10px;
}
}
h2{
font-family: 'Calibri-bold';
font-size: 40px;
color: #012169;
margin-bottom: 30px;
margin-top: 20px;
text-transform: uppercase;
}
.cont{
width: 100%;
......@@ -50,10 +69,22 @@ h2{
.wrapper{
padding:0px;
margin-bottom: -16px;
position: relative;
@media screen and (max-width: 768px) {
top: 66px !important;
}
}
#full-width-page-wrapper {
overflow-x: hidden;
}
.header-image{
top: 0px !important;
@media screen and (max-width: 768px) {
top: 66px !important;
position: relative;
}
max-height: 768px;
min-height: 768px;
height: 768px;
......@@ -77,22 +108,43 @@ h2{
font-family: 'Calibri-bold';
color: #fff;
font-size: 60px;
@media (max-width: 768px){
display: none;
}
}
}
}
.numbers-top{
margin-bottom: 0em;
.wp-block-column:first-child{
h1{
font-family: 'Calibri-bold';
color: #fff;
font-size: 36px;
display: none;
@media (max-width: 768px){
display: block;
}
}
margin-left: -100%;
padding-left: 100%;
background-color: #333F48;
flex-basis: 292% !important;
padding-top: 50px;
padding-right: 50px;
@media (max-width: 600px){
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
padding-right: 15%;
}
p{
color: #fff;
font-size: 30px;
line-height: 34px;
@media (max-width: 600px){
font-size: 18px;
}
}
span{
color: #fff;
......@@ -100,6 +152,10 @@ h2{
display: block;
float: right;
margin-top: 40px;
@media (max-width: 768px){
margin-top: 10px;
margin-bottom: 30px;
}
}
}
.wp-block-column:last-child{
......@@ -111,6 +167,12 @@ h2{
padding-top: 50px;
padding-bottom: 20px;
padding-left: 50px;
@media (max-width: 600px){
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
padding-right: 15%;
}
p{
margin-top: -15px;
color: #fff;
......@@ -146,10 +208,19 @@ h2{
flex-basis: 292% !important;
padding-top: 50px;
padding-right: 50px;
p{
@media (max-width: 768px){
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
padding-right: 15%;
}
h2{
@media (max-width: 600px){
font-size: 28px;
}
}
a.wp-block-button__link {
margin-bottom: 50px;
background-color: #012169;
text-transform: uppercase;
font-family: 'Calibri-bold';
......@@ -157,6 +228,10 @@ h2{
padding: 15px 70px;
border-radius: 0px;
width: 368px;
@media (max-width: 768px){
width: 330px;
padding: 15px 20px;
}
}
a.wp-block-button__link:before {
......@@ -185,6 +260,12 @@ h2{
background-position: center;
background-image: url('/wp-content/themes/understrap-child/src/images/arrow_down.svg');
}
a.rotated.wp-block-button__link:after{
top: 10px;
background-image: url('/wp-content/themes/understrap-child/src/images/arrow_up.svg');
}
}
.wp-block-column:last-child{
......@@ -194,19 +275,26 @@ h2{
background-color: #005EB8;
flex-basis: 108%!important;
padding-top: 0px;
padding-bottom: 20px;
padding-bottom: 50px;
padding-left: 50px;
@media (max-width: 768px){
display:none;
}
.side-img{
display: block;
height: 418px;
background-repeat: no-repeat;
background-size: cover;
margin-left:-50px ;
margin-left:-50px ;
margin-right: -70%;
background-position: center;
background-image: url('/wp-content/themes/understrap-child/src/images/man.jpg');
@media (min-width: 1200px){
margin-right: -50%;
}
@media (min-width: 1200px){
margin-right: -50%;
}
@media (min-width: 1500px){
margin-right: -150%;
}
......@@ -223,13 +311,272 @@ h2{
color: #fff;
margin-bottom: 20px;
margin-top: 20px;
}
}
}
.wp-block-group.register{
background-color: #F2F2F2;
margin-left: -100%;
padding-left: 100%;
margin-right: -50%;
padding-right: 50%;
padding-top:50px;
display: none;
min-height: 600px;
@media (max-width: 768px){
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
padding-right: 15%;
}
.terms{
background-color: #fff;
padding: 20px;
height: 296px;
margin-top: 50px;
margin-bottom: 20px;
overflow: auto;
p{
line-height: 21px;
}
}
.thank-you{
display: none;
text-align: center;
max-width: 800px;
margin: auto;
margin-top: 100px;
}
.wpcf7 form.sent .wpcf7-response-output{
border: 0px #fff solid;
}
.wpcf7{
max-width: unset;
h2{
margin-bottom: 10px;
margin-left: -210px;
@media (max-width: 768px){
margin-left: 0px;
}
}
.steps{
display: none;
@media (max-width: 768px){
display: block;
margin-top: 20px;
margin-bottom: 30px;
}
}
span.required{
margin-bottom: 30px;
margin-left: -210px;
@media (max-width: 768px){
margin-left: 0px;
}
}
.wpcf7-submit,
.cf7mls_next.action-button{
background-color: #012169;
text-transform: uppercase;
font-family: 'Calibri-bold';
font-size: 20px;
padding: 5px 50px !important;
border-radius: 0px;
color: #fff;
width: unset;
}
.wpcf7-submit{
@media (max-width: 768px){
margin-top: 50px
}
}
.wpcf7 input[type=submit]:focus{
border: none;
}
label{
text-transform: uppercase;
}
.wpcf7-form-control{
border-radius: 0px;
}
label {
display: inline-block;
margin-bottom: 15px;
}
label.first-name,
label.last-name{
width: 39% !important;
margin-right: 1%;
@media (max-width: 768px){
width: 100% !important;
}
}
label.designation{
width: 20% !important;
}
label.company-address{
width: 79% !important;
margin-right: 1%;
@media (max-width: 768px){
width: 100% !important;
}
}
label.company-unit{
width: 20% !important;
@media (max-width: 768px){
width: 30% !important;
margin-right: 1%;
}
}
label.company-prov{
width: 10% !important;
margin-right: 1%;
@media (max-width: 768px){
width: 30% !important;
margin-right: 1%;
}
}
label.company-city{
width: 59% !important;
margin-right: 1%;
@media (max-width: 768px){
width: 69% !important;
margin-right: 0%;
}
}
label.company-postal{
width: 29% !important;
@media (max-width: 768px){
width: 69% !important;
margin-right: 0%;
}
}
label.your-phone,
label.confirm-email,
label.your-email{
width: 25% !important;
margin-right: 1%;
@media (max-width: 768px){
width: 100% !important;
margin-right: 0%;
}
}
label.your-phone{
@media (max-width: 768px){
width: 77% !important;
margin-right: 1%;
}
}
label.your-ext{
width: 22% !important;
}
.acceptance-548{
text-transform:none;
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after, .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after {
position: absolute;
top: 10px;
left: 100%;
display: block;
width: 2px;
height: 100px;
background: #707070;
content: "";
margin-left: 17px;
overflow: visible;
}
}
}
.fieldset-cf7mls-wrapper{
overflow:visible;
}
.cf7mls_progress_bar{
width: 18%!important;
margin: 0!important;
margin-top: 150px !important;
display: inline-block!important;
vertical-align: top;
@media (max-width: 768px){
display: none!important;
margin-top: 0px !important;
}
}
.fieldset-cf7mls-wrapper{
width: 80% !important;
display: inline-block !important;
@media (max-width: 768px){
width: 100% !important;
display: block!important;
}
}
.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li, .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li{
display: block !important;
margin-bottom: 50px;
overflow: visible !important;
}
.wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after, .wp-block-group.register .wpcf7 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after{
position: absolute;
top: 22px;
left: 0%;
display: block;
width: 2px;
height:60px;
background: #707070;
content: "";
margin-left: -30px;
overflow: visible;
}
.cf7_mls_steps_item:nth-of-type(2) .cf7mls_progress_bar_title:after {
display: none !important;
}
.cf7_mls_check,
.cf7_mls_count_step{
display: none !important;
}
.cf7_mls_steps_item_icon{
width: 21px;
height: 21px;
}
.cf7_mls_steps_item:not(.active){
.cf7mls_progress_bar_title{
display: none;
}
.cf7_mls_steps_item_icon{
border: 2px #707070 solid;
}
}
.cf7mls-steps-item-finish{
.cf7mls_progress_bar_title{
color: #f2f2f2 !important;
}
.cf7_mls_steps_item_icon{
}
.cf7_mls_steps_item_icon{
border: 2px #707070 solid;
}
}
.cf7mls_number_step_wrap{
display: none !important;
}
#wrapper-footer{
background-color:#012169;
height: 273px;
}
\ No newline at end of file
......
......@@ -5,7 +5,7 @@
Author: the Understrap Contributors
Author URI: https://github.com/understrap/understrap-child/graphs/contributors
Template: understrap
Version: 1.1.0
Version: 1.1.02
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap-child
......
......@@ -22,7 +22,7 @@ $container = get_theme_mod( 'understrap_container_type' );
<div class="row">
<?php dynamic_sidebar( 'footerfull' ); ?>
</div>
......