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 7341 additions and 12 deletions
No preview for this file type
No preview for this file type
1 Hello,
2 <br><br>
3 Thanks for purchasing our product.
4 <br><br>
5 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>
6 <br><br>
7 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>
8 <br><br>
9 Best regards,<br>
10 Tommy<br>
11 Ninja Team Support
...\ No newline at end of file ...\ No newline at end of file
1 GNU GENERAL PUBLIC LICENSE
2 Version 2, June 1991
3
4 Copyright (C) 1989, 1991 Free Software Foundation, Inc.
5 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
6
7 Everyone is permitted to copy and distribute verbatim copies
8 of this license document, but changing it is not allowed.
9
10 Preamble
11
12 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.
13
14 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.
15
16 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.
17
18 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.
19
20 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.
21
22 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.
23
24 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.
25
26 The precise terms and conditions for copying, distribution and modification follow.
27 TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
28
29 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".
30
31 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.
32
33 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.
34
35 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.
36
37 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:
38
39 a) You must cause the modified files to carry prominent notices stating that you changed the files and the date of any change.
40 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.
41 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.)
42
43 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.
44
45 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.
46
47 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.
48
49 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:
50
51 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,
52 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,
53 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.)
54
55 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.
56
57 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.
58
59 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.
60
61 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.
62
63 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.
64
65 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.
66
67 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.
68
69 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.
70
71 This section is intended to make thoroughly clear what is believed to be a consequence of the rest of this License.
72
73 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.
74
75 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.
76
77 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.
78
79 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.
80
81 NO WARRANTY
82
83 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.
84
85 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 ...\ No newline at end of file
1 This theme or plugin is comprised of two parts.
2
3 (1) the PHP code and integrated HTML are licensed under the General Public
4 License (GPL). You will find a copy of the GPL in the same directory as this
5 text file.
6
7 (2) All other parts, but not limited to the CSS code, images, and design are
8 licensed according to the terms of your purchased license.
9
10 Read more about licensing here: http://themeforest.net/licenses
1 *, :after, :before {
2 box-sizing: initial;
3 }
4 body{
5 line-height: unset;
6 background-color: #f1f1f1;
7 }
8 .njt-cf7mls-modal-content .njt-cf7mls-modal-close .njt-cf7mls-modal-close-x i::before {
9 display: none !important;
10 }
11 .cf7mls-table .wp-picker-holder {
12 position: absolute;
13 z-index: 100;
14 }
15 #contact-form-editor .contact-form-editor-panel fieldset legend {
16 font-size: 14px;
17 }
18 a[class^="thickbox"][href$="cf7mls_step"] {
19 display: none;
20 }
21 #cf7mls-progress-bar .wp-picker-container .button,
22 #cf7mls_multi_step_wrap .wp-picker-container .button {
23 /* padding-right: 0px;
24 margin-right: 0px; */
25 }
26 /* ========= start form ========= */
27 .cf7mls-app-step-content .cf7mls-app-wrap-bt {
28 padding: 3px 0px;
29 }
30 .cf7mls-app-step-content .cf7mls-app-wrap-bt .hide {
31 display: none !important;
32 }
33 .cf7mls-wrap-form #cf7mls-app {
34 margin-bottom: 12px;
35 }
36 #contact-form-editor .contact-form-editor-panel {
37 padding: 16px 28px !important;
38 }
39 #contact-form-editor .contact-form-editor-panel .cf7mls-title-form {
40 height: 21px;
41 font-size: 18px;
42 color: #23282d;
43 margin-top: 0;
44 }
45 .cf7mls-wrap-form .cf7mls-description-form {
46 font-size: 13px;
47 color: #23282d;
48 padding-bottom: 4px;
49 }
50 .cf7mls-wrap-form .cf7mls-description-form a {
51 text-decoration: none;
52 }
53 .cf7mls-wrap-form #tag-generator-list a.button {
54 line-height: 27px;
55 }
56 .cf7mls-wrap-form .cf7mls-app-content {
57 display: inline-block;
58 padding: 20px 10px 26px 0px;
59 }
60 .cf7mls-wrap-form .cf7mls-app-content p {
61 padding: 0px;
62 height: 15px;
63 font-size: 13px;
64 font-style: normal;
65 color: #23282d;
66 }
67 .cf7mls-wrap-form .cf7mls-app-content input {
68 width: 245px;
69 height: 35px;
70 border-radius: 3px;
71 border: solid 1px #7f8993;
72 background-color: #ffffff;
73 }
74 .cf7mls-wrap-form .cf7mls-app-steps .nav-tab-active + a {
75 background-color: #fff;
76 }
77 @media only screen and (max-width: 1024px) {
78 .cf7mls-wrap-form .cf7mls-app-content input {
79 width: 100%;
80 }
81 }
82 #cf7mls-settings-panel .wp-picker-holder,
83 #cf7mls-progress-bar .wp-picker-holder {
84 position: absolute;
85 z-index: 100;
86 }
87 /* ========= end ========= */
88
89 /* ========= start multi step setting ========= */
90 #cf7mls-settings-panel .cf7mls_multi_step_wrap .cf7mls-title {
91 font-weight: bold;
92 }
93 #cf7mls-settings-panel .cf7mls_multi_step_wrap .cf7mls-title-color {
94 padding-bottom: 14px;
95 padding-bottom: 14px;
96 font-size: 18px;
97 line-height: 3.94;
98 color: #23282d;
99 margin: -13px 0px;
100 margin-top: -30px;
101 padding: 0px;
102 }
103 #cf7mls-settings-panel .cf7mls_multi_step_wrap .cf7mls-color-caption {
104 padding-bottom: 21px;
105 }
106 #cf7mls-settings-panel .cf7mls-group-color-bt-back p.cf7mls-title,
107 #cf7mls-settings-panel .cf7mls-group-color-bt-next p.cf7mls-title {
108 font-size: 14px;
109 font-weight: 500;
110 color: #23282d;
111 margin-bottom: -3px;
112 }
113 #cf7mls-settings-panel .cf7mls-group-color-bt-back,
114 #cf7mls-settings-panel .cf7mls-group-color-bt-next {
115 float: left;
116 width: 260px;
117 }
118 #cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-bg-color,
119 #cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-bg-color {
120 float: left;
121 width: 40%;
122 margin-right: 60px;
123 }
124 #cf7mls-settings-panel .cf7mls-wrap-text-color .cf7mls-label,
125 #cf7mls-settings-panel .cf7mls-wrap-text-color .cf7mls-label
126 #cf7mls-settings-panel .cf7mls-wrap-bg-color .cf7mls-label,
127 #cf7mls-settings-panel .cf7mls-wrap-bg-color .cf7mls-label{
128 margin: 1em 0px 5px 0px;
129 }
130 #cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-text-color,
131 #cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-text-color {
132 float: left;
133 }
134 #cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-text-color button.button,
135 #cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-text-color button.button,
136 #cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-bg-color button.button,
137 #cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-bg-color button.button {
138 padding: 0 0 0 36px;
139 border-radius: 4px;
140 }
141
142 #cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-text-color span.wp-picker-input-wrap,
143 #cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-text-color span.wp-picker-input-wrap,
144 #cf7mls-settings-panel .cf7mls-group-color-bt-back .cf7mls-wrap-bg-color span.wp-picker-input-wrap,
145 #cf7mls-settings-panel .cf7mls-group-color-bt-next .cf7mls-wrap-bg-color span.wp-picker-input-wrap,
146 #cf7mls-progress-bar .cf7mls-group-color-bt-next .cf7mls-wrap-bg-color span.wp-picker-input-wrap {
147 position: absolute;
148 }
149
150 #cf7mls-settings-panel .cf7mls-auto-scroll-wrap h2,
151 #cf7mls-settings-panel .cf7mls-transition-effects-wrap h2 {
152 float: left;
153 }
154 #cf7mls-settings-panel .cf7mls-auto-scroll-wrap .cf7mls-auto-scroll-title-wrap,
155 #cf7mls-settings-panel .cf7mls-transition-effects-wrap .cf7mls-transition-effects-wrap-title {
156 width: 136px;
157 }
158 #cf7mls-settings-panel .cf7mls-auto-scroll-wrap .cf7mls-auto-scroll-title {
159 font-size: 14px;
160 font-weight: 500;
161 color: #23282d;
162 }
163 #cf7mls-settings-panel .cf7mls-auto-scroll-wrap img{
164 display: block;
165 margin-top: 14px;
166 float: left;
167 margin-left: 8px;
168 }
169 #cf7mls-settings-panel .cf7mls-auto-scroll-wrap {
170 width: 250px;
171 margin-top: 31px;
172 overflow: hidden;
173 }
174 #cf7mls-settings-panel .cf7mls-transition-effects-wrap {
175 width: 250px;
176 margin-top: 20px;
177 overflow: hidden;
178 }
179 #cf7mls-settings-panel .cf7mls-transition-effects-wrap h2 {
180 font-size: 14px !important;
181 font-weight: 500 !important;
182 text-align: left;
183 line-height: normal !important;
184 color: #23282d;
185 }
186 #cf7mls-settings-panel .cf7mls-stype-transition-wrap {
187 float: left;
188 width: 100%;
189 margin-top: 27px;
190 }
191 #cf7mls-settings-panel .cf7mls_select_stype_transition {
192 clear: both;
193 padding-top: 4px;
194 font-size: 14px;
195 color: #23282d;
196 padding-bottom: 14px;
197 }
198 #cf7mls-settings-panel #cf7mls_select_stype_transition {
199 min-width: 250px;
200 }
201
202 /* ========= end ========= */
203
204 /* ========= start Progress Bar ========= */
205 #cf7mls-progress-bar .cf7mls_pogress_bar_wrap h2 {
206 font-size: 15px !important;
207 color: #23282d;
208 }
209 #cf7mls-progress-bar .cf7mls_pogress_bar_wrap {
210 margin-top: -20px;
211 float: left;
212 width: 35%;
213 }
214 #cf7mls-progress-bar {
215 overflow: hidden;
216 }
217 #cf7mls-progress-bar #cf7_mls_list_step_name_wrap {
218 display: none;
219 }
220 #cf7mls-progress-bar .cf7mls-group-pogress-bar {
221 }
222 #cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap {
223 margin-top: 26px;
224 margin-bottom: 26px;
225 }
226 #cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap,
227 #cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls-pogress-bar {
228 overflow: hidden;
229 }
230 #cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls-wrap-switch {
231 margin-right: 6px;
232 float: right;
233 }
234 #cf7mls-progress-bar .cf7mls-title-pogress-bar {
235 font-size: 15px !important;
236 color: #23282d !important;
237 float: left;
238 margin-top: 4px;
239 }
240 #cf7mls-progress-bar .cf7mls_progress_bar_filter, #cf7mls-progress-bar .cf7mls_bg_color_wrap h2{
241 float: left;
242 }
243 #cf7mls-progress-bar .cf7mls_bg_color_wrap h2 {
244 font-size: 15px !important;
245 color: #23282d;
246 margin-top: 5px !important;
247 }
248 #cf7mls-progress-bar .cf7mls_style_progess_bar_wrap {
249 position: relative;
250 }
251 #cf7mls_progress_bar_style,
252 #cf7mls_progress_bar_icon_style {
253 display: block;
254 width: 100%;
255 height: 35px;
256 margin-bottom: 35px;
257 border-color: #7f8993;
258 max-width: 100%;
259 }
260 #cf7mls_progress_bar_icon_style[disabled=disabled] {
261 cursor: not-allowed;
262 }
263 #cf7mls-progress-bar .cf7mls-select-style-text {
264 padding-bottom: 50px;
265 overflow: hidden;
266 border-bottom: 1px solid #e3e3e3;
267 display: flex;
268 }
269 #cf7mls-progress-bar .cf7mls-select-style-text .cf7mls-style-text-wrap {
270 width: 33%;
271 text-align: center;
272 background: #fff;
273 border: 1px solid #e6e6e6;
274 float: left;
275 cursor: pointer;
276 }
277 #cf7mls-progress-bar .cf7mls-select-style-text .cf7mls-style-text {
278 color: #5c5d5f;
279 padding: 8px 10px 8px 10px;
280 line-height: 0;
281 font-size: 15px;
282 font-weight: normal;
283 margin: 1em 0;
284 }
285 #cf7mls-progress-bar .cf7mls-select-style-text .active {
286 border: 1px solid #396e8f;
287 color: #396a84;
288 }
289 #cf7mls-progress-bar .cf7mls-select-style-text .active p {
290 color: #396a84;
291 }
292 #cf7mls-progress-bar .cf7mls-style-text-wrap:hover p {
293 color: #396a84;
294 }
295 #cf7mls-progress-bar .cf7mls-select-style-text div[data-style-text=horizontal] {
296 border-radius: 4px 0px 0px 4px;
297 }
298 #cf7mls-progress-bar .cf7mls-select-style-text div[data-style-text=no] {
299 border-radius: 0px 4px 4px 0px;
300 }
301 #cf7mls-progress-bar .cf7mls-pogress-bar-percent {overflow: hidden;padding-bottom:25px;margin-top: 25px;border-bottom: 1px solid #e3e3e3;}
302 #cf7mls-progress-bar .cf7mls-pogress-bar-percent .cf7mls-title-pogress-bar-percent {font-size: 15px !important;color: #23282d !important;float: left;}
303 #cf7mls-progress-bar .cf7mls-pogress-bar-percent .cf7mls-wrap-switch {
304 }
305 #cf7mls-progress-bar .cf7mls-pogress-bar-percent .cf7mls_bg_color_wrap {
306 clear: both;
307 padding-top: 45px;
308 }
309 #cf7mls-progress-bar .cf7mls-pogress-bar-percent .cf7mls_bg_color_wrap {
310 margin: 0px;
311 }
312 #cf7mls-progress-bar .cf7mls-pogress-bar-percent .wp-picker-container {
313 padding-top: 4px;
314 }
315 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap .cf7mls-allow-choose-step {
316 float: left;
317 margin-right: 10px;
318 }
319 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap .cf7mls-allow-choose-step input {
320 width: 18px;
321 height: 18px;
322 }
323 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap .cf7mls-allow-choose-step input:checked {
324 }
325 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap .cf7mls-text {
326 font-size: 15px;
327 font-weight: normal;
328 font-stretch: normal;
329 font-style: normal;
330 line-height: 1.62;
331 letter-spacing: normal;
332 text-align: left;
333 color: #23282d;
334 float: left;
335 margin: 0px;
336 padding: 0px;
337 }
338 #cf7mls-progress-bar .cf7mls_bt_wrap {
339 overflow: hidden;
340 }
341 /* #cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
342 margin-top: 20px;
343 width: 63%;
344 } */
345 #cf7mls-progress-bar .wp-picker-container {
346 float: right;
347 padding: 0px;
348 margin: 0px 1px 0px 0px;
349 }
350 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap {padding-top: 25px; padding-bottom: 25px;}
351 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap label {
352 position: relative;
353 min-height: 34px;
354 /* display: block; */
355 padding-left: 40px;
356 margin-bottom: 0;
357 cursor: text;
358 }
359 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap span.cf7mls-allow-choose-step-text{
360 position: absolute;
361 /* top: 50%;
362 transform: translateY(-50%);
363 -webkit-transform: translateY(-50%);
364 -ms-transform: translateY(-50%);
365 -moz-transform: translateY(-50%); */
366 margin-top: 9px;
367 }
368 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap label:before {
369 content: '';
370 position: absolute;
371 left: 0;
372 top: 0;
373 margin: 4px;
374 width: 22px;
375 height: 22px;
376 transition: transform 0.28s ease;
377 border-radius: 3px;
378 border: 1px solid #d9d9d9;
379 cursor: pointer;
380 }
381 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap label[data-checked=on]:before {
382 background: #0073aa;
383 border: 1px solid #0073aa;
384 }
385 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap label:after {
386 content: '';
387 display: block;
388 width: 10px;
389 height: 5px;
390 border-bottom: 2px solid #fff;
391 border-left: 2px solid #fff;
392 transform: rotate(-45deg) scale(0);
393 -webkit-transform: rotate(-45deg) scale(0);
394 -ms-transform: rotate(-45deg) scale(0);
395 -moz-transform: rotate(-45deg) scale(0);
396 transition: transform ease 0.25s;
397 position: absolute;
398 top: 12px;
399 left: 10px;
400 cursor: pointer;
401 }
402 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap input[type="checkbox"]:checked ~ label:after {
403 transform: rotate(-45deg) scale(1);
404 -webkit-transform: rotate(-45deg) scale(1);
405 -ms-transform: rotate(-45deg) scale(1);
406 -moz-transform: rotate(-45deg) scale(1);
407 }
408 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap input {
409 display: none;
410 }
411 /* ========= end ========= */
412
413 /* ========= start css for switch ========= */
414 .cf7mls_multi_step_wrap .cf7mls-wrap-switch,
415 #cf7mls-progress-bar .cf7mls-wrap-switch {
416 float: right;
417 margin-top: 8px;
418 }
419 #cf7mls-settings-panel .cf7mls_switch,
420 #cf7mls-progress-bar .cf7mls_switch {
421 position: relative;
422 display: inline-block;
423 width: 40px;
424 height: 20px;
425 }
426 #cf7mls-settings-panel .cf7mls_switch input,
427 #cf7mls-progress-bar .cf7mls_switch input {
428 opacity: 0;
429 width: 0;
430 height: 0;
431 }
432 #cf7mls-settings-panel .cf7mls_switch .cf7mls_slider,
433 #cf7mls-progress-bar .cf7mls_switch .cf7mls_slider {
434 position: absolute;
435 cursor: pointer;
436 top: 0;
437 left: 0;
438 right: 0;
439 bottom: 0;
440 background-color: #ccc;
441 -webkit-transition: .4s;
442 transition: .4s;
443 }
444 #cf7mls-settings-panel .cf7mls_switch .cf7mls_slider:before,
445 #cf7mls-progress-bar .cf7mls_switch .cf7mls_slider:before{
446 position: absolute;
447 content: "";
448 height: 27px;
449 width: 27px;
450 bottom: 4px;
451 background-color: white;
452 -webkit-transition: .4s;
453 transition: .4s;
454 top: 2px;
455 left: 2px;
456 }
457 #cf7mls-settings-panel .cf7mls_switch input:checked + .cf7mls_slider,
458 #cf7mls-progress-bar .cf7mls_switch input:checked + .cf7mls_slider {
459 background-color: #0073aa;
460 }
461 #cf7mls-settings-panel .cf7mls_switch input:focus + .cf7mls_slider,
462 #cf7mls-progress-bar .cf7mls_switch input:focus + .cf7mls_slider {
463 /* box-shadow: 0 0 1px #2196F3; */
464 }
465 #cf7mls-settings-panel .cf7mls_switch input:checked + .cf7mls_slider:before,
466 #cf7mls-progress-bar .cf7mls_switch input:checked + .cf7mls_slider:before {
467 -webkit-transform: translateX(26px);
468 -ms-transform: translateX(26px);
469 transform: translateX(26px);
470 left: -4px;
471
472 }
473 #cf7mls-settings-panel .cf7mls_switch .cf7mls_round,
474 #cf7mls-progress-bar .cf7mls_switch .cf7mls_round {
475 border-radius: 34px;
476 height: 20px;
477 width: 40px;
478 }
479 #cf7mls-settings-panel .cf7mls_switch .cf7mls_round:before,
480 #cf7mls-progress-bar .cf7mls_switch .cf7mls_round:before {
481 border-radius: 50%;
482 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
483 height: 16px;
484 width: 16px;
485 }
486
487 /* ========= end ========= */
488
489 /* ========= tooltip ========= */
490 #cf7mls-settings-panel .cf7mls-tooltip {
491 position: absolute;
492 cursor: auto;
493 }
494 #cf7mls-settings-panel .cf7mls-tooltip:hover:after {
495 display: block;
496 -webkit-justify-content: center;
497 justify-content: center;
498 content: attr(tooltip);
499 padding: 12px 10px;
500 background-color: #23282d;
501 width: 255px;
502 font-size: 13px;
503 font-style: normal;
504 line-height: 1.38;
505 text-align: left;
506 color: #ffffff;
507 margin-top: 42px;
508 position: absolute;
509 z-index: 99;
510 }
511 #cf7mls-settings-panel .cf7mls-tooltip:hover:before {
512 border: solid;
513 border-color: #23282d transparent;
514 border-width: 0px 6px 8px 6px;
515 content: "";
516 position: absolute;
517 top: 35px;
518 left: 6px;
519 }
520 #cf7mls-progress-bar .cf7mls-tooltip:hover:after {
521 display: block;
522 -webkit-justify-content: center;
523 justify-content: center;
524 content: attr(tooltip);
525 padding: 12px 10px;
526 font-size: 13px;
527 font-style: normal;
528 line-height: 1.38;
529 text-align: left;
530 color: #ffffff;
531 margin-top: -30px;
532 position: absolute;
533 z-index: 99;
534 width: 199px;
535 background-color: #23282d;
536 margin-left: 30px;
537 }
538 #cf7mls-progress-bar .cf7mls-tooltip {
539 padding-top: 2px;
540 padding-left: 6px;
541 position: absolute;
542 cursor: default;
543 }
544 #cf7mls-progress-bar .cf7mls-tooltip img{
545 vertical-align: unset;
546 }
547 #cf7mls-progress-bar .cf7mls-tooltip:hover:before{
548 border: solid;
549 border-color: #23282d transparent;
550 content: "";
551 position: absolute;
552 top: 3px;
553 left: 24px;
554 border-top: 8px solid transparent;
555 border-right: 12px solid #23282d;
556 border-bottom: 10px solid transparent;
557 }
558
559 /* ========= end ========= */
560
561 /* ========= start preview ========= */
562 #cf7mls-progress-bar .cf7mls_preview {
563 float: left;
564 width: 65%;
565 margin-top: 35px;
566 }
567 #cf7mls-progress-bar .cf7mls_browser {
568 overflow: hidden;
569 border-radius: 7px;
570 box-shadow: 0 1px 0 0 #e3e3e3;
571 background-color: #ffffff;
572 margin: 0 auto;
573 padding-bottom: 34px;
574 margin-left: 100px;
575 width: 80%;
576 }
577 #cf7mls-progress-bar .cf7mls_circle_wrap {
578 height: 50px;
579 background-color: #e5f1f6;
580 line-height: 57px;
581 padding-left: 22px;
582 border-radius: 7px 7px 0px 0px;
583 }
584 #cf7mls-progress-bar .cf7mls_circle {
585 border-radius: 50%;
586 margin-right: 6px;
587 display: inline-block;
588 width: 16px;
589 height: 16px;
590 background-color: rgba(0, 115, 170, 0.2);
591 }
592 #cf7mls-progress-bar .cf7mls_red_circle {
593 border-color: #E44054;
594 }
595 #cf7mls-progress-bar .cf7mls_yellow_circle {
596 border-color: #FFE372
597 }
598 #cf7mls-progress-bar .cf7mls_green_circle {
599 border-color: #7ED321
600 }
601 #cf7mls-progress-bar .cf7mls_block {
602 margin: 0 auto;
603 width: 90%;
604 }
605 #cf7mls-progress-bar .cf7mls_form_demo_one {
606 width: 100%;
607 height: 45px;
608 border-radius: 3px;
609 background-color: #f3f5f6;
610 margin-top: 5px;
611 }
612 #cf7mls-progress-bar .cf7mls_form_demo_two {
613 width: 100%;
614 height: 45px;
615 border-radius: 3px;
616 margin-top: 30px;
617 background-color: #f3f5f6;
618 }
619 #cf7mls-progress-bar .cf7mls_form_textarea_demo {
620 margin-top: 30px;
621 width: 100%;
622 height: 160px;
623 border-radius: 3px;
624 background-color: #f3f5f6;
625 }
626 #cf7mls-progress-bar .cf7mls_back_demo {
627 width: 100px;
628 height: 45px;
629 border-radius: 3px;
630 background-color: #e3e3e3;
631 margin-top: 30px;
632 float: left;
633 font-size: 14px;
634 font-weight: 500;
635 text-align: center;
636 color: #23282d;
637 line-height: 47px;
638 float: left;
639 }
640 #cf7mls-progress-bar .cf7mls_next_demo {
641 width: 100px;
642 height: 45px;
643 border-radius: 3px;
644 background-color: #0073aa;
645 line-height: 47px;
646 font-size: 14px;
647 font-weight: 500;
648 color: #ffffff;
649 margin-top: 30px;
650 text-align: center;
651 float: left;
652 margin-left: 10px;
653 float: right;
654 }
655 #cf7mls-progress-bar .cf7mls_preview .cf7mls_note {
656 font-size: 13px;
657 font-style: italic;
658 color: #23282d;
659 width: 67%;
660 margin: 0 auto;
661 padding-top: 18px;
662 }
663
664 /* ========= end ========= */
665
666 #cf7mls-progress-bar .hide {
667 display: none !important;
668 }
669
670 @media only screen and (max-width: 1024px) {
671 #cf7mls-progress-bar .cf7mls_preview {
672 float: none;
673 width: 100%;
674 }
675 #cf7mls-progress-bar .cf7mls_pogress_bar_wrap {
676 float: none;
677 width: 100%;
678 }
679 #cf7mls-progress-bar .cf7mls_browser {
680 width: 100%;
681 margin-top: 70px;
682 margin-left: 0;
683 }
684 /* #cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
685 width: 39%;
686 } */
687 #cf7mls-progress-bar .cf7mls_bt_wrap {
688 /* width: 53%; */
689 }
690 #cf7mls-progress-bar .cf7mls_bg_color_wrap h2 {
691 width: 100%;
692 }
693 #cf7mls-progress-bar .cf7mls_preview .cf7mls_note {
694 width: 100%;
695 }
696 #cf7mls-progress-bar .cf7mls-allow-choose-step-wrap .cf7mls-allow-choose-step input {
697 width: auto;
698 height: auto;
699 }
700 #cf7mls-progress-bar .cf7mls-select-style-text .cf7mls-style-text-wrap {
701 width: 32%;
702 }
703
704 }
705
706 @media only screen and (min-width: 1025px) and (max-width: 1366px) {
707 #cf7mls-progress-bar .cf7mls_pogress_bar_wrap {
708 width: 85%;
709 }
710 #cf7mls-progress-bar .cf7mls_preview {
711 width: 100%;
712 margin-top: 50px;
713 }
714 /* #cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
715 width: 45%;
716 } */
717 #cf7mls-progress-bar .cf7mls_bt_wrap {
718 /* width: 46%; */
719 }
720 }
721 @media only screen and (min-width: 1280px) and (max-width: 1300px){
722 #cf7mls-progress-bar .cf7mls_bt_wrap {
723 /* width: 51%; */
724 }
725 /* #cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
726 width: 40%;
727 } */
728 }
729 @media only screen and (max-width: 415px) {
730 #cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls-wrap-switch {
731 margin-left: 0px;
732 clear: both;
733 }
734 #cf7mls-progress-bar .cf7mls-group-pogress-bar .cf7mls-wrap-switch {
735 margin-left: 0px;
736 float: left;
737 }
738 #cf7mls-progress-bar .cf7mls-select-style-text .cf7mls-style-text-wrap {
739 width: 97% !important;
740 }
741 #cf7mls-progress-bar .cf7mls_bt_wrap {
742 /* width: 100%; */
743 }
744 #cf7mls-progress-bar .cf7mls-tooltip:hover:after {
745 width: 116px;
746 }
747 #cf7mls-settings-panel .cf7mls-tooltip:hover:after {
748 width: 130px;
749 }
750 #cf7mls-progress-bar .wp-picker-container {
751 float: left;
752 }
753 #cf7mls-progress-bar .cf7mls-select-style-text {
754 display: block;
755 }
756 }
757 @media only screen and (min-width: 1301px) and (max-width: 1440px) {
758 #cf7mls-progress-bar .cf7mls_pogress_bar_wrap {
759 width: 100%;
760 }
761 #cf7mls-progress-bar .cf7mls_preview {
762 width: 100%;
763 }
764 }
765
766 @media only screen and (min-width: 1280px) and (max-width: 1600px){
767 #cf7mls-progress-bar .cf7mls-select-style-text {
768 display: block
769 }
770 #cf7mls-progress-bar .cf7mls-select-style-text .cf7mls-style-text-wrap {
771 width: 99%;
772 }
773 }
774
775 /* ============ Start Moana Support ============ */
776 .moana_design_btn_wrap {
777 display: none;
778 }
779 /* ============ End ============ */
780
781 .cf7mls-remove-step:hover {
782 color: #dd3333;
783 }
...\ No newline at end of file ...\ No newline at end of file
1 <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">
2 <metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
3 <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>
4 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 (function($) {
2 jQuery(document).ready(function($) {
3 jQuery(".cf7mls-color-field").wpColorPicker();
4
5 jQuery('#cf7mls-progress-bar .cf7mls_progress_bar_filter').wpColorPicker(
6 {
7 change: function(event, ui){
8 // Change background color progress bar
9 let color = ui.color.toString();
10 cf7mls_change_color_bar(color);
11 }
12 }
13 );
14 if($("#cf7mls_progress_bar.cf7mls_progress_bar.cf7mls_bar_style_box_larerSign_squaren").height() >= 100) {
15 $('head').append('<style>.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:after{width: 74px;height: 74px;left: -36px;}</style>');
16 }
17 jQuery('#cf7mls-progress-bar .cf7mls_progress_bar_percent_filter').wpColorPicker(
18 {
19 change: function(event, ui){
20 // Change background color progress bar
21 let color = ui.color.toString();
22 // $('.cf7mls_progress_bar_percent_wrap .cf7mls_progress_barinner').css('background', color);
23 $('.cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_barinner').css('background', color);
24 }
25 }
26 );
27 var btnColorPickers = jQuery('button.wp-color-result')
28 for (var i = 0; i < btnColorPickers.length; i++) {
29 btnColorPickers[i].defaultValue = btnColorPickers[i].value
30 }
31
32 var title_steps = [];
33 if(cf7mls.steps.length >= 2 && Array.isArray(cf7mls.steps)) {
34 title_steps = cf7mls.steps;
35 }
36 $('#tag-generator-list a.thickbox').click(function(){
37 $( 'textarea#wpcf7-form' ).attr('id', 'wpcf7-form-bak');
38 });
39 var tb_unload_count = 1;
40 $(window).bind('tb_unload', function () {
41 if (tb_unload_count > 1) {
42 tb_unload_count = 1;
43 } else {
44 $( 'textarea#wpcf7-form-bak' ).attr('id', 'wpcf7-form');
45 tb_unload_count = tb_unload_count + 1;
46 }
47 });
48
49 //cf7mls_load_step_name(jQuery('#wpcf7-form').val());
50 // $("[data-config-field]").change(function() {
51 // var val = $(this).val();
52 // cf7mls_load_step_name(val);
53 //đâ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
54 // });
55
56 jQuery("#contact-form-editor").on("tabsactivate", function(event, ui) {
57 if(ui.newTab[0].id) {
58 if ((ui.newTab[0].id === "cf7mls-progress-bar-tab") && Array.isArray(title_steps)) {
59 cf7mls_load_step_name(title_steps);
60 }
61 }
62 });
63
64 // Transition effects
65 if($('#cf7mls_multi_step_wrap input.cf7mls_toggle_transition_effects').is(":checked") === false){
66 $('#cf7mls_multi_step_wrap .cf7mls-stype-transition-wrap').css('display', 'none');
67 }
68
69 $('#cf7mls_multi_step_wrap .cf7mls_switch').click(function(){
70 if($('#cf7mls_multi_step_wrap input.cf7mls_toggle_transition_effects').is(":checked")){
71 $('#cf7mls_multi_step_wrap input.cf7mls_toggle_transition_effects').attr('checked', true);
72 $('#cf7mls_multi_step_wrap .cf7mls-stype-transition-wrap').css('display', '');
73 }else {
74 $('#cf7mls_multi_step_wrap input.cf7mls_toggle_transition_effects').attr('checked', false);
75 $('#cf7mls_multi_step_wrap .cf7mls-stype-transition-wrap').css('display', 'none');
76 }
77 });
78
79 if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').is(":checked") === false){
80 $('#cf7mls_progress_bar').addClass('hide');
81 $('.cf7mls_number_step_wrap').addClass('hide');
82 $('.cf7mls_form_demo_one').css('margin-top', '28px');
83 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress').addClass('hide');
84 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_progress_style_wrap').addClass('hide');
85 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .title_options_wrap').addClass('hide');
86 }else {
87 $('#cf7mls_progress_bar').removeClass('hide');
88 $('.cf7mls_number_step_wrap').removeClass('hide');
89 $('.cf7mls_form_demo_one').css('margin-top', '');
90 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress').removeClass('hide');
91 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_progress_style_wrap').removeClass('hide');
92 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .title_options_wrap').removeClass('hide');
93 }
94
95 $('.cf7mls-pogress-bar .cf7mls_progress_bars_witch').click(function() {
96 if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').is(":checked")){
97 $('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').attr('checked', true);
98 $('#cf7mls_progress_bar').removeClass('hide');
99 $('.cf7mls_number_step_wrap').removeClass('hide');
100 $('.cf7mls_form_demo_one').css('margin-top', '');
101 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress').removeClass('hide');
102 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_progress_style_wrap').removeClass('hide');
103 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .title_options_wrap').removeClass('hide');
104 }else {
105 $('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').attr('checked', false);
106 $('#cf7mls_progress_bar').addClass('hide');
107 $('.cf7mls_number_step_wrap').addClass('hide');
108 $('.cf7mls_form_demo_one').css('margin-top', '28px');
109 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress').addClass('hide');
110 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_progress_style_wrap').addClass('hide');
111 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .title_options_wrap').addClass('hide');
112 }
113 });
114
115 $('.cf7mls-select-style-text .cf7mls-style-text-wrap').click(function() {
116 let enable_progress_bar = '';
117 if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').is(":checked") === false){
118 enable_progress_bar = 'hide';
119 }
120 $('.cf7mls-select-style-text .cf7mls-style-text-wrap').removeClass('active');
121 $('ul#cf7mls_progress_bar').attr('class', '');
122
123 let style_text = $(this).attr('data-style-text');
124 $('.cf7mls-select-style-text input.cf7mls-style-text').val(style_text);
125 let style_bar = $('#cf7mls_progress_bar_style').val();
126 let style_bar_icon = $('#cf7mls_progress_bar_icon_style').val();
127 if(style_bar == 'box_vertical' || style_bar == 'box_larerSign') {
128 style_bar_icon = 'squaren';
129 }
130 style_bar += '_' + style_bar_icon;
131 $('#cf7mls_progress_bar').addClass('cf7mls_progress_bar');
132 $('#cf7mls_progress_bar').addClass('cf7mls_bar_style_' + style_bar);
133 $('#cf7mls_progress_bar').addClass('cf7mls_bar_style_text_' + style_text);
134 $('#cf7mls_progress_bar').addClass(enable_progress_bar);
135
136 if(style_text == 'no') {
137 // let width = $('#cf7mls_progress_bar').attr('data-width-progress-bar');
138 // if(width) {
139 $('#cf7mls_progress_bar').css('width', '80%');
140 // }
141 }else {
142 $('#cf7mls_progress_bar').css('width', '');
143 }
144 $(this).addClass('active');
145
146
147 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();
148 let stype_step_bar = $('#cf7mls_progress_bar_style').val() + '_' + stype_step_icon ;
149 cf7mls_change_width_item(stype_step_bar, style_text);
150
151 let color_bar = $('.cf7mls_progress_bar_filter').val();
152 if(color_bar) {
153 cf7mls_change_color_bar(color_bar);
154 }
155 });
156
157 $(document).on('change', 'select#cf7mls_progress_bar_style', function(e) {
158 //e.preventDefault();
159 let enable_progress_bar = '';
160 if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').is(":checked") === false){
161 enable_progress_bar = 'hide';
162 }
163 var icon_style = $('select#cf7mls_progress_bar_icon_style').children("option:selected").val();
164 if($(this).children("option:selected").val() == 'box_vertical' || $(this).children("option:selected").val() == 'box_larerSign') {
165 icon_style = 'squaren';
166 $('select#cf7mls_progress_bar_icon_style').attr('disabled', '');
167 } else {
168 $('select#cf7mls_progress_bar_icon_style').removeAttr('disabled');
169 }
170 if($(this).children("option:selected").val() == 'navigation_horizontal' && $('.cf7mls-select-style-text .cf7mls-style-text-wrap.active').attr('data-style-text') == 'vertical') {
171 $('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').addClass('cf7_mls_steps_item_none');
172 setTimeout(() => {
173 $('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').removeClass('cf7_mls_steps_item_none');
174 $('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').addClass('cf7mls_active_line');
175 }, 100);
176 setTimeout(() => {
177 $('#cf7mls_progress_bar .cf7_mls_steps_item.cf7mls_active_line').removeClass('cf7mls_active_line');
178 }, 300);
179 }
180 if($(this).children("option:selected").val() == 'navigation_horizontal' && $('.cf7mls-select-style-text .cf7mls-style-text-wrap.active').attr('data-style-text') != 'vertical') {
181 $('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="1"] .cf7mls_progress_bar_title').addClass('cf7_mls_steps_item_none');
182 setTimeout(() => {
183 $('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="1"] .cf7mls_progress_bar_title').removeClass('cf7_mls_steps_item_none');
184 $('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="1"] .cf7mls_progress_bar_title').addClass('cf7mls_active_line');
185 }, 100);
186 setTimeout(() => {
187 $('#cf7mls_progress_bar .cf7_mls_steps_item .cf7mls_progress_bar_title.cf7mls_active_line').removeClass('cf7mls_active_line');
188 }, 300);
189 }
190 if($(this).children("option:selected").val() == 'horizontal' && $('.cf7mls-select-style-text .cf7mls-style-text-wrap.active').attr('data-style-text') != 'vertical') {
191 $('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').addClass('cf7_mls_steps_item_none');
192 setTimeout(() => {
193 $('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').removeClass('cf7_mls_steps_item_none');
194 $('#cf7mls_progress_bar .cf7_mls_steps_item[data-step="2"]').addClass('cf7mls_active_line');
195 }, 100);
196 setTimeout(() => {
197 $('#cf7mls_progress_bar .cf7_mls_steps_item.cf7mls_active_line').removeClass('cf7mls_active_line');
198 }, 300);
199 }
200
201
202 var val = $(this).children("option:selected").val() + '_' + icon_style;
203 $('ul#cf7mls_progress_bar').attr('class', '');
204 $('ul#cf7mls_progress_bar').addClass('cf7mls_progress_bar');
205 $('ul#cf7mls_progress_bar').addClass('cf7mls_bar_style_' + val);
206 $('ul#cf7mls_progress_bar').addClass(enable_progress_bar);
207
208 let style_text = $('.cf7mls-select-style-text .active').attr('data-style-text');
209 $('ul#cf7mls_progress_bar').addClass('cf7mls_bar_style_text_' + style_text);
210 cf7mls_change_width_item(val, style_text);
211
212 let color_bar = $('.cf7mls_progress_bar_filter').val();
213 if(color_bar) {
214 cf7mls_change_color_bar(color_bar);
215 }
216
217 });
218
219 $(document).on('change', 'select#cf7mls_progress_bar_icon_style', function(e) {
220 //e.preventDefault();
221 let enable_progress_bar = '';
222 if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar').is(":checked") === false){
223 enable_progress_bar = 'hide';
224 }
225 var progress_style = $('select#cf7mls_progress_bar_style').children("option:selected").val();
226 var icon_style = $(this).children("option:selected").val();
227 if(progress_style == 'box_vertical' || progress_style == 'box_larerSign') {
228 icon_style = 'squaren';
229 }
230 var val = progress_style + '_' + icon_style;
231 $('ul#cf7mls_progress_bar').attr('class', '');
232 $('ul#cf7mls_progress_bar').addClass('cf7mls_progress_bar');
233 $('ul#cf7mls_progress_bar').addClass('cf7mls_bar_style_' + val);
234 $('ul#cf7mls_progress_bar').addClass(enable_progress_bar);
235
236 let style_text = $('.cf7mls-select-style-text .active').attr('data-style-text');
237 $('ul#cf7mls_progress_bar').addClass('cf7mls_bar_style_text_' + style_text);
238 cf7mls_change_width_item(val, style_text);
239
240 let color_bar = $('.cf7mls_progress_bar_filter').val();
241 if(color_bar) {
242 cf7mls_change_color_bar(color_bar);
243 }
244
245 });
246
247 // Background Color Progress Bar
248 var progress_bar_bg_color = $('.cf7mls_progress_bar_filter').val();
249 $('head').append('<style id="cf7mls_style_progress_bar" type="text/css"></style>');
250 if(progress_bar_bg_color) {
251 cf7mls_change_color_bar(progress_bar_bg_color);
252 }
253
254 if(title_steps.length > 1) {
255 var title = title_steps[1].title;
256 $('#cf7mls-progress-bar').find('.cf7mls_number_step_wrap .cf7mls_step_current').text(title);
257 }
258
259 // Progress bar percent
260 if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar_percent').is(":checked") === false){
261 // $('.cf7mls_progress_bar_percent_wrap').addClass('hide');
262 $('.cf7mls_progress_bar_per_mobie_wrap').addClass('hide');
263 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress_percent').addClass('hide');
264 }else {
265 $('.cf7mls_progress_bar_per_mobie_wrap').removeClass('hide');
266 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress_percent').removeClass('hide');
267 }
268
269 $('.cf7mls-pogress-bar-percent .cf7mls_progress_bars_witch').click(function() {
270 if($('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar_percent').is(":checked")){
271 $('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar_percent').attr('checked', true);
272 // $('.cf7mls_progress_bar_percent_wrap').removeClass('hide');
273 $('.cf7mls_progress_bar_per_mobie_wrap').removeClass('hide');
274 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress_percent').removeClass('hide');
275 }else {
276 $('.cf7mls_progress_bars_witch input.cf7mls_enable_progress_bar_percent').attr('checked', false);
277 // $('.cf7mls_progress_bar_percent_wrap').addClass('hide');
278 $('.cf7mls_progress_bar_per_mobie_wrap').addClass('hide');
279 $('.cf7mls_pogress_bar_wrap .cf7mls-group-pogress-bar .cf7mls_bg_color_wrap.cf7mls_bg_color_progress_percent').addClass('hide');
280 }
281 });
282
283 // Background Color Progress Bar Percent
284 var progress_bar_per_color = $('.cf7mls_progress_bar_percent_filter').val();
285 if(progress_bar_per_color) {
286 // $('.cf7mls_progress_bar_percent_wrap .cf7mls_progress_barinner').css('background', progress_bar_per_color);
287 $('.cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_barinner').css('background', progress_bar_per_color);
288 }
289 $('.cf7mls-allow-choose-step-checkbox').click(function() {
290 if($(this).attr('data-checked') == 'off') {
291 $(this).attr('data-checked','on');
292 } else {
293 $(this).attr('data-checked','off');
294 }
295 });
296
297
298 // Allow Choose Step
299 $('#cf7mls-allow-choose-step-wrap').change(function() {
300 if(this.is(":checked") === false){
301 this.attr('checked', true);
302 }else {
303 this.attr('checked', false);
304 }
305 });
306
307 function cf7mls_load_step_name(val) {
308 if (val.length <= 1) {
309 $("#cf7mls_progress_bar").html("");
310 $("#cf7mls-progress-bar .cf7mls_number_step_wrap").empty();
311 } else {
312 // progress bar on computer
313 $('#cf7mls_progress_bar').empty();
314 let number_step_current = 1;
315
316 let style_text = $('.cf7mls-select-style-text .active').attr('data-style-text');
317 let selected_style = $('#cf7mls_progress_bar_style').val() + '_' + $('#cf7mls_progress_bar_icon_style').val();
318 let pro_bar_step_item = 'auto';
319 if(
320 ((selected_style == 'horizontal_squaren') ||
321 (selected_style == 'horizontal_round') ||
322 (selected_style == 'box_vertical_squaren') ||
323 (selected_style == 'box_larerSign_squaren')) &&
324 ((style_text == 'horizontal') ||
325 (style_text == 'no'))
326 ) {
327 if(title_steps.length >= 3) {
328 pro_bar_step_item = (100/3) + '%';
329 }else {
330 pro_bar_step_item = (100/2) + '%';
331 }
332 }
333
334 if(style_text == 'vertical') {
335 if(title_steps.length >= 3) {
336 pro_bar_step_item = (100/3) + '%';
337 }else {
338 pro_bar_step_item = (100/2) + '%';
339 }
340 }
341
342 val.forEach(function(item, index) {
343 if(index < 3) {
344 var title = item.title.trim();
345 if(title.length > 7) {
346 title = item.title.substr(0, 7) + '...';
347 }
348 var classActive = '';
349 if(number_step_current == 2) {
350 classActive = 'cf7mls_active_line'
351 }
352 let format_step = '';
353 format_step += '<li class="cf7_mls_steps_item '+ classActive +'" data-step="'+number_step_current+'" style="width :' + pro_bar_step_item + '">';
354 format_step += '<div class="cf7_mls_steps_item_container">';
355 format_step += '<div class="cf7_mls_steps_item_icon">';
356 format_step += '<span class="cf7_mls_count_step">' + number_step_current + '</span>';
357 format_step += '<span class="cf7_mls_check">';
358 format_step += '<i>';
359 format_step += '<svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class="">';
360 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>';
361 format_step += '</svg>';
362 format_step += '</i>';
363 format_step += '</span>';
364 format_step += '</div>';
365 format_step += '<div class="cf7_mls_steps_item_content">';
366 format_step += '<p class="cf7mls_progress_bar_title">' + title + '</p>';
367 format_step += '<span class="cf7_mls_arrow_point_to_righ">';
368 format_step += '<i>';
369 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">';
370 format_step += '<g>';
371 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"/>';
372 format_step += '</g>';
373 format_step += '</svg>';
374 format_step += '</i>';
375 format_step += '</span>';
376 format_step += '</div>';
377 format_step += '</div>';
378 format_step += '</li>';
379 $('#cf7mls_progress_bar').append(format_step);
380 number_step_current++;
381 }
382 });
383
384 let width_step_item = 14;
385 let width = width_step_item * Number(val.length);
386 if(width && val.length <= 3) {
387 $('#cf7mls_progress_bar').attr('data-width-progress-bar', width + '%');
388 }else {
389 // max 3 step in Preview
390 $('#cf7mls_progress_bar').attr('data-width-progress-bar', 14*3 + '%');
391 }
392 $('#cf7mls_progress_bar').css('width', '');
393 if(width <= 100 && width > 0 && style_text == 'no') {
394 $('#cf7mls_progress_bar').css('width', '80%');
395 }else if(style_text == 'no') {
396 // max 3 step in Preview
397 $('#cf7mls_progress_bar').css('width', '80%');
398 }
399
400 // progress bar on ipad, mobile
401 $('#cf7mls-progress-bar .cf7mls_number_step_wrap').empty();
402 let title_step = title_steps[1].title;
403 let count_step_curent = title_steps.length;
404 let html = '';
405 html += '<p class="cf7mls_number">';
406 html += ((count_step_curent > 3)? "2/3" : "2/" + count_step_curent);
407 html += '</p><p class="cf7mls_step_current">';
408 html += title_step +'</p>';
409 html += '<div class="cf7mls_progress_percent">';
410 html += '<div class="cf7mls_progress_bar_percent"><div class="cf7mls_progress_barinner"></div></div>';
411 $('#cf7mls-progress-bar .cf7mls_number_step_wrap').append(html);
412
413 if(val.length == 2) {
414 $('#cf7mls-progress-bar .cf7mls_progress_barinner').css('width', '100%');
415 // $('.cf7mls_progress_bar_percent_wrap p').text('100%');
416 $('.cf7mls_progress_bar_per_mobie_wrap p').text('100%');
417 }else if(val.length > 2) {
418 $('#cf7mls-progress-bar .cf7mls_progress_barinner').css('width', '50%');
419 // $('.cf7mls_progress_bar_percent_wrap p').text('50%');
420 $('.cf7mls_progress_bar_per_mobie_wrap p').text('50%');
421 }
422 setTimeout(() => {
423 $('#cf7mls_progress_bar .cf7_mls_steps_item.cf7mls_active_line').removeClass('cf7mls_active_line');
424 }, 200);
425 }
426 }
427
428 function cf7mls_change_width_item (style_step_bar, style_text) {
429 let pro_bar_step_item = '';
430 if(
431 ((style_text == 'horizontal') ||
432 (style_text == 'no')) &&
433 ((style_step_bar == 'horizontal_squaren') ||
434 (style_step_bar == 'horizontal_round')||
435 (style_step_bar == 'box_vertical_squaren')||
436 (style_step_bar == 'box_larerSign_squaren'))
437 ) {
438 pro_bar_step_item = 'auto';
439 if(title_steps.length >= 3) {
440 pro_bar_step_item = (100/3) + '%';
441 }else {
442 pro_bar_step_item = (100/2) + '%';
443 }
444 }
445
446 if(style_text == 'vertical') {
447 pro_bar_step_item = 'auto';
448 if(title_steps.length >= 3) {
449 pro_bar_step_item = (100/3) + '%';
450 }else {
451 pro_bar_step_item = (100/2) + '%';
452 }
453 }
454 $('#cf7mls_progress_bar .cf7_mls_steps_item').css('width', pro_bar_step_item);
455 }
456
457 function cf7mls_change_color_bar(color) {
458 let style_bar = 'cf7mls_bar_style_' + $('#cf7mls_progress_bar_style').val();
459 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();
460 style_bar += '_' + style_bar_icon;
461 let style_text = 'cf7mls_bar_style_text_' + $('.cf7mls-select-style-text .active').attr('data-style-text');
462
463 let css_item_icon = '.' + style_bar + '.' + style_text + ' li .cf7_mls_steps_item_icon { background: '+ color + ';}';
464 let css_item_icon_befor = '.' + style_bar + '.' + style_text + ' li:before { background: '+ color + ';}';
465
466 let css_bg_li = '.' + style_bar + '.' + style_text + ' li{ background: '+ color + ';}';
467 let css_step = '.' + style_bar + '.' + style_text + ' li .cf7_mls_count_step{ color: '+ color + ';}'
468 let css_check = '.' + style_bar + '.' + style_text + ' li .cf7_mls_check{ color: '+ color + ';}';
469 let css_li_after = '.' + style_bar + '.' + style_text + ' li:after{ background: '+ color + ';}';
470
471 //
472 let css_li = '.' + style_bar + '.' + style_text + ' li:nth-child';
473 let css_title_after = '.cf7mls_progress_bar_title:after{ background: '+ color + ';}';
474 let css_title_border = '.cf7mls_progress_bar_title:after{ border-color: '+ color + ';}'
475
476 let css_progress_bar = '';
477 // progress bar on ipad, mobile
478 css_progress_bar += '.cf7mls_number_step_wrap .cf7mls_progress_barinner { background:' + color + ';}';
479
480 // progress bar on computer
481 if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
482 (style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
483 (style_bar == 'cf7mls_bar_style_navigation_horizontal_round') ||
484 (style_bar == 'cf7mls_bar_style_largerSign_round')
485 ) {
486 switch (style_text) {
487 case 'cf7mls_bar_style_text_horizontal':
488 css_progress_bar += css_item_icon;
489
490 if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
491 (style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
492 ) {
493 css_progress_bar += css_li + '(1) ' + css_title_after;
494 }
495
496 if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
497 (style_bar == 'cf7mls_bar_style_largerSign_round')
498 ) {
499 css_progress_bar += css_li + '(1) .cf7_mls_arrow_point_to_righ svg {fill: '+ color + ';}';
500 }
501
502 break;
503
504 case 'cf7mls_bar_style_text_vertical':
505 css_progress_bar += css_item_icon_befor;
506
507 if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
508 (style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
509 ) {
510 css_progress_bar += css_li + '(2):after{ background: '+ color + ';}';
511 }
512
513 if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
514 (style_bar == 'cf7mls_bar_style_largerSign_round')
515 ) {
516 css_progress_bar += css_li + '(2):after{ border-color: '+ color + ';}';
517 }
518
519 break;
520 case 'cf7mls_bar_style_text_no':
521 css_progress_bar += css_item_icon;
522
523 if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
524 (style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
525 ) {
526 css_progress_bar += css_li + '(1) ' + css_title_after;
527 }
528
529 if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
530 (style_bar == 'cf7mls_bar_style_largerSign_round')
531 ) {
532 css_progress_bar += css_li + '(1) ' + css_title_border;
533 }
534 break;
535 }
536 }
537
538 if((style_bar == 'cf7mls_bar_style_horizontal_squaren') ||
539 (style_bar == 'cf7mls_bar_style_horizontal_round')
540 ) {
541 if(style_text == 'cf7mls_bar_style_text_horizontal') {
542 css_progress_bar += css_item_icon;
543 css_progress_bar += css_li + '(2):before {background-color:' + color + '!important}';
544 }
545
546 if((style_text == 'cf7mls_bar_style_text_vertical') ||
547 (style_text == 'cf7mls_bar_style_text_no')) {
548 css_progress_bar += css_item_icon_befor;
549 css_progress_bar += css_li + '(2):after {background-color:' + color + '!important}';
550 }
551 }
552
553 if(((style_bar == 'cf7mls_bar_style_box_vertical_squaren') ||
554 (style_bar == 'cf7mls_bar_style_box_larerSign_squaren')) &&
555 ((style_text == 'cf7mls_bar_style_text_horizontal') ||
556 (style_text == 'cf7mls_bar_style_text_vertical') ||
557 (style_text == 'cf7mls_bar_style_text_no'))
558 ) {
559 css_progress_bar += css_bg_li;
560 css_progress_bar += css_step;
561 css_progress_bar += css_check;
562 css_progress_bar += css_li_after;
563 }
564
565 jQuery('style#cf7mls_style_progress_bar').text(css_progress_bar);
566 }
567
568 });
569
570 /*$(document).on('change', '.cf7mls-tag-value', function(event) {
571 //event.preventDefault();
572 var back_btn_title = $('input[name="cf7mls-back-btn-button"]').val();
573 var next_btn_title = $('input[name="cf7mls-next-btn-button"]').val();
574
575 var cf7mls_value = back_btn_title + "\n" + next_btn_title;
576 //console.log(cf7mls_value);
577 $('textarea.cf7mls-values').val(cf7mls_value);
578 });*/
579 })(jQuery);
580
1 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 ...\ No newline at end of file
This diff could not be displayed because it is too large.
1 @charset "UTF-8";
2
3 /*!
4 * animate.css -https://daneden.github.io/animate.css/
5 * Version - 3.7.2
6 * Licensed under the MIT license - http://opensource.org/licenses/MIT
7 *
8 * Copyright (c) 2019 Daniel Eden
9 */
10
11 @-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 ...\ No newline at end of file
1 .wpcf7-form{
2 position: relative;
3 /* border : 1px solid #eaeaea; */
4 overflow: hidden;
5 }
6 .wpcf7-form .fieldset-cf7mls{
7 border: none;
8 background: none;
9 }
10 .wpcf7 form.sent .wpcf7-response-output {
11 display: block;
12 }
13 .cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button {
14 margin: 25px 0px 26px;
15 padding: 13px 20px;
16 }
17 .cf7mls_next.action-button {
18 background-color: #0073aa;
19 border: 0 none;
20 border-radius: 3px;
21 color: #ffffff;
22 cursor: pointer;
23 font-weight: bold;
24 margin: 25px 0px 26px;
25 padding: 13px 5px;
26 min-width: 100px;
27 position: relative;
28 }
29 .cf7mls_back.action-button {
30 background-color: #e3e3e3;
31 border: 0 none;
32 border-radius: 3px;
33 color: #23282d;
34 cursor: pointer;
35 font-weight: bold;
36 margin: 16px 0px 26px;
37 padding: 13px 5px;
38 min-width: 100px;
39 position: relative;
40 }
41 .fieldset-cf7mls .wpcf7-form-control.wpcf7-cf7mls_preview_step {
42 background-color: #27ae60;
43 border: 0 none;
44 border-radius: 3px;
45 color: white;
46 cursor: pointer;
47 font-weight: bold;
48 margin: 26px 0px 32px;
49 padding: 13px 5px;
50 min-width: 100px;
51 position: relative;
52 }
53 .cf7mls_back.action-button {
54 margin-right: 10px;
55 float: left;
56 }
57
58 .cf7mls_next.action-button:hover,
59 .cf7mls_back.action-button:hover,
60 .fieldset-cf7mls .wpcf7-form-control.wpcf7-cf7mls_preview_step:hover {
61 opacity: 0.8;
62 }
63 .fieldset-cf7mls .cf7mls_back{
64 float: left;
65 }
66 .fieldset-cf7mls .cf7mls_next {
67 float: right;
68 }
69
70 form.cf7mls input.wpcf7-form-control.wpcf7-submit {
71 border-radius: 3px;
72 padding: 13px 29px;
73 font-weight: bold;
74 margin: 16px 0px 26px;
75 float: right;
76 /* background-color: #0073aa; */
77 /* color: #ffffff; */
78 }
79
80 form.cf7mls input.wpcf7-form-control.wpcf7-submit:hover {
81 opacity: 0.8;
82 }
83
84
85 .cf7mls_reviewing_overlay {
86 position: fixed;
87 left: 0;
88 top: 0;
89 right: 0;
90 bottom: 0;
91 background-color: rgba(0, 0, 0, 0.8);
92 z-index: 100;
93 display: none;
94 }
95
96 form.wpcf7-form.cf7mls_reviewing {
97 position: relative;
98 z-index: 999999;
99 background-color: #fff;
100 }
101 form.wpcf7-form.cf7mls_reviewing:before{
102 content: '';
103 position: absolute;
104 background: rgba(0,0,0,0.8);
105 width: 100000px;
106 height: 100000px;
107 left: -30000px;
108 top: -30000px;
109 z-index: 1;
110 }
111 form.wpcf7-form.cf7mls_reviewing > *{
112 position: relative;
113 z-index: 3;
114 }
115 form.wpcf7-form.cf7mls_reviewing .cf7mls_close_preview {
116 cursor: pointer;
117 position: absolute;
118 top: 10px;
119 right: 0;
120 }
121 form.wpcf7-form.cf7mls_reviewing:after{
122 content: '';
123 position: absolute;
124 top: -5px;
125 left: -20px;
126 right: -20px;
127 bottom: -10px;
128 background: #ffffff;
129 z-index: 2;
130 }
131 /*
132 * Animation
133 */
134 /*
135 button.cf7mls_btn:not(.disabled):before {
136 content: '';
137 position: absolute;
138 right: 10px;
139 top: 50%;
140 margin-top: -11px;
141 width: 20px;
142 height: 20px;
143 border: 4px solid;
144 border-left-color: transparent;
145 border-radius: 50%;
146 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
147 opacity: 0;
148 -moz-transition-duration: 0.5s;
149 -o-transition-duration: 0.5s;
150 -webkit-transition-duration: 0.5s;
151 transition-duration: 0.5s;
152 -moz-transition-property: opacity;
153 -o-transition-property: opacity;
154 -webkit-transition-property: opacity;
155 transition-property: opacity;
156 -moz-animation-duration: 1s;
157 -webkit-animation-duration: 1s;
158 animation-duration: 1s;
159 -moz-animation-iteration-count: infinite;
160 -webkit-animation-iteration-count: infinite;
161 animation-iteration-count: infinite;
162 -moz-animation-name: rotate;
163 -webkit-animation-name: rotate;
164 animation-name: rotate;
165 -moz-animation-timing-function: linear;
166 -webkit-animation-timing-function: linear;
167 animation-timing-function: linear;
168 }
169 button.cf7mls_btn:not(.disabled):after {
170 content: '';
171 display: inline-block;
172 height: 100%;
173 width: 0px;
174 -moz-transition-delay: 0.5s;
175 -o-transition-delay: 0.5s;
176 -webkit-transition-delay: 0.5s;
177 transition-delay: 0.5s;
178 -moz-transition-duration: 0.75s;
179 -o-transition-duration: 0.75s;
180 -webkit-transition-duration: 0.75s;
181 transition-duration: 0.75s;
182 -moz-transition-property: width;
183 -o-transition-property: width;
184 -webkit-transition-property: width;
185 transition-property: width;
186 }
187 button.cf7mls_btn:not(.disabled).sending {
188 pointer-events: none;
189 cursor: not-allowed;
190 }
191 button.cf7mls_btn:not(.disabled).sending:not(.expand) {
192 text-align: left;
193 }
194 button.cf7mls_btn:not(.disabled).sending:before {
195 -moz-transition-delay: 0.5s;
196 -o-transition-delay: 0.5s;
197 -webkit-transition-delay: 0.5s;
198 transition-delay: 0.5s;
199 -moz-transition-duration: 1s;
200 -o-transition-duration: 1s;
201 -webkit-transition-duration: 1s;
202 transition-duration: 1s;
203 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
204 opacity: 1;
205 }
206 button.cf7mls_btn:not(.disabled).sending:after {
207 -moz-transition-delay: 0s;
208 -o-transition-delay: 0s;
209 -webkit-transition-delay: 0s;
210 transition-delay: 0s;
211 width: 20px;
212 }
213
214 @keyframes rotate {
215 0% {
216 -moz-transform: rotate(0deg);
217 -ms-transform: rotate(0deg);
218 -webkit-transform: rotate(0deg);
219 transform: rotate(0deg);
220 }
221 100% {
222 -moz-transform: rotate(360deg);
223 -ms-transform: rotate(360deg);
224 -webkit-transform: rotate(360deg);
225 transform: rotate(360deg);
226 }
227 }
228 */
229 .cf7mls_next.action-button img {
230 display: none;
231 width: 20px;
232 position: relative;
233 margin-left: 5px;
234 vertical-align: middle;
235 }
236 .cf7mls_next.action-button.sending img {
237 display: inline-block;
238 }
239 .cf7mls_next.action-button:focus,
240 .cf7mls_back.action-button:focus {
241 outline: none;
242 }
243 .fieldset-cf7mls-wrapper{
244 position: relative;
245 overflow: hidden;
246 }
247 .fieldset-cf7mls-wrapper .fieldset-cf7mls{
248 width: 100%;
249 opacity: 0;
250 visibility: hidden;
251 -webkit-transition: all 800ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
252 -webkit-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
253 -moz-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
254 -o-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
255 transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
256
257 -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
258 -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
259 -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
260 -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
261 transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
262 }
263 .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .fieldset-cf7mls {
264 transition: none;
265 }
266 .fieldset-cf7mls-wrapper .cf7mls_back_fs{
267 position: absolute;
268 left: 0;
269 top: 15px;
270 transform: translate(-110%,0);
271 -webkit-transform: translate(-110%,0);
272 -moz-transform: translate(-110%,0);
273 }
274 .fieldset-cf7mls-wrapper .cf7mls_current_fs ~ .fieldset-cf7mls{
275 position: absolute;
276 left: 0;
277 top: 15px;
278 transform: translate(110%,0);
279 -webkit-transform: translate(110%,0);
280 -moz-transform: translate(110%,0);
281 }
282 .wpcf7-form .cf7mls_progress_bar ~ .fieldset-cf7mls-wrapper fieldset {
283 padding-top: 0px;
284 margin-top: 0px;
285 padding-bottom: 2px;
286 margin-bottom: 20px;
287 }
288 .fieldset-cf7mls-wrapper .cf7mls_current_fs{
289 opacity: 1;
290 visibility: visible;
291 display: block;
292 position: relative;
293 }
294 .fieldset-cf7mls.cf7mls_preview_fs {
295 height: auto;
296 overflow: visible;
297 opacity: 1;
298 visibility: visible;
299 transform: translate(0,0);
300 -webkit-transform: translate(0,0);
301 -moz-transform: translate(0,0);
302 position: relative;
303 }
304 .fieldset-cf7mls-wrapper .wpcf7-not-valid-tip {
305 font-size: 13px;
306 }
307 .fieldset-cf7mls-wrapper div.wpcf7-validation-errors {
308 border: none;
309 display: block !important;
310 color: #f00;
311 font-size: 13px;
312 padding-left: 0px;
313 margin-left: 0px;
314 }
315 .fieldset-cf7mls-wrapper div.wpcf7-validation-errors .wpcf7-icon-wraning {
316 display: block;
317 float: left;
318 margin-right: 8px;
319 margin-top: 2px;
320 fill: #f00;
321 }
322 .fieldset-cf7mls-wrapper .fieldset-cf7mls span.ajax-loader {
323 position: absolute;
324 right: 39px;
325 margin-top: 33px;
326 }
327 @media only screen and (max-width: 767px) {
328 .fieldset-cf7mls input[type="radio"],
329 .fieldset-cf7mls input[type="checkbox"]{
330 width: auto;
331 }
332
333 .fieldset-cf7mls input, .wpcf7-form .fieldset-cf7mls textarea{
334 width: 100%;
335 }
336 }
1 .cf7mls_progress_bar{
2 box-sizing: border-box;
3 margin: 0;
4 padding: 0;
5 list-style: none;
6 display: flex;
7 width: 100%;
8 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
9 line-height: normal;
10 font-weight: normal;
11 }
12 .cf7mls_progress_bar li .cf7_mls_count_step {
13 display: block;
14 color: #8f8f8f;
15 font-size: 15px;
16 }
17 .cf7mls_progress_bar.cf7mls_bar_style_box_vertical_squaren li .cf7_mls_count_step,
18 .cf7mls_progress_bar.cf7mls_bar_style_box_larerSign_squaren li .cf7_mls_count_step {
19 font-size: 15px;
20 display: block;
21 }
22 .cf7mls_progress_bar li .cf7_mls_check {
23 display: none;
24 color: #fff;
25 font-size: 15px;
26 margin-top: 2px;
27 padding: 0px;
28 text-align: center;
29 }
30 .cf7mls_progress_bar li .cf7mls_progress_bar_title {
31 font-size: 13px;
32 font-weight: normal;
33 line-height: 1.5;
34 margin: 1em 0;
35 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
36 }
37 .cf7mls_progress_bar.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li .cf7mls_progress_bar_title {
38 display: -webkit-box;
39 -webkit-box-orient: vertical;
40 -webkit-line-clamp: 1;
41 overflow: hidden;
42 text-align: left;
43 }
44 .cf7mls_progress_bar.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7mls_progress_bar_title {
45 display: -webkit-box;
46 -webkit-box-orient: vertical;
47 -webkit-line-clamp: 2;
48 overflow: hidden;
49 }
50 .cf7mls_progress_bar li.active .cf7_mls_count_step {
51 color: #fff
52 }
53 .cf7mls_progress_bar li.current .cf7mls_progress_bar_title {
54 font-weight: 600;
55 }
56 .cf7mls_progress_bar .cf7_mls_arrow_point_to_righ {
57 display: none;
58 }
59 .cf7mls_progress_bar li:last-child .cf7_mls_arrow_point_to_righ {
60 display: none;
61 }
62 .cf7mls_progress_bar li.cf7_mls_steps_item {
63 line-height: normal;
64 font-weight: normal;
65 padding: 0px;
66 margin: 0px;
67 }
68 .cf7mls_progress_bar[data-allow-choose-step=on] li .cf7_mls_steps_item_icon{
69 cursor: pointer;
70 }
71 .cf7mls_bar_style_box_vertical_squaren[data-allow-choose-step=on] li {
72 cursor: pointer;
73 }
74 .cf7mls_bar_style_box_larerSign_squaren[data-allow-choose-step=on] li {
75 cursor: pointer;
76 }
77 .wpcf7-form span.cf7_mls_check svg {
78 display: inherit;
79 }
80 .cf7mls_reviewing .fieldset-cf7mls-wrapper .cf7mls_progress_bar_percent_wrap {
81 display: none;
82 }
83 .cf7mls_reviewing .fieldset-cf7mls-wrapper .cf7mls_back + .cf7mls_progress_bar_percent_wrap {
84 display: block;
85 }
86 .cf7mls_reviewing .cf7mls_progress_bar li {
87 pointer-events: none;
88 }
89 .cf7mls_reviewing .cf7mls_progress_bar li {
90 pointer-events: none;
91 }
92 .cf7mls_reviewing .cf7mls_progress_bar .cf7_mls_steps_item_icon {
93 pointer-events: none;
94 }
95 #cf7mls-progress-bar .cf7mls_progress_bar li:first-child .cf7_mls_count_step {
96 display: none;
97 }
98 #cf7mls-progress-bar .cf7mls_progress_bar li:first-child .cf7_mls_check {
99 display: block;
100 }
101 .cf7mls_progress_bar li .cf7mls_progress_bar_title {
102 font-size: 13px;
103 font-weight: normal;
104 line-height: 1.5;
105 margin: 1em 0;
106 }
107 .cf7mls_progress_bar li.active .cf7_mls_count_step {
108 color: #fff
109 }
110 #cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(1) .cf7_mls_count_step,
111 #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 {
112 color: #fff;
113 }
114 #cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(3) .cf7_mls_count_step {
115 color: #8f8f8f;
116 }
117 #cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(3):before {
118 background-color: #eaedef;
119 }
120 #cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(3) .cf7_mls_count_step {
121 color: #8f8f8f;
122 }
123 #cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(3) .cf7_mls_steps_item_icon {
124 background: #eaedef;
125 }
126 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon {
127 background: #fff;
128 }
129 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(3) {
130 background: #eaedef !important;
131 }
132 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon {
133 background: #fff;
134 }
135 #cf7mls-progress-bar .cf7mls_progress_bar li:nth-child(2) .cf7mls_progress_bar_title,
136 .cf7mls_progress_bar li.current .cf7mls_progress_bar_title {
137 font-weight: 600;
138 }
139
140 /* ========= I) Start Navigation Horizontal, Navigation Horizontal Icon Round========= */
141 /* Start Horizontal Text */
142 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal,
143 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no,
144 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal,
145 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no {
146 margin: 0 auto;
147 width: 90%;
148 margin-bottom: 42px;
149 margin-top: 42px;
150 }
151 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li,
152 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li {
153 position: relative;
154 display: inline-block;
155 flex: 1;
156 -webkit-flex: 1;
157 -ms-flex : 1;
158 -moz-flex: 1;
159 -webkit-flex: 1;
160 overflow: hidden;
161 margin-right: 16px;
162 white-space: nowrap;
163 }
164 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li:last-child,
165 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no li:last-child,
166 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li:last-child,
167 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no li:last-child {
168 flex: none;
169 -webkit-flex: none;
170 -ms-flex : none;
171 -moz-flex: none;
172 -webkit-flex: none;
173 margin-right: 0px;
174 }
175 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
176 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
177 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
178 flex: none;
179 -webkit-flex: none;
180 -ms-flex : none;
181 -moz-flex: none;
182 -webkit-flex: none;
183 margin-right: 0px;
184 }
185 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
186 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
187 display: inline-block;
188 vertical-align: top;
189 line-height: 28px;
190 }
191 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
192 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
193 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
194 display: inline-block;
195 vertical-align: top;
196 line-height: 28px;
197 }
198 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon {
199 width: 30px;
200 height: 30px;
201 font-size: 16px;
202 text-align: center;
203 background: #eaedef;
204 display: inline-block;
205 line-height: 29px;
206 border-radius: 3px;
207 margin-right: 17px;
208 }
209 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
210 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title,
211 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
212 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7mls_progress_bar_title {
213 position: relative;
214 display: inline-block;
215 padding-right: 16px;
216 margin: 0px;
217 padding: 0px;
218 color: #23282d;
219 line-height: 1.5;
220 }
221 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after,
222 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title:after {
223 position: absolute;
224 top: 10px;
225 left: 100%;
226 display: block;
227 width: 9999px;
228 height: 1px;
229 background: #e8e8e8;
230 content: "";
231 margin-left: 17px;
232 }
233 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li:last-child .cf7mls_progress_bar_title:after,
234 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no li:last-child .cf7mls_progress_bar_title:after,
235 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li:last-child .cf7mls_progress_bar_title:after,
236 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no li:last-child .cf7mls_progress_bar_title:after {
237 content: none;
238 }
239 /* End */
240
241 /* Start Vertical Text */
242 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical,
243 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical {
244 margin-bottom: 27px;
245 margin-top: 42px;
246 overflow: hidden;
247 position: relative;
248 z-index: 1;
249 }
250 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li,
251 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li {
252 list-style-type: none;
253 float: left;
254 position: relative;
255 margin: 0px;
256 padding: 0px;
257 }
258 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li:before,
259 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li:before {
260 content: counter(step);
261 width: 30px;
262 line-height: 30px;
263 display: block;
264 font-size: 0px;
265 background: #eaedef;
266 border-radius: 3px;
267 margin: 0 auto;
268 padding: 0;
269 height: 30px;
270 }
271 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li::before {
272 border-radius: 50%;
273 }
274 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li:after,
275 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li:after {
276 content: '';
277 width: 60%;
278 height: 1px;
279 background: #eee;
280 position: absolute;
281 left: -50%;
282 top: 15px;
283 z-index: -1;
284 /* transition: 0.8s ease all;
285 -moz-transition: 0.8s ease all;
286 -webkit-transition: 0.8s ease all; */
287 margin-left: 20%;
288 }
289 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li:first-child:after,
290 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li:first-child:after {
291 /*connector not needed before the first step*/
292 content: none;
293 }
294 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
295 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container {
296 text-align: center;
297 }
298 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon,
299 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon {
300 position: absolute;
301 left: 50%;
302 top: 0px;
303 line-height: 29px;
304 margin-left: -16px;
305 height: 29px;
306 width: 31px;
307 border-radius: 50%;
308 }
309 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_icon {
310 width: 29px;
311 height: 29px;
312 font-size: 15px;
313 text-align: center;
314 background: #eaedef;
315 display: inline-block;
316 line-height: 29px;
317 border-radius: 50%;
318 margin-right: 15px;
319 }
320 /* .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_check,
321 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_check {
322 margin-left: -2px;
323 } */
324 /* End */
325
326 /* Start No Text */
327 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no,
328 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no {
329 overflow: hidden;
330 position: relative;
331 z-index: 1;
332 margin: 42px auto 42px;
333 width: 42%;
334 }
335 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no li,
336 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no li {
337 position: relative;
338 display: inline-block;
339 flex: 1;
340 -webkit-flex: 1;
341 -ms-flex: 1;
342 -moz-flex: 1;
343 -webkit-flex: 1;
344 overflow: hidden;
345 margin-right: 4px;
346 white-space: nowrap;
347 }
348 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title:after,
349 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7mls_progress_bar_title:after {
350 position: absolute;
351 top: -4px;
352 left: 100%;
353 display: block;
354 width: 9999px;
355 height: 1px;
356 background: #e8e8e8;
357 content: "";
358 }
359 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content > .cf7mls_progress_bar_title,
360 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content > .cf7mls_progress_bar_title {
361 font-size: 0px;
362 }
363 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon,
364 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon {
365 width: 29px;
366 height: 29px;
367 font-size: 16px;
368 text-align: center;
369 background: #eaedef;
370 display: inline-block;
371 line-height: 28px;
372 border-radius: 3px;
373 margin-right: 4px;
374 }
375 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon {
376 border-radius: 50%;
377 }
378
379 /* End */
380 /* ========= End ========= */
381
382 /* ========= II) Start Larger Sign Icon Square, Larger Sign Icon Round ========= */
383 /* Start horizontal*/
384
385 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal,
386 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no,
387 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal,
388 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no {
389 margin: 0 auto;
390 width: 90%;
391 margin-bottom: 42px;
392 margin-top: 42px;
393 }
394 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal li,
395 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal li {
396 position: relative;
397 display: inline-block;
398 flex: 1;
399 -webkit-flex: 1;
400 -ms-flex : 1;
401 -moz-flex: 1;
402 -webkit-flex: 1;
403 overflow: hidden;
404 margin-right: 16px;
405 white-space: nowrap;
406 }
407 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal li:last-child,
408 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no li:last-child,
409 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal li:last-child,
410 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no li:last-child {
411 flex: none;
412 -webkit-flex: none;
413 -ms-flex : none;
414 -moz-flex: none;
415 -webkit-flex: none;
416 margin-right: 0px;
417 }
418 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
419 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
420 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
421 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
422 display: inline-block;
423 line-height: 28px;
424 width: 100%;
425 }
426 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon,
427 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_round .cf7_mls_steps_item_icon,
428 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon,
429 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_round .cf7_mls_steps_item_icon {
430 width: 30px;
431 height: 30px;
432 font-size: 16px;
433 text-align: center;
434 background: #eaedef;
435 display: inline-block;
436 line-height: 29px;
437 border-radius: 3px;
438 margin-right: 17px;
439 }
440 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon,
441 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_icon {
442 border-radius: 50%;
443 }
444 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
445 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title,
446 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
447 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7mls_progress_bar_title {
448 position: relative;
449 display: inline-block;
450 padding-right: 16px;
451 margin: 0px;
452 padding: 0px;
453 color: #23282d;
454 height: 18px;
455 line-height: normal;
456 }
457 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
458 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title {
459 min-width: 48%;
460 vertical-align: top;
461 margin-top: 6px;
462 }
463 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal li:last-child .cf7mls_progress_bar_title:after,
464 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no li:last-child .cf7mls_progress_bar_title:after,
465 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li:first-child:after,
466 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal li:last-child .cf7mls_progress_bar_title:after,
467 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no li:last-child .cf7mls_progress_bar_title:after,
468 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li:first-child:after {
469 content: none;
470 }
471 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_arrow_point_to_righ,
472 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7_mls_arrow_point_to_righ {
473 display: contents;
474 }
475 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_horizontal .cf7_mls_arrow_point_to_righ svg,
476 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_arrow_point_to_righ svg {
477 width: 12px;
478 fill: #e3e3e3;
479 display: inline-block;
480 position: absolute;
481 top: 8px;
482 }
483 /* end */
484 /* Start Vertical*/
485 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical,
486 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical {
487 margin-bottom: 25px;
488 margin-top: 42px;
489 overflow: hidden;
490 position: relative;
491 z-index: 1;
492 }
493 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li,
494 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li {
495 list-style-type: none;
496 float: left;
497 position: relative;
498 margin: 0px;
499 padding: 0px;
500 }
501 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li:before,
502 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li:before {
503 content: counter(step);
504 width: 30px;
505 line-height: 30px;
506 display: block;
507 font-size: 0px;
508 background: #eaedef;
509 border-radius: 3px;
510 margin: 0 auto;
511 padding: 0;
512 }
513 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li:before {
514 border-radius: 50%;
515 }
516 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li:after,
517 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li:after {
518 position: absolute;
519 top: 13%;
520 display: block;
521 width: 8px;
522 height: 8px;
523 border: 1px solid rgba(0,0,0,.25);
524 border-bottom: none;
525 border-left: none;
526 -webkit-transform: rotate(45deg);
527 transform: rotate(45deg);
528 content: '';
529 margin-left: -3%;
530 }
531 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
532 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container {
533 text-align: center;
534 }
535 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon,
536 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon {
537 position: absolute;
538 left: 50%;
539 top: 0px;
540 margin-left: -15px;
541 width: 30px;
542 height: 30px;
543 line-height: 30px;
544 border-radius: 50%;
545 }
546 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_check,
547 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_vertical li .cf7_mls_check {
548 margin-left: -2px;
549 }
550
551 /* End */
552 /* Start No */
553 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no,
554 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no {
555 overflow: hidden;
556 position: relative;
557 z-index: 1;
558 margin: 42px auto 42px;
559 width: 42%;
560 }
561 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no li,
562 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no li {
563 position: relative;
564 display: inline-block;
565 flex: 1;
566 -webkit-flex: 1;
567 -ms-flex: 1;
568 -moz-flex: 1;
569 -webkit-flex: 1;
570 overflow: hidden;
571 margin-right: 4px;
572 white-space: nowrap;
573 }
574 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content > .cf7mls_progress_bar_title,
575 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content > .cf7mls_progress_bar_title {
576 font-size: 0px;
577 }
578 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon,
579 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon {
580 width: 29px;
581 height: 29px;
582 font-size: 16px;
583 text-align: center;
584 background: #eaedef;
585 display: inline-block;
586 line-height: 30px;
587 border-radius: 3px;
588 margin-right: 4px;
589 }
590 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title:after,
591 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7mls_progress_bar_title:after {
592 display: block;
593 width: 8px;
594 height: 8px;
595 border: 1px solid rgba(0,0,0,.25);
596 border-bottom: none;
597 border-left: none;
598 -webkit-transform: rotate(45deg);
599 transform: rotate(45deg);
600 content: '';
601 margin-left: 46%;
602 }
603 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title,
604 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7mls_progress_bar_title {
605 vertical-align: top;
606 margin-top: 10px;
607 }
608 .cf7mls_bar_style_largerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
609 .cf7mls_bar_style_largerSign_round.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
610 position: absolute;
611 left: 57%;
612 }
613
614 /* End */
615
616 /* ========= End ========= */
617
618 /* ========= III) Start style horizontal squaren, style horizontal round =========*/
619 .cf7mls_bar_style_horizontal_squaren .cf7_mls_steps_item:hover:after{
620 background: #BDBDBD;
621 }
622 .cf7mls_bar_style_horizontal_squaren .cf7_mls_steps_item.active:hover:after{
623 background: #0073aa;
624 }
625 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical,
626 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical {
627 margin-bottom: 10px;
628 margin-top: 20px;
629 overflow: hidden;
630 position: relative;
631 z-index: 1;
632 }
633 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li,
634 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li {
635 position: relative;
636 }
637 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li,
638 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li,
639 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li,
640 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li {
641 list-style-type: none;
642 float: left;
643 position: relative;
644 margin: 0px;
645 padding: 0px;
646 }
647 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li:before,
648 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li:before,
649 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li:before,
650 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li:before {
651 content: counter(step);
652 width: 30px;
653 line-height: 30px;
654 display: block;
655 font-size: 0px;
656 background: #eaedef;
657 border-radius: 3px;
658 margin: 0px auto;
659 padding: 0px;
660 height: 30px;
661 }
662 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
663 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_container,
664 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
665 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li .cf7_mls_steps_item_container {
666 text-align: center;
667 }
668 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon,
669 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon {
670 position: absolute;
671 left: 50%;
672 top: 0px;
673 margin-left: -15px;
674 width: 30px;
675 height: 30px;
676 line-height: 29px;
677 border-radius: 50%;
678 }
679 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_check,
680 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li .cf7_mls_check,
681 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li .cf7_mls_check,
682 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li .cf7_mls_check {
683 margin-left: -2px;
684 }
685 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal,
686 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal {
687 white-space: nowrap;
688 text-align: center;
689 height: 56px;
690 width: 90%;
691 margin: 42px auto;
692 }
693 /* #cf7mls-progress-bar .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(2):before,
694 #cf7mls-progress-bar .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li:nth-child(2):after,
695 #cf7mls-progress-bar .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li:nth-child(2):after,
696 #cf7mls-progress-bar .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li:nth-child(2):before,
697 #cf7mls-progress-bar .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li:nth-child(2):after,
698 #cf7mls-progress-bar .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li:nth-child(2):after {
699 background-color: #576877;
700 transition: all 0.8s ease;
701 -moz-transition: all 0.8s ease;
702 -webkit-transition: all 0.8s ease;
703 } */
704 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li:before,
705 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li:before {
706 width: 100%;
707 position: absolute;
708 display: inline-block;
709 height: 2px;
710 background-color: rgb(234, 237, 239);
711 content: "";
712 bottom: 0px;
713 left: 0px;
714 }
715 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_content,
716 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_content {
717 display: inline-block;
718 vertical-align: top;
719 margin-top: 2px;
720 }
721 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_container,
722 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_container {
723 display: inline-block;
724 height: 100%;
725 margin-left: -4%;
726 padding-bottom: 12px;
727 text-align: left;
728 }
729 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_icon,
730 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_icon {
731 width: 32px;
732 height: 32px;
733 margin-right: 14px;
734 line-height: 31px;
735 text-align: center;
736 background: #eaedef;
737 border-radius: 3px;
738 display: inline-block;
739 }
740 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li .cf7mls_progress_bar_title,
741 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7mls_progress_bar_title {
742 max-width: 100%;
743 padding-right: 0px;
744 overflow: hidden;
745 white-space: nowrap;
746 text-overflow: ellipsis;
747 margin: 0px;
748 padding: 0px;
749 padding-top: 5px;
750 }
751 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li .cf7_mls_steps_item_icon,
752 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li:before,
753 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li:before {
754 border-radius: 50%;
755 }
756 /* Start Vertical */
757 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical,
758 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical {
759 width: 90%;
760 margin: 42px auto 42px;
761 }
762 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_vertical li:after,
763 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_vertical li:after {
764 content: '';
765 width: 100%;
766 height: 2px;
767 background: #eee;
768 position: absolute;
769 z-index: -1;
770 /* transition: 0.8s ease all;
771 -moz-transition: 0.8s ease all;
772 -webkit-transition: 0.8s ease all; */
773 bottom: 0px;
774 }
775 /* End */
776 /* Start No */
777 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no,
778 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no {
779 width: 43%;
780 margin: 42px auto 57px;
781 }
782 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li:after,
783 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li:after {
784 content: '';
785 width: 100%;
786 height: 2px;
787 background: #eee;
788 position: absolute;
789 /* transition: 0.8s ease all;
790 -moz-transition: 0.8s ease all;
791 -webkit-transition: 0.8s ease all; */
792 bottom: -14px;
793 }
794 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_content,
795 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li .cf7_mls_steps_item_content {
796 display: none;
797 }
798 .cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon,
799 .cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon {
800 position: absolute;
801 left: 50%;
802 top: 0px;
803 margin-left: -15px;
804 width: 30px;
805 line-height: 29px;
806 height: 30px;
807 border-radius: 50%;
808 }
809 /* End */
810
811 /* ========= End ========= */
812
813 /* ========= IV) Start style box vertical squaren, style box larerSign squaren ========= */
814 /* Start horizontal*/
815 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal,
816 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal {
817 margin: 0 auto;
818 width: 90%;
819 margin-bottom: 42px;
820 margin-top: 42px;
821 }
822 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li,
823 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li {
824 position: relative;
825 display: inline-block;
826 flex: 1;
827 -webkit-flex: 1;
828 -ms-flex : 1;
829 -moz-flex: 1;
830 -webkit-flex: 1;
831 overflow: hidden;
832 margin-right: 16px;
833 white-space: nowrap;
834 }
835 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li,
836 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li,
837 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li {
838 background: #eaedef;
839 padding: 15px 0px;
840 margin: 0px;
841 text-align: center;
842 border-right: 2px solid #fff;
843 }
844 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3),
845 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(3),
846 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:nth-child(3),
847 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3),
848 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:nth-child(3),
849 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(3) {
850 background: #eaedef;
851 }
852 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li,
853 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li,
854 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li {
855 background: #eaedef;
856 padding: 15px 0px;
857 margin: 0px;
858 text-align: center;
859 position: relative;
860 }
861 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:first-child:after,
862 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:after {
863 display: none;
864 }
865 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:after {
866 position: absolute;
867 top: 0%;
868 display: block;
869 width: 62px;
870 height: 49px;
871 border: 2px solid #fff;
872 border-bottom: none;
873 border-left: none;
874 content: '';
875 background: #eaedef;
876 z-index: 1;
877 border-radius: 0 1px 0px 100%;
878 left: -31px;
879 -webkit-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
880 -moz-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
881 -ms-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
882 -o-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
883 transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
884 }
885 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:last-child,
886 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:last-child {
887 flex: none;
888 -webkit-flex: none;
889 -ms-flex : none;
890 -moz-flex: none;
891 -webkit-flex: none;
892 margin-right: 0px;
893 }
894 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
895 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
896 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
897 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
898 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
899 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content,
900 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_content,
901 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_content {
902 display: inline-block;
903 vertical-align: middle;
904 line-height: 28px;
905 }
906 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon,
907 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical .cf7_mls_steps_item_icon,
908 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon,
909 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon,
910 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical .cf7_mls_steps_item_icon,
911 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon {
912 width: 29px;
913 height: 29px;
914 font-size: 15px;
915 text-align: center;
916 background: #eaedef;
917 display: inline-block;
918 line-height: 28px;
919 border-radius: 3px;
920 margin-right: 17px;
921 }
922 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon,
923 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_steps_item_icon {
924 border-radius: 50%;
925 background: #fff;
926 margin-right: 13px;
927 }
928 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3) .cf7_mls_steps_item_icon,
929 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3) .cf7_mls_steps_item_icon,
930 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(3) .cf7_mls_steps_item_icon,
931 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:nth-child(3) .cf7_mls_steps_item_icon {
932 background: #fff;
933 }
934 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_check,
935 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical .cf7_mls_check,
936 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7_mls_check,
937 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7_mls_check,
938 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical .cf7_mls_check,
939 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_check {
940 color: #eaedef;
941 }
942 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title,
943 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal .cf7mls_progress_bar_title {
944 position: relative;
945 display: inline-block;
946 padding-right: 16px;
947 margin: 0px;
948 padding: 0px;
949 color: #23282d;
950 line-height: 1.5;
951 }
952 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title,
953 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:nth-child(2) .cf7mls_progress_bar_title,
954 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title,
955 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:nth-child(2) .cf7mls_progress_bar_title {
956 color: #fff;
957 }
958 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3) .cf7mls_progress_bar_title,
959 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:nth-child(3) .cf7mls_progress_bar_title,
960 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(3) .cf7mls_progress_bar_title,
961 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:nth-child(3) .cf7mls_progress_bar_title,
962 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(3) .cf7mls_progress_bar_title,
963 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(3) .cf7mls_progress_bar_title {
964 color: #23282d;
965 }
966 /* End */
967
968 /* Start Vertical Text */
969 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical,
970 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no,
971 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical,
972 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no {
973 margin-bottom: 42px;
974 margin-top: 42px;
975 overflow: hidden;
976 position: relative;
977 z-index: 1;
978 width: 90%;
979 margin: 42px auto;
980 }
981 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:after {
982 position: absolute;
983 top: 13%;
984 display: block;
985 width: 61px;
986 height: 62px;
987 border: 2px solid #fff;
988 border-bottom: none;
989 border-left: none;
990 content: '';
991 background: #eaedef;
992 z-index: 1;
993 border-radius: 0 1px 0px 100%;
994 left: -31px;
995 -webkit-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
996 -moz-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
997 -ms-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
998 -o-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
999 transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
1000 }
1001 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:first-child:after,
1002 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:first-child:after,
1003 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:first-child:after {
1004 content: none;
1005 }
1006 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:first-child,
1007 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:first-child,
1008 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:first-child,
1009 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:first-child,
1010 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:first-child,
1011 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:first-child {
1012 border-radius: 5px 0px 0px 5px;
1013 }
1014 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_horizontal li:last-child,
1015 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:last-child,
1016 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:last-child,
1017 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_horizontal li:last-child,
1018 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:last-child,
1019 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:last-child {
1020 border-radius: 0px 5px 5px 0px;
1021 }
1022 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
1023 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_container,
1024 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_container,
1025 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_container {
1026 text-align: center;
1027
1028 }
1029 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_check,
1030 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li .cf7_mls_check,
1031 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_check,
1032 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7_mls_check {
1033 left: 46%;
1034 margin-left: -1px;
1035 }
1036 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:before,
1037 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li:before,
1038 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:before,
1039 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:before {
1040 border-radius: 50%;
1041 }
1042 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon,
1043 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon,
1044 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon,
1045 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7_mls_steps_item_icon {
1046 border-radius: 50%;
1047 background: #fff;
1048 margin-right: 0px;
1049 }
1050 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li .cf7mls_progress_bar_title,
1051 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li .cf7mls_progress_bar_title,
1052 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7mls_progress_bar_title,
1053 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7mls_progress_bar_title {
1054 line-height: normal;
1055 margin: 0px;
1056 margin-top: 7px;
1057 color: #23282d;
1058 }
1059 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:nth-child(1) .cf7mls_progress_bar_title,
1060 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:nth-child(2) .cf7mls_progress_bar_title {
1061 color: #fff;
1062 }
1063 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(1) .cf7mls_progress_bar_title,
1064 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(2) .cf7mls_progress_bar_title,
1065 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(1) .cf7mls_progress_bar_title,
1066 #cf7mls-progress-bar .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_vertical li:nth-child(2) .cf7mls_progress_bar_title {
1067 color: #fff
1068 }
1069 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li .cf7_mls_steps_item_icon {
1070 background: #fff;
1071 }
1072 /* End */
1073
1074 /* Start No */
1075 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no,
1076 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no {
1077 overflow: hidden;
1078 position: relative;
1079 z-index: 1;
1080 margin: 42px auto 42px;
1081 width: 46%;
1082 }
1083 #cf7mls-progress-bar .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(3) {
1084 background: #fff;
1085 }
1086 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:first-child:after {
1087 content: none;
1088 }
1089 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:after {
1090 position: absolute;
1091 top: 0%;
1092 display: block;
1093 width: 62px;
1094 height: 49px;
1095 border: 2px solid #fff;
1096 border-bottom: none;
1097 border-left: none;
1098 content: '';
1099 background: #eaedef;
1100 z-index: 1;
1101 border-radius: 0 1px 0px 100%;
1102 left: -31px;
1103 -webkit-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
1104 -moz-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
1105 -ms-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
1106 -o-transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
1107 transform: translateX(0) rotate(45deg) scale(0.8) skew(15deg,15deg);
1108 }
1109 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li:nth-child(n + 2) .cf7_mls_steps_item_container {
1110 position: absolute;
1111 left: 50%;
1112 z-index: 20;
1113 }
1114 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon,
1115 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7_mls_steps_item_icon {
1116 width: 29px;
1117 height: 29px;
1118 font-size: 16px;
1119 text-align: center;
1120 background: #eaedef;
1121 display: inline-block;
1122 line-height: 28px;
1123 border-radius: 3px;
1124 margin-right: 4px;
1125 border-radius: 50%;
1126 }
1127 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no li .cf7mls_progress_bar_title,
1128 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no li .cf7mls_progress_bar_title {
1129 line-height: normal;
1130 margin: 0px;
1131 margin-top: 7px;
1132 display: none;
1133 font-size: 0px;
1134 color: #23282d;
1135 }
1136 .cf7mls_bar_style_box_vertical_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title,
1137 .cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_no .cf7mls_progress_bar_title {
1138 position: relative;
1139 display: inline-block;
1140 padding-right: 16px;
1141 margin: 0px;
1142 padding: 0px;
1143 color: #23282d;
1144 line-height: 1.5;
1145 position: absolute;
1146 z-index: 10;
1147 width: 100%;
1148 }
1149
1150 /* End */
1151
1152 /* ========= End ========= */
1153
1154 /* ========= Start block number step ========= */
1155 .cf7mls_number_step_wrap {
1156 display: none;
1157 width: 90%;
1158 margin: 0 auto;
1159 }
1160 .cf7mls_number_step_wrap .cf7mls_number,
1161 .cf7mls_number_step_wrap .cf7mls_step_current {
1162 font-size: 15px;
1163 color: rgba(0,0,0,.85);
1164 text-align: center;
1165 margin: 0px;
1166 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
1167 }
1168 .cf7mls_number_step_wrap .cf7mls_progress_bar_percent {
1169 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
1170 height: 100%;
1171 margin: 0 auto;
1172 width: 100%;
1173 }
1174 .cf7mls_number_step_wrap .cf7mls_progress_percent {
1175 height: 8px;
1176 }
1177 .cf7mls_number_step_wrap .cf7mls_progress_barinner {
1178 background: #3CBC3C;
1179 height: 100%;
1180 width: 0%;
1181 }
1182 .cf7mls_number_step_wrap .cf7mls_progress_percent {
1183 height: 8px;
1184 overflow: hidden;
1185 position: relative;
1186 left: 0;
1187 width: 100%;
1188 margin: 16px 0 14px;
1189 background: #EBEBEB;
1190 border-radius: 6px;
1191 }
1192 /* ========= Start progress bar percent ========= */
1193 #cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
1194 display: none;
1195 }
1196 #cf7mls-progress-bar .cf7mls_progress_bar_per_mobie_wrap {
1197 display: block;
1198 }
1199 .cf7mls-btns {
1200 overflow: hidden;
1201 width: 100%;
1202 display: block !important;
1203 }
1204 .cf7mls_progress_bar_percent_wrap {
1205 float: left;
1206 width: 100%;
1207 margin-right: 8%;
1208 }
1209 .cf7mls-btns .cf7mls_back + .cf7mls_next + .cf7mls_progress_bar_percent_wrap {
1210 /* width: 60%; */
1211 width: 100%;
1212 }
1213 .cf7mls-btns .cf7mls_back + .cf7mls_progress_bar_percent_wrap,
1214 .cf7mls-btns .cf7mls_next + .cf7mls_progress_bar_percent_wrap {
1215 /* width: 74%; */
1216 width: 100%;
1217 }
1218 .cf7mls_progress_bar_percent_wrap .cf7mls_progress_bar_percent,
1219 .cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_bar_percent {
1220 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
1221 height: 100%;
1222 margin: 0 auto;
1223 width: 100%;
1224 }
1225 .cf7mls_progress_bar_percent_wrap .cf7mls_progress_percent,
1226 .cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_percent {
1227 height: 8px;
1228 }
1229 .cf7mls_progress_bar_percent_wrap .cf7mls_progress_barinner,
1230 .cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_barinner {
1231 background: #0073aa;
1232 height: 100%;
1233 width: 0%;
1234 }
1235
1236 .cf7mls_progress_bar_percent_wrap .cf7mls_progress_percent {
1237 overflow: hidden;
1238 position: relative;
1239 left: 0;
1240 margin: 22px 0 8px;
1241 background: #EBEBEB;
1242 height: 5px;
1243 border-radius: 5px;
1244 }
1245 .cf7mls_progress_bar_percent_wrap p,
1246 .cf7mls_progress_bar_per_mobie_wrap p {
1247 font-size: 13px;
1248 font-weight: normal;
1249 font-stretch: normal;
1250 font-style: normal;
1251 letter-spacing: normal;
1252 text-align: left;
1253 color: #8f8f8f;
1254 margin: 0px;
1255 padding: 0px;
1256 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
1257 }
1258
1259 .cf7mls_progress_bar_per_mobie_wrap {
1260 width: 100%;
1261 clear: both;
1262 padding-top: 23px;
1263 }
1264 .cf7mls_progress_bar_per_mobie_wrap .cf7mls_progress_percent {
1265 overflow: hidden;
1266 position: relative;
1267 left: 0;
1268 background: #EBEBEB;
1269 height: 5px;
1270 border-radius: 5px;
1271 }
1272
1273 /* ========= end ========= */
1274 @media only screen and (max-width: 768px) {
1275 /* progress bar */
1276 .cf7mls_progress_bar {
1277 display: none;
1278 }
1279 .cf7mls_number_step_wrap {
1280 display: block;
1281 margin-top: 20px;
1282 margin-bottom: 20px;
1283 }
1284 /* progress bar percent */
1285 #cf7mls-progress-bar .cf7mls_progress_bar_per_mobie_wrap {
1286 display: block;
1287 }
1288 #cf7mls-progress-bar .cf7mls_progress_bar_percent_wrap {
1289 display: none;
1290 }
1291 .fieldset-cf7mls .cf7mls_progress_bar_percent_wrap {
1292 width: 100%;
1293 }
1294 .cf7mls-btns .cf7mls_back + .cf7mls_next + .cf7mls_progress_bar_percent_wrap {
1295 width: 100%;
1296 }
1297 .cf7mls-btns .cf7mls_back + .cf7mls_progress_bar_percent_wrap,
1298 .cf7mls-btns .cf7mls_next + .cf7mls_progress_bar_percent_wrap {
1299 width: 100%;
1300 }
1301 .cf7mls-btns {
1302 overflow: hidden;
1303 }
1304 }
1305 .cf7mls_progress_bar .cf7_mls_steps_item .cf7_mls_steps_item_content {
1306 cursor: pointer;
1307 }
1308 #cf7mls_progress_bar.cf7mls_bar_style_horizontal_squaren li.cf7_mls_steps_item:nth-child(2)::after {
1309 transition: width .3s ease-in-out;
1310 -moz-transition: width .3s ease-in-out;
1311 -webkit-transition: width .3s ease-in-out;
1312 }
1313 #cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_squaren li.cf7_mls_steps_item:nth-child(2)::after,
1314 #cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_round li.cf7_mls_steps_item:nth-child(2)::after,
1315 #cf7mls_progress_bar.cf7mls_bar_style_horizontal_squaren li.cf7_mls_steps_item:nth-child(2)::after,
1316 #cf7mls_progress_bar.cf7mls_bar_style_horizontal_round li.cf7_mls_steps_item:nth-child(2)::after,
1317 #cf7mls_progress_bar.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li.cf7_mls_steps_item:nth-child(2)::before,
1318 #cf7mls_progress_bar.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li.cf7_mls_steps_item:nth-child(2)::before,
1319 #cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title:after,
1320 #cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li:nth-child(1) .cf7mls_progress_bar_title:after {
1321 transition: width .3s ease-in-out;
1322 -moz-transition: width .3s ease-in-out;
1323 -webkit-transition: width .3s ease-in-out;
1324 }
1325 #cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no li:nth-child(1) .cf7mls_progress_bar_title:after,
1326 #cf7mls_progress_bar.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_no li:nth-child(1) .cf7mls_progress_bar_title:after {
1327 transition: width .8s ease-in-out;
1328 -moz-transition: width .8s ease-in-out;
1329 -webkit-transition: width .8s ease-in-out;
1330 }
1331 #cf7mls_progress_bar li.cf7mls_active_line::after,
1332 #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,
1333 #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,
1334 #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,
1335 #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,
1336 #cf7mls_progress_bar.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li.cf7mls_active_line:before,
1337 #cf7mls_progress_bar.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li.cf7mls_active_line:before {
1338 width: 0 !important;
1339 }
1340 #cf7mls_progress_bar li.cf7_mls_steps_item_none::after,
1341 #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,
1342 #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,
1343 #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,
1344 #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,
1345 #cf7mls_progress_bar.cf7mls_bar_style_horizontal_squaren.cf7mls_bar_style_text_horizontal li.cf7_mls_steps_item_none:nth-child(2):before,
1346 #cf7mls_progress_bar.cf7mls_bar_style_horizontal_round.cf7mls_bar_style_text_horizontal li.cf7_mls_steps_item_none:nth-child(2):before {
1347 display: none;
1348 }
...\ No newline at end of file ...\ No newline at end of file
1 <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"
2 width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
3 <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">
4 <animateTransform attributeType="xml"
5 attributeName="transform"
6 type="rotate"
7 from="0 25 25"
8 to="360 25 25"
9 dur="0.9s"
10 repeatCount="indefinite"/>
11 </path>
12 </svg>
1 (function ($) {
2 //jQuery time
3 var current_fs, next_fs, previous_fs; //fieldsets
4 var left, opacity, scale; //fieldset properties which we will animate
5 var animating; //flag to prevent quick multi-click glitches
6 var has_response = false;
7 var preview_clicked = false;
8 var next_clicked = false;
9 var step_click = false;
10
11 jQuery(document).ready(function ($) {
12
13 if($("form.wpcf7-form .cf7mls_progress_bar.cf7mls_bar_style_box_larerSign_squaren").height() >= 100) {
14 $('head').append('<style>.cf7mls_bar_style_box_larerSign_squaren.cf7mls_bar_style_text_vertical li:after{width: 74px;height: 74px;left: -36px;}</style>');
15 }
16 // Transition effects
17 $("form.wpcf7-form").each(function (index, el) {
18 cf7mls_transition_effects(el, 'effects_in');
19 });
20
21 $("form.wpcf7-form").each(function (index, el) {
22 var totalFieldset = 0;
23 var this_form = $(el);
24 var findFieldset = $(el).find("fieldset.fieldset-cf7mls");
25 if (findFieldset.length > 0) {
26 this_form.addClass('cf7mls')
27 $.each(findFieldset, function (i2, el2) {
28 if (i2 == 0) {
29 $(el2).addClass("cf7mls_current_fs");
30 }
31
32 jQuery(el2).attr("data-cf7mls-order", i2);
33 totalFieldset = totalFieldset + 1;
34 //disable next button if the fieldset has wpcf7-acceptances
35 var acceptances = jQuery(el2).find("input:checkbox.wpcf7-acceptances");
36 if (acceptances.length) {
37 cf7mls_toggle_next_btn(acceptances, el2);
38 }
39 });
40 $.each(findFieldset, function (i2, el2) {
41 if (i2 == totalFieldset - 1) {
42 $(el2)
43 .find(".cf7mls_next")
44 .remove();
45 }
46 });
47 $(el).attr("data-count-fieldset", totalFieldset);
48 //on form submit
49 if(cf7mls_object.disable_submit == 'true') {
50 if (cf7mls_object.disable_enter_key) {
51 $(el)
52 .find('[type="submit"]')
53 .click(function (event) {
54 var findFieldset = $(el).find(
55 "fieldset.fieldset-cf7mls.cf7mls_current_fs"
56 );
57 if (findFieldset.data("cf7mls-order") != totalFieldset - 1) {
58 findFieldset.find(".cf7mls_next").click();
59 return false;
60 }
61 });
62 } else {
63 $(el).submit(function (event) {
64 var findFieldset = $(el).find(
65 "fieldset.fieldset-cf7mls.cf7mls_current_fs"
66 );
67 if (findFieldset.data("cf7mls-order") != totalFieldset - 1) {
68 findFieldset.find(".cf7mls_next").click();
69 return false;
70 }
71 });
72 }
73 }
74 }
75 //recall fields
76 $(el)
77 .find("input.wpcf7-cf7_recall")
78 .each(function (njt_a_i, njt_a_e) {
79 var $this = $(njt_a_e);
80 var qf = this_form.find('[name="' + $this.data("qf") + '"]');
81 var sp = $("span.wpcf7-cf7_recall_" + $this.data("qf"));
82 var arrChecked = [];
83
84 var isCheckbox = false;
85 if($this.length > 0) {
86 isCheckbox = $this.data("qf") !== undefined && $this.data("qf").indexOf("cbmls") >= 0 ? true : false;
87 }
88
89 if (isCheckbox) {
90 qf = this_form.find('[name="' + $this.data("qf") + "[]" + '"]');
91 qf.on("change", function (event) {
92 event.preventDefault();
93 var _val = $(this).val();
94 if( $(this).attr('type') == 'date' ) {
95 const D = new Date(_val);
96 _val = getFormattedDate(D);
97 }
98 var arrCheckedIndex = $.inArray(_val, arrChecked);
99 if (this.checked) {
100 if (arrCheckedIndex === -1) arrChecked.push(_val);
101 } else {
102 arrChecked.splice(arrCheckedIndex, 1);
103 }
104 sp.text(arrChecked.toString());
105 $this.val(arrChecked.toString());
106 });
107 } else {
108 if (qf.val()) {
109 var _val = qf.val();
110 sp.text(_val);
111 $this.val(_val);
112 }
113 qf.on("change", function (event) {
114 event.preventDefault();
115 var _val = $(this).val();
116 if( $(this).attr('type') == 'date' ) {
117 const D = new Date(_val);
118 _val = getFormattedDate(D);
119 }
120 sp.text(_val);
121 $this.val(_val);
122 });
123 }
124 });
125 });
126
127 // Background Color Progress Bar
128 $("form.wpcf7-form").each(function (index, el) {
129 let id_form = $(el).find('.cf7mls_progress_bar').attr('data-id-form');
130 var progress_bar_bg_color = $(el).find('.cf7mls_progress_bar').attr('data-bg-color');
131 $('head').append('<style id="cf7mls_style_progress_bar_' + id_form + '" type="text/css"></style>');
132 if(progress_bar_bg_color && id_form) {
133 cf7mls_color_bar(progress_bar_bg_color, id_form, el);
134 }
135 });
136
137 jQuery(document).on(
138 "click",
139 "form.wpcf7-form input:checkbox.wpcf7-acceptances",
140 function (event) {
141 //event.preventDefault();
142 var $this = jQuery(this);
143 var parent_fieldset = $this.closest("fieldset.fieldset-cf7mls");
144 if (parent_fieldset.length) {
145 var acceptances = jQuery(parent_fieldset).find(
146 "input:checkbox.wpcf7-acceptances"
147 );
148 if (acceptances.length) {
149 cf7mls_toggle_next_btn(acceptances, parent_fieldset);
150 }
151 }
152 }
153 );
154
155 $(document).on("click", ".cf7mls_next", function (event) {
156 if(next_clicked == false) {
157 next_clicked = true;
158 event.preventDefault();
159 var $this = $(this);
160 $this.addClass("sending");
161 current_fs = $this.closest(".fieldset-cf7mls");
162 next_fs = current_fs.next();
163
164 var form = $this.parent().closest("form.wpcf7-form");
165
166 //signature fields
167 current_fs.find('.wpcf7-form-control-signature-global-wrap').each(function(j, wrapper){
168 var f_id = $(wrapper).attr('data-field-id')
169 var canvas = $(wrapper).find('canvas')
170 if(typeof signatures != 'undefined') {
171 $.each(signatures, function(s_i, signature){
172 if(signature.canvas.id == canvas.attr('id')) {
173 if (!signature.signature.isEmpty()){
174 $('input[name="'+f_id+'"]').val(signature.canvas.toDataURL())
175 }else{
176 $('input[name="'+f_id+'"]').val("")
177 }
178
179 }
180 })
181 }
182 });
183
184 var fd = new FormData();
185 $.each(form.find('input[type="file"]'), function (index, el) {
186 fd.append($(el).attr("name"), $(el)[0].files[0]);
187 });
188
189 var other_data = form.serializeArray();
190 $.each(other_data, function (key, input) {
191 fd.append(input.name, input.value);
192 });
193
194 $.ajax({
195 url: cf7mls_object.ajax_url + "?action=cf7mls_validation",
196 type: "POST",
197 crossDomain: true,
198 data: fd,
199 processData: false,
200 contentType: false
201 })
202 .done(function (msg) {
203 $this.removeClass("sending");
204 var json = $.parseJSON(msg);
205
206 /*
207 * Insert _form_data_id if 'json variable' has
208 */
209 if (typeof json._cf7mls_db_form_data_id != "undefined") {
210 if (!form.find('input[name="_cf7mls_db_form_data_id"]').length) {
211 form.append(
212 '<input type="hidden" name="_cf7mls_db_form_data_id" value="' +
213 json._cf7mls_db_form_data_id +
214 '" />'
215 );
216 }
217 }
218
219 if (!json.success) {
220 var checkError = 0;
221 //reset error messages
222 current_fs
223 .find(".wpcf7-form-control-wrap")
224 .removeClass("cf7mls-invalid");
225 current_fs.find(".cf7mls-invalid").removeClass("cf7mls-invalid");
226
227 current_fs
228 .find(".wpcf7-form-control-wrap .wpcf7-not-valid-tip")
229 .remove();
230
231 current_fs
232 .find(".wpcf7-form-control-wrap .wpcf7-not-valid")
233 .removeClass("wpcf7-not-valid");
234
235 if (has_response) {
236 current_fs
237 .find(".wpcf7-response-output.wpcf7-validation-errors")
238 .removeClass("wpcf7-validation-errors");
239 } else {
240 current_fs
241 .find(".wpcf7-response-output.wpcf7-validation-errors")
242 .remove();
243 }
244
245 $.each(json.invalid_fields, function (index, el) {
246 if (
247 current_fs.find('input[name="' + index + '"]').length ||
248 current_fs.find('input[name="' + index + '[]"]').length ||
249 current_fs.find('select[name="' + index + '"]').length ||
250 current_fs.find('select[name="' + index + '[]"]').length ||
251 current_fs.find('textarea[name="' + index + '"]').length ||
252 current_fs.find('textarea[name="' + index + '[]"]').length ||
253 current_fs.find('input[data-name="' + index + '"]').length ||
254 current_fs.find('input[data-name="' + index + '[]"]').length
255 ) {
256 checkError = checkError + 1;
257
258 //var controlWrap = $('.wpcf7-form-control-wrap.' + index, form);
259 var controlWraps = [
260 $('[name="' + index + '"]', form).parent(),
261 $('[name="' + index + '[]"]', form).parent(),
262 $('[data-name="' + index + '"]', form).parent(),
263 $('[data-name="' + index + '[]"]', form).parent()
264 ];
265 $.each(controlWraps, function (i1, e1) {
266 var _c = "wpcf7-not-valid-tip";
267 if (e1.hasClass("form-group")) {
268 e1.addClass("has-error");
269 _c += " help-block";
270 }
271 e1.addClass("cf7mls-invalid");
272 e1.find("span.wpcf7-not-valid-tip").remove();
273 e1.find(".wpcf7-validates-as-required").addClass(
274 "wpcf7-not-valid"
275 );
276 if (e1.parents(".wpcf7-checkbox").length) {
277 e1.parents(".wpcf7-checkbox").after(
278 '<span role="alert" class="' +
279 _c +
280 '">' +
281 el.reason +
282 "</span>"
283 );
284 } else if (e1.parents(".wpcf7-radio").length) {
285 e1.parents(".wpcf7-radio").after(
286 '<span role="alert" class="' +
287 _c +
288 '">' +
289 el.reason +
290 "</span>"
291 );
292 } else {
293 e1.append(
294 '<span role="alert" class="' +
295 _c +
296 '">' +
297 el.reason +
298 "</span>"
299 );
300 }
301 });
302
303 //return false;
304 }
305 });
306
307 if (checkError == 0) {
308 json.success = true;
309 has_response = false;
310 // jQuery("html, body").animate(
311 // {
312 // scrollTop: jQuery($this.closest("form")).offset().top - 110
313 // },
314 // 1000
315 // );
316 } else {
317 if (current_fs.find(".wpcf7-response-output").length) {
318 has_response = true;
319
320 $icon = '';
321 $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">';
322 $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"/>';
323 $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"/>';
324 $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>';
325 current_fs
326 .find(".wpcf7-response-output")
327 .addClass("wpcf7-validation-errors")
328 .show()
329 .html($icon + json.message);
330 } else {
331 has_response = false;
332 $icon = '';
333 $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">';
334 $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"/>';
335 $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"/>';
336 $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>';
337
338 current_fs.append(
339 '<div class="wpcf7-response-output wpcf7-display-none wpcf7-validation-errors" style="display: block;" role="alert">' + $icon +
340 json.message +
341 "</div>"
342
343
344 );
345 }
346 }
347 }
348
349 if (json.success) {
350 /*
351 current_fs.fadeOut('400', function() {
352 next_fs.fadeIn('400');
353 });
354
355 });
356 */
357
358 //reset error messages
359 current_fs
360 .find(".wpcf7-form-control-wrap")
361 .removeClass("cf7mls-invalid");
362 current_fs.find(".cf7mls-invalid").removeClass("cf7mls-invalid");
363 current_fs.find(".wpcf7-not-valid").removeClass("wpcf7-not-valid");
364 current_fs
365 .find(".wpcf7-form-control-wrap .wpcf7-not-valid-tip")
366 .remove();
367
368 /*
369 * Instead of hiding current fs, we hide all
370 */
371 /*
372 current_fs.css({
373 height: '0px',
374 overflow: 'hidden',
375 opacity: '0',
376 'visibility': 'hidden'
377 }).removeClass('cf7mls_current_fs');
378 */
379
380 form.find(".cf7mls_current_fs").addClass("cf7mls_back_fs");
381
382 form.find(".fieldset-cf7mls").removeClass("cf7mls_current_fs");
383
384 next_fs.addClass("cf7mls_current_fs");
385
386 if (form.find(".cf7mls_progress_bar").length) {
387 let allow_choose_step = form.find('.cf7mls_progress_bar').attr('data-allow-choose-step');
388 let order_cur = Number(form.find('fieldset.cf7mls-choose-step').attr('data-cf7mls-order'));
389 let step_cur = Number(form.find(".cf7mls_progress_bar li.current").attr('data-counter')) - 1;
390
391 // allow choose step
392 if(allow_choose_step === 'on') {
393 form.find('fieldset.fieldset-cf7mls').css({display: ''});
394 form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls-choose-step");
395 for (let index = 0; index < step_cur; index++) {
396 console.log(index)
397 if(!$("form fieldset.fieldset-cf7mls[data-cf7mls-order="+index+"]").hasClass('cf7mls_back_fs')){
398 $("form fieldset.fieldset-cf7mls[data-cf7mls-order="+index+"]").addClass('cf7mls_back_fs');
399 }
400 }
401 }
402
403 if((allow_choose_step === 'on') &&
404 ((order_cur !== step_cur) && ((order_cur === 0) || order_cur))
405 ) {
406
407 $('form .cf7mls_progress_bar li.cf7_mls_steps_item').each(function( index) {
408 if($(this).hasClass('choose-step')) {
409 $(this).removeClass('choose-step');
410 }
411 });
412 form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls_back_fs");
413 form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls_current_fs");
414
415 form.find('fieldset.fieldset-cf7mls').each(function( index, el ) {
416 if(index > step_cur) {
417 return;
418 }
419 $(el).addClass("cf7mls_back_fs");
420 if(index === step_cur) {
421 $(el).removeClass("cf7mls_back_fs");
422 $(el).addClass("cf7mls_current_fs");
423 }
424 });
425 }else {
426 var cur = form.find("fieldset.fieldset-cf7mls").index(current_fs);
427 var nex = form.find("fieldset.fieldset-cf7mls").index(next_fs);
428 // if(cf7mls_object.is_rtl == '1') {
429 // cur = 0 - cur
430 // nex = 0 - nex
431 // }
432 form
433 .find(".cf7mls_progress_bar li")
434 .eq(cur)
435 .removeClass("current");
436 form
437 .find(".cf7mls_progress_bar li")
438 .eq(nex)
439 .addClass("active current");
440
441 cf7mls_step_item_finish(cur, nex, form, 'next');
442 cf7mls_icon_check('next');
443 }
444 }
445
446
447 // Progress Bar in ipad and mobie phone
448 if(form.find(".cf7mls_number_step_wrap").length) {
449 cf7mls_bar_process(form);
450 }
451
452 cf7mls_transition_effects(form, 'effects_next');
453
454 dhScrollTo(form);
455 return false;
456 } else {}
457 next_clicked = false;
458 })
459 .fail(function () {
460 $this.removeClass("sending");
461 next_clicked = false;
462 // console.log("Validation error");
463 })
464 .always(function () {
465 $this.removeClass("sending");
466 next_clicked = false;
467 // console.log("Validation complete");
468 });
469
470 return false;
471 }
472 });
473
474 $(document).on("click", ".cf7mls_back", function (event) {
475 var $this = $(this);
476 var form = $this.parent().closest("form.wpcf7-form");
477
478 $(".wpcf7-response-output.wpcf7-display-none")
479 .removeClass("wpcf7-validation-errors")
480 .removeAttr("style")
481 .html("");
482 $(".wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok").hide();
483
484 current_fs = $this.closest(".fieldset-cf7mls");
485 previous_fs = current_fs.prev();
486
487 //reset error messages
488 current_fs.find(".wpcf7-form-control-wrap").removeClass("cf7mls-invalid");
489 current_fs.find(".cf7mls-invalid").removeClass("cf7mls-invalid");
490 current_fs.find(".wpcf7-not-valid").removeClass("wpcf7-not-valid");
491 current_fs.find(".wpcf7-form-control-wrap .wpcf7-not-valid-tip").remove();
492
493 /*
494 * Instead of hide current fs, we hide all
495 */
496 /*current_fs.css({
497 height: '0px',
498 overflow: 'hidden',
499 opacity: '0',
500 'visibility': 'hidden'
501 }).removeClass('cf7mls_current_fs');*/
502 form.find(".fieldset-cf7mls").removeClass("cf7mls_current_fs");
503
504 previous_fs.addClass("cf7mls_current_fs").removeClass("cf7mls_back_fs");
505
506 if (form.find(".cf7mls_progress_bar").length) {
507 form.find('fieldset.fieldset-cf7mls').css({display: ''});
508 let allow_choose_step = form.find('.cf7mls_progress_bar').attr('data-allow-choose-step');
509 let order_cur = Number(form.find('fieldset.cf7mls-choose-step').attr('data-cf7mls-order'));
510 let step_cur = Number(form.find(".cf7mls_progress_bar li.choose-step").attr('data-counter')) - 1;
511 if((allow_choose_step === 'on') &&
512 ((order_cur !== step_cur) && ((order_cur === 0) || order_cur))
513 ) {
514 $('form .cf7mls_progress_bar li.cf7_mls_steps_item').each(function( index) {
515 if($(this).hasClass('choose-step')) {
516 $(this).removeClass('choose-step');
517 $(this).addClass('active');
518 $(this).addClass('current');
519 if($(this).next().hasClass('cf7mls-steps-item-finish')) {
520 $(this).next().removeClass('active');
521 $(this).next().removeClass('current');
522 }
523 } else {
524 if($(this).hasClass('active') && $(this).hasClass('current') && !$(this).hasClass('cf7mls-steps-item-finish') ) {
525 $(this).removeClass('active');
526 $(this).removeClass('current');
527 }
528 }
529 });
530 form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls_back_fs");
531 form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls_current_fs");
532 form.find("fieldset.fieldset-cf7mls").removeClass("cf7mls-choose-step");
533
534 form.find('fieldset.fieldset-cf7mls').each(function( index, el ) {
535 if(index > step_cur) {
536 return;
537 }
538 $(el).addClass("cf7mls_back_fs");
539 if(index === step_cur) {
540 $(el).removeClass("cf7mls_back_fs");
541 $(el).addClass("cf7mls_current_fs");
542 }
543 });
544 }else {
545 var pre = form.find("fieldset.fieldset-cf7mls").index(previous_fs)
546 var cur = form.find("fieldset.fieldset-cf7mls").index(current_fs)
547 // if(cf7mls_object.is_rtl == '1') {
548 // pre = 0 - pre
549 // cur = 0 - cur
550 // }
551 form
552 .find(".cf7mls_progress_bar li")
553 .eq(pre)
554 .addClass("active current");
555 form
556 .find(".cf7mls_progress_bar li")
557 .eq(cur)
558 .removeClass("active current");
559
560 cf7mls_icon_check('back');
561 cf7mls_step_item_finish(pre, cur, form, 'back');
562 }
563 }
564
565 // Progress Bar in ipad and mobie phone
566 if(form.find(".cf7mls_number_step_wrap").length) {
567 cf7mls_bar_process(form);
568 }
569
570 cf7mls_transition_effects(form, 'effects_back');
571
572 dhScrollTo(form);
573 return false;
574 });
575
576 /*
577 * Preview Form Clicked
578 */
579 $(document).on("click", ".cf7mls_close_preview", function (event) {
580 event.preventDefault();
581 var $this = $(this);
582 var form = $this.closest("form.wpcf7-form");
583 form.css('padding-top', '0px');
584 form.find("ul.cf7mls_progress_bar").css('display', 'flex');
585 form.find( ".cf7mls_close_preview" ).remove();
586 form.css('overflow', '');
587 // form.find(".fieldset-cf7mls").css({
588 // height: "",
589 // overflow: "",
590 // opacity: "",
591 // visibility: ""
592 // });
593
594 form.find(".cf7mls_back").css('display', '');
595 form.find(".cf7mls_next").css('display', '');
596 form.find(".wpcf7-cf7mls_preview_step").css('display', '');
597
598 form.find('.fieldset-cf7mls').removeClass('cf7mls_preview_fs');
599
600 form.find("input").removeAttr("disabled");
601 form.find("button").removeAttr("disabled");
602 form.find("select").removeAttr("disabled");
603 form.find("textarea").removeAttr("disabled");
604
605 form.removeClass("cf7mls_reviewing");
606 $("body")
607 .find(".cf7mls_reviewing_overlay")
608 .remove();
609 preview_clicked = !preview_clicked;
610 });
611
612 $(document).on("click", ".wpcf7-cf7mls_preview_step", function (event) {
613 event.preventDefault();
614 var $this = $(this);
615 var form = $this.closest("form.wpcf7-form");
616
617 if (preview_clicked === false) {
618 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>");
619 form.css('padding-top', '20px');
620 form.find("ul.cf7mls_progress_bar").css('display', 'none');
621
622 form.find(".cf7mls_back").css('display', 'none');
623 form.find(".cf7mls_next").css('display', 'none');
624 form.find(".wpcf7-cf7mls_preview_step").css('display', 'none');
625
626 form.css('overflow', 'inherit');
627 // form.find(".fieldset-cf7mls").css({
628 // height: "auto",
629 // overflow: "visible",
630 // opacity: "1",
631 // visibility: "visible"
632 // });
633 form.find("input").attr("disabled", "disabled");
634 form.find("button").attr("disabled", "disabled");
635 form.find("select").attr("disabled", "disabled");
636 form.find("textarea").attr("disabled", "disabled");
637 form.find(".wpcf7-cf7mls_preview_step").removeAttr("disabled");
638
639 form.addClass("cf7mls_reviewing");
640 $("body").append('<div class="cf7mls_reviewing_overlay"></div>');
641 form.find('.fieldset-cf7mls').addClass('cf7mls_preview_fs');
642 } else {
643 form.css('padding-top', '0px');
644 form.find("ul.cf7mls_progress_bar").css('display', 'flex');
645 form.find( ".cf7mls_close_preview" ).remove();
646 form.css('overflow', '');
647 // form.find(".fieldset-cf7mls").css({
648 // height: "",
649 // overflow: "",
650 // opacity: "",
651 // visibility: ""
652 // });
653
654 form.find(".cf7mls_back").css('display', '');
655 form.find(".cf7mls_next").css('display', '');
656 form.find(".wpcf7-cf7mls_preview_step").css('display', '');
657
658 form.find('.fieldset-cf7mls').removeClass('cf7mls_preview_fs');
659
660 form.find("input").removeAttr("disabled");
661 form.find("button").removeAttr("disabled");
662 form.find("select").removeAttr("disabled");
663 form.find("textarea").removeAttr("disabled");
664
665 form.removeClass("cf7mls_reviewing");
666 $("body")
667 .find(".cf7mls_reviewing_overlay")
668 .remove();
669 }
670
671 preview_clicked = !preview_clicked;
672 });
673 });
674
675 // Allow Choose Step
676 $("form.wpcf7-form").each(function (index, el) {
677 let style_bar = $(el).find('.cf7mls_progress_bar').attr('data-bg-style-bar');
678 let step = '';
679 if(style_bar == 'box_vertical_squaren' ||
680 style_bar == 'box_larerSign_squaren'
681 ) {
682 step = $('.cf7mls_progress_bar li');
683 step_click = '.cf7mls_progress_bar li';
684 }else {
685 step = $('.cf7mls_progress_bar li .cf7_mls_steps_item_icon, .cf7mls_progress_bar li .cf7_mls_steps_item_content');
686 step_click = '.cf7mls_progress_bar li .cf7_mls_steps_item_icon, .cf7mls_progress_bar li .cf7_mls_steps_item_content';
687 }
688 });
689
690 $(document).on("click", step_click, function (event) {
691 var allow_choose_step = $(this).parents('.cf7mls_progress_bar').attr('data-allow-choose-step');
692 let style_bar = $(this).parents('.cf7mls_progress_bar').attr('data-bg-style-bar');
693 if(allow_choose_step === 'on') {
694 var form = $(this).parents("form.wpcf7-form");
695 form.find('.wpcf7-response-output').css('display', '');
696 // form.find('.wpcf7-response-output').text('');
697 let step_action = '';
698
699 if(style_bar == 'box_vertical_squaren' ||
700 style_bar == 'box_larerSign_squaren'
701 ) {
702 step_action = Number($(this).attr('data-counter')) - 1;
703 $( "form .cf7mls_progress_bar li.cf7_mls_steps_item" ).each(function( index ) {
704 $(this).removeClass('choose-step');
705 if($(this).hasClass('active') && $(this).hasClass('current') && !$(this).hasClass('cf7mls-steps-item-finish')) {
706 $(this).removeClass('active');
707 $(this).removeClass('current');
708 $(this).addClass('choose-step');
709 }
710 });
711 if(!$(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).hasClass('cf7mls-steps-item-finish')) {
712 $(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('active');
713 $(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('current');
714 }
715 }else {
716 step_action = Number($(this).parents('li').attr('data-counter')) - 1;
717 $( "form .cf7mls_progress_bar li.cf7_mls_steps_item" ).each(function( index ) {
718 $(this).removeClass('choose-step');
719 if($(this).hasClass('active') && $(this).hasClass('current') && !$(this).hasClass('cf7mls-steps-item-finish')) {
720 $(this).removeClass('active');
721 $(this).removeClass('current');
722 $(this).addClass('choose-step');
723 if($(this).next().hasClass('cf7mls-steps-item-finish')) {
724 $(this).addClass('active');
725 }
726 }
727 else if($(this).hasClass('active') && $(this).hasClass('current') && $(this).hasClass('cf7mls-steps-item-finish')) {
728 if( !$(this).next().hasClass('cf7mls-steps-item-finish') ){
729 $(this).removeClass('active');
730 }
731 $(this).addClass('choose-step');
732 $(this).removeClass('current');
733 // $(this).removeClass('cf7mls-steps-item-finish');
734 }
735 });
736 if(!$(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+step_action+"]")).next().hasClass('cf7mls-steps-item-finish')) {
737 $(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('active');
738 $(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('current');
739 } else {
740 $(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('active');
741 $(form.find(".cf7mls_progress_bar li.cf7_mls_steps_item[data-counter="+(step_action+1)+"]")).addClass('current');
742 }
743 }
744
745 $(form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls')[step_action]).removeClass('cf7mls-choose-step');
746 form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls').removeClass('cf7mls_back_fs');
747 form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls').removeClass('cf7mls_current_fs');
748 form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls').removeClass('cf7mls-choose-step');
749
750 form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls').css({display: 'none'});
751 $(form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls')[step_action]).addClass('cf7mls_current_fs');
752 $(form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls')[step_action]).addClass('cf7mls-choose-step');
753 $(form.find('.fieldset-cf7mls-wrapper .fieldset-cf7mls')[step_action]).css({display: ''});
754 // console.log(step_action);
755 cf7mls_transition_effects(form,'effects_next');
756 }
757 });
758
759
760
761 //jQuery(window).on("load", function () {
762 // jQuery.each(jQuery('form.wpcf7-form'), function(index, el) {
763 // var bar_li = jQuery('.cf7mls_progress_bar li', jQuery(el));
764 // bar_li.css({
765 // 'width' : "calc(100% / " + bar_li.length + ")"
766 // });
767 // var le = jQuery('.cf7mls_progress_bar li', jQuery(el)).length;
768 // jQuery.each(jQuery('.cf7mls_progress_bar li', jQuery(el)), function(index, el) {
769 // jQuery(el).attr('data-counter', index + 1);
770 // jQuery(el).attr('data-counter_rtl', le);
771 // le--;
772 // });
773 // });
774 //});
775
776 function cf7mls_is_not_last_fieldset(fieldset, total_fieldset) {
777 var order = fieldset.data("cf7mls-order");
778 return order != total_fieldset;
779 }
780
781 function dhScrollTo(el) {
782 if (el.find(".fieldset-cf7mls-wrapper.no-scroll").length || el.hasClass('cf7mls-no-scroll')) {
783 return;
784 }
785 if (cf7mls_object.scroll_step == "true") {
786 $("html, body").animate({
787 scrollTop: el.offset().top - 110
788 },
789 "slow"
790 );
791 } else if (cf7mls_object.scroll_step == "scroll_to_top") {
792 $("html, body").animate({
793 scrollTop: $("body").offset().top - 110
794 },
795 "slow"
796 );
797 }
798 }
799
800 function cf7mls_toggle_next_btn(acceptances, fieldset) {
801 if (acceptances.length > 0) {
802 var ii = 0;
803 jQuery.each(acceptances, function (i, v) {
804 if (jQuery(v).is(":checked")) {
805 //console.log('checked');
806 } else {
807 ii++;
808 }
809 });
810 if (ii > 0) {
811 //console.log(ii);
812 jQuery(fieldset)
813 .find(".cf7mls_next")
814 .attr("disabled", "disabled");
815 } else {
816 jQuery(fieldset)
817 .find(".cf7mls_next")
818 .removeAttr("disabled");
819 }
820 }
821 }
822
823 // show, hide icon check
824 function cf7mls_icon_check(event) {
825 if(event == 'next') {
826 $('.cf7mls_progress_bar li').each(function(key, el) {
827 if(($(el).hasClass('active')) && !($(el).hasClass('current'))) {
828 $($(el).find('.cf7_mls_count_step')).css('display', 'none');
829 $($(el).find('.cf7_mls_check')).css('display', 'block');
830 }
831 })
832 }
833
834 if(event == 'back') {
835 $('.cf7mls_progress_bar li').each(function(key, el) {
836 if(!($(el).hasClass('active')) || ($(el).hasClass('current'))) {
837 $($(el).find('.cf7_mls_count_step')).css('display', 'block');
838 $($(el).find('.cf7_mls_check')).css('display', 'none');
839 }
840 })
841 }
842 }
843
844 // add, remove class step item finish
845 function cf7mls_step_item_finish (cur, nex, form, event) {
846 let style_text = form.find('.cf7mls_progress_bar').attr('data-style-text');
847 let style_bar = form.find('.cf7mls_progress_bar').attr('data-bg-style-bar');
848 /*
849 note: cur start form 0, nex start form 1.
850 */
851 let numberItem;
852 if(style_text == 'horizontal' || style_text == 'no') {
853 if((style_bar == 'navigation_horizontal_squaren') ||
854 (style_bar == 'navigation_horizontal_round') ||
855 (style_bar == 'largerSign_squaren') ||
856 (style_bar == 'largerSign_round')
857 ) {
858 numberItem = cur;
859 }
860 }
861
862 if(style_text == 'vertical') {
863 if((style_bar == 'navigation_horizontal_squaren') ||
864 (style_bar == 'navigation_horizontal_round') ||
865 (style_bar == 'largerSign_squaren') ||
866 (style_bar == 'largerSign_round')
867 ) {
868 numberItem = nex;
869 }
870 }
871
872 if((style_bar == 'box_vertical_squaren') ||
873 (style_bar == 'box_larerSign_squaren'))
874 {
875 numberItem = cur;
876 }
877
878 if((style_bar == 'horizontal_round') ||
879 (style_bar == 'horizontal_squaren')
880 ) {
881 numberItem = nex;
882 }
883
884 if(numberItem || numberItem == '0') {
885 if(event == 'next') {
886 form
887 .find(".cf7mls_progress_bar li")
888 .eq(numberItem)
889 .addClass("cf7mls-steps-item-finish");
890 }else if(event == 'back') {
891 form
892 .find(".cf7mls_progress_bar li")
893 .eq(numberItem)
894 .removeClass("cf7mls-steps-item-finish");
895 }
896
897 }
898 }
899
900 function cf7mls_color_bar(color, id_form, el) {
901 let style_bar = 'cf7mls_bar_style_' + $(el).find('.cf7mls_progress_bar').attr('data-bg-style-bar');
902 let style_text = 'cf7mls_bar_style_text_' + $(el).find('.cf7mls_progress_bar').attr('data-style-text');
903
904 let css_item_icon = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active .cf7_mls_steps_item_icon { background: '+ color + ';}';
905 let css_item_icon_befor = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active:before { background: '+ color + ';}';
906 let css_bg_li = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active{ background: '+ color + ';}';
907 let css_step = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active .cf7_mls_count_step{ color: '+ color + ';}'
908 let css_check = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active .cf7_mls_check{ color: '+ color + ';}';
909 let css_li_after = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active:after{background: '+ color + ';}';
910 let css_box_li_after = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active:after{background: #eaedef;}';
911 let css_box_li_finish_after = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.cf7mls-steps-item-finish + li:after{background:'+ color + ';}';
912 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 + ';}';
913 let css_active_title = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.active .cf7mls_progress_bar_title{color: #fff;}';
914 let classItemFinsish = '.' + style_bar + '.' + style_text + '[data-id-form="'+ id_form +'"]' + ' li.cf7mls-steps-item-finish';
915 let classCurrent = '.' + style_bar + '.' + style_text + ' li.current';
916 let css_title_after = '.cf7mls_progress_bar_title:after{background: '+ color + ';}';
917 let css_title_border = '.cf7mls_progress_bar_title:after{border-color: '+ color + ';}';
918 let css_li_cur = '.' + style_bar + '.' + style_text + ' li.current + li:after{ background: '+ color + ';}';
919
920 let css_progress_bar = '';
921 // progress bar on computer
922 if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
923 (style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
924 (style_bar == 'cf7mls_bar_style_navigation_horizontal_round') ||
925 (style_bar == 'cf7mls_bar_style_largerSign_round')
926 ) {
927 switch (style_text) {
928 case 'cf7mls_bar_style_text_horizontal':
929 css_progress_bar += css_item_icon;
930
931 if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
932 (style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
933 ) {
934 css_progress_bar += classItemFinsish + ' ' + css_title_after;
935 }
936
937 if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
938 (style_bar == 'cf7mls_bar_style_largerSign_round')
939 ) {
940 css_progress_bar += classItemFinsish + ' ' + '.cf7_mls_arrow_point_to_righ svg {fill: '+ color + ';}';
941 }
942
943 break;
944
945 case 'cf7mls_bar_style_text_vertical':
946 css_progress_bar += css_item_icon_befor;
947
948 if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
949 (style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
950 ) {
951 css_progress_bar += classItemFinsish + ':after{ background: '+ color + ';}';
952 }
953
954 if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
955 (style_bar == 'cf7mls_bar_style_largerSign_round')
956 ) {
957 css_progress_bar += classItemFinsish + ':after{ border-color: '+ color + ';}';
958 }
959
960 break;
961
962 case 'cf7mls_bar_style_text_no':
963 css_progress_bar += css_item_icon;
964
965 if((style_bar == 'cf7mls_bar_style_navigation_horizontal_squaren') ||
966 (style_bar == 'cf7mls_bar_style_navigation_horizontal_round')
967 ) {
968 css_progress_bar += classItemFinsish + ' ' + css_title_after;
969 }
970
971 if((style_bar == 'cf7mls_bar_style_largerSign_squaren') ||
972 (style_bar == 'cf7mls_bar_style_largerSign_round')
973 ) {
974 css_progress_bar += classItemFinsish + ' ' + css_title_border;
975 }
976 break;
977 }
978 }
979
980 if((style_bar == 'cf7mls_bar_style_horizontal_squaren') ||
981 (style_bar == 'cf7mls_bar_style_horizontal_round')
982 ) {
983 if(style_text == 'cf7mls_bar_style_text_horizontal') {
984 css_progress_bar += css_item_icon;
985 css_progress_bar += classCurrent + ':before {background-color:' + color + '}';
986 }
987
988 if((style_text == 'cf7mls_bar_style_text_vertical') ||
989 (style_text == 'cf7mls_bar_style_text_no')) {
990 css_progress_bar += css_item_icon_befor;
991 css_progress_bar += classCurrent + ':after {background-color:' + color + '}';
992 }
993 }
994
995 if(((style_bar == 'cf7mls_bar_style_box_vertical_squaren') ||
996 (style_bar == 'cf7mls_bar_style_box_larerSign_squaren')) &&
997 (style_text)
998 ) {
999 css_progress_bar += css_bg_li;
1000 css_progress_bar += css_step;
1001 css_progress_bar += css_check;
1002 css_progress_bar += css_li_after;
1003 css_progress_bar += css_active_title;
1004 }
1005
1006 if(style_bar == 'cf7mls_bar_style_box_larerSign_squaren') {
1007 css_progress_bar += css_li_cur;
1008 css_progress_bar += css_box_li_after;
1009 css_progress_bar += css_box_li_finish_after;
1010 css_progress_bar += css_box_li_before_finish_after;
1011 }
1012
1013 jQuery('style#cf7mls_style_progress_bar_' + id_form).text(css_progress_bar);
1014 }
1015
1016 // progress bar in ipad and mobie phone
1017 function cf7mls_bar_process(form) {
1018 let number_step_cur = form.find('.cf7mls_progress_bar li.current').attr('data-counter');
1019 let number_step = form.find('.cf7mls_number_step_wrap').attr('data-number-step');
1020 let bg_color = form.find('.cf7mls_number_step_wrap').attr('data-bg-color');
1021 if(number_step_cur && number_step) {
1022 form.find('.cf7mls_number_step_wrap .cf7mls_number').text(number_step_cur + '/' + number_step);
1023 let title = $(form.find('.cf7mls_progress_bar li')[Number(number_step_cur) - 1]).find('.cf7mls_progress_bar_title').text();
1024 form.find('.cf7mls_number_step_wrap .cf7mls_step_current').text(title);
1025 let percent_step = 100 / (Number(number_step) - 1);
1026 if(number_step_cur == '1') {
1027 form.find('.cf7mls_number_step_wrap .cf7mls_progress_barinner').css('width', '');
1028 }else {
1029 form.find('.cf7mls_number_step_wrap .cf7mls_progress_barinner').css('width', ((percent_step * (Number(number_step_cur) - 1)) + '%'));
1030 }
1031 }
1032
1033 if(bg_color) {
1034 form.find('.cf7mls_number_step_wrap .cf7mls_progress_barinner').css('background', bg_color);
1035 }
1036 }
1037
1038 function cf7mls_transition_effects(form, transitions_bt) {
1039 var transition_effects = $(form).find(".fieldset-cf7mls-wrapper").attr("data-transition-effects");
1040 if(transition_effects && typeof transition_effects !== undefined) {
1041 var effects = transition_effects.split(" ");
1042 var effect_form = {
1043 transition_effects: transition_effects,
1044 effects_back: '',
1045 effects_next: '',
1046 effects_in: ''
1047 };
1048
1049 jQuery.each(effects, function(index, effect){
1050 var es = effect.split("_");
1051
1052 switch(es[0]) {
1053 case 'back':
1054 effect_form.effects_back = es[1];
1055 break;
1056 case 'next':
1057 effect_form.effects_next = es[1];
1058 break;
1059 case 'in':
1060 effect_form.effects_in = es[1];
1061 break;
1062 }
1063 })
1064
1065 if(transitions_bt == 'effects_in') {
1066 $(form).find('.fieldset-cf7mls-wrapper .cf7mls_current_fs').addClass(effect_form.effects_in + ' ' +"animated");
1067 }else if(form.find(".fieldset-cf7mls-wrapper").length && transitions_bt) {
1068 form.find(".fieldset-cf7mls-wrapper .fieldset-cf7mls").removeClass(effect_form.effects_back);
1069 form.find(".fieldset-cf7mls-wrapper .fieldset-cf7mls").removeClass(effect_form.effects_next);
1070 form.find(".fieldset-cf7mls-wrapper .fieldset-cf7mls").removeClass(effect_form.effects_in);
1071 form.find(".fieldset-cf7mls-wrapper .fieldset-cf7mls").removeClass('animated');
1072 form.find(".fieldset-cf7mls-wrapper .cf7mls_current_fs").addClass(effect_form[transitions_bt] + ' ' + "animated");
1073 }
1074 }
1075 }
1076
1077 function getFormattedDate(date) {
1078 let year = date.getFullYear();
1079 let month = (1 + date.getMonth()).toString().padStart(2, '0');
1080 let day = date.getDate().toString().padStart(2, '0');
1081
1082 return day + '.' + month + '.' + year;
1083 }
1084
1085 })(jQuery);
...\ No newline at end of file ...\ No newline at end of file
1 Dec 23, 2021 - Version 2.6.8
2 - Fixed: Progress bar RTL
3
4 Dec 9, 2021 - Version 2.6.7
5 - Fixed: Break contact form layout
6 - Fixed: No validation for hidden field
7
8 Dec 1, 2021 – Version 2.6.6
9 – Fixed: Contact form handling properties (CF7 version >= 5.5.3)
10
11 Jun 28, 2021 - Version 2.6.5
12 - Fixed: Check step name is array or object when load form
13
14 May 28, 2021 - Version 2.6.4
15 - Fixed: Error Recall tag
16
17 May 17, 2021 - Version 2.6.3
18 - Updated: Display date of Recall tag
19
20 Apr 23, 2021 - Version 2.6.2
21 - Fixed: Button color
22 - Fixed: Form validation
23
24 Mar 15, 2021 - Version 2.6.1
25 - Fixed: Double click on Next button
26
27 Mar 1, 2021 – Version 2.6
28 - Improved: Admin UI
29 - Changed: Njt Answer tag to Recall tag
30 - Fixed: Error validate upload file since CF7 5.4
31
32 Nov 13, 2020 – Version 2.5.5
33 - Fixed: Next button in WPBakery
34 - Fixed: File upload validation
35 - Removed: Form border
36
37 Sep 9, 2020 – Version 2.5.4
38 - Fixed: Event click Allow Choose Step
39 - Fixed: CSS of color board
40 - Fixed: CSS text Select Option
41 - Fixed: Sanitize some fields
42 - Fixed: Split of undefined
43 - Fixed: CSS of Submit button only affected if its form has steps
44
45 Aug 14, 2020 - Version 2.5.3
46 - Fixed: Error with WordPress 5.5
47
48 Aug 13, 2020 - Version 2.5.2
49 - Fixed: Compatible with Moana - Contact Form 7 Builder
50
51 Jul 23, 2020 – Version 2.5.1
52 - Changed: Slogan
53 - Removed: Unused files
54
55 Jun 8, 2020 – Version 2.5
56 - Added: New layout
57 - Added: Styles for progress bar
58 - Added: Color for progress bar
59 - Added: Transition effects for steps
60 - Added: Progress percent bar
61 - Added: Live preview for progress bar
62 - Fixed: Some bugs
63
64 Jun 27, 2019 – Version 2.3
65 - Fixed: Error message for checkboxes
66 - Fixed: Checkboxes with use_label_element
67
68 May 28, 2019 – Version 2.2
69 - Added: Turn on/off for scroll animation
70
71 Apr 26, 2019 – Version 2.1
72 - Added: Name for checkbox field (-cbmls) (e.g: checkbox-123-cbmls)
73 - Fixed: Njt Answer for default option of radio button
74
75 Nov 5, 2018 – Version 2.0.1
76 - Added: Add class “current” into present steps
77 - Improved: CSS style
78 - Fixed: Some bugs
79
80 Nov 2, 2018 – Version 2.0
81 - Added: Scroll to top of form when pressed “Next”, “Back”
82 - Improved: CSS style
83 - Fixed: Red border of required fields missing
84 - Fixed: Some bugs
85
86 Jun 6, 2018 – Version 1.9.9.6
87 - Improved: CSS style
88 - Fixed: Some bugs
89
90 Feb 21, 2018 – Version 1.9.9.5
91 - Added: WordPress Hooks
92
93 Jun 25, 2017 – Version 1.9.9.4
94 - Fixed: Compatible with contact form 7 version 4.8
95
96 Apr 20, 2017 – Version 1.9.9.3
97 - Added: Display what user has filled in the form
98
99 Mar 3, 2017 – Version 1.9.9.2
100 - Added: Preview Button
101
102 Mar 3, 2017 – Version 1.9.9.1
103 - Removed more deprecated functions
104
105 Feb 25, 2017 – Version 1.9.9
106 - Change last button's background color, text color in admin panel
107 - Removed WPCF7_Shortcode
108 - Fixed small bugs
109
110 Feb 13, 2017 – Version 1.9.8
111 - Change last button's title in admin panel
112
113 Jan 2, 2017 – Version 1.9.7
114 - Remove wpcf7_add_shortcode
115
116 Jan 1, 2017 – Version 1.9.6
117 - Added: Some js functions, save user’s information every step (work with "Contact Form 7 Database")
118 - Fixed: Some small bugs
119
120 Oct 31, 2016 – Version 1.9.5
121 - Fixed: Fix js bug with some hosts
122
123 Sep 20, 2016 – Version 1.9.4
124 - Added: Some hooks for developers, fix changing button's background color.
125
126 Sep 14, 2016 – Version 1.9.3
127 - Fixed: Fix bug with multi forms
128
129 Aug 6, 2016 – Version 1.9.2
130 - Fixed: Fix small bug
131
132 Jul 16, 2016 – Version 1.9.1
133 - Fixed: Conflict with Visual Composer
134
135 Apr 7, 2016 – Version 1.9
136 - Added: Press Enter to submit
137
138 Apr 1, 2016- Version 1.7
139 - Added: Loading animation
140 - Fixed: Auto p
141 - Fixed: Validation with select
142 - Fixed: Acceptance tags
143
144 Mar 28, 2016 – Version 1.6
145 - Fixed: Validation
146
147 Mar 24, 2016 – Version 1.5
148 - Added: POT file for translate
149
150 Mar 23, 2016 – Version 1.4
151 - Added: Language translate
152
153 Mar 22, 2016 – Version 1.3
154 - Fixed: CSS
155
156 Mar 20, 2016 – Version 1.2
157 - Fixed: Translate default text in CF7 Message tab
158
159 Mar 17, 2016 – Version 1.1
160 - Fixed: JS conflict
161
162 Mar 7, 2016 – Version 1.0
163 - Version 1.0 Initial Release
...\ No newline at end of file ...\ No newline at end of file
1 <?php
2 /**
3 Plugin Name: Contact Form 7 Multi Step Pro
4 Plugin URI: http://ninjateam.org
5 Description: Break your long form into user-friendly steps.
6 Version: 2.6.8
7 Author: NinjaTeam
8 Author URI: http://ninjateam.org
9 */
10 if ( ! defined( 'ABSPATH' ) ) {
11 exit;
12 }
13
14 // if (!defined('WPCF7_AUTOP')) {
15 // define('WPCF7_AUTOP', false);
16 // }
17 define( 'CF7MLS_PLUGIN_DIR', plugin_dir_path( __FILE__ ) );
18 define( 'CF7MLS_PLUGIN_URL', plugin_dir_url( __FILE__ ) );
19 define( 'CF7MLS_NTA_VERSION', '2.6.8' );
20
21 // load text domain
22 require_once CF7MLS_PLUGIN_DIR . '/inc/I18n.php';
23 // CF7DB
24 require_once CF7MLS_PLUGIN_DIR . '/inc/cf7db.php';
25 // backend
26 require_once CF7MLS_PLUGIN_DIR . '/inc/admin/init.php';
27 require_once CF7MLS_PLUGIN_DIR . '/inc/admin/settings.php';
28 require_once CF7MLS_PLUGIN_DIR . '/inc/admin/review.php';
29 // frontend
30 require_once CF7MLS_PLUGIN_DIR . '/inc/frontend/init.php';
31 require_once CF7MLS_PLUGIN_DIR . '/inc/frontend/validation.php';
32
1 <?php
2 if ( ! class_exists( 'NjtCF7MLSI18n' ) ) {
3 class NjtCF7MLSI18n {
4
5 public function __construct() {
6 $this->doHooks();
7 }
8
9 private function doHooks() {
10 add_action( 'plugins_loaded', array( $this, 'cf7mlsLoadTextdomain' ) );
11 }
12 public function cf7mlsLoadTextdomain() {
13 load_plugin_textdomain( 'cf7mls', false, plugin_basename( CF7MLS_PLUGIN_DIR ) . '/languages/' );
14 }
15 }
16 new NjtCF7MLSI18n();
17 }
18
1 <?php
2
3 if ( ! defined( 'ABSPATH' ) ) {
4 exit;
5 }
6 if ( ! function_exists( 'cf7cmlsIsMoanaActivated' ) ) {
7 function cf7cmlsIsMoanaActivated() {
8 return defined( 'CF7_VC_DIR' );
9 }
10 }
11 // Add Document Link
12 add_filter( 'plugin_row_meta', 'cf7mls_plugin_row_meta', 10, 2 );
13 function cf7mls_plugin_row_meta( $links, $file ) {
14 if ( strpos( $file, 'contact-form-7-multi-step.php' ) !== false ) {
15 $new_links = array(
16 'doc' => '<a href="https://ninjateam.org/contact-form-7-multi-step-pro-doc/" target="_blank">' . __( 'Documentation', 'cf7mls' ) . '</a>',
17 );
18
19 $links = array_merge( $links, $new_links );
20 }
21 return $links;
22 }
23
24 add_filter( 'wpcf7_editor_panels', 'cf7mls_wpcf7_editor_panels' );
25 function cf7mls_wpcf7_editor_panels( $panels ) {
26 $panels['form-panel'] = array(
27 'title' => __( 'Form', 'contact-form-7' ),
28 'callback' => 'cf7mls_wpcf7_editor_panel_form',
29 );
30 return $panels;
31 }
32 function cf7mls_wpcf7_editor_panel_form( $post ) {
33 $desc_link = wpcf7_link(
34 __( 'https://contactform7.com/editing-form-template/', 'contact-form-7' ),
35 __( 'Editing Form Template', 'contact-form-7' )
36 );
37 $description = __( 'You can edit the form template here. For details, see %s.', 'contact-form-7' );
38 $description = sprintf( esc_html( $description ), $desc_link );
39 ?>
40
41 <h2 class="cf7mls-title-form"><?php echo esc_html( __( 'Form', 'contact-form-7' ) ); ?></h2>
42 <fieldset class="cf7mls-wrap-form">
43 <legend class="cf7mls-description-form"><?php echo $description; ?></legend>
44 <?php
45 $tag_generator = WPCF7_TagGenerator::get_instance();
46 $tag_generator->print_buttons();
47 ?>
48 <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>
49 <div id="cf7mls-app"></div>
50 </fieldset>
51
52 <?php
53 }
54
55 // add js, css
56 add_action( 'admin_enqueue_scripts', 'cf7mls_admin_scripts_callback' );
57 function cf7mls_admin_scripts_callback( $hook_suffix ) {
58 $load_js_css = false;
59 if ( ( substr( $hook_suffix, -15 ) == '_page_wpcf7-new' ) || ( $hook_suffix == 'toplevel_page_wpcf7' ) ) {
60 $load_js_css = true;
61 }
62 if ( $load_js_css === true ) {
63 wp_enqueue_style( 'wp-color-picker' );
64 wp_enqueue_script( 'wp-color-picker' );
65
66 wp_enqueue_style( 'vue-css', CF7MLS_PLUGIN_URL . '/assets/dist/css/main.css' );
67 wp_register_script( 'vue-js', CF7MLS_PLUGIN_URL . '/assets/dist/js/main.js' );
68 wp_enqueue_script( 'vue-js' );
69 wp_localize_script(
70 'vue-js',
71 'cf7_mls_vue_js',
72 array(
73 'textInputStep' => __( 'Step Name', 'contact-form-7' ),
74 'textInputBack' => __( 'Back Button', 'contact-form-7' ),
75 'textInputNext' => __( 'Next Button', 'contact-form-7' ),
76 'textEditMoana' => __( 'Edit With Moana', 'cf7mls' ),
77 'cf7cmlsIsMoanaActivated' => cf7cmlsIsMoanaActivated(),
78 )
79 );
80
81 wp_register_script( 'cf7mls', CF7MLS_PLUGIN_URL . '/assets/admin/js/cf7mls.js', array( 'jquery' ) );
82 wp_enqueue_script( 'cf7mls' );
83
84 $form_content = '';
85 $manager = WPCF7_FormTagsManager::get_instance();
86 if ( isset( $_GET['post'] ) && (int) $_GET['post'] > 0 ) {
87 $form = WPCF7_ContactForm::get_instance( sanitize_text_field( $_GET['post'] ) );
88 if ($form) {
89 $form_content = $form->prop( 'form' );
90 } else {
91 $form_content = WPCF7_ContactFormTemplate::get_default( 'form' );
92 }
93 } else {
94 $form_content = WPCF7_ContactFormTemplate::get_default( 'form' );
95 }
96 $scan = $manager->scan( $form_content );
97
98 $steps = array();
99
100 $numberStep = 0;
101 foreach ( $scan as $k => $v ) {
102 if ( $v->type == 'cf7mls_step' ) {
103 if ( count( $v->values ) == 2 ) {
104 $numberStep = (int) ( explode( '-', $v->name )[1] );
105
106 if ( $numberStep === 1 ) {
107 $steps[] = array(
108 'back' => '',
109 'next' => $v->values[0],
110 'title' => $v->values[1],
111 );
112 } else {
113 $steps[] = array(
114 'back' => $v->values[0],
115 'next' => '',
116 'title' => $v->values[1],
117 );
118 }
119 } elseif ( count( $v->values ) == 3 ) {
120 $steps[] = array(
121 'back' => $v->values[0],
122 'next' => $v->values[1],
123 'title' => $v->values[2],
124 );
125 }
126 }
127 }
128 wp_localize_script(
129 'cf7mls',
130 'cf7mls',
131 array(
132 'steps' => $steps,
133 'cf7mls_app' => null,
134 )
135 );
136
137 wp_register_style( 'cf7mls', CF7MLS_PLUGIN_URL . '/assets/admin/css/cf7mls.css' );
138 wp_enqueue_style( 'cf7mls' );
139
140 wp_register_style( 'cf7mls_progress_bar', CF7MLS_PLUGIN_URL . '/assets/frontend/css/progress_bar.css' );
141 wp_enqueue_style( 'cf7mls_progress_bar' );
142 }
143 }
144
145 /**
146 * Add step buttin to the wpcf7 tag generator.
147 */
148 function cf7mls_add_tag_generator_multistep() {
149 if ( class_exists( 'WPCF7_TagGenerator' ) ) {
150 $tag = WPCF7_TagGenerator::get_instance();
151 $tag->add(
152 'cf7mls_step',
153 __( 'Step', 'cf7mls' ),
154 'cf7mls_multistep_tag_generator_callback'
155 );
156 $tag->add(
157 'cf7_recall',
158 __( 'Recall', 'cf7mls' ),
159 'cf7mls_multistep_njt_recall_generator_callback',
160 array( 'nameless' => true )
161 );
162 $tag->add(
163 'cf7mls_preview_step',
164 __( 'Preview', 'cf7mls' ),
165 'cf7mls_multistep_preview_tag_generator_callback',
166 array( 'nameless' => true )
167 );
168 }
169 }
170 add_action( 'admin_init', 'cf7mls_add_tag_generator_multistep', 30 );
171 /**
172 * [cf7mls_multistep_tag_generator_callback description]
173 */
174 function cf7mls_multistep_tag_generator_callback( $contact_form, $args = '' ) {
175 $args = wp_parse_args( $args, array() );
176 ?>
177 <div class="control-box">
178 <fieldset>
179 <legend><?php _e( 'Generate buttons for form\'s steps.', 'cf7mls' ); ?></legend>
180 <table class="form-table cf7mls-table">
181 <tbody>
182 <tr>
183 <th scope="row"><label for="tag-generator-panel-cf7mls_step-name"><?php _e( 'Name', 'cf7mls' ); ?></label></th>
184 <td><input type="text" id="tag-generator-panel-cf7mls_step-name" class="tg-name oneline" name="name"></td>
185 </tr>
186 <tr>
187 <th scope="row">
188 <label for="tag-generator-panel-cf7mls_step-btns-title"><?php _e( 'Back, Next Buttons Title', 'cf7mls' ); ?></label>
189 </th>
190 <td>
191 <textarea name="values" id="tag-generator-panel-cf7mls_step-btns-title" class="cf7mls-values"><?php echo "Back\nNext"; ?></textarea>
192 <br />
193 <label for="tag-generator-panel-cf7mls_step-back">
194 <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>
195 </label>
196 </td>
197 </tr>
198 </tbody>
199 </table>
200 </fieldset>
201 </div>
202 <div class="insert-box">
203
204 <input type="text" name="cf7mls_step" class="tag code" readonly="readonly" onfocus="this.select()" />
205
206 <div class="submitbox">
207 <input type="button" class="button button-primary insert-tag" value="<?php echo esc_attr( __( 'Insert Tag', 'cf7mls' ) ); ?>" />
208 </div>
209
210 <br class="clear" />
211
212 <p class="description mail-tag"><label><?php echo esc_html( __( 'This field should not be used on the Mail tab.', 'cf7mls' ) ); ?></label>
213 </p>
214 </div>
215 <?php
216 }
217 function cf7mls_multistep_njt_recall_generator_callback( $contact_form, $args = '' ) {
218 $args = wp_parse_args( $args, array() );
219 ?>
220 <div class="control-box">
221 <fieldset>
222 <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>
223 <table class="form-table cf7mls-table">
224 <tbody>
225 <tr>
226 <th scope="row">
227 <label for="tag-generator-panel-cf7_recall-name"><?php _e( 'Name', 'cf7mls' ); ?></label>
228 </th>
229 <td>
230 <input type="text" id="tag-generator-panel-cf7_recall-name" class="oneline" name="name" />
231 </td>
232 </tr>
233 <tr>
234 <th scope="row">
235 <label for="tag-generator-panel-cf7_recall-qf"><?php _e( 'Choose Question Field', 'cf7mls' ); ?></label>
236 </th>
237 <td>
238 <input type="text" id="tag-generator-panel-cf7_recall-qf" class="oneline" name="values" />
239 </td>
240 </tr>
241 <tr>
242 <th scope="row">
243 <label for="tag-generator-panel-cf7_recall-id"><?php _e( 'Id attribute', 'cf7mls' ); ?></label>
244 </th>
245 <td>
246 <input type="text" id="tag-generator-panel-cf7_recall-id" class="idvalue oneline option" name="id" />
247 </td>
248 </tr>
249 <tr>
250 <th scope="row">
251 <label for="tag-generator-panel-cf7_recall-class"><?php _e( 'Class attribute', 'cf7mls' ); ?></label>
252 </th>
253 <td>
254 <input type="text" id="tag-generator-panel-cf7_recall-class" class="classvalue oneline option" name="class" />
255 </td>
256 </tr>
257 </tbody>
258 </table>
259 </fieldset>
260 </div>
261 <div class="insert-box">
262
263 <input type="text" name="cf7_recall" class="tag code" readonly="readonly" onfocus="this.select()" />
264
265 <div class="submitbox">
266 <input type="button" class="button button-primary insert-tag" value="<?php echo esc_attr( __( 'Insert Tag', 'cf7mls' ) ); ?>" />
267 </div>
268
269 <br class="clear" />
270
271 <p class="description mail-tag"><label><?php echo esc_html( __( 'This field should not be used on the Mail tab.', 'cf7mls' ) ); ?></label>
272 </p>
273 </div>
274 <?php
275 }
276 function cf7mls_multistep_preview_tag_generator_callback( $contact_form, $args = '' ) {
277 $args = wp_parse_args( $args, array() );
278 ?>
279 <div class="control-box">
280 <fieldset>
281 <legend><?php _e( 'Generate Preview Button.', 'cf7mls' ); ?></legend>
282 <table class="form-table cf7mls-table">
283 <tbody>
284 <tr>
285 <th scope="row">
286 <label for="tag-generator-panel-cf7mls_preview-label"><?php _e( 'Label', 'cf7mls' ); ?></label>
287 </th>
288 <td>
289 <input type="text" id="tag-generator-panel-cf7mls_preview-label" class="oneline" name="values" />
290 </td>
291 </tr>
292 <tr>
293 <th scope="row">
294 <label for="tag-generator-panel-cf7mls_preview-id"><?php _e( 'Id attribute', 'cf7mls' ); ?></label>
295 </th>
296 <td>
297 <input type="text" id="tag-generator-panel-cf7mls_preview-id" class="idvalue oneline option" name="id" />
298 </td>
299 </tr>
300 <tr>
301 <th scope="row">
302 <label for="tag-generator-panel-cf7mls_preview-class"><?php _e( 'Class attribute', 'cf7mls' ); ?></label>
303 </th>
304 <td>
305 <input type="text" id="tag-generator-panel-cf7mls_preview-class" class="classvalue oneline option" name="class" />
306 </td>
307 </tr>
308 </tbody>
309 </table>
310 </fieldset>
311 </div>
312 <div class="insert-box">
313
314 <input type="text" name="cf7mls_preview_step" class="tag code" readonly="readonly" onfocus="this.select()" />
315
316 <div class="submitbox">
317 <input type="button" class="button button-primary insert-tag" value="<?php echo esc_attr( __( 'Insert Tag', 'cf7mls' ) ); ?>" />
318 </div>
319
320 <br class="clear" />
321
322 <p class="description mail-tag"><label><?php echo esc_html( __( 'This field should not be used on the Mail tab.', 'cf7mls' ) ); ?></label>
323 </p>
324 </div>
325 <?php
326 }
1 <?php
2 if ( ! class_exists( 'NjtCF7MLSReview' ) ) {
3 class NjtCF7MLSReview {
4
5 public function __construct() {
6 $this->doHooks();
7 }
8
9 private function doHooks() {
10 add_action( 'wp_ajax_cf7mls_save_review', array( $this, 'cf7mls_save_review' ) );
11
12 $option = get_option( 'cf7mls_review' );
13 if ( time() >= (int) $option && $option !== '0' ) {
14 add_action( 'admin_notices', array( $this, 'give_review' ) );
15 }
16 }
17
18 public function checkNonce( $nonce ) {
19 if ( ! wp_verify_nonce( $nonce, 'cf7mls_review_nonce' ) ) {
20 wp_send_json_error( array( 'status' => 'Wrong nonce validate!' ) );
21 exit();
22 }
23 }
24
25 public function hasField( $field, $request ) {
26 return isset( $request[ $field ] ) ? sanitize_text_field( $request[ $field ] ) : null;
27 }
28
29 public function cf7mls_save_review() {
30 if ( count( $_REQUEST ) ) {
31 $nonce = $this->hasField( 'nonce', $_REQUEST );
32 $field = $this->hasField( 'field', $_REQUEST );
33
34 $this->checkNonce( $nonce );
35
36 if ( $field == 'later' ) {
37 update_option( 'cf7mls_review', time() + 3 * 60 * 60 * 24 ); // After 3 days show
38 } elseif ( $field == 'alreadyDid' ) {
39 update_option( 'cf7mls_review', 0 );
40 }
41 wp_send_json_success();
42 }
43 wp_send_json_error( array( 'message' => 'Update fail!' ) );
44 }
45
46 public function give_review() {
47 if ( function_exists( 'get_current_screen' ) ) {
48 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' ) {
49 ?>
50 <div class="notice notice-success is-dismissible" id="njt-cf7mls-review">
51 <h3 style="margin: 1em 0;"><?php _e( 'Give Contact Form 7 Multi Step Pro a review', 'cf7mls' ); ?></h3>
52 <p>
53 <?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' ); ?>
54 </p>
55 <p>
56 <?php _e( 'We will be forever grateful. Thank you in advance ;)', 'cf7mls' ); ?>
57 </p>
58 <p>
59 <a href="javascript:;" data="rateNow" class="button button-primary" style="margin-right: 5px"><?php _e( 'Rate now', 'cf7mls' ); ?></a>
60 <a href="javascript:;" data="later" class="button" style="margin-right: 5px"><?php _e( 'Later', 'cf7mls' ); ?></a>
61 <a href="javascript:;" data="alreadyDid" class="button"><?php _e( 'Already did', 'cf7mls' ); ?></a>
62 </p>
63 </div>
64 <script>
65 jQuery(document).ready(function () {
66 jQuery("#njt-cf7mls-review a").on("click", function () {
67 var thisElement = this;
68 var fieldValue = jQuery(thisElement).attr("data");
69 var proLink = "https://codecanyon.net/item/contact-form-7-multistep/reviews/15232990";
70 var freeLink = "https://wordpress.org/support/plugin/cf7-multi-step/reviews/?filter=5#new-post";
71 var hidePopup = false;
72 if (fieldValue == "rateNow") {
73 window.open(proLink, "_blank");
74 } else {
75 hidePopup = true;
76 }
77
78 jQuery
79 .ajax({
80 dataType: 'json',
81 url: '<?php echo admin_url( 'admin-ajax.php' ); ?>',
82 type: "post",
83 data: {
84 action: "cf7mls_save_review",
85 field: fieldValue,
86 nonce: '<?php echo wp_create_nonce( 'cf7mls_review_nonce' ); ?>',
87 },
88 })
89 .done(function (result) {
90 if (result.success) {
91 if (hidePopup == true) {
92 jQuery("#njt-cf7mls-review").hide("slow");
93 }
94 } else {
95 console.log("Error", result.message);
96 if (hidePopup == true) {
97 jQuery("#njt-cf7mls-review").hide("slow");
98 }
99 }
100 })
101 .fail(function (res) {
102 console.log(res.responseText);
103
104 if (hidePopup == true) {
105 jQuery("#njt-cf7mls-review").hide("slow");
106 }
107 });
108 });
109 });
110 </script>
111 <?php
112 }
113 }
114 }
115 }
116 new NjtCF7MLSReview();
117 }
118
1 <?php
2 if ( ! defined( 'ABSPATH' ) ) {
3 exit;
4 }
5 add_filter( 'wpcf7_editor_panels', 'cf7mls_admin_settings' );
6 function cf7mls_admin_settings( $panels ) {
7 $panels['cf7mls-settings-panel'] = array(
8 'title' => __( 'Multi-Step Settings', 'cf7mls' ),
9 'callback' => 'cf7mls_settings_func',
10 );
11 $panels['cf7mls-progress-bar'] = array(
12 'title' => __( 'Progress Bar', 'cf7mls' ),
13 'callback' => 'cf7mls_progress_bar_func',
14 );
15 return $panels;
16 }
17 function cf7mls_settings_func( $post ) { ?>
18 <div id="cf7mls_multi_step_wrap" class="cf7mls_multi_step_wrap">
19 <h2 class="cf7mls-title cf7mls-title-color"><?php echo esc_html( __( 'Color', 'cf7mls' ) ); ?></h2>
20
21 <fieldset class="cf7mls-group-color">
22 <legend class="cf7mls-color-caption"><?php _e( 'You can change the background-color or text-color of Back, Next buttons here.', 'cf7mls' ); ?></legend>
23
24 <div class="cf7mls-group-color-bt-back">
25 <p class="cf7mls-title"><?php _e( 'Back Button', 'cf7mls' ); ?></p>
26
27 <div class="cf7mls-wrap-bg-color">
28 <p class="cf7mls-label"><?php _e( 'BG color', 'cf7mls' ); ?></p>
29 <input type="text" class="cf7mls-color-field" name="back-btn-bg-color" value="<?php echo $post->prop( 'cf7mls_back_bg_color' ); ?>" />
30 </div>
31
32 <div class="cf7mls-wrap-text-color">
33 <p class="cf7mls-label"><?php _e( 'Text color', 'cf7mls' ); ?></p>
34 <input type="text" class="cf7mls-color-field" name="back-btn-text-color" value="<?php echo $post->prop( 'cf7mls_back_text_color' ); ?>" />
35 </div>
36 </div>
37
38 <div class="cf7mls-group-color-bt-next">
39 <p class="cf7mls-title"><?php _e( 'Next Button', 'cf7mls' ); ?></p>
40
41 <div class="cf7mls-wrap-bg-color">
42 <p class="cf7mls-label"><?php _e( 'BG color', 'cf7mls' ); ?></p>
43 <input type="text" class="cf7mls-color-field" name="next-btn-bg-color" value="<?php echo $post->prop( 'cf7mls_next_bg_color' ); ?>" />
44 </div>
45
46 <div class="cf7mls-wrap-text-color">
47 <p class="cf7mls-label"><?php _e( 'Text color', 'cf7mls' ); ?></p>
48 <input type="text" class="cf7mls-color-field" name="next-btn-text-color" value="<?php echo $post->prop( 'cf7mls_next_text_color' ); ?>" />
49 </div>
50 </div>
51 </fieldset>
52
53 <div class="cf7mls-auto-scroll-wrap">
54 <div class="cf7mls-auto-scroll-title-wrap">
55 <h2 class="cf7mls-auto-scroll-title"><?php echo esc_html( __( 'Auto Scroll to Top', 'cf7mls' ) ); ?></h2>
56 <a tooltip="It will be scrolled to the top of the form after each step." class="cf7mls-tooltip">
57 <img src=<?php echo ( '"' . CF7MLS_PLUGIN_URL . '/assets/admin/img/help-circle.svg' . '"' ); ?> alt="help circle">
58 </a>
59 </div>
60 <div class="cf7mls-wrap-switch cf7mls-wrap-switch-scroll">
61 <label class="cf7mls_switch">
62 <input class="cf7mls_scroll_animation" type="checkbox" name="auto-scroll-animation" <?php echo ( $post->prop( 'cf7_mls_auto_scroll_animation' ) ? 'checked' : '' ); ?> value="on" />
63 <span class="cf7mls_slider cf7mls_round"></span>
64 </label>
65 </div>
66 </div>
67
68 <div class="cf7mls-transition-effects-wrap">
69 <h2 class="cf7mls-transition-effects-wrap-title"><?php echo _e( 'Transition Effects', 'cf7mls' ); ?></h2>
70 <div class="cf7mls-wrap-switch">
71 <label class="cf7mls_switch">
72 <input class="cf7mls_toggle_transition_effects" type="checkbox" name="auto-moving-animation" <?php echo ( $post->prop( 'cf7_mls_auto_moving_animation' ) ? 'checked' : '' ); ?> value="on" />
73 <span class="cf7mls_slider cf7mls_round"></span>
74 </label>
75 </div>
76
77 <div class="cf7mls-stype-transition-wrap">
78 <h2 class="cf7mls_stype_transition_title"><?php echo _e( 'Animation', 'cf7mls' ); ?></h2>
79 <div class="cf7mls_select_stype_transition">
80 <select name="cf7mls_select_stype_transition" id="cf7mls_select_stype_transition">
81 <?php
82 $selected_style_tran = trim( $post->prop( 'cf7mls_select_stype_transition' ) );
83 $stype_transitions = array(
84 'in_fadeIn next_fadeInRight back_fadeInLeft' => 'Fade In',
85 'in_fadeInUp next_fadeInUp back_fadeInUp' => 'Fade Up',
86 );
87 foreach ( $stype_transitions as $key_transition => $stype_transition ) {
88 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' ) ) );
89 }
90 ?>
91 </select>
92 </div>
93 </div>
94 </div>
95 </div>
96
97 <?php
98 if ( cf7mls_is_active_cf7db() ) {
99 ?>
100 <h2><?php echo esc_html( __( 'Save to database', 'cf7mls' ) ); ?></h2>
101 <fieldset>
102 <p class="description">
103 <label for="cf7mls_db_save_every_step">
104 <?php _e( 'Save form\'s every step?', 'cf7mls' ); ?>
105 <br />
106 <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' ); ?> />
107 </label>
108 </p>
109 </fieldset>
110 <?php
111 }
112 }
113 function cf7mls_progress_bar_func( $post ) {
114 $cf7mls_step_name = maybe_unserialize( $post->prop( 'cf7mls_step_name' ) );
115 $selected_style = $post->prop( 'cf7mls_progress_bar_style' );
116 $selected_progress_style = '';
117 $selected_icon_style = '';
118 if ( $selected_style == '' ) {
119 $selected_style = 1;
120 } else {
121 if ( strpos( $selected_style, 'navigation_horizontal' ) !== false ) {
122 $selected_progress_style = 'navigation_horizontal';
123 } else {
124 if ( strpos( $selected_style, 'largerSign' ) !== false ) {
125 $selected_progress_style = 'largerSign';
126 }
127 if ( strpos( $selected_style, 'horizontal' ) !== false ) {
128 $selected_progress_style = 'horizontal';
129 }
130 if ( strpos( $selected_style, 'box_vertical' ) !== false ) {
131 $selected_progress_style = 'box_vertical';
132 }
133 if ( strpos( $selected_style, 'box_larerSign' ) !== false ) {
134 $selected_progress_style = 'box_larerSign';
135 }
136 }
137 if ( strpos( $selected_style, 'squaren' ) !== false ) {
138 $selected_icon_style = 'squaren';
139 } else {
140 $selected_icon_style = 'round';
141 }
142 }
143
144 if ( ( $cf7mls_step_name == '' ) || ( $cf7mls_step_name == '[]' ) ) {
145 $cf7mls_step_name = array();
146 }
147
148 $styles = array(
149 1 => 'navigation_horizontal_squaren',
150 2 => 'largerSign_squaren',
151 3 => 'horizontal_squaren',
152 4 => 'navigation_horizontal_round',
153 5 => 'largerSign_round',
154 6 => 'horizontal_round',
155 7 => 'box_vertical_squaren',
156 8 => 'box_larerSign_squaren',
157 );
158
159 $progress_bar_styles = array(
160 1 => 'navigation_horizontal',
161 2 => 'horizontal',
162 3 => 'largerSign',
163 4 => 'box_vertical',
164 5 => 'box_larerSign',
165 );
166
167 $progress_bar_titles = array(
168 1 => 'Horizontal',
169 2 => 'Vertical',
170 3 => 'Arrow',
171 4 => 'Box',
172 5 => 'Box and Arrow',
173 );
174
175 $progress_bar_icon_styles = array(
176 1 => 'squaren',
177 2 => 'round',
178 );
179
180 $progress_bar_icon_titles = array(
181 1 => 'Square',
182 2 => 'Round',
183 );
184
185 $step_bar_stype = array(
186 1 => 'Horizontal Navigation, Square Icon',
187 2 => 'Larger Size, Square Icon',
188 3 => 'Vertical Navigation, Square Icon',
189 4 => 'Horizontal Navigation, Round Icon',
190 5 => 'Larger Size, Round Icon',
191 6 => 'Vertical Navigation, Round Icon',
192 7 => 'Box, Square Icon',
193 8 => 'Box, Larger Size, Square Icon',
194 );
195 // print_r($cf7mls_step_name);exit();
196 // $cf7mls_step_name = array();
197 ?>
198 <div class="cf7mls_pogress_bar_wrap">
199 <div class="cf7mls-group-pogress-bar">
200 <div class="cf7mls-pogress-bar">
201 <h2 class="cf7mls-title-pogress-bar"><?php echo esc_html( __( 'Progress Bar', 'cf7mls' ) ); ?></h2>
202 <div class="cf7mls-wrap-switch">
203 <label class="cf7mls_switch cf7mls_progress_bars_witch">
204 <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" />
205 <span class="cf7mls_slider cf7mls_round"></span>
206 </label>
207 </div>
208 </div>
209
210 <div class="cf7mls_bg_color_wrap cf7mls_bg_color_progress">
211 <h2><?php _e( 'Background Color', 'cf7mls' ); ?></h2>
212 <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' ); ?>" />
213 </div>
214
215 <div class="cf7mls_progress_style_wrap">
216 <h2><?php _e( 'Progress Bar Style', 'cf7mls' ); ?></h2>
217
218 <select name="cf7mls_progress_bar_style" id="cf7mls_progress_bar_style">
219 <?php
220 foreach ( $progress_bar_styles as $k => $style ) {
221 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' ) ) );
222 }
223 ?>
224 </select>
225 <h2><?php _e( 'Border Style', 'cf7mls' ); ?></h2>
226
227 <select name="cf7mls_progress_bar_icon_style" id="cf7mls_progress_bar_icon_style"
228 <?php
229 if ( $selected_progress_style == 'box_vertical' || $selected_progress_style == 'box_larerSign' ) {
230 echo 'disabled="disabled"';}
231 ?>
232 >
233 <?php
234 foreach ( $progress_bar_icon_styles as $k => $style ) {
235 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' ) ) );
236 }
237 ?>
238 </select>
239
240 </div>
241
242 <div class="title_options_wrap">
243 <h2><?php _e( 'Title Options', 'cf7mls' ); ?></h2>
244 <div class="cf7mls-select-style-text">
245 <?php
246 $style_text = '';
247 if ( ! empty( $post->prop( 'cf7mls_style_text' ) ) ) {
248 $style_text = $post->prop( 'cf7mls_style_text' );
249 } else {
250 $style_text = 'vertical';
251 }
252
253 ?>
254 <input value="<?php echo $style_text; ?>" name="cf7mls-style-text" type="text" class="cf7mls-style-text hidden" />
255
256 <div data-style-text="horizontal" class="cf7mls-style-text-wrap <?php echo ( ( $style_text == 'horizontal' ) ? 'active' : '' ); ?>">
257 <p class="cf7mls-style-text"><?php _e( 'Horizontal text', 'cf7mls' ); ?></p>
258 </div>
259
260 <div data-style-text="vertical" class="cf7mls-style-text-wrap <?php echo ( ( $style_text == 'vertical' ) ? 'active' : '' ); ?>">
261 <p class="cf7mls-style-text"><?php _e( 'Vertical text', 'cf7mls' ); ?></p>
262 </div>
263
264 <div data-style-text="no" class="cf7mls-style-text-wrap <?php echo ( ( $style_text == 'no' ) ? 'active' : '' ); ?>">
265 <p class="cf7mls-style-text"><?php _e( 'No text', 'cf7mls' ); ?></p>
266 </div>
267 </div>
268 </div>
269
270 <div class="cf7mls-pogress-bar-percent">
271 <h2 class="cf7mls-title-pogress-bar-percent"><?php echo esc_html( __( 'Progress Bar Percent', 'cf7mls' ) ); ?></h2>
272 <div class="cf7mls-wrap-switch">
273 <label class="cf7mls_switch cf7mls_progress_bars_witch">
274 <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" />
275 <span class="cf7mls_slider cf7mls_round"></span>
276 </label>
277 </div>
278 <div class="cf7mls_bg_color_wrap cf7mls_bg_color_progress_percent">
279 <h2><?php _e( 'Background Color', 'cf7mls' ); ?></h2>
280 <input type="text" class="cf7mls_progress_bar_percent_filter" name="progress-bar-percent-color" value="<?php echo $post->prop( 'cf7mls_progress_bar_percent_color' ); ?>" />
281 </div>
282 </div>
283
284 <div class="cf7mls-allow-choose-step-wrap">
285 <input id="cf7mls-allow-choose-step" type="checkbox" name="cf7mls-allow-choose-step" <?php checked( $post->prop( 'cf7mls_allow_choose_step' ), 'on' ); ?> value="on" />
286 <label for="cf7mls-allow-choose-step" class="cf7mls-allow-choose-step-checkbox" data-checked="<?php echo $post->prop( 'cf7mls_allow_choose_step' ); ?>"></label>
287 <span class="cf7mls-allow-choose-step-text">Allow Choose Step
288 <a tooltip="User can click on each step to see its content before fill" class="cf7mls-tooltip">
289 <img src=<?php echo ( '"' . CF7MLS_PLUGIN_URL . '/assets/admin/img/help-circle.svg' . '"' ); ?> alt="help circle">
290 </a>
291 </span>
292 </div>
293
294 </div>
295 </div>
296 <div class="cf7mls_preview">
297 <div class="cf7mls_browser">
298 <div class="cf7mls_circle_wrap">
299 <div class="cf7mls_circle cf7mls_red_circle"></div>
300 <div class="cf7mls_circle cf7mls_yellow_circle"></div>
301 <div class="cf7mls_circle cf7mls_green_circle"></div>
302 </div>
303
304 <div class="cf7mls_block">
305
306 <div class="cf7mls_check_step_progress_bar">
307
308 <?php
309 $width_progress_bar = '';
310 if ( count( $cf7mls_step_name ) > 1 && count( $cf7mls_step_name ) == 2 ) {
311 $width_progress_bar = ( 14 * 2 ) . '%';
312 } elseif ( count( $cf7mls_step_name ) > 1 && count( $cf7mls_step_name ) >= 3 ) {
313 $width_progress_bar = ( 14 * 3 ) . '%';
314 }
315 ?>
316
317 <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' ); ?>"
318 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 : '' ); ?>"
319 style="<?php echo( ( ( $style_text == 'no' ) && ( count( $cf7mls_step_name ) > 1 ) ) ? ( 'width:80%' ) : '' ); ?>"
320 data-width-progress-bar="<?php echo( ( ( $style_text == 'no' ) && ( count( $cf7mls_step_name ) > 1 ) ) ? $width_progress_bar : '' ); ?>"
321 >
322
323 <?php
324 if ( ! ( empty( $post->prop( 'cf7mls_style_text' ) ) ) ) {
325 $style_text = $post->prop( 'cf7mls_style_text' );
326 } else {
327 $style_text = 'vertical';
328 }
329
330 $width_step_item = 'auto';
331 if (
332 ( ( $style_text == 'horizontal' ) ||
333 ( $style_text == 'no' ) ) &&
334 ( ( $selected_style == 'horizontal_squaren' ) ||
335 ( $selected_style == 'horizontal_round' ) ||
336 ( $selected_style == 'box_vertical_squaren' ) ||
337 ( $selected_style == 'box_larerSign_squaren' ) )
338 ) {
339 if ( count( $cf7mls_step_name ) >= 3 ) {
340 $width_step_item = ( 100 / 3 ) . '%';
341 } elseif ( count( $cf7mls_step_name ) == 2 ) {
342 $width_step_item = ( 100 / 2 ) . '%';
343 }
344 }
345
346 if ( $style_text == 'vertical' ) {
347 $width_step_item = 'auto';
348 if ( count( $cf7mls_step_name ) >= 3 ) {
349 $width_step_item = ( 100 / 3 ) . '%';
350 } else {
351 $width_step_item = ( 100 / 2 ) . '%';
352 }
353 }
354
355 foreach ( $cf7mls_step_name as $k => $v ) {
356 if ( $k < 3 && count( $cf7mls_step_name ) > 1 ) {
357 $activeClass = '';
358 if ( ( $k + 1 ) == 2 ) {
359 $activeClass = 'cf7mls_step_name';
360 }
361 $format_step = '';
362 $format_step .= '<li class="cf7_mls_steps_item ' . $activeClass . '" data-step="%3$d" style="width : %1$s">';
363 $format_step .= '<div class="cf7_mls_steps_item_container">';
364 $format_step .= '<div class="cf7_mls_steps_item_icon">';
365 $format_step .= '<span class="cf7_mls_count_step">%3$d</span>';
366 $format_step .= '<span class="cf7_mls_check">';
367 $format_step .= '<i>';
368 $format_step .= '<svg viewBox="64 64 896 896" data-icon="check" width="14px" height="14px" fill="currentColor" aria-hidden="true" focusable="false" class="">';
369 $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>';
370 $format_step .= '</svg>';
371 $format_step .= '</i>';
372 $format_step .= '</span>';
373 $format_step .= '</div>';
374 $format_step .= '<div class="cf7_mls_steps_item_content">';
375 $format_step .= '<p class="cf7mls_progress_bar_title">%2$s</p>';
376 $format_step .= '<span class="cf7_mls_arrow_point_to_righ">';
377 $format_step .= '<i>';
378 $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">';
379 $format_step .= '<g>';
380 $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
381 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
382 c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"/>';
383 $format_step .= '</g>';
384 $format_step .= '</svg>';
385 $format_step .= '</i>';
386 $format_step .= '</span>';
387 $format_step .= '</div>';
388 $format_step .= '</div>';
389 $format_step .= '</li>';
390 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 );
391 } else {
392 break;
393 }
394 }
395
396 ?>
397
398 </ul>
399
400 <!-- Show in ipad, mobie phone -->
401 <?php
402 if ( count( $cf7mls_step_name ) > 1 ) {
403 ?>
404
405 <div class="cf7mls_number_step_wrap">
406 <p class="cf7mls_number"><?php echo( ( count( $cf7mls_step_name ) > 3 ) ? '2/3' : '2/' . count( $cf7mls_step_name ) ); ?></p>
407 <p class="cf7mls_step_current"></p>
408 <div class="cf7mls_progress_percent">
409 <div class="cf7mls_progress_bar_percent">
410 <div class="cf7mls_progress_barinner" style="<?php echo( ( count( $cf7mls_step_name ) == 2 ) ? 'width: 100%' : 'width: 50%' ); ?>"></div>
411 </div>
412 </div>
413 </div>
414
415 <?php
416 }
417 ?>
418 </div>
419
420 <div class="cf7mls_form_demo_one"></div>
421 <div class="cf7mls_form_demo_two"></div>
422 <div class="cf7mls_form_textarea_demo"></div>
423 <div>
424 <!-- Progress Bar percent on computer -->
425 <!-- <div class="cf7mls_progress_bar_percent_wrap">
426 <div class="cf7mls_progress_percent">
427 <div class="cf7mls_progress_bar_percent">
428 <div class="cf7mls_progress_barinner" style="<?php // echo((count($cf7mls_step_name) == 2)? 'width: 100%' : 'width: 50%') ?>"></div>
429 </div>
430 </div>
431 <div>
432 <p><?php // echo((count($cf7mls_step_name) == 2)? '100%' : '50%') ?></p>
433 </div>
434 </div> -->
435 <div class="cf7mls_bt_wrap">
436 <div class="cf7mls_back_demo"><?php _e( 'Back', 'cf7mls' ); ?></div>
437 <div class="cf7mls_next_demo"><?php _e( 'Next', 'cf7mls' ); ?></div>
438 </div>
439 </div>
440 <!-- Progress Bar percent on ipad, mobie, computer-->
441 <div class="cf7mls_progress_bar_per_mobie_wrap">
442 <div class="cf7mls_progress_percent">
443 <div class="cf7mls_progress_bar_percent">
444 <div class="cf7mls_progress_barinner" style="<?php echo( ( count( $cf7mls_step_name ) == 2 ) ? 'width: 100%' : 'width: 50%' ); ?>"></div>
445 </div>
446 </div>
447 <div>
448 <p><?php echo( ( count( $cf7mls_step_name ) == 2 ) ? '100%' : '50%' ); ?></p>
449 </div>
450 </div>
451
452 </div>
453 </div>
454 <p class="cf7mls_note"><?php _e( 'Preview only shows 3 steps.', 'cf7mls' ); ?></p>
455 </div>
456 <?php
457 }
458 add_filter( 'wpcf7_pre_construct_contact_form_properties', 'cf7mls_register_property', 10, 2 );
459 function cf7mls_register_property( $properties, $contact_form ) {
460 // Add variable cf7mls_back_button_title to check data old of old version when active plugin.
461 $more_properties = array(
462 'cf7mls_back_bg_color' => '',
463 'cf7mls_back_text_color' => '',
464 'cf7mls_next_bg_color' => '',
465 'cf7mls_next_text_color' => '',
466 'cf7mls_db_save_every_step' => '',
467 'cf7mls_step_name' => json_encode( array() ),
468 'cf7mls_progress_bar_style' => 1,
469 'cf7_mls_enable_progress_bar' => '0',
470 'cf7mls_progress_bar_bg_color' => '#0073aa',
471 'cf7_mls_auto_scroll_animation' => '',
472 'cf7_mls_auto_moving_animation' => '',
473 'cf7mls_select_stype_transition' => '',
474 'cf7mls_style_text' => 'vertical',
475 'cf7_mls_enable_progress_bar_percent' => '0',
476 'cf7mls_progress_bar_percent_color' => '#0073aa',
477 'cf7mls_allow_choose_step' => 'off',
478 'cf7mls_back_button_title' => '',
479 );
480 return array_merge( $more_properties, $properties );
481 }
482 add_filter( 'wpcf7_contact_form_properties', 'cf7mls_form_properties' );
483 function cf7mls_form_properties( $properties ) {
484 // Check data old of old version when active plugin.
485 if ( is_array( maybe_unserialize( $properties ) ) && array_key_exists( 'cf7mls_step_name', $properties ) && array_key_exists( 'form', $properties ) ) {
486 $cf7mls_step_name = maybe_unserialize( $properties['cf7mls_step_name'] );
487 $manager = WPCF7_FormTagsManager::get_instance();
488 $scan = $manager->scan( $properties['form'] );
489 $checkData = false;
490 foreach ( $scan as $k => $v ) {
491 if ( $v->type == 'cf7mls_step' ) {
492 if ( count( $v->values ) == 1 ) {
493 $checkData = true;
494 break;
495 }
496 }
497 }
498
499 if ( $checkData ) {
500 $forms = explode( ']', $properties['form'] );
501 $n = 0;
502 if ( is_array( $forms ) ) {
503 foreach ( $forms as $key => $form ) {
504 if ( strstr( $form, 'cf7mls_step' ) ) {
505 $forms[ $key ] = $forms[ $key ] . ' "' . $cf7mls_step_name[ $n ] . '"';
506 $n++;
507 }
508
509 if ( strstr( $form, '[' ) ) {
510 $forms[ $key ] = $forms[ $key ] . ']';
511 }
512
513 if ( ( count( $forms ) - 1 ) == $key ) {
514 $stepLast = '';
515 $stepLast .= '[cf7mls_step cf7mls_step-' . $key;
516 $stepLast .= ' "' . $properties['cf7mls_back_button_title'] . '"';
517 $stepLast .= ' "' . $cf7mls_step_name[ $n ] . '"]';
518 $forms[ $key ] = $stepLast . $forms[ $key ];
519 }
520 }
521 $forms = implode( '', $forms );
522 $properties['form'] = $forms;
523 }
524 }
525 }
526
527 // Add variable cf7mls_back_button_title to check data old of old version when active plugin.
528 $more_properties = array(
529 'cf7mls_back_bg_color' => '',
530 'cf7mls_back_text_color' => '',
531 'cf7mls_next_bg_color' => '',
532 'cf7mls_next_text_color' => '',
533 'cf7mls_db_save_every_step' => '',
534 'cf7mls_step_name' => json_encode( array() ),
535 'cf7mls_progress_bar_style' => 1,
536 'cf7_mls_enable_progress_bar' => '0',
537 'cf7mls_progress_bar_bg_color' => '#0073aa',
538 'cf7_mls_auto_scroll_animation' => '',
539 'cf7_mls_auto_moving_animation' => '',
540 'cf7mls_select_stype_transition' => '',
541 'cf7mls_style_text' => 'vertical',
542 'cf7_mls_enable_progress_bar_percent' => '0',
543 'cf7mls_progress_bar_percent_color' => '#0073aa',
544 'cf7mls_allow_choose_step' => 'off',
545 'cf7mls_back_button_title' => '',
546 );
547 return array_merge( $more_properties, $properties );
548 }
549
550 if ( ! function_exists( 'cf7mls_sanitize_arr' ) ) {
551 function cf7mls_sanitize_arr( $arr ) {
552 return is_array( $arr ) ? array_map( 'cf7mls_sanitize_arr', $arr ) : wp_kses_post( wp_unslash( $arr ) );
553 }
554 }
555
556 add_action( 'wpcf7_save_contact_form', 'cf7mls_save_contact_form' );
557 function cf7mls_save_contact_form( $contact_form ) {
558 $properties = $contact_form->get_properties();
559
560 if ( isset( $_POST['back-btn-bg-color'] ) ) {
561 $properties['cf7mls_back_bg_color'] = trim( sanitize_text_field( $_POST['back-btn-bg-color'] ) );
562 }
563 if ( isset( $_POST['back-btn-text-color'] ) ) {
564 $properties['cf7mls_back_text_color'] = trim( sanitize_text_field( $_POST['back-btn-text-color'] ) );
565 }
566 if ( isset( $_POST['next-btn-bg-color'] ) ) {
567 $properties['cf7mls_next_bg_color'] = trim( sanitize_text_field( $_POST['next-btn-bg-color'] ) );
568 }
569 if ( isset( $_POST['next-btn-text-color'] ) ) {
570 $properties['cf7mls_next_text_color'] = trim( sanitize_text_field( $_POST['next-btn-text-color'] ) );
571 }
572 if ( isset( $_POST['cf7mls_db_save_every_step'] ) ) {
573 $properties['cf7mls_db_save_every_step'] = 'yes';
574 } else {
575 $properties['cf7mls_db_save_every_step'] = 'no';
576 }
577 if ( isset( $_POST['cf7mls_step_name'] ) ) {
578 $properties['cf7mls_step_name'] = cf7mls_sanitize_arr( $_POST['cf7mls_step_name'] );
579 }
580 if ( isset( $_POST['cf7mls_progress_bar_style'] ) ) {
581 if ( sanitize_text_field( $_POST['cf7mls_progress_bar_style'] ) == 'box_vertical' || sanitize_text_field( $_POST['cf7mls_progress_bar_style'] ) == 'box_larerSign' ) {
582 $properties['cf7mls_progress_bar_style'] = maybe_serialize( sanitize_text_field( $_POST['cf7mls_progress_bar_style'] ) . '_squaren' );
583 } else {
584 $properties['cf7mls_progress_bar_style'] = maybe_serialize( sanitize_text_field( $_POST['cf7mls_progress_bar_style'] ) . '_' . sanitize_text_field( $_POST['cf7mls_progress_bar_icon_style'] ) );
585 }
586 }
587 if ( isset( $_POST['auto-scroll-animation'] ) ) {
588 $properties['cf7_mls_auto_scroll_animation'] = trim( sanitize_text_field( $_POST['auto-scroll-animation'] ) );
589 } else {
590 $properties['cf7_mls_auto_scroll_animation'] = '';
591 }
592 if ( isset( $_POST['auto-moving-animation'] ) ) {
593 $properties['cf7_mls_auto_moving_animation'] = trim( sanitize_text_field( $_POST['auto-moving-animation'] ) );
594 } else {
595 $properties['cf7_mls_auto_moving_animation'] = '';
596 }
597 if ( isset( $_POST['cf7mls_select_stype_transition'] ) ) {
598 $properties['cf7mls_select_stype_transition'] = maybe_serialize( $_POST['cf7mls_select_stype_transition'] );
599 }
600 if ( isset( $_POST['cf7_mls_enable_progress_bar'] ) ) {
601 $properties['cf7_mls_enable_progress_bar'] = intval( $_POST['cf7_mls_enable_progress_bar'] );
602 } else {
603 $properties['cf7_mls_enable_progress_bar'] = '0';
604 }
605 if ( isset( $_POST['progress-bar-bg-color'] ) ) {
606 $properties['cf7mls_progress_bar_bg_color'] = trim( sanitize_text_field( $_POST['progress-bar-bg-color'] ) );
607 }
608 if ( isset( $_POST['cf7mls-style-text'] ) ) {
609 $properties['cf7mls_style_text'] = trim( sanitize_text_field( $_POST['cf7mls-style-text'] ) );
610 } else {
611 $properties['cf7mls_style_text'] = 'vertical';
612 }
613 if ( isset( $_POST['cf7_mls_enable_progress_bar_percent'] ) ) {
614 $properties['cf7_mls_enable_progress_bar_percent'] = intval( $_POST['cf7_mls_enable_progress_bar_percent'] );
615 } else {
616 $properties['cf7_mls_enable_progress_bar_percent'] = '0';
617 }
618 if ( isset( $_POST['progress-bar-percent-color'] ) ) {
619 $properties['cf7mls_progress_bar_percent_color'] = trim( sanitize_text_field( $_POST['progress-bar-percent-color'] ) );
620 }
621 if ( isset( $_POST['cf7mls-allow-choose-step'] ) ) {
622 $properties['cf7mls_allow_choose_step'] = trim( sanitize_text_field( $_POST['cf7mls-allow-choose-step'] ) );
623 } else {
624 $properties['cf7mls_allow_choose_step'] = 'off';
625 }
626 $contact_form->set_properties( $properties );
627 }
1 <?php
2
3 if ( ! defined( 'ABSPATH' ) ) {
4 exit;
5 }
6 function cf7mls_is_active_cf7db() {
7 return defined( 'CF7D_FILE' );
8 }
9 if ( cf7mls_is_active_cf7db() ) {
10 add_filter( 'cf7d_no_save_fields', 'cf7mls_cf7d_no_save_fields' );
11 function cf7mls_cf7d_no_save_fields( $fields ) {
12 // $fields[] = '_cf7mls_db_form_data_id';
13 $fields[] = '_wpnonce';
14 $fields[] = 'cf7mls_back';
15 $fields[] = 'cf7mls_next';
16
17 return $fields;
18 }
19
20 /*
21 * Remove user's informations every steps
22 */
23 add_action( 'cf7d_after_insert_db', 'cf7mls_cf7d_after_insert_db', 10, 3 );
24 function cf7mls_cf7d_after_insert_db( $contact_form, $form_id, $data_id ) {
25 global $wpdb;
26 $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'" );
27 if ( isset( $data_id_be_delete[0] ) ) {
28 $data_id_be_delete = $data_id_be_delete[0]->value;
29 // delele data_id
30 $wpdb->delete( $wpdb->prefix . 'cf7_data', array( 'id' => $data_id_be_delete ) );
31 // delete entry
32 $wpdb->delete(
33 $wpdb->prefix . 'cf7_data_entry',
34 array(
35 'cf7_id' => $form_id,
36 'data_id' => $data_id_be_delete,
37 )
38 );
39 $wpdb->delete(
40 $wpdb->prefix . 'cf7_data_entry',
41 array(
42 'cf7_id' => $form_id,
43 'name' => '_cf7mls_db_form_data_id',
44 )
45 );
46 }
47 }
48
49 // No save fields cf7mls_step-1, cf7mls_step-2,... before when install to database
50 add_filter( 'cf7d_posted_data', 'cf7mls_cf7d_posted_data', 10, 1 );
51 function cf7mls_cf7d_posted_data( $contact_form ) {
52 $pattern = '/cf7mls_step-/i';
53 foreach ( $contact_form as $k => $v ) {
54 if ( preg_match( $pattern, $k ) ) {
55 unset( $contact_form[ $k ] );
56 }
57 }
58 return $contact_form;
59 }
60 }
...\ No newline at end of file ...\ No newline at end of file
1 <?php
2 if ( ! defined( 'ABSPATH' ) ) {
3 exit;
4 }
5
6 // add js, css
7 add_action( 'wp_enqueue_scripts', 'cf7mls_frontend_scripts_callback' );
8 function cf7mls_frontend_scripts_callback() {
9 $cf7d_messages_error = '';
10
11 wp_register_script( 'cf7mls', CF7MLS_PLUGIN_URL . '/assets/frontend/js/cf7mls.js', array( 'jquery' ), CF7MLS_NTA_VERSION, true );
12 wp_enqueue_script( 'cf7mls' );
13
14 if ( apply_filters( 'is_using_cf7mls_css', true ) ) {
15 wp_register_style( 'cf7mls', CF7MLS_PLUGIN_URL . '/assets/frontend/css/cf7mls.css', array(), CF7MLS_NTA_VERSION );
16 wp_enqueue_style( 'cf7mls' );
17
18 wp_register_style( 'cf7mls_progress_bar', CF7MLS_PLUGIN_URL . '/assets/frontend/css/progress_bar.css', array(), CF7MLS_NTA_VERSION );
19 wp_enqueue_style( 'cf7mls_progress_bar' );
20
21 wp_register_style( 'cf7mls_animate', CF7MLS_PLUGIN_URL . '/assets/frontend/animate/animate.min.css', array(), CF7MLS_NTA_VERSION );
22 wp_enqueue_style( 'cf7mls_animate' );
23 }
24 wp_localize_script(
25 'cf7mls',
26 'cf7mls_object',
27 array(
28 'ajax_url' => admin_url( 'admin-ajax.php' ),
29 'is_rtl' => apply_filters( 'cf7mls_is_rtl', is_rtl() ),
30 'disable_submit' => apply_filters( 'cf7mls_disable_submit', 'true' ),
31 'cf7mls_error_message' => $cf7d_messages_error,
32 'scroll_step' => apply_filters( 'cf7mls-scroll-step', 'true' ),
33 'disable_enter_key' => apply_filters( 'cf7mls-disable-enter-key', 'false' ),
34 'check_step_before_submit' => apply_filters( 'cf7mls_check_step_before_submit', 'true' ),
35 )
36 );
37 }
38
39 /**
40 * Wpcf7 shortcode.
41 */
42 function cf7mls_add_shortcode_step() {
43 wpcf7_add_form_tag( array( 'cf7mls_step', 'cf7mls_step*' ), 'cf7mls_multistep_shortcode_callback', true );
44 wpcf7_add_form_tag( 'cf7mls_preview_step', 'cf7mls_multistep_preview_shortcode_callback' );
45 wpcf7_add_form_tag( 'cf7_recall', 'cf7_recall_shortcode_callback', true );
46 }
47 add_action( 'wpcf7_init', 'cf7mls_add_shortcode_step' );
48 function cf7mls_multistep_shortcode_callback( $tag ) {
49 $tag = new WPCF7_FormTag( $tag );
50 $name = $tag->name;
51 $numberStep = (int) explode( '-', $name )[1];
52 $back = $next = false;
53
54 // Check button back last in step.
55 $checkBackLast = false;
56 if ( count( $tag->values ) == 2 ) {
57 if ( $numberStep === 1 ) {
58 $next = $tag->values[0];
59 } else {
60 $checkBackLast = true;
61 $back = $tag->values[0];
62 }
63 } elseif ( count( $tag->values ) > 2 ) {
64 $back = $tag->values[0];
65 $next = $tag->values[1];
66 }
67
68 $html = '<div class="cf7mls-btns">';
69 // TODO add form id to btn to prevent duplicate
70 if ( $checkBackLast === true && $back ) {
71 $html = '';
72 $html .= apply_filters( 'cf7_step_before_back_btn', '', $name );
73 $html .= '<button type="button" class="cf7mls_back action-button" name="cf7mls_back" id="cf7mls-back-btn-' . $name . '">' . $back . '</button>';
74 $html .= apply_filters( 'cf7_step_after_back_btn', '', $name );
75 } elseif ( $back ) {
76 $html .= apply_filters( 'cf7_step_before_back_btn', '', $name );
77 $html .= '<button type="button" class="cf7mls_back action-button" name="cf7mls_back" id="cf7mls-back-btn-' . $name . '">' . $back . '</button>';
78 $html .= apply_filters( 'cf7_step_after_back_btn', '', $name );
79 }
80
81 // TODO add form id to btn to prevent duplicate
82 if ( $next ) {
83 $loader = apply_filters( 'cf7mls_loader_img', CF7MLS_PLUGIN_URL . '/assets/frontend/img/loader.svg' );
84 $html .= apply_filters( 'cf7_step_before_next_btn', '', $name );
85
86 $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>';
87 $html .= apply_filters( 'cf7_step_after_next_btn', '', $name );
88 }
89 $progress_bar_percent = '';
90 $contact_form = wpcf7_get_current_contact_form();
91 if ( $contact_form && get_post_meta( $contact_form->id(), '_cf7_mls_enable_progress_bar_percent', true ) == '1' ) {
92 $step_names = get_post_meta( $contact_form->id(), '_cf7mls_step_name', true );
93 // $step_names = maybe_unserialize($step_names);
94 $bar_precent_color = '';
95 $bar_precent_color = trim( get_post_meta( $contact_form->id(), '_cf7mls_progress_bar_percent_color', true ) );
96 if ( is_array( $step_names ) ) {
97 $progress_bar_percent .= '<div class="cf7mls_progress_bar_percent_wrap" data-number-step="';
98 $progress_bar_percent .= count( $step_names );
99 $progress_bar_percent .= '">';
100 $progress_bar_percent .= '<div class="cf7mls_progress_percent">';
101 $progress_bar_percent .= '<div class="cf7mls_progress_bar_percent">';
102 $progress_bar_percent .= '<div class="cf7mls_progress_barinner" style="width:';
103 $progress_bar_percent .= ( ( 100 / ( count( $step_names ) - 1 ) ) * ( $numberStep - 1 ) ) . '%;';
104 $progress_bar_percent .= 'background:' . $bar_precent_color;
105 $progress_bar_percent .= '"></div>';
106 $progress_bar_percent .= '</div>';
107 $progress_bar_percent .= '</div>';
108 $progress_bar_percent .= '<div>';
109 $progress_bar_percent .= '<p>' . ( intval( ( ( 100 / ( count( $step_names ) - 1 ) ) * ( $numberStep - 1 ) ) ) . '%' ) . '</p>';
110 $progress_bar_percent .= '</div>';
111 $progress_bar_percent .= '</div>';
112 $html .= $progress_bar_percent;
113 }
114 }
115
116 if ( $checkBackLast === false ) {
117 $html .= '</div><p></p></fieldset><fieldset class="fieldset-cf7mls">';
118 } else {
119 if ( '' === $back ) {
120 $html .= '</div>';
121 }
122 }
123 return $html;
124 }
125
126 function cf7mls_multistep_preview_shortcode_callback( $tag ) {
127 $tag = new WPCF7_FormTag( $tag );
128
129 $class = wpcf7_form_controls_class( $tag->type );
130
131 $atts = array();
132
133 $atts['class'] = $tag->get_class_option( $class );
134 $atts['id'] = $tag->get_id_option();
135 $atts['tabindex'] = $tag->get_option( 'tabindex', 'int', true );
136
137 $value = isset( $tag->values[0] ) ? $tag->values[0] : '';
138
139 if ( empty( $value ) ) {
140 $value = __( 'Preview', 'cf7mls' );
141 }
142 $atts['value'] = $value;
143 $atts['type'] = 'button';
144
145 $atts = wpcf7_format_atts( $atts );
146 $html = sprintf( '<input %1$s />', $atts, $value );
147
148 return $html;
149 }
150
151 function cf7_recall_shortcode_callback( $tag ) {
152 $tag = new WPCF7_FormTag( $tag );
153
154 $class = wpcf7_form_controls_class( $tag->type );
155
156 $atts = array();
157
158 $question_field = isset( $tag->values[0] ) ? $tag->values[0] : '';
159
160 $atts['class'] = $tag->get_class_option( $class ) . '_' . $question_field;
161 $atts['id'] = $tag->get_id_option();
162 $atts['tabindex'] = $tag->get_option( 'tabindex', 'int', true );
163
164 $atts['data-qf'] = $question_field;
165 $atts['data-f_name'] = $tag->name;
166
167 $html = sprintf( '<span %1$s></span>', wpcf7_format_atts( $atts ) );
168
169 $atts['name'] = $tag->name;
170 $atts['type'] = 'hidden';
171 $atts['class'] = $tag->get_class_option( $class );
172 unset( $atts['data-f_name'] );
173
174 $html .= sprintf( '<input %1$s>', wpcf7_format_atts( $atts ) );
175 return $html;
176 }
177 /**
178 * Wrap form
179 */
180 add_filter( 'wpcf7_form_elements', 'cf7mls_wrap_form_elements_func', 10 );
181 function cf7mls_wrap_form_elements_func( $code ) {
182 if ( $contact_form = wpcf7_get_current_contact_form() ) {
183 /* If the form has multistep's shortcode */
184 if ( strpos( $code, '<fieldset class="fieldset-cf7mls' ) ) {
185 if ( defined( 'WPCF7_AUTOP' ) && ( WPCF7_AUTOP == true ) ) {
186 $code = preg_replace( '#<p>(.*?)<\/fieldset><fieldset class=\"fieldset-cf7mls\"><\/p>#', '$1</fieldset><fieldset class="fieldset-cf7mls">', $code );
187 }
188 // progress bar
189 $progress_bar = '';
190 if ( get_post_meta( $contact_form->id(), '_cf7_mls_enable_progress_bar', true ) == '1' ) {
191 $bar_class = array();
192 if ( is_rtl() ) {
193 $bar_class[] = 'is_rtl';
194 }
195 $style_bar = get_post_meta( $contact_form->id(), '_cf7mls_progress_bar_style', true );
196 if ( empty( $style_bar ) ) {
197 $style_bar = 'navigation_horizontal_squaren';
198 }
199
200 $style_text = '';
201 if ( ! empty( get_post_meta( $contact_form->id(), '_cf7mls_style_text', true ) ) ) {
202 $style_text = get_post_meta( $contact_form->id(), '_cf7mls_style_text', true );
203 } else {
204 $style_text = 'vertical';
205 }
206
207 $bar_class[] = 'cf7mls_bar_style_' . $style_bar . ' cf7mls_bar_style_text_' . $style_text;
208 $bar_class = apply_filters( 'cf7mls-progress-bar-class', $bar_class, $contact_form->id() );
209 $progress_bar_bg_color = '';
210 if ( ! empty( get_post_meta( $contact_form->id(), '_cf7mls_progress_bar_bg_color', true ) ) ) {
211 $progress_bar_bg_color = trim( get_post_meta( $contact_form->id(), '_cf7mls_progress_bar_bg_color', true ) );
212 } else {
213 $progress_bar_bg_color = '#0073aa';
214 }
215 $step_names = get_post_meta( $contact_form->id(), '_cf7mls_step_name', true );
216 // $step_names = maybe_unserialize($step_names);
217 $allow_choose_step = get_post_meta( $contact_form->id(), '_cf7mls_allow_choose_step', true );
218
219 $width_progress_bar = '';
220 $margin_progress_bar = '';
221 if ( $style_text == 'no' ) {
222 $width_progress_bar = 80;
223 if ( $width_progress_bar > 100 ) {
224 $width_progress_bar = '100%';
225 } else {
226 $width_progress_bar = $width_progress_bar . '%';
227 }
228 }
229 if ( is_array( $step_names ) || is_object( $step_names ) ) {
230 if ( count( $step_names ) == 2 ) {
231 $width_progress_bar = '60%';
232 $margin_progress_bar = '42px auto';
233 }
234 }
235
236 $progress_bar = sprintf(
237 '<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">',
238 implode( ' ', $bar_class ),
239 $progress_bar_bg_color,
240 ( ! empty( $width_progress_bar ) ? 'width:' . $width_progress_bar : '' ),
241 $style_bar,
242 $style_text,
243 ( ! empty( $margin_progress_bar ) ? 'margin:' . $margin_progress_bar : '' ),
244 $allow_choose_step,
245 $contact_form->id()
246 );
247
248 $i = 0;
249 if ( is_array( $step_names ) ) {
250 $width_step_item = 'width: auto';
251 if (
252 ( ( $style_text == 'horizontal' ) ||
253 ( $style_text == 'no' ) ) &&
254 ( ( $style_bar == 'horizontal_squaren' ) ||
255 ( $style_bar == 'horizontal_round' ) ||
256 ( $style_bar == 'box_vertical_squaren' ) ||
257 ( $style_bar == 'box_larerSign_squaren' ) )
258 ) {
259 $width_step_item = 'width: ' . ( 100 / count( $step_names ) ) . '%';
260 }
261 if ( $style_text == 'vertical' ) {
262 $width_step_item = 'width: ' . ( 100 / count( $step_names ) ) . '%';
263 }
264
265 $c = count( $step_names );
266 foreach ( $step_names as $k => $v ) {
267 $class = '';
268 if ( $i === 0 ) {
269 $class = 'active current';
270 }
271
272 $format_step = '';
273 $format_step .= '<li data-counter="%4$d" data-counter_rtl="%5$d" style="%3$s" class="cf7_mls_steps_item %2$s">';
274 $format_step .= '<div class="cf7_mls_steps_item_container">';
275 $format_step .= '<div class="cf7_mls_steps_item_icon">';
276 $format_step .= '<span class="cf7_mls_count_step">%4$d</span>';
277 $format_step .= '<span class="cf7_mls_check">';
278 $format_step .= '<i>';
279 $format_step .= '<svg viewBox="64 64 896 896" data-icon="check" width="14px" height="14px" fill="currentColor" aria-hidden="true" focusable="false" class="">';
280 $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>';
281 $format_step .= '</svg>';
282 $format_step .= '</i>';
283 $format_step .= '</span>';
284 $format_step .= '</div>';
285 $format_step .= '<div class="cf7_mls_steps_item_content">';
286 $format_step .= '<p class="cf7mls_progress_bar_title">%1$s</p>';
287 $format_step .= '<span class="cf7_mls_arrow_point_to_righ">';
288 $format_step .= '<i>';
289 $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">';
290 $format_step .= '<g>';
291 $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
292 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
293 c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"/>';
294 $format_step .= '</g>';
295 $format_step .= '</svg>';
296 $format_step .= '</i>';
297 $format_step .= '</span>';
298 $format_step .= '</div>';
299 $format_step .= '</div>';
300 $format_step .= '</li>';
301 $progress_bar .= sprintf( $format_step, $v, $class, $width_step_item, $i + 1, $c );
302 $i++;
303 $c--;
304 }
305 }
306 $progress_bar .= '</ul>';
307
308 // Show in ipad, mobie phone
309 if ( is_array( $step_names ) ) {
310 $number_step = '';
311 $number_step .= '<div class="cf7mls_number_step_wrap" data-bg-color="%2$s" data-number-step="%3$s">';
312 $number_step .= '<p class="cf7mls_number">%1$s</p>';
313 $number_step .= '<p class="cf7mls_step_current">%4$s</p>';
314 $number_step .= '<div class="cf7mls_progress_percent">';
315 $number_step .= '<div class="cf7mls_progress_bar_percent">';
316 $number_step .= '<div class="cf7mls_progress_barinner"></div>';
317 $number_step .= '</div>';
318 $number_step .= '</div>';
319 $number_step .= '</div>';
320 $progress_bar .= sprintf( $number_step, '1/' . count( $step_names ), $progress_bar_bg_color, count( $step_names ), $step_names[0] );
321 }
322 }
323
324 if ( get_post_meta( $contact_form->id(), '_cf7mls_select_stype_transition', true ) &&
325 ( get_post_meta( $contact_form->id(), '_cf7_mls_auto_moving_animation', true ) == 'on' )
326 ) {
327 $stype_transition = get_post_meta( $contact_form->id(), '_cf7mls_select_stype_transition', true );
328 } else {
329 $stype_transition = '';
330 }
331 $code = $progress_bar . sprintf( '<div class="fieldset-cf7mls-wrapper" data-transition-effects="%1$s"><fieldset class="fieldset-cf7mls">', $stype_transition ) . $code;
332
333 $code .= '</fieldset></div>';
334 // $code .= '</fieldset>';
335 }
336 }
337 $ex = explode( '<fieldset class="fieldset-cf7mls">', $code );
338 if ( count( $ex ) > 1 ) {
339 $code = '';
340 foreach ( $ex as $k => $v ) {
341 $code .= $v;
342 if ( $k == 0 ) {
343 $code .= '<fieldset class="fieldset-cf7mls cf7mls_current_fs">';
344 } elseif ( $k < ( count( $ex ) - 1 ) ) {
345 $code .= '<fieldset class="fieldset-cf7mls">';
346 }
347 }
348 }
349 return $code;
350 }
351
352 // add css to wp_head
353 add_action( 'wp_head', 'cf7mls_css_to_wp_head' );
354 function cf7mls_css_to_wp_head() {
355 $args = array(
356 'post_type' => 'wpcf7_contact_form',
357 'post_status' => 'publish',
358 );
359 $query = new WP_Query( $args );
360 if ( $query->have_posts() ) {
361 echo '<style type="text/css">';
362 while ( $query->have_posts() ) {
363 $query->the_post();
364 $id = get_the_id();
365 $next_bg_color = get_post_meta( $id, '_cf7mls_next_bg_color', true );
366 $next_text_color = get_post_meta( $id, '_cf7mls_next_text_color', true );
367
368 $back_bg_color = get_post_meta( $id, '_cf7mls_back_bg_color', true );
369 $back_text_color = get_post_meta( $id, '_cf7mls_back_text_color', true );
370
371 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 : '' ) . ' }';
372 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 : '' ) . ' }';
373 }
374 echo '</style>';
375 }
376 wp_reset_postdata();
377 }
378 add_filter( 'wpcf7_form_class_attr', 'cf7mls_add_auto_scroll_class' );
379 function cf7mls_add_auto_scroll_class( $class ) {
380 if ( $contact_form = wpcf7_get_current_contact_form() ) {
381 if ( empty( trim( ( get_post_meta( $contact_form->id(), '_cf7_mls_auto_scroll_animation', true ) ) ) ) ) {
382 $class .= ' cf7mls-no-scroll';
383 }
384 $class .= ' cf7mls-no-moving-animation';
385 }
386 return $class;
387 }
1 <?php
2 if ( ! class_exists( 'NjtCF7MLSValidation' ) ) {
3 class NjtCF7MLSValidation {
4
5 public function __construct() {
6 $this->doHooks();
7 }
8
9 private function doHooks() {
10 add_action( 'wp_ajax_cf7mls_validation', array( $this, 'cf7mls_validation_callback' ) );
11 add_action( 'wp_ajax_nopriv_cf7mls_validation', array( $this, 'cf7mls_validation_callback' ) );
12 }
13 public function cf7mls_validation_callback() {
14 global $wpdb;
15 if ( isset( $_POST['_wpcf7'] ) ) {
16 $id = (int) $_POST['_wpcf7'];
17 $unit_tag = wpcf7_sanitize_unit_tag( $_POST['_wpcf7_unit_tag'] );
18
19 $spam = false;
20 if ( $contact_form = wpcf7_contact_form( $id ) ) {
21 $items = array(
22 'mailSent' => false,
23 'into' => '#' . $unit_tag,
24 'captcha' => null,
25 );
26 /* Begin validation */
27 require_once WPCF7_PLUGIN_DIR . '/includes/validation.php';
28 $result = new WPCF7_Validation();
29
30 $tags = $contact_form->scan_form_tags(
31 array(
32 'feature' => '! file-uploading',
33 )
34 );
35
36 foreach ( $tags as $tag ) {
37 $type = $tag->type;
38 $result = apply_filters( "wpcf7_validate_{$type}", $result, $tag );
39 }
40 $result = apply_filters( 'wpcf7_validate', $result, $tags );
41
42 $invalid_fields = $result->get_invalid_fields();
43 $upload_files = $this->unship_uploaded_files( $contact_form );
44 $success = false;
45 $invalid_fields_return = array_merge( $result->get_invalid_fields(), $upload_files['invalid_fields'] );
46 if ( false === $result->is_valid() ) {
47 $success = $result->is_valid();
48 } else {
49 $success = $upload_files['valid'];
50 }
51 $return = array(
52 'success' => $success,
53 'invalid_fields' => $invalid_fields_return,
54 );
55 if ( $return['success'] == false ) {
56 $messages = $contact_form->prop( 'messages' );
57 $return['message'] = $messages['validation_error'];
58 if ( empty( $return['message'] ) ) {
59 $default_messages = wpcf7_messages();
60 $return['message'] = $default_messages['validation_error']['default'];
61 }
62 } else {
63 $return['message'] = '';
64 }
65 if ( cf7mls_is_active_cf7db() ) {
66 if ( get_post_meta( $id, '_cf7mls_db_save_every_step', true ) == 'yes' ) {
67 $_cf7mls_db_form_data_id = ( isset( $_POST['_cf7mls_db_form_data_id'] ) ? intval( $_POST['_cf7mls_db_form_data_id'] ) : '' );
68 if ( empty( $_cf7mls_db_form_data_id ) ) {
69 $wpdb->insert( $wpdb->prefix . 'cf7_data', array( 'created' => date( 'Y-m-d H:i:s' ) ), array( '%s' ) );
70 $_cf7mls_db_form_data_id = $wpdb->insert_id;
71 }
72
73 /*
74 * Insert / update to database
75 */
76 $contact_form = cf7d_get_posted_data( $contact_form );
77
78 // Modify $contact_form
79 $contact_form = apply_filters( 'cf7d_modify_form_before_insert_data', $contact_form );
80 $tags = $contact_form->scan_form_tags(
81 array(
82 'feature' => '! file-uploading',
83 )
84 );
85
86 $posted_data = $_POST;
87 $posted_data = $this->cf7mls_cf7d_add_more_fields( $posted_data );
88
89 foreach ( $tags as $k => $v ) {
90 if ( isset( $posted_data[ $v['name'] ] ) ) {
91 $posted_data[ $v['name'] ] = $this->cf7mls_sanitize_posted_data( $posted_data[ $v['name'] ] );
92 } else {
93 unset( $posted_data[ $v['name'] ] );
94 }
95 }
96 // install to database
97 $cf7d_no_save_fields = cf7d_no_save_fields();
98 foreach ( $posted_data as $k => $v ) {
99 if ( in_array( $k, $cf7d_no_save_fields ) ) {
100 continue;
101 } else {
102 if ( is_array( $v ) ) {
103 $v = implode( "\n", $v );
104 }
105 $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 . "'" );
106 if ( count( $check_existing ) > 0 ) {
107 /* Update */
108 $data = array(
109 'name' => $k,
110 'value' => $v,
111 );
112 $data_format = array( '%s', '%s' );
113 $where = array(
114 'cf7_id' => (int) $id,
115 'data_id' => (int) $_cf7mls_db_form_data_id,
116 );
117 $where_format = array( '%d', '%d' );
118 $wpdb->update( $wpdb->prefix . 'cf7_data_entry', $data, $where, $data_format, $where_format );
119 } else {
120 /* Insert */
121 $data = array(
122 'cf7_id' => (int) $id,
123 'data_id' => (int) $_cf7mls_db_form_data_id,
124 'name' => $k,
125 'value' => $v,
126 );
127 $format = array( '%d', '%d', '%s', '%s' );
128 $wpdb->insert( $wpdb->prefix . 'cf7_data_entry', $data, $format );
129 }
130 }
131 }
132 $return['_cf7mls_db_form_data_id'] = (int) $_cf7mls_db_form_data_id;
133 }
134 }
135 $json = json_encode( $return );
136 exit( $json );
137 }
138 }
139 }
140 public function cf7mls_sanitize_posted_data( $value ) {
141 if ( is_array( $value ) ) {
142 $value = array_map( 'cf7mls_sanitize_posted_data', $value );
143 } elseif ( is_string( $value ) ) {
144 $value = wp_check_invalid_utf8( $value );
145 $value = wp_kses_no_null( $value );
146 }
147 return $value;
148 }
149 public function cf7mls_cf7d_add_more_fields( $posted_data ) {
150 // time
151 $posted_data['submit_time'] = date( 'Y-m-d H:i:s' );
152 // ip
153 $posted_data['submit_ip'] = ( isset( $_SERVER['X_FORWARDED_FOR'] ) ) ? $_SERVER['X_FORWARDED_FOR'] : $_SERVER['REMOTE_ADDR'];
154 // user id
155 $posted_data['submit_user_id'] = 0;
156 if ( function_exists( 'is_user_logged_in' ) && is_user_logged_in() ) {
157 $current_user = wp_get_current_user(); // WP_User
158 $posted_data['submit_user_id'] = $current_user->ID;
159 }
160 return $posted_data;
161 }
162 private function unship_uploaded_files( $contact_form ) {
163 $file_result = new WPCF7_Validation();
164
165 $file_tags = $contact_form->scan_form_tags(
166 array(
167 'feature' => 'file-uploading',
168 )
169 );
170
171 foreach ( $file_tags as $tag ) {
172 if ( false != $tag->is_required() ) {
173 $file = isset( $_FILES[ $tag->name ] ) ? $_FILES[ $tag->name ] : null;
174 $args = array(
175 'tag' => $tag,
176 'name' => $tag->name,
177 'required' => $tag->is_required(),
178 'filetypes' => $tag->get_option( 'filetypes' ),
179 'limit' => $tag->get_limit_option(),
180 );
181
182 $new_files = wpcf7_unship_uploaded_file( $file, $args );
183
184 $file_result = apply_filters(
185 "wpcf7_validate_{$tag->type}",
186 $file_result,
187 $tag,
188 array(
189 'uploaded_files' => $new_files,
190 )
191 );
192 }
193 }
194
195 $file_invalid_fields = $file_result->get_invalid_fields();
196 return array(
197 'valid' => $file_result->is_valid(),
198 'invalid_fields' => $file_invalid_fields,
199 );
200 }
201 }
202 new NjtCF7MLSValidation();
203 }
204
...@@ -15603,6 +15603,16 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -15603,6 +15603,16 @@ figure.woocommerce-product-gallery__wrapper {
15603 width: 100%; 15603 width: 100%;
15604 padding-top: 0rem; 15604 padding-top: 0rem;
15605 } 15605 }
15606 @media screen and (max-width: 768px) {
15607 #main-nav.numbers {
15608 position: fixed;
15609 width: 100%;
15610 padding-top: 0;
15611 background-color: #fff;
15612 padding-bottom: 0px;
15613 z-index: 999999;
15614 }
15615 }
15606 15616
15607 p { 15617 p {
15608 font-family: "Calibri"; 15618 font-family: "Calibri";
...@@ -15611,12 +15621,20 @@ p { ...@@ -15611,12 +15621,20 @@ p {
15611 line-height: 21px; 15621 line-height: 21px;
15612 } 15622 }
15613 15623
15624 ol li {
15625 font-size: 18px;
15626 color: #5B6770;
15627 line-height: 21px;
15628 margin-bottom: 10px;
15629 }
15630
15614 h2, .h2 { 15631 h2, .h2 {
15615 font-family: "Calibri-bold"; 15632 font-family: "Calibri-bold";
15616 font-size: 40px; 15633 font-size: 40px;
15617 color: #012169; 15634 color: #012169;
15618 margin-bottom: 30px; 15635 margin-bottom: 30px;
15619 margin-top: 20px; 15636 margin-top: 20px;
15637 text-transform: uppercase;
15620 } 15638 }
15621 15639
15622 .cont { 15640 .cont {
...@@ -15652,6 +15670,16 @@ h2, .h2 { ...@@ -15652,6 +15670,16 @@ h2, .h2 {
15652 .wrapper { 15670 .wrapper {
15653 padding: 0px; 15671 padding: 0px;
15654 margin-bottom: -16px; 15672 margin-bottom: -16px;
15673 position: relative;
15674 }
15675 @media screen and (max-width: 768px) {
15676 .wrapper {
15677 top: 66px !important;
15678 }
15679 }
15680
15681 #full-width-page-wrapper {
15682 overflow-x: hidden;
15655 } 15683 }
15656 15684
15657 .header-image { 15685 .header-image {
...@@ -15668,6 +15696,12 @@ h2, .h2 { ...@@ -15668,6 +15696,12 @@ h2, .h2 {
15668 } 15696 }
15669 @media screen and (max-width: 768px) { 15697 @media screen and (max-width: 768px) {
15670 .header-image { 15698 .header-image {
15699 top: 66px !important;
15700 position: relative;
15701 }
15702 }
15703 @media screen and (max-width: 768px) {
15704 .header-image {
15671 max-height: 240px; 15705 max-height: 240px;
15672 min-height: 240px; 15706 min-height: 240px;
15673 } 15707 }
...@@ -15681,6 +15715,11 @@ h2, .h2 { ...@@ -15681,6 +15715,11 @@ h2, .h2 {
15681 color: #fff; 15715 color: #fff;
15682 font-size: 60px; 15716 font-size: 60px;
15683 } 15717 }
15718 @media (max-width: 768px) {
15719 .header-image .header-text h1, .header-image .header-text .h1 {
15720 display: none;
15721 }
15722 }
15684 15723
15685 .numbers-top { 15724 .numbers-top {
15686 margin-bottom: 0em; 15725 margin-bottom: 0em;
...@@ -15693,11 +15732,35 @@ h2, .h2 { ...@@ -15693,11 +15732,35 @@ h2, .h2 {
15693 padding-top: 50px; 15732 padding-top: 50px;
15694 padding-right: 50px; 15733 padding-right: 50px;
15695 } 15734 }
15735 .numbers-top .wp-block-column:first-child h1, .numbers-top .wp-block-column:first-child .h1 {
15736 font-family: "Calibri-bold";
15737 color: #fff;
15738 font-size: 36px;
15739 display: none;
15740 }
15741 @media (max-width: 768px) {
15742 .numbers-top .wp-block-column:first-child h1, .numbers-top .wp-block-column:first-child .h1 {
15743 display: block;
15744 }
15745 }
15746 @media (max-width: 600px) {
15747 .numbers-top .wp-block-column:first-child {
15748 margin-left: -10%;
15749 padding-left: 15%;
15750 margin-right: -10%;
15751 padding-right: 15%;
15752 }
15753 }
15696 .numbers-top .wp-block-column:first-child p { 15754 .numbers-top .wp-block-column:first-child p {
15697 color: #fff; 15755 color: #fff;
15698 font-size: 30px; 15756 font-size: 30px;
15699 line-height: 34px; 15757 line-height: 34px;
15700 } 15758 }
15759 @media (max-width: 600px) {
15760 .numbers-top .wp-block-column:first-child p {
15761 font-size: 18px;
15762 }
15763 }
15701 .numbers-top .wp-block-column:first-child span { 15764 .numbers-top .wp-block-column:first-child span {
15702 color: #fff; 15765 color: #fff;
15703 font-size: 14px; 15766 font-size: 14px;
...@@ -15705,6 +15768,12 @@ h2, .h2 { ...@@ -15705,6 +15768,12 @@ h2, .h2 {
15705 float: right; 15768 float: right;
15706 margin-top: 40px; 15769 margin-top: 40px;
15707 } 15770 }
15771 @media (max-width: 768px) {
15772 .numbers-top .wp-block-column:first-child span {
15773 margin-top: 10px;
15774 margin-bottom: 30px;
15775 }
15776 }
15708 .numbers-top .wp-block-column:last-child { 15777 .numbers-top .wp-block-column:last-child {
15709 margin-left: 0; 15778 margin-left: 0;
15710 margin-right: -50%; 15779 margin-right: -50%;
...@@ -15715,6 +15784,14 @@ h2, .h2 { ...@@ -15715,6 +15784,14 @@ h2, .h2 {
15715 padding-bottom: 20px; 15784 padding-bottom: 20px;
15716 padding-left: 50px; 15785 padding-left: 50px;
15717 } 15786 }
15787 @media (max-width: 600px) {
15788 .numbers-top .wp-block-column:last-child {
15789 margin-left: -10%;
15790 padding-left: 15%;
15791 margin-right: -10%;
15792 padding-right: 15%;
15793 }
15794 }
15718 .numbers-top .wp-block-column:last-child p { 15795 .numbers-top .wp-block-column:last-child p {
15719 margin-top: -15px; 15796 margin-top: -15px;
15720 color: #fff; 15797 color: #fff;
...@@ -15748,7 +15825,21 @@ h2, .h2 { ...@@ -15748,7 +15825,21 @@ h2, .h2 {
15748 padding-top: 50px; 15825 padding-top: 50px;
15749 padding-right: 50px; 15826 padding-right: 50px;
15750 } 15827 }
15828 @media (max-width: 768px) {
15829 .numbers-second .wp-block-column:first-child {
15830 margin-left: -10%;
15831 padding-left: 15%;
15832 margin-right: -10%;
15833 padding-right: 15%;
15834 }
15835 }
15836 @media (max-width: 600px) {
15837 .numbers-second .wp-block-column:first-child h2, .numbers-second .wp-block-column:first-child .h2 {
15838 font-size: 28px;
15839 }
15840 }
15751 .numbers-second .wp-block-column:first-child a.wp-block-button__link { 15841 .numbers-second .wp-block-column:first-child a.wp-block-button__link {
15842 margin-bottom: 50px;
15752 background-color: #012169; 15843 background-color: #012169;
15753 text-transform: uppercase; 15844 text-transform: uppercase;
15754 font-family: "Calibri-bold"; 15845 font-family: "Calibri-bold";
...@@ -15757,6 +15848,12 @@ h2, .h2 { ...@@ -15757,6 +15848,12 @@ h2, .h2 {
15757 border-radius: 0px; 15848 border-radius: 0px;
15758 width: 368px; 15849 width: 368px;
15759 } 15850 }
15851 @media (max-width: 768px) {
15852 .numbers-second .wp-block-column:first-child a.wp-block-button__link {
15853 width: 330px;
15854 padding: 15px 20px;
15855 }
15856 }
15760 .numbers-second .wp-block-column:first-child a.wp-block-button__link:before { 15857 .numbers-second .wp-block-column:first-child a.wp-block-button__link:before {
15761 content: ""; 15858 content: "";
15762 width: 40px; 15859 width: 40px;
...@@ -15783,6 +15880,10 @@ h2, .h2 { ...@@ -15783,6 +15880,10 @@ h2, .h2 {
15783 background-position: center; 15880 background-position: center;
15784 background-image: url("/wp-content/themes/understrap-child/src/images/arrow_down.svg"); 15881 background-image: url("/wp-content/themes/understrap-child/src/images/arrow_down.svg");
15785 } 15882 }
15883 .numbers-second .wp-block-column:first-child a.rotated.wp-block-button__link:after {
15884 top: 10px;
15885 background-image: url("/wp-content/themes/understrap-child/src/images/arrow_up.svg");
15886 }
15786 .numbers-second .wp-block-column:last-child { 15887 .numbers-second .wp-block-column:last-child {
15787 margin-left: 0; 15888 margin-left: 0;
15788 margin-right: -50%; 15889 margin-right: -50%;
...@@ -15790,15 +15891,21 @@ h2, .h2 { ...@@ -15790,15 +15891,21 @@ h2, .h2 {
15790 background-color: #005EB8; 15891 background-color: #005EB8;
15791 flex-basis: 108% !important; 15892 flex-basis: 108% !important;
15792 padding-top: 0px; 15893 padding-top: 0px;
15793 padding-bottom: 20px; 15894 padding-bottom: 50px;
15794 padding-left: 50px; 15895 padding-left: 50px;
15795 } 15896 }
15897 @media (max-width: 768px) {
15898 .numbers-second .wp-block-column:last-child {
15899 display: none;
15900 }
15901 }
15796 .numbers-second .wp-block-column:last-child .side-img { 15902 .numbers-second .wp-block-column:last-child .side-img {
15797 display: block; 15903 display: block;
15798 height: 418px; 15904 height: 418px;
15799 background-repeat: no-repeat; 15905 background-repeat: no-repeat;
15800 background-size: cover; 15906 background-size: cover;
15801 margin-left: -50px; 15907 margin-left: -50px;
15908 margin-right: -70%;
15802 background-position: center; 15909 background-position: center;
15803 background-image: url("/wp-content/themes/understrap-child/src/images/man.jpg"); 15910 background-image: url("/wp-content/themes/understrap-child/src/images/man.jpg");
15804 } 15911 }
...@@ -15807,6 +15914,11 @@ h2, .h2 { ...@@ -15807,6 +15914,11 @@ h2, .h2 {
15807 margin-right: -50%; 15914 margin-right: -50%;
15808 } 15915 }
15809 } 15916 }
15917 @media (min-width: 1200px) {
15918 .numbers-second .wp-block-column:last-child .side-img {
15919 margin-right: -50%;
15920 }
15921 }
15810 @media (min-width: 1500px) { 15922 @media (min-width: 1500px) {
15811 .numbers-second .wp-block-column:last-child .side-img { 15923 .numbers-second .wp-block-column:last-child .side-img {
15812 margin-right: -150%; 15924 margin-right: -150%;
...@@ -15826,10 +15938,405 @@ h2, .h2 { ...@@ -15826,10 +15938,405 @@ h2, .h2 {
15826 margin-top: 20px; 15938 margin-top: 20px;
15827 } 15939 }
15828 15940
15941 .wp-block-group.register {
15942 background-color: #F2F2F2;
15943 margin-left: -100%;
15944 padding-left: 100%;
15945 margin-right: -50%;
15946 padding-right: 50%;
15947 padding-top: 50px;
15948 display: none;
15949 min-height: 600px;
15950 }
15951 @media (max-width: 768px) {
15952 .wp-block-group.register {
15953 margin-left: -10%;
15954 padding-left: 15%;
15955 margin-right: -10%;
15956 padding-right: 15%;
15957 }
15958 }
15959 .wp-block-group.register .terms {
15960 background-color: #fff;
15961 padding: 20px;
15962 height: 296px;
15963 margin-top: 50px;
15964 margin-bottom: 20px;
15965 overflow: auto;
15966 }
15967 .wp-block-group.register .terms p {
15968 line-height: 21px;
15969 }
15970 .wp-block-group.register .thank-you {
15971 display: none;
15972 text-align: center;
15973 max-width: 800px;
15974 margin: auto;
15975 margin-top: 100px;
15976 }
15977 .wp-block-group.register .wpcf7 form.sent .wpcf7-response-output {
15978 border: 0px #fff solid;
15979 }
15980 .wp-block-group.register .wpcf7 {
15981 max-width: unset;
15982 }
15983 .wp-block-group.register .wpcf7 h2, .wp-block-group.register .wpcf7 .h2 {
15984 margin-bottom: 10px;
15985 margin-left: -210px;
15986 }
15987 @media (max-width: 768px) {
15988 .wp-block-group.register .wpcf7 h2, .wp-block-group.register .wpcf7 .h2 {
15989 margin-left: 0px;
15990 }
15991 }
15992 .wp-block-group.register .wpcf7 .steps {
15993 display: none;
15994 }
15995 @media (max-width: 768px) {
15996 .wp-block-group.register .wpcf7 .steps {
15997 display: block;
15998 margin-top: 20px;
15999 margin-bottom: 30px;
16000 }
16001 }
16002 .wp-block-group.register .wpcf7 span.required {
16003 margin-bottom: 30px;
16004 margin-left: -210px;
16005 }
16006 @media (max-width: 768px) {
16007 .wp-block-group.register .wpcf7 span.required {
16008 margin-left: 0px;
16009 }
16010 }
16011 .wp-block-group.register .wpcf7 .wpcf7-submit,
16012 .wp-block-group.register .wpcf7 .cf7mls_next.action-button {
16013 background-color: #012169;
16014 text-transform: uppercase;
16015 font-family: "Calibri-bold";
16016 font-size: 20px;
16017 padding: 5px 50px !important;
16018 border-radius: 0px;
16019 color: #fff;
16020 width: unset;
16021 }
16022 @media (max-width: 768px) {
16023 .wp-block-group.register .wpcf7 .wpcf7-submit {
16024 margin-top: 50px;
16025 }
16026 }
16027 .wp-block-group.register .wpcf7 .wpcf7 input[type=submit]:focus {
16028 border: none;
16029 }
16030 .wp-block-group.register .wpcf7 label {
16031 text-transform: uppercase;
16032 }
16033 .wp-block-group.register .wpcf7 .wpcf7-form-control {
16034 border-radius: 0px;
16035 }
16036 .wp-block-group.register .wpcf7 label {
16037 display: inline-block;
16038 margin-bottom: 15px;
16039 }
16040 .wp-block-group.register .wpcf7 label.first-name,
16041 .wp-block-group.register .wpcf7 label.last-name {
16042 width: 39% !important;
16043 margin-right: 1%;
16044 }
16045 @media (max-width: 768px) {
16046 .wp-block-group.register .wpcf7 label.first-name,
16047 .wp-block-group.register .wpcf7 label.last-name {
16048 width: 100% !important;
16049 }
16050 }
16051 .wp-block-group.register .wpcf7 label.designation {
16052 width: 20% !important;
16053 }
16054 .wp-block-group.register .wpcf7 label.company-address {
16055 width: 79% !important;
16056 margin-right: 1%;
16057 }
16058 @media (max-width: 768px) {
16059 .wp-block-group.register .wpcf7 label.company-address {
16060 width: 100% !important;
16061 }
16062 }
16063 .wp-block-group.register .wpcf7 label.company-unit {
16064 width: 20% !important;
16065 }
16066 @media (max-width: 768px) {
16067 .wp-block-group.register .wpcf7 label.company-unit {
16068 width: 30% !important;
16069 margin-right: 1%;
16070 }
16071 }
16072 .wp-block-group.register .wpcf7 label.company-prov {
16073 width: 10% !important;
16074 margin-right: 1%;
16075 }
16076 @media (max-width: 768px) {
16077 .wp-block-group.register .wpcf7 label.company-prov {
16078 width: 30% !important;
16079 margin-right: 1%;
16080 }
16081 }
16082 .wp-block-group.register .wpcf7 label.company-city {
16083 width: 59% !important;
16084 margin-right: 1%;
16085 }
16086 @media (max-width: 768px) {
16087 .wp-block-group.register .wpcf7 label.company-city {
16088 width: 69% !important;
16089 margin-right: 0%;
16090 }
16091 }
16092 .wp-block-group.register .wpcf7 label.company-postal {
16093 width: 29% !important;
16094 }
16095 @media (max-width: 768px) {
16096 .wp-block-group.register .wpcf7 label.company-postal {
16097 width: 69% !important;
16098 margin-right: 0%;
16099 }
16100 }
16101 .wp-block-group.register .wpcf7 label.your-phone,
16102 .wp-block-group.register .wpcf7 label.confirm-email,
16103 .wp-block-group.register .wpcf7 label.your-email {
16104 width: 25% !important;
16105 margin-right: 1%;
16106 }
16107 @media (max-width: 768px) {
16108 .wp-block-group.register .wpcf7 label.your-phone,
16109 .wp-block-group.register .wpcf7 label.confirm-email,
16110 .wp-block-group.register .wpcf7 label.your-email {
16111 width: 100% !important;
16112 margin-right: 0%;
16113 }
16114 }
16115 @media (max-width: 768px) {
16116 .wp-block-group.register .wpcf7 label.your-phone {
16117 width: 77% !important;
16118 margin-right: 1%;
16119 }
16120 }
16121 .wp-block-group.register .wpcf7 label.your-ext {
16122 width: 22% !important;
16123 }
16124 .wp-block-group.register .wpcf7 .acceptance-548 {
16125 text-transform: none;
16126 }
16127 .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 {
16128 position: absolute;
16129 top: 10px;
16130 left: 100%;
16131 display: block;
16132 width: 2px;
16133 height: 100px;
16134 background: #707070;
16135 content: "";
16136 margin-left: 17px;
16137 overflow: visible;
16138 }
16139
16140 .fieldset-cf7mls-wrapper {
16141 overflow: visible;
16142 }
16143
16144 .cf7mls_progress_bar {
16145 width: 18% !important;
16146 margin: 0 !important;
16147 margin-top: 150px !important;
16148 display: inline-block !important;
16149 vertical-align: top;
16150 }
16151 @media (max-width: 768px) {
16152 .cf7mls_progress_bar {
16153 display: none !important;
16154 margin-top: 0px !important;
16155 }
16156 }
16157
16158 .fieldset-cf7mls-wrapper {
16159 width: 80% !important;
16160 display: inline-block !important;
16161 }
16162 @media (max-width: 768px) {
16163 .fieldset-cf7mls-wrapper {
16164 width: 100% !important;
16165 display: block !important;
16166 }
16167 }
16168
16169 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li, .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li {
16170 display: block !important;
16171 margin-bottom: 50px;
16172 overflow: visible !important;
16173 }
16174
16175 .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 {
16176 position: absolute;
16177 top: 22px;
16178 left: 0%;
16179 display: block;
16180 width: 2px;
16181 height: 60px;
16182 background: #707070;
16183 content: "";
16184 margin-left: -30px;
16185 overflow: visible;
16186 }
16187
16188 .cf7_mls_steps_item:nth-of-type(2) .cf7mls_progress_bar_title:after {
16189 display: none !important;
16190 }
16191
16192 .cf7_mls_check,
16193 .cf7_mls_count_step {
16194 display: none !important;
16195 }
16196
16197 .cf7_mls_steps_item_icon {
16198 width: 21px;
16199 height: 21px;
16200 }
16201
16202 .cf7_mls_steps_item:not(.active) .cf7mls_progress_bar_title {
16203 display: none;
16204 }
16205 .cf7_mls_steps_item:not(.active) .cf7_mls_steps_item_icon {
16206 border: 2px #707070 solid;
16207 }
16208
16209 .cf7mls-steps-item-finish .cf7mls_progress_bar_title {
16210 color: #f2f2f2 !important;
16211 }
16212 .cf7mls-steps-item-finish .cf7_mls_steps_item_icon {
16213 border: 2px #707070 solid;
16214 }
16215
16216 .cf7mls_number_step_wrap {
16217 display: none !important;
16218 }
16219
15829 #wrapper-footer { 16220 #wrapper-footer {
15830 background-color: #012169; 16221 background-color: #012169;
15831 height: 273px; 16222 height: 273px;
15832 } 16223 }
16224 @media screen and (max-width: 768px) {
16225 #wrapper-footer {
16226 height: 245px;
16227 }
16228 }
16229 #wrapper-footer a {
16230 color: #fff;
16231 }
16232
16233 .footer-widget p {
16234 position: relative;
16235 right: 0px;
16236 text-align: right;
16237 margin-top: 0px;
16238 color: #fff;
16239 }
16240 @media screen and (max-width: 768px) {
16241 .footer-widget p {
16242 text-align: left;
16243 }
16244 }
16245
16246 div.social {
16247 position: relative;
16248 right: 0px;
16249 top: 40px;
16250 width: 300px;
16251 display: block;
16252 float: right;
16253 }
16254 @media screen and (max-width: 768px) {
16255 div.social {
16256 float: left;
16257 }
16258 }
16259
16260 ul.social {
16261 list-style-position: inside;
16262 text-align: right;
16263 margin-top: 0px;
16264 margin-bottom: 0rem !important;
16265 }
16266 @media screen and (max-width: 768px) {
16267 ul.social {
16268 text-align: left;
16269 padding-left: 0px !important;
16270 margin-bottom: 0.7rem !important;
16271 }
16272 }
16273 ul.social li {
16274 display: inline-block;
16275 }
16276 ul.social li a {
16277 transition: none !important;
16278 display: inline-block;
16279 width: 36px !important;
16280 height: 36px !important;
16281 background: url(/wp-content/themes/understrap-child/src/images/social.svg) no-repeat;
16282 text-indent: 100%;
16283 white-space: nowrap;
16284 overflow: hidden;
16285 background-size: 400%;
16286 box-shadow: none !important;
16287 border: solid 0px #4A4E4F;
16288 background-color: transparent !important;
16289 margin-top: 0px;
16290 margin-bottom: 0rem;
16291 }
16292 ul.social li a.twitter-icon {
16293 background-position: 0% 0%;
16294 }
16295 ul.social li a.twitter-icon:hover {
16296 opacity: 0.5;
16297 }
16298 ul.social li a.twitter-icon:active {
16299 opacity: 0.5;
16300 }
16301 ul.social li a.twitter-icon:focus {
16302 opacity: 0.5;
16303 }
16304 ul.social li a.instagram-icon {
16305 background-position: 33% 0%;
16306 }
16307 ul.social li a.instagram-icon:hover {
16308 opacity: 0.5;
16309 }
16310 ul.social li a.instagram-icon:active {
16311 opacity: 0.5;
16312 }
16313 ul.social li a.instagram-icon:focus {
16314 opacity: 0.5;
16315 }
16316 ul.social li a.facebook-icon {
16317 background-position: 66% 0%;
16318 }
16319 ul.social li a.facebook-icon:hover {
16320 opacity: 0.5;
16321 }
16322 ul.social li a.facebook-icon:active {
16323 opacity: 0.5;
16324 }
16325 ul.social li a.facebook-icon:focus {
16326 opacity: 0.5;
16327 }
16328 ul.social li a.linkedin-icon {
16329 background-position: 100% 0%;
16330 }
16331 ul.social li a.linkedin-icon:hover {
16332 opacity: 0.5;
16333 }
16334 ul.social li a.linkedin-icon:active {
16335 opacity: 0.5;
16336 }
16337 ul.social li a.linkedin-icon:focus {
16338 opacity: 0.5;
16339 }
15833 16340
15834 .has-blue-color, 16341 .has-blue-color,
15835 .has-blue-color:visited { 16342 .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.
1 <?php
2 /**
3 * The template for displaying the footer
4 *
5 * Contains the closing of the #content div and all content after
6 *
7 * @package Understrap
8 */
9
10 // Exit if accessed directly.
11 defined( 'ABSPATH' ) || exit;
12
13 $container = get_theme_mod( 'understrap_container_type' );
14 ?>
15
16 <?php get_template_part( 'sidebar-templates/sidebar', 'footerfull' ); ?>
17
18 <div class="wrapper" id="wrapper-footer">
19
20 <div class="<?php echo esc_attr( $container ); ?>">
21
22 <div class="row">
23
24 <div class="col-md-12">
25
26 <footer class="site-footer" id="colophon">
27
28 <div class="site-info">
29
30 <?php dynamic_sidebar( 'footerfull' ); ?>
31
32 </div><!-- .site-info -->
33
34 </footer><!-- #colophon -->
35
36 </div><!--col end -->
37
38 </div><!-- row end -->
39
40 </div><!-- container end -->
41
42 </div><!-- wrapper end -->
43
44 </div><!-- #page we need this extra closing tag here -->
45
46 <?php wp_footer(); ?>
47
48 </body>
49
50 </html>
51
...@@ -87,3 +87,42 @@ function understrap_child_customize_controls_js() { ...@@ -87,3 +87,42 @@ function understrap_child_customize_controls_js() {
87 ); 87 );
88 } 88 }
89 add_action( 'customize_controls_enqueue_scripts', 'understrap_child_customize_controls_js' ); 89 add_action( 'customize_controls_enqueue_scripts', 'understrap_child_customize_controls_js' );
90
91
92 add_filter( 'wpcf7_validate_email*', 'custom_email_confirmation_validation_filter', 20, 2 );
93
94 function custom_email_confirmation_validation_filter( $result, $tag ) {
95 if ( 'confirm-email' == $tag->name ) {
96 $your_email = isset( $_POST['your-email'] ) ? trim( $_POST['your-email'] ) : '';
97 $your_email_confirm = isset( $_POST['confirm-email'] ) ? trim( $_POST['confirm-email'] ) : '';
98
99 if ( $your_email != $your_email_confirm ) {
100 $result->invalidate( $tag, "Are you sure this is the correct address?" );
101 }
102 }
103
104 return $result;
105 }
106
107 function get_template_directory_child() {
108 $directory_template = get_template_directory_uri();
109 $directory_child = str_replace('understrap', '', $directory_template) . 'child-understrap';
110
111 return $directory_child;
112 }
113
114 function filter_wpcf7_response_output( $output ){
115 // Replace Success CSS Class
116
117 $output = str_replace( ' wpcf7-mail-sent-ok', ' alert alert-success', $output );
118 return $output;
119 }
120 add_filter( 'wpcf7_form_response_output', 'filter_wpcf7_response_output', 10, 1 );
121
122
123 add_filter("wpcf7_ajax_json_echo", function ($response, $result) {
124
125 $response["message"] = '';
126 return $response;
127
128 },10,2);
......
...@@ -28,13 +28,14 @@ if ( ! function_exists( 'understrap_scripts' ) ) { ...@@ -28,13 +28,14 @@ if ( ! function_exists( 'understrap_scripts' ) ) {
28 } 28 }
29 29
30 $css_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_styles ); 30 $css_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_styles );
31 wp_enqueue_style( 'fonts', get_template_directory_uri() .'fonts/fonts.css', array(), $css_version ); 31 wp_enqueue_style( 'fonts', get_stylesheet_directory_uri() .'/fonts/fonts.css', array(), $css_version );
32 wp_enqueue_style( 'understrap-styles', get_template_directory_uri() . $theme_styles, array(), $css_version ); 32 wp_enqueue_style( 'understrap-styles', get_template_directory_uri() . $theme_styles, array(), $css_version );
33 33
34 wp_enqueue_script( 'jquery' ); 34 wp_enqueue_script( 'jquery' );
35 35
36 $js_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_scripts ); 36 $js_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_scripts );
37 wp_enqueue_script( 'understrap-scripts', get_template_directory_uri() . $theme_scripts, array(), $js_version, true ); 37 wp_enqueue_script( 'understrap-scripts', get_template_directory_uri() . $theme_scripts, array(), $js_version, true );
38 wp_enqueue_script( 'custom-javascript', get_stylesheet_directory_uri() .'/js/custom-javascript.js', array(), $js_version, true );
38 if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { 39 if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
39 wp_enqueue_script( 'comment-reply' ); 40 wp_enqueue_script( 'comment-reply' );
40 } 41 }
......
1 // Add your custom JS here.
2 jQuery( document ).ready(function($) {
3
4 $(document).on("click","#register-here",function() {
5 $('.wp-block-group.register').toggle();
6 $('.numbers-second .wp-block-column:first-child a.wp-block-button__link').toggleClass('rotated');
7 });
8
9 $('.wpcf7-form-control-wrap').each(function( index ) {
10 $(this).parent().addClass($(this).attr('class').split(' ')[1]);
11 });
12
13 document.addEventListener( 'wpcf7mailsent', function( event ) {
14 if ( '36' == event.detail.contactFormId ) {
15 console.log('wpcf7submit');
16 $('.fieldset-cf7mls-wrapper').remove();
17 $('.cf7mls_progress_bar').remove();
18 $('.thank-you').show();
19 }
20 }, false );
21
22 });
...\ No newline at end of file ...\ No newline at end of file
1 <svg xmlns="http://www.w3.org/2000/svg" width="25.052" height="15.19" viewBox="0 0 25.052 15.19">
2 <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"/>
3 </svg>
1 <svg xmlns="http://www.w3.org/2000/svg" width="170.599" height="35.509" viewBox="0 0 170.599 35.509">
2 <g id="Group_1051" data-name="Group 1051" transform="translate(-1130.401 -2344)">
3 <g id="Group_1050" data-name="Group 1050">
4 <g id="Component_29_7" data-name="Component 29 – 7" transform="translate(1130.401 2344)">
5 <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"/>
6 </g>
7 <g id="Component_30_7" data-name="Component 30 – 7" transform="translate(1175.431 2344)">
8 <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"/>
9 </g>
10 <g id="Component_31_7" data-name="Component 31 – 7" transform="translate(1220.461 2344)">
11 <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"/>
12 <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"/>
13 </g>
14 <g id="Component_32_7" data-name="Component 32 – 7" transform="translate(1265.491 2344)">
15 <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"/>
16 </g>
17 </g>
18 </g>
19 </svg>
1 // Add your custom JS here.
...\ No newline at end of file ...\ No newline at end of file
...@@ -9,7 +9,8 @@ ...@@ -9,7 +9,8 @@
9 9
10 // Any additional imported files // 10 // Any additional imported files //
11 @import "theme/child_theme"; // <------- Add your styles into this file 11 @import "theme/child_theme"; // <------- Add your styles into this file
12 @import "theme/numbers"; // <------- Add your styles into this file 12 @import "theme/numbers";
13 @import "theme/footer"; // <------- Add your styles into this file
13 @import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes. 14 @import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes.
14 @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks. 15 @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
15 @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support 16 @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support
...\ No newline at end of file ...\ No newline at end of file
......
1 #wrapper-footer{
2 background-color:#012169;
3 height: 273px;
4 @media screen and (max-width: 768px) {
5 height: 245px;
6 }
7 a{
8 color: #fff;
9 }
10 }
11
12 .footer-widget{
13 p{
14 position: relative;
15 right: 0px;
16 text-align: right;
17 margin-top:0px;
18 color: #fff;
19 @media screen and (max-width: 768px) {
20 text-align: left;
21 }
22 }
23 }
24 div.social{
25
26 position: relative;
27 right: 0px;
28 top:40px;
29 width: 300px;
30 display: block;
31 float: right;
32 @media screen and (max-width: 768px) {
33 float: left;
34 }
35
36 }
37 ul.social {
38 list-style-position: inside;
39 text-align: right;
40 margin-top:0px ;
41 margin-bottom: 0rem !important;
42 @media screen and (max-width: 768px) {
43 text-align: left;
44 padding-left:0px !important;
45 margin-bottom: 0.7rem !important;
46 }
47 li {
48 display: inline-block;
49
50 a {
51 -webkit-transition: none !important;
52 transition: none !important;
53 display: inline-block;
54 width: 36px !important;
55 height: 36px !important;
56 background:url(/wp-content/themes/understrap-child/src/images/social.svg) no-repeat;
57 text-indent: 100%;
58 white-space: nowrap;
59 overflow: hidden;
60 background-size: 400%;
61 box-shadow: none !important;
62 border: solid 0px #4A4E4F;
63 background-color: transparent !important;
64 margin-top:0px ;
65 margin-bottom: 0rem;
66
67 }
68
69 a.twitter-icon {
70
71 background-position: 0% 0%;
72
73 &:hover {
74 opacity: 0.5;
75 }
76
77 &:active {
78 opacity: 0.5;
79 }
80
81 &:focus {
82 opacity: 0.5;
83 }
84
85 }
86
87 a.instagram-icon {
88
89 background-position: 33% 0%;
90
91 &:hover {
92 opacity: 0.5;
93 }
94
95 &:active {
96 opacity: 0.5;
97 }
98
99 &:focus {
100 opacity: 0.5;
101 }
102 }
103
104 a.facebook-icon {
105
106 background-position: 66% 0%;
107
108 &:hover {
109 opacity: 0.5;
110 }
111
112 &:active {
113 opacity: 0.5;
114 }
115
116 &:focus {
117 opacity: 0.5;
118 }
119 }
120
121 a.linkedin-icon {
122
123
124 background-position: 100% 0%;
125
126 &:hover {
127 opacity: 0.5;
128 }
129
130 &:active {
131 opacity: 0.5;
132 }
133
134 &:focus {
135 opacity: 0.5;
136 }
137 }
138 }
139 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -3,19 +3,38 @@ ...@@ -3,19 +3,38 @@
3 position: absolute; 3 position: absolute;
4 width: 100%; 4 width: 100%;
5 padding-top: 0rem; 5 padding-top: 0rem;
6 @media screen and (max-width: 768px) {
7 position: fixed;
8 width: 100%;
9 padding-top: 0;
10 background-color: #fff;
11 padding-bottom: 0px;
12 z-index: 999999;
13
14 }
6 } 15 }
16
7 p{ 17 p{
8 font-family: 'Calibri'; 18 font-family: 'Calibri';
9 font-size: 18px; 19 font-size: 18px;
10 color:#5B6770; 20 color:#5B6770;
11 line-height: 21px; 21 line-height: 21px;
12 } 22 }
23 ol{
24 li{
25 font-size: 18px;
26 color:#5B6770;
27 line-height: 21px;
28 margin-bottom: 10px;
29 }
30 }
13 h2{ 31 h2{
14 font-family: 'Calibri-bold'; 32 font-family: 'Calibri-bold';
15 font-size: 40px; 33 font-size: 40px;
16 color: #012169; 34 color: #012169;
17 margin-bottom: 30px; 35 margin-bottom: 30px;
18 margin-top: 20px; 36 margin-top: 20px;
37 text-transform: uppercase;
19 } 38 }
20 .cont{ 39 .cont{
21 width: 100%; 40 width: 100%;
...@@ -50,10 +69,22 @@ h2{ ...@@ -50,10 +69,22 @@ h2{
50 .wrapper{ 69 .wrapper{
51 padding:0px; 70 padding:0px;
52 margin-bottom: -16px; 71 margin-bottom: -16px;
72 position: relative;
73 @media screen and (max-width: 768px) {
74 top: 66px !important;
75 }
76 }
77
78 #full-width-page-wrapper {
79 overflow-x: hidden;
53 } 80 }
54 81
55 .header-image{ 82 .header-image{
56 top: 0px !important; 83 top: 0px !important;
84 @media screen and (max-width: 768px) {
85 top: 66px !important;
86 position: relative;
87 }
57 max-height: 768px; 88 max-height: 768px;
58 min-height: 768px; 89 min-height: 768px;
59 height: 768px; 90 height: 768px;
...@@ -77,22 +108,43 @@ h2{ ...@@ -77,22 +108,43 @@ h2{
77 font-family: 'Calibri-bold'; 108 font-family: 'Calibri-bold';
78 color: #fff; 109 color: #fff;
79 font-size: 60px; 110 font-size: 60px;
111 @media (max-width: 768px){
112 display: none;
113 }
80 } 114 }
81 } 115 }
82 } 116 }
83 .numbers-top{ 117 .numbers-top{
84 margin-bottom: 0em; 118 margin-bottom: 0em;
85 .wp-block-column:first-child{ 119 .wp-block-column:first-child{
120 h1{
121 font-family: 'Calibri-bold';
122 color: #fff;
123 font-size: 36px;
124 display: none;
125 @media (max-width: 768px){
126 display: block;
127 }
128 }
86 margin-left: -100%; 129 margin-left: -100%;
87 padding-left: 100%; 130 padding-left: 100%;
88 background-color: #333F48; 131 background-color: #333F48;
89 flex-basis: 292% !important; 132 flex-basis: 292% !important;
90 padding-top: 50px; 133 padding-top: 50px;
91 padding-right: 50px; 134 padding-right: 50px;
135 @media (max-width: 600px){
136 margin-left: -10%;
137 padding-left: 15%;
138 margin-right: -10%;
139 padding-right: 15%;
140 }
92 p{ 141 p{
93 color: #fff; 142 color: #fff;
94 font-size: 30px; 143 font-size: 30px;
95 line-height: 34px; 144 line-height: 34px;
145 @media (max-width: 600px){
146 font-size: 18px;
147 }
96 } 148 }
97 span{ 149 span{
98 color: #fff; 150 color: #fff;
...@@ -100,6 +152,10 @@ h2{ ...@@ -100,6 +152,10 @@ h2{
100 display: block; 152 display: block;
101 float: right; 153 float: right;
102 margin-top: 40px; 154 margin-top: 40px;
155 @media (max-width: 768px){
156 margin-top: 10px;
157 margin-bottom: 30px;
158 }
103 } 159 }
104 } 160 }
105 .wp-block-column:last-child{ 161 .wp-block-column:last-child{
...@@ -111,6 +167,12 @@ h2{ ...@@ -111,6 +167,12 @@ h2{
111 padding-top: 50px; 167 padding-top: 50px;
112 padding-bottom: 20px; 168 padding-bottom: 20px;
113 padding-left: 50px; 169 padding-left: 50px;
170 @media (max-width: 600px){
171 margin-left: -10%;
172 padding-left: 15%;
173 margin-right: -10%;
174 padding-right: 15%;
175 }
114 p{ 176 p{
115 margin-top: -15px; 177 margin-top: -15px;
116 color: #fff; 178 color: #fff;
...@@ -146,10 +208,19 @@ h2{ ...@@ -146,10 +208,19 @@ h2{
146 flex-basis: 292% !important; 208 flex-basis: 292% !important;
147 padding-top: 50px; 209 padding-top: 50px;
148 padding-right: 50px; 210 padding-right: 50px;
149 p{ 211 @media (max-width: 768px){
150 212 margin-left: -10%;
213 padding-left: 15%;
214 margin-right: -10%;
215 padding-right: 15%;
216 }
217 h2{
218 @media (max-width: 600px){
219 font-size: 28px;
220 }
151 } 221 }
152 a.wp-block-button__link { 222 a.wp-block-button__link {
223 margin-bottom: 50px;
153 background-color: #012169; 224 background-color: #012169;
154 text-transform: uppercase; 225 text-transform: uppercase;
155 font-family: 'Calibri-bold'; 226 font-family: 'Calibri-bold';
...@@ -157,6 +228,10 @@ h2{ ...@@ -157,6 +228,10 @@ h2{
157 padding: 15px 70px; 228 padding: 15px 70px;
158 border-radius: 0px; 229 border-radius: 0px;
159 width: 368px; 230 width: 368px;
231 @media (max-width: 768px){
232 width: 330px;
233 padding: 15px 20px;
234 }
160 235
161 } 236 }
162 a.wp-block-button__link:before { 237 a.wp-block-button__link:before {
...@@ -186,6 +261,12 @@ h2{ ...@@ -186,6 +261,12 @@ h2{
186 background-image: url('/wp-content/themes/understrap-child/src/images/arrow_down.svg'); 261 background-image: url('/wp-content/themes/understrap-child/src/images/arrow_down.svg');
187 } 262 }
188 263
264
265 a.rotated.wp-block-button__link:after{
266 top: 10px;
267 background-image: url('/wp-content/themes/understrap-child/src/images/arrow_up.svg');
268 }
269
189 } 270 }
190 .wp-block-column:last-child{ 271 .wp-block-column:last-child{
191 margin-left: 0; 272 margin-left: 0;
...@@ -194,19 +275,26 @@ h2{ ...@@ -194,19 +275,26 @@ h2{
194 background-color: #005EB8; 275 background-color: #005EB8;
195 flex-basis: 108%!important; 276 flex-basis: 108%!important;
196 padding-top: 0px; 277 padding-top: 0px;
197 padding-bottom: 20px; 278 padding-bottom: 50px;
198 padding-left: 50px; 279 padding-left: 50px;
280 @media (max-width: 768px){
281 display:none;
282 }
199 .side-img{ 283 .side-img{
200 display: block; 284 display: block;
201 height: 418px; 285 height: 418px;
202 background-repeat: no-repeat; 286 background-repeat: no-repeat;
203 background-size: cover; 287 background-size: cover;
204 margin-left:-50px ; 288 margin-left:-50px ;
289 margin-right: -70%;
205 background-position: center; 290 background-position: center;
206 background-image: url('/wp-content/themes/understrap-child/src/images/man.jpg'); 291 background-image: url('/wp-content/themes/understrap-child/src/images/man.jpg');
207 @media (min-width: 1200px){ 292 @media (min-width: 1200px){
208 margin-right: -50%; 293 margin-right: -50%;
209 } 294 }
295 @media (min-width: 1200px){
296 margin-right: -50%;
297 }
210 @media (min-width: 1500px){ 298 @media (min-width: 1500px){
211 margin-right: -150%; 299 margin-right: -150%;
212 } 300 }
...@@ -223,13 +311,272 @@ h2{ ...@@ -223,13 +311,272 @@ h2{
223 color: #fff; 311 color: #fff;
224 margin-bottom: 20px; 312 margin-bottom: 20px;
225 margin-top: 20px; 313 margin-top: 20px;
314
315 }
316
317 }
318
319 }
320
321 .wp-block-group.register{
322 background-color: #F2F2F2;
323 margin-left: -100%;
324 padding-left: 100%;
325 margin-right: -50%;
326 padding-right: 50%;
327 padding-top:50px;
328 display: none;
329 min-height: 600px;
330 @media (max-width: 768px){
331 margin-left: -10%;
332 padding-left: 15%;
333 margin-right: -10%;
334 padding-right: 15%;
335 }
336 .terms{
337 background-color: #fff;
338 padding: 20px;
339 height: 296px;
340 margin-top: 50px;
341 margin-bottom: 20px;
342 overflow: auto;
343 p{
344 line-height: 21px;
345 }
346 }
347 .thank-you{
348 display: none;
349 text-align: center;
350 max-width: 800px;
351 margin: auto;
352 margin-top: 100px;
353 }
354 .wpcf7 form.sent .wpcf7-response-output{
355 border: 0px #fff solid;
356 }
357 .wpcf7{
358 max-width: unset;
359 h2{
360 margin-bottom: 10px;
361 margin-left: -210px;
362 @media (max-width: 768px){
363 margin-left: 0px;
364 }
365 }
366 .steps{
367 display: none;
368 @media (max-width: 768px){
369 display: block;
370 margin-top: 20px;
371 margin-bottom: 30px;
372 }
373 }
374 span.required{
375
376 margin-bottom: 30px;
377 margin-left: -210px;
378 @media (max-width: 768px){
379 margin-left: 0px;
380 }
381 }
382 .wpcf7-submit,
383 .cf7mls_next.action-button{
384 background-color: #012169;
385 text-transform: uppercase;
386 font-family: 'Calibri-bold';
387 font-size: 20px;
388 padding: 5px 50px !important;
389 border-radius: 0px;
390 color: #fff;
391 width: unset;
392 }
393 .wpcf7-submit{
394 @media (max-width: 768px){
395 margin-top: 50px
396 }
397 }
398 .wpcf7 input[type=submit]:focus{
399 border: none;
400 }
401 label{
402 text-transform: uppercase;
403 }
404 .wpcf7-form-control{
405 border-radius: 0px;
406 }
407
408 label {
409 display: inline-block;
410 margin-bottom: 15px;
411 }
412
413 label.first-name,
414 label.last-name{
415 width: 39% !important;
416 margin-right: 1%;
417 @media (max-width: 768px){
418 width: 100% !important;
419 }
226 } 420 }
421 label.designation{
422 width: 20% !important;
227 423
228 } 424 }
425 label.company-address{
426 width: 79% !important;
427 margin-right: 1%;
428 @media (max-width: 768px){
429 width: 100% !important;
430 }
431 }
432 label.company-unit{
433 width: 20% !important;
434 @media (max-width: 768px){
435 width: 30% !important;
436 margin-right: 1%;
437 }
438 }
439 label.company-prov{
440 width: 10% !important;
441 margin-right: 1%;
442 @media (max-width: 768px){
443 width: 30% !important;
444 margin-right: 1%;
445 }
446 }
447 label.company-city{
448 width: 59% !important;
449 margin-right: 1%;
450 @media (max-width: 768px){
451 width: 69% !important;
452 margin-right: 0%;
453 }
454 }
455 label.company-postal{
456 width: 29% !important;
457 @media (max-width: 768px){
458 width: 69% !important;
459 margin-right: 0%;
460 }
461 }
462
463 label.your-phone,
464 label.confirm-email,
465 label.your-email{
466 width: 25% !important;
467 margin-right: 1%;
468 @media (max-width: 768px){
469 width: 100% !important;
470 margin-right: 0%;
471 }
472 }
473 label.your-phone{
474 @media (max-width: 768px){
475 width: 77% !important;
476 margin-right: 1%;
477 }
478 }
479 label.your-ext{
480 width: 22% !important;
481 }
482
483 .acceptance-548{
484 text-transform:none;
485 }
486 .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 {
487 position: absolute;
488 top: 10px;
489 left: 100%;
490 display: block;
491 width: 2px;
492 height: 100px;
493 background: #707070;
494 content: "";
495 margin-left: 17px;
496 overflow: visible;
497 }
498 }
499
229 500
230 } 501 }
231 502
232 #wrapper-footer{ 503 .fieldset-cf7mls-wrapper{
233 background-color:#012169; 504 overflow:visible;
234 height: 273px;
235 } 505 }
506
507 .cf7mls_progress_bar{
508 width: 18%!important;
509 margin: 0!important;
510 margin-top: 150px !important;
511 display: inline-block!important;
512 vertical-align: top;
513 @media (max-width: 768px){
514 display: none!important;
515 margin-top: 0px !important;
516 }
517 }
518 .fieldset-cf7mls-wrapper{
519 width: 80% !important;
520 display: inline-block !important;
521 @media (max-width: 768px){
522 width: 100% !important;
523 display: block!important;
524 }
525 }
526 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal li, .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal li{
527 display: block !important;
528 margin-bottom: 50px;
529 overflow: visible !important;
530 }
531 .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{
532 position: absolute;
533 top: 22px;
534 left: 0%;
535 display: block;
536 width: 2px;
537 height:60px;
538 background: #707070;
539 content: "";
540 margin-left: -30px;
541 overflow: visible;
542 }
543
544 .cf7_mls_steps_item:nth-of-type(2) .cf7mls_progress_bar_title:after {
545 display: none !important;
546 }
547 .cf7_mls_check,
548 .cf7_mls_count_step{
549 display: none !important;
550 }
551 .cf7_mls_steps_item_icon{
552 width: 21px;
553 height: 21px;
554
555 }
556 .cf7_mls_steps_item:not(.active){
557 .cf7mls_progress_bar_title{
558 display: none;
559 }
560 .cf7_mls_steps_item_icon{
561
562 border: 2px #707070 solid;
563 }
564 }
565 .cf7mls-steps-item-finish{
566 .cf7mls_progress_bar_title{
567 color: #f2f2f2 !important;
568 }
569 .cf7_mls_steps_item_icon{
570
571 }
572 .cf7_mls_steps_item_icon{
573
574 border: 2px #707070 solid;
575 }
576
577 }
578
579 .cf7mls_number_step_wrap{
580 display: none !important;
581 }
582
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 Author: the Understrap Contributors 5 Author: the Understrap Contributors
6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors 6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors
7 Template: understrap 7 Template: understrap
8 Version: 1.1.0 8 Version: 1.1.02
9 License: GNU General Public License v2 or later 9 License: GNU General Public License v2 or later
10 License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 License URI: http://www.gnu.org/licenses/gpl-2.0.html
11 Text Domain: understrap-child 11 Text Domain: understrap-child
......
...@@ -22,7 +22,7 @@ $container = get_theme_mod( 'understrap_container_type' ); ...@@ -22,7 +22,7 @@ $container = get_theme_mod( 'understrap_container_type' );
22 22
23 <div class="row"> 23 <div class="row">
24 24
25 <?php dynamic_sidebar( 'footerfull' ); ?> 25
26 26
27 </div> 27 </div>
28 28
......