Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
40e9d171 by Jeff Balicki
Options

rem fixed

1 parent fcac58a0
Inline Side-by-side
Showing 7 changed files with 680 additions and 687 deletions
...@@ -16356,13 +16356,8 @@ h2, .h2 { ...@@ -16356,13 +16356,8 @@ h2, .h2 {
16356 16356
16357 #wrapper-footer { 16357 #wrapper-footer {
16358 background-color: #012169; 16358 background-color: #012169;
16359 height: 273px; 16359 height: auto;
16360 } 16360 padding-bottom: 50px;
16361 @media screen and (max-width: 900px) {
16362 #wrapper-footer {
16363 height: auto;
16364 padding-bottom: 50px;
16365 }
16366 } 16361 }
16367 #wrapper-footer a { 16362 #wrapper-footer a {
16368 color: #fff; 16363 color: #fff;
......
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 #main-nav.numbers {
2 position: absolute;
3 width: 100%;
4 padding-top: 0rem;
5 @media screen and (max-width: 768px) {
6 position: fixed;
7 width: 100%;
8 padding-top: 0;
9 background-color: #fff;
10 padding-bottom: 0px;
11 z-index: 999999;
12 }
13 }
14
15 p {
16 font-family: "Calibri";
17 font-size: 18px;
18 color: #5b6770;
19 line-height: 21px;
20 }
21 ol {
22 li {
23 font-size: 18px;
24 color: #5b6770;
25 line-height: 21px;
26 margin-bottom: 10px;
27 }
28 }
29 h2 {
30 font-family: "Calibri-bold";
31 font-size: 40px;
32 color: #012169;
33 margin-bottom: 30px;
34 margin-top: 20px;
35 text-transform: uppercase;
36 }
37 .cont {
38 width: 100%;
39 }
40 .full-width {
41 padding: 0px 65px;
42 }
43 .custom-logo-link {
44 padding: 0px;
45 }
46
47 .navbar-brand.custom-logo-link {
48 float: right;
49 margin-right: 0rem;
50 position: relative;
51 z-index: 9999;
52 img {
53 width: 135px;
54 }
55 }
56 #Layer_1 {
57 left: 0px;
58 top: 0px;
59 position: absolute;
60 @media (min-width: 1400px) and (max-width: 1500px) {
61 transform: scale(1.3);
62 top: 50px;
63 }
64 @media (min-width: 1300px) and (max-width: 1400px) {
65 transform: scale(1.2);
66 top: 50px;
67 }
68 @media (min-width: 1200px) and (max-width: 1300px) {
69 transform: scale(1.3);
70 top: 50px;
71 }
72 @media (min-width: 1000px) and (max-width: 1199px) {
73 transform: scale(1.6);
74 top: 130px;
75 }
76 @media (max-width: 999px) {
77 transform: scale(1.8);
78 top: 150px;
79 }
80 @media screen and (max-width: 768px) {
81 top: 50px;
82 }
83 }
84 @media (min-width: 1400px) {
85 .container,
86 .container-lg,
87 .container-md,
88 .container-sm,
89 .container-xl,
90 .container-xxl {
91 max-width: 1366px;
92 }
93 }
94
95 @media (min-width: 1200px) {
96 .container,
97 .container-lg,
98 .container-md,
99 .container-sm,
100 .container-xl {
101 max-width: 1234px;
102 }
103 }
104 .wrapper {
105 padding: 0px;
106 margin-bottom: -16px;
107 position: relative;
108 @media screen and (max-width: 780px) {
109 top: 66px !important;
110 }
111 }
112
113 #full-width-page-wrapper {
114 overflow-x: hidden;
115 }
116
117 .header-image {
118 top: 0px !important;
119 @media (max-width: 768px) {
120 top: 66px !important;
121 position: relative;
122 }
123 max-height: 768px;
124 min-height: 768px;
125 height: 768px;
126 background-attachment: scroll;
127 background-repeat: no-repeat;
128 background-position: 50% 30%;
129 background-size: cover;
130 display: flex;
131 align-items: flex-end;
132 overflow: hidden;
133 @media (max-width: 768px) {
134 max-height: 240px;
135 min-height: 240px;
136 }
137
138 .header-text {
139 max-width: 741px;
140 position: relative;
141 z-index: 999999;
142 margin-bottom: 100px;
143
144 h1 {
145 font-family: "Calibri-bold";
146 color: #fff;
147 font-size: 60px;
148 @media (max-width: 768px) {
149 display: none;
150 }
151 }
152 }
153 }
154
155 .numbers-top {
156 margin-bottom: 0em;
157 .wp-block-column:first-child {
158 h1 {
159 font-family: "Calibri-bold";
160 color: #fff;
161 font-size: 36px;
162 display: none;
163 @media (max-width: 768px) {
164 display: block;
165 }
166 }
167 margin-left: -100%;
168 padding-left: 100%;
169 background-color: #333f48;
170 flex-basis: 292% !important;
171 padding-top: 50px;
172 padding-right: 50px;
173 @media (max-width: 800px) {
174 margin-left: -30%;
175 padding-left: 35%;
176 margin-right: -30%;
177 padding-right: 35%;
178 }
179
180 @media (max-width: 600px) {
181 margin-left: -10%;
182 padding-left: 15%;
183 margin-right: -10%;
184 padding-right: 15%;
185 }
186 p {
187 color: #fff;
188 font-size: 30px;
189 line-height: 34px;
190 @media (max-width: 768px) {
191 font-size: 18px;
192 }
193 }
194 span {
195 color: #fff;
196 font-size: 14px;
197 display: block;
198 float: right;
199 margin-top: 10px;
200 margin-bottom: 30px;
201 @media (max-width: 768px) {
202 margin-top: 10px;
203 margin-bottom: 30px;
204 }
205 }
206 }
207 .wp-block-column:last-child {
208 margin-left: 0;
209 margin-right: -50%;
210 padding-right: 50%;
211 background-color: #cf4520;
212 flex-basis: 108% !important;
213 padding-top: 50px;
214 padding-bottom: 20px;
215 padding-left: 50px;
216 @media (max-width: 800px) {
217 flex-basis: 180% !important;
218 margin-left: -30%;
219 padding-left: 35%;
220 margin-right: -30%;
221 padding-right: 35%;
222 }
223 @media (max-width: 600px) {
224 margin-left: -10%;
225 padding-left: 15%;
226 margin-right: -10%;
227 padding-right: 15%;
228 }
229 p {
230 margin-top: -15px;
231 color: #fff;
232 width: 100%;
233 font-size: 18px;
234 @media (min-width: 800px) and (max-width: 1000px) {
235 margin-top: 16px;
236 }
237 }
238 span.doller-number {
239 font-size: 205px;
240 color: #fff;
241 line-height: 100px;
242 display: inline-block;
243 @media (min-width: 800px) and (max-width: 1000px) {
244 margin-top: -130px;
245 }
246 }
247 span.doller-sign {
248 font-size: 100px;
249 color: #fff;
250 display: inline-block;
251 margin-top: -100px;
252 @media (min-width: 800px) and (max-width: 1000px) {
253 margin-top: 0px;
254 }
255 sup {
256 top: -1.1em;
257 @media (min-width: 800px) and (max-width: 1000px) {
258 top: 0px;
259 left: -40px;
260 }
261 }
262 }
263 }
264 }
265 .numbers-second {
266 margin-bottom: 0em;
267 .wp-block-column:first-child {
268 margin-left: -100%;
269 padding-left: 100%;
270 background-color: #fff;
271 flex-basis: 292% !important;
272 padding-top: 50px;
273 padding-right: 50px;
274 @media (max-width: 768px) {
275 margin-left: -10%;
276 padding-left: 15%;
277 margin-right: -10%;
278 padding-right: 15%;
279 }
280 h2 {
281 @media (max-width: 768px) {
282 font-size: 28px;
283 }
284 }
285 a.wp-block-button__link {
286 margin-bottom: 50px;
287 background-color: #012169;
288 text-transform: uppercase;
289 font-family: "Calibri-bold";
290 font-size: 30px;
291 padding: 15px 70px;
292 border-radius: 0px;
293 width: 368px;
294 @media (max-width: 768px) {
295 width: 330px;
296 padding: 15px 20px;
297 }
298 }
299 a.wp-block-button__link:before {
300 content: "";
301 width: 40px;
302 height: 40px;
303 display: inline-block;
304 top: 10px;
305 position: relative;
306 margin-left: -50px;
307 margin-right: 20px;
308 background-repeat: no-repeat;
309 background-position: center;
310 background-image: url("/wp-content/themes/understrap-child/src/images/clip_borad.svg");
311 }
312 a.wp-block-button__link:after {
313 content: "";
314 width: 40px;
315 height: 40px;
316 display: inline-block;
317 top: 10px;
318 position: relative;
319 margin-right: -50px;
320 margin-left: 20px;
321 background-repeat: no-repeat;
322 background-position: center;
323 background-image: url("/wp-content/themes/understrap-child/src/images/arrow_down.svg");
324 }
325
326 a.rotated.wp-block-button__link:after {
327 top: 10px;
328 background-image: url("/wp-content/themes/understrap-child/src/images/arrow_up.svg");
329 }
330 }
331 .wp-block-column:last-child {
332 margin-left: 0;
333 margin-right: -50%;
334 padding-right: 50%;
335 background-color: #005eb8;
336 flex-basis: 108% !important;
337 padding-top: 0px;
338 padding-bottom: 50px;
339 padding-left: 50px;
340 @media (max-width: 768px) {
341 display: none;
342 }
343 .side-img {
344 display: block;
345 height: 418px;
346 background-repeat: no-repeat;
347 background-size: cover;
348 margin-left: -50px;
349 margin-right: -70%;
350 background-position: center;
351 background-image: url("/wp-content/themes/understrap-child/src/images/man.jpg");
352 @media (min-width: 1200px) {
353 margin-right: -50%;
354 }
355 @media (min-width: 1200px) {
356 margin-right: -50%;
357 }
358 @media (min-width: 1500px) {
359 margin-right: -150%;
360 }
361 }
362 p {
363 margin-top: -15px;
364 color: #fff;
365 width: 100%;
366 font-size: 18px;
367 }
368 h3 {
369 font-family: "Calibri-bold";
370 font-size: 40px;
371 color: #fff;
372 margin-bottom: 20px;
373 margin-top: 20px;
374 @media (min-width: 800px) and (max-width: 1000px) {
375 font-size: 36px;
376 }
377 }
378 }
379 }
380
381 .wp-block-group.register {
382 background-color: #f2f2f2;
383 margin-left: -100%;
384 padding-left: 100%;
385 margin-right: -50%;
386 padding-right: 50%;
387 padding-top: 50px;
388 display: none;
389 min-height: 600px;
390 @media (max-width: 800px) {
391 margin-left: -30%;
392 padding-left: 35%;
393 margin-right: -30%;
394 padding-right: 35%;
395 }
396 @media (max-width: 600px) {
397 min-height: 750px;
398 margin-left: -10%;
399 padding-left: 15%;
400 margin-right: -10%;
401 padding-right: 15%;
402 }
403 .terms {
404 background-color: #fff;
405 padding: 20px;
406 height: 296px;
407 margin-top: 50px;
408 margin-bottom: 20px;
409 overflow: auto;
410 p {
411 line-height: 21px;
412 }
413 }
414 .thank-you {
415 display: none;
416 text-align: center;
417 max-width: 800px;
418 margin: auto;
419 margin-top: 100px;
420 @media (min-width: 800px) and (max-width: 900px) {
421 margin-top: 50px;
422 }
423 }
424 .wpcf7 form.sent .wpcf7-response-output {
425 border: 0px #fff solid;
426 }
427 .wpcf7 {
428 max-width: unset;
429 h2 {
430 margin-bottom: 10px;
431 margin-left: -210px;
432 @media (max-width: 900px) {
433 margin-left: 0px;
434 }
435 }
436 .steps {
437 display: none;
438 @media (max-width: 768px) {
439 display: block;
440 margin-top: 20px;
441 margin-bottom: 30px;
442 }
443 }
444 span.required {
445 margin-bottom: 30px;
446 margin-left: -210px;
447 @media (max-width: 900px) {
448 margin-left: 0px;
449 }
450 }
451 .wpcf7-submit,
452 .cf7mls_next.action-button {
453 background-color: #012169;
454 text-transform: uppercase;
455 font-family: "Calibri-bold";
456 font-size: 20px;
457 padding: 5px 50px !important;
458 border-radius: 0px;
459 color: #fff;
460 width: unset;
461 }
462 .wpcf7-submit {
463 @media (max-width: 768px) {
464 margin-top: 50px;
465 }
466 }
467 .wpcf7 input[type="submit"]:focus {
468 border: none;
469 }
470 label {
471 text-transform: uppercase;
472 }
473 .wpcf7-form-control {
474 border-radius: 0px;
475 }
476
477 label {
478 display: inline-block;
479 margin-bottom: 15px;
480 }
481
482 label.first-name,
483 label.last-name {
484 width: 28.5% !important;
485 margin-right: 1%;
486 @media (max-width: 768px) {
487 width: 100% !important;
488 }
489 }
490 label.fp_id,
491 label.designation {
492 width: 20% !important;
493 @media (max-width: 768px) {
494 width: 49% !important;
495 }
496 }
497 label.designation {
498 margin-right: 1%;
499 }
500 label.company-address {
501 width: 79% !important;
502 margin-right: 1%;
503 @media (max-width: 768px) {
504 width: 100% !important;
505 }
506 }
507 label.company-unit {
508 width: 20% !important;
509 @media (max-width: 768px) {
510 width: 30% !important;
511 margin-right: 1%;
512 }
513 }
514 label.company-prov {
515 width: 10% !important;
516 margin-right: 1%;
517 @media (max-width: 768px) {
518 width: 30% !important;
519 margin-right: 1%;
520 }
521 }
522 label.company-city {
523 width: 59% !important;
524 margin-right: 1%;
525 @media (max-width: 768px) {
526 width: 69% !important;
527 margin-right: 0%;
528 }
529 }
530 label.company-postal {
531 width: 29% !important;
532 @media (max-width: 768px) {
533 width: 69% !important;
534 margin-right: 0%;
535 }
536 }
537
538 label.your-phone,
539 label.confirm-email,
540 label.your-email {
541 width: 25% !important;
542 margin-right: 1%;
543 @media (max-width: 768px) {
544 width: 100% !important;
545 margin-right: 0%;
546 }
547 }
548 label.your-phone {
549 @media (max-width: 768px) {
550 width: 77% !important;
551 margin-right: 1%;
552 }
553 }
554 label.your-ext {
555 width: 22% !important;
556 }
557
558 .acceptance-548 {
559 text-transform: none;
560 }
561 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal
562 .cf7mls_progress_bar_title:after,
563 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal
564 .cf7mls_progress_bar_title:after {
565 position: absolute;
566 top: 10px;
567 left: 100%;
568 display: block;
569 width: 2px;
570 height: 100px;
571 background: #707070;
572 content: "";
573 margin-left: 17px;
574 overflow: visible;
575 }
576 @media (max-width: 768px) {
577 span.wpcf7-form-control-wrap.acceptance-548 {
578 margin-left: -35px;
579 }
580 label.acceptance-548 {
581 padding-left: 20px;
582 }
583 }
584
585 textarea.wpcf7-form-control.wpcf7-textarea {
586 height: 150px;
587 }
588 }
589 }
590
591 .fieldset-cf7mls-wrapper {
592 overflow: visible;
593 }
594
595 .cf7mls_progress_bar {
596 width: 18% !important;
597 margin: 0 !important;
598 margin-top: 150px !important;
599 display: inline-block !important;
600 vertical-align: top;
601 @media (max-width: 768px) {
602 display: none !important;
603 margin-top: 0px !important;
604 }
605 }
606 .fieldset-cf7mls-wrapper {
607 width: 80% !important;
608 display: inline-block !important;
609 @media (max-width: 768px) {
610 width: 100% !important;
611 display: block !important;
612 }
613 }
614 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal
615 li,
616 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal
617 li {
618 display: block !important;
619 margin-bottom: 50px;
620 overflow: visible !important;
621 }
622 .wp-block-group.register
623 .wpcf7
624 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal
625 .cf7mls_progress_bar_title:after,
626 .wp-block-group.register
627 .wpcf7
628 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal
629 .cf7mls_progress_bar_title:after {
630 position: absolute;
631 top: 22px;
632 left: 0%;
633 display: block;
634 width: 2px;
635 height: 60px;
636 background: #707070;
637 content: "";
638 margin-left: -30px;
639 overflow: visible;
640 }
641
642 .cf7_mls_steps_item:nth-of-type(2) .cf7mls_progress_bar_title:after {
643 display: none !important;
644 }
645 .cf7_mls_check,
646 .cf7_mls_count_step {
647 display: none !important;
648 }
649 .cf7_mls_steps_item_icon {
650 width: 21px;
651 height: 21px;
652 }
653 .cf7_mls_steps_item:not(.active) {
654 .cf7mls_progress_bar_title {
655 display: none;
656 }
657 .cf7_mls_steps_item_icon {
658 border: 2px #707070 solid;
659 }
660 }
661 .cf7mls-steps-item-finish {
662 .cf7mls_progress_bar_title {
663 color: #f2f2f2 !important;
664 }
665 .cf7_mls_steps_item_icon {
666 }
667 .cf7_mls_steps_item_icon {
668 border: 2px #707070 solid;
669 }
670 }
671
672 .cf7mls_number_step_wrap {
673 display: none !important;
674 }
675
...\ No newline at end of file ...\ No newline at end of file
......
1 #wrapper-footer { 1 #wrapper-footer {
2 background-color: #012169; 2 background-color: #012169;
3 height: 273px; 3 height: auto;
4 @media screen and (max-width: 900px) { 4 padding-bottom: 50px;
5 height: auto; 5
6 padding-bottom: 50px;
7 }
8 a { 6 a {
9 color: #fff; 7 color: #fff;
10 } 8 }
......
1 #main-nav.numbers {
2 position: absolute;
3 width: 100%;
4 padding-top: 0rem;
5 @media screen and (max-width: 768px) {
6 position: fixed;
7 width: 100%;
8 padding-top: 0;
9 background-color: #fff;
10 padding-bottom: 0px;
11 z-index: 999999;
12 }
13 }
14
15 p {
16 font-family: "Calibri";
17 font-size: 18px;
18 color: #5b6770;
19 line-height: 21px;
20 }
21 ol {
22 li {
23 font-size: 18px;
24 color: #5b6770;
25 line-height: 21px;
26 margin-bottom: 10px;
27 }
28 }
29 h2 {
30 font-family: "Calibri-bold";
31 font-size: 40px;
32 color: #012169;
33 margin-bottom: 30px;
34 margin-top: 20px;
35 text-transform: uppercase;
36 }
37 .cont {
38 width: 100%;
39 }
40 .full-width {
41 padding: 0px 65px;
42 }
43 .custom-logo-link {
44 padding: 0px;
45 }
46
47 .navbar-brand.custom-logo-link {
48 float: right;
49 margin-right: 0rem;
50 position: relative;
51 z-index: 9999;
52 img {
53 width: 135px;
54 }
55 }
56 #Layer_1 {
57 left: 0px;
58 top: 0px;
59 position: absolute;
60 @media (min-width: 1400px) and (max-width: 1500px) {
61 transform: scale(1.3);
62 top: 50px;
63 }
64 @media (min-width: 1300px) and (max-width: 1400px) {
65 transform: scale(1.2);
66 top: 50px;
67 }
68 @media (min-width: 1200px) and (max-width: 1300px) {
69 transform: scale(1.3);
70 top: 50px;
71 }
72 @media (min-width: 1000px) and (max-width: 1199px) {
73 transform: scale(1.6);
74 top: 130px;
75 }
76 @media (max-width: 999px) {
77 transform: scale(1.8);
78 top: 150px;
79 }
80 @media screen and (max-width: 768px) {
81 top: 50px;
82 }
83 }
84 @media (min-width: 1400px) {
85 .container,
86 .container-lg,
87 .container-md,
88 .container-sm,
89 .container-xl,
90 .container-xxl {
91 max-width: 1366px;
92 }
93 }
94
95 @media (min-width: 1200px) {
96 .container,
97 .container-lg,
98 .container-md,
99 .container-sm,
100 .container-xl {
101 max-width: 1234px;
102 }
103 }
104 .wrapper {
105 padding: 0px;
106 margin-bottom: -16px;
107 position: relative;
108 @media screen and (max-width: 780px) {
109 top: 66px !important;
110 }
111 }
112
113 #full-width-page-wrapper {
114 overflow-x: hidden;
115 }
116
117 .header-image {
118 top: 0px !important;
119 @media (max-width: 768px) {
120 top: 66px !important;
121 position: relative;
122 }
123 max-height: 768px;
124 min-height: 768px;
125 height: 768px;
126 background-attachment: scroll;
127 background-repeat: no-repeat;
128 background-position: 50% 30%;
129 background-size: cover;
130 display: flex;
131 align-items: flex-end;
132 overflow: hidden;
133 @media (max-width: 768px) {
134 max-height: 240px;
135 min-height: 240px;
136 }
137
138 .header-text {
139 max-width: 741px;
140 position: relative;
141 z-index: 999999;
142 margin-bottom: 100px;
143
144 h1 {
145 font-family: "Calibri-bold";
146 color: #fff;
147 font-size: 60px;
148 @media (max-width: 768px) {
149 display: none;
150 }
151 }
152 }
153 }
154
155 .numbers-top {
156 margin-bottom: 0em;
157 .wp-block-column:first-child {
158 h1 {
159 font-family: "Calibri-bold";
160 color: #fff;
161 font-size: 36px;
162 display: none;
163 @media (max-width: 768px) {
164 display: block;
165 }
166 }
167 margin-left: -100%;
168 padding-left: 100%;
169 background-color: #333f48;
170 flex-basis: 292% !important;
171 padding-top: 50px;
172 padding-right: 50px;
173 @media (max-width: 800px) {
174 margin-left: -30%;
175 padding-left: 35%;
176 margin-right: -30%;
177 padding-right: 35%;
178 }
179
180 @media (max-width: 600px) {
181 margin-left: -10%;
182 padding-left: 15%;
183 margin-right: -10%;
184 padding-right: 15%;
185 }
186 p {
187 color: #fff;
188 font-size: 30px;
189 line-height: 34px;
190 @media (max-width: 768px) {
191 font-size: 18px;
192 }
193 }
194 span {
195 color: #fff;
196 font-size: 14px;
197 display: block;
198 float: right;
199 margin-top: 10px;
200 margin-bottom: 30px;
201 @media (max-width: 768px) {
202 margin-top: 10px;
203 margin-bottom: 30px;
204 }
205 }
206 }
207 .wp-block-column:last-child {
208 margin-left: 0;
209 margin-right: -50%;
210 padding-right: 50%;
211 background-color: #cf4520;
212 flex-basis: 108% !important;
213 padding-top: 50px;
214 padding-bottom: 20px;
215 padding-left: 50px;
216 @media (max-width: 800px) {
217 flex-basis: 180% !important;
218 margin-left: -30%;
219 padding-left: 35%;
220 margin-right: -30%;
221 padding-right: 35%;
222 }
223 @media (max-width: 600px) {
224 margin-left: -10%;
225 padding-left: 15%;
226 margin-right: -10%;
227 padding-right: 15%;
228 }
229 p {
230 margin-top: -15px;
231 color: #fff;
232 width: 100%;
233 font-size: 18px;
234 @media (min-width: 800px) and (max-width: 1000px) {
235 margin-top: 16px;
236 }
237 }
238 span.doller-number {
239 font-size: 205px;
240 color: #fff;
241 line-height: 100px;
242 display: inline-block;
243 @media (min-width: 800px) and (max-width: 1000px) {
244 margin-top: -130px;
245 }
246 }
247 span.doller-sign {
248 font-size: 100px;
249 color: #fff;
250 display: inline-block;
251 margin-top: -100px;
252 @media (min-width: 800px) and (max-width: 1000px) {
253 margin-top: 0px;
254 }
255 sup {
256 top: -1.1em;
257 @media (min-width: 800px) and (max-width: 1000px) {
258 top: 0px;
259 left: -40px;
260 }
261 }
262 }
263 }
264 }
265 .numbers-second {
266 margin-bottom: 0em;
267 .wp-block-column:first-child {
268 margin-left: -100%;
269 padding-left: 100%;
270 background-color: #fff;
271 flex-basis: 292% !important;
272 padding-top: 50px;
273 padding-right: 50px;
274 @media (max-width: 768px) {
275 margin-left: -10%;
276 padding-left: 15%;
277 margin-right: -10%;
278 padding-right: 15%;
279 }
280 h2 {
281 @media (max-width: 768px) {
282 font-size: 28px;
283 }
284 }
285 a.wp-block-button__link {
286 margin-bottom: 50px;
287 background-color: #012169;
288 text-transform: uppercase;
289 font-family: "Calibri-bold";
290 font-size: 30px;
291 padding: 15px 70px;
292 border-radius: 0px;
293 width: 368px;
294 @media (max-width: 768px) {
295 width: 330px;
296 padding: 15px 20px;
297 }
298 }
299 a.wp-block-button__link:before {
300 content: "";
301 width: 40px;
302 height: 40px;
303 display: inline-block;
304 top: 10px;
305 position: relative;
306 margin-left: -50px;
307 margin-right: 20px;
308 background-repeat: no-repeat;
309 background-position: center;
310 background-image: url("/wp-content/themes/understrap-child/src/images/clip_borad.svg");
311 }
312 a.wp-block-button__link:after {
313 content: "";
314 width: 40px;
315 height: 40px;
316 display: inline-block;
317 top: 10px;
318 position: relative;
319 margin-right: -50px;
320 margin-left: 20px;
321 background-repeat: no-repeat;
322 background-position: center;
323 background-image: url("/wp-content/themes/understrap-child/src/images/arrow_down.svg");
324 }
325
326 a.rotated.wp-block-button__link:after {
327 top: 10px;
328 background-image: url("/wp-content/themes/understrap-child/src/images/arrow_up.svg");
329 }
330 }
331 .wp-block-column:last-child {
332 margin-left: 0;
333 margin-right: -50%;
334 padding-right: 50%;
335 background-color: #005eb8;
336 flex-basis: 108% !important;
337 padding-top: 0px;
338 padding-bottom: 50px;
339 padding-left: 50px;
340 @media (max-width: 768px) {
341 display: none;
342 }
343 .side-img {
344 display: block;
345 height: 418px;
346 background-repeat: no-repeat;
347 background-size: cover;
348 margin-left: -50px;
349 margin-right: -70%;
350 background-position: center;
351 background-image: url("/wp-content/themes/understrap-child/src/images/man.jpg");
352 @media (min-width: 1200px) {
353 margin-right: -50%;
354 }
355 @media (min-width: 1200px) {
356 margin-right: -50%;
357 }
358 @media (min-width: 1500px) {
359 margin-right: -150%;
360 }
361 }
362 p {
363 margin-top: -15px;
364 color: #fff;
365 width: 100%;
366 font-size: 18px;
367 }
368 h3 {
369 font-family: "Calibri-bold";
370 font-size: 40px;
371 color: #fff;
372 margin-bottom: 20px;
373 margin-top: 20px;
374 @media (min-width: 800px) and (max-width: 1000px) {
375 font-size: 36px;
376 }
377 }
378 }
379 }
380
381 .wp-block-group.register {
382 background-color: #f2f2f2;
383 margin-left: -100%;
384 padding-left: 100%;
385 margin-right: -50%;
386 padding-right: 50%;
387 padding-top: 50px;
388 display: none;
389 min-height: 600px;
390 @media (max-width: 800px) {
391 margin-left: -30%;
392 padding-left: 35%;
393 margin-right: -30%;
394 padding-right: 35%;
395 }
396 @media (max-width: 600px) {
397 min-height: 750px;
398 margin-left: -10%;
399 padding-left: 15%;
400 margin-right: -10%;
401 padding-right: 15%;
402 }
403 .terms {
404 background-color: #fff;
405 padding: 20px;
406 height: 296px;
407 margin-top: 50px;
408 margin-bottom: 20px;
409 overflow: auto;
410 p {
411 line-height: 21px;
412 }
413 }
414 .thank-you {
415 display: none;
416 text-align: center;
417 max-width: 800px;
418 margin: auto;
419 margin-top: 100px;
420 @media (min-width: 800px) and (max-width: 900px) {
421 margin-top: 50px;
422 }
423 }
424 .wpcf7 form.sent .wpcf7-response-output {
425 border: 0px #fff solid;
426 }
427 .wpcf7 {
428 max-width: unset;
429 h2 {
430 margin-bottom: 10px;
431 margin-left: -210px;
432 @media (max-width: 900px) {
433 margin-left: 0px;
434 }
435 }
436 .steps {
437 display: none;
438 @media (max-width: 768px) {
439 display: block;
440 margin-top: 20px;
441 margin-bottom: 30px;
442 }
443 }
444 span.required {
445 margin-bottom: 30px;
446 margin-left: -210px;
447 @media (max-width: 900px) {
448 margin-left: 0px;
449 }
450 }
451 .wpcf7-submit,
452 .cf7mls_next.action-button {
453 background-color: #012169;
454 text-transform: uppercase;
455 font-family: "Calibri-bold";
456 font-size: 20px;
457 padding: 5px 50px !important;
458 border-radius: 0px;
459 color: #fff;
460 width: unset;
461 }
462 .wpcf7-submit {
463 @media (max-width: 768px) {
464 margin-top: 50px;
465 }
466 }
467 .wpcf7 input[type="submit"]:focus {
468 border: none;
469 }
470 label {
471 text-transform: uppercase;
472 }
473 .wpcf7-form-control {
474 border-radius: 0px;
475 }
476
477 label {
478 display: inline-block;
479 margin-bottom: 15px;
480 }
481
482 label.first-name,
483 label.last-name {
484 width: 28.5% !important;
485 margin-right: 1%;
486 @media (max-width: 768px) {
487 width: 100% !important;
488 }
489 }
490 label.fp_id,
491 label.designation {
492 width: 20% !important;
493 @media (max-width: 768px) {
494 width: 49% !important;
495 }
496 }
497 label.designation {
498 margin-right: 1%;
499 }
500 label.company-address {
501 width: 79% !important;
502 margin-right: 1%;
503 @media (max-width: 768px) {
504 width: 100% !important;
505 }
506 }
507 label.company-unit {
508 width: 20% !important;
509 @media (max-width: 768px) {
510 width: 30% !important;
511 margin-right: 1%;
512 }
513 }
514 label.company-prov {
515 width: 10% !important;
516 margin-right: 1%;
517 @media (max-width: 768px) {
518 width: 30% !important;
519 margin-right: 1%;
520 }
521 }
522 label.company-city {
523 width: 59% !important;
524 margin-right: 1%;
525 @media (max-width: 768px) {
526 width: 69% !important;
527 margin-right: 0%;
528 }
529 }
530 label.company-postal {
531 width: 29% !important;
532 @media (max-width: 768px) {
533 width: 69% !important;
534 margin-right: 0%;
535 }
536 }
537
538 label.your-phone,
539 label.confirm-email,
540 label.your-email {
541 width: 25% !important;
542 margin-right: 1%;
543 @media (max-width: 768px) {
544 width: 100% !important;
545 margin-right: 0%;
546 }
547 }
548 label.your-phone {
549 @media (max-width: 768px) {
550 width: 77% !important;
551 margin-right: 1%;
552 }
553 }
554 label.your-ext {
555 width: 22% !important;
556 }
557
558 .acceptance-548 {
559 text-transform: none;
560 }
561 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal
562 .cf7mls_progress_bar_title:after,
563 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal
564 .cf7mls_progress_bar_title:after {
565 position: absolute;
566 top: 10px;
567 left: 100%;
568 display: block;
569 width: 2px;
570 height: 100px;
571 background: #707070;
572 content: "";
573 margin-left: 17px;
574 overflow: visible;
575 }
576 @media (max-width: 768px) {
577 span.wpcf7-form-control-wrap.acceptance-548 {
578 margin-left: -35px;
579 }
580 label.acceptance-548 {
581 padding-left: 20px;
582 }
583 }
584
585 textarea.wpcf7-form-control.wpcf7-textarea {
586 height: 150px;
587 }
588 }
589 }
590
591 .fieldset-cf7mls-wrapper {
592 overflow: visible;
593 }
594
595 .cf7mls_progress_bar {
596 width: 18% !important;
597 margin: 0 !important;
598 margin-top: 150px !important;
599 display: inline-block !important;
600 vertical-align: top;
601 @media (max-width: 768px) {
602 display: none !important;
603 margin-top: 0px !important;
604 }
605 }
606 .fieldset-cf7mls-wrapper {
607 width: 80% !important;
608 display: inline-block !important;
609 @media (max-width: 768px) {
610 width: 100% !important;
611 display: block !important;
612 }
613 }
614 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal
615 li,
616 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal
617 li {
618 display: block !important;
619 margin-bottom: 50px;
620 overflow: visible !important;
621 }
622 .wp-block-group.register
623 .wpcf7
624 .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_horizontal
625 .cf7mls_progress_bar_title:after,
626 .wp-block-group.register
627 .wpcf7
628 .cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_horizontal
629 .cf7mls_progress_bar_title:after {
630 position: absolute;
631 top: 22px;
632 left: 0%;
633 display: block;
634 width: 2px;
635 height: 60px;
636 background: #707070;
637 content: "";
638 margin-left: -30px;
639 overflow: visible;
640 }
641
642 .cf7_mls_steps_item:nth-of-type(2) .cf7mls_progress_bar_title:after {
643 display: none !important;
644 }
645 .cf7_mls_check,
646 .cf7_mls_count_step {
647 display: none !important;
648 }
649 .cf7_mls_steps_item_icon {
650 width: 21px;
651 height: 21px;
652 }
653 .cf7_mls_steps_item:not(.active) {
654 .cf7mls_progress_bar_title {
655 display: none;
656 }
657 .cf7_mls_steps_item_icon {
658 border: 2px #707070 solid;
659 }
660 }
661 .cf7mls-steps-item-finish {
662 .cf7mls_progress_bar_title {
663 color: #f2f2f2 !important;
664 }
665 .cf7_mls_steps_item_icon {
666 }
667 .cf7_mls_steps_item_icon {
668 border: 2px #707070 solid;
669 }
670 }
671
672 .cf7mls_number_step_wrap {
673 display: none !important;
674 }
675
...\ No newline at end of file ...\ No newline at end of file