PageSourceSearch

https://www.hobbylancer.com/

html hobbylancer.com collected 2026-10-02 01:31:38 UTC 1,020,614 bytes, 39,630 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="ui-toolkit">
3<head>
4	<title>HobbyLancer - Earn while you enjoy doing your hobby</title>
5	<meta charset="utf-8">
6	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7	<meta name="description" content="This is a website where hobbyists meet freelancing. This site give hobbyists an opportunity to earn money/benefits for doing what they love to do.">
8	<meta name="keywords" content="hobby, earning, painting, adventure, travel, learn hobby">
9	<meta name="author" content="HobbyLancer">
10  	<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100" rel="stylesheet">
11
12  	<!--- all csss ----------->
13  	<style>
14  		/*!
15 * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com)
16 * Copyright 2011-2017 The Bootstrap Authors
17 * Copyright 2011-2017 Twitter, Inc.
18 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
19 */
20:root {
21  --blue: #007bff;
22  --indigo: #6610f2;
23  --purple: #6f42c1;
24  --pink: #e83e8c;
25  --red: #dc3545;
26  --orange: #fd7e14;
27  --yellow: #ffc107;
28  --green: #28a745;
29  --teal: #20c997;
30  --cyan: #17a2b8;
31  --white: #fff;
32  --gray: #868e96;
33  --gray-dark: #343a40;
34  --primary: #007bff;
35  --secondary: #868e96;
36  --success: #28a745;
37  --info: #17a2b8;
38  --warning: #ffc107;
39  --danger: #dc3545;
40  --light: #f8f9fa;
41  --dark: #343a40;
42  --breakpoint-xs: 0;
43  --breakpoint-sm: 576px;
44  --breakpoint-md: 768px;
45  --breakpoint-lg: 992px;
46  --breakpoint-xl: 1200px;
47  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
48  --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
49}
50
51@media print {
52  *,
53  *::before,
54  *::after {
55    text-shadow: none !important;
56    box-shadow: none !important;
57  }
58  a,
59  a:visited {
60    text-decoration: underline;
61  }
62  abbr[title]::after {
63    content: " (" attr(title) ")";
64  }
65  pre {
66    white-space: pre-wrap !important;
67  }
68  pre,
69  blockquote {
70    border: 1px solid #999;
71    page-break-inside: avoid;
72  }
73  thead {
74    display: table-header-group;
75  }
76  tr,
77  img {
78    page-break-inside: avoid;
79  }
80  p,
81  h2,
82  h3 {
83    orphans: 3;
84    widows: 3;
85  }
86  h2,
87  h3 {
88    page-break-after: avoid;
89  }
90  .navbar {
91    display: none;
92  }
93  .badge {
94    border: 1px solid #000;
95  }
96  .table {
97    border-collapse: collapse !important;
98  }
99  .table td,
100  .table th {
101    background-color: #fff !important;
102  }
103  .table-bordered th,
104  .table-bordered td {
105    border: 1px solid #ddd !important;
106  }
107}
108
109*,
110*::before,
111*::after {
112  box-sizing: border-box;
113}
114
115html {
116  font-family: sans-serif;
117  line-height: 1.15;
118  -webkit-text-size-adjust: 100%;
119  -ms-text-size-adjust: 100%;
120  -ms-overflow-style: scrollbar;
121  -webkit-tap-highlight-color: transparent;
122}
123
124@-ms-viewport {
125  width: device-width;
126}
127
128article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
129  display: block;
130}
131
132body {
133  margin: 0;
134  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
135  font-size: 1rem;
136  font-weight: 400;
137  line-height: 1.5;
138  color: #212529;
139  text-align: left;
140  background-color: #fff;
141}
142
143[tabindex="-1"]:focus {
144  outline: none !important;
145}
146
147hr {
148  box-sizing: content-box;
149  height: 0;
150  overflow: visible;
151}
152
153h1, h2, h3, h4, h5, h6 {
154  margin-top: 0;
155  margin-bottom: 0.5rem;
156}
157
158p {
159  margin-top: 0;
160  margin-bottom: 1rem;
161}
162
163abbr[title],
164abbr[data-original-title] {
165  text-decoration: underline;
166  -webkit-text-decoration: underline dotted;
167          text-decoration: underline dotted;
168  cursor: help;
169  border-bottom: 0;
170}
171
172address {
173  margin-bottom: 1rem;
174  font-style: normal;
175  line-height: inherit;
176}
177
178ol,
179ul,
180dl {
181  margin-top: 0;
182  margin-bottom: 1rem;
183}
184
185ol ol,
186ul ul,
187ol ul,
188ul ol {
189  margin-bottom: 0;
190}
191
192dt {
193  font-weight: 700;
194}
195
196dd {
197  margin-bottom: .5rem;
198  margin-left: 0;
199}
200
201blockquote {
202  margin: 0 0 1rem;
203}
204
205dfn {
206  font-style: italic;
207}
208
209b,
210strong {
211  font-weight: bolder;
212}
213
214small {
215  font-size: 80%;
216}
217
218sub,
219sup {
220  position: relative;
221  font-size: 75%;
222  line-height: 0;
223  vertical-align: baseline;
224}
225
226sub {
227  bottom: -.25em;
228}
229
230sup {
231  top: -.5em;
232}
233
234a {
235  color: black;
236  text-decoration: none;
237  background-color: transparent;
238  -webkit-text-decoration-skip: objects;
239}
240
241a:hover {
242  color: #0056b3;
243  text-decoration: underline;
244}
245
246a:not([href]):not([tabindex]) {
247  color: inherit;
248  text-decoration: none;
249}
250
251a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
252  color: inherit;
253  text-decoration: none;
254}
255
256a:not([href]):not([tabindex]):focus {
257  outline: 0;
258}
259
260pre,
261code,
262kbd,
263samp {
264  font-family: monospace, monospace;
265  font-size: 1em;
266}
267
268pre {
269  margin-top: 0;
270  margin-bottom: 1rem;
271  overflow: auto;
272  -ms-overflow-style: scrollbar;
273}
274
275figure {
276  margin: 0 0 1rem;
277}
278
279img {
280  vertical-align: middle;
281  border-style: none;
282}
283
284svg:not(:root) {
285  overflow: hidden;
286}
287
288a,
289area,
290button,
291[role="button"],
292input:not([type="range"]),
293label,
294select,
295summary,
296textarea {
297  -ms-touch-action: manipulation;
298      touch-action: manipulation;
299}
300
301table {
302  border-collapse: collapse;
303}
304
305caption {
306  padding-top: 0.75rem;
307  padding-bottom: 0.75rem;
308  color: #868e96;
309  text-align: left;
310  caption-side: bottom;
311}
312
313th {
314  text-align: inherit;
315}
316
317label {
318  display: inline-block;
319  margin-bottom: .5rem;
320}
321
322button {
323  border-radius: 0;
324}
325
326button:focus {
327  outline: 1px dotted;
328  outline: 5px auto -webkit-focus-ring-color;
329}
330
331input,
332button,
333select,
334optgroup,
335textarea {
336  margin: 0;
337  font-family: inherit;
338  font-size: inherit;
339  line-height: inherit;
340}
341
342button,
343input {
344  overflow: visible;
345}
346
347button,
348select {
349  text-transform: none;
350}
351
352button,
353html [type="button"],
354[type="reset"],
355[type="submit"] {
356  -webkit-appearance: button;
357}
358
359button::-moz-focus-inner,
360[type="button"]::-moz-focus-inner,
361[type="reset"]::-moz-focus-inner,
362[type="submit"]::-moz-focus-inner {
363  padding: 0;
364  border-style: none;
365}
366
367input[type="radio"],
368input[type="checkbox"] {
369  box-sizing: border-box;
370  padding: 0;
371}
372
373input[type="date"],
374input[type="time"],
375input[type="datetime-local"],
376input[type="month"] {
377  -webkit-appearance: listbox;
378}
379
380textarea {
381  overflow: auto;
382  resize: vertical;
383}
384
385fieldset {
386  min-width: 0;
387  padding: 0;
388  margin: 0;
389  border: 0;
390}
391
392legend {
393  display: block;
394  width: 100%;
395  max-width: 100%;
396  padding: 0;
397  margin-bottom: .5rem;
398  font-size: 1.5rem;
399  line-height: inherit;
400  color: inherit;
401  white-space: normal;
402}
403
404progress {
405  vertical-align: baseline;
406}
407
408[type="number"]::-webkit-inner-spin-button,
409[type="number"]::-webkit-outer-spin-button {
410  height: auto;
411}
412
413[type="search"] {
414  outline-offset: -2px;
415  -webkit-appearance: none;
416}
417
418[type="search"]::-webkit-search-cancel-button,
419[type="search"]::-webkit-search-decoration {
420  -webkit-appearance: none;
421}
422
423::-webkit-file-upload-button {
424  font: inherit;
425  -webkit-appearance: button;
426}
427
428output {
429  display: inline-block;
430}
431
432summary {
433  display: list-item;
434}
435
436template {
437  display: none;
438}
439
440[hidden] {
441  display: none !important;
442}
443
444h1, h2, h3, h4, h5, h6,
445.h1, .h2, .h3, .h4, .h5, .h6 {
446  margin-bottom: 0.5rem;
447  font-family: inherit;
448  font-weight: 500;
449  line-height: 1.2;
450  color: inherit;
451}
452
453h1, .h1 {
454  font-size: 2.5rem;
455}
456
457h2, .h2 {
458  font-size: 2rem;
459}
460
461h3, .h3 {
462  font-size: 1.75rem;
463}
464
465h4, .h4 {
466  font-size: 1.5rem;
467}
468
469h5, .h5 {
470  font-size: 1.25rem;
471}
472
473h6, .h6 {
474  font-size: 1rem;
475}
476
477.lead {
478  font-size: 1.25rem;
479  font-weight: 300;
480}
481
482.display-1 {
483  font-size: 6rem;
484  font-weight: 300;
485  line-height: 1.2;
486}
487
488.display-2 {
489  font-size: 5.5rem;
490  font-weight: 300;
491  line-height: 1.2;
492}
493
494.display-3 {
495  font-size: 4.5rem;
496  font-weight: 300;
497  line-height: 1.2;
498}
499
500.display-4 {
501  font-size: 3.5rem;
502  font-weight: 300;
503  line-height: 1.2;
504}
505
506hr {
507  margin-top: 1rem;
508  margin-bottom: 1rem;
509  border: 0;
510  border-top: 1px solid rgba(0, 0, 0, 0.1);
511}
512
513small,
514.small {
515  font-size: 80%;
516  font-weight: 400;
517}
518
519mark,
520.mark {
521  padding: 0.2em;
522  background-color: #fcf8e3;
523}
524
525.list-unstyled {
526  padding-left: 0;
527  list-style: none;
528}
529
530.list-inline {
531  padding-left: 0;
532  list-style: none;
533}
534
535.list-inline-item {
536  display: inline-block;
537}
538
539.list-inline-item:not(:last-child) {
540  margin-right: 5px;
541}
542
543.initialism {
544  font-size: 90%;
545  text-transform: uppercase;
546}
547
548.blockquote {
549  margin-bottom: 1rem;
550  font-size: 1.25rem;
551}
552
553.blockquote-footer {
554  display: block;
555  font-size: 80%;
556  color: #868e96;
557}
558
559.blockquote-footer::before {
560  content: "\2014 \00A0";
561}
562
563.img-fluid {
564  max-width: 100%;
565  height: auto;
566}
567
568.img-thumbnail {
569  padding: 0.25rem;
570  background-color: #fff;
571  border: 1px solid #ddd;
572  border-radius: 0.25rem;
573  transition: all 0.2s ease-in-out;
574  max-width: 100%;
575  height: auto;
576}
577
578.figure {
579  display: inline-block;
580}
581
582.figure-img {
583  margin-bottom: 0.5rem;
584  line-height: 1;
585}
586
587.figure-caption {
588  font-size: 90%;
589  color: #868e96;
590}
591
592code,
593kbd,
594pre,
595samp {
596  font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
597}
598
599code {
600  padding: 0.2rem 0.4rem;
601  font-size: 90%;
602  color: #bd4147;
603  background-color: #f8f9fa;
604  border-radius: 0.25rem;
605}
606
607a > code {
608  padding: 0;
609  color: inherit;
610  background-color: inherit;
611}
612
613kbd {
614  padding: 0.2rem 0.4rem;
615  font-size: 90%;
616  color: #fff;
617  background-color: #212529;
618  border-radius: 0.2rem;
619}
620
621kbd kbd {
622  padding: 0;
623  font-size: 100%;
624  font-weight: 700;
625}
626
627pre {
628  display: block;
629  margin-top: 0;
630  margin-bottom: 1rem;
631  font-size: 90%;
632  color: #212529;
633}
634
635pre code {
636  padding: 0;
637  font-size: inherit;
638  color: inherit;
639  background-color: transparent;
640  border-radius: 0;
641}
642
643.pre-scrollable {
644  max-height: 340px;
645  overflow-y: scroll;
646}
647
648.container {
649  width: 100%;
650  padding-right: 15px;
651  padding-left: 15px;
652  margin-right: auto;
653  margin-left: auto;
654}
655
656@media (min-width: 576px) {
657  .container {
658    max-width: 540px;
659  }
660}
661
662@media (min-width: 768px) {
663  .container {
664    max-width: 720px;
665  }
666}
667
668@media (min-width: 992px) {
669  .container {
670/*    max-width: 960px;*/
671      max-width: 1200px !important;
672  }
673}
674
675@media (min-width: 1200px) {
676  .container {
677    /*max-width: 1140px;*/
678    /*max-width: 1200px !important;*/
679    max-width: 1310px !important;
680  }
681}
682
683.container-fluid {
684  width: 100%;
685  padding-right: 19px;
686  padding-left: 19px;
687  margin-right: auto;
688  margin-left: auto;
689}
690
691.row {
692  display: -ms-flexbox;
693  display: flex;
694  -ms-flex-wrap: wrap;
695      flex-wrap: wrap;
696  margin-right: -15px;
697  margin-left: -15px;
698}
699
700.no-gutters {
701  margin-right: 0;
702  margin-left: 0;
703}
704
705.no-gutters > .col,
706.no-gutters > [class*="col-"] {
707  padding-right: 0;
708  padding-left: 0;
709}
710
711.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
712.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
713.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
714.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
715.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
716.col-xl-auto {
717  position: relative;
718  width: 100%;
719  min-height: 1px;
720  padding-right: 15px;
721  padding-left: 15px;
722}
723
724.col {
725  -ms-flex-preferred-size: 0;
726      flex-basis: 0;
727  -ms-flex-positive: 1;
728      flex-grow: 1;
729  max-width: 100%;
730}
731
732.col-auto {
733  -ms-flex: 0 0 auto;
734      flex: 0 0 auto;
735  width: auto;
736  max-width: none;
737}
738
739.col-1 {
740  -ms-flex: 0 0 8.333333%;
741      flex: 0 0 8.333333%;
742  max-width: 8.333333%;
743}
744
745.col-2 {
746  -ms-flex: 0 0 16.666667%;
747      flex: 0 0 16.666667%;
748  max-width: 16.666667%;
749}
750
751.col-3 {
752  -ms-flex: 0 0 25%;
753      flex: 0 0 25%;
754  max-width: 25%;
755}
756
757.col-4 {
758  -ms-flex: 0 0 33.333333%;
759      flex: 0 0 33.333333%;
760  max-width: 33.333333%;
761}
762
763.col-5 {
764  -ms-flex: 0 0 41.666667%;
765      flex: 0 0 41.666667%;
766  max-width: 41.666667%;
767}
768
769.col-6 {
770  -ms-flex: 0 0 50%;
771      flex: 0 0 50%;
772  max-width: 50%;
773}
774
775.col-7 {
776  -ms-flex: 0 0 58.333333%;
777      flex: 0 0 58.333333%;
778  max-width: 58.333333%;
779}
780
781.col-8 {
782  -ms-flex: 0 0 66.666667%;
783      flex: 0 0 66.666667%;
784  max-width: 66.666667%;
785}
786
787.col-9 {
788  -ms-flex: 0 0 75%;
789      flex: 0 0 75%;
790  max-width: 75%;
791}
792
793.col-10 {
794  -ms-flex: 0 0 83.333333%;
795      flex: 0 0 83.333333%;
796  max-width: 83.333333%;
797}
798
799.col-11 {
800  -ms-flex: 0 0 91.666667%;
801      flex: 0 0 91.666667%;
802  max-width: 91.666667%;
803}
804
805.col-12 {
806  -ms-flex: 0 0 100%;
807      flex: 0 0 100%;
808  max-width: 100%;
809}
810
811.order-first {
812  -ms-flex-order: -1;
813      order: -1;
814}
815
816.order-1 {
817  -ms-flex-order: 1;
818      order: 1;
819}
820
821.order-2 {
822  -ms-flex-order: 2;
823      order: 2;
824}
825
826.order-3 {
827  -ms-flex-order: 3;
828      order: 3;
829}
830
831.order-4 {
832  -ms-flex-order: 4;
833      order: 4;
834}
835
836.order-5 {
837  -ms-flex-order: 5;
838      order: 5;
839}
840
841.order-6 {
842  -ms-flex-order: 6;
843      order: 6;
844}
845
846.order-7 {
847  -ms-flex-order: 7;
848      order: 7;
849}
850
851.order-8 {
852  -ms-flex-order: 8;
853      order: 8;
854}
855
856.order-9 {
857  -ms-flex-order: 9;
858      order: 9;
859}
860
861.order-10 {
862  -ms-flex-order: 10;
863      order: 10;
864}
865
866.order-11 {
867  -ms-flex-order: 11;
868      order: 11;
869}
870
871.order-12 {
872  -ms-flex-order: 12;
873      order: 12;
874}
875
876.offset-1 {
877  margin-left: 8.333333%;
878}
879
880.offset-2 {
881  margin-left: 16.666667%;
882}
883
884.offset-3 {
885  margin-left: 25%;
886}
887
888.offset-4 {
889  margin-left: 33.333333%;
890}
891
892.offset-5 {
893  margin-left: 41.666667%;
894}
895
896.offset-6 {
897  margin-left: 50%;
898}
899
900.offset-7 {
901  margin-left: 58.333333%;
902}
903
904.offset-8 {
905  margin-left: 66.666667%;
906}
907
908.offset-9 {
909  margin-left: 75%;
910}
911
912.offset-10 {
913  margin-left: 83.333333%;
914}
915
916.offset-11 {
917  margin-left: 91.666667%;
918}
919
920
921@media (max-width: 768px) {
922
923.order-sm-first {
924    -ms-flex-order: -1;
925        order: -1;
926  }
927  .order-sm-1 {
928    -ms-flex-order: 1;
929        order: 1;
930  }
931  .order-sm-2 {
932    -ms-flex-order: 2;
933        order: 2;
934  }
935  .order-sm-3 {
936    -ms-flex-order: 3;
937        order: 3;
938  }
939  .order-sm-4 {
940    -ms-flex-order: 4;
941        order: 4;
942  }
943  .order-sm-5 {
944    -ms-flex-order: 5;
945        order: 5;
946  }
947  .order-sm-6 {
948    -ms-flex-order: 6;
949        order: 6;
950  }
951  .order-sm-7 {
952    -ms-flex-order: 7;
953        order: 7;
954  }
955  .order-sm-8 {
956    -ms-flex-order: 8;
957        order: 8;
958  }
959  .order-sm-9 {
960    -ms-flex-order: 9;
961        order: 9;
962  }
963  .order-sm-10 {
964    -ms-flex-order: 10;
965        order: 10;
966  }
967  .order-sm-11 {
968    -ms-flex-order: 11;
969        order: 11;
970  }
971  .order-sm-12 {
972    -ms-flex-order: 12;
973        order: 12;
974  }
975
976}
977
978
979@media (min-width: 576px) {
980  .col-sm {
981    -ms-flex-preferred-size: 0;
982        flex-basis: 0;
983    -ms-flex-positive: 1;
984        flex-grow: 1;
985    max-width: 100%;
986  }
987  .col-sm-auto {
988    -ms-flex: 0 0 auto;
989        flex: 0 0 auto;
990    width: auto;
991    max-width: none;
992  }
993  .col-sm-1 {
994    -ms-flex: 0 0 8.333333%;
995        flex: 0 0 8.333333%;
996    max-width: 8.333333%;
997  }
998  .col-sm-2 {
999    -ms-flex: 0 0 16.666667%;
1000        flex: 0 0 16.666667%;
1001    max-width: 16.666667%;
1002  }
1003  .col-sm-3 {
1004    -ms-flex: 0 0 25%;
1005        flex: 0 0 25%;
1006    max-width: 25%;
1007  }
1008  .col-sm-4 {
1009    -ms-flex: 0 0 33.333333%;
1010        flex: 0 0 33.333333%;
1011    max-width: 33.333333%;
1012  }
1013  .col-sm-5 {
1014    -ms-flex: 0 0 41.666667%;
1015        flex: 0 0 41.666667%;
1016    max-width: 41.666667%;
1017  }
1018  .col-sm-6 {
1019    -ms-flex: 0 0 50%;
1020        flex: 0 0 50%;
1021    max-width: 50%;
1022  }
1023  .col-sm-7 {
1024    -ms-flex: 0 0 58.333333%;
1025        flex: 0 0 58.333333%;
1026    max-width: 58.333333%;
1027  }
1028  .col-sm-8 {
1029    -ms-flex: 0 0 66.666667%;
1030        flex: 0 0 66.666667%;
1031    max-width: 66.666667%;
1032  }
1033  .col-sm-9 {
1034    -ms-flex: 0 0 75%;
1035        flex: 0 0 75%;
1036    max-width: 75%;
1037  }
1038  .col-sm-10 {
1039    -ms-flex: 0 0 83.333333%;
1040        flex: 0 0 83.333333%;
1041    max-width: 83.333333%;
1042  }
1043  .col-sm-11 {
1044    -ms-flex: 0 0 91.666667%;
1045        flex: 0 0 91.666667%;
1046    max-width: 91.666667%;
1047  }
1048  .col-sm-12 {
1049    -ms-flex: 0 0 100%;
1050        flex: 0 0 100%;
1051    max-width: 100%;
1052  }
1053  .offset-sm-0 {
1054    margin-left: 0;
1055  }
1056  .offset-sm-1 {
1057    margin-left: 8.333333%;
1058  }
1059  .offset-sm-2 {
1060    margin-left: 16.666667%;
1061  }
1062  .offset-sm-3 {
1063    margin-left: 25%;
1064  }
1065  .offset-sm-4 {
1066    margin-left: 33.333333%;
1067  }
1068  .offset-sm-5 {
1069    margin-left: 41.666667%;
1070  }
1071  .offset-sm-6 {
1072    margin-left: 50%;
1073  }
1074  .offset-sm-7 {
1075    margin-left: 58.333333%;
1076  }
1077  .offset-sm-8 {
1078    margin-left: 66.666667%;
1079  }
1080  .offset-sm-9 {
1081    margin-left: 75%;
1082  }
1083  .offset-sm-10 {
1084    margin-left: 83.333333%;
1085  }
1086  .offset-sm-11 {
1087    margin-left: 91.666667%;
1088  }
1089}
1090
1091@media (min-width: 768px) {
1092  .col-md {
1093    -ms-flex-preferred-size: 0;
1094        flex-basis: 0;
1095    -ms-flex-positive: 1;
1096        flex-grow: 1;
1097    max-width: 100%;
1098  }
1099  .col-md-auto {
1100    -ms-flex: 0 0 auto;
1101        flex: 0 0 auto;
1102    width: auto;
1103    max-width: none;
1104  }
1105  .col-md-1 {
1106    -ms-flex: 0 0 8.333333%;
1107        flex: 0 0 8.333333%;
1108    max-width: 8.333333%;
1109  }
1110  .col-md-2 {
1111    -ms-flex: 0 0 16.666667%;
1112        flex: 0 0 16.666667%;
1113    max-width: 16.666667%;
1114  }
1115  .col-md-3 {
1116    -ms-flex: 0 0 25%;
1117        flex: 0 0 25%;
1118    max-width: 25%;
1119  }
1120  .col-md-4 {
1121    -ms-flex: 0 0 33.333333%;
1122        flex: 0 0 33.333333%;
1123    max-width: 33.333333%;
1124  }
1125  .col-md-5 {
1126    -ms-flex: 0 0 41.666667%;
1127        flex: 0 0 41.666667%;
1128    max-width: 41.666667%;
1129  }
1130  .col-md-6 {
1131    -ms-flex: 0 0 50%;
1132        flex: 0 0 50%;
1133    max-width: 50%;
1134  }
1135  .col-md-7 {
1136    -ms-flex: 0 0 58.333333%;
1137        flex: 0 0 58.333333%;
1138    max-width: 58.333333%;
1139  }
1140  .col-md-8 {
1141    -ms-flex: 0 0 66.666667%;
1142        flex: 0 0 66.666667%;
1143    max-width: 66.666667%;
1144  }
1145  .col-md-9 {
1146    -ms-flex: 0 0 75%;
1147        flex: 0 0 75%;
1148    max-width: 75%;
1149  }
1150  .col-md-10 {
1151    -ms-flex: 0 0 83.333333%;
1152        flex: 0 0 83.333333%;
1153    max-width: 83.333333%;
1154  }
1155  .col-md-11 {
1156    -ms-flex: 0 0 91.666667%;
1157        flex: 0 0 91.666667%;
1158    max-width: 91.666667%;
1159  }
1160  .col-md-12 {
1161    -ms-flex: 0 0 100%;
1162        flex: 0 0 100%;
1163    max-width: 100%;
1164  }
1165  .order-md-first {
1166    -ms-flex-order: -1;
1167        order: -1;
1168  }
1169  .order-md-1 {
1170    -ms-flex-order: 1;
1171        order: 1;
1172  }
1173  .order-md-2 {
1174    -ms-flex-order: 2;
1175        order: 2;
1176  }
1177  .order-md-3 {
1178    -ms-flex-order: 3;
1179        order: 3;
1180  }
1181  .order-md-4 {
1182    -ms-flex-order: 4;
1183        order: 4;
1184  }
1185  .order-md-5 {
1186    -ms-flex-order: 5;
1187        order: 5;
1188  }
1189  .order-md-6 {
1190    -ms-flex-order: 6;
1191        order: 6;
1192  }
1193  .order-md-7 {
1194    -ms-flex-order: 7;
1195        order: 7;
1196  }
1197  .order-md-8 {
1198    -ms-flex-order: 8;
1199        order: 8;
1200  }
1201  .order-md-9 {
1202    -ms-flex-order: 9;
1203        order: 9;
1204  }
1205  .order-md-10 {
1206    -ms-flex-order: 10;
1207        order: 10;
1208  }
1209  .order-md-11 {
1210    -ms-flex-order: 11;
1211        order: 11;
1212  }
1213  .order-md-12 {
1214    -ms-flex-order: 12;
1215        order: 12;
1216  }
1217  .offset-md-0 {
1218    margin-left: 0;
1219  }
1220  .offset-md-1 {
1221    margin-left: 8.333333%;
1222  }
1223  .offset-md-2 {
1224    margin-left: 16.666667%;
1225  }
1226  .offset-md-3 {
1227    margin-left: 25%;
1228  }
1229  .offset-md-4 {
1230    margin-left: 33.333333%;
1231  }
1232  .offset-md-5 {
1233    margin-left: 41.666667%;
1234  }
1235  .offset-md-6 {
1236    margin-left: 50%;
1237  }
1238  .offset-md-7 {
1239    margin-left: 58.333333%;
1240  }
1241  .offset-md-8 {
1242    margin-left: 66.666667%;
1243  }
1244  .offset-md-9 {
1245    margin-left: 75%;
1246  }
1247  .offset-md-10 {
1248    margin-left: 83.333333%;
1249  }
1250  .offset-md-11 {
1251    margin-left: 91.666667%;
1252  }
1253}
1254
1255@media (min-width: 992px) {
1256  .col-lg {
1257    -ms-flex-preferred-size: 0;
1258        flex-basis: 0;
1259    -ms-flex-positive: 1;
1260        flex-grow: 1;
1261    max-width: 100%;
1262  }
1263  .col-lg-auto {
1264    -ms-flex: 0 0 auto;
1265        flex: 0 0 auto;
1266    width: auto;
1267    max-width: none;
1268  }
1269  .col-lg-1 {
1270    -ms-flex: 0 0 8.333333%;
1271        flex: 0 0 8.333333%;
1272    max-width: 8.333333%;
1273  }
1274  .col-lg-2 {
1275    -ms-flex: 0 0 16.666667%;
1276        flex: 0 0 16.666667%;
1277    max-width: 16.666667%;
1278  }
1279  .col-lg-3 {
1280    -ms-flex: 0 0 25%;
1281        flex: 0 0 25%;
1282    max-width: 25%;
1283  }
1284  .col-lg-4 {
1285    -ms-flex: 0 0 33.333333%;
1286        flex: 0 0 33.333333%;
1287    max-width: 33.333333%;
1288  }
1289  .col-lg-5 {
1290    -ms-flex: 0 0 41.666667%;
1291        flex: 0 0 41.666667%;
1292    max-width: 41.666667%;
1293  }
1294  .col-lg-6 {
1295    -ms-flex: 0 0 50%;
1296        flex: 0 0 50%;
1297    max-width: 50%;
1298  }
1299  .col-lg-7 {
1300    -ms-flex: 0 0 58.333333%;
1301        flex: 0 0 58.333333%;
1302    max-width: 58.333333%;
1303  }
1304  .col-lg-8 {
1305    -ms-flex: 0 0 66.666667%;
1306        flex: 0 0 66.666667%;
1307    max-width: 66.666667%;
1308  }
1309  .col-lg-9 {
1310    -ms-flex: 0 0 75%;
1311        flex: 0 0 75%;
1312    max-width: 75%;
1313  }
1314  .col-lg-10 {
1315    -ms-flex: 0 0 83.333333%;
1316        flex: 0 0 83.333333%;
1317    max-width: 83.333333%;
1318  }
1319  .col-lg-11 {
1320    -ms-flex: 0 0 91.666667%;
1321        flex: 0 0 91.666667%;
1322    max-width: 91.666667%;
1323  }
1324  .col-lg-12 {
1325    -ms-flex: 0 0 100%;
1326        flex: 0 0 100%;
1327    max-width: 100%;
1328  }
1329  .order-lg-first {
1330    -ms-flex-order: -1;
1331        order: -1;
1332  }
1333  .order-lg-1 {
1334    -ms-flex-order: 1;
1335        order: 1;
1336  }
1337  .order-lg-2 {
1338    -ms-flex-order: 2;
1339        order: 2;
1340  }
1341  .order-lg-3 {
1342    -ms-flex-order: 3;
1343        order: 3;
1344  }
1345  .order-lg-4 {
1346    -ms-flex-order: 4;
1347        order: 4;
1348  }
1349  .order-lg-5 {
1350    -ms-flex-order: 5;
1351        order: 5;
1352  }
1353  .order-lg-6 {
1354    -ms-flex-order: 6;
1355        order: 6;
1356  }
1357  .order-lg-7 {
1358    -ms-flex-order: 7;
1359        order: 7;
1360  }
1361  .order-lg-8 {
1362    -ms-flex-order: 8;
1363        order: 8;
1364  }
1365  .order-lg-9 {
1366    -ms-flex-order: 9;
1367        order: 9;
1368  }
1369  .order-lg-10 {
1370    -ms-flex-order: 10;
1371        order: 10;
1372  }
1373  .order-lg-11 {
1374    -ms-flex-order: 11;
1375        order: 11;
1376  }
1377  .order-lg-12 {
1378    -ms-flex-order: 12;
1379        order: 12;
1380  }
1381  .offset-lg-0 {
1382    margin-left: 0;
1383  }
1384  .offset-lg-1 {
1385    margin-left: 8.333333%;
1386  }
1387  .offset-lg-2 {
1388    margin-left: 16.666667%;
1389  }
1390  .offset-lg-3 {
1391    margin-left: 25%;
1392  }
1393  .offset-lg-4 {
1394    margin-left: 33.333333%;
1395  }
1396  .offset-lg-5 {
1397    margin-left: 41.666667%;
1398  }
1399  .offset-lg-6 {
1400    margin-left: 50%;
1401  }
1402  .offset-lg-7 {
1403    margin-left: 58.333333%;
1404  }
1405  .offset-lg-8 {
1406    margin-left: 66.666667%;
1407  }
1408  .offset-lg-9 {
1409    margin-left: 75%;
1410  }
1411  .offset-lg-10 {
1412    margin-left: 83.333333%;
1413  }
1414  .offset-lg-11 {
1415    margin-left: 91.666667%;
1416  }
1417}
1418
1419@media (min-width: 1200px) {
1420  .col-xl {
1421    -ms-flex-preferred-size: 0;
1422        flex-basis: 0;
1423    -ms-flex-positive: 1;
1424        flex-grow: 1;
1425    max-width: 100%;
1426  }
1427  .col-xl-auto {
1428    -ms-flex: 0 0 auto;
1429        flex: 0 0 auto;
1430    width: auto;
1431    max-width: none;
1432  }
1433  .col-xl-1 {
1434    -ms-flex: 0 0 8.333333%;
1435        flex: 0 0 8.333333%;
1436    max-width: 8.333333%;
1437  }
1438  .col-xl-2 {
1439    -ms-flex: 0 0 16.666667%;
1440        flex: 0 0 16.666667%;
1441    max-width: 16.666667%;
1442  }
1443  .col-xl-3 {
1444    -ms-flex: 0 0 25%;
1445        flex: 0 0 25%;
1446    max-width: 25%;
1447  }
1448  .col-xl-4 {
1449    -ms-flex: 0 0 33.333333%;
1450        flex: 0 0 33.333333%;
1451    max-width: 33.333333%;
1452  }
1453  .col-xl-5 {
1454    -ms-flex: 0 0 41.666667%;
1455        flex: 0 0 41.666667%;
1456    max-width: 41.666667%;
1457  }
1458  .col-xl-6 {
1459    -ms-flex: 0 0 50%;
1460        flex: 0 0 50%;
1461    max-width: 50%;
1462  }
1463  .col-xl-7 {
1464    -ms-flex: 0 0 58.333333%;
1465        flex: 0 0 58.333333%;
1466    max-width: 58.333333%;
1467  }
1468  .col-xl-8 {
1469    -ms-flex: 0 0 66.666667%;
1470        flex: 0 0 66.666667%;
1471    max-width: 66.666667%;
1472  }
1473  .col-xl-9 {
1474    -ms-flex: 0 0 75%;
1475        flex: 0 0 75%;
1476    max-width: 75%;
1477  }
1478  .col-xl-10 {
1479    -ms-flex: 0 0 83.333333%;
1480        flex: 0 0 83.333333%;
1481    max-width: 83.333333%;
1482  }
1483  .col-xl-11 {
1484    -ms-flex: 0 0 91.666667%;
1485        flex: 0 0 91.666667%;
1486    max-width: 91.666667%;
1487  }
1488  .col-xl-12 {
1489    -ms-flex: 0 0 100%;
1490        flex: 0 0 100%;
1491    max-width: 100%;
1492  }
1493  .order-xl-first {
1494    -ms-flex-order: -1;
1495        order: -1;
1496  }
1497  .order-xl-1 {
1498    -ms-flex-order: 1;
1499        order: 1;
1500  }
1501  .order-xl-2 {
1502    -ms-flex-order: 2;
1503        order: 2;
1504  }
1505  .order-xl-3 {
1506    -ms-flex-order: 3;
1507        order: 3;
1508  }
1509  .order-xl-4 {
1510    -ms-flex-order: 4;
1511        order: 4;
1512  }
1513  .order-xl-5 {
1514    -ms-flex-order: 5;
1515        order: 5;
1516  }
1517  .order-xl-6 {
1518    -ms-flex-order: 6;
1519        order: 6;
1520  }
1521  .order-xl-7 {
1522    -ms-flex-order: 7;
1523        order: 7;
1524  }
1525  .order-xl-8 {
1526    -ms-flex-order: 8;
1527        order: 8;
1528  }
1529  .order-xl-9 {
1530    -ms-flex-order: 9;
1531        order: 9;
1532  }
1533  .order-xl-10 {
1534    -ms-flex-order: 10;
1535        order: 10;
1536  }
1537  .order-xl-11 {
1538    -ms-flex-order: 11;
1539        order: 11;
1540  }
1541  .order-xl-12 {
1542    -ms-flex-order: 12;
1543        order: 12;
1544  }
1545  .offset-xl-0 {
1546    margin-left: 0;
1547  }
1548  .offset-xl-1 {
1549    margin-left: 8.333333%;
1550  }
1551  .offset-xl-2 {
1552    margin-left: 16.666667%;
1553  }
1554  .offset-xl-3 {
1555    margin-left: 25%;
1556  }
1557  .offset-xl-4 {
1558    margin-left: 33.333333%;
1559  }
1560  .offset-xl-5 {
1561    margin-left: 41.666667%;
1562  }
1563  .offset-xl-6 {
1564    margin-left: 50%;
1565  }
1566  .offset-xl-7 {
1567    margin-left: 58.333333%;
1568  }
1569  .offset-xl-8 {
1570    margin-left: 66.666667%;
1571  }
1572  .offset-xl-9 {
1573    margin-left: 75%
1573;
1574  }
1575  .offset-xl-10 {
1576    margin-left: 83.333333%;
1577  }
1578  .offset-xl-11 {
1579    margin-left: 91.666667%;
1580  }
1581}
1582
1583
1584.col-2dot4,
1585.col-sm-2dot4,
1586.col-md-2dot4,
1587.col-lg-2dot4,
1588.col-xl-2dot4 {
1589    position: relative;
1590    width: 100%;
1591    min-height: 1px;
1592    padding-right: 15px;
1593    padding-left: 15px;
1594}
1595.col-2dot4 {
1596    -webkit-box-flex: 0;
1597    -ms-flex: 0 0 20%;
1598    flex: 0 0 20%;
1599    max-width: 20%;
1600}
1601@media (min-width: 540px) {
1602    .col-sm-2dot4 {
1603        -webkit-box-flex: 0;
1604        -ms-flex: 0 0 20%;
1605        flex: 0 0 20%;
1606        max-width: 20%;
1607    }
1608}
1609@media (min-width: 720px) {
1610    .col-md-2dot4 {
1611        -webkit-box-flex: 0;
1612        -ms-flex: 0 0 20%;
1613        flex: 0 0 20%;
1614        max-width: 20%;
1615    }
1616}
1617@media (min-width: 960px) {
1618    .col-lg-2dot4 {
1619        -webkit-box-flex: 0;
1620        -ms-flex: 0 0 20%;
1621        flex: 0 0 20%;
1622        max-width: 20%;
1623    }
1624}
1625@media (min-width: 1140px) {
1626    .col-xl-2dot4 {
1627        -webkit-box-flex: 0;
1628        -ms-flex: 0 0 20%;
1629        flex: 0 0 20%;
1630        max-width: 20%;
1631    }
1632}
1633
1634
1635
1636
1637.table {
1638  width: 100%;
1639  max-width: 100%;
1640  margin-bottom: 1rem;
1641  background-color: transparent;
1642}
1643
1644.table th,
1645.table td {
1646  padding: 0.75rem;
1647  vertical-align: top;
1648  border-top: 1px solid #e9ecef;
1649}
1650
1651.table thead th {
1652  vertical-align: bottom;
1653  border-bottom: 2px solid #e9ecef;
1654}
1655
1656.table tbody + tbody {
1657  border-top: 2px solid #e9ecef;
1658}
1659
1660.table .table {
1661  background-color: #fff;
1662}
1663
1664.table-sm th,
1665.table-sm td {
1666  padding: 0.3rem;
1667}
1668
1669.table-bordered {
1670  border: 1px solid #e9ecef;
1671}
1672
1673.table-bordered th,
1674.table-bordered td {
1675  border: 1px solid #e9ecef;
1676}
1677
1678.table-bordered thead th,
1679.table-bordered thead td {
1680  border-bottom-width: 2px;
1681}
1682
1683.table-striped tbody tr:nth-of-type(odd) {
1684  background-color: rgba(0, 0, 0, 0.05);
1685}
1686
1687.table-hover tbody tr:hover {
1688  background-color: rgba(0, 0, 0, 0.075);
1689}
1690
1691.table-primary,
1692.table-primary > th,
1693.table-primary > td {
1694  background-color: #b8daff;
1695}
1696
1697.table-hover .table-primary:hover {
1698  background-color: #9fcdff;
1699}
1700
1701.table-hover .table-primary:hover > td,
1702.table-hover .table-primary:hover > th {
1703  background-color: #9fcdff;
1704}
1705
1706.table-secondary,
1707.table-secondary > th,
1708.table-secondary > td {
1709  background-color: #dddfe2;
1710}
1711
1712.table-hover .table-secondary:hover {
1713  background-color: #cfd2d6;
1714}
1715
1716.table-hover .table-secondary:hover > td,
1717.table-hover .table-secondary:hover > th {
1718  background-color: #cfd2d6;
1719}
1720
1721.table-success,
1722.table-success > th,
1723.table-success > td {
1724  background-color: #c3e6cb;
1725}
1726
1727.table-hover .table-success:hover {
1728  background-color: #b1dfbb;
1729}
1730
1731.table-hover .table-success:hover > td,
1732.table-hover .table-success:hover > th {
1733  background-color: #b1dfbb;
1734}
1735
1736.table-info,
1737.table-info > th,
1738.table-info > td {
1739  background-color: #bee5eb;
1740}
1741
1742.table-hover .table-info:hover {
1743  background-color: #abdde5;
1744}
1745
1746.table-hover .table-info:hover > td,
1747.table-hover .table-info:hover > th {
1748  background-color: #abdde5;
1749}
1750
1751.table-warning,
1752.table-warning > th,
1753.table-warning > td {
1754  background-color: #ffeeba;
1755}
1756
1757.table-hover .table-warning:hover {
1758  background-color: #ffe8a1;
1759}
1760
1761.table-hover .table-warning:hover > td,
1762.table-hover .table-warning:hover > th {
1763  background-color: #ffe8a1;
1764}
1765
1766.table-danger,
1767.table-danger > th,
1768.table-danger > td {
1769  background-color: #f5c6cb;
1770}
1771
1772.table-hover .table-danger:hover {
1773  background-color: #f1b0b7;
1774}
1775
1776.table-hover .table-danger:hover > td,
1777.table-hover .table-danger:hover > th {
1778  background-color: #f1b0b7;
1779}
1780
1781.table-light,
1782.table-light > th,
1783.table-light > td {
1784  background-color: #fdfdfe;
1785}
1786
1787.table-hover .table-light:hover {
1788  background-color: #ececf6;
1789}
1790
1791.table-hover .table-light:hover > td,
1792.table-hover .table-light:hover > th {
1793  background-color: #ececf6;
1794}
1795
1796.table-dark,
1797.table-dark > th,
1798.table-dark > td {
1799  background-color: #c6c8ca;
1800}
1801
1802.table-hover .table-dark:hover {
1803  background-color: #b9bbbe;
1804}
1805
1806.table-hover .table-dark:hover > td,
1807.table-hover .table-dark:hover > th {
1808  background-color: #b9bbbe;
1809}
1810
1811.table-active,
1812.table-active > th,
1813.table-active > td {
1814  background-color: rgba(0, 0, 0, 0.075);
1815}
1816
1817.table-hover .table-active:hover {
1818  background-color: rgba(0, 0, 0, 0.075);
1819}
1820
1821.table-hover .table-active:hover > td,
1822.table-hover .table-active:hover > th {
1823  background-color: rgba(0, 0, 0, 0.075);
1824}
1825
1826.table .thead-dark th {
1827  color: #fff;
1828  background-color: #212529;
1829  border-color: #32383e;
1830}
1831
1832.table .thead-light th {
1833  color: #495057;
1834  background-color: #e9ecef;
1835  border-color: #e9ecef;
1836}
1837
1838.table-dark {
1839  color: #fff;
1840  background-color: #212529;
1841}
1842
1843.table-dark th,
1844.table-dark td,
1845.table-dark thead th {
1846  border-color: #32383e;
1847}
1848
1849.table-dark.table-bordered {
1850  border: 0;
1851}
1852
1853.table-dark.table-striped tbody tr:nth-of-type(odd) {
1854  background-color: rgba(255, 255, 255, 0.05);
1855}
1856
1857.table-dark.table-hover tbody tr:hover {
1858  background-color: rgba(255, 255, 255, 0.075);
1859}
1860
1861@media (max-width: 575px) {
1862  .table-responsive-sm {
1863    display: block;
1864    width: 100%;
1865    overflow-x: auto;
1866    -webkit-overflow-scrolling: touch;
1867    -ms-overflow-style: -ms-autohiding-scrollbar;
1868  }
1869  .table-responsive-sm.table-bordered {
1870    border: 0;
1871  }
1872}
1873
1874@media (max-width: 767px) {
1875  .table-responsive-md {
1876    display: block;
1877    width: 100%;
1878    overflow-x: auto;
1879    -webkit-overflow-scrolling: touch;
1880    -ms-overflow-style: -ms-autohiding-scrollbar;
1881  }
1882  .table-responsive-md.table-bordered {
1883    border: 0;
1884  }
1885}
1886
1887@media (max-width: 991px) {
1888  .table-responsive-lg {
1889    display: block;
1890    width: 100%;
1891    overflow-x: auto;
1892    -webkit-overflow-scrolling: touch;
1893    -ms-overflow-style: -ms-autohiding-scrollbar;
1894  }
1895  .table-responsive-lg.table-bordered {
1896    border: 0;
1897  }
1898}
1899
1900@media (max-width: 1199px) {
1901  .table-responsive-xl {
1902    display: block;
1903    width: 100%;
1904    overflow-x: auto;
1905    -webkit-overflow-scrolling: touch;
1906    -ms-overflow-style: -ms-autohiding-scrollbar;
1907  }
1908  .table-responsive-xl.table-bordered {
1909    border: 0;
1910  }
1911}
1912
1913.table-responsive {
1914  display: block;
1915  width: 100%;
1916  overflow-x: auto;
1917  -webkit-overflow-scrolling: touch;
1918  -ms-overflow-style: -ms-autohiding-scrollbar;
1919}
1920
1921.table-responsive.table-bordered {
1922  border: 0;
1923}
1924
1925.form-control {
1926  display: block;
1927  width: 100%;
1928  padding: 0.375rem 0.75rem;
1929  font-size: 1rem;
1930  line-height: 1.5;
1931  color: #495057;
1932  background-color: #fff;
1933  background-image: none;
1934  background-clip: padding-box;
1935  border: 1px solid #ced4da;
1936  border-radius: 0.25rem;
1937  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
1938}
1939
1940.form-control::-ms-expand {
1941  background-color: transparent;
1942  border: 0;
1943}
1944
1945.form-control:focus {
1946  color: #495057;
1947  background-color: #fff;
1948  border-color: #80bdff;
1949  outline: none;
1950  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1951}
1952
1953.form-control::-webkit-input-placeholder {
1954  color: #868e96;
1955  opacity: 1;
1956}
1957
1958.form-control:-ms-input-placeholder {
1959  color: #868e96;
1960  opacity: 1;
1961}
1962
1963.form-control::-ms-input-placeholder {
1964  color: #868e96;
1965  opacity: 1;
1966}
1967
1968.form-control::placeholder {
1969  color: #868e96;
1970  opacity: 1;
1971}
1972
1973.form-control:disabled, .form-control[readonly] {
1974  background-color: #e9ecef;
1975  opacity: 1;
1976}
1977
1978select.form-control:not([size]):not([multiple]) {
1979  height: calc(2.25rem + 2px);
1980}
1981
1982select.form-control:focus::-ms-value {
1983  color: #495057;
1984  background-color: #fff;
1985}
1986
1987.form-control-file,
1988.form-control-range {
1989  display: block;
1990}
1991
1992.col-form-label {
1993  padding-top: calc(0.375rem + 1px);
1994  padding-bottom: calc(0.375rem + 1px);
1995  margin-bottom: 0;
1996  line-height: 1.5;
1997}
1998
1999.col-form-label-lg {
2000  padding-top: calc(0.5rem + 1px);
2001  padding-bottom: calc(0.5rem + 1px);
2002  font-size: 1.25rem;
2003  line-height: 1.5;
2004}
2005
2006.col-form-label-sm {
2007  padding-top: calc(0.25rem + 1px);
2008  padding-bottom: calc(0.25rem + 1px);
2009  font-size: 0.875rem;
2010  line-height: 1.5;
2011}
2012
2013.col-form-legend {
2014  padding-top: 0.375rem;
2015  padding-bottom: 0.375rem;
2016  margin-bottom: 0;
2017  font-size: 1rem;
2018}
2019
2020.form-control-plaintext {
2021  padding-top: 0.375rem;
2022  padding-bottom: 0.375rem;
2023  margin-bottom: 0;
2024  line-height: 1.5;
2025  background-color: transparent;
2026  border: solid transparent;
2027  border-width: 1px 0;
2028}
2029
2030.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
2031.input-group-sm > .form-control-plaintext.input-group-addon,
2032.input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
2033.input-group-lg > .form-control-plaintext.input-group-addon,
2034.input-group-lg > .input-group-btn > .form-control-plaintext.btn {
2035  padding-right: 0;
2036  padding-left: 0;
2037}
2038
2039.form-control-sm, .input-group-sm > .form-control,
2040.input-group-sm > .input-group-addon,
2041.input-group-sm > .input-group-btn > .btn {
2042  padding: 0.25rem 0.5rem;
2043  font-size: 0.875rem;
2044  line-height: 1.5;
2045  border-radius: 0.2rem;
2046}
2047
2048select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
2049.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
2050.input-group-sm > .input-group-btn >
2050 select.btn:not([size]):not([multiple]) {
2051  height: calc(1.8125rem + 2px);
2052}
2053
2054.form-control-lg, .input-group-lg > .form-control,
2055.input-group-lg > .input-group-addon,
2056.input-group-lg > .input-group-btn > .btn {
2057  padding: 0.5rem 1rem;
2058  font-size: 1.25rem;
2059  line-height: 1.5;
2060  border-radius: 0.3rem;
2061}
2062
2063select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
2064.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
2065.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
2066  height: calc(2.875rem + 2px);
2067}
2068
2069.form-group {
2070  margin-bottom: 1rem;
2071}
2072
2073.form-text {
2074  display: block;
2075  margin-top: 0.25rem;
2076}
2077
2078.form-row {
2079  display: -ms-flexbox;
2080  display: flex;
2081  -ms-flex-wrap: wrap;
2082      flex-wrap: wrap;
2083  margin-right: -5px;
2084  margin-left: -5px;
2085}
2086
2087.form-row > .col,
2088.form-row > [class*="col-"] {
2089  padding-right: 5px;
2090  padding-left: 5px;
2091}
2092
2093.form-check {
2094  position: relative;
2095  display: block;
2096  margin-bottom: 0.5rem;
2097}
2098
2099.form-check.disabled .form-check-label {
2100  color: #868e96;
2101}
2102
2103.form-check-label {
2104  padding-left: 1.25rem;
2105  margin-bottom: 0;
2106}
2107
2108.form-check-input {
2109  position: absolute;
2110  margin-top: 0.25rem;
2111  margin-left: -1.25rem;
2112}
2113
2114.form-check-inline {
2115  display: inline-block;
2116  margin-right: 0.75rem;
2117}
2118
2119.form-check-inline .form-check-label {
2120  vertical-align: middle;
2121}
2122
2123.valid-feedback {
2124  display: none;
2125  margin-top: .25rem;
2126  font-size: .875rem;
2127  color: #28a745;
2128}
2129
2130.valid-tooltip {
2131  position: absolute;
2132  top: 100%;
2133  z-index: 5;
2134  display: none;
2135  width: 250px;
2136  padding: .5rem;
2137  margin-top: .1rem;
2138  font-size: .875rem;
2139  line-height: 1;
2140  color: #fff;
2141  background-color: rgba(40, 167, 69, 0.8);
2142  border-radius: .2rem;
2143}
2144
2145.was-validated .form-control:valid, .form-control.is-valid, .was-validated
2146.custom-select:valid,
2147.custom-select.is-valid {
2148  border-color: #28a745;
2149}
2150
2151.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
2152.custom-select:valid:focus,
2153.custom-select.is-valid:focus {
2154  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
2155}
2156
2157.was-validated .form-control:valid ~ .valid-feedback,
2158.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
2159.form-control.is-valid ~ .valid-tooltip, .was-validated
2160.custom-select:valid ~ .valid-feedback,
2161.was-validated
2162.custom-select:valid ~ .valid-tooltip,
2163.custom-select.is-valid ~ .valid-feedback,
2164.custom-select.is-valid ~ .valid-tooltip {
2165  display: block;
2166}
2167
2168.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label {
2169  color: #28a745;
2170}
2171
2172.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
2173  background-color: rgba(40, 167, 69, 0.25);
2174}
2175
2176.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
2177  color: #28a745;
2178}
2179
2180.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
2181  border-color: #28a745;
2182}
2183
2184.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
2185  border-color: inherit;
2186}
2187
2188.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
2189  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
2190}
2191
2192.invalid-feedback {
2193  display: none;
2194  margin-top: .25rem;
2195  font-size: .875rem;
2196  color: #dc3545;
2197}
2198
2199.invalid-tooltip {
2200  position: absolute;
2201  top: 100%;
2202  z-index: 5;
2203  display: none;
2204  width: 250px;
2205  padding: .5rem;
2206  margin-top: .1rem;
2207  font-size: .875rem;
2208  line-height: 1;
2209  color: #fff;
2210  background-color: rgba(220, 53, 69, 0.8);
2211  border-radius: .2rem;
2212}
2213
2214.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
2215.custom-select:invalid,
2216.custom-select.is-invalid {
2217  border-color: #dc3545;
2218}
2219
2220.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
2221.custom-select:invalid:focus,
2222.custom-select.is-invalid:focus {
2223  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
2224}
2225
2226.was-validated .form-control:invalid ~ .invalid-feedback,
2227.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
2228.form-control.is-invalid ~ .invalid-tooltip, .was-validated
2229.custom-select:invalid ~ .invalid-feedback,
2230.was-validated
2231.custom-select:invalid ~ .invalid-tooltip,
2232.custom-select.is-invalid ~ .invalid-feedback,
2233.custom-select.is-invalid ~ .invalid-tooltip {
2234  display: block;
2235}
2236
2237.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label {
2238  color: #dc3545;
2239}
2240
2241.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
2242  background-color: rgba(220, 53, 69, 0.25);
2243}
2244
2245.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
2246  color: #dc3545;
2247}
2248
2249.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
2250  border-color: #dc3545;
2251}
2252
2253.was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
2254  border-color: inherit;
2255}
2256
2257.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
2258  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
2259}
2260
2261.form-inline {
2262  display: -ms-flexbox;
2263  display: flex;
2264  -ms-flex-flow: row wrap;
2265      flex-flow: row wrap;
2266  -ms-flex-align: center;
2267      align-items: center;
2268}
2269
2270.form-inline .form-check {
2271  width: 100%;
2272}
2273
2274@media (min-width: 576px) {
2275  .form-inline label {
2276    display: -ms-flexbox;
2277    display: flex;
2278    -ms-flex-align: center;
2279        align-items: center;
2280    -ms-flex-pack: center;
2281        justify-content: center;
2282    margin-bottom: 0;
2283  }
2284  .form-inline .form-group {
2285    display: -ms-flexbox;
2286    display: flex;
2287    -ms-flex: 0 0 auto;
2288        flex: 0 0 auto;
2289    -ms-flex-flow: row wrap;
2290        flex-flow: row wrap;
2291    -ms-flex-align: center;
2292        align-items: center;
2293    margin-bottom: 0;
2294  }
2295  .form-inline .form-control {
2296    display: inline-block;
2297    width: auto;
2298    vertical-align: middle;
2299  }
2300  .form-inline .form-control-plaintext {
2301    display: inline-block;
2302  }
2303  .form-inline .input-group {
2304    width: auto;
2305  }
2306  .form-inline .form-check {
2307    display: -ms-flexbox;
2308    display: flex;
2309    -ms-flex-align: center;
2310        align-items: center;
2311    -ms-flex-pack: center;
2312        justify-content: center;
2313    width: auto;
2314    margin-top: 0;
2315    margin-bottom: 0;
2316  }
2317  .form-inline .form-check-label {
2318    padding-left: 0;
2319  }
2320  .form-inline .form-check-input {
2321    position: relative;
2322    margin-top: 0;
2323    margin-right: 0.25rem;
2324    margin-left: 0;
2325  }
2326  .form-inline .custom-control {
2327    display: -ms-flexbox;
2328    display: flex;
2329    -ms-flex-align: center;
2330        align-items: center;
2331    -ms-flex-pack: center;
2332        justify-content: center;
2333    padding-left: 0;
2334  }
2335  .form-inline .custom-control-indicator {
2336    position: static;
2337    display: inline-block;
2338    margin-right: 0.25rem;
2339    vertical-align: text-bottom;
2340  }
2341  .form-inline .has-feedback .form-control-feedback {
2342    top: 0;
2343  }
2344}
2345
2346.btn {
2347  display: inline-block;
2348  font-weight: 400;
2349  text-align: center;
2350  white-space: nowrap;
2351  vertical-align: middle;
2352  -webkit-user-select: none;
2353     -moz-user-select: none;
2354      -ms-user-select: none;
2355          user-select: none;
2356  border: 1px solid transparent;
2357  padding: 0.375rem 0.75rem;
2358  font-size: 1rem;
2359  line-height: 1.5;
2360  border-radius: 0.25rem;
2361  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2362}
2363
2364.btn:focus, .btn:hover {
2365  text-decoration: none;
2366}
2367
2368.btn:focus, .btn.focus {
2369  outline: 0;
2370  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
2371}
2372
2373.btn.disabled, .btn:disabled {
2374  opacity: .65;
2375}
2376
2377.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
2378  background-image: none;
2379}
2380
2381a.btn.disabled,
2382fieldset[disabled] a.btn {
2383  pointer-events: none;
2384}
2385
2386.btn-primary {
2387  color: #fff;
2388  background-color: #007bff;
2389  border-color: #007bff;
2390}
2391
2392.btn-primary:hover {
2393  color: #fff;
2394  background-color: #0069d9;
2395  border-color: #0062cc;
2396}
2397
2398.btn-primary:focus, .btn-primary.focus {
2399  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
2400}
2401
2402.btn-primary.disabled, .btn-primary:disabled {
2403  background-color: #007bff;
2404  border-color: #007bff;
2405}
2406
2407.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,
2408.show > .btn-primary.dropdown-toggle {
2409  color: #fff;
2410  background-color: #0062cc;
2411  border-color: #005cbf;
2412  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
2413}
2414
2415.btn-secondary {
2416  color: #fff;
2417  background-color: #868e96;
2418  border-color: #868e96;
2419}
2420
2421.btn-secondary:hover {
2422  color: #fff;
2423  background-color: #727b84;
2424  border-color: #6c757d;
2425}
2426
2427.btn-secondary:focus, .btn-secondary.focus {
2428  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
2429}
2430
2431.btn-secondary.disabled, .btn-secondary:disabled {
2432  background-color: #868e96;
2433  border-color: #868e96;
2434}
2435
2436.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active,
2437.show > .btn-secondary.dropdown-toggle {
2438  color: #fff;
2439  background-color: #6c757d;
2440  border-color: #666e76;
2441  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
2442}
2443
2444.btn-success {
2445  color: #fff;
2446  background-color: #28a745;
2447  border-color: #28a745;
2448}
2449
2450.btn-success:hover {
2451  color: #fff;
2452  background-color: #218838;
2453  border-color: #1e7e34;
2454}
2455
2456.btn-success:focus, .btn-success.focus {
2457  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
2458}
2459
2460.btn-success.disabled, .btn-success:disabled {
2461  background-color: #28a745;
2462  border-color: #28a745;
2463}
2464
2465.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active,
2466.show > .btn-success.dropdown-toggle {
2467  color: #fff;
2468  background-color: #1e7e34;
2469  border-color: #1c7430;
2470  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
2471}
2472
2473.btn-info {
2474  color: #fff;
2475  background-color: #17a2b8;
2476  border-color: #17a2b8;
2477}
2478
2479.btn-info:hover {
2480  color: #fff;
2481  background-color: #138496;
2482  border-color: #117a8b;
2483}
2484
2485.btn-info:focus, .btn-info.focus {
2486  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
2487}
2488
2489.btn-info.disabled, .btn-info:disabled {
2490  background-color: #17a2b8;
2491  border-color: #17a2b8;
2492}
2493
2494.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active,
2495.show > .btn-info.dropdown-toggle {
2496  color: #fff;
2497  background-color: #117a8b;
2498  border-color: #10707f;
2499  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
2500}
2501
2502.btn-warning {
2503  color: #111;
2504  background-color: #ffc107;
2505  border-color: #ffc107;
2506}
2507
2508.btn-warning:hover {
2509  color: #111;
2510  background-color: #e0a800;
2511  border-color: #d39e00;
2512}
2513
2514.btn-warning:focus, .btn-warning.focus {
2515  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
2516}
2517
2518.btn-warning.disabled, .btn-warning:disabled {
2519  background-color: #ffc107;
2520  border-color: #ffc107;
2521}
2522
2523.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active,
2524.show > .btn-warning.dropdown-toggle {
2525  color: #111;
2526  background-color: #d39e00;
2527  border-color: #c69500;
2528  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
2529}
2530
2531.btn-danger {
2532  color: #fff;
2533  background-color: #dc3545;
2534  border-color: #dc3545;
2535}
2536
2537.btn-danger:hover {
2538  color: #fff;
2539  background-color: #c82333;
2540  border-color: #bd2130;
2541}
2542
2543.btn-danger:focus, .btn-danger.focus {
2544  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
2545}
2546
2547.btn-danger.disabled, .btn-danger:disabled {
2548  background-color: #dc3545;
2549  border-color: #dc3545;
2550}
2551
2552.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active,
2553.show > .btn-danger.dropdown-toggle {
2554  color: #fff;
2555  background-color: #bd2130;
2556  border-color: #b21f2d;
2557  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
2558}
2559
2560.btn-light {
2561  color: #111;
2562  background-color: #f8f9fa;
2563  border-color: #f8f9fa;
2564}
2565
2566.btn-light:hover {
2567  color: #111;
2568  background-color: #e2e6ea;
2569  border-color: #dae0e5;
2570}
2571
2572.btn-light:focus, .btn-light.focus {
2573  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
2574}
2575
2576.btn-light.disabled, .btn-light:disabled {
2577  background-color: #f8f9fa;
2578  border-color: #f8f9fa;
2579}
2580
2581.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
2582.show > .btn-light.dropdown-toggle {
2583  color: #111;
2584  background-color: #dae0e5;
2585  border-color: #d3d9df;
2586  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
2587}
2588
2589.btn-dark {
2590  color: #fff;
2591  background-color: #343a40;
2592  border-color: #343a40;
2593}
2594
2595.btn-dark:hover {
2596  color: #fff;
2597  background-color: #23272b;
2598  border-color: #1d2124;
2599}
2600
2601.btn-dark:focus, .btn-dark.focus {
2602  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
2603}
2604
2605.btn-dark.disabled, .btn-dark:disabled {
2606  background-color: #343a40;
2607  border-color: #343a40;
2608}
2609
2610.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active,
2611.show > .btn-dark.dropdown-toggle {
2612  color: #fff;
2613  background-color: #1d2124;
2614  border-color: #171a1d;
2615  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
2616}
2617
2618.btn-outline-primary {
2619  color: #007bff;
2620  background-color: transparent;
2621  background-image: none;
2622  border-color: #007bff;
2623}
2624
2625.btn-outline-primary:hover {
2626  color: #fff;
2627  background-color: #007bff;
2628  border-color: #007bff;
2629}
2630
2631.btn-outline-primary:focus, .btn-outline-primary.focus {
2632  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
2633}
2634
2635.btn-outline-primary.disabled, .btn-outline-primary:disabled {
2636  color: #007bff;
2637  background-color: transparent;
2638}
2639
2640.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
2641.show > .btn-outline-primary.dropdown-toggle {
2642  color: #fff;
2643  background-color: #007bff;
2644  border-color: #007bff;
2645  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
2646}
2647
2648.btn-outline-secondary {
2649  color: #fff;
2650  background-color: transparent;
2651  background-image: none;
2652  border-color: #fff;
2653}
2654
2655.btn-outline-secondary:hover {
2656  color: #fff;
2657  background-color: #868e96;
2658  border-color: #868e96;
2659}
2660
2661.btn-outline-secondary:focus, .btn-outline-secondary.focus {
2662  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
2663}
2664
2665.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
2666  color: #868e96;
2667  background-color: transparent;
2668}
2669
2670.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active,
2671.show > .btn-outline-secondary.dropdown-toggle {
2672  color: #fff;
2673  background-color: #868e96;
2674  border-color: #868e96;
2675  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
2676}
2677
2678.btn-outline-success {
2679  color: #28a745;
2680  background-color: transparent;
2681  background-image: none;
2682  border-color: #28a745;
2683}
2684
2685.btn-outline-success:hover {
2686  color: #fff;
2687  background-color: #28a745;
2688  border-color: #28a745;
2689}
2690
2691.btn-outline-success:focus, .btn-outline-success.focus {
2692  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
2693}
2694
2695.btn-outline-success.disabled, .btn-outline-success:disabled {
2696  color: #28a745;
2697  background-color: transparent;
2698}
2699
2700.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active,
2701.show > .btn-outline-success.dropdown-toggle {
2702  color: #fff;
2703  background-color: #28a745;
2704  border-color: #28a745;
2705  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
2706}
2707
2708.btn-outline-info {
2709  color: #17a2b8;
2710  background-color: transparent;
2711  background-image: none;
2712  border-color: #17a2b8;
2713}
2714
2715.btn-outline-info:hover {
2716  color: #fff;
2717  background-color: #17a2b8;
2718  border-color: #17a2b8;
2719}
2720
2721.btn-outline-info:focus, .btn-outline-info.focus {
2722  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
2723}
2724
2725.btn-outline-info.disabled, .btn-outline-info:disabled {
2726  color: #17a2b8;
2727  background-color: transparent;
2728}
2729
2730.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active,
2731.show > .btn-outline-info.dropdown-toggle {
2732  color: #fff;
2733  background-color: #17a2b8;
2734  border-color: #17a2b8;
2735  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
2736}
2737
2738.btn-outline-warning {
2739  color: #ffc107;
2740  background-color: transparent;
2741  background-image: none;
2742  border-color: #ffc107;
2743}
2744
2745.btn-outline-warning:hover {
2746  color: #fff;
2747  background-color: #ffc107;
2748  border-color: #ffc107;
2749}
2750
2751.btn-outline-warning:focus, .btn-outline-warning.focus {
2752  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
2753}
2754
2755.btn-outline-warning.disabled, .btn-outline-warning:disabled {
2756  color: #ffc107;
2757  background-color: transparent;
2758}
2759
2760.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active,
2761.show > .btn-outline-warning.dropdown-toggle {
2762  color: #fff;
2763  background-color: #ffc107;
2764  border-color: #ffc107;
2765  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
2766}
2767
2768.btn-outline-danger {
2769  color: #dc3545;
2770  background-color: transparent;
2771  background-image: none;
2772  border-color: #dc3545;
2773}
2774
2775.btn-outline-danger:hover {
2776  color: #fff;
2777  background-color: #dc3545;
2778  border-color: #dc3545;
2779}
2780
2781.btn-outline-danger:focus, .btn-outline-danger.focus {
2782  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
2783}
2784
2785.btn-outline-danger.disabled, .btn-outline-danger:disabled {
2786  color: #dc3545;
2787  background-color: transparent;
2788}
2789
2790.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active,
2791.show > .btn-outline-danger.dropdown-toggle {
2792  color: #fff;
2793  background-color: #dc3545;
2794  border-color: #dc3545;
2795  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
2796}
2797
2798.btn-outline-light {
2799  color: #f8f9fa;
2800  background-color: transparent;
2801  background-image: none;
2802  border-color: #f8f9fa;
2803}
2804
2805.btn-outline-light:hover {
2806  color: #212529;
2807  background-color: #f8f9fa;
2808  border-color: #f8f9fa;
2809}
2810
2811.btn-outline-light:focus, .btn-outline-light.focus {
2812  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
2813}
2814
2815.btn-outline-light.disabled, .btn-outline-light:disabled {
2816  color: #f8f9fa;
2817  background-color: transparent;
2818}
2819
2820.btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active,
2821.show > .btn-outline-light.dropdown-toggle {
2822  color: #212529;
2823  background-color: #f8f9fa;
2824  border-color: #f8f9fa;
2825  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
2826}
2827
2828.btn-outline-dark {
2829  color: #343a40;
2830  background-color: transparent;
2831  background-image: none;
2832  border-color: #343a40;
2833}
2834
2835.btn-outline-dark:hover {
2836  color: #fff;
2837  background-color: #343a40;
2838  border-color: #343a40;
2839}
2840
2841.btn-outline-dark:focus, .btn-outline-dark.focus {
2842  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
2843}
2844
2845.btn-outline-dark.disabled, .btn-outline-dark:disabled {
2846  color: #343a40;
2847  background-color: transparent;
2848}
2849
2850.btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active,
2851.show > .btn-outline-dark.dropdown-toggle {
2852  color: #fff;
2853  background-color: #343a40;
2854  border-color: #343a40;
2855  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
2856}
2857
2858.btn-link {
2859  font-weight: 400;
2860  color: #28a745;
2861  background-color: transparent;
2862  font-weight: bold;
2863}
2864
2865.btn-link:hover {
2866  color: #28a745;
2867  text-decoration: underline;
2868  background-color: transparent;
2869  border-color: transparent;
2870}
2871
2872.btn-link:focus, .btn-link.focus {
2873  border-color: transparent;
2874  box-shadow: none;
2875}
2876
2877.btn-link:disabled, .btn-link.disabled {
2878  color: #868e96;
2879}
2880
2881.btn-lg, .btn-group-lg > .btn {
2882  padding: 0.5rem 1rem;
2883  font-size: 1.25rem;
2884  line-height: 1.5;
2885  border-radius: 0.3rem;
2886}
2887
2888.btn-sm, .btn-group-sm > .btn {
2889  padding: 0.25rem 0.5rem;
2890  font-size: 0.875rem;
2891  line-height: 1.5;
2892  border-radius: 0.2rem;
2893}
2894
2895.btn-block {
2896  display: block;
2897  width: 100%;
2898}
2899
2900.btn-block + .btn-block {
2901  margin-top: 0.5rem;
2902}
2903
2904input[type="submit"].btn-block,
2905input[type="reset"].btn-block,
2906input[type="button"].btn-block {
2907  width: 100%;
2908}
2909
2910.fade {
2911  opacity: 0;
2912  transition: opacity 0.15s linear;
2913}
2914
2915.fade.show {
2916  opacity: 1;
2917}
2918
2919.collapse {
2920  display: none;
2921}
2922
2923.collapse.show {
2924  display: block;
2925}
2926
2927tr.collapse.show {
2928  display: table-row;
2929}
2930
2931tbody.collapse.show {
2932  display: table-row-group;
2933}
2934
2935.collapsing {
2936  position: relative;
2937  height: 0;
2938  overflow: hidden;
2939  transition: height 0.35s ease;
2940}
2941
2942.dropup,
2943.dropdown {
2944  position: relative;
2945}
2946
2947.dropdown-toggle::after {
2948  display: inline-block;
2949  width: 0;
2950  height: 0;
2951  margin-left: 0.255em;
2952  vertical-align: 0.255em;
2953  content: "";
2954  border-top: 0.3em solid;
2955  border-right: 0.3em solid transparent;
2956  border-bottom: 0;
2957  border-left: 0.3em solid transparent;
2958}
2959
2960.dropdown-toggle:empty::after {
2961  margin-left: 0;
2962}
2963
2964.dropdown-menu {
2965  position: absolute;
2966  top: 100%;
2967  left: 0;
2968  z-index: 1000;
2969  display: none;
2970  float: left;
2971  min-width: 10rem;
2972  padding: 0.5rem 0;
2973  margin: 0.125rem 0 0;
2974  font-size: 1rem;
2975  color: #212529;
2976  text-align: left;
2977  list-style: none;
2978  background-color: #fff;
2979  background-clip: padding-box;
2980  border: 1px solid rgba(0, 0, 0, 0.15);
2981  border-radius: 0.25rem;
2982}
2983
2984.dropup .dropdown-menu {
2985  margin-top: 0;
2986  margin-bottom: 0.125rem;
2987}
2988
2989.dropup .dropdown-toggle::after {
2990  display: inline-block;
2991  width: 0;
2992  height: 0;
2993  margin-left: 0.255em;
2994  vertical-align: 0.255em;
2995  content: "";
2996  border-top: 0;
2997  border-right: 0.3em solid transparent;
2998  border-bottom: 0.3em solid;
2999  border-left: 0.3em solid transparent;
3000}
3001
3002.dropup .dropdown-toggle:empty::after {
3003  margin-left: 0;
3004}
3005
3006.dropdown-divider {
3007  height: 0;
3008  margin: 0.5rem 0;
3009  overflow: hidden;
3010  border-top: 1px solid #e9ecef;
3011}
3012
3013.dropdown-item {
3014  display: block;
3015  width: 100%;
3016  padding: 0.25rem 1.5rem;
3017  clear: both;
3018  font-weight: 400;
3019  color: #212529;
3020  text-align: inherit;
3021  white-space: nowrap;
3022  background: none;
3023  border: 0;
3024}
3025
3026.dropdown-item:focus, .dropdown-item:hover {
3027  color: #16181b;
3028  text-decoration: none;
3029  background-color: #f8f9fa;
3030}
3031
3032.dropdown-item.active, .dropdown-item:active {
3033  color: #fff;
3034  text-decoration: none;
3035  background-color: #007bff;
3036}
3037
3038.dropdown-item.disabled, .dropdown-item:disabled {
3039  color: #868e96;
3040  background-color: transparent;
3041}
3042
3043.dropdown-menu.show {
3044  display: block;
3045}
3046
3047.dropdown-header {
3048  display: block;
3049  padding: 0.5rem 1.5rem;
3050  margin-bottom: 0;
3051  font-size: 0.875rem;
3052  color: #868e96;
3053  white-space: nowrap;
3054}
3055
3056.btn-group,
3057.btn-group-vertical {
3058  position: relative;
3059  display: -ms-inline-flexbox;
3060  display: inline-flex;
3061  vertical-align: middle;
3062}
3063
3064.btn-group > .btn,
3065.btn-group-vertical > .btn {
3066  position: relative;
3067  -ms-flex: 0 1 auto;
3068      flex: 0 1 auto;
3069}
3070
3071.btn-group > .btn:hover,
3072.btn-group-vertical > .btn:hover {
3073  z-index: 2;
3074}
3075
3076.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
3077.btn-group-vertical > .btn:focus,
3078.btn-group-vertical > .btn:active,
3079.btn-group-vertical > .btn.active {
3080  z-index: 2;
3081}
3082
3083.btn-group .btn + .btn,
3084.btn-group .btn + .btn-group,
3085.btn-group .btn-group + .btn,
3086.btn-group .btn-group + .btn-group,
3087.btn-group-vertical .btn + .btn,
3088.btn-group-vertical .btn + .btn-group,
3089.btn-group-vertical .btn-group + .btn,
3090.btn-group-vertical .btn-group + .btn-group {
3091  margin-left: -1px;
3092}
3093
3094.btn-toolbar {
3095  display: -ms-flexbox;
3096  display: flex;
3097  -ms-flex-wrap: wrap;
3098      flex-wrap: wrap;
3099  -ms-flex-pack: start;
3100      justify-content: flex-start;
3101}
3102
3103.btn-toolbar .input-group {
3104  width: auto;
3105}
3106
3107.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
3108  border-radius: 0;
3109}
3110
3111.btn-group > .btn:first-child {
3112  margin-left: 0;
3113}
3114
3115.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
3116  border-top-right-radius: 0;
3117  border-bottom-right-radius: 0;
3118}
3119
3120.btn-group > .btn:last-child:not(:first-child),
3121.btn-group > .dropdown-toggle:not(:first-child) {
3122  border-top-left-radius: 0;
3123  border-bottom-left-radius: 0;
3124}
3125
3126.btn-group > .btn-group {
3127  float: left;
3128}
3129
3130.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
3131  border-radius: 0;
3132}
3133
3134.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
3135.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
3136  border-top-right-radius: 0;
3137  border-bottom-right-radius: 0;
3138}
3139
3140.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
3141  border-top-left-radius: 0;
3142  border-bottom-left-radius: 0;
3143}
3144
3145.btn + .dropdown-toggle-split {
3146  padding-right: 0.5625rem;
3147  padding-left: 0.5625rem;
3148}
3149
3150.btn + .dropdown-toggle-split::after {
3151  margin-left: 0;
3152}
3153
3154.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
3155  padding-right: 0.375rem;
3156  padding-left: 0.375rem;
3157}
3158
3159.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
3160  padding-right: 0.75rem;
3161  padding-left: 0.75rem;
3162}
3163
3164.btn-group-vertical {
3165  -ms-flex-direction: column;
3166      flex-direction: column;
3167  -ms-flex-align: start;
3168      align-items: flex-start;
3169  -ms-flex-pack: center;
3170      justify-content: center;
3171}
3172
3173.btn-group-vertical .btn,
3174.btn-group-vertical .btn-group {
3175  width: 100%;
3176}
3177
3178.btn-group-vertical > .btn + .btn,
3179.btn-group-vertical > .btn + .btn-group,
3180.btn-group-vertical > .btn-group + .btn,
3181.btn-group-vertical > .btn-group + .btn-group {
3182  margin-top: -1px;
3183  margin-left: 0;
3184}
3185
3186.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
3187  border-radius: 0;
3188}
3189
3190.btn-group-vertical > .btn:first-child:not(:last-child) {
3191  border-bottom-right-radius: 0;
3192  border-bottom-left-radius: 0;
3193}
3194
3195.btn-group-vertical > .btn:last-child:not(:first-child) {
3196  border-top-left-radius: 0;
3197  border-top-right-radius: 0;
3198}
3199
3200.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
3201  border-radius: 0;
3202}
3203
3204.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
3205.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
3206  border-bottom-right-radius: 0;
3207  border-bottom-left-radius: 0;
3208}
3209
3210.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
3211  border-top-left-radius: 0;
3212  border-top-right-radius: 0;
3213}
3214
3215[data-toggle="buttons"] > .btn input[type="radio"],
3216[data-toggle="buttons"] > .btn input[type="checkbox"],
3217[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
3218[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
3219  position: absolute;
3220  clip: rect(0, 0, 0, 0);
3221  pointer-events: none;
3222}
3223
3224.input-group {
3225  position: relative;
3226  display: -ms-flexbox;
3227  display: flex;
3228  -ms-flex-align: stretch;
3229      align-items: stretch;
3230  width: 100%;
3231}
3232
3233.input-group .form-control {
3234  position: relative;
3235  z-index: 2;
3236  -ms-flex: 1 1 auto;
3237      flex: 1 1 auto;
3238  width: 1%;
3239  margin-bottom: 0;
3240}
3241
3242.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
3243  z-index: 3;
3244}
3245
3246.input-group-addon,
3247.input-group-btn,
3248.input-group .form-control {
3249  display: -ms-flexbox;
3250  display: flex;
3251  -ms-flex-align: center;
3252      align-items: center;
3253}
3254
3255.input-group-addon:not(:first-child):not(:last-child),
3256.input-group-btn:not(:first-child):not(:last-child),
3257.input-group .form-control:not(:first-child):not(:last-child) {
3258  border-radius: 0;
3259}
3260
3261.input-group-addon,
3262.input-group-btn {
3263  white-space: nowrap;
3264}
3265
3266.input-group-addon {
3267  padding: 0.375rem 0.75rem;
3268  margin-bottom: 0;
3269  font-size: 1rem;
3270  font-weight: 400;
3271  line-height: 1.5;
3272  color: #495057;
3273  text-align: center;
3274  background-color: #e9ecef;
3275  border: 1px solid #ced4da;
3276  border-radius: 0.25rem;
3277}
3278
3279.input-group-addon.form-control-sm,
3280.input-group-sm > .input-group-addon,
3281.input-group-sm > .input-group-btn > .input-group-addon.btn {
3282  padding: 0.25rem 0.5rem;
3283  font-size: 0.875rem;
3284  border-radius: 0.2rem;
3285}
3286
3287.input-group-addon.form-control-lg,
3288.input-group-lg > .input-group-addon,
3289.input-group-lg > .input-group-btn > .input-group-addon.btn {
3290  padding: 0.5rem 1rem;
3291  font-size: 1.25rem;
3292  border-radius: 0.3rem;
3293}
3294
3295.input-group-addon input[type="radio"],
3296.input-group-addon input[type="checkbox"] {
3297  margin-top: 0;
3298}
3299
3300.input-group .form-control:not(:last-child),
3301.input-group-addon:not(:last-child),
3302.input-group-btn:not(:last-child) > .btn,
3303.input-group-btn:not(:last-child) > .btn-group > .btn,
3304.input-group-btn:not(:last-child) > .dropdown-toggle,
3305.input-group-btn:not(:first-child) >
3305 .btn:not(:last-child):not(.dropdown-toggle),
3306.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
3307  border-top-right-radius: 0;
3308  border-bottom-right-radius: 0;
3309}
3310
3311.input-group-addon:not(:last-child) {
3312  border-right: 0;
3313}
3314
3315.input-group .form-control:not(:first-child),
3316.input-group-addon:not(:first-child),
3317.input-group-btn:not(:first-child) > .btn,
3318.input-group-btn:not(:first-child) > .btn-group > .btn,
3319.input-group-btn:not(:first-child) > .dropdown-toggle,
3320.input-group-btn:not(:last-child) > .btn:not(:first-child),
3321.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
3322  border-top-left-radius: 0;
3323  border-bottom-left-radius: 0;
3324}
3325
3326.form-control + .input-group-addon:not(:first-child) {
3327  border-left: 0;
3328}
3329
3330.input-group-btn {
3331  position: relative;
3332  -ms-flex-align: stretch;
3333      align-items: stretch;
3334  font-size: 0;
3335  white-space: nowrap;
3336}
3337
3338.input-group-btn > .btn {
3339  position: relative;
3340}
3341
3342.input-group-btn > .btn + .btn {
3343  margin-left: -1px;
3344}
3345
3346.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
3347  z-index: 3;
3348}
3349
3350.input-group-btn:first-child > .btn + .btn {
3351  margin-left: 0;
3352}
3353
3354.input-group-btn:not(:last-child) > .btn,
3355.input-group-btn:not(:last-child) > .btn-group {
3356  margin-right: -1px;
3357}
3358
3359.input-group-btn:not(:first-child) > .btn,
3360.input-group-btn:not(:first-child) > .btn-group {
3361  z-index: 2;
3362  margin-left: 0;
3363}
3364
3365.input-group-btn:not(:first-child) > .btn:first-child,
3366.input-group-btn:not(:first-child) > .btn-group:first-child {
3367  margin-left: -1px;
3368}
3369
3370.input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
3371.input-group-btn:not(:first-child) > .btn-group:focus,
3372.input-group-btn:not(:first-child) > .btn-group:active,
3373.input-group-btn:not(:first-child) > .btn-group:hover {
3374  z-index: 3;
3375}
3376
3377.custom-control {
3378  position: relative;
3379  display: -ms-inline-flexbox;
3380  display: inline-flex;
3381  min-height: 1.5rem;
3382  padding-left: 1.5rem;
3383  margin-right: 1rem;
3384}
3385
3386.custom-control-input {
3387  position: absolute;
3388  z-index: -1;
3389  opacity: 0;
3390}
3391
3392.custom-control-input:checked ~ .custom-control-indicator {
3393  color: #fff;
3394  background-color: #007bff;
3395}
3396
3397.custom-control-input:focus ~ .custom-control-indicator {
3398  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
3399}
3400
3401.custom-control-input:active ~ .custom-control-indicator {
3402  color: #fff;
3403  background-color: #b3d7ff;
3404}
3405
3406.custom-control-input:disabled ~ .custom-control-indicator {
3407  background-color: #e9ecef;
3408}
3409
3410.custom-control-input:disabled ~ .custom-control-description {
3411  color: #868e96;
3412}
3413
3414.custom-control-indicator {
3415  position: absolute;
3416  top: 0.25rem;
3417  left: 0;
3418  display: block;
3419  width: 1rem;
3420  height: 1rem;
3421  pointer-events: none;
3422  -webkit-user-select: none;
3423     -moz-user-select: none;
3424      -ms-user-select: none;
3425          user-select: none;
3426  background-color: #ddd;
3427  background-repeat: no-repeat;
3428  background-position: center center;
3429  background-size: 50% 50%;
3430}
3431
3432.custom-checkbox .custom-control-indicator {
3433  border-radius: 0.25rem;
3434}
3435
3436.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
3437  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
3438}
3439
3440.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
3441  background-color: #007bff;
3442  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
3443}
3444
3445.custom-radio .custom-control-indicator {
3446  border-radius: 50%;
3447}
3448
3449.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
3450  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
3451}
3452
3453.custom-controls-stacked {
3454  display: -ms-flexbox;
3455  display: flex;
3456  -ms-flex-direction: column;
3457      flex-direction: column;
3458}
3459
3460.custom-controls-stacked .custom-control {
3461  margin-bottom: 0.25rem;
3462}
3463
3464.custom-controls-stacked .custom-control + .custom-control {
3465  margin-left: 0;
3466}
3467
3468.custom-select {
3469  display: inline-block;
3470  max-width: 100%;
3471  height: calc(2.25rem + 2px);
3472  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
3473  line-height: 1.5;
3474  color: #495057;
3475  vertical-align: middle;
3476  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
3477  background-size: 8px 10px;
3478  border: 1px solid #ced4da;
3479  border-radius: 0.25rem;
3480  -webkit-appearance: none;
3481     -moz-appearance: none;
3482          appearance: none;
3483}
3484
3485.custom-select:focus {
3486  border-color: #80bdff;
3487  outline: none;
3488}
3489
3490.custom-select:focus::-ms-value {
3491  color: #495057;
3492  background-color: #fff;
3493}
3494
3495.custom-select[multiple] {
3496  height: auto;
3497  background-image: none;
3498}
3499
3500.custom-select:disabled {
3501  color: #868e96;
3502  background-color: #e9ecef;
3503}
3504
3505.custom-select::-ms-expand {
3506  opacity: 0;
3507}
3508
3509.custom-select-sm {
3510  height: calc(1.8125rem + 2px);
3511  padding-top: 0.375rem;
3512  padding-bottom: 0.375rem;
3513  font-size: 75%;
3514}
3515
3516.custom-file {
3517  position: relative;
3518  display: inline-block;
3519  max-width: 100%;
3520  height: calc(2.25rem + 2px);
3521  margin-bottom: 0;
3522}
3523
3524.custom-file-input {
3525  min-width: 14rem;
3526  max-width: 100%;
3527  height: calc(2.25rem + 2px);
3528  margin: 0;
3529  opacity: 0;
3530}
3531
3532.custom-file-input:focus ~ .custom-file-control {
3533  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #007bff;
3534}
3535
3536.custom-file-control {
3537  position: absolute;
3538  top: 0;
3539  right: 0;
3540  left: 0;
3541  z-index: 5;
3542  height: calc(2.25rem + 2px);
3543  padding: 0.375rem 0.75rem;
3544  line-height: 1.5;
3545  color: #495057;
3546  pointer-events: none;
3547  -webkit-user-select: none;
3548     -moz-user-select: none;
3549      -ms-user-select: none;
3550          user-select: none;
3551  background-color: #fff;
3552  border: 1px solid #ced4da;
3553  border-radius: 0.25rem;
3554}
3555
3556.custom-file-control:lang(en):empty::after {
3557  content: "Choose file...";
3558}
3559
3560.custom-file-control::before {
3561  position: absolute;
3562  top: -1px;
3563  right: -1px;
3564  bottom: -1px;
3565  z-index: 6;
3566  display: block;
3567  height: calc(2.25rem + 2px);
3568  padding: 0.375rem 0.75rem;
3569  line-height: 1.5;
3570  color: #495057;
3571  background-color: #e9ecef;
3572  border: 1px solid #ced4da;
3573  border-radius: 0 0.25rem 0.25rem 0;
3574}
3575
3576.custom-file-control:lang(en)::before {
3577  content: "Browse";
3578}
3579
3580.nav {
3581  display: -ms-flexbox;
3582  display: flex;
3583  -ms-flex-wrap: wrap;
3584      flex-wrap: wrap;
3585  padding-left: 0;
3586  margin-bottom: 0;
3587  list-style: none;
3588}
3589
3590.nav-link {
3591  display: block;
3592  padding: 0.5rem 1rem;
3593}
3594
3595.nav-link:focus, .nav-link:hover {
3596  text-decoration: none;
3597}
3598
3599.nav-link.disabled {
3600  color: #868e96;
3601}
3602
3603.nav-tabs {
3604  border-bottom: 1px solid #ddd;
3605}
3606
3607.nav-tabs .nav-item {
3608  margin-bottom: -1px;
3609}
3610
3611.nav-tabs .nav-link {
3612  border: 1px solid transparent;
3613  border-top-left-radius: 0.25rem;
3614  border-top-right-radius: 0.25rem;
3615}
3616
3617.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
3618  border-color: #e9ecef #e9ecef #ddd;
3619}
3620
3621.nav-tabs .nav-link.disabled {
3622  color: #868e96;
3623  background-color: transparent;
3624  border-color: transparent;
3625}
3626
3627.nav-tabs .nav-link.active,
3628.nav-tabs .nav-item.show .nav-link {
3629  color: #495057;
3630  background-color: #fff;
3631  border-color: #ddd #ddd #fff;
3632}
3633
3634.nav-tabs .dropdown-menu {
3635  margin-top: -1px;
3636  border-top-left-radius: 0;
3637  border-top-right-radius: 0;
3638}
3639
3640.nav-pills .nav-link {
3641  border-radius: 0.25rem;
3642}
3643
3644.nav-pills .nav-link.active,
3645.nav-pills .show > .nav-link {
3646  color: #fff;
3647  background-color: #00a64b;
3648}
3649
3650.nav-fill .nav-item {
3651  -ms-flex: 1 1 auto;
3652      flex: 1 1 auto;
3653  text-align: center;
3654}
3655
3656.nav-justified .nav-item {
3657  -ms-flex-preferred-size: 0;
3658      flex-basis: 0;
3659  -ms-flex-positive: 1;
3660      flex-grow: 1;
3661  text-align: center;
3662}
3663
3664.tab-content > .tab-pane {
3665  display: none;
3666}
3667
3668.tab-content > .active {
3669  display: block;
3670}
3671
3672.navbar {
3673  position: relative;
3674  display: -ms-flexbox;
3675  display: flex;
3676  -ms-flex-wrap: wrap;
3677      flex-wrap: wrap;
3678  -ms-flex-align: center;
3679      align-items: center;
3680  -ms-flex-pack: justify;
3681      justify-content: space-between;
3682  padding: 0.5rem 1rem;
3683}
3684
3685.navbar > .container,
3686.navbar > .container-fluid {
3687  display: -ms-flexbox;
3688  display: flex;
3689  -ms-flex-wrap: wrap;
3690      flex-wrap: wrap;
3691  -ms-flex-align: center;
3692      align-items: center;
3693  -ms-flex-pack: justify;
3694      justify-content: space-between;
3695}
3696
3697.navbar-brand {
3698  display: inline-block;
3699  padding-top: 0.3125rem;
3700  padding-bottom: 0.3125rem;
3701  margin-right: 1rem;
3702  font-size: 1.25rem;
3703  line-height: inherit;
3704  white-space: nowrap;
3705}
3706
3707.navbar-brand:focus, .navbar-brand:hover {
3708  text-decoration: none;
3709}
3710
3711.navbar-nav {
3712  display: -ms-flexbox;
3713  display: flex;
3714  -ms-flex-direction: column;
3715      flex-direction: column;
3716  padding-left: 0;
3717  margin-bottom: 0;
3718  list-style: none;
3719}
3720
3721.navbar-nav .nav-link {
3722  padding-right: 0;
3723  padding-left: 0;
3724}
3725
3726.navbar-nav .dropdown-menu {
3727  position: static;
3728  float: none;
3729}
3730
3731.navbar-text {
3732  display: inline-block;
3733  padding-top: 0.5rem;
3734  padding-bottom: 0.5rem;
3735}
3736
3737.navbar-collapse {
3738  -ms-flex-preferred-size: 100%;
3739      flex-basis: 100%;
3740  -ms-flex-positive: 1;
3741      flex-grow: 1;
3742  -ms-flex-align: center;
3743      align-items: center;
3744}
3745
3746.navbar-toggler {
3747  padding: 0.25rem 0.75rem;
3748  font-size: 1.25rem;
3749  line-height: 1;
3750  background: transparent;
3751  border: 1px solid transparent;
3752  border-radius: 0.25rem;
3753}
3754
3755.navbar-toggler:focus, .navbar-toggler:hover {
3756  text-decoration: none;
3757}
3758
3759.navbar-toggler-icon {
3760  display: inline-block;
3761  width: 1.5em;
3762  height: 1.5em;
3763  vertical-align: middle;
3764  content: "";
3765  background: no-repeat center center;
3766  background-size: 100% 100%;
3767}
3768
3769@media (max-width: 575px) {
3770  .navbar-expand-sm > .container,
3771  .navbar-expand-sm > .container-fluid {
3772    padding-right: 0;
3773    padding-left: 0;
3774  }
3775}
3776
3777@media (min-width: 576px) {
3778  .navbar-expand-sm {
3779    -ms-flex-flow: row nowrap;
3780        flex-flow: row nowrap;
3781    -ms-flex-pack: start;
3782        justify-content: flex-start;
3783  }
3784  .navbar-expand-sm .navbar-nav {
3785    -ms-flex-direction: row;
3786        flex-direction: row;
3787  }
3788  .navbar-expand-sm .navbar-nav .dropdown-menu {
3789    position: absolute;
3790  }
3791  .navbar-expand-sm .navbar-nav .dropdown-menu-right {
3792    right: 0;
3793    left: auto;
3794  }
3795  .navbar-expand-sm .navbar-nav .nav-link {
3796    padding-right: .5rem;
3797    padding-left: .5rem;
3798  }
3799  .navbar-expand-sm > .container,
3800  .navbar-expand-sm > .container-fluid {
3801    -ms-flex-wrap: nowrap;
3802        flex-wrap: nowrap;
3803  }
3804  .navbar-expand-sm .navbar-collapse {
3805    display: -ms-flexbox !important;
3806    display: flex !important;
3807    -ms-flex-preferred-size: auto;
3808        flex-basis: auto;
3809  }
3810  .navbar-expand-sm .navbar-toggler {
3811    display: none;
3812  }
3813  .navbar-expand-sm .dropup .dropdown-menu {
3814    top: auto;
3815    bottom: 100%;
3816  }
3817}
3818
3819@media (max-width: 767px) {
3820  .navbar-expand-md > .container,
3821  .navbar-expand-md > .container-fluid {
3822    padding-right: 0;
3823    padding-left: 0;
3824  }
3825}
3826
3827@media (min-width: 768px) {
3828  .navbar-expand-md {
3829    -ms-flex-flow: row nowrap;
3830        flex-flow: row nowrap;
3831    -ms-flex-pack: start;
3832        justify-content: flex-start;
3833  }
3834  .navbar-expand-md .navbar-nav {
3835    -ms-flex-direction: row;
3836        flex-direction: row;
3837  }
3838  .navbar-expand-md .navbar-nav .dropdown-menu {
3839    position: absolute;
3840  }
3841  .navbar-expand-md .navbar-nav .dropdown-menu-right {
3842    right: 0;
3843    left: auto;
3844  }
3845  .navbar-expand-md .navbar-nav .nav-link {
3846    padding-right: .5rem;
3847    padding-left: .5rem;
3848  }
3849  .navbar-expand-md > .container,
3850  .navbar-expand-md > .container-fluid {
3851    -ms-flex-wrap: nowrap;
3852        flex-wrap: nowrap;
3853  }
3854  .navbar-expand-md .navbar-collapse {
3855    display: -ms-flexbox !important;
3856    display: flex !important;
3857    -ms-flex-preferred-size: auto;
3858        flex-basis: auto;
3859  }
3860  .navbar-expand-md .navbar-toggler {
3861    display: none;
3862  }
3863  .navbar-expand-md .dropup .dropdown-menu {
3864    top: auto;
3865    bottom: 100%;
3866  }
3867}
3868
3869@media (max-width: 991px) {
3870  .navbar-expand-lg > .container,
3871  .navbar-expand-lg > .container-fluid {
3872    padding-right: 0;
3873    padding-left: 0;
3874  }
3875}
3876
3877@media (min-width: 992px) {
3878  .navbar-expand-lg {
3879    -ms-flex-flow: row nowrap;
3880        flex-flow: row nowrap;
3881    -ms-flex-pack: start;
3882        justify-content: flex-start;
3883  }
3884  .navbar-expand-lg .navbar-nav {
3885    -ms-flex-direction: row;
3886        flex-direction: row;
3887  }
3888  .navbar-expand-lg .navbar-nav .dropdown-menu {
3889    position: absolute;
3890  }
3891  .navbar-expand-lg .navbar-nav .dropdown-menu-right {
3892    right: 0;
3893    left: auto;
3894  }
3895  .navbar-expand-lg .navbar-nav .nav-link {
3896    padding-right: .5rem;
3897    padding-left: .5rem;
3898  }
3899  .navbar-expand-lg > .container,
3900  .navbar-expand-lg > .container-fluid {
3901    -ms-flex-wrap: nowrap;
3902        flex-wrap: nowrap;
3903  }
3904  .navbar-expand-lg .navbar-collapse {
3905    display: -ms-flexbox !important;
3906    display: flex !important;
3907    -ms-flex-preferred-size: auto;
3908        flex-basis: auto;
3909  }
3910  .navbar-expand-lg .navbar-toggler {
3911    display: none;
3912  }
3913  .navbar-expand-lg .dropup .dropdown-menu {
3914    top: auto;
3915    bottom: 100%;
3916  }
3917}
3918
3919@media (max-width: 1199px) {
3920  .navbar-expand-xl > .container,
3921  .navbar-expand-xl > .container-fluid {
3922    padding-right: 0;
3923    padding-left: 0;
3924  }
3925}
3926
3927@media (min-width: 1200px) {
3928  .navbar-expand-xl {
3929    -ms-flex-flow: row nowrap;
3930        flex-flow: row nowrap;
3931    -ms-flex-pack: start;
3932        justify-content: flex-start;
3933  }
3934  .navbar-expand-xl .navbar-nav {
3935    -ms-flex-direction: row;
3936        flex-direction: row;
3937  }
3938  .navbar-expand-xl .navbar-nav .dropdown-menu {
3939    position: absolute;
3940  }
3941  .navbar-expand-xl .navbar-nav .dropdown-menu-right {
3942    right: 0;
3943    left: auto;
3944  }
3945  .navbar-expand-xl .navbar-nav .nav-link {
3946    padding-right: .5rem;
3947    padding-left: .5rem;
3948  }
3949  .navbar-expand-xl > .container,
3950  .navbar-expand-xl > .container-fluid {
3951    -ms-flex-wrap: nowrap;
3952        flex-wrap: nowrap;
3953  }
3954  .navbar-expand-xl .navbar-collapse {
3955    display: -ms-flexbox !important;
3956    display: flex !important;
3957    -ms-flex-preferred-size: auto;
3958        flex-basis: auto;
3959  }
3960  .navbar-expand-xl .navbar-toggler {
3961    display: none;
3962  }
3963  .navbar-expand-xl .dropup .dropdown-menu {
3964    top: auto;
3965    bottom: 100%;
3966  }
3967}
3968
3969.navbar-expand {
3970  -ms-flex-flow: row nowrap;
3971      flex-flow: row nowrap;
3972  -ms-flex-pack: start;
3973      justify-content: flex-start;
3974}
3975
3976.navbar-expand > .container,
3977.navbar-expand > .container-fluid {
3978  padding-right: 0;
3979  padding-left: 0;
3980}
3981
3982.navbar-expand .navbar-nav {
3983  -ms-flex-direction: row;
3984      flex-direction: row;
3985}
3986
3987.navbar-expand .navbar-nav .dropdown-menu {
3988  position: absolute;
3989}
3990
3991.navbar-expand .navbar-nav .dropdown-menu-right {
3992  right: 0;
3993  left: auto;
3994}
3995
3996.navbar-expand .navbar-nav .nav-link {
3997  padding-right: .5rem;
3998  padding-left: .5rem;
3999}
4000
4001.navbar-expand > .container,
4002.navbar-expand > .container-fluid {
4003  -ms-flex-wrap: nowrap;
4004      flex-wrap: nowrap;
4005}
4006
4007.navbar-expand .navbar-collapse {
4008  display: -ms-flexbox !important;
4009  display: flex !important;
4010  -ms-flex-preferred-size: auto;
4011      flex-basis: auto;
4012}
4013
4014.navbar-expand .navbar-toggler {
4015  display: none;
4016}
4017
4018.navbar-expand .dropup .dropdown-menu {
4019  top: auto;
4020  bottom: 100%;
4021}
4022
4023.navbar-light .navbar-brand {
4024  color: rgba(0, 0, 0, 0.9);
4025}
4026
4027.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
4028  color: rgba(0, 0, 0, 0.9);
4029}
4030
4031.navbar-light .navbar-nav .nav-link {
4032  color: rgba(0, 0, 0, 0.5);
4033}
4034
4035.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
4036  color: rgba(0, 0, 0, 0.7);
4037}
4038
4039.navbar-light .navbar-nav .nav-link.disabled {
4040  color: rgba(0, 0, 0, 0.3);
4041}
4042
4043.navbar-light .navbar-nav .show > .nav-link,
4044.navbar-light .navbar-nav .active > .nav-link,
4045.navbar-light .navbar-nav .nav-link.show,
4046.navbar-light .navbar-nav .nav-link.active {
4047  color: rgba(0, 0, 0, 0.9);
4048}
4049
4050.navbar-light .navbar-toggler {
4051  color: rgba(0, 0, 0, 0.5);
4052  border-color: rgba(0, 0, 0, 0.1);
4053}
4054
4055.navbar-light .navbar-toggler-icon {
4056  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
4057}
4058
4059.navbar-light .navbar-text {
4060  color: rgba(0, 0, 0, 0.5);
4061}
4062
4063.navbar-light .navbar-text a {
4064  color: rgba(0, 0, 0, 0.9);
4065}
4066
4067.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
4068  color: rgba(0, 0, 0, 0.9);
4069}
4070
4071.navbar-dark .navbar-brand {
4072  color: #fff;
4073}
4074
4075.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
4076  color: #fff;
4077}
4078
4079.navbar-dark .navbar-nav .nav-link {
4080  color: rgba(255, 255, 255, 0.5);
4081}
4082
4083.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
4084  color: rgba(255, 255, 255, 0.75);
4085}
4086
4087.navbar-dark .navbar-nav .nav-link.disabled {
4088  color: rgba(255, 255, 255, 0.25);
4089}
4090
4091.navbar-dark .navbar-nav .show > .nav-link,
4092.navbar-dark .navbar-nav .active > .nav-link,
4093.navbar-dark .navbar-nav .nav-link.show,
4094.navbar-dark .navbar-nav .nav-link.active {
4095  color: #fff;
4096}
4097
4098.navbar-dark .navbar-toggler {
4099  color: rgba(255, 255, 255, 0.5);
4100  border-color: rgba(255, 255, 255, 0.1);
4101}
4102
4103.navbar-dark .navbar-toggler-icon {
4104  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
4105}
4106
4107.navbar-dark .navbar-text {
4108  color: rgba(255, 255, 255, 0.5);
4109}
4110
4111.navbar-dark .navbar-text a {
4112  color: #fff;
4113}
4114
4115.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
4116  color: #fff;
4117}
4118
4119.card {
4120  position: relative;
4121  display: -ms-flexbox;
4122  display: flex;
4123  -ms-flex-direction: column;
4124      flex-direction: column;
4125  min-width: 0;
4126  word-wrap: break-word;
4127  background-color: #fff;
4128  background-clip: border-box;
4129  border: 1px solid rgba(0, 0, 0, 0.125);
4130  border-radius: 0.25rem;
4131}
4132
4133.card > hr {
4134  margin-right: 0;
4135  margin-left: 0;
4136}
4137
4138.card > .list-group:first-child .list-group-item:first-child {
4139  border-top-left-radius: 0.25rem;
4140  border-top-right-radius: 0.25rem;
4141}
4142
4143.card > .list-group:last-child .list-group-item:last-child {
4144  border-bottom-right-radius: 0.25rem;
4145  border-bottom-left-radius: 0.25rem;
4146}
4147
4148.card-body {
4149  -ms-flex: 1 1 auto;
4150      flex: 1 1 auto;
4151  padding: 1.25rem;
4152}
4153
4154.card-title {
4155  margin-bottom: 0.75rem;
4156}
4157
4158.card-subtitle {
4159  margin-top: -0.375rem;
4160  margin-bottom: 0;
4161}
4162
4163.card-text:last-child {
4164  margin-bottom: 0;
4165}
4166
4167.card-link:hover {
4168  text-decoration: none;
4169}
4170
4171.card-link + .card-link {
4172  margin-left: 1.25rem;
4173}
4174
4175.card-header {
4176  padding: 0.75rem 1.25rem;
4177  margin-bottom: 0;
4178  background-color: rgba(0, 0, 0, 0.03);
4179  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
4180}
4181
4182.card-header:first-child {
4183  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
4184}
4185
4186.card-header + .list-group .list-group-item:first-child {
4187  border-top: 0;
4188}
4189
4190.card-footer {
4191  padding: 0.75rem 1.25rem;
4192  background-color: rgba(0, 0, 0, 0.03);
4193  border-top: 1px solid rgba(0, 0, 0, 0.125);
4194}
4195
4196.card-footer:last-child {
4197  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
4198}
4199
4200.card-header-tabs {
4201  margin-right: -0.625rem;
4202  margin-bottom: -0.75rem;
4203  margin-left: -0.625rem;
4204  border-bottom: 0;
4205}
4206
4207.card-header-pills {
4208  margin-right: -0.625rem;
4209  margin-left: -0.625rem;
4210}
4211
4212.card-img-overlay {
4213  position: absolute;
4214  top: 0;
4215  right: 0;
4216  bottom: 0;
4217  left: 0;
4218  padding: 1.25rem;
4219}
4220
4221.card-img {
4222  width: 100%;
4223  border-radius: calc(0.25rem - 1px);
4224}
4225
4226.card-img-top {
4227  width: 100%;
4228  border-top-left-radius: calc(0.25rem - 1px);
4229  border-top-right-radius: calc(0.25rem - 1px);
4230}
4231
4232.card-img-bottom {
4233  width: 100%;
4234  border-bottom-right-radius: calc(0.25rem - 1px);
4235  border-bottom-left-radius: calc(0.25rem - 1px);
4236}
4237
4238.card-deck {
4239  display: -ms-flexbox;
4240  display: flex;
4241  -ms-flex-direction: column;
4242      flex-direction: column;
4243}
4244
4245.card-deck .card {
4246  margin-bottom: 15px;
4247}
4248
4249@media (min-width: 576px) {
4250  .card-deck {
4251    -ms-flex-flow: row wrap;
4252        flex-flow: row wrap;
4253    margin-right: -15px;
4254    margin-left: -15px;
4255  }
4256  .card-deck .card {
4257    display: -ms-flexbox;
4258    display: flex;
4259    -ms-flex: 1 0 0%;
4260        flex: 1 0 0%;
4261    -ms-flex-direction: column;
4262        flex-direction: column;
4263    margin-right: 15px;
4264    margin-bottom: 0;
4265    margin-left: 15px;
4266  }
4267}
4268
4269.card-group {
4270  display: -ms-flexbox;
4271  display: flex;
4272  -ms-flex-direction: column;
4273      flex-direction: column;
4274}
4275
4276.card-group .card {
4277  margin-bottom: 15px;
4278}
4279
4280@media (min-width: 576px) {
4281  .card-group {
4282    -ms-flex-flow: row wrap;
4283        flex-flow: row wrap;
4284  }
4285  .card-group .card {
4286    -ms-flex: 1 0 0%;
4287        flex: 1 0 0%;
4288    margin-bottom: 0;
4289  }
4290  .card-group .card + .card {
4291    margin-left: 0;
4292    border-left: 0;
4293  }
4294  .card-group .card:first-child {
4295    border-top-right-radius: 0;
4296    border-bottom-right-radius: 0;
4297  }
4298  .card-group .card:first-child .card-img-top {
4299    border-top-right-radius: 0;
4300  }
4301  .card-group .card:first-child .card-img-bottom {
4302    border-bottom-right-radius: 0;
4303  }
4304  .card-group .card:last-child {
4305    border-top-left-radius: 0;
4306    border-bottom-left-radius: 0;
4307  }
4308  .card-group .card:last-child .card-img-top {
4309    border-top-left-radius: 0;
4310  }
4311  .card-group .card:last-child .card-img-bottom {
4312    border-bottom-left-radius: 0;
4313  }
4314  .card-group .card:only-child {
4315    border-radius: 0.25rem;
4316  }
4317  .card-group .card:only-child .card-img-top {
4318    border-top-left-radius: 0.25rem;
4319    border-top-right-radius: 0.25rem;
4320  }
4321  .card-group .card:only-child .card-img-bottom {
4322    border-bottom-right-radius: 0.25rem;
4323    border-bottom-left-radius: 0.25rem;
4324  }
4325  .card-group .card:not(:first-child):not(:last-child):not(:only-child) {
4326    border-radius: 0;
4327  }
4328  .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
4329  .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom {
4330    border-radius: 0;
4331  }
4332}
4333
4334.card-columns .card {
4335  margin-bottom: 0.75rem;
4336}
4337
4338@media (min-width: 576px) {
4339  .card-columns {
4340    -webkit-column-count: 3;
4341            column-count: 3;
4342    -webkit-column-gap: 1.25rem;
4343            column-gap: 1.25rem;
4344  }
4345  .card-columns .card {
4346    display: inline-block;
4347    width: 100%;
4348  }
4349}
4350
4351.breadcrumb {
4352  display: -ms-flexbox;
4353  display: flex;
4354  -ms-flex-wrap: wrap;
4355      flex-wrap: wrap;
4356  padding: 0.75rem 1rem;
4357  margin-bottom: 1rem;
4358  list-style: none;
4359  background-color: #e9ecef;
4360  border-radius: 0.25rem;
4361}
4362
4363.breadcrumb-item + .breadcrumb-item::before {
4364  display: inline-block;
4365  padding-right: 0.5rem;
4366  padding-left: 0.5rem;
4367  color: #868e96;
4368  content: "/";
4369}
4370
4371.breadcrumb-item + .breadcrumb-item:hover::before {
4372  text-decoration: underline;
4373}
4374
4375.breadcrumb-item + .breadcrumb-item:hover::before {
4376  text-decoration: none;
4377}
4378
4379.breadcrumb-item.active {
4380  color: #868e96;
4381}
4382
4383.pagination {
4384  display: -ms-flexbox;
4385  display: flex;
4386  padding-left: 0;
4387  list-style: none;
4388  border-radius: 0.25rem;
4389}
4390
4391.page-item:first-child .page-link {
4392  margin-left: 0;
4393  border-top-left-radius: 0.25rem;
4394  border-bottom-left-radius: 0.25rem;
4395}
4396
4397.page-item:last-child .page-link {
4398  border-top-right-radius: 0.25rem;
4399  border-bottom-right-radius: 0.25rem;
4400}
4401
4402.page-item.active .page-link {
4403  z-index: 2;
4404  color: #fff !important;
4405  background-color: #28a745;
4406  border-color: #28a745;
4407}
4408
4409.page-item.disabled .page-link {
4410  color: #868e96;
4411  pointer-events: none;
4412  background-color: #fff;
4413  border-color: #ddd;
4414}
4415
4416.page-link {
4417  position: relative;
4418  display: block;
4419  padding: 0.5rem 0.75rem;
4420  margin-left: -1px;
4421  line-height: 1.25;
4422  color: #007bff;
4423  background-color: #fff;
4424  border: 1px solid #ddd;
4425}
4426
4427.page-link:focus, .page-link:hover {
4428  color: #0056b3;
4429  text-decoration: none;
4430  background-color: #e9ecef;
4431  border-color: #ddd;
4432}
4433
4434.pagination-lg .page-link {
4435  padding: 0.75rem 1.5rem;
4436  font-size: 1.25rem;
4437  line-height: 1.5;
4438}
4439
4440.pagination-lg .page-item:first-child .page-link {
4441  border-top-left-radius: 0.3rem;
4442  border-bottom-left-radius: 0.3rem;
4443}
4444
4445.pagination-lg .page-item:last-child .page-link {
4446  border-top-right-radius: 0.3rem;
4447  border-bottom-right-radius: 0.3rem;
4448}
4449
4450.pagination-sm .page-link {
4451  padding: 0.25rem 0.5rem;
4452  font-size: 0.875rem;
4453  line-height: 1.5;
4454}
4455
4456.pagination-sm .page-item:first-child .page-link {
4457  border-top-left-radius: 0.2rem;
4458  border-bottom-left-radius: 0.2rem;
4459}
4460
4461.pagination-sm .page-item:last-child .page-link {
4462  border-top-right-radius: 0.2rem;
4463  border-bottom-right-radius: 0.2rem;
4464}
4465
4466.badge {
4467  display: inline-block;
4468  padding: 0.25em 0.4em;
4469  font-size: 75%;
4470  font-weight: 700;
4471  line-height: 1;
4472  text-align: center;
4473  white-space: nowrap;
4474  vertical-align: baseline;
4475  border-radius: 0.25rem;
4476}
4477
4478.badge:empty {
4479  display: none;
4480}
4481
4482.btn .badge {
4483  position: relative;
4484  top: -1px;
4485}
4486
4487.badge-pill {
4488  padding-right: 0.6em;
4489  padding-left: 0.6em;
4490  border-radius: 10rem;
4491}
4492
4493.badge-primary {
4494  color: #fff;
4495  background-color: #007bff;
4496}
4497
4498.badge-primary[href]:focus, .badge-primary[href]:hover {
4499  color: #fff;
4500  text-decoration: none;
4501  background-color: #0062cc;
4502}
4503
4504.badge-secondary {
4505  color: #fff;
4506  background-color: #868e96;
4507}
4508
4509.badge-secondary[href]:focus, .badge-secondary[href]:hover {
4510  color: #fff;
4511  text-decoration: none;
4512  background-color: #6c757d;
4513}
4514
4515.badge-success {
4516  color: #fff;
4517  background-color: #28a745;
4518}
4519
4520.badge-success[href]:focus, .badge-success[href]:hover {
4521  color: #fff;
4522  text-decoration: none;
4523  background-color: #1e7e34;
4524}
4525
4526.badge-info {
4527  color: #fff;
4528  background-color: #17a2b8;
4529}
4530
4531.badge-info[href]:focus, .badge-info[href]:hover {
4532  color: #fff;
4533  text-decoration: none;
4534  background-color: #117a8b;
4535}
4536
4537.badge-warning {
4538  color: #111;
4539  background-color: #ffc107;
4540}
4541
4542.badge-warning[href]:focus, .badge-warning[href]:hover {
4543  color: #111;
4544  text-decoration: none;
4545  background-color: #d39e00;
4546}
4547
4548.badge-danger {
4549  color: #fff;
4550  background-color: #dc3545;
4551}
4552
4553.badge-danger[href]:focus, .badge-danger[href]:hover {
4554  color: #fff;
4555  text-decoration: none;
4556  background-color: #bd2130;
4557}
4558
4559.badge-light {
4560  color: #111;
4561  background-color: #f8f9fa;
4562}
4563
4564.badge-light[href]:focus, .badge-light[href]:hover {
4565  color: #111;
4566  text-decoration: none;
4567  background-color: #dae0e5;
4568}
4569
4570.badge-dark {
4571  color: #fff;
4572  background-color: #343a40;
4573}
4574
4575.badge-dark[href]:focus, .badge-dark[href]:hover {
4576  color: #fff;
4577  text-decoration: none;
4578  background-color: #1d2124;
4579}
4580
4581.jumbotron {
4582  padding: 2rem 1rem;
4583  margin-bottom: 2rem;
4584  background-color: #e9ecef;
4585  border-radius: 0.3rem;
4586}
4587
4588@media (min-width: 576px) {
4589  .jumbotron {
4590    padding: 4rem 2rem;
4591  }
4592}
4593
4594.jumbotron-fluid {
4595  padding-right: 0;
4596  padding-left: 0;
4597  border-radius: 0;
4598}
4599
4600.alert {
4601  position: relative;
4602  padding: 0.75rem 1.25rem;
4603  margin-bottom: 1rem;
4604  border: 1px solid transparent;
4605  border-radius: 0.25rem;
4606}
4607
4608.alert-heading {
4609  color: inherit;
4610}
4611
4612.alert-link {
4613  font-weight: 700;
4614}
4615
4616.alert-dismissible .close {
4617  position: absolute;
4618  top: 0;
4619  right: 0;
4620  padding: 0.75rem 1.25rem;
4621  color: inherit;
4622}
4623
4624.alert-primary {
4625  color: #004085;
4626  background-color: #cce5ff;
4627  border-color: #b8daff;
4628}
4629
4630.alert-primary hr {
4631  border-top-color: #9fcdff;
4632}
4633
4634.alert-primary .alert-link {
4635  color: #002752;
4636}
4637
4638.alert-secondary {
4639  color: #464a4e;
4640  background-color: #e7e8ea;
4641  border-color: #dddfe2;
4642}
4643
4644.alert-secondary hr {
4645  border-top-color: #cfd2d6;
4646}
4647
4648.alert-secondary .alert-link {
4649  color: #2e3133;
4650}
4651
4652.alert-success {
4653  color: #155724;
4654  background-color: #d4edda;
4655  border-color: #c3e6cb;
4656}
4657
4658.alert-success hr {
4659  border-top-color: #b1dfbb;
4660}
4661
4662.alert-success .alert-link {
4663  color: #0b2e13;
4664}
4665
4666.alert-info {
4667  color: #0c5460;
4668  background-color: #d1ecf1;
4669  border-color: #bee5eb;
4670}
4671
4672.alert-info hr {
4673  border-top-color: #abdde5;
4674}
4675
4676.alert-info .alert-link {
4677  color: #062c33;
4678}
4679
4680.alert-warning {
4681  color: #856404;
4682  background-color: #fff3cd;
4683  border-color: #ffeeba;
4684}
4685
4686.alert-warning hr {
4687  border-top-color: #ffe8a1;
4688}
4689
4690.alert-warning .alert-link {
4691  color: #533f03;
4692}
4693
4694.alert-danger {
4695  color: #721c24;
4696  background-color: #f8d7da;
4697  border-color: #f5c6cb;
4698}
4699
4700.alert-danger hr {
4701  border-top-color: #f1b0b7;
4702}
4703
4704.alert-danger .alert-link {
4705  color: #491217;
4706}
4707
4708.alert-light {
4709  color: #818182;
4710  background-color: #fefefe;
4711  border-color: #fdfdfe;
4712}
4713
4714.alert-light hr {
4715  border-top-color: #ececf6;
4716}
4717
4718.alert-light .alert-link {
4719  color: #686868;
4720}
4721
4722.alert-dark {
4723  color: #1b1e21;
4724  background-color: #d6d8d9;
4725  border-color: #c6c8ca;
4726}
4727
4728.alert-dark hr {
4729  border-top-color: #b9bbbe;
4730}
4731
4732.alert-dark .alert-link {
4733  color: #040505;
4734}
4735
4736@-webkit-keyframes progress-bar-stripes {
4737  from {
4738    background-position: 1rem 0;
4739  }
4740  to {
4741    background-position: 0 0;
4742  }
4743}
4744
4745@keyframes progress-bar-stripes {
4746  from {
4747    background-position: 1rem 0;
4748  }
4749  to {
4750    background-position: 0 0;
4751  }
4752}
4753
4754.progress {
4755  display: -ms-flexbox;
4756  display: flex;
4757  height: 1rem;
4758  overflow: hidden;
4759  font-size: 0.75rem;
4760  background-color: #e9ecef;
4761  border-radius: 0.25rem;
4762}
4763
4764.progress-bar {
4765  display: -ms-flexbox;
4766  display: flex;
4767  -ms-flex-align: center;
4768      align-items: center;
4769  -ms-flex-pack: center;
4770      justify-content: center;
4771  color: #fff;
4772  background-color: #007bff;
4773}
4774
4775.progress-bar-striped {
4776  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
4777  background-size: 1rem 1rem;
4778}
4779
4780.progress-bar-animated {
4781  -webkit-animation: progress-bar-stripes 1s linear infinite;
4782          animation: progress-bar-stripes 1s linear infinite;
4783}
4784
4785.media {
4786  display: -ms-flexbox;
4787  display: flex;
4788  -ms-flex-align: start;
4789      align-items: flex-start;
4790}
4791
4792.media-body {
4793  -ms-flex: 1;
4794      flex: 1;
4795}
4796
4797.list-group {
4798  display: -ms-flexbox;
4799  display: flex;
4800  -ms-flex-direction: column;
4801      flex-direction: column;
4802  padding-left: 0;
4803  margin-bottom: 0;
4804}
4805
4806.list-group-item-action {
4807  width: 100%;
4808  color: #495057;
4809  text-align: inherit;
4810}
4811
4812.list-group-item-action:focus, .list-group-item-action:hover {
4813  color: #495057;
4814  text-decoration: none;
4815  background-color: #f8f9fa;
4816}
4817
4818.list-group-item-action:active {
4819  color: #212529;
4820  background-color: #e9ecef;
4821}
4822
4823.list-group-item {
4824  position: relative;
4825  display: block;
4826  padding: 0.75rem 1.25rem;
4827  margin-bottom: -1px;
4828  background-color: #fff;
4829  border: 1px solid rgba(0, 0, 0, 0.125);
4830}
4831
4832.list-group-item:first-child {
4833  border-top-left-radius: 0.25rem;
4834  border-top-right-radius: 0.25rem;
4835}
4836
4837.list-group-item:last-child {
4838  margin-bottom: 0;
4839  border-bottom-right-radius: 0.25rem;
4840  border-bottom-left-radius: 0.25rem;
4841}
4842
4843.list-group-item:focus, .list-group-item:hover {
4844  text-decoration: none;
4845}
4846
4847.list-group-item.disabled, .list-group-item:disabled {
4848  color: #868e96;
4849  background-color: #fff;
4850}
4851
4852.list-group-item.active {
4853  z-index: 2;
4854  color: #fff;
4855  background-color: #007bff;
4856  border-color: #007bff;
4857}
4858
4859.list-group-flush .list-group-item {
4860  border-right: 0;
4861  border-left: 0;
4862  border-radius: 0;
4863}
4864
4865.list-group-flush:first-child .list-group-item:first-child {
4866  border-top: 0;
4867}
4868
4869.list-group-flush:last-child .list-group-item:last-child {
4870  border-bottom: 0;
4871}
4872
4873.list-group-item-primary {
4874  color: #004085;
4875  background-color: #b8daff;
4876}
4877
4878a.list-group-item-primary,
4879button.list-group-item-primary {
4880  color: #004085;
4881}
4882
4883a.list-group-item-primary:focus, a.list-group-item-primary:hover,
4884button.list-group-item-primary:focus,
4885button.list-group-item-primary:hover {
4886  color: #004085;
4887  background-color: #9fcdff;
4888}
4889
4890a.list-group-item-primary.active,
4891button.list-group-item-primary.active {
4892  color: #fff;
4893  background-color: #004085;
4894  border-color: #004085;
4895}
4896
4897.list-group-item-secondary {
4898  color: #464a4e;
4899  background-color: #dddfe2;
4900}
4901
4902a.list-group-item-secondary,
4903button.list-group-item-secondary {
4904  color: #464a4e;
4905}
4906
4907a.list-group-item-secondary:focus, a.list-group-item-secondary:hover,
4908button.list-group-item-secondary:focus,
4909button.list-group-item-secondary:hover {
4910  color: #464a4e;
4911  background-color: #cfd2d6;
4912}
4913
4914a.list-group-item-secondary.active,
4915button.list-group-item-secondary.active {
4916  color: #fff;
4917  background-color: #464a4e;
4918  border-color: #464a4e;
4919}
4920
4921.list-group-item-success {
4922  color: #155724;
4923  background-color: #c3e6cb;
4924}
4925
4926a.list-group-item-success,
4927button.list-group-item-success {
4928  color: #155724;
4929}
4930
4931a.list-group-item-success:focus, a.list-group-item-success:hover,
4932button.list-group-item-success:focus,
4933button.list-group-item-success:hover {
4934  color: #155724;
4935  background-color: #b1dfbb;
4936}
4937
4938a.list-group-item-success.active,
4939button.list-group-item-success.active {
4940  color: #fff;
4941  background-color: #155724;
4942  border-color: #155724;
4943}
4944
4945.list-group-item-info {
4946  color: #0c5460;
4947  background-color: #bee5eb;
4948}
4949
4950a.list-group-item-info,
4951button.list-group-item-info {
4952  color: #0c5460;
4953}
4954
4955a.list-group-item-info:focus, a.list-group-item-info:hover,
4956button.list-group-item-info:focus,
4957button.list-group-item-info:hover {
4958  color: #0c5460;
4959  background-color: #abdde5;
4960}
4961
4962a.list-group-item-info.active,
4963button.list-group-item-info.active {
4964  color: #fff;
4965  background-color: #0c5460;
4966  border-color: #0c5460;
4967}
4968
4969.list-group-item-warning {
4970  color: #856404;
4971  background-color: #ffeeba;
4972}
4973
4974a.list-group-item-warning,
4975button.list-group-item-warning {
4976  color: #856404;
4977}
4978
4979a.list-group-item-warning:focus, a.list-group-item-warning:hover,
4980button.list-group-item-warning:focus,
4981button.list-group-item-warning:hover {
4982  color: #856404;
4983  background-color: #ffe8a1;
4984}
4985
4986a.list-group-item-warning.active,
4987button.list-group-item-warning.active {
4988  color: #fff;
4989  background-color: #856404;
4990  border-color: #856404;
4991}
4992
4993.list-group-item-danger {
4994  color: #721c24;
4995  background-color: #f5c6cb;
4996}
4997
4998a.list-group-item-danger,
4999button.list-group-item-danger {
5000  color: #721c24;
5001}
5002
5003a.list-group-item-danger:focus, a.list-group-item-danger:hover,
5004button.list-group-item-danger:focus,
5005button.list-group-item-danger:hover {
5006  color: #721c24;
5007  background-color: #f1b0b7;
5008}
5009
5010a.list-group-item-danger.active,
5011button.list-group-item-danger.active {
5012  color: #fff;
5013  background-color: #721c24;
5014  border-color: #721c24;
5015}
5016
5017.list-group-item-light {
5018  color: #818182;
5019  background-color: #fdfdfe;
5020}
5021
5022a.list-group-item-light,
5023button.list-group-item-light {
5024  color: #818182;
5025}
5026
5027a.list-group-item-light:focus, a.list-group-item-light:hover,
5028button.list-group-item-light:focus,
5029button.list-group-item-light:hover {
5030  color: #818182;
5031  background-color: #ececf6;
5032}
5033
5034a.list-group-item-light.active,
5035button.list-group-item-light.active {
5036  color: #fff;
5037  background-color: #818182;
5038  border-color: #818182;
5039}
5040
5041.list-group-item-dark {
5042  color: #1b1e21;
5043  background-color: #c6c8ca;
5044}
5045
5046a.list-group-item-dark,
5047button.list-group-item-dark {
5048  color: #1b1e21;
5049}
5050
5051a.list-group-item-dark:focus, a.list-group-item-dark:hover,
5052button.list-group-item-dark:focus,
5053button.list-group-item-dark:hover {
5054  color: #1b1e21;
5055  background-color: #b9bbbe;
5056}
5057
5058a.list-group-item-dark.active,
5059button.list-group-item-dark.active {
5060  color: #fff;
5061  background-color: #1b1e21;
5062  border-color: #1b1e21;
5063}
5064
5065.close {
5066  float: right;
5067  font-size: 1.5rem;
5068  font-weight: 700;
5069  line-height: 1;
5070  color: #000;
5071  text-shadow: 0 1px 0 #fff;
5072  opacity: .5;
5073}
5074
5075.close:focus, .close:hover {
5076  color: #000;
5077  text-decoration: none;
5078  opacity: .75;
5079}
5080
5081button.close {
5082  padding: 0;
5083  background: transparent;
5084  border: 0;
5085  -webkit-appearance: none;
5086}
5087
5088.modal-open {
5089  overflow: hidden;
5090}
5091
5092.modal {
5093  position: fixed;
5094  top: 0;
5095  right: 0;
5096  bottom: 0;
5097  left: 0;
5098  z-index: 1050;
5099  display: none;
5100  overflow: hidden;
5101  outline: 0;
5102  background-color: black rgba(0, 0, 0, 0.7) !important;
5103}
5104
5105.modal.login {
5106    
5107    top: 100px !important;
5108    
5109}
5110
5111.modal.fade .modal-dialog {
5112  transition: -webkit-transform 0.3s ease-out;
5113  transition: transform 0.3s ease-out;
5114  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
5115  -webkit-transform: translate(0, -25%);
5116          transform: translate(0, -25%);
5117}
5118
5119.modal.show .modal-dialog {
5120  -webkit-transform: translate(0, 0);
5121          transform: translate(0, 0);
5122}
5123
5124.modal-open .modal {
5125  overflow-x: hidden;
5126  overflow-y: auto;
5127  
5128}
5129
5130.modal-dialog {
5131  position: relative;
5132  width: auto;
5133  margin: 10px;
5134  pointer-events: none;
5135}
5136
5137.modal-content {
5138  position: relative;
5139  display: -ms-flexbox;
5140  display: flex;
5141  -ms-flex-direction: column;
5142      flex-direction: column;
5143  pointer-events: auto;
5144  background-color: #fff;
5145  background-clip: padding-box;
5146  border: 1px solid rgba(0, 0, 0, 0.2);
5147  border-radius: 0.3rem;
5148  outline: 0;
5149}
5150
5151.modal-backdrop {
5152  position: fixed;
5153  top: 0;
5154  right: 0;
5155  bottom: 0;
5156  left: 0;
5157  z-index: 1040;
5158  background-color: #000;
5159}
5160
5161.modal-backdrop.fade {
5162  opacity: 0;
5163}
5164
5165.modal-backdrop.show {
5166  opacity: 0.5;
5167}
5168
5169.modal-header {
5170  display: -ms-flexbox;
5171  display: flex;
5172  -ms-flex-align: start;
5173      align-items: flex-start;
5174  -ms-flex-pack: justify;
5175      justify-content: space-between;
5176  padding: 15px;
5177  border-bottom: 1px solid #e9ecef;
5178  border-top-left-radius: 0.3rem;
5179  border-top-right-radius: 0.3rem;
5180}
5181
5182.modal-header .close {
5183  padding: 15px;
5184  margin: -15px -15px -15px auto;
5185}
5186
5187.modal-title {
5188  margin-bottom: 0;
5189  line-height: 1.5;
5190}
5191
5192.modal-body {
5193  position: relative;
5194  -ms-flex: 1 1 auto;
5195      flex: 1 1 auto;
5196  padding: 15px;
5197}
5198
5199.modal-footer {
5200  display: -ms-flexbox;
5201  display: flex;
5202  -ms-flex-align: center;
5203      align-items: center;
5204  -ms-flex-pack: end;
5205      justify-content: flex-end;
5206  padding: 15px;
5207  border-top: 1px solid #e9ecef;
5208}
5209
5210.modal-footer > :not(:first-child) {
5211  margin-left: .25rem;
5212}
5213
5214.modal-footer > :not(:last-child) {
5215  margin-right: .25rem;
5216}
5217
5218.modal-scrollbar-measure {
5219  position: absolute;
5220  top: -9999px;
5221  width: 50px;
5222  height: 50px;
5223  overflow: scroll;
5224}
5225
5226@media (min-width: 576px) {
5227  .modal-dialog {
5228    max-width: 500px;
5229    margin: 30px auto;
5230  }
5231  .modal-sm {
5232    max-width: 300px;
5233  }
5234}
5235
5236@media (min-width: 992px) {
5237  .modal-lg {
5238    max-width: 800px;
5239  }
5240}
5241
5242.tooltip {
5243  position: absolute;
5244  z-index: 1070;
5245  display: block;
5246  margin: 0;
5247  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
5248  font-style: normal;
5249  font-weight: 400;
5250  line-height: 1.5;
5251  text-align: left;
5252  text-align: start;
5253  text-decoration: none;
5254  text-shadow: none;
5255  text-transform: none;
5256  letter-spacing: normal;
5257  word-break: normal;
5258  word-spacing: normal;
5259  white-space: normal;
5260  line-break: auto;
5261  font-size: 0.875rem;
5262  word-wrap: break-word;
5263  opacity: 0;
5264}
5265
5266.tooltip.show {
5267  opacity: 0.9;
5268}
5269
5270.tooltip .arrow {
5271  position: absolute;
5272  display: block;
5273  width: 5px;
5274  height: 5px;
5275}
5276
5277.tooltip .arrow::before {
5278  position: absolute;
5279  border-color: transparent;
5280  border-style: solid;
5281}
5282
5283.tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] {
5284  padding: 5px 0;
5285}
5286
5287.tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
5288  bottom: 0;
5289}
5290
5291.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
5292  margin-left: -3px;
5293  content: "";
5294  border-width: 5px 5px 0;
5295  border-top-color: #000;
5296}
5297
5298.tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] {
5299  padding: 0 5px;
5300}
5301
5302.tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
5303  left: 0;
5304}
5305
5306.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
5307  margin-top: -3px;
5308  content: "";
5309  border-width: 5px 5px 5px 0;
5310  border-right-color: #000;
5311}
5312
5313.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
5314  padding: 5px 0;
5315}
5316
5317.tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
5318  top: 0;
5319}
5320
5321.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
5322  margin-left: -3px;
5323  content: "";
5324  border-width: 0 5px 5px;
5325  border-bottom-color: #000;
5326}
5327
5328.tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] {
5329  padding: 0 5px;
5330}
5331
5332.tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
5333  right: 0;
5334}
5335
5336.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
5337  right: 0;
5338  margin-top: -3px;
5339  content: "";
5340  border-width: 5px 0 5px 5px;
5341  border-left-color: #000;
5342}
5343
5344.tooltip-inner {
5345  max-width: 200px;
5346  padding: 3px 8px;
5347  color: #fff;
5348  text-align: center;
5349  background-color: #000;
5350  border-radius: 0.25rem;
5351}
5352
5353.popover {
5354  position: absolute;
5355  top: 0;
5356  left: 0;
5357  z-index: 1060;
5358  display: block;
5359  max-width: 276px;
5360  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
5361  font-style: normal;
5362  font-weight: 400;
5363  line-height: 1.5;
5364  text-align: left;
5365  text-align: start;
5366  text-decoration: none;
5367  text-shadow: none;
5368  text-transform: none;
5369  letter-spacing: normal;
5370  word-break: normal;
5371  word-spacing: normal;
5372  white-space: normal;
5373  line-break: auto;
5374  font-size: 0.875rem;
5375  word-wrap: break-word;
5376  background-color: #fff;
5377  background-clip: padding-box;
5378  border: 1px solid rgba(0, 0, 0, 0.2);
5379  border-radius: 0.3rem;
5380}
5381
5382.popover .arrow {
5383  position: absolute;
5384  display: block;
5385  width: 0.8rem;
5386  height: 0.4rem;
5387}
5388
5389.popover .arrow::before,
5390.popover .arrow::after {
5391  position: absolute;
5392  display: block;
5393  border-color: transparent;
5394  border-style: solid;
5395}
5396
5397.popover .arrow::before {
5398  content: "";
5399  border-width: 0.8rem;
5400}
5401
5402.popover .arrow::after {
5403  content: "";
5404  border-width: 0.8rem;
5405}
5406
5407.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
5408  margin-bottom: 0.8rem;
5409}
5410
5411.popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow {
5412  bottom: 0;
5413}
5414
5415.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
5416.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
5417  border-bottom-width: 0;
5418}
5419
5420.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
5421  bottom: -0.8rem;
5422  margin-left: -0.8rem;
5423  border-top-color: rgba(0, 0, 0, 0.25);
5424}
5425
5426.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
5427  bottom: calc((0.8rem - 1px) * -1);
5428  margin-left: -0.8rem;
5429  border-top-color: #fff;
5430}
5431
5432.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
5433  margin-left: 0.8rem;
5434}
5435
5436.popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
5437  left: 0;
5438}
5439
5440.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
5441.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
5442  margin-top: -0.8rem;
5443  border-left-width: 0;
5444}
5445
5446.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
5447  left: -0.8rem;
5448  border-right-color: rgba(0, 0, 0, 0.25);
5449}
5450
5451.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
5452  left: calc((0.8rem - 1px) * -1);
5453  border-right-color: #fff;
5454}
5455
5456.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
5457  margin-top: 0.8rem;
5458}
5459
5460.popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow {
5461  top: 0;
5462}
5463
5464.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
5465.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
5466  margin-left: -0.8rem;
5467  border-top-width: 0;
5468}
5469
5470.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
5471  top: -0.8rem;
5472  border-bottom-color: rgba(0, 0, 0, 0.25);
5473}
5474
5475.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
5476  top: calc((0.8rem - 1px) * -1);
5477  border-bottom-color: #fff;
5478}
5479
5480.popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
5481  position: absolute;
5482  top: 0;
5483  left: 50%;
5484  display: block;
5485  width: 20px;
5486  margin-left: -10px;
5487  content: "";
5488  border-bottom: 1px solid #f7f7f7;
5489}
5490
5491.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
5492  margin-right: 0.8rem;
5493}
5494
5495.popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
5496  right: 0;
5497}
5498
5499.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
5500.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
5501  margin-top: -0.8rem;
5502  border-right-width: 0;
5503}
5504
5505.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
5506  right: -0.8rem;
5507  border-left-color: rgba(0, 0, 0, 0.25);
5508}
5509
5510.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
5511  right: calc((0.8rem - 1px) * -1);
5512  border-left-color: #fff;
5513}
5514
5515.popover-header {
5516  padding: 0.5rem 0.75rem;
5517  margin-bottom: 0;
5518  font-size: 1rem;
5519  color: inherit;
5520  background-color: #f7f7f7;
5521  border-bottom: 1px solid #ebebeb;
5522  border-top-left-radius: calc(0.3rem - 1px);
5523  border-top-right-radius: calc(0.3rem - 1px);
5524}
5525
5526.popover-header:empty {
5527  display: none;
5528}
5529
5530.popover-body {
5531  padding: 0.5rem 0.75rem;
5532  color: #212529;
5533}
5534
5535.carousel {
5536  position: relative;
5537}
5538
5539.carousel-inner {
5540  position: relative;
5541  width: 100%;
5542  overflow: hidden;
5543}
5544
5545.carousel-item {
5546  position: relative;
5547  display: none;
5548  -ms-flex-align: center;
5549      align-items: center;
5550  width: 100%;
5551  transition: -webkit-transform 0.6s ease;
5552  transition: transform 0.6s ease;
5553  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
5554  -webkit-backface-visibility: hidden;
5555          backface-visibility: hidden;
5556  -webkit-perspective: 1000px;
5557          perspective: 1000px;
5558}
5559
5560.carousel-item.active,
5561.carousel-item-next,
5562.carousel-item-prev {
5563  display: block;
5564}
5565
5566.carousel-item-next,
5567.carousel-item-prev {
5568  position: absolute;
5569  top: 0;
5570}
5571
5572.carousel-item-next.carousel-item-left,
5573.carousel-item-prev.carousel-item-right {
5574  -webkit-transform: translateX(0);
5575          transform: translateX(0);
5576}
5577
5578@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
5579  .carousel-item-next.carousel-item-left,
5580  .carousel-item-prev.carousel-item-right {
5581    -webkit-transform: translate3d(0, 0, 0);
5582            transform: translate3d(0, 0, 0);
5583  }
5584}
5585
5586.carousel-item-next,
5587.active.carousel-item-right {
5588  -webkit-transform: translateX(100%);
5589          transform: translateX(100%);
5590}
5591
5592@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
5593  .carousel-item-next,
5594  .active.carousel-item-right {
5595    -webkit-transform: translate3d(100%, 0, 0);
5596            transform: translate3d(100%, 0, 0);
5597  }
5598}
5599
5600.carousel-item-prev,
5601.active.carousel-item-left {
5602  -webkit-transform: translateX(-100%);
5603          transform: translateX(-100%);
5604}
5605
5606@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
5607  .carousel-item-prev,
5608  .active.carousel-item-left {
5609    -webkit-transform: translate3d(-100%, 0, 0);
5610            transform: translate3d(-100%, 0, 0);
5611  }
5612}
5613
5614.carousel-control-prev,
5615.carousel-control-next {
5616  position: absolute;
5617  top: 0;
5618  bottom: 0;
5619  display: -ms-flexbox;
5620  display: flex;
5621  -ms-flex-align: center;
5622      align-items: center;
5623  -ms-flex-pack: center;
5624      justify-content: center;
5625  width: 15%;
5626  color: #fff;
5627  text-align: center;
5628  opacity: 0.5;
5629}
5630
5631.carousel-control-prev:focus, .carousel-control-prev:hover,
5632.carousel-control-next:focus,
5633.carousel-control-next:hover {
5634  color: #fff;
5635  text-decoration: none;
5636  outline: 0;
5637  opacity: .9;
5638}
5639
5640.carousel-control-prev {
5641  left: 0;
5642}
5643
5644.carousel-control-next {
5645  right: 0;
5646}
5647
5648.carousel-control-prev-icon,
5649.carousel-control-next-icon {
5650  display: inline-block;
5651  width: 20px;
5652  height: 20px;
5653  background: transparent no-repeat center center;
5654  background-size: 100% 100%;
5655}
5656
5657.carousel-control-prev-icon {
5658  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
5659}
5660
5661.carousel-control-next-icon {
5662  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
5663}
5664
5665.carousel-indicators {
5666  position: absolute;
5667  right: 0;
5668  bottom: 10px;
5669  left: 0;
5670  z-index: 15;
5671  display: -ms-flexbox;
5672  display: flex;
5673  -ms-flex-pack: center;
5674      justify-content: center;
5675  padding-left: 0;
5676  margin-right: 15%;
5677  margin-left: 15%;
5678  list-style: none;
5679}
5680
5681.carousel-indicators li {
5682  position: relative;
5683  -ms-flex: 0 1 auto;
5684      flex: 0 1 auto;
5685  width: 30px;
5686  height: 3px;
5687  margin-right: 3px;
5688  margin-left: 3px;
5689  text-indent: -999px;
5690  background-color: rgba(255, 255, 255, 0.5);
5691}
5692
5693.carousel-indicators li::before {
5694  position: absolute;
5695  top: -10px;
5696  left: 0;
5697  display: inline-block;
5698  width: 100%;
5699  height: 10px;
5700  content: "";
5701}
5702
5703.carousel-indicators li::after {
5704  position: absolute;
5705  bottom: -10px;
5706  left: 0;
5707  display: inline-block;
5708  width: 100%;
5709  height: 10px;
5710  content: "";
5711}
5712
5713.carousel-indicators .active {
5714  background-color: #fff;
5715}
5716
5717.carousel-caption {
5718  position: absolute;
5719  right: 15%;
5720  bottom: 20px;
5721  left: 15%;
5722  z-index: 10;
5723  padding-top: 20px;
5724  padding-bottom: 20px;
5725  color: #fff;
5726  text-align: center;
5727}
5728
5729.align-baseline {
5730  vertical-align: baseline !important;
5731}
5732
5733.align-top {
5734  vertical-align: top !important;
5735}
5736
5737.align-middle {
5738  vertical-align: middle !important;
5739}
5740
5741.align-bottom {
5742  vertical-align: bottom !important;
5743}
5744
5745.align-text-bottom {
5746  vertical-align: text-bottom !important;
5747}
5748
5749.align-text-top {
5750  vertical-align: text-top !important;
5751}
5752
5753.bg-primary {
5754  background-color: #007bff !important;
5755}
5756
5757a.bg-primary:focus, a.bg-primary:hover {
5758  background-color: #0062cc !important;
5759}
5760
5761.bg-secondary {
5762  background-color: #868e96 !important;
5763}
5764
5765a.bg-secondary:focus, a.bg-secondary:hover {
5766  background-color: #6c757d !important;
5767}
5768
5769.bg-success {
5770  background-color: #28a745 !important;
5771}
5772
5773a.bg-success:focus, a.bg-success:hover {
5774  background-color: #1e7e34 !important;
5775}
5776
5777.bg-info {
5778  background-color: #17a2b8 !important;
5779}
5780
5781a.bg-info:focus, a.bg-info:hover {
5782  background-color: #117a8b !important;
5783}
5784
5785.bg-warning {
5786  background-color: #ffc107 !important;
5787}
5788
5789a.bg-warning:focus, a.bg-warning:hover {
5790  background-color: #d39e00 !important;
5791}
5792
5793.bg-danger {
5794  background-color: #dc3545 !important;
5795}
5796
5797a.bg-danger:focus, a.bg-danger:hover {
5798  background-color: #bd2130 !important;
5799}
5800
5801.bg-light {
5802  background-color: #f8f9fa !important;
5803}
5804
5805a.bg-light:focus, a.bg-light:hover {
5806  background-color: #dae0e5 !important;
5807}
5808
5809.bg-dark {
5810  background-color: #343a40 !important;
5811}
5812
5813a.bg-dark:focus, a.bg-dark:hover {
5814  background-color: #1d2124 !important;
5815}
5816
5817.bg-white {
5818  background-color: #fff !important;
5819}
5820
5821.bg-transparent {
5822  background-color: transparent !important;
5823}
5824
5825.border {
5826  border: 1px solid #e9ecef !important;
5827}
5828
5829.border-0 {
5830  border: 0 !important;
5831}
5832
5833.border-top-0 {
5834  border-top: 0 !important;
5835}
5836
5837.border-right-0 {
5838  border-right: 0 !important;
5839}
5840
5841.border-bottom-0 {
5842  border-bottom: 0 !important;
5843}
5844
5845.border-left-0 {
5846  border-left: 0 !important;
5847}
5848
5849.border-primary {
5850  border-color: #007bff !important;
5851}
5852
5853.border-secondary {
5854  border-color: #868e96 !important;
5855}
5856
5857.border-success {
5858  border-color: #28a745 !important;
5859}
5860
5861.border-info {
5862  border-color: #17a2b8 !important;
5863}
5864
5865.border-warning {
5866  border-color: #ffc107 !important;
5867}
5868
5869.border-danger {
5870  border-color: #dc3545 !important;
5871}
5872
5873.border-light {
5874  border-color: #f8f9fa !important;
5875}
5876
5877.border-dark {
5878  border-color: #343a40 !important;
5879}
5880
5881.border-white {
5882  border-color: #fff !important;
5883}
5884
5885.rounded {
5886  border-radius: 0.25rem !important;
5887}
5888
5889.rounded-top {
5890  border-top-left-radius: 0.25rem !important;
5891  border-top-right-radius: 0.25rem !important;
5892}
5893
5894.rounded-right {
5895  border-top-right-radius: 0.25rem !important;
5896  border-bottom-right-radius: 0.25rem !important;
5897}
5898
5899.rounded-bottom {
5900  border-bottom-right-radius: 0.25rem !important;
5901  border-bottom-left-radius: 0.25rem !important;
5902}
5903
5904.rounded-left {
5905  border-top-left-radius: 0.25rem !important;
5906  border-bottom-left-radius: 0.25rem !important;
5907}
5908
5909.rounded-circle {
5910  border-radius: 50% !important;
5911}
5912
5913.rounded-0 {
5914  border-radius: 0 !important;
5915}
5916
5917.clearfix::after {
5918  display: block;
5919  clear: both;
5920  content: "";
5921}
5922
5923.d-none {
5924  display: none !important;
5925}
5926
5927.d-inline {
5928  display: inline !important;
5929}
5930
5931.d-inline-block {
5932  display: inline-block !important;
5933}
5934
5935.d-block {
5936  display: block !important;
5937}
5938
5939.d-table {
5940  display: table !important;
5941}
5942
5943.d-table-row {
5944  display: table-row !important;
5945}
5946
5947.d-table-cell {
5948  display: table-cell !important;
5949}
5950
5951.d-flex {
5952  display: -ms-flexbox !important;
5953  display: flex !important;
5954}
5955
5956.d-inline-flex {
5957  display: -ms-inline-flexbox !important;
5958  display: inline-flex !important;
5959}
5960
5961@media (min-width: 576px) {
5962  .d-sm-none {
5963    display: none !important;
5964  }
5965  .d-sm-inline {
5966    display: inline !important;
5967  }
5968  .d-sm-inline-block {
5969    display: inline-block !important;
5970  }
5971  .d-sm-block {
5972    display: block !important;
5973  }
5974  .d-sm-table {
5975    display: table !important;
5976  }
5977  .d-sm-table-row {
5978    display: table-row !important;
5979  }
5980  .d-sm-table-cell {
5981    display: table-cell !important;
5982  }
5983  .d-sm-flex {
5984    display: -ms-flexbox !important;
5985    display: flex !important;
5986  }
5987  .d-sm-inline-flex {
5988    display: -ms-inline-flexbox !important;
5989    display: inline-flex !important;
5990  }
5991}
5992
5993@media (min-width: 768px) {
5994  .d-md-none {
5995    display: none !important;
5996  }
5997  .d-md-inline {
5998    display: inline !important;
5999  }
6000  .d-md-inline-block {
6001    display: inline-block !important;
6002  }
6003  .d-md-block {
6004    display: block !important;
6005  }
6006  .d-md-table {
6007    display: table !important;
6008  }
6009  .d-md-table-row {
6010    display: table-row !important;
6011  }
6012  .d-md-table-cell {
6013    display: table-cell !important;
6014  }
6015  .d-md-flex {
6016    display: -ms-flexbox !important;
6017    display: flex !important;
6018  }
6019  .d-md-inline-flex {
6020    display: -ms-inline-flexbox !important;
6021    display: inline-flex !important;
6022  }
6023}
6024
6025@media (min-width: 992px) {
6026  .d-lg-none {
6027    display: none !important;
6028  }
6029  .d-lg-inline {
6030    display: inline !important;
6031  }
6032  .d-lg-inline-block {
6033    display: inline-block !important;
6034  }
6035  .d-lg-block {
6036    display: block !important;
6037  }
6038  .d-lg-table {
6039    display: table !important;
6040  }
6041  .d-lg-table-row {
6042    display: table-row !important;
6043  }
6044  .d-lg-table-cell {
6045    display: table-cell !important;
6046  }
6047  .d-lg-flex {
6048    display: -ms-flexbox !important;
6049    display: flex !important;
6050  }
6051  .d-lg-inline-flex {
6052    display: -ms-inline-flexbox !important;
6053    display: inline-flex !important;
6054  }
6055}
6056
6057@media (min-width: 1200px) {
6058  .d-xl-none {
6059    display: none !important;
6060  }
6061  .d-xl-inline {
6062    display: inline !important;
6063  }
6064  .d-xl-inline-block {
6065    display: inline-block !important;
6066  }
6067  .d-xl-block {
6068    display: block !important;
6069  }
6070  .d-xl-table {
6071    display: table !important;
6072  }
6073  .d-xl-table-row {
6074    display: table-row !important;
6075  }
6076  .d-xl-table-cell {
6077    display: table-cell !important;
6078  }
6079  .d-xl-flex {
6080    display: -ms-flexbox !important;
6081    display: flex !important;
6082  }
6083  .d-xl-inline-flex {
6084    display: -ms-inline-flexbox !important;
6085    display: inline-flex !important;
6086  }
6087}
6088
6089.d-print-block {
6090  display: none !important;
6091}
6092
6093@media print {
6094  .d-print-block {
6095    display: block !important;
6096  }
6097}
6098
6099.d-print-inline {
6100  display: none !important;
6101}
6102
6103@media print {
6104  .d-print-inline {
6105    display: inline !important;
6106  }
6107}
6108
6109.d-print-inline-block {
6110  display: none !important;
6111}
6112
6113@media print {
6114  .d-print-inline-block {
6115    display: inline-block !important;
6116  }
6117}
6118
6119@media print {
6120  .d-print-none {
6121    display: none !important;
6122  }
6123}
6124
6125.embed-responsive {
6126  position: relative;
6127  display: block;
6128  width: 100%;
6129  padding: 0;
6130  overflow: hidden;
6131}
6132
6133.embed-responsive::before {
6134  display: block;
6135  content: "";
6136}
6137
6138.embed-responsive .embed-responsive-item,
6139.embed-responsive iframe,
6140.embed-responsive embed,
6141.embed-responsive object,
6142.embed-responsive video {
6143  position: absolute;
6144  top: 0;
6145  bottom: 0;
6146  left: 0;
6147  width: 100%;
6148  height: 100%;
6149  border: 0;
6150}
6151
6152.embed-responsive-21by9::before {
6153  padding-top: 42.857143%;
6154}
6155
6156.embed-responsive-16by9::before {
6157  padding-top: 56.25%;
6158}
6159
6160.embed-responsive-4by3::before {
6161  padding-top: 75%;
6162}
6163
6164.embed-responsive-1by1::before {
6165  padding-top: 100%;
6166}
6167
6168.flex-row {
6169  -ms-flex-direction: row !important;
6170      flex-direction: row !important;
6171}
6172
6173.flex-column {
6174  -ms-flex-direction: column !important;
6175      flex-direction: column !important;
6176}
6177
6178.flex-row-reverse {
6179  -ms-flex-direction: row-reverse !important;
6180      flex-direction: row-reverse !important;
6181}
6182
6183.flex-column-reverse {
6184  -ms-flex-direction: column-reverse !important;
6185      flex-direction: column-reverse !important;
6186}
6187
6188.flex-wrap {
6189  -ms-flex-wrap: wrap !important;
6190      flex-wrap: wrap !important;
6191}
6192
6193.flex-nowrap {
6194  -ms-flex-wrap: nowrap !important;
6195      flex-wrap: nowrap !important;
6196}
6197
6198.flex-wrap-reverse {
6199  -ms-flex-wrap: wrap-reverse !important;
6200      flex-wrap: wrap-reverse !important;
6201}
6202
6203.justify-content-start {
6204  -ms-flex-pack: start !important;
6205      justify-content: flex-start !important;
6206}
6207
6208.justify-content-end {
6209  -ms-flex-pack: end !important;
6210      justify-content: flex-end !important;
6211}
6212
6213.justify-content-center {
6214  -ms-flex-pack: center !important;
6215      justify-content: center !important;
6216}
6217
6218.justify-content-between {
6219  -ms-flex-pack: justify !important;
6220      justify-content: space-between !important;
6221}
6222
6223.justify-content-around {
6224  -ms-flex-pack: distribute !important;
6225      justify-content: space-around !important;
6226}
6227
6228.align-items-start {
6229  -ms-flex-align: start !important;
6230      align-items: flex-start !important;
6231}
6232
6233.align-items-end {
6234  -ms-flex-align: end !important;
6235      align-items: flex-end !important;
6236}
6237
6238.align-items-center {
6239  -ms-flex-align: center !important;
6240      align-items: center !important;
6241}
6242
6243.align-items-baseline {
6244  -ms-flex-align: baseline !important;
6245      align-items: baseline !important;
6246}
6247
6248.align-items-stretch {
6249  -ms-flex-align: stretch !important;
6250      align-items: stretch !important;
6251}
6252
6253.align-content-start {
6254  -ms-flex-line-pack: start !important;
6255      align-content: flex-start !important;
6256}
6257
6258.align-content-end {
6259  -ms-flex-line-pack: end !important;
6260      align-content: flex-end !important;
6261}
6262
6263.align-content-center {
6264  -ms-flex-line-pack: center !important;
6265      align-content: center !important;
6266}
6267
6268.align-content-between {
6269  -ms-flex-line-pack: justify !important;
6270      align-content: space-between !important;
6271}
6272
6273.align-content-around {
6274  -ms-flex-line-pack: distribute !important;
6275      align-content: space-around !important;
6276}
6277
6278.align-content-stretch {
6279  -ms-flex-line-pack: stretch !important;
6280      align-content: stretch !important;
6281}
6282
6283.align-self-auto {
6284  -ms-flex-item-align: auto !important;
6285      align-self: auto !important;
6286}
6287
6288.align-self-start {
6289  -ms-flex-item-align: start !important;
6290      align-self: flex-start !important;
6291}
6292
6293.align-self-end {
6294  -ms-flex-item-align: end !important;
6295      align-self: flex-end !important;
6296}
6297
6298.align-self-center {
6299  -ms-flex-item-align: center !important;
6300      align-self: center !important;
6301}
6302
6303.align-self-baseline {
6304  -ms-flex-item-align: baseline !important;
6305      align-self: baseline !important;
6306}
6307
6308.align-self-stretch {
6309  -ms-flex-item-align: stretch !important;
6310      align-self: stretch !important;
6311}
6312
6313@media (min-width: 576px) {
6314  .flex-sm-row {
6315    -ms-flex-direction: row !important;
6316        flex-direction: row !important;
6317  }
6318  .flex-sm-column {
6319    -ms-flex-direction: column !important;
6320        flex-direction: column !important;
6321  }
6322  .flex-sm-row-reverse {
6323    -ms-flex-direction: row-reverse !important;
6324        flex-direction: row-reverse !important;
6325  }
6326  .flex-sm-column-reverse {
6327    -ms-flex-direction: column-reverse !important;
6328        flex-direction: column-reverse !important;
6329  }
6330  .flex-sm-wrap {
6331    -ms-flex-wrap: wrap !important;
6332        flex-wrap: wrap !important;
6333  }
6334  .flex-sm-nowrap {
6335    -ms-flex-wrap: nowrap !important;
6336        flex-wrap: nowrap !important;
6337  }
6338  .flex-sm-wrap-reverse {
6339    -ms-flex-wrap: wrap-reverse !important;
6340        flex-wrap: wrap-reverse !important;
6341  }
6342  .justify-content-sm-start {
6343    -ms-flex-pack: start !important;
6344        justify-content: flex-start !important;
6345  }
6346  .justify-content-sm-end {
6347    -ms-flex-pack: end !important;
6348        justify-content: flex-end !important;
6349  }
6350  .justify-content-sm-center {
6351    -ms-flex-pack: center !important;
6352        justify-content: center !important;
6353  }
6354  .justify-content-sm-between {
6355    -ms-flex-pack: justify !important;
6356        justify-content: space-between !important;
6357  }
6358  .justify-content-sm-around {
6359    -ms-flex-pack: distribute !important;
6360        justify-content: space-around !important;
6361  }
6362  .align-items-sm-start {
6363    -ms-flex-align: start !important;
6364        align-items: flex-start !important;
6365  }
6366  .align-items-sm-end {
6367    -ms-flex-align: end !important;
6368        align-items: flex-end !important;
6369  }
6370  .align-items-sm-center {
6371    -ms-flex-align: center !important;
6372        align-items: center !important;
6373  }
6374  .align-items-sm-baseline {
6375    -ms-flex-align: baseline !important;
6376        align-items: baseline !important;
6377  }
6378  .align-items-sm-stretch {
6379    -ms-flex-align: stretch !important;
6380        align-items: stretch !important;
6381  }
6382  .align-content-sm-start {
6383    -ms-flex-line-pack: start !important;
6384        align-content: flex-start !important;
6385  }
6386  .align-content-sm-end {
6387    -ms-flex-line-pack: end !important;
6388        align-content: flex-end !important;
6389  }
6390  .align-content-sm-center {
6391    -ms-flex-line-pack: center !important;
6392        align-content: center !important;
6393  }
6394  .align-content-sm-between {
6395    -ms-flex-line-pack: justify !important;
6396        align-content: space-between !important;
6397  }
6398  .align-content-sm-around {
6399    -ms-flex-line-pack: distribute !important;
6400        align-content: space-around !important;
6401  }
6402  .align-content-sm-stretch {
6403    -ms-flex-line-pack: stretch !important;
6404        align-content: stretch !important;
6405  }
6406  .align-self-sm-auto {
6407    -ms-flex-item-align: auto !important;
6408        align-self: auto !important;
6409  }
6410  .align-self-sm-start {
6411    -ms-flex-item-align: start !important;
6412        align-self: flex-start !important;
6413  }
6414  .align-self-sm-end {
6415    -ms-flex-item-align: end !important;
6416        align-self: flex-end !important;
6417  }
6418  .align-self-sm-center {
6419    -ms-flex-item-align: center !important;
6420        align-self: center !important;
6421  }
6422  .align-self-sm-baseline {
6423    -ms-flex-item-align: baseline !important;
6424        align-self: baseline !important;
6425  }
6426  .align-self-sm-stretch {
6427    -ms-flex-item-align: stretch !important;
6428        align-self: stretch !important;
6429  }
6430}
6431
6432@media (min-width: 768px) {
6433  .flex-md-row {
6434    -ms-flex-direction: row !important;
6435        flex-direction: row !important;
6436  }
6437  .flex-md-column {
6438    -ms-flex-direction: column !important;
6439        flex-direction: column !important;
6440  }
6441  .flex-md-row-reverse {
6442    -ms-flex-direction: row-reverse !important;
6443        flex-direction: row-reverse !important;
6444  }
6445  .flex-md-column-reverse {
6446    -ms-flex-direction: column-reverse !important;
6447        flex-direction: column-reverse !important;
6448  }
6449  .flex-md-wrap {
6450    -ms-flex-wrap: wrap !important;
6451        flex-wrap: wrap !important;
6452  }
6453  .flex-md-nowrap {
6454    -ms-flex-wrap: nowrap !important;
6455        flex-wrap: nowrap !important;
6456  }
6457  .flex-md-wrap-reverse {
6458    -ms-flex-wrap: wrap-reverse !important;
6459        flex-wrap: wrap-reverse !important;
6460  }
6461  .justify-content-md-start {
6462    -ms-flex-pack: start !important;
6463        justify-content: flex-start !important;
6464  }
6465  .justify-content-md-end {
6466    -ms-flex-pack: end !important;
6467        justify-content: flex-end !important;
6468  }
6469  .justify-content-md-center {
6470    -ms-flex-pack: center !important;
6471        justify-content: center !important;
6472  }
6473  .justify-content-md-between {
6474    -ms-flex-pack: justify !important;
6475        justify-content: space-between !important;
6476  }
6477  .justify-content-md-around {
6478    -ms-flex-pack: distribute !important;
6479        justify-content: space-around !important;
6480  }
6481  .align-items-md-start {
6482    -ms-flex-align: start !important;
6483        align-items: flex-start !important;
6484  }
6485  .align-items-md-end {
6486    -ms-flex-align: end !important;
6487        align-items: flex-end !important;
6488  }
6489  .align-items-md-center {
6490    -ms-flex-align: center !important;
6491        align-items: center !important;
6492  }
6493  .align-items-md-baseline {
6494    -ms-flex-align: baseline !important;
6495        align-items: baseline !important;
6496  }
6497  .align-items-md-stretch {
6498    -ms-flex-align: stretch !important;
6499        align-items: stretch !important;
6500  }
6501  .align-content-md-start {
6502    -ms-flex-line-pack: start !important;
6503        align-content: flex-start !important;
6504  }
6505  .align-content-md-end {
6506    -ms-flex-line-pack: end !important;
6507        align-content: flex-end !important;
6508  }
6509  .align-content-md-center {
6510    -ms-flex-line-pack: center !important;
6511        align-content: center !important;
6512  }
6513  .align-content-md-between {
6514    -ms-flex-line-pack: justify !important;
6515        align-content: space-between !important;
6516  }
6517  .align-content-md-around {
6518    -ms-flex-line-pack: distribute !important;
6519        align-content: space-around !important;
6520  }
6521  .align-content-md-stretch {
6522    -ms-flex-line-pack: stretch !important;
6523        align-content: stretch !important;
6524  }
6525  .align-self-md-auto {
6526    -ms-flex-item-align: auto !important;
6527        align-self: auto !important;
6528  }
6529  .align-self-md-start {
6530    -ms-flex-item-align: start !important;
6531        align-self: flex-start !important;
6532  }
6533  .align-self-md-end {
6534    -ms-flex-item-align: end !important;
6535        align-self: flex-end !important;
6536  }
6537  .align-self-md-center {
6538    -ms-flex-item-align: center !important;
6539        align-self: center !important;
6540  }
6541  .align-self-md-baseline {
6542    -ms-flex-item-align: baseline !important;
6543        align-self: baseline !important;
6544  }
6545  .align-self-md-stretch {
6546    -ms-flex-item-align: stretch !important;
6547        align-self: stretch !important;
6548  }
6549}
6550
6551@media (min-width: 992px) {
6552  .flex-lg-row {
6553    -ms-flex-direction: row !important;
6554        flex-direction: row !important;
6555  }
6556  .flex-lg-column {
6557    -ms-flex-direction: column !important;
6558        flex-direction: column !important;
6559  }
6560  .flex-lg-row-reverse {
6561    -ms-flex-direction: row-reverse !important;
6562        flex-direction: row-reverse !important;
6563  }
6564  .flex-lg-column-reverse {
6565    -ms-flex-direction: column-reverse !important;
6566        flex-direction: column-reverse !important;
6567  }
6568  .flex-lg-wrap {
6569    -ms-flex-wrap: wrap !important;
6570        flex-wrap: wrap !important;
6571  }
6572  .flex-lg-nowrap {
6573    -ms-flex-wrap: nowrap !important;
6574        flex-wrap: nowrap !important;
6575  }
6576  .flex-lg-wrap-reverse {
6577    -ms-flex-wrap: wrap-reverse !important;
6578        flex-wrap: wrap-reverse !important;
6579  }
6580  .justify-content-lg-start {
6581    -ms-flex-pack: start !important;
6582        justify-content: flex-start !important;
6583  }
6584  .justify-content-lg-end {
6585    -ms-flex-pack: end !important;
6586        justify-content: flex-end !important;
6587  }
6588  .justify-content-lg-center {
6589    -ms-flex-pack: center !important;
6590        justify-content: center !important;
6591  }
6592  .justify-content-lg-between {
6593    -ms-flex-pack: justify !important;
6594        justify-content: space-between !important;
6595  }
6596  .justify-content-lg-around {
6597    -ms-flex-pack: distribute !important;
6598        justify-content: space-around !important;
6599  }
6600  .align-items-lg-start {
6601    -ms-flex-align: start !important;
6602        align-items: flex-start !important;
6603  }
6604  .align-items-lg-end {
6605    -ms-flex-align: end !important;
6606        align-items: flex-end !important;
6607  }
6608  .align-items-lg-center {
6609    -ms-flex-align: center !important;
6610        align-items: center !important;
6611  }
6612  .align-items-lg-baseline {
6613    -ms-flex-align: baseline !important;
6614        align-items: baseline !important;
6615  }
6616  .align-items-lg-stretch {
6617    -ms-flex-align: stretch !important;
6618        align-items: stretch !important;
6619  }
6620  .align-content-lg-start {
6621    -ms-flex-line-pack: start !important;
6622        align-content: flex-start !important;
6623  }
6624  .align-content-lg-end {
6625    -ms-flex-line-pack: end !important;
6626        align-content: flex-end !important;
6627  }
6628  .align-content-lg-center {
6629    -ms-flex-line-pack: center !important;
6630        align-content: center !important;
6631  }
6632  .align-content-lg-between {
6633    -ms-flex-line-pack: justify !important;
6634        align-content: space-between !important;
6635  }
6636  .align-content-lg-around {
6637    -ms-flex-line-pack: distribute !important;
6638        align-content: space-around !important;
6639  }
6640  .align-content-lg-stretch {
6641    -ms-flex-line-pack: stretch !important;
6642        align-content: stretch !important;
6643  }
6644  .align-self-lg-auto {
6645    -ms-flex-item-align: auto !important;
6646        align-self: auto !important;
6647  }
6648  .align-self-lg-start {
6649    -ms-flex-item-align: start !important;
6650        align-self: flex-start !important;
6651  }
6652  .align-self-lg-end {
6653    -ms-flex-item-align: end !important;
6654        align-self: flex-end !important;
6655  }
6656  .align-self-lg-center {
6657    -ms-flex-item-align: center !important;
6658        align-self: center !important;
6659  }
6660  .align-self-lg-baseline {
6661    -ms-flex-item-align: baseline !important;
6662        align-self: baseline !important;
6663  }
6664  .align-self-lg-stretch {
6665    -ms-flex-item-align: stretch !important;
6666        align-self: stretch !important;
6667  }
6668}
6669
6670@media (min-width: 1200px) {
6671  .flex-xl-row {
6672    -ms-flex-direction: row !important;
6673        flex-direction: row !important;
6674  }
6675  .flex-xl-column {
6676    -ms-flex-direction: column !important;
6677        flex-direction: column !important;
6678  }
6679  .flex-xl-row-reverse {
6680    -ms-flex-direction: row-reverse !important;
6681        flex-direction: row-reverse !important;
6682  }
6683  .flex-xl-column-reverse {
6684    -ms-flex-direction: column-reverse !important;
6685        flex-direction: column-reverse !important;
6686  }
6687  .flex-xl-wrap {
6688    -ms-flex-wrap: wrap !important;
6689        flex-wrap: wrap !important;
6690  }
6691  .flex-xl-nowrap {
6692    -ms-flex-wrap: nowrap !important;
6693        flex-wrap: nowrap !important;
6694  }
6695  .flex-xl-wrap-reverse {
6696    -ms-flex-wrap: wrap-reverse !important;
6697        flex-wrap: wrap-reverse !important;
6698  }
6699  .justify-content-xl-start {
6700    -ms-flex-pack: start !important;
6701        justify-content: flex-start !important;
6702  }
6703  .justify-content-xl-end {
6704    -ms-flex-pack: end !important;
6705        justify-content: flex-end !important;
6706  }
6707  .justify-content-xl-center {
6708    -ms-flex-pack: center !important;
6709        justify-content: center !important;
6710  }
6711  .justify-content-xl-between {
6712    -ms-flex-pack: justify !important;
6713        justify-content: space-between !important;
6714  }
6715  .justify-content-xl-around {
6716    -ms-flex-pack: distribute !important;
6717        justify-content: space-around !important;
6718  }
6719  .align-items-xl-start {
6720    -ms-flex-align: start !important;
6721        align-items: flex-start !important;
6722  }
6723  .align-items-xl-end {
6724    -ms-flex-align: end !important;
6725        align-items: flex-end !important;
6726  }
6727  .align-items-xl-center {
6728    -ms-flex-align: center !important;
6729        align-items: center !important;
6730  }
6731  .align-items-xl-baseline {
6732    -ms-flex-align: baseline !important;
6733        align-items: baseline !important;
6734  }
6735  .align-items-xl-stretch {
6736    -ms-flex-align: stretch !important;
6737        align-items: stretch !important;
6738  }
6739  .align-content-xl-start {
6740    -ms-flex-line-pack: start !important;
6741        align-content: flex-start !important;
6742  }
6743  .align-content-xl-end {
6744    -ms-flex-line-pack: end !important;
6745        align-content: flex-end !important;
6746  }
6747  .align-content-xl-center {
6748    -ms-flex-line-pack: center !important;
6749        align-content: center !important;
6750  }
6751  .align-content-xl-between {
6752    -ms-flex-line-pack: justify !important;
6753        align-content: space-between !important;
6754  }
6755  .align-content-xl-around {
6756    -ms-flex-line-pack: distribute !important;
6757        align-content: space-around !important;
6758  }
6759  .align-content-xl-stretch {
6760    -ms-flex-line-pack: stretch !important;
6761        align-content: stretch !important;
6762  }
6763  .align-self-xl-auto {
6764    -ms-flex-item-align: auto !important;
6765        align-self: auto !important;
6766  }
6767  .align-self-xl-start {
6768    -ms-flex-item-align: start !important;
6769        align-self: flex-start !important;
6770  }
6771  .align-self-xl-end {
6772    -ms-flex-item-align: end !important;
6773        align-self: flex-end !important;
6774  }
6775  .align-self-xl-center {
6776    -ms-flex-item-align: center !important;
6777        align-self: center !important;
6778  }
6779  .align-self-xl-baseline {
6780    -ms-flex-item-align: baseline !important;
6781        align-self: baseline !important;
6782  }
6783  .align-self-xl-stretch {
6784    -ms-flex-item-align: stretch !important;
6785        align-self: stretch !important;
6786  }
6787}
6788
6789.float-left {
6790  float: left !important;
6791}
6792
6793.float-right {
6794  float: right !important;
6795}
6796
6797.float-none {
6798  float: none !important;
6799}
6800
6801@media (min-width: 576px) {
6802  .float-sm-left {
6803    float: left !important;
6804  }
6805  .float-sm-right {
6806    float: right !important;
6807  }
6808  .float-sm-none {
6809    float: none !important;
6810  }
6811}
6812
6813@media (min-width: 768px) {
6814  .float-md-left {
6815    float: left !important;
6816  }
6817  .float-md-right {
6818    float: right !important;
6819  }
6820  .float-md-none {
6821    float: none !important;
6822  }
6823}
6824
6825@media (min-width: 992px) {
6826  .float-lg-left {
6827    float: left !important;
6828  }
6829  .float-lg-right {
6830    float: right !important;
6831  }
6832  .float-lg-none {
6833    float: none !important;
6834  }
6835}
6836
6837@media (min-width: 1200px) {
6838  .float-xl-left {
6839    float: left !important;
6840  }
6841  .float-xl-right {
6842    float: right !important;
6843  }
6844  .float-xl-none {
6845    float: none !important;
6846  }
6847}
6848
6849.position-static {
6850  position: static !important;
6851}
6852
6853.position-relative {
6854  position: relative !important;
6855}
6856
6857.position-absolute {
6858  position: absolute !important;
6859}
6860
6861.position-fixed {
6862  position: fixed !important;
6863}
6864
6865.position-sticky {
6866  position: -webkit-sticky !important;
6867  position: sticky !important;
6868}
6869
6870.fixed-top {
6871  position: fixed;
6872  top: 0;
6873  right: 0;
6874  left: 0;
6875  z-index: 1030;
6876}
6877
6878.fixed-bottom {
6879  position: fixed;
6880  right: 0;
6881  bottom: 0;
6882  left: 0;
6883  z-index: 1030;
6884}
6885
6886@supports ((position: -webkit-sticky) or (position: sticky)) {
6887  .sticky-top {
6888    position: -webkit-sticky;
6889    position: sticky;
6890    top: 0;
6891    z-index: 1020;
6892  }
6893}
6894
6895.sr-only {
6896  position: absolute;
6897  width: 1px;
6898  height: 1px;
6899  padding: 0;
6900  overflow: hidden;
6901  clip: rect(0, 0, 0, 0);
6902  white-space: nowrap;
6903  -webkit-clip-path: inset(50%);
6904          clip-path: inset(50%);
6905  border: 0;
6906}
6907
6908.sr-only-focusable:active, .sr-only-focusable:focus {
6909  position: static;
6910  width: auto;
6911  height: auto;
6912  overflow: visible;
6913  clip: auto;
6914  white-space: normal;
6915  -webkit-clip-path: none;
6916          clip-path: none;
6917}
6918
6919.w-25 {
6920  width: 25% !important;
6921}
6922
6923.w-50 {
6924  width: 50% !important;
6925}
6926
6927.w-75 {
6928  width: 75% !important;
6929}
6930
6931.w-100 {
6932  width: 100% !important;
6933}
6934
6935.h-25 {
6936  height: 25% !important;
6937}
6938
6939.h-50 {
6940  height: 50% !important;
6941}
6942
6943.h-75 {
6944  height: 75% !important;
6945}
6946
6947.h-100 {
6948  height: 100% !important;
6949}
6950
6951.mw-100 {
6952  max-width: 100% !important;
6953}
6954
6955.mh-100 {
6956  max-height: 100% !important;
6957}
6958
6959.m-0 {
6960  margin: 0 !important;
6961}
6962
6963.mt-0,
6964.my-0 {
6965  margin-top: 0 !important;
6966}
6967
6968.mr-0,
6969.mx-0 {
6970  margin-right: 0 !important;
6971}
6972
6973.mb-0,
6974.my-0 {
6975  margin-bottom: 0 !important;
6976}
6977
6978.ml-0,
6979.mx-0 {
6980  margin-left: 0 !important;
6981}
6982
6983.m-1 {
6984  margin: 0.25rem !important;
6985}
6986
6987.mt-1,
6988.my-1 {
6989  margin-top: 0.25rem !important;
6990}
6991
6992.mr-1,
6993.mx-1 {
6994  margin-right: 0.25rem !important;
6995}
6996
6997.mb-1,
6998.my-1 {
6999  margin-bottom: 0.25rem !important;
7000}
7001
7002.ml-1,
7003.mx-1 {
7004  margin-left: 0.25rem !important;
7005}
7006
7007.m-2 {
7008  margin: 0.5rem !important;
7009}
7010
7011.mt-2,
7012.my-2 {
7013  margin-top: 0.5rem !important;
7014}
7015
7016.mr-2,
7017.mx-2 {
7018  margin-right: 0.5rem !important;
7019}
7020
7021.mb-2,
7022.my-2 {
7023  margin-bottom: 0.5rem !important;
7024}
7025
7026.ml-2,
7027.mx-2 {
7028  margin-left: 0.5rem !important;
7029}
7030
7031.m-3 {
7032  margin: 1rem !important;
7033}
7034
7035.mt-3,
7036.my-3 {
7037  margin-top: 1rem !important;
7038}
7039
7040.mr-3,
7041.mx-3 {
7042  margin-right: 1rem !important;
7043}
7044
7045.mb-3,
7046.my-3 {
7047  margin-bottom: 1rem !important;
7048}
7049
7050.ml-3,
7051.mx-3 {
7052  margin-left: 1rem !important;
7053}
7054
7055.m-4 {
7056  margin: 1.5rem !important;
7057}
7058
7059.mt-4,
7060.my-4 {
7061  margin-top: 1.5rem !important;
7062}
7063
7064.mr-4,
7065.mx-4 {
7066  margin-right: 1.5rem !important;
7067}
7068
7069.mb-4,
7070.my-4 {
7071  margin-bottom: 1.5rem !important;
7072}
7073
7074.ml-4,
7075.mx-4 {
7076  margin-left: 1.5rem !important;
7077}
7078
7079.m-5 {
7080  margin: 3rem !important;
7081}
7082
7083.mt-5,
7084.my-5 {
7085  margin-top: 3rem !important;
7086}
7087
7088.mr-5,
7089.mx-5 {
7090  margin-right: 3rem !important;
7091}
7092
7093.mb-5,
7094.my-5 {
7095  margin-bottom: 3rem !important;
7096}
7097
7098.ml-5,
7099.mx-5 {
7100  margin-left: 3rem !important;
7101}
7102
7103.p-0 {
7104  padding: 0 !important;
7105}
7106
7107.pt-0,
7108.py-0 {
7109  padding-top: 0 !important;
7110}
7111
7112.pr-0,
7113.px-0 {
7114  padding-right: 0 !important;
7115}
7116
7117.pb-0,
7118.py-0 {
7119  padding-bottom: 0 !important;
7120}
7121
7122.pl-0,
7123.px-0 {
7124  padding-left: 0 !important;
7125}
7126
7127.p-1 {
7128  padding: 0.25rem !important;
7129}
7130
7131.pt-1,
7132.py-1 {
7133  padding-top: 0.25rem !important;
7134}
7135
7136.pr-1,
7137.px-1 {
7138  padding-right: 0.25rem !important;
7139}
7140
7141.pb-1,
7142.py-1 {
7143  padding-bottom: 0.25rem !important;
7144}
7145
7146.pl-1,
7147.px-1 {
7148  padding-left: 0.25rem !important;
7149}
7150
7151.p-2 {
7152  padding: 0.5rem !important;
7153}
7154
7155.pt-2,
7156.py-2 {
7157  padding-top: 0.5rem !important;
7158}
7159
7160.pr-2,
7161.px-2 {
7162  padding-right: 0.5rem !important;
7163}
7164
7165.pb-2,
7166.py-2 {
7167  padding-bottom: 0.5rem !important;
7168}
7169
7170.pl-2,
7171.px-2 {
7172  padding-left: 0.5rem !important;
7173}
7174
7175.p-3 {
7176  padding: 1rem !important;
7177}
7178
7179.pt-3,
7180.py-3 {
7181  padding-top: 1rem !important;
7182}
7183
7184.pr-3,
7185.px-3 {
7186  padding-right: 1rem !important;
7187}
7188
7189.pb-3,
7190.py-3 {
7191  padding-bottom: 1rem !important;
7192}
7193
7194.pl-3,
7195.px-3 {
7196  padding-left: 1rem !important;
7197}
7198
7199.p-4 {
7200  padding: 1.5rem !important;
7201}
7202
7203.pt-4,
7204.py-4 {
7205  padding-top: 1.5rem !important;
7206}
7207
7208.pr-4,
7209.px-4 {
7210  padding-right: 1.5rem !important;
7211}
7212
7213.pb-4,
7214.py-4 {
7215  padding-bottom: 1.5rem !important;
7216}
7217
7218.pl-4,
7219.px-4 {
7220  padding-left: 1.5rem !important;
7221}
7222
7223.p-5 {
7224  padding: 3rem !important;
7225}
7226
7227.pt-5,
7228.py-5 {
7229  padding-top: 3rem !important;
7230}
7231
7232.pr-5,
7233.px-5 {
7234  padding-right: 3rem !important;
7235}
7236
7237.pb-5,
7238.py-5 {
7239  padding-bottom: 3rem !important;
7240}
7241
7242.pl-5,
7243.px-5 {
7244  padding-left: 3rem !important;
7245}
7246
7247.m-auto {
7248  margin: auto !important;
7249}
7250
7251.mt-auto,
7252.my-auto {
7253  margin-top: auto !important;
7254}
7255
7256.mr-auto,
7257.mx-auto {
7258  margin-right: auto !important;
7259}
7260
7261.mb-auto,
7262.my-auto {
7263  margin-bottom: auto !important;
7264}
7265
7266.ml-auto,
7267.mx-auto {
7268  margin-left: auto !important;
7269}
7270
7271@media (min-width: 576px) {
7272  .m-sm-0 {
7273    margin: 0 !important;
7274  }
7275  .mt-sm-0,
7276  .my-sm-0 {
7277    margin-top: 0 !important;
7278  }
7279  .mr-sm-0,
7280  .mx-sm-0 {
7281    margin-right: 0 !important;
7282  }
7283  .mb-sm-0,
7284  .my-sm-0 {
7285    margin-bottom: 0 !important;
7286  }
7287  .ml-sm-0,
7288  .mx-sm-0 {
7289    margin-left: 0 !important;
7290  }
7291  .m-sm-1 {
7292    margin: 0.25rem !important;
7293  }
7294  .mt-sm-1,
7295  .my-sm-1 {
7296    margin-top: 0.25rem !important;
7297  }
7298  .mr-sm-1,
7299  .mx-sm-1 {
7300    margin-right: 0.25rem !important;
7301  }
7302  .mb-sm-1,
7303  .my-sm-1 {
7304    margin-bottom: 0.25rem !important;
7305  }
7306  .ml-sm-1,
7307  .mx-sm-1 {
7308    margin-left: 0.25rem !important;
7309  }
7310  .m-sm-2 {
7311    margin: 0.5rem !important;
7312  }
7313  .mt-sm-2,
7314  .my-sm-2 {
7315    margin-top: 0.5rem !important;
7316  }
7317  .mr-sm-2,
7318  .mx-sm-2 {
7319    margin-right: 0.5rem !important;
7320  }
7321  .mb-sm-2,
7322  .my-sm-2 {
7323    margin-bottom: 0.5rem !important;
7324  }
7325  .ml-sm-2,
7326  .mx-sm-2 {
7327    margin-left: 0.5rem !important;
7328  }
7329  .m-sm-3 {
7330    margin: 1rem !important;
7331  }
7332  .mt-sm-3,
7333  .my-sm-3 {
7334    margin-top: 1rem !important;
7335  }
7336  .mr-sm-3,
7337  .mx-sm-3 {
7338    margin-right: 1rem !important;
7339  }
7340  .mb-sm-3,
7341  .my-sm-3 {
7342    margin-bottom: 1rem !important;
7343  }
7344  .ml-sm-3,
7345  .mx-sm-3 {
7346    margin-left: 1rem !important;
7347  }
7348  .m-sm-4 {
7349    margin: 1.5rem !important;
7350  }
7351  .mt-sm-4,
7352  .my-sm-4 {
7353    margin-top: 1.5rem !important;
7354  }
7355  .mr-sm-4,
7356  .mx-sm-4 {
7357    margin-right: 1.5rem !important;
7358  }
7359  .mb-sm-4,
7360  .my-sm-4 {
7361    margin-bottom: 1.5rem !important;
7362  }
7363  .ml-sm-4,
7364  .mx-sm-4 {
7365    margin-left: 1.5rem !important;
7366  }
7367  .m-sm-5 {
7368    margin: 3rem !important;
7369  }
7370  .mt-sm-5,
7371  .my-sm-5 {
7372    margin-top: 3rem !important;
7373  }
7374  .mr-sm-5,
7375  .mx-sm-5 {
7376    margin-right: 3rem !important;
7377  }
7378  .mb-sm-5,
7379  .my-sm-5 {
7380    margin-bottom: 3rem !important;
7381  }
7382  .ml-sm-5,
7383  .mx-sm-5 {
7384    margin-left: 3rem !important;
7385  }
7386  .p-sm-0 {
7387    padding: 0 !important;
7388  }
7389  .pt-sm-0,
7390  .py-sm-0 {
7391    padding-top: 0 !important;
7392  }
7393  .pr-sm-0,
7394  .px-sm-0 {
7395    padding-right: 0 !important;
7396  }
7397  .pb-sm-0,
7398  .py-sm-0 {
7399    padding-bottom: 0 !important;
7400  }
7401  .pl-sm-0,
7402  .px-sm-0 {
7403    padding-left: 0 !important;
7404  }
7405  .p-sm-1 {
7406    padding: 0.25rem !important;
7407  }
7408  .pt-sm-1,
7409  .py-sm-1 {
7410    padding-top: 0.25rem !important;
7411  }
7412  .pr-sm-1,
7413  .px-sm-1 {
7414    padding-right: 0.25rem !important;
7415  }
7416  .pb-sm-1,
7417  .py-sm-1 {
7418    padding-bottom: 0.25rem !important;
7419  }
7420  .pl-sm-1,
7421  .px-sm-1 {
7422    padding-left: 0.25rem !important;
7423  }
7424  .p-sm-2 {
7425    padding: 0.5rem !important;
7426  }
7427  .pt-sm-2,
7428  .py-sm-2 {
7429    padding-top: 0.5rem !important;
7430  }
7431  .pr-sm-2,
7432  .px-sm-2 {
7433    padding-right: 0.5rem !important;
7434  }
7435  .pb-sm-2,
7436  .py-sm-2 {
7437    padding-bottom: 0.5rem !important;
7438  }
7439  .pl-sm-2,
7440  .px-sm-2 {
7441    padding-left: 0.5rem !important;
7442  }
7443  .p-sm-3 {
7444    padding: 1rem !important;
7445  }
7446  .pt-sm-3,
7447  .py-sm-3 {
7448    padding-top: 1rem !important;
7449  }
7450  .pr-sm-3,
7451  .px-sm-3 {
7452    padding-right: 1rem !important;
7453  }
7454  .pb-sm-3,
7455  .py-sm-3 {
7456    padding-bottom: 1rem !important;
7457  }
7458  .pl-sm-3,
7459  .px-sm-3 {
7460    padding-left: 1rem !important;
7461  }
7462  .p-sm-4 {
7463    padding: 1.5rem !important;
7464  }
7465  .pt-sm-4,
7466  .py-sm-4 {
7467    padding-top: 1.5rem !important;
7468  }
7469  .pr-sm-4,
7470  .px-sm-4 {
7471    padding-right: 1.5rem !important;
7472  }
7473  .pb-sm-4,
7474  .py-sm-4 {
7475    padding-bottom: 1.5rem !important;
7476  }
7477  .pl-sm-4,
7478  .px-sm-4 {
7479    padding-left: 1.5rem !important;
7480  }
7481  .p-sm-5 {
7482    padding: 3rem !important;
7483  }
7484  .pt-sm-5,
7485  .py-sm-5 {
7486    padding-top: 3rem !important;
7487  }
7488  .pr-sm-5,
7489  .px-sm-5 {
7490    padding-right: 3rem !important;
7491  }
7492  .pb-sm-5,
7493  .py-sm-5 {
7494    padding-bottom: 3rem !important;
7495  }
7496  .pl-sm-5,
7497  .px-sm-5 {
7498    padding-left: 3rem !important;
7499  }
7500  .m-sm-auto {
7501    margin: auto !important;
7502  }
7503  .mt-sm-auto,
7504  .my-sm-auto {
7505    margin-top: auto !important;
7506  }
7507  .mr-sm-auto,
7508  .mx-sm-auto {
7509    margin-right: auto !important;
7510  }
7511  .mb-sm-auto,
7512  .my-sm-auto {
7513    margin-bottom: auto !important;
7514  }
7515  .ml-sm-auto,
7516  .mx-sm-auto {
7517    margin-left: auto !important;
7518  }
7519}
7520
7521@media (min-width: 768px) {
7522  .m-md-0 {
7523    margin: 0 !important;
7524  }
7525  .mt-md-0,
7526  .my-md-0 {
7527    margin-top: 0 !important;
7528  }
7529  .mr-md-0,
7530  .mx-md-0 {
7531    margin-right: 0 !important;
7532  }
7533  .mb-md-0,
7534  .my-md-0 {
7535    margin-bottom: 0 !important;
7536  }
7537  .ml-md-0,
7538  .mx-md-0 {
7539    margin-left: 0 !important;
7540  }
7541  .m-md-1 {
7542    margin: 0.25rem !important;
7543  }
7544  .mt-md-1,
7545  .my-md-1 {
7546    margin-top: 0.25rem !important;
7547  }
7548  .mr-md-1,
7549  .mx-md-1 {
7550    margin-right: 0.25rem !important;
7551  }
7552  .mb-md-1,
7553  .my-md-1 {
7554    margin-bottom: 0.25rem !important;
7555  }
7556  .ml-md-1,
7557  .mx-md-1 {
7558    margin-left: 0.25rem !important;
7559  }
7560  .m-md-2 {
7561    margin: 0.5rem !important;
7562  }
7563  .mt-md-2,
7564  .my-md-2 {
7565    margin-top: 0.5rem !important;
7566  }
7567  .mr-md-2,
7568  .mx-md-2 {
7569    margin-right: 0.5rem !important;
7570  }
7571  .mb-md-2,
7572  .my-md-2 {
7573    margin-bottom: 0.5rem !important;
7574  }
7575  .ml-md-2,
7576  .mx-md-2 {
7577    margin-left: 0.5rem !important;
7578  }
7579  .m-md-3 {
7580    margin: 1rem !important;
7581  }
7582  .mt-md-3,
7583  .my-md-3 {
7584    margin-top: 1rem !important;
7585  }
7586  .mr-md-3,
7587  .mx-md-3 {
7588    margin-right: 1rem !important;
7589  }
7590  .mb-md-3,
7591  .my-md-3 {
7592    margin-bottom: 1rem !important;
7593  }
7594  .ml-md-3,
7595  .mx-md-3 {
7596    margin-left: 1rem !important;
7597  }
7598  .m-md-4 {
7599    margin: 1.5rem !important;
7600  }
7601  .mt-md-4,
7602  .my-md-4 {
7603    margin-top: 1.5rem !important;
7604  }
7605  .mr-md-4,
7606  .mx-md-4 {
7607    margin-right: 1.5rem !important;
7608  }
7609  .mb-md-4,
7610  .my-md-4 {
7611    margin-bottom: 1.5rem !important;
7612  }
7613  .ml-md-4,
7614  .mx-md-4 {
7615    margin-left: 1.5rem !important;
7616  }
7617  .m-md-5 {
7618    margin: 3rem !important;
7619  }
7620  .mt-md-5,
7621  .my-md-5 {
7622    margin-top: 3rem !important;
7623  }
7624  .mr-md-5,
7625  .mx-md-5 {
7626    margin-right: 3rem !important;
7627  }
7628  .mb-md-5,
7629  .my-md-5 {
7630    margin-bottom: 3rem !important;
7631  }
7632  .ml-md-5,
7633  .mx-md-5 {
7634    margin-left: 3rem !important;
7635  }
7636  .p-md-0 {
7637    padding: 0 !important;
7638  }
7639  .pt-md-0,
7640  .py-md-0 {
7641    padding-top: 0 !important;
7642  }
7643  .pr-md-0,
7644  .px-md-0 {
7645    padding-right: 0 !important;
7646  }
7647  .pb-md-0,
7648  .py-md-0 {
7649    padding-bottom: 0 !important;
7650  }
7651  .pl-md-0,
7652  .px-md-0 {
7653    padding-left: 0 !important;
7654  }
7655  .p-md-1 {
7656    padding: 0.25rem !important;
7657  }
7658  .pt-md-1,
7659  .py-md-1 {
7660    padding-top: 0.25rem !important;
7661  }
7662  .pr-md-1,
7663  .px-md-1 {
7664    padding-right: 0.25rem !important;
7665  }
7666  .pb-md-1,
7667  .py-md-1 {
7668    padding-bottom: 0.25rem !important;
7669  }
7670  .pl-md-1,
7671  .px-md-1 {
7672    padding-left: 0.25rem !important;
7673  }
7674  .p-md-2 {
7675    padding: 0.5rem !important;
7676  }
7677  .pt-md-2,
7678  .py-md-2 {
7679    padding-top: 0.5rem !important;
7680  }
7681  .pr-md-2,
7682  .px-md-2 {
7683    padding-right: 0.5rem !important;
7684  }
7685  .pb-md-2,
7686  .py-md-2 {
7687    padding-bottom: 0.5rem !important;
7688  }
7689  .pl-md-2,
7690  .px-md-2 {
7691    padding-left: 0.5rem !important;
7692  }
7693  .p-md-3 {
7694    padding: 1rem !important;
7695  }
7696  .pt-md-3,
7697  .py-md-3 {
7698    padding-top: 1rem !important;
7699  }
7700  .pr-md-3,
7701  .px-md-3 {
7702    padding-right: 1rem !important;
7703  }
7704  .pb-md-3,
7705  .py-md-3 {
7706    padding-bottom: 1rem !important;
7707  }
7708  .pl-md-3,
7709  .px-md-3 {
7710    padding-left: 1rem !important;
7711  }
7712  .p-md-4 {
7713    padding: 1.5rem !important;
7714  }
7715  .pt-md-4,
7716  .py-md-4 {
7717    padding-top: 1.5rem !important;
7718  }
7719  .pr-md-4,
7720  .px-md-4 {
7721    padding-right: 1.5rem !important;
7722  }
7723  .pb-md-4,
7724  .py-md-4 {
7725    padding-bottom: 1.5rem !important;
7726  }
7727  .pl-md-4,
7728  .px-md-4 {
7729    padding-left: 1.5rem !important;
7730  }
7731  .p-md-5 {
7732    padding: 3rem !important;
7733  }
7734  .pt-md-5,
7735  .py-md-5 {
7736    padding-top: 3rem !important;
7737  }
7738  .pr-md-5,
7739  .px-md-5 {
7740    padding-right: 3rem !important;
7741  }
7742  .pb-md-5,
7743  .py-md-5 {
7744    padding-bottom: 3rem !important;
7745  }
7746  .pl-md-5,
7747  .px-md-5 {
7748    padding-left: 3rem !important;
7749  }
7750  .m-md-auto {
7751    margin: auto !important;
7752  }
7753  .mt-md-auto,
7754  .my-md-auto {
7755    margin-top: auto !important;
7756  }
7757  .mr-md-auto,
7758  .mx-md-auto {
7759    margin-right: auto !important;
7760  }
7761  .mb-md-auto,
7762  .my-md-auto {
7763    margin-bottom: auto !important;
7764  }
7765  .ml-md-auto,
7766  .mx-md-auto {
7767    margin-left: auto !important;
7768  }
7769}
7770
7771@media (min-width: 992px) {
7772  .m-lg-0 {
7773    margin: 0 !important;
7774  }
7775  .mt-lg-0,
7776  .my-lg-0 {
7777    margin-top: 0 !important;
7778  }
7779  .mr-lg-0,
7780  .mx-lg-0 {
7781    margin-right: 0 !important;
7782  }
7783  .mb-lg-0,
7784  .my-lg-0 {
7785    margin-bottom: 0 !important;
7786  }
7787  .ml-lg-0,
7788  .mx-lg-0 {
7789    margin-left: 0 !important;
7790  }
7791  .m-lg-1 {
7792    margin: 0.25rem !important;
7793  }
7794  .mt-lg-1,
7795  .my-lg-1 {
7796    margin-top: 0.25rem !important;
7797  }
7798  .mr-lg-1,
7799  .mx-lg-1 {
7800    margin-right: 0.25rem !important;
7801  }
7802  .mb-lg-1,
7803  .my-lg-1 {
7804    margin-bottom: 0.25rem !important;
7805  }
7806  .ml-lg-1,
7807  .mx-lg-1 {
7808    margin-left: 0.25rem !important;
7809  }
7810  .m-lg-2 {
7811    margin: 0.5rem !important;
7812  }
7813  .mt-lg-2,
7814  .my-lg-2 {
7815    margin-top: 0.5rem !important;
7816  }
7817  .mr-lg-2,
7818  .mx-lg-2 {
7819    margin-right: 0.5rem !important;
7820  }
7821  .mb-lg-2,
7822  .my-lg-2 {
7823    margin-bottom: 0.5rem !important;
7824  }
7825  .ml-lg-2,
7826  .mx-lg-2 {
7827    margin-left: 0.5rem !important;
7828  }
7829  .m-lg-3 {
7830    margin: 1rem !important;
7831  }
7832  .mt-lg-3,
7833  .my-lg-3 {
7834    margin-top: 1rem !important;
7835  }
7836  .mr-lg-3,
7837  .mx-lg-3 {
7838    margin-right: 1rem !important;
7839  }
7840  .mb-lg-3,
7841  .my-lg-3 {
7842    margin-bottom: 1rem !important;
7843  }
7844  .ml-lg-3,
7845  .mx-lg-3 {
7846    margin-left: 1rem !important;
7847  }
7848  .m-lg-4 {
7849    margin: 1.5rem !important;
7850  }
7851  .mt-lg-4,
7852  .my-lg-4 {
7853    margin-top: 1.5rem !important;
7854  }
7855  .mr-lg-4,
7856  .mx-lg-4 {
7857    margin-right: 1.5rem !important;
7858  }
7859  .mb-lg-4,
7860  .my-lg-4 {
7861    margin-bottom: 1.5rem !important;
7862  }
7863  .ml-lg-4,
7864  .mx-lg-4 {
7865    margin-left: 1.5rem !important;
7866  }
7867  .m-lg-5 {
7868    margin: 3rem !important;
7869  }
7870  .mt-lg-5,
7871  .my-lg-5 {
7872    margin-top: 3rem !important;
7873  }
7874  .mr-lg-5,
7875  .mx-lg-5 {
7876    margin-right: 3rem !important;
7877  }
7878  .mb-lg-5,
7879  .my-lg-5 {
7880    margin-bottom: 3rem !important;
7881  }
7882  .ml-lg-5,
7883  .mx-lg-5 {
7884    margin-left: 3rem !important;
7885  }
7886  .p-lg-0 {
7887    padding: 0 !important;
7888  }
7889  .pt-lg-0,
7890  .py-lg-0 {
7891    padding-top: 0 !important;
7892  }
7893  .pr-lg-0,
7894  .px-lg-0 {
7895    padding-right: 0 !important;
7896  }
7897  .pb-lg-0,
7898  .py-lg-0 {
7899    padding-bottom: 0 !important;
7900  }
7901  .pl-lg-0,
7902  .px-lg-0 {
7903    padding-left: 0 !important;
7904  }
7905  .p-lg-1 {
7906    padding: 0.25rem !important;
7907  }
7908  .pt-lg-1,
7909  .py-lg-1 {
7910    padding-top: 0.25rem !important;
7911  }
7912  .pr-lg-1,
7913  .px-lg-1 {
7914    padding-right: 0.25rem !important;
7915  }
7916  .pb-lg-1,
7917  .py-lg-1 {
7918    padding-bottom: 0.25rem !important;
7919  }
7920  .pl-lg-1,
7921  .px-lg-1 {
7922    padding-left: 0.25rem !important;
7923  }
7924  .p-lg-2 {
7925    padding: 0.5rem !important;
7926  }
7927  .pt-lg-2,
7928  .py-lg-2 {
7929    padding-top: 0.5rem !important;
7930  }
7931  .pr-lg-2,
7932  .px-lg-2 {
7933    padding-right: 0.5rem !important;
7934  }
7935  .pb-lg-2,
7936  .py-lg-2 {
7937    padding-bottom: 0.5rem !important;
7938  }
7939  .pl-lg-2,
7940  .px-lg-2 {
7941    padding-left: 0.5rem !important;
7942  }
7943  .p-lg-3 {
7944    padding: 1rem !important;
7945  }
7946  .pt-lg-3,
7947  .py-lg-3 {
7948    padding-top: 1rem !important;
7949  }
7950  .pr-lg-3,
7951  .px-lg-3 {
7952    padding-right: 1rem !important;
7953  }
7954  .pb-lg-3,
7955  .py-lg-3 {
7956    padding-bottom: 1rem !important;
7957  }
7958  .pl-lg-3,
7959  .px-lg-3 {
7960    padding-left: 1rem !important;
7961  }
7962  .p-lg-4 {
7963    padding: 1.5rem !important;
7964  }
7965  .pt-lg-4,
7966  .py-lg-4 {
7967    padding-top: 1.5rem !important;
7968  }
7969  .pr-lg-4,
7970  .px-lg-4 {
7971    padding-right: 1.5rem !important;
7972  }
7973  .pb-lg-4,
7974  .py-lg-4 {
7975    padding-bottom: 1.5rem !important;
7976  }
7977  .pl-lg-4,
7978  .px-lg-4 {
7979    padding-left: 1.5rem !important;
7980  }
7981  .p-lg-5 {
7982    padding: 3rem !important;
7983  }
7984  .pt-lg-5,
7985  .py-lg-5 {
7986    padding-top: 3rem !important;
7987  }
7988  .pr-lg-5,
7989  .px-lg-5 {
7990    padding-right: 3rem !important;
7991  }
7992  .pb-lg-5,
7993  .py-lg-5 {
7994    padding-bottom: 3rem !important;
7995  }
7996  .pl-lg-5,
7997  .px-lg-5 {
7998    padding-left: 3rem !important;
7999  }
8000  .m-lg-auto {
8001    margin: auto !important;
8002  }
8003  .mt-lg-auto,
8004  .my-lg-auto {
8005    margin-top: auto !important;
8006  }
8007  .mr-lg-auto,
8008  .mx-lg-auto {
8009    margin-right: auto !important;
8010  }
8011  .mb-lg-auto,
8012  .my-lg-auto {
8013    margin-bottom: auto !important;
8014  }
8015  .ml-lg-auto,
8016  .mx-lg-auto {
8017    margin-left: auto !important;
8018  }
8019}
8020
8021@media (min-width: 1200px) {
8022  .m-xl-0 {
8023    margin: 0 !important;
8024  }
8025  .mt-xl-0,
8026  .my-xl-0 {
8027    margin-top: 0 !important;
8028  }
8029  .mr-xl-0,
8030  .mx-xl-0 {
8031    margin-right: 0 !important;
8032  }
8033  .mb-xl-0,
8034  .my-xl-0 {
8035    margin-bottom: 0 !important;
8036  }
8037  .ml-xl-0,
8038  .mx-xl-0 {
8039    margin-left: 0 !important;
8040  }
8041  .m-xl-1 {
8042    margin: 0.25rem !important;
8043  }
8044  .mt-xl-1,
8045  .my-xl-1 {
8046    margin-top: 0.25rem !important;
8047  }
8048  .mr-xl-1,
8049  .mx-xl-1 {
8050    margin-right: 0.25rem !important;
8051  }
8052  .mb-xl-1,
8053  .my-xl-1 {
8054    margin-bottom: 0.25rem !important;
8055  }
8056  .ml-xl-1,
8057  .mx-xl-1 {
8058    margin-left: 0.25rem !important;
8059  }
8060  .m-xl-2 {
8061    margin: 0.5rem !important;
8062  }
8063  .mt-xl-2,
8064  .my-xl-2 {
8065    margin-top: 0.5rem !important;
8066  }
8067  .mr-xl-2,
8068  .mx-xl-2 {
8069    margin-right: 0.5rem !important;
8070  }
8071  .mb-xl-2,
8072  .my-xl-2 {
8073    margin-bottom: 0.5rem !important;
8074  }
8075  .ml-xl-2,
8076  .mx-xl-2 {
8077    margin-left: 0.5rem !important;
8078  }
8079  .m-xl-3 {
8080    margin: 1rem !important;
8081  }
8082  .mt-xl-3,
8083  .my-xl-3 {
8084    margin-top: 1rem !important;
8085  }
8086  .mr-xl-3,
8087  .mx-xl-3 {
8088    margin-right: 1rem !important;
8089  }
8090  .mb-xl-3,
8091  .my-xl-3 {
8092    margin-bottom: 1rem !important;
8093  }
8094  .ml-xl-3,
8095  .mx-xl-3 {
8096    margin-left: 1rem !important;
8097  }
8098  .m-xl-4 {
8099    margin: 1.5rem !important;
8100  }
8101  .mt-xl-4,
8102  .my-xl-4 {
8103    margin-top: 1.5rem !important;
8104  }
8105  .mr-xl-4,
8106  .mx-xl-4 {
8107    margin-right: 1.5rem !important;
8108  }
8109  .mb-xl-4,
8110  .my-xl-4 {
8111    margin-bottom: 1.5rem !important;
8112  }
8113  .ml-xl-4,
8114  .mx-xl-4 {
8115    margin-left: 1.5rem !important;
8116  }
8117  .m-xl-5 {
8118    margin: 3rem !important;
8119  }
8120  .mt-xl-5,
8121  .my-xl-5 {
8122    margin-top: 3rem !important;
8123  }
8124  .mr-xl-5,
8125  .mx-xl-5 {
8126    margin-right: 3rem !important;
8127  }
8128  .mb-xl-5,
8129  .my-xl-5 {
8130    margin-bottom: 3rem !important;
8131  }
8132  .ml-xl-5,
8133  .mx-xl-5 {
8134    margin-left: 3rem !important;
8135  }
8136  .p-xl-0 {
8137    padding: 0 !important;
8138  }
8139  .pt-xl-0,
8140  .py-xl-0 {
8141    padding-top: 0 !important;
8142  }
8143  .pr-xl-0,
8144  .px-xl-0 {
8145    padding-right: 0 !important;
8146  }
8147  .pb-xl-0,
8148  .py-xl-0 {
8149    padding-bottom: 0 !important;
8150  }
8151  .pl-xl-0,
8152  .px-xl-0 {
8153    padding-left: 0 !important;
8154  }
8155  .p-xl-1 {
8156    padding: 0.25rem !important;
8157  }
8158  .pt-xl-1,
8159  .py-xl-1 {
8160    padding-top: 0.25rem !important;
8161  }
8162  .pr-xl-1,
8163  .px-xl-1 {
8164    padding-right: 0.25rem !important;
8165  }
8166  .pb-xl-1,
8167  .py-xl-1 {
8168    padding-bottom: 0.25rem !important;
8169  }
8170  .pl-xl-1,
8171  .px-xl-1 {
8172    padding-left: 0.25rem !important;
8173  }
8174  .p-xl-2 {
8175    padding: 0.5rem !important;
8176  }
8177  .pt-xl-2,
8178  .py-xl-2 {
8179    padding-top: 0.5rem !important;
8180  }
8181  .pr-xl-2,
8182  .px-xl-2 {
8183    padding-right: 0.5rem !important;
8184  }
8185  .pb-xl-2,
8186  .py-xl-2 {
8187    padding-bottom: 0.5rem !important;
8188  }
8189  .pl-xl-2,
8190  .px-xl-2 {
8191    padding-left: 0.5rem !important;
8192  }
8193  .p-xl-3 {
8194    padding: 1rem !important;
8195  }
8196  .pt-xl-3,
8197  .py-xl-3 {
8198    padding-top: 1rem !important;
8199  }
8200  .pr-xl-3,
8201  .px-xl-3 {
8202    padding-right: 1rem !important;
8203  }
8204  .pb-xl-3,
8205  .py-xl-3 {
8206    padding-bottom: 1rem !important;
8207  }
8208  .pl-xl-3,
8209  .px-xl-3 {
8210    padding-left: 1rem !important;
8211  }
8212  .p-xl-4 {
8213    padding: 1.5rem !important;
8214  }
8215  .pt-xl-4,
8216  .py-xl-4 {
8217    padding-top: 1.5rem !important;
8218  }
8219  .pr-xl-4,
8220  .px-xl-4 {
8221    padding-right: 1.5rem !important;
8222  }
8223  .pb-xl-4,
8224  .py-xl-4 {
8225    padding-bottom: 1.5rem !important;
8226  }
8227  .pl-xl-4,
8228  .px-xl-4 {
8229    padding-left: 1.5rem !important;
8230  }
8231  .p-xl-5 {
8232    padding: 3rem !important;
8233  }
8234  .pt-xl-5,
8235  .py-xl-5 {
8236    padding-top: 3rem !important;
8237  }
8238  .pr-xl-5,
8239  .px-xl-5 {
8240    padding-right: 3rem !important;
8241  }
8242  .pb-xl-5,
8243  .py-xl-5 {
8244    padding-bottom: 3rem !important;
8245  }
8246  .pl-xl-5,
8247  .px-xl-5 {
8248    padding-left: 3rem !important;
8249  }
8250  .m-xl-auto {
8251    margin: auto !important;
8252  }
8253  .mt-xl-auto,
8254  .my-xl-auto {
8255    margin-top: auto !important;
8256  }
8257  .mr-xl-auto,
8258  .mx-xl-auto {
8259    margin-right: auto !important;
8260  }
8261  .mb-xl-auto,
8262  .my-xl-auto {
8263    margin-bottom: auto !important;
8264  }
8265  .ml-xl-auto,
8266  .mx-xl-auto {
8267    margin-left: auto !important;
8268  }
8269}
8270
8271.text-justify {
8272  text-align: justify !important;
8273}
8274
8275.text-nowrap {
8276  white-space: nowrap !important;
8277}
8278
8279.text-truncate {
8280  overflow: hidden;
8281  text-overflow: ellipsis;
8282  white-space: nowrap;
8283}
8284
8285.text-left {
8286  text-align: left !important;
8287}
8288
8289.text-right {
8290  text-align: right !important;
8291}
8292
8293.text-center {
8294  text-align: center !important;
8295}
8296
8297@media (min-width: 576px) {
8298  .text-sm-left {
8299    text-align: left !important;
8300  }
8301  .text-sm-right {
8302    text-align: right !important;
8303  }
8304  .text-sm-center {
8305    text-align: center !important;
8306  }
8307}
8308
8309@media (min-width: 768px) {
8310  .text-md-left {
8311    text-align: left !important;
8312  }
8313  .text-md-right {
8314    text-align: right !important;
8315  }
8316  .text-md-center {
8317    text-align: center !important;
8318  }
8319}
8320
8321@media (min-width: 992px) {
8322  .text-lg-left {
8323    text-align: left !important;
8324  }
8325  .text-lg-right {
8326    text-align: right !important;
8327  }
8328  .text-lg-center {
8329    text-align: center !important;
8330  }
8331}
8332
8333@media (min-width: 1200px) {
8334  .text-xl-left {
8335    text-align: left !important;
8336  }
8337  .text-xl-right {
8338    text-align: right !important;
8339  }
8340  .text-xl-center {
8341    text-align: center !important;
8342  }
8343}
8344
8345.text-lowercase {
8346  text-transform: lowercase !important;
8347}
8348
8349.text-uppercase {
8350  text-transform: uppercase !important;
8351}
8352
8353.text-capitalize {
8354  text-transform: capitalize !important;
8355}
8356
8357.font-weight-light {
8358  font-weight: 300 !important;
8359}
8360
8361.font-weight-normal {
8362  font-weight: 400 !important;
8363}
8364
8365.font-weight-bold {
8366  font-weight: 700 !important;
8367}
8368
8369.font-italic {
8370  font-style: italic !important;
8371}
8372
8373.text-white {
8374  color: #fff !important;
8375}
8376
8377.text-primary {
8378  color: #007bff !important;
8379}
8380
8381a.text-primary:focus, a.text-primary:hover {
8382  color: #0062cc !important;
8383}
8384
8385.text-secondary {
8386  color: #868e96 !important;
8387}
8388
8389a.text-secondary:focus, a.text-secondary:hover {
8390  color: #6c757d !important;
8391}
8392
8393.text-success {
8394  color: #28a745 !important;
8395}
8396
8397a.text-success:focus, a.text-success:hover {
8398  color: #1e7e34 !important;
8399}
8400
8401.text-info {
8402  color: #17a2b8 !important;
8403}
8404
8405a.text-info:focus, a.text-info:hover {
8406  color: #117a8b !important;
8407}
8408
8409.text-warning {
8410  color: #ffc107 !important;
8411}
8412
8413a.text-warning:focus, a.text-warning:hover {
8414  color: #d39e00 !important;
8415}
8416
8417.text-danger {
8418  color: #dc3545 !important;
8419}
8420
8421a.text-danger:focus, a.text-danger:hover {
8422  color: #bd2130 !important;
8423}
8424
8425.text-light {
8426  color: #f8f9fa !important;
8427}
8428
8429a.text-light:focus, a.text-light:hover {
8430  color: #dae0e5 !important;
8431}
8432
8433.text-dark {
8434  color: #343a40 !important;
8435}
8436
8437a.text-dark:focus, a.text-dark:hover {
8438  color: #1d2124 !important;
8439}
8440
8441.text-muted {
8442  color: #868e96 !important;
8443}
8444
8445.text-hide {
8446  font: 0/0 a;
8447  color: transparent;
8448  text-shadow: none;
8449  background-color: transparent;
8450  border: 0;
8451}
8452
8453.visible {
8454  visibility: visible !important;
8455}
8456
8457.invisible {
8458  visibility: hidden !important;
8459}
8460/*# sourceMappingURL=bootstrap.css.map *//*
8461Script Version: v1.5.2
8462NB: If changes don't apply, try adding "!important" For example:
8463.btn {
8464    color: blue !important;
8465}
8466
8467*/
8468
8469/********** Start Writing Your Own Custom CSS Code Here ***********/
8470@charset "utf-8";
8471@font-face{
8472  src:url(../fonts/Brandon_reg.otf);
8473  font-family:'Brandon_reg';
8474}
8475@font-face{
8476  src:url(../fonts/Brandon_bld.otf);
8477  font-family:'Brandon_bld';
8478}
8479@font-face{
8480  src:url(../fonts/Montserrat-Regular.otf);
8481  font-family: 'Montserrat-Regular';
8482}
8483@font-face{
8484  src:url(../fonts/Montserrat-SemiBold.otf);
8485  font-family:'Montserrat-SemiBold';
8486}
8487@font-face{
8488  src:url(../fonts/Montserrat-Light.otf);
8489  font-family:'Montserrat-Light';
8490}
8491@font-face{
8492  src:url(../fonts/Mosk-Light-300.ttf);
8493  font-family:'Mosk-Light-300';
8494}
8495@font-face {
8496  font-family: "Guardian-EgypTT";
8497  src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2");
8498  src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Medium.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Medium.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Medium.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Medium.svg?v=2#Guardian EgypTT") format("svg");
8499  font-style: normal;
8500  font-weight: 500;
8501  font-stretch: normal;
8502  font-display: swap;
8503}
8504@font-face {
8505  font-family: "Guardian-EgypTT";
8506  src: url("../fonts/Guardian-EgypTT-Light.eot?v=2");
8507  src: url("../fonts/Guardian-EgypTT-Light.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Light.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Light.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Light.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Light.svg?v=2#Guardian-EgypTT") format("svg");
8508  font-style: normal;
8509  font-weight: 300;
8510  font-stretch: normal;
8511  font-display: swap;
8512}
8513@font-face {
8514  font-family: "Graphik Webfont";
8515  src: url("../fonts/Graphik-Regular-Web.eot");
8516  src: url("../fonts/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Regular-Web.woff2") format("woff2"), url("../fonts/Graphik-Regular-Web.woff") format("woff"), url("../fonts/Graphik-Regular-Web.svg#Graphik-Regular-Web") format("svg"), url("../fonts/Graphik-Regular-Web.ttf") format("opentype");
8517  font-weight: 400;
8518  font-style: normal;
8519  font-stretch: normal;
8520}
8521@font-face {
8522  font-family: "Graphik Webfont";
8523  src: url("../fonts/Graphik-Medium-Web.eot");
8524  src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype");
8525  font-weight: 500;
8526  font-style: normal;
8527  font-stretch: normal;
8528}
8529@font-face {
8530  font-family: "Graphik Webfont";
8531  src: url("../fonts/Graphik-Medium-Web.eot");
8532  src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype");
8533  font-weight: 700;
8534  font-style: normal;
8535  font-stretch: normal;
8536}
8537
8538body {
8539    margin: 0px;
8540    padding: 0px;
8541    background: #fff;
8542    height: 100%;
8543    width: 100%;
8544  font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
8545    color: #000;
8546    font-weight: 400;
8547    overflow-x: hidden;
8548    /*font-family: 'Josefin Sans', sans-serif!important;*/
8549    /*font-family: 'Source Sans Pro', sans-serif;*/
8550}
8551
8552html {
8553    height: 100%;
8554    width: 100%;
8555    /*font-family: 'Josefin Sans', sans-serif;*/
8556}
8557
8558.revenue_usermenu {
8559    display: none;
8560}
8561
8562.modal-backdrop.show:first-child{
8563    display: none !important;
8564    opacity: 0 !important;
8565    z-index: -1;
8566}
8567
8568#un-button.un-left.css3 {
8569    left: -46px;
8570    top: 65%;
8571    -webkit-transform-origin: 0 0;
8572    -o-transform-origin: 0 0;
8573    transform-origin: 0 0;
8574    -webkit-transform: rotate(-90deg);
8575}
8576
8577#un-button {
8578    border:1px solid #ccc;
8579    position: fixed;
8580    font-weight:bold;
8581    font-family:'Montserrat-Light';
8582    letter-spacing:2px;
8583    z-index: 9997;
8584    text-decoration: none;
8585    color: white !important;
8586    border-radius: 4px;
8587    padding: 14px 15px 12px 12px;
8588    line-height: 14px;
8589    float: none;
8590}
8591/* ======DEFAULT BROWSER STYLE========= */
8592
8593.btn{
8594
8595    cursor:pointer !important;
8596
8597}
8598
8599a:focus,
8600a:hover {
8601    text-decoration: none;
8602    transition: 300ms ease-in-out;
8603}
8604a:focus,
8605.btn:focus,
8606.btn:active:focus,
8607button:focus,
8608input[type="file"]:focus,
8609input[type="radio"]:focus,
8610input[type="checkbox"]:focus {
8611    outline: none;
8612}
8613
8614/*audio::-webkit-media-controls-panel{
8615   background-color: #ccc;
8616   color:red;
8617}
8618
8619audio::-webkit-media-controls-panel{
8620   background-color: red;
8621}*/
8622
8623/*audio::-webkit-media-controls-play-button,
8624audio::-webkit-media-controls-panel {
8625  background-color: red;
8626  color: red;
8627}*/
8628
8629/* =========== SPACE CLASSES=========== */
8630
8631.space3 {
8632    margin-top: 3px;
8633}
8634.space5 {
8635    margin-top: 5px;
8636}
8637.space10 {
8638    margin-top: 10px;
8639}
8640.space15 {
8641    margin-top: 15px;
8642}
8643.space20 {
8644    margin-top: 20px!important;
8645}
8646.space25 {
8647    margin-top: 25px;
8648}
8649.space30 {
8650    margin-top: 30px!important;
8651}
8652.space40 {
8653    margin-top: 40px;
8654}
8655.space50 {
8656    margin-top: 50px!important;
8657}
8658.space60 {
8659    margin-top: 60px;
8660}
8661.space70 {
8662    margin-top: 70px;
8663}
8664.space80 {
8665    margin-top: 80px;
8666}
8667.space100 {
8668    margin-top: 100px;
8669}
8670.pad0 {
8671    padding: 0!important;
8672}
8673.m0{
8674    margin: 0!important;
8675}
8676.mleft0 {
8677    margin-left: 0!important;
8678}
8679
8680/*============ placeholder =============*/
8681
8682.form-control::-webkit-input-placeholder {
8683color: #afb8bc;
8684}
8685.form-control::-moz-placeholder {
8686color: #afb8bc;
8687}
8688.form-control:-ms-input-placeholder {
8689color: #afb8bc;
8690}
8691.form-control:-moz-placeholder {
8692color: #afb8bc;
8693}
8694
8695
8696/*beta*/
8697.list-inline-item:not(:last-child) {
8698    margin-right: 2px !important;
8699}
8700
8701
8702/*
8703@media(max-width: 767px){
8704    .navbar-brand {
8705        left: -22px;
8706        position: relative;
8707        right: 0;
8708        margin: 0 auto;
8709    }
8710    header {
8711        padding: 0px 0 90px;
8712    }
8713    .navbar-light .navbar-brand{
8714        color: rgba(0,0,0,.9);
8715        width: 45%;
8716        position: relative;
8717        top: 0;
8718    }
8719}*/
8720.visible-xs{
8721    display: none;
8722}
8723.red-color{
8724    color: red !important;
8725}
8726
8727.gnav-header .notifications-dropdown {
8728margin-left: -145px;
8729width:385px !important;
8730}
8731
8732.gnav-header .messages-dropdown {
8733margin-left: -190px;
8734width:385px !important;
8735}
8736
8737@media (max-width: 629px) {
8738    .gnav-header .notifications-dropdown,
8739    .gnav-header .messages-dropdown ,
8740    .user-menu .dropdown-menu{
8741        display: none;
8742    }
8743
8744    .revenue_usermenu {
8745        display: block;
8746        float: left;
8747        background: #50e250;
8748        position: absolute;
8749        right: 32px;
8750        margin: 0 auto;
8751        padding: 2px 4px;
8752        border-radius: 6px;
8753        top: 28px;
8754        font-size: 11px;
8755        font-weight: bold;
8756        line-height: 10px;
8757    }
8758}
8759
8760
8761.gnav-header .dropdown-menu .dropdown-item {
8762    font-size: 15px !important;
8763    padding: 5px !important;
8764    padding-left:20px !important;
8765    margin-top: 2px !important;
8766   padding-right: 20px !important;
8767}
8768
8769.notifications-dropdown .dropdown-header,
8770 .messages-dropdown .dropdown-header {
8771     margin-top:-7px;
8772     color:inherit;
8773     font-size:15px;
8774     background-color:#f7f7f7;
8775     border-bottom:1px solid #ebebeb;
8776 }
8777
8778/*=================================================================================================*/
8779/*.affix .navbar-light .navbar-nav .nav-link, .mega-drop-down a {
8780    color: #6b7b84;
8781    font-size: 14px;
8782    margin: 0 25px 0 0;
8783    }*/
8784header .dropdown-menu{
8785    top: 94%;
8786    border-radius: 0;
8787}
8788
8789.list-inline-item .d-icon.dropdown-toggle::after{
8790    display: none;
8791}
8792
8793.affix .mr-auto,.affix  .mx-auto {
8794    margin-right: auto!important;
8795    margin-left: auto !important;
8796}
8797.affix {
8798    position: fixed;
8799    background: #fff;
8800    width: 100%;
8801    z-index: 999;
8802    top: 0;
8803    left: 0;
8804    right: 0;
8805}
8806.logo{
8807  color: #28a745;
8808    font-size: 31.18px;
8809   font-family: 'Mosk-Thin-100';
8810    padding-top: 10px;
8811}
8812header .input-group .form-control:not(:last-child){
8813    background: url(../images/srch.png) no-repeat;
8814    background-position: 3%;
8815    background-color: #fff;
8816
8817}
8818header .form-control {
8819    padding: 6px 35px;
8820    font-size: 13px;
8821    border-radius: 2px;
8822}
8823header .input-group{
8824    width: 100%;
8825    margin-top: 20px;
8826}
8827.btn_search, .btn_join{
8828    border-radius: 0px 3px 3px 0px;
8829    font-size: 13px;
8830    background: #28a745;
8831    color:#fff;
8832    transition: 0.4s;
8833    -o-transition: 0.4s;
8834    -webkit-transition: 0.4s;
8835    -moz-transition: 0.4s;
8836    width: 96px;
8837    height: 35px;
8838}
8839.btn_search:hover,
8840.btn_join:hover{
8841    background: #fff;
8842    border:1px solid #28a745;
8843    color: #28a745;
8844}
8845
8846.text_cont p , .text_cont p span {
8847    font-size: 14px!important;
8848    color: black!important;
8849}
8850/*** Search Panel Styles Starts ***/
8851
8852@media only screen and (min-width: 1160px){
8853
8854.search-bar-panel {
8855    padding: 20px;
8856}
8857
8858}
8859
8860.search-bar-panel {
8861    position: absolute;
8862    top: 72%;
8863    /*margin-top: 58px;*/
8864    z-index: 99;
8865    width: 100%;
8866    -webkit-box-shadow: 0 3px 13px 0 rgba(60,60,60,.4);
8867    box-shadow: 0 3px 13px 0 rgba(60,60,60,.4);
8868    border-radius: 0px;
8869    border: 1px solid #eee;
8870    padding: 10px;
8871    background-color: #fff;
8872    color: #777;
8873    cursor: default;
8874    -webkit-box-sizing: border-box;
8875    box-sizing: border-box;
8876}
8877
8878.search-bar-panel aside{
8879
8880    display: block;
8881
8882}
8883
8884.search-bar-panel>aside>li {
8885    font-size: 14px;
8886    padding: 5px 5px;
8887}
8888
8889.search-bar-package .search-bar-panel i {
8890    width: 24px;
8891}
8892
8893.search-bar-panel li a {
8894    color: #777 !important; 
8895    display: block;
8896    padding: 8px 20px;
8897    -webkit-box-sizing: border-box;
8898    box-sizing: border-box;
8899    font-size: 13px;
8900    text-align: left;
8901    width: 100%;
8902}
8903
8904.search-bar-panel li a:hover {
8905    background-color: #eee;
8906}
8907
8908.search-bar-panel span{
8909    
8910}
8911
8912.search-bar-panel b {
8913    color: #0e0e0f;
8914}
8915
8916
8917.search-bar-package .search-bar-panel button.user-search {
8918    overflow: hidden;
8919    white-space: nowrap;
8920    -o-text-overflow: ellipsis;
8921    text-overflow: ellipsis;
8922}
8923
8924
8925@media only screen and (min-width: 1160px){
8926.search-bar-panel footer {
8927    margin-top: 10px;
8928    padding-top: 15px;
8929    margin-bottom: -5px;
8930}
8931
8932}
8933
8934.search-bar-panel footer {
8935    display: -webkit-box;
8936    display: -webkit-flex;
8937    display: -ms-flexbox;
8938    display: flex;
8939    -webkit-box-pack: center;
8940    -webkit-justify-content: center;
8941    -ms-flex-pack: center;
8942    justify-content: center;
8943    font-size: 16px;
8944    border-top: 1px solid #ddd;
8945    padding: 10px 10px 0;
8946    margin-top: 10px;
8947}
8948
8949.search-bar-package .search-bar-panel footer a {
8950    color: #777;
8951    text-decoration: none;
8952    display: block;
8953    -webkit-box-sizing: border-box;
8954    box-sizing: border-box;
8955    font-size: 16px;
8956    overflow: hidden;
8957    white-space: nowrap;
8958    -o-text-overflow: ellipsis;
8959    text-overflow: ellipsis;
8960    line-height: 150%;
8961}
8962
8963/*** Search Panel Styles Ends ***/
8964
8965@media (max-width: 769px) {
8966
8967.user-balance{ display:none; }
8968
8969.hide-in-xs { display:none; }
8970
8971.login.collapse.navbar-collapse {
8972
8973     height:360px;
8974     overflow-x:hidden;
8975     overflow-y:auto;
8976     position:relative;
8977     width:100% !important;
8978
8979 }
8980
8981.top_login_btn li{
8982
8983margin-bottom:10px;
8984margin-left:20px !important;
8985
8986}
8987
8988.top_btn li{
8989
8990margin-bottom:10px;
8991
8992
8993}
8994
8995.bg-color-top {
8996
8997    background-color: #333333 !important;
8998
8999    }
9000
9001.make-black{
9002
9003    color: black !important;
9004}
9005
9006.nav-link.active {
9007    display: block !important;
9008}
9009
9010.nav-link {
9011    display: none;
9012
9013    }
9014
9015.top_login_btn li:last-child{
9016
9017    margin-left:50px;
9018
9019}
9020
9021.swal2-popup .swal2-styled.swal2-confirm {
9022
9023    background-color: #28a745 !important;
9024
9025    }
9026
9027.mega-drop-down { display:none; }
9028
9029
9030}
9031
9032.swal2-popup .swal2-styled.swal2-confirm {
9033
9034    background-color: #28a745 !important;
9035
9036}
9037
9038.top_login_btn li:last-child{
9039
9040    margin-right:-0px;
9041    margin-left:10px;
9042
9043}
9044
9045.top_login_btn li a{
9046
9047    font-size: 15px;
9048    margin-left:12px;
9049    color:#fff;
9050
9051}
9052.top_login_btn{
9053    margin: 0;
9054    padding: 20px 0;
9055}
9056
9057.top_login_btn li .dropdown-menu .dropdown-item { color:black; margin-left:0; }
9058
9059.top_login_btn li .user-menu a{color:black;}
9060
9061.top_login_btn li .user-menu a i {
9062
9063     position:absolute;
9064     left:14px;
9065     top:27px;
9066     font-size:8px;
9067     color:#28a745;
9068
9069}
9070
9071.top_btn li{
9072    padding: 0 15px;
9073}
9074.top_btn li a{
9075    color: #6b7b84;
9076    font-size: 14px;
9077}
9078.top_btn{
9079    margin: 0;
9080    padding: 20px 0;
9081}
9082
9083.navbar-light .navbar-nav .nav-link, .mega-drop-down a{
9084    color: black;
9085    font-size: 14px;
9086    margin: 0 17px 0 0;
9087    padding-top: 10px;
9088    padding-bottom: 6px;
9089}
9090
9091
9092.container .dropdown-menu {
9093
9094     margin-top:10px;
9095     position:relative;
9096     /*width:60% !important;*/
9097
9098 }
9099
9100 .collapse.navbar-collapse {
9101
9102     height:360px;
9103     overflow-x:hidden;
9104     overflow-y:auto;
9105     position:relative;
9106     width:70% !important;
9107
9108 }
9109
9110.container .list-inline-item .new-indicator {
9111
9112     position:absolute;
9113     top:20px;
9114     font-size:1.1rem;
9115
9116 }
9117
9118.container .list-inline-item .number {
9119
9120     position:absolute;
9121     top:8px;
9122     left:0;
9123     width:22.625px;
9124     text-align:center;
9125     color:white;
9126     font-size:0.5rem;
9127
9128 }
9129
9130
9131.dropdown-menu.notifications-dropdown,
9132.dropdown-menu.messages-dropdown {
9133
9134     width:350px;
9135
9136 }
9137
9138
9139
9140
9141 @media (max-width: 66em){
9142
9143     .dropdown-menu.notifications-dropdown,
9144     .dropdown-menu.messages-dropdown {
9145
9146         width:340px;
9147
9148     }
9149
9150
9151 }
9152
9153
9154 .notifications-dropdown .dropdown-header,
9155 .messages-dropdown .dropdown-header {
9156
9157     margin-top:-7px;
9158     color:inherit;
9159     font-size:15px;
9160     background-color:#f7f7f7;
9161     border-bottom:1px solid #ebebeb;
9162
9163 }
9164
9165
9166 .header-message-div {
9167
9168     padding-bottom:0px;
9169     padding-top: 10px;
9170     border-bottom:1px solid #ccc;
9171     padding-left:15px;
9172     height:85px;
9173 
9174 }
9175
9176 .header-message-div-unread {
9177
9178     background:#ebf2f5;
9179     padding-bottom:0px;
9180     padding-top: 10px;
9181     border-bottom:1px solid #ccc;
9182     padding-left:15px;
9183     height:85px;
9184
9185 }
9186
9187 .header-message-div:last-child {
9188
9189     border-bottom:0px;
9190
9191 }
9192
9193 .header-message-div a:hover,
9194 .header-message-div-unread a:hover {
9195
9196     text-decoration:none;
9197
9198 }
9199
9200
9201 .header-message-div .heading,
9202 .header-message-div-unread .heading {
9203     font-weight: bold;
9204     position:relative;
9205     margin-left:13px;
9206     top:-13px;
9207     color:black;
9208     font-size:15px;
9209
9210 }
9211
9212.header-message-div .message,
9213.header-message-div-unread .message {
9214
9215    font-size:15px;
9216    position:relative;
9217    margin-left:55px;
9218    top:-28px;
9219    left:20px;
9220    width: 80%;
9221    color:black;
9222
9223}
9224
9225 .header-message-div .date,
9226 .header-message-div-unread .date {
9227
9228     position:relative;
9229     font-size:14px;
9230     margin-left:55px;
9231     margin-bottom:0px;
9232     top:-40px;
9233     left:20px;
9234     height:0px;
9235
9236 }
9237
9238
9239.navbar-login .collapse.navbar-collapse .nav-item .btn {
9240
9241    margin-top:0px;
9242    color:#fff !important;
9243}
9244
9245.dropdown-submenu {
9246
9247    padding-top:5px;
9248    padding-bottom:5px;
9249    background-color:#e9e9e9;
9250
9251}
9252
9253/*.mega-drop-down{
9254    padding-top: 17px;
9255    border-bottom: 5px solid transparent;
9256}*/
9257.navbar-nav .nav-item{
9258    border-bottom: 5px solid transparent;
9259}
9260.navbar-nav .nav-item:hover{
9261     border-bottom: 5px solid #38b22c;
9262}
9263.mega-drop-down:hover{
9264     border-bottom: 5px solid #38b22c;
9265}
9266.navbar{
9267    margin: 0;
9268    padding: 0;
9269}
9270header hr {
9271    margin-top: 0;
9272    margin-bottom: 0;
9273    border: 0;
9274    border-top: 1px solid #E1E3DF;
9275}
9276.main{
9277
9278}
9279
9280#demo1 .carousel-caption {
9281    position: absolute;
9282    z-index: 10;
9283    color: #fff;
9284    text-align: center;
9285    top: 54%;
9286}
9287
9288#demo1 .carousel-item img:not(.srch2),
9289#demo1 .carousel-item video {
9290
9291    /*height: 65vh;*/
9292    width: 100%;
9293   background: black;
9294}
9295
9296#demo1 h1 {
9297
9298    margin-top:-50px;
9299    font-size: 57px;
9300    font-weight: 700;
9301    color: #fff;
9302    text-align: center;
9303}
9304
9305#demo1 h5 {
9306    
9307    font-size: 19px;
9308    color: #fff;
9309    font-family: 'Montserrat-Light';
9310    text-align: center;
9311    margin-top: 10px;
9312
9313}
9314
9315#demo1 .carousel-indicators li {
9316
9317width: 16px;
9318height: 16px;
9319
9320}
9321
9322@media only screen and (min-width: 768px){
9323
9324
9325    #demo1 .carousel-caption h1{
9326        position: relative;
9327        top: -110px;
9328    }
9329
9330    #demo1 .carousel-caption{
9331
9332    }
9333
9334    #demo1 .carousel-caption h5 {
9335        position: relative;
9336        top: -100px;
9337    }
9338
9339    .main .form-control{
9340
9341        position: relative;
9342        top: -100px;
9343
9344
9345    }
9346
9347   .move-icon-up{
9348
9349       position: relative;
9350     top: -100px;
9351
9352    }
9353
9354}
9355
9356@media only screen and (max-width: 600px){
9357
9358    .move-icon-up img{
9359
9360        position: relative;
9361        top: -1px;
9362        width: 50%;
9363    }
9364
9365
9366}
9367
9368
9369.main .form-control{
9370    height: 55px;
9371    margin: 0 auto;
9372    display: block;
9373    padding: 10px 12px;
9374    font-size: 13px;
9375}
9376./*main .input-group-append{
9377    background: url(../img/srch.png) no-repeat;
9378
9379}*/
9380.main .input-group{
9381    width: 430px !important;
9382}
9383.input-group-append{
9384    background: #28a745;
9385    width: 54px;
9386    text-align: center;
9387    display: block;
9388    border-radius: 4px;
9389}
9390
9391.search_button {
9392
9393    width:100%;
9394
9395    height:100%;
9396
9397    background:none;
9398
9399    border:none;
9400
9401}
9402
9403.srch2{
9404    position: relative;
9405
9406}
9407.main .input-group .form-control:not(:last-child){
9408    border-radius: 4px;
9409}
9410.main .offset-md-3 {
9411    margin-left: 30%;
9412}
9413.main .input-group-append {
9414    margin-left: 6px;
9415}
9416
9417
9418/*.cards {
9419
9420border-bottom: 1px solid #ccc;
9421
9422}*/
9423
9424.cards h1 {
9425    
9426font-size:26px;
9427
9428}
9429
9430.cards .subHeading {
9431font-size:18px;
9432}
9433
9434.market{
9435    background: #fff;
9436    padding: 10px 0;
9437}
9438.market h2, .top h1{
9439    font-size: 29.1px;
9440    color: #1a1e31;
9441    text-align: center;
9442    font-family:'Montserrat-SemiBold';
9443}
9444.market h4 ,.top h4{
9445    font-size: 16px;
9446    color: #6d6e71;
9447    font-family:'Montserrat-Light';
9448    text-align: center;
9449}
9450.market p{
9451    font-size: 16px;
9452    color: #414042;
9453    font-family: 'Montserrat-Light';
9454    text-align: center;
9455    margin-top: 10px;
9456    font-weight: bold;
9457}
9458}
9459
9460.timer h5{
9461    color: #28a745;
9462    font-size: 14px;
9463}
9464.timer p{
9465    color: #929497;
9466    font-size: 13px;
9467}
9468.timer{
9469    padding: 70px 0;
9470    background: #3b3b3b;
9471}
9472.box{
9473    background: #fff;
9474    height: 100%;
9475    padding:100px 0 100px 50px;
9476}
9477.blu_box{
9478    background: #4ec0cb;
9479    padding: 36px 0;
9480    height: 100%;
9481}
9482.blu_box1 img{
9483    width: 100%;
9484    height: 100%;
9485}
9486.blu_box1{
9487    height: 100%;
9488}
9489.top{
9490    /*padding: 80px 0;*/
9491    padding: 10px 0;
9492}
9493.top h3{
9494    font-size: 11.92px;
9495    color: #a7a9ac;
9496    font-weight: 500;
9497    display: inline-block;
9498}
9499.top h3 span{
9500    font-size: 18.19px;
9501    color: #28a745;
9502    font-weight: 700;
9503}
9504.dil{
9505   cursor:pointer;
9506   color: #28a745;
9507}
9508.dil1{
9509   cursor:pointer;
9510   color: #d1d3d4;
9511}
9512.proposal-card-base .proposal-seller-info .fit-avatar.s24 {
9513    /*width: 13%*/
9514}
9515.seller-info-wrapper{
9516    width: 74%;
9517    overflow: hidden;
9518    display: -webkit-box;
9519  -webkit-line-clamp: 2;
9520  -webkit-box-orient: vertical;
9521}
9522
9523
9524@media(max-width: 1359px){
9525
9526   .seller-info-wrapper{
9527      width: 68%;
9528   }
9529
9530}
9530
9531
9532@media(max-width: 1199px){
9533
9534   .seller-info-wrapper{
9535      width: 72%;
9536   }
9537
9538}
9539
9540@media(max-width: 991px){
9541
9542   .seller-info-wrapper{
9543      width: 75%;
9544   }
9545
9546}
9547
9548@media(max-width: 767px){
9549
9550   .seller-info-wrapper{
9551      width: 80%;
9552   }
9553
9554}
9555
9556@media(max-width: 577px){
9557
9558   .seller-info-wrapper{
9559      width: 75%;
9560   }
9561
9562}
9563
9564@media(max-width: 522px){
9565
9566   .seller-info-wrapper{
9567      width: 71%;
9568   }
9569
9570}
9571
9572@media(max-width: 479px){
9573
9574   .seller-info-wrapper{
9575      width: 85%;
9576   }
9577
9578   #announcement_bar {
9579      font-size: 13px!important;
9580   }
9581
9582}
9583
9584@media(max-width: 400px){
9585
9586   .seller-info-wrapper{
9587      width: 80%;
9588   }
9589
9590}
9591
9592
9593.favoriteIcon{
9594    /*width: 26%;*/
9595}
9596.favoriteIcon .fa{
9597    float: right;
9598    display: block;
9599    text-decoration: none!important;
9600}
9601.favoriteIcon i{
9602    font-size: 18px;
9603}
9604.likeIcon{
9605    /*width: 26%;*/
9606    z-index: 1;
9607    line-height: 1.4;
9608    font-size: 13px;
9609    border: 1px solid #556db4;
9610    border-radius: 12px;
9611    color: #556db4;
9612    margin-bottom: 5px;
9613    padding: 0 7px;
9614}
9615
9616.total_likes {
9617    float: right;
9618    margin-left: 0px;
9619    font-size: 11px;
9620    color: #f06b9f;
9621}
9622.proposal-card-base .likeIcon {
9623    margin-right: 9px;
9624    margin-top: -22px;
9625    border: none;
9626}
9627
9628.likeIcon .fa{
9629    float: left;
9630    display: block;
9631    text-decoration: none!important;
9632}
9633.likeIcon i{
9634    font-size: 18px;
9635}
9636.proposal-unfavorite{
9637    cursor:pointer;
9638    color: #28a745;
9639}
9640.proposal-favorite{
9641    cursor:pointer;
9642    color: #d1d3d4;
9643}
9644.proposal-unlike{
9645    cursor:pointer;
9646    color: #28a745;
9647}
9648.proposal-like{
9649    cursor:pointer;
9650    color: #7c8184;
9651}
9652.top p{
9653    font-size: 14px;
9654    color: #58595b;
9655}
9656.top h6{
9657    display: inline-block;
9658    font-size: 13px;
9659    color: #6d6e71;
9660}
9661
9662.litl {
9663    border-radius:50%;
9664}
9665
9666.litl, .name, .star, .star_icon{
9667    display: inline-block;
9668}
9669.top h5{
9670    font-size: 11.77px;
9671    color: #acacac;
9672    display: inline-block;
9673}
9674.star_icon{
9675    font-size: 10px;
9676    color: #ffa726;
9677}
9678.top .list-inline-item:not(:last-child){
9679    margin: 0.5px;
9680}
9681.star{
9682    float: right;
9683}
9684.thumbnail{
9685    border:1px solid #ddd;
9686    border-radius: 4px;
9687}
9688.thumbnail .caption{
9689    padding: 5px;
9690}
9691.btn_view{
9692    font-size: 10.56px;
9693    color: #28a745;
9694    font-family: 'Montserrat-Regular';
9695    text-transform: uppercase;
9696    margin: 0 auto;
9697    display: block;
9698    width: 112px;
9699    height: 40px;
9700    background: #fff;
9701    border:2px solid #28a745;
9702    border-radius: 5px;
9703    margin-top: 30px;
9704    transition: 0.4s;
9705    -o-transition: 0.4s;
9706    -webkit-transition: 0.4s;
9707    -moz-transition: 0.4s;
9708}
9709.btn_view:hover{
9710    background: #28a745;
9711    color: #fff;
9712}
9713
9714/*===============*/
9715/*=================*/
9716.mega-menu{
9717    border:1px solid #ddd;
9718     margin-top: 18px;
9719     z-index: 999;
9720}
9721.mega-menu:hover{
9722    display: block;
9723}
9724
9725.clearfix:after,
9726.clearfix:before {
9727  content: '';
9728  display: table
9729}
9730
9731.clearfix:after {
9732  clear: both;
9733  display: block
9734}
9735/*ul{
9736    list-style:none;
9737    margin: 0;
9738    padding: 0;
9739}*/
9740.content{
9741    margin: 50px 100px 0px 100px;
9742}
9743a.toggle-menu {
9744    position: absolute;
9745    right: 0px;
9746    padding: 20px;
9747    font-size: 27px;
9748    background-color: #ccc;
9749    color: #23364B;
9750    top: 0px;
9751}
9752.exo-menu{
9753    width: 100%;
9754    float: left;
9755    list-style: none;
9756    position:relative;
9757    background: #23364B;
9758}
9759.exo-menu > li {    display: inline-block;float:left;}
9760.exo-menu > li > a{
9761    color: #ccc;
9762    text-decoration: none;
9763    text-transform: uppercase;
9764    border-right: 1px #365670 dotted;
9765    -webkit-transition: color 0.2s linear, background 0.2s linear;
9766    -moz-transition: color 0.2s linear, background 0.2s linear;
9767    -o-transition: color 0.2s linear, background 0.2s linear;
9768    transition: color 0.2s linear, background 0.2s linear;
9769}
9770.exo-menu > li > a.active,
9771.exo-menu > li > a:hover,
9772li.drop-down ul > li > a:hover{
9773    background:#009FE1;
9774    color:#fff;
9775}
9776.exo-menu i {
9777  float: left;
9778  font-size: 18px;
9779  margin-right: 6px;
9780  line-height: 20px !important;
9781}
9782li.drop-down,
9783.flyout-right,
9784.flyout-left{position:relative;}
9785li.drop-down:before {
9786  content: "\f103";
9787  color: #fff;
9788  font-family: FontAwesome;
9789  font-style: normal;
9790  display: inline;
9791  position: absolute;
9792  right: 6px;
9793  top: 20px;
9794  font-size: 14px;
9795}
9796li.drop-down>ul{
9797    left: 0px;
9798    min-width: 230px;
9799
9800}
9801.drop-down-ul{display:none;}
9802.flyout-right>ul,
9803.flyout-left>ul{
9804  top: 0;
9805  min-width: 230px;
9806  display: none;
9807  border-left: 1px solid #365670;
9808  }
9809
9810li.drop-down>ul>li>a,
9811.flyout-right ul>li>a ,
9812.flyout-left ul>li>a {
9813    color: #fff;
9814    display: block;
9815    padding: 20px 22px;
9816    text-decoration: none;
9817    background-color: #365670;
9818    border-bottom: 1px dotted #547787;
9819    -webkit-transition: color 0.2s linear, background 0.2s linear;
9820    -moz-transition: color 0.2s linear, background 0.2s linear;
9821    -o-transition: color 0.2s linear, background 0.2s linear;
9822    transition: color 0.2s linear, background 0.2s linear;
9823}
9824.flyout-right ul>li>a ,
9825.flyout-left ul>li>a {
9826    border-bottom: 1px dotted #B8C7BC;
9827}
9828
9829
9830/*Flyout Mega*/
9831.flyout-mega-wrap {
9832    top: 0;
9833    right: 0;
9834    left: 100%;
9835    width: 100%;
9836    display:none;
9837    height: 100%;
9838    padding: 15px;
9839    min-width: 742px;
9840
9841}
9842h4.row.mega-title {
9843  color:#eee;
9844  margin-top: 0px;
9845  font-size: 14px;
9846  padding-left: 15px;
9847  padding-bottom: 13px;
9848  text-transform: uppercase;
9849  border-bottom: 1px solid #ccc;
9850 }
9851.flyout-mega ul > li > a {
9852  font-size: 90%;
9853  line-height: 25px;
9854  color: #fff;
9855  font-family: inherit;
9856}
9857.flyout-mega ul > li > a:hover,
9858.flyout-mega ul > li > a:active,
9859.flyout-mega ul > li > a:focus{
9860  text-decoration: none;
9861  background-color: transparent !important;
9862  color: #ccc !important
9863}
9864/*mega menu*/
9865
9866.mega-menu {
9867
9868    padding: 15px;
9869    display: none;
9870    padding-top: 0;
9871    min-height: 100%;
9872    top: 10px;
9873    z-index: 999;
9874    border: 0;
9875    width: 45%;
9876    padding-top: 20px;
9877}
9878
9879.mega-menu:first-child {
9880
9881margin-left: -0px !important;
9882
9883}
9884
9885
9886
9887h4.row.mega-title {
9888  color: #eee;
9889  margin-top: 0px;
9890  font-size: 14px;
9891  padding-left: 15px;
9892  padding-bottom: 13px;
9893  text-transform: uppercase;
9894  border-bottom: 1px solid #547787;
9895  padding-top: 15px;
9896  background-color: #365670
9897  }
9898.mega-menu ul li a {
9899  line-height: 30px;
9900  font-size: 90%;
9901  padding-left: 15px;
9902  display: block;
9903}
9904ul.stander li a {
9905    padding: 3px 0px;
9906}
9907
9908ul.description li {
9909    padding-bottom: 0;
9910    line-height: 8px;
9911}
9912
9913
9914a.view-more{
9915  border-radius: 1px;
9916  margin-top:15px;
9917  background-color: #009FE1;
9918  padding: 2px 10px !important;
9919  line-height: 21px !important;
9920  display: inline-block !important;
9921}
9922a.view-more:hover{
9923    color:#fff;
9924    background:#0DADEF;
9925}
9926ul.icon-des li a i {
9927    color: #fff;
9928    width: 35px;
9929    height: 35px;
9930    border-radius: 50%;
9931    text-align: center;
9932    background-color: #009FE1;
9933    line-height: 35px !important;
9934}
9935
9936ul.icon-des li {
9937    width: 100%;
9938    display: table;
9939    margin-bottom: 11px;
9940}
9941/*Blog DropDown*/
9942.Blog{
9943    left:0;
9944    display:none;
9945    color:#fefefe;
9946    padding-top:15px;
9947    background:#547787;
9948    padding-bottom:15px;
9949}
9950.Blog .blog-title{
9951    color:#fff;
9952    font-size:15px;
9953    text-transform:uppercase;
9954
9955}
9956.Blog .blog-des{
9957    color:#ccc;
9958    font-size:90%;
9959    margin-top:15px;
9960}
9961.Blog a.view-more{
9962    margin-top:0px;
9963}
9964/*Images*/
9965.Images{
9966    left:0;
9967   width:100%;
9968     display:none;
9969    color:#fefefe;
9970    padding-top:15px;
9971    background:#547787;
9972    padding-bottom:15px;
9973}
9974.Images h4 {
9975  font-size: 15px;
9976  margin-top: 0px;
9977  text-transform: uppercase;
9978}
9979/*common*/
9980.flyout-right ul>li>a ,
9981.flyout-left ul>li>a,
9982.flyout-mega-wrap,
9983.mega-menu{
9984    background-color: #fff;
9985}
9986
9987
9988/****uma 24/09/2020 *********************/
9989.extra-images{
9990    text-align:right;
9991    position:absolute ;
9992    width: 100% ;
9993    height: 80px;
9994    bottom: 1px;
9995    right: 0px;
9996    z-index:30;
9997    
9998}
9999.extra-images img{
10000    /*width:45%;*/
10001    /*height:99%;*/
10002    /*border:1px solid white;*/
10003    /*box-shadow:0px 0px 5px 4px #ddd;*/
10004    /*display:inline-block;*/
10005    /*margin:0;*/
10006    /*margin-right:2px;*/
10007        width: unset;
10008    /* max-width: unset; */
10009    height: 90%;
10010    border: 1px solid white;
10011    box-shadow: 0px 0px 5px 4px #08080847;
10012    display: inline-block!important;
10013    margin: 0;
10014    margin-right: 3%;
10015    position: static;
10016    width: 48px;
10017    /* height: 70px; */
10018    object-fit: cover;
10019    margin: unset!important;
10020    margin-right: 10px!important;
10021}
10022
10023/*************uma ends ***************/
10024
10025
10026/*hover*/
10027.Blog:hover,
10028.Images:hover,
10029.mega-menu:hover,
10030.drop-down-ul:hover,
10031li.flyout-left>ul:hover,
10032li.flyout-right>ul:hover,
10033.flyout-mega-wrap:hover,
10034li.flyout-left a:hover +ul,
10035li.flyout-right a:hover +ul,
10036.blog-drop-down >a:hover+.Blog,
10037li.drop-down>a:hover +.drop-down-ul,
10038.images-drop-down>a:hover +.Images,
10039.mega-drop-down a:hover+.mega-menu,
10040li.flyout-mega>a:hover +.flyout-mega-wrap{
10041    display:block;
10042}
10043/*responsive*/
10044
10045.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
10046.flyout-left>ul, li.drop-down>ul{
10047        position:absolute;
10048}
10049 .flyout-right>ul{
10050    left: 100%;
10051    }
10052    .flyout-left>ul{
10053    right: 100%;
10054}
10055 }
10056@media (max-width:767px){
10057
10058
10059
10060}
10061a.toggle-menu{
10062    position: absolute;
10063    right: 0px;
10064    padding: 20px;
10065    font-size: 27px;
10066    background-color: #ccc;
10067    color: #23364B;
10068    top: 0px;
10069}
10070
10071
10072
10073@media(max-width: 1118px){
10074
10075.mega-menu{
10076margin-top: 50px;
10077left:0 !important;
10078right:0 !important;
10079
10080width: 100%;
10081
10082}
10083
10084.mega-menu:last-child{
10085margin-top: 50px;
10086left:0 !important;
10087right:0 !important;
10088margin-left: -0px !important;
10089width: 100%;
10090
10091}
10092
10093}
10094
10095
10096/*==================================media-===========================================*/
10097@media(max-width: 1280){
10098    #demo1 .carousel-caption h1 {
10099        font-size: 45px;
10100    }
10101    .main{
10102    }
10103    
10104    
10105
10106#demo1 .carousel-item img:not(.srch2){
10107
10108height: 62vh !important;
10109
10110}
10111
10112.carousel-control-prev,
10113.carousel-control-next {
10114    display: none;
10115}
10116
10117}
10118
10119@media(max-width: 1024px){
10120
10121    .navbar-light .navbar-nav .nav-link,.mega-drop-down a {
10122       /*margin: 0;*/
10123        font-size: 12px;
10124        overflow-y: scroll;
10125        padding: 3px;
10126    }
10127    #demo1 .carousel-caption h1 {
10128        font-size: 40px;
10129    }
10130
10131    #demo1 .carousel-item img:not(.srch2){
10132
10133height: 65vh;
10134
10135width: auto;
10136
10137}
10138
10139    #demo1 .carousel-caption{
10140    left:1%;
10141    right: 1%;
10142    top: 58%;
10143    }
10144
10145    .top h6 {
10146        font-size: 11px;
10147    }
10148    .star_icon {
10149        font-size: 9px;
10150    }
10151    .top p {
10152        font-size: 12px;
10153    }
10154 
10155    .mega-menu ul li a {
10156        font-size: 75%;
10157
10158    }
10159
10160}
10161
10162
10163@media(max-width: 991px){
10164    .mega-menu {
10165left:0;
10166right:0;
10167
10168    width: 100% !important;
10169
10170}
10171
10172    .mega-menu:last-child{
10173
10174        margin-left:0px !important;
10175    }
10176
10177    .logo {
10178        font-size: 25.18px;
10179    }
10180    .top_btn li {
10181        padding: 0 11px;
10182    }
10183    .btn_search, .btn_join {
10184        font-size: 10px;
10185        width: 100%;
10186    }
10187    #demo1 .carousel-caption h1 {
10188       font-size: 35px;
10189    }
10190
10191    .blu_box{
10192        padding: 0;
10193    }
10194    .box{
10195        padding: 50px 5px 21px 34px
10196    }
10197    .mega-menu {
10198        margin-top: 31px;
10199    }
10200}
10201@media(max-width: 767px){
10202/*
10203    .carousel-control-prev,
10204    .carousel-control-next {
10205        display: none;
10206    }*/
10207    #demo1 .carousel-item img:not(.srch2){
10208    height: 25vh;
10209    width: auto;
10210    }
10211    
10212   #demo1 .carousel-item video:not(.srch2){
10213   height: 62vh;
10214   width: auto;
10215   background: black;
10216   }
10217   
10218    .visible-xs{
10219        display: block;
10220    }
10221    
10222    .hidden-xs{
10223        display: none;
10224    }
10225    
10226    .top_btn li {
10227        padding: 0 8px;
10228    }
10229    
10230    #demo1 .carousel-caption{
10231    left:5%;
10232    right: 5%;
10233    top: 40%;
10234    }
10235
10236    #demo1 .carousel-caption h1 {
10237        font-size: 25px;
10238    }
10239    #demo1 .carousel-caption h5 {
10240        font-size: 15px;
10241    }
10242    .main .offset-md-3 {
10243        margin-left: 0;
10244    }
10245    /*.srch2{
10246        top: 5px;
10247    }*/
10248
10249   #demo1 .carousel-control-prev{
10250      display: none;
10251   }
10252   
10253   #demo1 .carousel-control-next{
10254      display: none;
10255   }
10256
10257    .main .form-control {
10258        height: 37px;
10259    }
10260    .market h2, .top h1 {
10261        font-size: 25.1px;
10262    }
10263
10264    .market .space80 {
10265        margin-top: 50px;
10266    }
10267    
10268    .market img {
10269        width: 100%;
10270    }
10271    
10272    .timer {
10273        padding: 40px 0;
10274    }
10275    .box{
10276        padding: 60px 0 60px 50px;
10277    }
10278    .thumbnail .t_img{
10279        width: 100%;
10280    }
10281    .name, .star {
10282        display: inline-block;
10283    }
10284    .star {
10285        float: right;
10286    }
10287    .top p br{
10288        display: none;
10289    }
10290    .navbar-light .navbar-brand{
10291        color: #28a745;
10292        margin: 10px 0;
10293    }
10294    .navbar-light .navbar-toggler{
10295        border-color: #28a745;
10296    }
10297    footer ul li a{
10298        font-size: 12px;
10299    }
10300    footer h3{
10301        /*margin-top: 20px;*/
10302    }
10303    .social_icon li a {
10304        padding-right: 6px;
10305    }
10306    footer h5 {
10307        font-size: 13px;
10308    }
10309    .market h4, .top h4 {
10310        font-size: 15px;
10311    }
10312    footer ul li {
10313        padding: 0px 0;
10314    }
10315     .pic, .pic1{
10316        width:60%;
10317    }
10318
10319    .drop-down{ height:100% !important; }
10320
10321
10322}
10323
10324@media(max-width: 320px){
10325    .market h2, .top h1 {
10326        font-size: 23.1px;
10327    }
10328}
10329
10330
10331/*** Slider Styles ***/
10332
10333
10334.carousel-indicators {
10335    position: absolute;
10336    right: 0;
10337    bottom: 27px;
10338    left: 3%;
10339    z-index: 15;
10340    display: -webkit-box;
10341    display: -ms-flexbox;
10342    display: flex;
10343    -webkit-box-pack: start;
10344    -ms-flex-pack: center;
10345    justify-content: left;
10346    padding-left: 0;
10347    margin-right: 0;
10348    margin-left: 0;
10349    list-style: none;
10350}
10351
10352
10353.carousel-inner {
10354    position: relative;
10355    width: 100%;
10356    overflow: hidden;
10357}
10358
10359
10360.carousel-inner {
10361    position: relative;
10362    width: 100%;
10363    overflow: hidden;
10364}
10365
10366
10367#demo3 .carousel-caption {
10368    position: absolute;
10369    right: 15%;
10370    left: 21px;
10371    z-index: 10;
10372    padding-top: 20px;
10373    padding-bottom: 20px;
10374    color: #fff;
10375    text-align: left;
10376    top: 34%;
10377   height: calc(100% - 300px);
10378   /*margin-bottom: 19%;*/
10379}
10380
10381
10382#demo3 h3 {
10383
10384    margin-top:-50px;
10385    font-size: 50px;
10386    font-weight: 400;
10387}
10388
10389#demo3 p {
10390    font-size: 19px;
10391    font-family: 'Montserrat-Light';
10392}
10393
10394.carousel-indicators {
10395    position: absolute;
10396    right: 0;
10397    bottom: 27px;
10398    left: 3%;
10399    z-index: 15;
10400    display: -webkit-box;
10401    display: -ms-flexbox;
10402    display: flex;
10403    -webkit-box-pack: start;
10404    -ms-flex-pack: center;
10405    justify-content: left;
10406    padding-left: 0;
10407    margin-right: 0;
10408    margin-left: 0;
10409    list-style: none;
10410}
10411
10412
10413.carousel-indicators li {
10414    position: relative;
10415    -webkit-box-flex: 0;
10416    -ms-flex: 0 1 auto;
10417    flex: 0 1 auto;
10418    width: 12px;
10419    height: 12px;
10420    margin-right: 5px;
10421    margin-left: 3px;
10422    text-indent: -999px;
10423    background-color: transparent;
10424    border: 2px solid #fff;
10425    border-radius: 50%;
10426}
10427
10428.carousel-control-prev{
10429    height:60%;
10430    top:20%;
10431}
10432
10433.carousel-control-next{
10434    height:60%;
10435    top:20%;
10436}
10437
10438.audio-player{
10439   height: 440px; width: 100%;
10440}
10441
10442audio.embed-responsive{
10443   height: 428px;
10444   direction: ltl;
10445   border-top-right-radius: 0.5em 0.5em;
10446   border-bottom-right-radius: 1em 0.7em;
10447}
10448
10449video.embed-responsive,
10450audio.embed-responsive {
10451    max-height:428px !important;
10452}
10453
10454.slide-fullscreen {
10455   cursor: pointer;
10456   background-color: rgba(0,0,0,.5);
10457   font-size: 14px;
10458   color: #fff;
10459   position: absolute;
10460   z-index: 4;
10461   line-height: 32px;
10462   padding: 0 1em;
10463   border-radius: 4px;
10464   top: 20px;
10465   right: 20px;
10466   display: inline-block;
10467   opacity: 0;
10468   -webkit-transition: opacity .25s ease-in-out;
10469   -o-transition: opacity .25s ease-in-out;
10470   transition: opacity .25s ease-in-out;
10471   -webkit-transition-delay: 0;
10472   -o-transition-delay: 0;
10473   transition-delay: 0;
10474}
10475
10476.slide-fullscreen:before {
10477   font-family: FontAwesome;
10478   content: "\f0b2";
10479   margin-right: .5em;
10480   display: inline-block;
10481}
10482
10483/* Register, Login & Forgot Password modal boxes */
10484
10485.modal-form.register {
10486
10487    max-width:500px !important;
10488    margin-top:10% !important;
10489
10490}
10491
10492.modal-form {
10493
10494    max-width:350px !important;
10495
10496    margin-top:30% !important;
10497
10498}
10499
10500
10501.modal-form input[type=text],
10502.modal-form input[type=email],
10503.modal-form input[type=password]{
10504
10505    height:44px;
10506
10507    font-size:16px;
10508
10509    width:100%;
10510
10511    margin-bottom:10px;
10512
10513    background:#fff;
10514
10515    border:1px solid #d9d9d9;
10516
10517    border-top: 1px solid #c0c0c0;
10518
10519
10520    padding:0 8px;
10521
10522    box-sizing: border-box;
10523
10524}
10525
10526
10527.modal-form input[type=text]:hover,
10528.modal-form input[type=email]:hover,
10529.modal-form input[type=password]:hover {
10530
10531    border: 1px solid #b9b9b9;
10532
10533    border-top: 1px solid #a0a0a0;
10534
10535    box-shadow : inset 0 1px 2px rgba(0,0,0,0,.1);
10536    -moz-box-shadow : inset 0 1px 2px rgba(0,0,0,0,.1);
10537    -webkit-box-shadow : inset 0 1px 2px rgba(0,0,0,0,.1);
10538
10539}
10540
10541.modal-form .form-text {
10542
10543    font-weight:bold;
10544
10545
10546}
10547
10548.modal-form a {
10549
10550    color: #666;
10551
10552    font-weight:bold;
10553
10554    text-align:center;
10555
10556}
10557
10558.modal-header .fa {
10559
10560    position: relative;
10561    top: 6px;
10562    font-size: 127%;
10563    padding-right: 5px;
10564
10565}
10566
10567.fa-log {
10568
10569    position: relative;
10570    top: 6px;
10571    font-size: 130% !important;
10572    padding-right: 6px !important;
10573
10574}
10575
10576.modal-form a {
10577
10578    color: #666;
10579    text-align: center;
10580    font-weight: bold;
10581}
10582
10583
10584
10585
10586/** Search & Categories styles **/
10587
10588.bg-white {
10589    /* background: #ebebeb !important; */
10590    background: #fff;
10591}
10592.header-search {
10593    background-color: #ebebeb;
10594    padding: 100px;
10595}
10596
10597.clearlink{
10598    display: none;
10599}
10600
10601.loader {
10602    display: block;
10603    cursor: wait;
10604    position: fixed;
10605    z-index: 5000;
10606    background-image: url(../images/loading.gif);
10607    background-color: #666 ;
10608    opacity: 0.4;
10609    background-repeat: no-repeat;
10610    background-position: center;
10611    left: 0;
10612    bottom: 0;
10613    right: 0;
10614    top: 0;
10615}
10616
10617.page-link {
10618    color: #00a64b !important;
10619    font-weight: bold;
10620}
10621
10622/** Category sidebar **/
10623
10624#proposal_category .nav-link {
10625    padding: .1rem 0rem 0.5rem 0;
10626}
10627#proposal_category li:last-child {
10628    padding-bottom: 15px !important;
10629}
10630#proposal_category .nav-link.active a {
10631    color: #333333 !important;
10632    font-weight: 500;
10633}
10634#proposal_category li ul li {
10635    margin-left: 20px;
10636}
10637#proposal_category li ul .nav-link.active {
10638    color: #333333 !important;
10639    font-weight: 500;
10640}
10641
10642/** Custom checkboxes styles **/
10643
10644.checkbox span {
10645    display: inline-block;
10646    vertical-align: middle;
10647    position: relative;
10648    padding-left: 5px;
10649}
10650
10651.checkbox span::before {
10652    content: "";
10653    display: inline-block;
10654    position: absolute;
10655    width: 17px;
10656    height: 17px;
10657    left: 0;
10658    top: 2px;
10659    margin-left: -20px;
10660    border:2px solid #cccccc;
10661    border-radius: 3px;
10662    background: #fff;
10663    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
10664}
10665
10666.checkbox span::after {
10667    display: inline-block;
10668    position: absolute;
10669    width: 16px;
10670    height: 16px;
10671    left: -1px;
10672    top: 2.5px;
10673    margin-left: -20px;
10674    padding-left: 3px;
10675    padding-top: 1px;
10676    font-size: 11px;
10677    color: #555555;
10678}
10679
10680.checkbox input[type="checkbox"]{
10681    opacity: 0;
10682    z-index: 1;
10683    cursor: pointer;
10684}
10685
10686.checkbox input[type="checkbox"]:focus + span::before {
10687    outline: thin dotted;
10688    outline: 5px auto;
10689    outline-offset: -2px;
10690}
10691
10692.checkbox input[type="checkbox"]:checked + span::after {
10693    font-family: "FontAwesome";
10694    content: "\f00c";
10695}
10696
10697.checkbox-success input[type="checkbox"]:checked + span::before {
10698    background-color: #00a64b;
10699    border-color: #00a64b;
10700}
10701
10702.checkbox-success input[type="checkbox"]:checked + span::after {
10703    color: #fff;
10704}
10705
10706
10707
10708/* Custom Radio Button Styles */
10709
10710.checkcontainer {
10711  display: block;
10712  position: relative;
10713  padding-left: 30px;
10714  margin-bottom: 12px;
10715  cursor: pointer;
10716  font-size: 14px;
10717  user-select: none;
10718}
10719
10720.checkcontainer input {
10721  position: absolute;
10722  opacity: 0;
10723  cursor: pointer;
10724  height: 0;
10725  width: 0;
10726}
10727
10728.checkmark {
10729  position: absolute;
10730  top: -1px;
10731  left: 0;
10732  height: 20px;
10733  width: 20px;
10734  border:1.5px solid #eee;
10735  background-color: white;
10736  border-radius: 50%;
10737}
10738
10739.checkcontainer input:checked ~ .checkmark {
10740  background-color: #00a64b;
10741}
10742
10743.checkmark:after {
10744  content: "";
10745  position: absolute;
10746  display: none;
10747}
10748
10749.checkcontainer input:checked ~ .checkmark:after {
10750  display: block;
10751}
10752
10753.checkcontainer .checkmark:after {
10754  top:4px;
10755  left:5px;
10756  width:8px;
10757  height:8px;
10758  border-radius: 50%;
10759  background: white;
10760}
10761
10762
10763
10764/** Mobile Categories Styles **/
10765
10766.mobile-category {
10767
10768    background:white;
10769
10770    border:1px solid #e5e5e5;
10771
10772    margin-bottom:10px;
10773
10774}
10775
10776
10777.mobile-category a {
10778
10779    text-decoration:none;
10780
10781    color:black;
10782
10783}
10784
10785.mobile-category a:hover {
10786
10787    text-decoration:none;
10788
10789    color:black;
10790
10791}
10792
10793
10794.mobile-category .category-picture img{
10795
10796    width:50px;
10797
10798    height:50px;
10799
10800}
10801
10802
10803.mobile-category .category-text {
10804
10805margin-left:60px;
10806
10807margin-top:-50px;
10808
10809}
10810
10811.mobile-category .category-text .category-title {
10812
10813margin-left:10px;
10814
10815}
10816
10817.mobile-category .category-text .category-desc {
10818
10819margin-top:-15px;
10820
10821font-size:13px;
10822
10823margin-left:10px;
10824
10825margin-right:5px;
10826
10827}
10828
10829
10830
10831/** Proposals Divs Styles **/
10832
10833            
10834
10835/** Proposals Divs Styles **/
10836
10837.proposals [class*='col-xs-'],
10838.proposals [class*='col-sm-'],
10839.proposals [class*='col-md-'],
10840.proposals [class*='col-lg-'],
10841.proposals [class*='col-xl-'] {
10842    padding-left: 13px !important;
10843    padding-right: 13px !important;
10844}
10845
10846.user-proposals {
10847    margin-right: -6px;
10848    margin-left: -6px;
10849}
10850
10851.user-proposals [class*='col-xs-'],
10852.user-proposals [class*='col-sm-'],
10853.user-proposals [class*='col-md-'],
10854.user-proposals [class*='col-lg-'],
10855.user-proposals [class*='col-xl-'] {
10856    padding-left: 10px;
10857    padding-right: 10px;
10858}
10859
10860
10861.proposal-card-base.mp-proposal-card {
10862    position: relative;
10863    background-color: #fff;
10864    border: 1px solid #e5e5e5;
10865    width: 100%;
10866}
10867
10868
10869.video .proposal-card-base.mp-proposal-card {
10870    border: none!important;
10871}
10872
10873.add-new-proposal {
10874    background-color: #eee;
10875    border: 0;
10876    text-align: center;
10877    color: #555;
10878    font-size: 14px;
10879    font-weight: 700;
10880    text-transform: capitalize;
10881    margin-right: 0;
10882    height:100%;
10883    padding-bottom: 80px;
10884}
10885
10886.add-new-proposal:before {
10887  content: '+';
10888  background-color: #78cdd2;
10889  color: #fff;
10890  font-size: 48px;
10891  font-weight: 400;
10892  width: 66px;
10893  height: 66px;
10894  border-radius: 50%;
10895  display: block;
10896  margin: 70px auto 20px;
10897  line-height: 67px;
10898}
10899
10900.proposal-card-base {
10901    -webkit-box-sizing: border-box;
10902    box-sizing: border-box;
10903}
10904
10905.proposal-card-base .proposal-seller-info {
10906    background-color: #fff;
10907    color: #b2b2b2;
10908    display: -webkit-box;
10909    display: -webkit-flex;
10910    display: -ms-flexbox;
10911    display: flex;
10912    -webkit-box-align: center;
10913    -webkit-align-items: center;
10914    -ms-flex-align: center;
10915    align-items: center;
10916    -webkit-flex-wrap: wrap;
10917    -ms-flex-wrap: wrap;
10918    flex-wrap: wrap;
10919    font-size: 12px;
10920    line-height: 16px;
10921    font-weight: 450;
10922    padding: 8px 12px 0;
10923    height: 41px;
10924    position: relative;
10925    -webkit-box-sizing: border-box;
10926    box-sizing: border-box;
10927    min-height: auto;
10928    border: none;
10929    margin-top: 0;
10930}
10931
10932.proposal-card-base .proposal-seller-info .fit-avatar.s24 {
10933    margin-top: 0;
10934    -webkit-flex-shrink: 0;
10935    -ms-flex-negative: 0;
10936    flex-shrink: 0;
10937}
10938
10939.fit-avatar.s24, .fit-avatar.s24 img {
10940    width: 24px;
10941    height: 24px;
10942}
10943
10944.fit-avatar.s24 {
10945    margin-right: 8px;
10946    margin-top: 4px;
10947}
10948
10949.proposal-card-base .proposal-link-main h3:hover{
10950    color: #1dbf73;
10951}
10952
10953.proposal-card-base .proposal-link-main h3 {
10954color: #303030;
10955    margin: 0 12px 10px;
10956    font-size: 15px;
10957    line-height: 20px;
10958    font-weight: 400;
10959    height: 43px;
10960    overflow: hidden;
10961    padding-top: 5px;
10962    display: block;
10963    display: -webkit-box;
10964    -webkit-line-clamp: 2;
10965    -webkit-box-orient: vertical;
10966}
10967
10968.proposal-card-base.mp-proposal-card .rating-badges-container {
10969    min-height: 25px;
10970    margin-top: 2px;
10971}
10972
10973.proposal-card-base .proposal-rating {
10974    line-height: 15px;
10975    color: #b2b2b2;
10976    font-size: 13px;
10977    padding: 0 12px 4px;
10978    display: inline-block;
10979    min-height: 21px;
10980    position: relative;
10981}
10982
10983.proposal-card-base .proposal-rating svg {
10984    float: left;
10985    width: 15px;
10986    height: 15px;
10987    margin: -1px 5px 0 0;
10988}
10989
10990.proposal-card-base .proposal-rating strong {
10991    color: #ffbf00;
10992    margin-right: 4px;
10993}
10994
10995.fit-svg-icon path {
10996    fill: #ffbf00;
10997}
10998
10999.proposal-card-base.mp-proposal-card .proposal-card-footer {
11000    height: 41px;
11001    border-top: 1px solid #eee;
11002}
11003
11004.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-fav {
11005    left: 2px;
11006}
11007
11008.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-price {
11009    position: absolute;
11010    bottom: 6.5px;
11011}
11012
11013.proposal-card-base .proposal-fav {
11014    padding: 12px 12px 0;
11015    white-space: nowrap;
11016}
11017
11018.proposal-fav .icn-list svg {
11019    width: 18px;
11020    min-width: 18px;
11021    height: 18px;
11022    position: relative;
11023    display: inline-block;
11024    margin-right: 6px;
11025    bottom: -9px;
11026    text-decoration: none!important;
11027}
11028
11029.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-price {
11030    right: 0;
11031}
11032
11033.proposal-card-base.mp-proposal-card .proposal-card-footer .proposal-fav{
11034    position: absolute;
11035    bottom: 13px;
11036}
11037
11038.proposal-card-base .proposal-price a {
11039    font-size: 18px;
11040    line-height: 20px;
11041    color: #555;
11042    font-weight: 500;
11043    padding: 10px 12px 0 0;
11044}
11045
11046.proposal-card-base .proposal-price a small {
11047    color: #555;
11048    font-size: 11px;
11049    text-transform: uppercase;
11050    display: inline-block;
11051    vertical-align: top;
11052    padding: 1px 5px 0 0;
11053}
11054
11055/*** User Profile Page Styles  ***/
11056.user-header {
11057    background:url(../images/user-background.jpg);
11058    color:white;
11059}
11060.user-header .btn-edit{
11061height: 36px; 
11062display: none; 
11063float: right;
11064}
11065.user-header:hover .btn-edit {
11066    display:block !important;
11067    width:auto;
11068}
11069.user-header .profile-image img {
11070    width:160px;
11071    height:160px;
11072}
11073.user-header .profile-image .level_badge {
11074    position:absolute;
11075    width:60px;
11076    height:60px;
11077    top:160px;
11078    left:130px;
11079}
11080.content-bar .headline {
11081    font-size:21px;
11082}
11083.content-bar .star-rating {
11084    font-size:20px;
11085    color:yellow;
11086}
11087.content-bar .user-is-online {
11088font-size:22px;
11089}
11090.content-bar .user-is-online span.h6{
11091   color: #28a745 !important
11092}
11093
11094.user-status {
11095    background:url(../images/user-background-cover.jpg);
11096    padding:5px 15px 15px 15px;
11097    color:#fff;
11098}
11099.user-status ul li {
11100    padding-right:30px;
11101    display:inline-block;
11102    font-size:18px;
11103    margin-top:18px;
11104}
11105.btn-move-right {
11106    margin-left: 186px;
11107}
11108.user-sidebar .card-body .card-hr {
11109margin-right:-15px;
11110margin-left:-15px;
11111}
11112.user-sidebar .card-body .card-li {
11113font-size:1rem;
11114font-weight:400;
11115}
11116.user-reviews .card-header .rating {
11117    margin-top:-7px;
11118}
11119.user-reviews .card-header ul li {
11120    cursor:pointer;
11121}
11122.user-reviews .card-header .active {
11123background-color: #00a64b !important;
11124}
11125.move-left-text {
11126    position: relative;
11127    left: 5px !important;
11128}
11129
11130
11131
11132/** Login **/
11133
11134.box-login {
11135
11136background:#fff;
11137border: solid 1px #e6e6e6;
11138padding:8px 20px 20px 20px;
11139margin-bottom:40px;
11140border-radius:5px;
11141box-shadow:0px 0px 8px rgba(0,0,0,0.4);
11142
11143}
11144
11145.box-login .logo {
11146
11147width:100px;    
11148border-radius:50%;
11149margin:0 auto;
11150display:block;
11151
11152}
11153
11154.box-login input[type=text],
11155.box-login input[type=password] {
11156
11157height:44px;
11158font-size:17px;
11159
11160}
11161
11162
11163.box-login input[type=submit]{
11164
11165    padding:15px 0px;
11166    font-size:18px;
11167
11168}
11169
11170.box-login .text-center a{
11171
11172    font-size:15px;
11173    color: #28a745;
11174
11175}
11176
11177.box-login .fa.fa-unlock-alt {
11178
11179    color: #28a745;
11180    font-size: 130%;
11181}
11182
11183/*** Change Passowrd Styles ***/
11184
11185.change-pass #meter_wrapper {
11186
11187    border:1px solid gray;
11188    width:202px;
11189    height:25px;
11190    border-radius:3px;
11191}
11192
11193
11194.change-pass #meter {
11195
11196    height:23px;
11197
11198}
11199
11200.change-pass #pass_type {
11201   font-size: 14px;
11202   margin-top: 13px;
11203   position: absolute;
11204   top: -5px;
11205   right: 86px;
11206   font-weight: bold;
11207   color: black;
11208}
11209
11210
11211@media (max-width: 580px){
11212
11213    .change-pass .input-group .input-group-addon:last-child{
11214
11215    display:none;
11216
11217    }
11218
11219
11220    .change-pass .input-group input {
11221
11222        border-radius:3px !important;
11223
11224    }
11225
11226}
11227
11228
11229
11230/**  Login User Home Page Styles **/
11231
11232.welcome-box h5{
11233font-weight: 500;
11234}
11235
11236.welcome-box .row h5 {
11237font-size: 16px;
11238margin-bottom: 15px;
11239font-weight: 300;
11240}
11241
11242.welcome-box .row div:first-child {
11243border-right: 1px solid rgba(0, 0, 0, 0.1);
11244}
11245
11246
11247@media (max-width: 1200px) {
11248
11249.welcome-box .row div:first-child { border:none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
11250.welcome-box .row div{
11251padding-top: 10px;
11252padding-bottom: 10px;
11253width: 100%;
11254}
11255
11256}
11257
11258@media (max-width: 767px) {
11259
11260.welcome-box .row div:first-child { border:none; border-right: 1px solid rgba(0, 0, 0, 0.1); }
11261.welcome-box .row h5 { font-size: 17px; }
11262.welcome-box .row div{  width: auto; }
11263/*.welcome-box .row div:last-child { padding-left: 1rem !important; }*/
11264
11265}
11266
11267.user-home-img-responsive {
11268    height:50px;
11269}
11270.user-home-sidebar-sec .card-body a:hover {
11271    color: #28a745 !important;
11272}
11273.user-home-sidebar-sec .text-dropping {
11274    font-size: 90% !important;
11275}
11276_:-ms-fullscreen, :root .user-home-sidebar-sec {
11277height: 350px;
11278max-height: auto;
11279}
11280@media (min-width: 576px) and (max-width: 767px) {
11281_:-ms-fullscreen, :root .user-home-sidebar-sec { 
11282height: 450px;
11283max-height: auto;
11284}
11285}
11286
11287=
11288/**  Medium Devices (Tablets, 768px and up) **/
11289
11290@media (min-width: 768px) and (max-width: 991px) {
11291    .user-home-img-responsive {
11292        height:60px;
11293    }
11294    .user-home-title-responsive {
11295    margin-top:5px;
11296    font-size:15px;
11297    }
11298}
11299
11300/** Small Devices (Landscpe, Phones 576px and up) **/
11301
11302@media (min-width: 576px) and (max-width: 767px) {
11303    .user-home-img-responsive {
11304        height:80px;
11305        margin-bottom:6px;
11306    }
11307    .user-home-title-responsive {
11308        font-size:15px;
11309    }
11310}
11311
11312
11313/**  Extra Small Devices (portrait phones, less than 576px) **/
11314
11315@media (max-width: 575px){
11316    
11317    .user-home-img-responsive {
11318        width: 106px;
11319        height: 60px;
11320        margin-bottom: 5px;
11321    }
11322    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
11323        border-color: #ddd #ddd #ddd;
11324    }
11325    .nav-tabs .nav-link {
11326        border-top-left-radius: 0px;
11327        border-top-right-radius: 0px;
11328    }
11329
11330}
11331
11332
11333/*** Buyer Requests Styles ***/
11334
11335.box-table {
11336background:#fff;
11337margin-bottom:30px;
11338border:1px solid #e6e6e6;
11339box-sizing: border-box;
11340box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
11341}
11342
11343
11344.buyer-requests .request-img {
11345margin-top:10px;
11346width:50px;
11347height:50px;
11348}
11349
11350.buyer-requests .request-description {
11351margin-left:60px;
11352margin-top:-50px;
11353padding:7px 10px;
11354font-size:14px;
11355}
11356
11357
11358.buyer-requests .request-description .text-primary {
11359font-size:1.25rem;
11360}
11361
11362.buyer-requests .request-description .lead {
11363    font-size:15px;
11364    font-weight:400;
11365}
11366
11367
11368/***  Buyer Requests Send Offers Modal Styles  ***/
11369
11370#send-offer-modal .modal-dialog {
11371    max-width:600px !important;
11372}
11373
11374
11375.modal-body .request-summary {
11376padding:15px;
11377min-height:90px;
11378background:#eeeeee;
11379border-bottom:1px solid #dddddd;
11380}
11381
11382.modal-body .request-summary #request-description {
11383    margin-left:70px;
11384    margin-top:-50px;
11385    background:#f7f7f7;
11386    border:1px solid #dddddd;
11387    color: #999999;
11388    padding:7px 10px;
11389    border-radius:3px;
11390    font-size:14px;
11391}
11392
11393
11394.modal-body .request-proposals-list {
11395
11396padding:15px;
11397
11398}
11399
11400
11401.modal-body .request-proposals-list .proposal-picture img {
11402
11403border-radius:2%;
11404width:74px !important;
11405height:53px !important;
11406}
11407
11408.modal-body .request-proposals-list .proposal-title {
11409
11410margin-left:135px;
11411
11412margin-top:-50px;
11413
11414font-size:14px;
11415
11416line-height:20px;
11417
11418color:#0e0e0f;
11419
11420padding-bottom:20px;
11421
11422}
11423
11424.modal-body .request-proposals-list hr {
11425
11426margin-left:-15px !important;
11427
11428margin-right:-15px !important;
11429
11430}
11431
11432
11433.modal-body .request-proposals-list hr:last-child {
11434
11435    display:none;
11436
11437}
11438
11439.modal-body .radio-custom {
11440
11441    opacity:0;
11442
11443    position:absolute;
11444
11445    outline:0px;
11446}
11447
11448
11449.modal-body .radio-custom,
11450.modal-body .radio-custom-label {
11451
11452    margin:5px;
11453
11454    cursor:pointer;
11455}
11456
11457
11458.modal-body .radio-custom + .radio-custom-label:before {
11459
11460    content:'';
11461
11462    background:#fff;
11463
11464    border:2px solid #ddd;
11465
11466    border-radius:50%;
11467
11468    display:inline-block;
11469
11470    vertical-align:middle;
11471
11472    width:20px;
11473
11474    height:20px;
11475
11476    padding:2px;
11477
11478    margin-right:10px;
11479
11480    }
11481
11482    .modal-body .radio-custom:checked + .radio-custom-label:before {
11483
11484        background:#ccc;
11485
11486        box-shadow: inset 0px 0px 0px 4px #fff;
11487
11488    }
11489
11490    #submit-proposal-details .modal-dialog {
11491
11492        max-width:600px !important;
11493
11494    }
11495
11496
11497    .modal-body .selected-proposal .form-control.float-right,
11498
11499    .modal-body .selected-proposal .input-group.float-right {
11500
11501        width:160px;
11502
11503
11504    }
11505
11506    .modal-body .selected-proposal hr {
11507
11508        margin-bottom:10px;
11509
11510        margin-top:10px;
11511
11512        margin-left:-15px;
11513
11514        margin-right:-15px;
11515
11516    }
11517
11518
11519
11520
11521/** Dasboard sidebar styles **/
11522
11523.contacts-sidebar .active {
11524
11525    color: #28a745 !important;
11526}
11527
11528
11529.bottom-tabs-dash .active {
11530
11531 color: #28a745 !important;
11532
11533}
11534
11535
11536.contact-title {
11537
11538    margin-left:65px;
11539
11540    margin-top:-50px;
11541
11542}
11543
11544
11545/*** Dashboard Page Styles ***/
11546
11547
11548
11549.dashboard .header-message-div .delete,
11550.dashboard .header-message-div-unread .delete {
11551    float: right !important;
11552}
11553
11554.dashboard .header-message-div,
11555.dashboard .header-message-div-unread {
11556
11557padding-left: 20px;
11558padding-right: 10px;
11559}
11560
11561.dashboard .header-message-div .date,.dropdown-menu .header-message-div .date,
11562.dashboard .header-message-div .message,.dropdown-menu .header-message-div .message,
11563.dashboard .header-message-div-unread .date, .dropdown-menu .header-message-div-unread .date,
11564.dashboard .header-message-div-unread .message,.dropdown-menu .header-message-div-unread .message {
11565
11566margin-left: 45px;
11567
11568}
11569
11570
11571.dashboard .header-message-div .heading, 
11572.dashboard .header-message-div-unread .heading {
11573    margin-left: 10px !important;
11574}
11575
11576.border-box {
11577
11578    border-right:1.5px solid #a5a5a5;
11579
11580}
11581
11582.border-box:last-child {
11583
11584    border-right:0px;
11585
11586}
11587
11588@media (max-width: 767px) {
11589
11590    .border-box {
11591
11592        border-right:0px;
11593
11594        border-bottom:1.5px solid #a5a5a5;
11595
11596        margin-bottom:3px;
11597
11598    }
11599
11600    .border-box:last-child {
11601
11602    border-bottom:0px;
11603
11604    }
11605
11606
11607}
11608
11609/*** Favorites Page Styles ***/
11610
11611#favorites h1 {
11612
11613font-size:40px !important;
11614
11615}
11616
11617#favorites .favorite-description {
11618
11619    font-size:19px !important;
11620
11621}
11622
11623
11624#favorites .favorite-owner {
11625
11626    color:#999999;
11627
11628    font-size:16px;
11629
11630}
11631
11632#favorites .favorite-owner img {
11633
11634    width:85px;
11635    height:85px;
11636    margin-right:12px;
11637    float:left;
11638    border-radius:50%;
11639    margin-bottom: 20px !important;
11640}
11641
11642
11643#favorites .favorite-owner a {
11644
11645    color:#999999;
11646
11647}
11648
11649/*** Cart Page Styles ***/
11650
11651.cart-proposal input.quantity {
11652
11653    width:50px;
11654
11655    text-align:center;
11656}
11657
11658.cart-proposal hr {
11659
11660    border-top:2px solid #e0e0e0;
11661
11662    margin-right:-18px;
11663
11664    margin-left:-18px;
11665
11666}
11667
11668.cart-proposal a:hover,
11669.cart-proposal h6:hover
11670
11671{
11672
11673    color: #28a745 !important;
11674}
11675
11676.cart-order-details p {
11677
11678    font-size:16px;
11679
11680}
11681
11682.cart-order-details hr {
11683    margin-right:-18px;
11684    margin-left:-18px;
11685    border-top:2px solid #e0e0e0;
11686}
11687
11688.cart-order-details .coupon-response.applied,
11689.checkout-details .coupon-response.applied{
11690   background-color: #28a745 !important;
11691}
11692
11693
11694.cart-add-sect .remove-link:hover {
11695    color: #868e96 !important;
11696}
11697
11698/*** Cart Payment Options Page Styles ***/
11699
11700.payment-options .card-body .row .radio-input {
11701
11702    margin-top:8px;
11703    height: 18px;
11704    width: 18px;
11705
11706}
11707
11708.payment-options .card-body hr {
11709
11710    margin-left: -18px;
11711    margin-right: -18px;
11712
11713}
11714
11715
11716/*** Extra Small Devices (portrait phones, less than 576px) ***/
11717
11718@media (max-width: 575px) {
11719
11720.payment-options .row .col-1 {
11721
11722    max-width:10% !important;
11723
11724}
11725
11726
11727.payment-options .row .col-11{
11728
11729    max-width:80% !important;
11730
11731}
11732
11733.width-xs-100 {
11734
11735    width:100% !important;
11736
11737}
11738
11739
11740
11741}
11742
11743/*** Proposal Checkout Page Styles ***/
11744
11745
11746.checkout-details .card-body hr {
11747    margin-left: -17px;
11748    margin-right: -17px;
11749    margin-top:10px;
11750    margin-bottom:10px;
11751}
11752
11753
11754/*** Selling & Buying Orders Page Styles ***/
11755
11756
11757.order-proposal-image {
11758
11759    width:60px;
11760    height:60px;
11761    margin-top:-5px;
11762    margin-bottom:5px;
11763}
11764
11765
11766.order-proposal-title {
11767
11768    margin-top:-48px;
11769
11770    margin-left:70px;
11771
11772    font-size:16px;
11773
11774    color: black !important;
11775
11776}
11777
11778/***  Order Details Page Styles ***/
11779
11780.order-page .nav-link.active {
11781
11782    color: #28a745 !important;
11783}
11784
11785
11786.order-page .order-icon{
11787   position: relative;
11788   top: -4px;
11789   margin-right: 0.25rem !important;
11790   width:30px;
11791   height:30px;
11792}
11793
11794#order-status-bar {
11795
11796    padding:10px;
11797    background-color:#fff;
11798    border-bottom:1px solid #ddd;
11799    width:100%;
11800    box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.15);
11801
11802}
11803
11804#order-status-bar.completed{
11805   background-color: #28a745 !important;
11806}
11807
11808@media (max-width: 999px) {
11809
11810#order-status-bar {
11811
11812margin-top:-43px;
11813
11814}
11815
11816
11817}
11818
11819@media (max-width: 850px) {
11820
11821.user-balance{ display:none; }
11822
11823}
11824
11825@media (max-width: 769px) {
11826
11827#order-status-bar {
11828
11829margin-top:-39px;
11830
11831}
11832
11833}
11834
11835.order-status-bar-sticky {
11836
11837    position:fixed !important;
11838
11839    top:0px;
11840
11841
11842    z-index:1000;
11843
11844}
11845
11846
11847.order-page .seller-buyer-name {
11848
11849color:#00b22D;
11850
11851
11852}
11853
11854.order-page table thead tr {
11855
11856    background:#f5f5f5;
11857
11858}
11859
11860
11861.order-page .countdown-box {
11862
11863    text-align:center;
11864
11865}
11866
11867.order-page .countdown-box .countdown-number {
11868
11869    font-size:32px;
11870    margin-top:8px;
11871    padding:5px;
11872    background:#fff;
11873    border:1px solid #e6e6e6;
11874    border-radius:5px;
11875    box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
11876    color: #28a745 !important;
11877}
11878
11879
11880.order-page .countdown-box .countdown-title {
11881
11882font-size:17px;
11883
11884background:#f5f5f5;
11885
11886margin-top:8px;
11887
11888padding:10px;
11889
11890}
11891
11892.order-page .countdown-box .countdown-number-late {
11893
11894    color:red;
11895
11896}
11897
11898.message-div {
11899
11900    border:1px solid #e6e6e6;
11901
11902    padding:12px 20px 10px 20px;
11903
11904
11905}
11906
11907
11908.message-div-hover {
11909
11910    background:#f5f5f5;
11911
11912    border:1px solid #e6e6e6;
11913
11914    padding:12px 20px 10px 20px;
11915
11916}
11917
11918.message-div .message-image,
11919.message-div-hover .message-image {
11920
11921    float:left;
11922
11923    width:45px;
11924
11925    height:45px;
11926
11927    margin-right:12px;
11928
11929    border-radius:50%;
11930
11931
11932    }
11933
11934
11935
11936
11937.message-div .message-desc,
11938.message-div-hover .message-desc {
11939
11940    margin-left:56px;
11941
11942
11943}
11944
11945.message-div .message-desc a,
11946.message-div-hover .message-desc a {
11947
11948    white-space:nowrap;
11949
11950    max-width:0px;
11951
11952}
11953
11954.message-div form,
11955.message-div-hover form {
11956
11957margin-left:56px;
11958
11959}
11960
11961.order-page .order-status-message {
11962
11963    text-align:center;
11964
11965    padding:25px 20px;
11966
11967    border-bottom:1px solid #dddddd;
11968
11969}
11970
11971.order-page .order-status-message .link {
11972
11973color:#00B22D;
11974
11975}
11976
11977.order-page .order-review-box {
11978
11979background:green;
11980
11981}
11982
11983.insert-message-box {
11984
11985    border-top:1px solid red !important;
11986    border:1px solid #e6e6e6;
11987    background:#f6f6f6;
11988    margin-bottom:30px;
11989    padding:8px 20px 20px 20px;
11990    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.1);
11991
11992}
11993
11994
11995/*** Button Toggler Styles ***/
11996
11997.switch-box span.text{
11998    position: relative;
11999    top: 2px;
12000}
12001
12002.switch {
12003  position: relative;
12004  display: inline-block;
12005  width: 55px;
12006  height: 25px;
12007}
12008
12009.switch input { 
12010  opacity: 0;
12011  width: 0;
12012  height: 0;
12013}
12014
12015.slider {
12016  border-radius: 4px;
12017  position: absolute;
12018  cursor: pointer;
12019  top: 0;
12020  left: 0;
12021  right: 0;
12022  bottom: 0;
12023  background-color: #ccc;
12024  -webkit-transition: .4s;
12025  transition: .4s;
12026}
12027
12028.slider:before {
12029  border-radius: 2px;
12030  position: absolute;
12031  content: "";
12032  height: 18px;
12033  width: 18px;
12034  left: 4px;
12035  bottom: 3.5px;
12036  background-color: white;
12037  -webkit-transition: .4s;
12038  transition: .4s;
12039}
12040
12041input:checked + .slider {
12042  background-color: #28a745;
12043}
12044
12045input:focus + .slider {
12046  box-shadow: 0 0 1px #2196F3;
12047}
12048
12049input:checked + .slider:before {
12050      left: 6px;
12051  -webkit-transform: translateX(26px);
12052  -ms-transform: translateX(26px);
12053  transform: translateX(26px);
12054}
12055
12056
12057
12058/*** View Proposals Page Styles **/
12059
12060.view-proposals .btn-toggle.active{
12061
12062    background-color:#28a745 !important;
12063}
12064
12065.view-proposals .btn-toggle.btn-lg{
12066
12067    margin:0px 10px 10px 10px;
12068
12069    position:relative;
12070
12071    border:none;
12072
12073    height:2rem;
12074
12075    width:4rem;
12076
12077    border-radius:2rem;
12078
12079    background: linear-gradient(#FFFFFF -30%, #868e96);
12080}
12081
12082.view-proposals .btn-toggle.btn-lg > .toggle-handle{
12083
12084    position:absolute;
12085
12086    top:0.3125rem;
12087
12088    left:0.3125rem;
12089
12090    width:1.400rem;
12091
12092    height:1.400rem;
12093
12094    border-radius:1.400rem;
12095
12096    background:#fff;
12097
12098    transition:left .25s;
12099
12100}
12101
12102.view-proposals .btn-toggle.btn-lg.active > .toggle-handle{
12103
12104    left:2.200rem;
12105
12106}
12107
12108.view-proposals .box-table{
12109
12110    min-height:200px;
12111
12112}
12113
12114.view-proposals .proposal-title{
12115    font-size:17px;
12116}
12117
12118
12119#featured-listing-modal .modal-dialog {
12120
12121max-width:600px !important;
12122
12123}
12124
12125.modal-body .order-details .request-div {
12126background: #e6e6e6;
12127border:1px solid #e6e6e6;
12128padding:12px;
12129}
12130
12131.modal-body .order-details .request-div h4{
12132    color: #000;
12133    text-transform:uppercase;
12134    font-size:15px;
12135}
12136
12137.modal-body .order-details .request-div .price {
12138    font-size:22px;
12139    color:#28a745;
12140}
12141
12142.modal-body .order-details .request-div p{
12143    color:#000;
12144    font-size:14px;
12145}
12146
12147.modal-body .payment-options-list {
12148    padding:15px;
12149}
12150
12151.modal-body .payment-options-list .payment-option img {
12152    border-radius:2%;
12153    height:60px !important;
12154}
12155
12156.modal-body .payment-options-list hr{
12157    margin-left:-15px;
12158    margin-right:-15px;
12159}
12160
12161/*** Buyer Requests Page Styles ***/
12162
12163.buyer-requests .sort-by{
12164    width:270px;
12165}
12166
12167.buyer-requests .remove-link{
12168    display:block;
12169    margin-top:35px;
12170}
12171
12172.buyer-requests .request-category {
12173    margin-top:7px;
12174    padding-left:0px;
12175    list-style:none;
12176}
12177
12178.buyer-requests .request-category li{
12179    display:inline-block;
12180    margin-right:5px;
12181    margin-bottom:5px;
12182    color:#777777;
12183    padding:4px 8px;
12184    font-size:12px;
12185    font-weight:500;
12186    background-color:#fff;
12187    border-color:#dddddd;
12188    border:solid 1px #1f1f1f;
12189    border-radius:3px;
12190}
12191
12192/** Post Request Styles **/
12193
12194.post-request-radio .custom-control.custom-radio {
12195
12196
12197}
12198
12199.form-curb input {
12200
12201    width: 300px !important;
12202}
12203
12204.col-md-1.d-md-block.d-none .fa.fa-work{
12205
12206    position: relative;
12207    top: 6px;
12208
12209}
12210
12211.request-sidebar .card {
12212
12213background: #deeff0;
12214
12215}
12216
12217.request-sidebar .card-body:before {
12218    content: '';
12219    display: block;
12220    position: absolute;
12221    top: 16px;
12222    left: -13px;
12223    z-index: 16;
12224    border-bottom: 13px transparent solid;
12225    border-top: 13px transparent solid;
12226    border-right: 13px #deeff0 solid;
12227}
12228
12229.request-sidebar .card-body h5 img{
12230   position:relative; left:-3px; top:-2px;
12231}
12232
12233.request-sidebar .card-body p {
12234   font-size: 14px;
12235   background-color: #deeff0;
12236}
12237
12238.request-sidebar .card-body p b{
12239   color:#0096a3;
12240}
12241
12242.request-sidebar .card-body .breadcrumb {
12243
12244border:1px solid #ccc !important;
12245display: block;
12246padding: 10px;
12247
12248}
12249
12250
12251@media(max-width: 990px){
12252
12253.request-sidebar {
12254
12255display: none;
12256
12257}
12258
12259
12260
12261}
12262
12263/*** View Offers Page Styles ***/
12264.view-offers p {
12265    font-size:16px;
12266    line-height: 25px;
12267}
12268
12269.view-offers .offer-p span{
12270
12271}
12272
12273.view-offers h5 a{
12274    color:#333333;
12275}
12276
12277.view-offers h5 a:hover{
12278    text-decoration:none;
12279}
12280
12281.responsive-border{
12282    border-left:1px solid #e5e5e5;
12283}
12284
12285@media(max-width: 767px){
12286    .responsive-border{
12287        border-left:0px;
12288        border-top:1px solid #e5e5e5;
12289    }
12290}
12291
12292.view-offers .offer-seller-picture img {
12293    width:55px;
12294    height:55px;
12295
12296}
12297
12298.view-offers .offer-seller-picture .level-badge {
12299    position:absolute;
12300    width:30px;
12301    height:30px;
12302    top:33px;
12303    left:45px;
12304
12305}
12306
12307.view-offers .offer-seller{
12308    margin-top:-55px;
12309    margin-left:70px;
12310
12311}
12312
12313#offer-order-modal .modal-dialog {
12314    max-width:600px !important;
12315
12316}
12317
12318.modal-body .order-details .request-div .btn-close{
12319    font-size:21px;
12320    cursor:pointer;
12321}
12322
12323.modal-body .order-details .request-div .arrow{
12324    color:#337ab7;
12325    font-size:14px;
12326    font-weight:700;
12327    cursor:pointer;
12328}
12329
12330.modal-body .order-details .offer-div{
12331    border:solid 1px #e6e6e6;
12332    padding:12px;
12333
12334}
12335
12336.modal-body .order-details .offer-div h4{
12337    font-size:15px;
12338    font-weight: bold;
12339}
12340
12341.modal-body .order-details .offer-div p{
12342    font-size:14px;
12343}
12344
12345.modal-body .order-details .offer-div .price{
12346    font-size:20px;
12347    color:#28a745;
12348}
12349
12350/*** Manage Contacts Page Styles ***/
12351.contact-image {
12352    width:50px;
12353    height:50px;
12354    margin-top:-5px;
12355    margin-bottom:2px;
12356}
12357
12358.contact-title {
12359    margin-left:65px;
12360    margin-top:-50px;
12361}
12362
12363/** Inbox Conversations Page Styles **/
12364.inbox-conversations a {
12365    color:#333333;
12366}
12367
12368.inbox-conversations .inbox-seller img {
12369    width:50px;
12370    height:50px;
12371    margin-top:-5px;
12372    margin-bottom:10px;
12373}
12374
12375.inbox-conversations .inbox-seller h6{
12376    margin-top:-55px;
12377    margin-left:60px;
12378}
12379
12380/*** Insert Message Page Styles ***/
12381.insert-message .p-style{
12382    font-size:17px;
12383}
12384
12385.insert-message .seller-image{
12386    width:80px;
12387    height:80px;
12388    margin-right:5px;
12389    border-radius:50%;
12390}
12391
12392.insert-message h4{
12393    word-wrap:break-word;
12394
12395}
12396
12397.insert-message .seller-level-image{
12398    position:absolute;
12399    width:40px;
12400    left:48%;
12401    top:50px;
12402}
12403
12404#display-request .request-div{
12405    background:#f5f5f5;
12406    border:solid 1px #f5f5f5;
12407    padding:12px 20px 20px 20px;
12408
12409
12410}
12411
12412#display-request .request-div h5{
12413    color:#555555;
12414    text-transform:uppercase;
12415    font-size:16px;
12416}
12417
12418#display-request .request-div .btn-close{
12419    font-size:25px;
12420    cursor:pointer;
12421}
12422
12423#display-request .request-div p{
12424    color:#777777;
12425    font-size:15px;
12426    max-width:90%;
12427}
12428
12429#display-request .request-div .arrow{
12430    color:#337ab7;
12431    font-size:13px;
12432    font-weight:700;
12433    cursor:pointer;
12434}
12435
12436#display-request .offer-div{
12437    background:#fff;
12438    border:solid 1px #e6e6e6;
12439    padding:12px 20px 20px 20px;
12440}
12441
12442#display-request .offer-div .price{
12443    font-size:30px;
12444    color:#28a745;
12445}
12446
12447#display-request .offer-div p{
12448    max-width:90%;
12449}
12450
12451.message-div .message-offer, .message-div-hover .message-offer {
12452    background:#fafafa;
12453    border:1px solid #e5e5e5;
12454    padding:12px 20px 20px 20px;
12455    margin-bottom:6px;
12456}
12457
12458.message-div .message-offer .price, .message-div-hover .message-offer .price{
12459    font-size:36px;
12460    color:#28a745;
12461}
12462
12463.message-div .message-offer p, .message-div-hover .message-offer p{
12464    margin-bottom:8px;
12465}
12466
12467#accept-offer-modal .modal-dialog {
12468    max-width:600px !important;
12469}
12470
12471#seller-vacation-div {
12472    background:#fcfc8e3;
12473    border:1px solid;
12474    padding:12px 20px 20px 20px;
12475}
12476
12477.insert-message-box .message-attacment{
12478    padding:3px;
12479    border:2px dotted #A5A5C7;
12480}
12481
12482/** Log Out Page **/
12483.logout-image{
12484    background:#fcfc8e3;
12485}
12486/*** Proposals extras ***/
12487.border-1 {
12488    border: 1px solid #E1E3DF;
12489}
12490
12491.tabs .tab{
12492width: 100%;
12493background: white;
12494margin-bottom: 15px;
12495}
12496.tabs .tab-header{
12497padding: 0.8rem 1.2rem;
12498font-size: 17px;
12499font-family: "Montserrat-Light";
12500}
12501.tabs .tab .tab-body {
12502font-size: 16px;
12503}
12504.tabs .tab .tab-body {
12505border-top:1px solid #E1E3DF;
12506}
12507.tabs .tab .tab-header .check {
12508top:-1px;
12509position: relative;
12510}
12511
12512.faqs .tabs .tab {
12513    font-size: 15.5px;
12514    border-bottom: 1px solid #ddd;
12515    margin: 0 auto;
12516}
12517
12518.faqs .tabs .tab .tab-header {
12519    font-size: 17px;
12520    font-family: "Montserrat-Light";
12521    font-weight: 400;
12522    display: block;
12523    padding: 15px 15px;
12524    cursor: pointer;
12525    color: #0e0e0f;
12526    overflow: hidden;
12527    white-space: nowrap;
12528    text-overflow: ellipsis;
12529}
12530
12531.faqs .tabs .tab .tab-header:before {
12532    content: '\f107';
12533    color: #0e0e0f;
12534    font-size: 20px;
12535    font-family: FontAwesome;
12536    float: right;
12537    -webkit-transition: -webkit-transform .3s;
12538    transition: -webkit-transform .3s;
12539    transition: transform .3s;
12540    transition: transform .3s,-webkit-transform .3s;
12541}
12542
12543.faqs.tabs .tab-header.collapsed:before {
12544    transform: rotate3d(0,0,1,-180deg);
12545}
12546
12547.faqs .tabs .tab .tab-body {
12548font-size: 16px;
12549border-top:1px solid #E1E3DF;
12550}
12551
12552.faqs .tabs .tab:nth-last-child(2){
12553    border-bottom: 0px !important;
12554    margin-bottom: 0px;
12555}
12556
12557/** Bootstrap 4 Responsive Styles **/
12558@media (min-width: 768px) and (max-width:991px) {
12559  .container {
12560    max-width:100%;
12561  }
12562}
12563@media (min-width: 576px) and (max-width: 767px) {
12564  .container {
12565    max-width:750px;
12566  }
12567}
12568
12569/*** New Styles ***/
12570.card_user {
12571    font-family: 'Montserrat-Regular';
12572    border: 1px solid #d2d6da;
12573    text-align: center;
12574}
12575
12576.card_user h4 {
12577    color: #00a14b;
12578    font-size: 19px;
12579    margin-top: 22px;
12580}
12581
12582.card_user p {
12583    font-size: 14px;
12584    color: #58595b;
12585    font-weight: 500;
12586}
12587
12588.card_user .img-fluid,
12589.welcome-box .img-fluid {
12590    max-width: 55%;
12591    height: auto;
12592}
12593
12594.card_user .get_btn {
12595    cursor:pointer;
12596    width: 164px;
12597    height: 51px;
12598    border-radius: 33px;
12599    background: transparent;
12600    border: 1px solid #28a745;
12601    color: #28a745;
12602    text-align: center;
12603    font-weight: 500;
12604    margin: 10px 10px 10px 10px;
12605}
12606
12607.card_user .get_btn:hover{
12608
12609    background:#28a745;
12610    color:white;
12611
12612}
12613
12614.buy_head{
12615
12616font-family: 'Montserrat-Regular';
12617font-size: 19px;
12618color: #1a1e31;
12619margin-bottom: 20px;
12620font-weight: 500;
12621
12622}
12623
12624.carosel_sec .carousel-control-prev {
12625    left: 1px;
12626    top: 25%;
12627    height: 56px;
12628    width: 26px;
12629    border-radius: 0 33px 33px 0;
12630    background: #7c807ecc;
12631    font-size: 22px;
12632    opacity: 1;
12633    text-align: center;
12634    padding-right: 10px;
12635}
12636
12637.carosel_sec .carousel-control-next {
12638    right: 1px;
12639    top: 25%;
12640    height: 56px;
12641    width: 26px;
12642    border-radius: 33px 0 0 33px;
12643    background: #7c807ecc;
12644    font-size: 22px;
12645    opacity: 1;
12646    text-align: center;
12647    padding-left: 10px;
12648}
12649
12650
12651.table thead th {
12652    font-family: 'Montserrat-Light';
12653
12654    border-bottom: none;
12655    font-size: 14px;
12656    color: #a7a9ac;
12657    font-weight: 1000;
12658}
12659
12660
12661#start_selling {
12662    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/start_selling.jpeg);
12663    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/start_selling.jpeg);
12664    background-size: cover;
12665    background-position: center;
12666    height: 60vh;
12667    background-attachment: fixed;
12668
12669}
12670
12671#start_selling h2 {
12672    position: relative;
12673    top: 30%;
12674    font-size: 260%;
12675}
12676
12677.proposal-card-base .is-online{
12678    /* margin-right: 10px; */
12679    margin-top: 13px;
12680}
12681.is-online {
12682    z-index: 1;
12683    line-height: 1.4;
12684    font-size: 13px;
12685    /* border: 1px solid #1dbf73; */
12686    /* border-radius: 12px; */
12687    color: #35e429;
12688    /* margin-bottom: 5px; */
12689    /* padding: 0 7px; */
12690    position: absolute;
12691}
12692.seller-bio .is-online{
12693    position: absolute;
12694    right: 25px;
12695    display: block;
12696}
12697
12698.is-online .fa-circle {
12699    font-size: 12px !important;
12700    /* vertical-align: middle; */
12701    /* padding-right: 0px; */
12702    margin-left: -7px;
12703    border: 2px solid white;
12704    border-radius: 10px;
12705}
12706
12707@media (max-width: 575px) {
12708    
12709    #start_selling h2 {
12710    position: relative;
12711    top: 25%;
12712    font-size: 130%;
12713    }   
12714
12715}
12716
12717#start_selling h3 {
12718    
12719    position: relative;
12720    top: 30%;
12721    font-size: 130%;
12722    
12723}
12724
12725
12726@media (max-width: 575px) {
12727    
12728    #start_selling h3 {
12729    
12730    position: relative;
12731    top: 35%;
12732    font-size: 100%;
12733    
12734    }
12735    
12736}
12737
12738
12739#start_selling .btn_start_selling {
12740    
12741    position: relative;
12742    top: 50%;
12743}
12744
12745#start_selling_body .fa {
12746    position: relative;
12747    left: 135px;
12748    font-size: 50px;
12749    color: #28a745;
12750}
12751
12752
12753#start_selling_body .row-1 h3 {
12754    position: relative;
12755    left: 40px;
12756}
12757
12758#start_selling_body .row-2 h3 {
12759   position: relative; 
12760   left: 50px;
12761}
12762
12763#start_selling_body .row-1 img{
12764   position: relative; left: 50px; padding: 15px;
12765}
12766
12767#start_selling_body .row-2 img{
12768   position: relative; left: 67px; padding: 15px;
12769}
12770
12771/*** How to ***/
12772
12773#how_to {
12774    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/bg4.jpeg);
12775    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/bg4.jpeg);
12776    background-size: cover;
12777    background-position: center;
12778   display: table;
12779    height: 40vh;
12780   width: 100%;
12781    background-attachment: fixed;
12782
12783}
12784
12785#how_to .cell {
12786   display: table-cell;
12787   width: 100%;
12788   height: 40vh;
12789   padding: 10px;
12790   vertical-align: middle;
12791   text-align: center;
12792}
12793
12794#how_to h2 {
12795    
12796    /*position: relative;
12797    top: 30%;*/
12798    font-size: 260%;
12799}
12800
12801
12802@media (max-width: 575px) {
12803    
12804    #how_to h2 {
12805
12806    font-size: 130%;
12807    
12808    }
12809    
12810
12811}
12812
12813#how_to h3 {
12814    
12815    font-size: 130%;
12816    color: #fff;
12817    
12818}
12819
12820
12821@media (max-width: 575px) {
12822    
12823    #how_to h3 {
12824    
12825    font-size: 100%;
12826    
12827    }
12828    
12829}
12830
12831
12832#how_to .btn_start_selling {
12833    
12834    position: relative;
12835    top: 50%;
12836}
12837
12838#how_to .fa {
12839    position: relative;
12840    left: 135px;
12841    font-size: 50px;
12842    color: #28a745;
12843}
12844
12845
12846.fa-adj {
12847    font-size: 300% !important;
12848    padding-bottom: 10px !important;
12849    margin-bottom: 20px !important;
12850}
12851
12852
12853@media (max-width: 575px) {
12854
12855    .add-new-proposal:before {
12856
12857    margin: 40px auto 10px;
12858
12859    }
12860
12861    .add-new-proposal{
12862
12863    padding-bottom: 40px;
12864
12865    }
12866  
12867    .fa-adj {
12868    font-size: 300% !important;
12869    text-align: center !important;
12870    }
12871    
12872}
12873
12874/** Home Page Cards Syles ***/
12875
12876.card-box:hover {
12877    
12878    border-radius: 4px;
12879    background:white;
12880
12881}
12882
12883.card-box .subcategory {
12884    position: relative;
12885}
12886
12887.card-box .subcategory h4 {
12888    position: fixed;
12889    z-index: 1;
12890    font-size: 26px;
12891    line-height: 25px;
12892    color: #fff;
12893    padding: 15px;
12894    width: auto;
12895    text-shadow: 0px 0px 8px #2b086f, 0 0 9px #094205;
12896    background: linear-gradient(black, transparent);
12897    width: 100%;
12898    border-radius: 4px;
12899}
12900
12901.card-box .subcategory h4 small {
12902    font-size: 17px;
12903    font-weight: 400;
12904    display: block;
12905}
12906
12907.card-box .subcategory img {
12908    -o-object-fit: cover;
12909    object-fit: cover;
12910    height: 300px;
12911    width: 100%;
12912    border-radius: 4px;
12913    -webkit-transition: opacity .3s ease-in-out;
12914    -o-transition: opacity .3s ease-in-out;
12915    transition: opacity .3s ease-in-out;
12916}
12917
12918.card-box:hover img{
12919
12920opacity: 0.8;
12921
12922}
12923
12924
12925@media only screen and (max-width: 475px) {
12926
12927.card-box{
12928
12929    width: 235px;
12930
12931}
12932
12933.card-box .subcategory img {
12934
12935    height: 290px;
12936
12937}
12938
12939
12940}
12941
12942
12943@media only screen and (max-width: 420px) {
12944
12945   .card-box{
12946
12947    width: 210px;
12948
12949   }
12950
12951   .card-box .subcategory img {
12952
12953      height: 155px;
12954      width: 100%;
12955
12956   }
12957   picture {
12958       display: block;
12959       width: 100%;
12960}
12961
12962}
12963.owl-carousel.owl-drag .owl-item {
12964    overflow: hidden;
12965    display: flex;
12966    flex-wrap: wrap;
12967    align-content: center;
12968}
12969@media only screen and (min-width: 320px) {
12970    .ui-toolkit .col-sm-6 {
12971        width: 50%;
12972        padding-right: 10px;
12973        padding-left: 10px;
12974    }
12975
12976    .container-fluid {
12977        padding-right: 8px;
12978        padding-left: 8px;
12979    }
12980
12981    .ui-toolkit .video .col-sm-6 {
12982        width: 100%;
12983    }
12984
12985    .proposal-card-base .proposal-seller-info .fit-avatar.s24 {
12986        display: none;
12987    }
12988
12989    .mp-proposal-card.proposal-card-base a.imgsm {
12990        height: 145px;
12991    }
12992
12993    .proposal-card-base .proposal-price a small {
12994        display: none;
12995    }
12996
12997    .proposal-card-base .proposal-link-main h3 {
12998        font-size: 14px;
12999    }
13000}
13001
13002
13003
13004@media only screen and (min-width: 500px) {
13005    .mp-proposal-card.proposal-card-base a.imgsm {
13006        height: 170px;
13007    }
13008
13009    .container-fluid {
13010        padding-right: 19px;
13011        padding-left: 19px;
13012    }
13013
13014    .proposal-card-base .proposal-seller-info .fit-avatar.s24 {
13015        display: block;
13016    }
13017
13018    .proposal-card-base .proposal-price a small {
13019        display: inline-block;
13020    }
13021
13022    .proposal-card-base .proposal-link-main h3 {
13023        font-size: 15px;
13024    }
13025}
13026
13027
13028/*** Right To Left Direction Styles ***/
13029
13030/*Footer Styles*/
13031.footer{
13032  background: #1a1e31;
13033  padding: 40px 0 0 0;
13034}
13035
13036@media (max-width: 1199.98px) {
13037  .footer .collapse.show{
13038    display: block !important;
13039  }
13040}
13041
13042@media (max-width: 767.98px) { 
13043  .footer{
13044    padding: 10px 0 0 0;
13045  }
13046  .footer h3{
13047    cursor: pointer;
13048    border-bottom: 1px solid #ebebeb;
13049    height: 44px;
13050    line-height: 44px;
13051  }
13052  /*.dd.ddcommon.borderRadius{
13053    width: 300px !important;
13054  }*/
13055}
13056
13057footer h3{
13058  color: #fff;
13059  font-size: 14px;
13060  font-family: 'Montserrat-Regular';
13061}
13062
13063footer ul li a{
13064  color: #bdbfc4;
13065  font-size: 13px;
13066  font-family:'Montserrat-Light';
13067}
13068footer ul li{
13069  padding: 7px 0;
13070}
13071footer h5{
13072  color: #fff;
13073  font-size: 14px;
13074  font-family: 'Montserrat-Regular';
13075}
13076footer a:hover{
13077  color: #fff;
13078}
13079
13080.footer .pic, .footer .pic1{
13081  display: inline-block;
13082  display: inline-block;
13083  margin-right: 11px;
13084  margin-top: 11px;
13085  max-width: 134px;
13086}
13087
13088.social_icon li a{
13089  padding-right:  15px;
13090  font-size: 18px;
13091}
13092
13093.cookies_footer{
13094  position: fixed;
13095  bottom: 0%;
13096  left: -0%;
13097  margin:20px;
13098  font-family:Montserrat-Light;
13099  z-index: 5000;
13100  width: 35%;
13101  background: #fff;
13102  color: black;
13103  font-size: 15px;
13104  margin-top:10px;
13105  padding: 15px 0;
13106  box-shadow: 1px 1px 2px 1px #ccc !important;
13107  border-radius: 4px;   
13108}
13109
13110#announcement_bar{
13111  /*background: #FF8000;*/
13112  /*color: #fff;*/
13113  display: block;
13114  position: fixed;
13115  top: 0;
13116  z-index: 1000;
13117  width: calc(100% + 18px);
13118  padding: 12px 12px;
13119  text-align: center;
13120  font-size: 15px;
13121  /*text-transform: capitalize;*/
13122  font-weight: bold;
13123  font-size: 16px;
13124  overflow: auto;
13125}
13126
13127#announcement_bar a{ 
13128  color: #fff;
13129  text-decoration:underline; 
13130  font-weight: normal; 
13131}
13132
13133#announcement_bar .close-icon{
13134   font-size: 15px;
13135}
13136
13137#announcement_bar_margin{
13138   margin-bottom: 46px;
13139}
13140
13141
13142/*@media only screen and (max-width: 767px){
13143  #announcement_bar{
13144      display: none;
13145  }
13146}*/
13147
13148/*** Blog Styles Starts ***/
13149
13150.blog .post-content{
13151   font-size: 120%;
13152   line-height: 30px;
13153}
13154
13155.blog .card ul li{
13156   margin-bottom: 15px;
13157}
13158
13159.blog .card ul li a{
13160   font-size: 15px;
13161}
13162
13163/*** Blog Styles Ends ***/
13164
13165.messagePopup{
13166   position: fixed;
13167   bottom: 0;
13168   right: 50px;
13169   z-index: 5000;
13170   font-size: 15px;
13171}
13172.messagePopup .header-message-div{
13173   width: 100%;
13174   background: #daecf2;
13175   color: black;
13176   margin: 20px;
13177   margin-top: 0px;
13178   border-radius: 4px;
13179   font-family: Montserrat-Light;
13180   box-shadow: 1px 1px 2px 1px #ccc !important;
13181   border-bottom: 0px;
13182}
13183.messagePopup .header-message-div.offer{
13184    width:200%;
13185}
13186.messagePopup .header-message-div.offer .heading{
13187    top: 0px;
13188    font-size: 17px;
13189}
13190.messagePopup .message{
13191    left: 10px;
13192    width: auto;
13193}
13194.messagePopup .date{
13195    left: 10px;
13196}
13197
13198.messagePopup .badge{
13199   margin-top: -39px;
13200   margin-right: 10px;
13201}
13202
13203.cookies_footer p a{ color:red; }
13204.cookies_footer .btn{ margin-top: 5px; }
13205.cookies_footer .close {
13206   margin-top: -10px;
13207   margin-right: -10px;
13208   font-size: 18px;
13209}
13210
13211@media(max-width: 1150px){
13212  .cookies_footer {
13213  width: 50%;
13214  }
13215}
13216
13217@media(max-width: 999px){
13218  .cookies_footer {
13219  width: 62%;
13220  }
13221}
13222
13223@media(max-width: 770px){
13224    .view-proposals .proposal-title{
13225    min-width: 350px;
13226    }
13227
13228    #countdown-heading{
13229    font-size: 20px;
13230    }
13231
13232    .buyer-requests #active-requests table tr td:first-child{
13233    min-width: 400px;
13234    }
13235
13236    .messagePopup{
13237    right: 40px;
13238    }
13239    .messagePopup .header-message-div .message {
13240    font-size: 14px;
13241    }
13242    .messagePopup .header-message-div .date {
13243    font-size: 13px;
13244    }
13245    .messagePopup .header-message-div .close {
13246    font-size: 1.1rem;
13247    line-height: 0;
13248    }
13249    .cookies_footer .col-md-4 {
13250    display: none;
13251    }
13252    .cookies_footer {
13253    width: 92%;
13254    }
13255    .cookies_footer .col-md-8 .btn-success, .cookies_footer .col-md-8 br {
13256    display: none;
13257    }
13258}
13259
13260
13261.social_icon a{
13262  color: #fff;
13263}
13264.post_footer{
13265  background: #141625;
13266  color: #fff;
13267  font-size: 12px;
13268  text-align: center;
13269  padding: 13px 0;
13270  border-bottom: 1px solid #fff;
13271}
13272.navbar-brand:focus, .navbar-brand:hover{
13273  color: #28a745;
13274}
13275
13276/* Media query for desktop viewport */
13277
13278.paypal-button-container {
13279   height: 38px;
13280}
13281
13282.modal-footer .paypal-button-container {
13283   width: 200px;
13284   top: 0px;
13285   position: relative;
13286   height: 33px;
13287}
13288
13289@media (max-width: 420px) {
13290   
13291   .modal-footer .paypal-button-container {
13292      width: 150px;
13293   }
13294
13295}
13296
13297/*********** Home *****************/
13298
13299.request_home_file {
13300    height:200px;
13301    overflow:hidden;
13302}
13303
13304
13305
13306
13307/*** Category and Sub Category Page ***/
13308
13309
13310
13311
13312div.cat_desc {
13313    text-align: left;
13314    max-height: 300px;
13315    overflow: hidden;
13316    font-size:15px;
13317}
13318div.cat_desc.collapse.show {
13319    max-height: none!important;
13320    height: 100%!important;
13321}
13322div.cat_desc.collapse {
13323    max-height: 300px;
13324    height: 300px;
13325    display:block!important;
13326}
13327
13328div.cat_desc.collapsing {
13329    max-height: 300px;
13330    height: 300px;
13331    display:block!important;
13332}
13333
13334div.cat_desc_readmore {
13335    text-align: center;
13336    padding-top: 10px;
13337}
13338
13339div.cat_desc_readmore a {
13340    border: 1px solid;
13341    padding: 3px;
13342    margin-top: 10px;
13343    border-radius: 6px;
13344}
13345
13346div.cat_desc img {
13347    float: left;
13348    width: 300px;
13349    padding: 0 20px 20px 0;
13350}
13351
13352div.sub_cat_desc {
13353    text-align: left;
13354    max-height: 300px;
13355    overflow: hidden;
13356    font-size:15px;
13357}
13358div.sub_cat_desc.collapse.show {
13359    max-height: none!important;
13360    height: 100%!important;
13361}
13362div.sub_cat_desc.collapse,
13363div.sub_cat_desc.collapsing {
13364    max-height: 300px!important;
13365    height: 300px!important;
13366    display:block!important;
13367}
13368
13369div.sub_cat_desc_readmore {
13370    text-align: center;
13371    padding-top: 10px;
13372}
13373
13374div.sub_cat_desc_readmore a {
13375    border: 1px solid;
13376    padding: 3px;
13377    margin-top: 10px;
13378    border-radius: 6px;
13379}
13380
13381div.sub_cat_desc img {
13382    float: left;
13383    width: 300px;
13384    padding: 0 20px 20px 0;
13385}
13386
13387.cat_box {
13388    margin: 2px 5px;
13389    border-radius: 20px;
13390    padding: 2px 8px;
13391    color: white;
13392    font-weight: bold;
13393    display: inline-table;
13394    white-space: nowrap;
13395}
13396
13397@media (max-width: 767px) {
13398    
13399    div.cat_desc img {
13400        float: left;
13401        width: 150px;
13402        padding: 0 13px 6px 0;
13403    }
13404    
13405
13406    div.sub_cat_desc img {
13407        float: left;
13408        width: 150px;
13409        padding: 0 13px 6px 0;
13410    }
13411
13412}
13413
13414
13415#myCarousel .carousel-item {
13416    height: 80vh !important;
13417    text-align: center;
13418}
13419
13420
13421.table-responsive>.fixed-column {
13422    position: absolute;
13423    display: inline-block;
13424    width: auto;
13425    border-right: 1px solid #ddd;
13426}
13427
13428.table-responsive .table thead td, .table-responsive .table thead th {
13429    min-width: 170px;
13430    width: auto;
13431}
13432#massonry_border .mp-proposal-card.proposal-card-base a.imgsm {
13433    display: block;
13434    text-align: center;
13435}
13436
13437#massonry_border .mp-proposal-card.proposal-card-base a.imgsm img {
13438    /*height: 100%;
13439    width: auto;*/
13440
13441    height: 100%;
13442    width: 100%;
13443    object-fit: cover;
13444    /* object-fit: none; */
13445    object-position: center;
13446}
13447#massonry_border .mp-proposal-card.proposal-card-base span.imgsm {
13448    height: 182px;
13449    display: block;
13450    text-align: center;
13451}
13452
13453#massonry_border .mp-proposal-card.proposal-card-base span.imgsm img {
13454    height: 100%;
13455    width: auto;
13456
13457    /*height: 100%;
13458    width: 100%;*/
13459    object-fit: cover;
13460    /* object-fit: none; */
13461    object-position: center;
13462}
13463#massonry_border .brick .mp-proposal-card.proposal-card-base span.imgsm img {
13464    height: 100%;
13465    width: 100%!important;
13466}
13467.portfolio-description-form p {
13468    float: left;
13469    padding-left: 10px;
13470    clear: both;
13471    display: block;
13472}
13473
13474.mobile-portfolio-title {
13475    float: left;
13476    width: 100%;
13477    text-align: center;
13478}
13479
13480.proposal-card-base iframe {
13481    width: 100%;
13482    height: 170px;
13483}
13484
13485.video .proposal-card-base iframe {
13486    height: 228px;
13487}
13488
13489.proposal-form #category {
13490    width: 94%;
13491}
13492
13493.proposal-form .search_cat {
13494    position: absolute;
13495    /*padding: 7px;*/
13496    right: 0;
13497    margin-right: 16px;
13498    border: 1px solid #bac1c7;
13499    cursor: pointer;
13500}
13501
13502.proposal-form .search_cat i {
13503    padding: 9px;
13504}
13505
13506.proposal-form .search_cat.active i {
13507    margin: 5px 3px;
13508}
13509
13510.proposal-form .search_cat .fa-search {
13511    display: block;
13512    background: white;
13513}
13514
13515.proposal-form .search_cat .fa-times {
13516    display: none;
13517}
13518
13519.proposal-form .search_cat.active .fa-search {
13520    display: none;
13521}
13522
13523.proposal-form .search_cat.active .fa-times {
13524    display: block;
13525}
13526
13527.proposal-form .search_cat.active {
13528    width: 94.5%;
13529    background: white;
13530}
13531
13532.proposal-form .search_cat.active #search_input {
13533    display: block!important;
13534    width: 85%;
13535    float: right; 
13536    border: 1px solid #bac1c7;
13537    margin: 5px;
13538    height: 32px;
13539}
13540
13541#search_input {
13542    display: none;
13543}
13544
13545.proposal-form .search-bar-panel {
13546    top: 100%;
13547    /*margin-left: -7px;*/
13548} 
13549
13550img.portfolio-modal-img {
13551    max-height: 300px;
13552}
13553
13554.localsearch {
13555    display: inline;
13556    padding: 5px;
13557    vertical-align: middle;
13558}
13559
13560.localsearch label {
13561    margin-left: 3px;
13562    font-weight: bold;
13563    font-size: 14px;
13564    letter-spacing: 1px;
13565    /* color: #ec66eb; */
13566    margin-top: 4px;
13567}
13568
13569.gig-page-section.gig-page-section-overview {
13570    padding: 0 10px;
13571}
13572
13573.contact-button {
13574    /*top: 40%;*/
13575    display: block;
13576    font-size: 22px;
13577    height: 50px;
13578    /* width: 60px; */
13579    line-height: 15px;
13580    text-align: center;
13581    color: #fff;
13582    position: fixed;
13583    bottom: 85px;
13584    right: 19px;
13585    z-index: 10002;
13586    border-radius: 12px;
13587    background: #2ca35b;
13588    padding: 4px;
13589    width: 65px;
13590}
13591
13592.contact-button small {
13593    font-size: 12px;
13594}
13595
13596.contactbox {
13597    height: 80px;
13598    text-align: center;
13599    background: bisque;
13600    line-height: 80px;
13601    font-size: 23px;
13602    padding: 0 20px;
13603    font-weight: bold;
13604    border-radius: 15px;
13605    margin: 0 5px;
13606    display: inline-block;
13607    cursor: pointer;
13608}
13609
13610#callbox, #emailbox {
13611    display: none;
13612}
13613
13614
13615.form-group.required .col-form-label:after {
13616  content:"*";
13617  color:red;
13618}
13619
13620
13621.proposal_package_image_box_small {
13622    height: 120px;
13623    width: 120px;
13624    margin: 0 auto;
13625}
13626.proposal_package_image_box_small img {
13627    width: 100%;
13628    height: auto;
13629}
13630
13631.proposal_package_box {
13632    margin-top: 10px;
13633}
13634
13635.proposal_package_box img {
13636    max-width: 120px;
13637    float: left;
13638    margin: 0 10px 10px 0;
13639}
13640
13641dl.dropdown_img {margin: 8px}
13642.dropdown_img dd, .dropdown_img dt, .dropdown_img ul { margin:0px; padding:0px; }
13643.dropdown_img dd { position:absolute; }
13644.dropdown_img div { color:#816c5b; text-decoration:none; outline:none;}
13645.dropdown_img div:hover { color:#5d4617;}
13646.dropdown_img dt div:hover { color:#5d4617; border: 1px solid #d0c9af;}
13647.dropdown_img dt div {background:url('http://www.jankoatwarpspeed.com/wp-content/uploads/examples/reinventing-drop-down/arrow.png') no-repeat scroll right center; display:block; padding-right:20px;
13648                border:1px solid #e9ecef; width:150px;}
13649.dropdown_img dt div span {cursor:pointer; display:block;height: 40px;line-height: 40px; padding-left: 5px; padding-top:5px;}
13650.dropdown_img dd ul {
13651    background: #ffffff none repeat scroll 0 0;
13652    border: 1px solid #e9ecef;
13653    color: #C5C0B0;
13654    display: none;
13655    left: 0px;
13656    padding: 0px 0px;
13657    position: absolute;
13658    width: auto;
13659    min-width: 170px;
13660    list-style: none;
13661    border-bottom: none;
13662    cursor: pointer;
13663}
13664.dropdown_img span.value { display:none;}
13665.dropdown_img dd ul li div { padding:5px; display:block;border-bottom: 1px solid #e9ecef;}
13666.dropdown_img dd ul li div:hover { background-color:#dedbd2;}
13667
13668.dropdown_img img.flag { border:none; vertical-align:middle; /*margin-left:10px;*/ width: 40px }
13669.flagvisibility { display:none;}
13670.brick a{
13671    -ms-touch-action: manipulation;
13672    touch-action: manipulation;
13673    display: inline-block!important;
13674}
13675@media only screen and (max-width: 999px) and (min-width: 300px) {
13676    .mobile-80 {
13677        width: 80%!important;
13678        min-width: 80%!important;
13679    }
13680
13681    .mobile-hide {
13682        display: none;
13683    }
13684
13685    .mobile-20 {
13686        width: 20%!important;
13687        min-width: 20%!important;
13688    }
13689
13690    .mobile-50 {
13691        width: 50%!important;
13692        min-width: 50%!important;
13693    }
13694    .mobile-40 {
13695        width: 40%!important;
13696        min-width: 40%!important;
13697    }
13698    .mobile-10 {
13699        width: 10%!important;
13700        min-width: 10%!important;
13701    }
13702
13703    #myCarousel .carousel-item {
13704        height: 35vh !important;
13705        text-align: center;
13706    }
13707
13708    .extra-images{
13709        height: 50px;
13710    }
13711    .extra-images img{
13712        width: 32px;
13713    }
13714    .is-responsive .gnav-header #gigtodo-logo a {
13715        margin-top: 12px;
13716        display: block!important;
13717        width: 25px;
13718        /* background: red; */
13719        transform: translateX(-8px);
13720    }
13721    .gigtodo-logo-svg-logged-in img.desktop {
13722        display: none !important;
13723    }
13724    .gigtodo-logo-svg-logged-in img.mobile {
13725        display: block!important;
13726        width: 100%;
13727    }
13728    .gnav-header #gigtodo-logo.gigtodo-logo-svg a {
13729        background: none;
13730        position: relative;
13731        display: block;
13732        width: 30px;
13733        margin-top: 13px!important;
13734    }
13735}
13736
13737@media only screen and (max-width: 9999px) and (min-width: 999px) {
13738    .gigtodo-logo-svg-logged-in img.desktop {
13739        display: block !important;
13740    }
13741  }
13742/*************************arko start***********************************/
13743
13744
13745.row.mt-3 {
13746    width: 100%;
13747    margin: 0 auto;
13748}
13749.masonry.bordered {
13750    width: 100%;
13751}
13752
13753/* massonry start */
13754/* Defaults */
13755
13756
13757.brick img, .brick video {
13758    max-width: 100%;
13759    vertical-align: middle;
13760    display: block;
13761    margin: 0 auto;
13762}
13763
13764html {
13765  box-sizing: border-box;
13766}
13767
13768.wrapper {
13769  margin-left: auto;
13770  margin-right: auto;
13771  padding-right: 20px;
13772  padding-left: 20px;
13773  width: 100%;
13774/*  max-width: 1080px;*/
13775}
13776
13777/* Masonry item */
13778.masonry .brick {
13779  margin-bottom: 30px;
13780 /* display: inline-block; */
13781  vertical-align: top;
13782}
13783
13784/* Bordered masonry */
13785.masonry.bordered {
13786  column-rule: 0px solid #eee;
13787  column-gap: 16px;
13788}
13789
13790.masonry.bordered .brick {
13791  padding-bottom: 4px;
13792  margin-bottom: 5px;
13793  border-bottom: 0px solid #eee;
13794  display: block;
13795  width: 100%;
13796  /* background: red; */
13797  float: left;
13798  break-inside: avoid-column;
13799  margin: 5px 0;
13800  /* box-shadow: 1px 1px 5px 0px #00000059; */
13801}
13802@-moz-document url-prefix() {
13803    .masonry.bordered .brick {
13804      padding-bottom: 4px;
13805      margin-bottom: 5px;
13806      border-bottom: 0px solid #eee;
13807      display: inline-block;
13808      width: 100%;
13809      /* background: red; */
13810      float: none;
13811      break-inside: avoid-column;
13812      margin: 5px 0;
13813    }
13814}
13815#massonry_border .brick .mp-proposal-card.proposal-card-base span.imgsm {
13816    height: auto;
13817    width: unset!important;
13818    display: block;
13819    text-align: center;
13820}
13821
13822#massonry_border > .brick .mp-proposal-card.proposal-card-base span.imgsm img {
13823    height: 100%;
13824    width: 100%!important;
13825    border-radius: 10px;
13826}
13827#massonry_border .brick .proposal-card-base.mp-proposal-card {
13828    position: relative;
13829    background-color: #fff;
13830    border: 0px solid #e5e5e5;
13831 }
13832 .masonry {
13833     column-count: 3;
13834 }
13835/* #massonry_border .proposal-seller-info {
13836     display: none!important;
13837 }*/
13838.overlay_comments{
13839    width: 100%;
13840    float: left;
13841    margin: 10px auto 10px;
13842    /*background-color:red;*/
13843}
13844.overlay_comments_inner img {
13845    width: 50px;
13846}
13847.comments_image_cont img {
13848    border-radius: 100px;
13849}
13850.comments_inner {
13851    background: #ebebef;
13852    padding: 10px 14px;
13853    padding-bottom: 20px;
13854    border-radius: 0px 10px 10px 10px;
13855    position: relative;
13856}
13857.comments_inner:before {
13858    position:absolute;
13859    content: '';
13860    width: 0; 
13861    height: 0; 
13862    border-top: 10px solid transparent;
13863    border-bottom: 10px solid transparent; 
13864    border-right:10px solid #ebebef;
13865    right: unset;
13866    top: 0px;
13867    left:-10px;
13868
13869}
13870.row.overlay_input_cont {
13871    margin: 0 auto;
13872    margin-top: 30px;
13873    width: 100%;
13874}
13875.input_profile {
13876    width: 100%;
13877    display:block;
13878    font-size: 18px;
13879    font-weight: 600;
13880    color: #f06b9f;
13881    margin-bottom: 6px;
13882}
13883.input_profile img {
13884    width: 50px;
13885    border-radius: 100px;
13886}
13887.inner_input_cont {
13888    width: 100%;
13889    display:block;
13890}
13891.inner_input_cont textarea{
13892    width: 100%;
13893    padding: 10px 20px;
13894    background: #ebebef;
13895    border: none;
13896    border-radius: 10px;
13897    min-height:100px;
13898
13899}
13900.inner_input_cont textarea:focus{
13901    outline: none;
13902    border: none;
13903}
13904.overlay_comments {
13905    position: absolute;
13906    top: 100%;
13907    left: 0;
13908    width: calc(100% + 10px);
13909    height: 100%;
13910    background: #ffffff;
13911    padding: 50px 30px;
13912    overflow-y: scroll;
13913    overflow-x: hidden;
13914    transition: all .5s;
13915    font-size: 14px;
13916    font-weight: 500;
13917    letter-spacing: 1px;
13918    transition: all .5s;
13919    font-family: 'Josefin Sans', sans-serif!important;
13920}
13921.inner_input_cont button{
13922    padding: 8px 14px;
13923    cursor: pointer;
13924    border: none;
13925    text-decoration: none;
13926    background: #f06b9f;
13927    border-radius: 34px;
13928    font-size: 13px;
13929    font-weight: 700;
13930    color: white;
13931    margin-top: 4px;
13932}
13933.overlay_comments.active {
13934    transition: all .5s;
13935    top: 0%;
13936}
13937.comments_close {
13938    position: absolute;
13939    top: 0;
13940    right: 12%;
13941    height: 35px;
13942    margin-right: -20px;
13943    text-align: center;
13944    font-size: 30px;
13945    font-weight: bold;
13946    cursor: pointer;
13947    -webkit-user-select: none;
13948    -ms-user-select: none;
13949    user-select: none;
13950}
13951.row.overlay_comments_inner {
13952    margin-top: 10px;
13953}
13954.comments_inner span {
13955    font-size: 13px;
13956    line-height: unset!important;
13957}
13958.comments_inner h5 {
13959    font-size: 16px;
13960    font-weight: 700;
13961    letter-spacing: 0px;
13962    color: #8e8e8e;
13963    margin-top: 10px;
13964}
13965.like_comments_cont i{
13966     color: #b8b8b8; 
13967    /*color: #ffffff;*/
13968    margin-right: 5px;
13969}
13970.number_of_liked , .number_of_comments {
13971    font-size: 14px;
13972    color: #3e3e3e;
13973    font-weight: bold;
13974}
13975.copppent_tri {
13976    cursor: pointer;
13977}
13978  #massonry_border .proposal-card-base .proposal-link-main h3 {
13979     font-weight: bold;
13980     letter-spacing: 1px;
13981     font-size: 14px;
13982     /* background: red; */
13983     height: auto;
13984     width: 73%;
13985     float: left;
13986     margin-top: 10px;
13987 }
13988/* Masonry on tablets */
13989
13990#massonry_border .brick .likeIcon {
13991    /*display: none;*/
13992    border: none;
13993    position: absolute;
13994    top: 43px;
13995    right: -4px;
13996}
13997#massonry_border .brick:hover .likeIcon {
13998    display: inline-block;
13999}
14000.proposal-link-main  {
14001    width: 100%;
14002    float: left;
14003    position: relative;
14004}
14005.view_more i.fa {
14006    font-size: 14px;
14007    color: #f06b9f;
14008}
14009.view_more {
14010    cursor: pointer;
14011}
14012.like_comments_cont .no_rl_paadding {
14013    padding-left: 0!important;
14014    padding-right: 0!important;
14015}
14016#massonry_border .portfolio_img_wrapper {
14017    position: relative;
14018    overflow: hidden;
14019    border-radius: 15px;
14020}
14021.row.like_comments_cont {
14022    width: 100%;
14023    margin: 0 auto;
14024    margin-top: 25px;
14025    border-bottom: 2px solid #ababab21;
14026    padding-bottom: 10px;
14027}
14028.row.like_comments_cont {
14029    width: 100%;
14030    margin: 0 auto;
14031}
14032
14033.row.like_comments_cont {
14034    width: 100%;
14035    margin: 0 auto;
14036    margin-top: 25px;
14037    border-bottom: 2px solid #ababab21;
14038    padding-bottom: 10px;
14039}
14040#massonry_border .brick .for_second_design {
14041    position: absolute;
14042    z-index: 2;
14043    background: red;
14044    width: 100%;
14045     height: 58px; 
14046    bottom: 0;
14047    left: 0;
14048   background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%);
14049   background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
14050   background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
14051   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
14052   transform: translateY(100px);
14053   transition: all .5s;
14054
14055}
14056#massonry_border .brick:hover .for_second_design {
14057    position: absolute;
14058    z-index:40;
14059    background: red;
14060    width: 100%;
14061     height: 58px; 
14062    bottom: 0;
14063    left: 0;
14064   background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%);
14065   background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
14066   background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
14067   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
14068   transform: translateY(0px);
14069   transition: all .5s;
14070
14071}
14072.gig-seller-tooltip {
14073    font-size: 13px;
14074    color: #ffffffe3;
14075    margin-top: -2px;
14076}
14077.likeIcon i {
14078    font-size: 13px;
14079    transform: translateY(2px);
14080    margin-right: 4px;
14081}
14082.proposal_portfolio_cont.modal-dialog {
14083    max-width: 1200px;
14084    width: 100%;
14085}
14086#image-modal.proposal_portfolio_cont .close {
14087    position: absolute;
14088    top: 0;
14089    right: 22px;
14090    z-index: 4;
14091    font-size: 50px;
14092    color: #556db4;
14093    opacity: 1;
14094}
14095h4.title {
14096    font-size: 35px;
14097    font-weight: 700;
14098    color: #f06b9f;
14099}
14100.proposal_portfolio_cont.modal-header {
14101    padding:0px;
14102    border:none;
14103}
14104.proposal_portfolio_cont.modal-body {
14105    padding: 0;
14106}
14107.proposal_portfolio_cont.modal_inner {
14108    width: 100%;
14109    margin: 0 auto;
14110}
14111.proposal_portfolio_cont.modal_inner .col-md-7.img_cont_modal {
14112    padding: 0;
14113}
14114.proposal_portfolio_cont.modal-content {
14115    border-radius: 46px;
14116    overflow: hidden;
14117    border: none;
14118    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
14119    margin-top: 5%;
14120    margin-bottom: 5%;
14121}
14122#image-modal.proposal_portfolio_cont {
14123    background: #ffffff!important;
14124}
14125img.portfolio-modal-img {
14126    max-height: unset;
14127    width: 100%;
14128}
14129
14130.proposal_portfolio_cont .modal_inner .col-md-5.text_cont_modal {
14131    padding-top: 70px;
14132    padding-left: 30px;
14133    padding-right: 30px;
14134}
14135.proposal_portfolio_cont .modal-header {
14136    padding: 0;
14137}
14138.input-group-lg.mb-2.text-left h4 {
14139    font-size: 27px;
14140    font-weight: 700;
14141    color: #808080;
14142    margin-top: 30px;
14143}
14144.input-group-lg.mb-2.text-left h4.title {
14145    font-size: 35px;
14146    font-weight: 700;
14147    color: #f06b9f;
14148    margin-top: 0;
14149}
14150.mb-4, .my-4 {
14151    margin-bottom: 1.5rem !important;
14152    display: inline;
14153}
14154.card-body .text-center.h3 {
14155    display: inline;
14156}
14157.rounded-circle {
14158    width: 70px;
14159   margin-right: 9px;
14160}
14161.header-message-div .rounded-circle {
14162    width: unset;
14163    margin-right: 9px;
14164}
14165.text-center h3 {
14166    font-size: 23px;
14167    font-weight: 700;
14168}
14169.slider_image {
14170    width: 100%;
14171}
14172.carousel_control_button {
14173    width: 50px;
14174    height: 50px;
14175    background: red;
14176}
14177#demo {
14178    max-width: 1200px;
14179    width: 100%;
14180    border-radius: 46px;
14181    overflow: hidden;
14182    border: none;
14183    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
14184    margin: 0 auto;
14185    margin-top: 3.5%;
14186    margin-bottom: 0%;
14187}
14188.inner_row{
14189    width: 100%;
14190    margin:0 auto;
14191}
14192.inner_row .col-md-7.image_cont {
14193    padding: 0;
14194}
14195.inner_row .col-md-5.text_cont {
14196    padding: 70px 30px 20px;
14197}
14198.carousel-item h4 {
14199    font-size: 35px;
14200    font-weight: 700;
14201    color: #556db4;
14202    margin-top: 0;
14203}
14204h4.about_portfolio_textcont_heead {
14205    font-size: 27px;
14206    font-weight: 700;
14207    color: #808080;
14208    margin-top: 30px;
14209
14210}
14211.carousel_control_button.carousel-control-prev {
14212    top: 50%;
14213    left: 20px;
14214    border-radius: 100px;
14215    text-align: center;
14216    opacity: 1;
14217    background: #9b9b9b94;
14218    position: fixed;
14219}
14220.carousel_control_button.carousel-control-next {
14221    top: 50%;
14222    right: 35px;
14223    border-radius: 100px;
14224    text-align: center;
14225    opacity: 1;
14226    background: #9b9b9b94;
14227    position: fixed;
14228}
14229#image-modal .modal-content {
14230    display: none;
14231}
14232.text_cont {
14233    position: relative;
14234}
14235.overlay_div_desc_outer {
14236    position: absolute;
14237    top: 100%;
14238    left: 0;
14239    width: calc(100% + 10px);
14240    height: 100%;
14241    background: #ffffff;
14242    padding:50px 30px;
14243    overflow-y: scroll;
14244    overflow-x: hidden;
14245    transition: all .5s;
14246    font-size: 14px;
14247    font-weight: 500;
14248    letter-spacing: 1px;
14249    font-family: 'Josefin Sans', sans-serif!important;
14250}
14251.overlay_div_desc_outer.active {
14252    top: 0;
14253    transition: all .5s;
14254}
14255.desc_close {
14256    position: absolute;
14257    top: 0;
14258    right: 12%;
14259    height: 35px;
14260    margin-right: -20px;
14261    text-align: center;
14262    font-size: 30px;
14263    font-weight: bold;
14264    cursor: pointer;
14265    -webkit-user-select: none; /* Safari */
14266    -ms-user-select: none; /* IE 10+ and Edge */
14267    user-select: none; /* Standard syntax */
14268}
14269span.main_modal_description {
14270    font-size: 15px;
14271    font-weight: 500;
14272    letter-spacing: 1px;
14273    font-family: 'Josefin Sans', sans-serif!important;
14274}
14275.col-md-3.mt-4 {
14276
14277}
14278.col-md-3.mt-4 .card.user-sidebar.rounded-0.mb-4 {
14279    background: #fbfbfb;
14280    border-radius: 10px!important;
14281    float: left;
14282    width: 100%;
14283    border: none;
14284    padding: 10px;
14285}
14286.user-sidebar a.btn.btn-lg.btn-block.btn-success.rounded-0 {
14287    border: none;
14288    padding: 10px;
14289    border-radius: 50px!important;
14290    display: block;
14291    font-size: 15px;
14292    text-transform: uppercase;
14293    font-weight: bold;
14294    margin-bottom: 12px;
14295}
14296.user-sidebar .card-body + hr , .user-sidebar .card-body + hr + a + hr {
14297    display: none;
14298}
14299div#st-1 {
14300   opacity: 0;
14301   transition: all .5s;
14302}
14303div#st-1.active {
14304   opacity: 1;
14305   transition: all .5s;
14306}
14307.details .proposal-info {
14308    padding-bottom: 0px;
14309    position: relative;
14310}
14311.sharebuttonportfolio {
14312    position: absolute;
14313    font-size: 23px;
14314    bottom: 0px;
14315    right: 0;
14316    background: #f06b9f;
14317    padding: 5px 8px;
14318    display: inline;
14319    border-radius: 5px;
14320    height: unset;
14321    line-height: 0;
14322    background: linear-gradient(58deg, rgb(200 213 251) 0%, rgb(85 109 180) 100%);
14323    color: #ffffff;
14324}
14325.close_share {
14326    display: inline-block;
14327    font-size: 20px;
14328    line-height: 0;
14329    margin-right: 8px;
14330    margin-top: 8px;
14331    color: #5c5c5ca1;
14332}
14333.proposal-info hr{
14334    display: none;
14335}
14336.details .proposal-info h3 {
14337    margin-bottom: 5px;
14338    margin-top: 5px;
14339    font-weight: 900;
14340    font-size: 30px;
14341    color: #4c4b4b;
14342}
14343
14344.checkbox_conntainer {
14345  display: inline-block;
14346  position: relative;
14347  padding-left: 27px;
14348  margin-bottom: 0;
14349  cursor: pointer;
14350  font-size: 15px;
14351  -webkit-user-select: none;
14352  -moz-user-select: none;
14353  -ms-user-select: none;
14354  user-select: none;
14355  /* background:red; */
14356}
14357
14358/* Hide the browser's default checkbox */
14359.checkbox_conntainer input {
14360  position: absolute;
14361  opacity: 0;
14362  cursor: pointer;
14363  height: 0;
14364  width: 0;
14365}
14366
14367/* Create a custom checkbox */
14368.checkbox_conntainer .checkmark {
14369  position: absolute;
14370  top: 0;
14371  left: 0;
14372  height: 25px;
14373  width: 25px;
14374  background-color: #eee;
14375  border-radius: 5px;
14376}
14377
14378/* On mouse-over, add a grey background color */
14379.checkbox_conntainer:hover input ~ .checkmark {
14380  background-color: #ccc;
14381}
14382
14383/* When the checkbox is checked, add a blue background */
14384.checkbox_conntainer input:checked ~ .checkmark {
14385  background-color: #2196F3;
14386  background: linear-gradient(58deg, rgb(61 72 99) 0%, rgb(85 109 180) 100%) !important;
14387  border-color: white;
14388}
14389
14390/* Create the checkmark/indicator (hidden when not checked) */
14391.checkmark:after {
14392  content: "";
14393  position: absolute;
14394  display: none;
14395}
14396
14397/* Show the checkmark when checked */
14398.checkbox_conntainer input:checked ~ .checkmark:after {
14399  display: block;
14400}
14401
14402/* Style the checkmark/indicator */
14403.checkbox_conntainer .checkmark:after {
14404  left: 9px;
14405  top: 5px;
14406  width: 5px;
14407  height: 10px;
14408  border: solid white;
14409  border-width: 0 3px 3px 0;
14410  -webkit-transform: rotate(45deg);
14411  -ms-transform: rotate(45deg);
14412  transform: rotate(45deg);
14413}
14414li.register-link {
14415    /* color: #e006db; */
14416}
14417.search-button-wrapper  .btn {
14418    border: none;
14419}
14420.ui-toolkit .bb-xs-1 {
14421    border-bottom: 1px solid #E1E3DF;
14422   /* background: linear-gradient(58deg, rgb(236 190 255) 0%, rgba(236,73,229,1))!important;*/
14423}
14424
14425/*login modal*/
14426.login.login_modal_cont {
14427    /*display: block;*/
14428   /* background: red;*/
14429    position: fixed;
14430    overflow: unset;
14431    top: 0px !important;
14432    padding-right: 17px;
14433}
14434.modal-dialog {
14435    width: 100%;
14436    max-width: 750px;
14437}
14438.login.login_modal_cont .modal-content {
14439    border-radius: 0px 10px 10px 0px;
14440    overflow: hidden;
14441    border: none;
14442    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
14443    margin-top: 0%;
14444    margin-bottom: 0%;
14445    padding: 20px;
14446
14447}
14448.inner_login_image_cont{
14449    position: absolute;
14450    top: 0;
14451    left: 0;
14452    width: 100%;
14453    height: 100%;
14454    background: rgb(185,232,247);
14455    background: linear-gradient(0deg, rgba(185,232,247,1) 0%, rgba(236,73,229,1) 100%);
14456}
14457.inner_login_image_cont img{
14458    width: 88%;
14459    position: absolute;
14460    bottom: 3%;
14461    left: 7%;
14462}
14463.inner_login_image_cont .inner_text{
14464    position: absolute;
14465    top:3%;
14466    left:0;
14467    width:100%;
14468    min-height: 100px;
14469    /*background: green;*/
14470    padding:20px;
14471}
14472.inner_login_image_cont .inner_text h3 {
14473    color: white;
14474    font-weight: 900;
14475    font-size: 30px;
14476}
14477.inner_login_image_cont .inner_text p {
14478    color: white;
14479    font-size: 15px;
14480    font-weight: 300;
14481}
14482#login_modal_cont_for_height {
14483    padding-left: 0;
14484    padding-right: 0;
14485}
14486.text-center.pt-4.pb-2 {
14487    padding-bottom: 1.5rem !important;
14488    padding-top: .5rem !important;
14489}
14490.login_image_outer {
14491    background: green;
14492    padding: 0!important;
14493    margin: 0!important;
14494    padding-left: 0px;
14495    padding-right: 0px;
14496    border-radius: 10px 0px 0px 10px;
14497    overflow: hidden;
14498    position: relative;
14499    
14500}
14501 #login_modal_cont_for_height .modal-header {
14502    display: none;
14503}
14504.inner_login_image_cont label.form-group-label {
14505    font-weight: 700;
14506    font-size: 18px;
14507    letter-spacing: 1px;
14508    color: #5b5b5b;
14509}
14510#login_modal_cont_for_height input.form-control {
14511    border: none;
14512    border-bottom: 1px solid #556db4;
14513    border-radius: 0;
14514    padding-left: 0;
14515}
14516#login_modal_cont_for_height input.btn.btn-success.btn-block {
14517    padding: 8px;
14518    font-size: 17px;
14519    border: none;
14520    transition: all .5s;
14521    font-weight: 700;
14522}
14523#login_modal_cont_for_height input.btn.btn-success.btn-block:hover {
14524    transition: all .5s;
14525    background: linear-gradient(58deg, rgb(201 157 219) 0%, rgb(182 55 177) 100%);
14526}
14527.form-control:focus {
14528    box-shadow:none!important;
14529
14530    outline: none;
14531}
14532.user_sedebar_trigger {
14533    display: none;
14534}
14535#user-sidebar_activee .card-body {
14536    float: left;
14537    width: 100%;
14538    padding: 0px;
14539    margin-bottom: 25px;
14540}
14541.outer_card {
14542    box-shadow: 1px 1px 4px 0px #cccccc4a;
14543    width: 100%;
14544    background: white;
14545    display: block;
14546    float: left;
14547    padding: 14px;
14548    margin-bottom: 8px;
14549    border-radius: 5px;
14550}
14551a.btn.btn-lg.btn-block.btn-success.rounded-0 {
14552    float: left;
14553}
14554#user-sidebar_activee .card-body .card-hr {
14555    display:none;
14556}
14557.user_portfolio .card {
14558    border: 0px solid #E1E3DF!important;
14559}
14560.text-center.mb-5.p-2 {
14561    font-size: 17px;
14562    text-align: left!important;
14563}
14564.marketplaceInner {
14565    padding: 0px!important;
14566}
14567.marketplaceInner img {
14568    width: 100%;
14569}
14570.marketplaceInner {
14571    position:relative;
14572    height: auto;
14573}
14574.marketplaceInner span {
14575    position: absolute;
14576    top:0;
14577    left: 0;
14578    width: 100%;
14579    height: 100%;
14580    background-color: rgb(0 0 0 / 32%);
14581    color:white;
14582    display: flex;
14583    align-items: center;
14584    justify-content: center;
14585}
14586.marketplaceInner span p{
14587    color:white;
14588}
14589.marketplaceouter_cont{
14590    width: 100%;
14591    margin: 0 auto;
14592}
14593.nopadding {
14594    padding: 0px!important;
14595}
14596.market {
14597    padding: 0px 0;
14598}
14599.top_portfolio{
14600    text-align: center!important;
14601    display: block;
14602}
14603.marketplaceInner span p {
14604    color: white;
14605    font-size: 20px;
14606    font-weight: bold;
14607    letter-spacing: 1px;
14608    background: #00000061;
14609    padding: 5px 9px;
14610    /* width: 100%; */
14611    border-radius: 0px 10px 0px 10px;
14612}
14613.five_grid .portfolio_img_wrapper {
14614    box-shadow: -1px 4px 9px 0px #00000029;
14615}
14616.five_grid .seller-info-wrapper a.seller-name {
14617    color: white;
14618    font-size: 14px;
14619    font-weight: bold;
14620}
14621.five_grid .seller-info-wrapper .gig-seller-tooltip  {
14622    font-size: 10px;
14623}
14624.heading_text_center {
14625    text-align: center;
14626}
14627.bottom_subheading_text_center {
14628    text-align: center;
14629    margin-bottom: 20px;
14630    display: block;
14631}
14632#register-modal label {
14633    display: inline-block;
14634    margin-bottom: 0px;
14635}
14636.login.login_modal_cont  {
14637    padding-right: 17px;
14638    position: fixed;
14639    overflow-y: scroll;
14640    width: 102%;
14641}
14642.top_portfolio_row {
14643    width: 100%;
14644    margin: 0 auto;
14645}
14646#massonry_border .brick .likeIcon {
14647    top: 40px;
14648 }
14649 #masterpieses.five_grid .seller-info-wrapper a.seller-name {
14650     color: #696868;
14651     font-size: 14px;
14652     font-weight: bold;
14653 }
14654 #masterpieses.five_grid .seller-info-wrapper .gig-seller-tooltip {
14655      color: #696868;
14656  }
14657 #masterpieses.five_grid .proposal-card-caption {
14658    position: relative;
14659 }
14660 #masterpieses.five_grid .likeIcon.float-right {
14661    position: absolute;
14662    bottom: 7px;
14663    right: 2%;
14664 }
14665  #masterpieses.five_grid .proposal-card-base .proposal-link-main h3 {
14666     height: unset;
14667     overflow: unset;
14668     padding-top: 10px;
14669     font-weight: bold;
14670     color: #484848;
14671 }
14672 #masterpieses.five_grid .proposal-card-base.mp-proposal-card .proposal-card-footer {
14673    height: 32px;
14674    /*border-top: 1px solid #eee;*/
14675    /* background:#62ffe2; */
14676    float: left;
14677    width: 100%;
14678}
14679 #masterpieses.five_grid  .proposal-card-base.mp-proposal-card .rating-badges-container {
14680    min-height: 25px;
14681    margin-top: 2px;
14682    padding-bottom: 7px;
14683}
14684.outer_masterpieces_cont.row {
14685    width: 100%;
14686    margin: 0 auto;
14687    padding-bottom: 2%;
14688}
14689 .outer_portfolio_cont.row {
14690    padding-bottom: 2%;
14691}
14692span.view_more {
14693    display: block;
14694    width: 100%;
14695    text-align: center;
14696    font-weight: bold;
14697    color: #556db4;
14698    font-size: 12px;
14699}
14700.main_modal_description span.view_more {
14701    display: inline;
14702}
14703 #masterpieses.five_grid .proposal-card-base.mp-proposal-card {
14704    overflow: hidden;
14705    position: relative;
14706    background-color: #fff;
14707    border: 0px solid #e5e5e5;
14708    width: 100%;
14709    box-shadow: 1px 1px 6px 0px #00000014;
14710    border-radius: 10px;
14711}
14712 #masterpieses.five_grid .likeIcon {
14713    border: 0px solid #556db4;
14714}
14715 #masterpieses.five_grid .likeIcon i {
14716    font-size: 18px;
14717    transform: translateY(-1px);
14718    margin-right: 4px;
14719}
14720#masterpieses.five_grid .proposal-card-base .proposal-price a {
14721    font-size: 16px;
14722    line-height: 20px;
14723    color: #555;
14724    font-weight: 900;
14725    padding: 10px 12px 0 0;
14726}
14727#masterpieses.five_grid.masonry.bordered .brick {
14728    margin-bottom: 10px;
14729    -webkit-transform: translateZ(0);
14730    -webkit-backface-visibility: hidden;
14731    -webkit-perspective: 1000;
14732}
14733
14734/*footer bottom fixed button*/
14735.bottom_fixed {
14736    position: fixed;
14737    display: block;
14738    cursor: pointer;
14739    font-size: 20px;
14740    /* height: 60px; */
14741    width: 47px;
14742    line-height: 60px;
14743    text-align: center;
14744    background: #28a475;
14745    background: linear-gradient(58deg, rgb(85 109 180 / 76%) 0%, rgb(0 0 0) 100%) !important;
14746    border-radius: 0;
14747    bottom: 20px;
14748    right: 20px;
14749    z-index: 9999;
14750    border-radius: 50px;
14751    padding: 1px;
14752    overflow-x: hidden;
14753    min-height: auto;
14754    transition: all .5s;
14755}
14756.bottom_fixed.active {
14757    width: 244px;
14758    transition: all .5s;
14759}
14760
14761.above_four.bottom_fixed.active {
14762    width: 243px;
14763    transition: all .5s;
14764}
14765.bottom_fixed_inner{
14766    position: relative;
14767    display: inline-block;
14768    cursor: pointer;
14769    font-size: 20px;
14770    height: 45px;
14771    width: 45px;
14772    line-height: 60px;
14773    text-align: center;
14774    background: #047ec2;
14775    color: #fff;
14776    border-radius: 50%;
14777    z-index: 9999;
14778    float: right;
14779    margin-left: 10px;
14780}
14781.bottom_fixed_inner:nth-last-child(1){
14782   position: absolute;
14783   right: 50px;
14784   transform: scale(1);
14785}
14786.bottom_fixed_inner:nth-last-child(2){
14787    position: absolute;
14788    right: 99px;
14789}
14790.bottom_fixed_inner:nth-last-child(3){
14791    position: absolute;
14792    right: 148px;
14793}
14794.bottom_fixed_inner:nth-last-child(4) {
14795    position: absolute;
14796    right: 197px;
14797    transform: scale(1);
14798}
14799.bottom_fixed_inner:nth-last-child(5){
14800    position: absolute;
14801    right: 248px;
14802}
14803.envelope {
14804
14805    display: none;
14806}
14807.envelope .fa.fa-envelope {
14808    left: 13px;
14809    top: 12px;
14810}
14811.hashtag .fa.fa-hashtag {
14812    left: 13px;
14813    top: 12px;
14814}
14815/*.bottom_fixed_inner:nth-last-child(1){
14816    margin-left:0px;
14817}*/
14818/*.contact-button {
14819    display:none;
14820}*/
14821.close-popup.active {
14822    display: block;
14823}
14824.bottom_fixed i {
14825    color: #fff;
14826    position: absolute;
14827    top: 13px;
14828    left: 15px;
14829    z-index: 2;
14830    transition: transform .2s ease 0s;
14831}
14832.open-popup {
14833    display: block!important;
14834}
14835.close-popup {
14836    display: none!important;
14837}
14838.bottom_fixed_inner.active .open-popup {
14839    display: none!important;
14840}
14841.bottom_fixed_inner.active .close-popup {
14842    display: block!important;
14843}
14844
14845.bottom_nav_for_filter {
14846    display: none;
14847}
14848.wraper_of_filter .card {
14849    border: 0px solid #E1E3DF!important;
14850}
14851.wraper_of_filter {
14852    background: #f3f3f3;
14853    padding: 10px;
14854    width: 100%;
14855    float: left;
14856}
14857.sidebar_wrapper_proposal {
14858    width: 100%;
14859    float: left;
14860    position: sticky;
14861    top: 50px;
14862}
14863.user-sidebar {
14864    width: 100%;
14865    float: left;
14866    position: sticky;
14867    top: 47px;
14868}
14869.user-sidebar.noannouncement {
14870    width: 100%;
14871    float: left;
14872    position: sticky;
14873    top: 0px;
14874}
14875.bottom_fixed_inner{
14876    overflow: hidden!important;
14877    z-index: 2;
14878}
14879.bottom_fixed_inner:hover{
14880    overflow: unset!important;
14881    z-index: 5;
14882}
14883.bottom_fixed_inner:hover span.toleft {
14884    position: absolute;
14885    width: 300px;
14886    height: 100%;
14887    background: #313332;
14888    right: 0;
14889    border-radius: 100px;
14890    /* transition: all .5s; */
14891}
14892.bottom_fixed_inner span.toleft {
14893    position: absolute;
14894    width: 100%;
14895    height: 100%;
14896    background: #313332;
14897    right: 0;
14898    border-radius: 100px;
14899    /* transition: all .5s; */
14900}
14901.bottom_fixed_inner:hover span.toleft p{
14902    opacity: 1;
14903    transition: opacity .5s;
14904}
14905.bottom_fixed_inner span.toleft p{
14906    opacity: 0;
14907    margin-right: 45px;
14908    font-size: 13px;
14909    line-height: 41px;
14910    float: right;
14911    transition: all .5s;
14912}
14913
14914
14915.bottom_fixed_inner:hover span.toright {
14916    position: absolute;
14917    width: 300px;
14918    height: 100%;
14919    background: #313332;
14920    left: 0;
14921    border-radius: 100px;
14922    /* transition: all .5s; */
14923}
14924.bottom_fixed_inner span.toright {
14925    position: absolute;
14926    width: 100%;
14927    height: 100%;
14928    background: #313332;
14929    left: 0;
14930    border-radius: 100px;
14931    /* transition: all .5s; */
14932}
14933.bottom_fixed_inner:hover span.toright p{
14934    opacity: 1;
14935    color: white;
14936    transition: opacity .5s;
14937}
14938.bottom_fixed_inner span.toright p{
14939    opacity: 0;
14940    color: white;
14941    margin-left: 45px;
14942    font-size: 13px;
14943    line-height: 41px;
14944    float: left;
14945    transition: all .5s;
14946}
14947/* massonry for proposal  */
14948.massonry_for_proposal a.imgsm{
14949    display: block;
14950    height: 200px!important;
14951    width: 100%;
14952    position: relative;
14953    overflow: hidden;
14954}
14955.massonry_for_proposal .brick a.imgsm img.img-fluid{
14956    max-width: 100%;
14957    height: 100%;
14958    display: block;
14959    margin: 0 auto;
14960    vertical-align: middle;
14961    z-index: 2;
14962    position: relative;
14963}
14964.for_background {
14965    height:unset!important;
14966    position: absolute;
14967    top: 0;
14968    width: 100%;
14969    filter: blur(7px) brightness(.9);
14970    z-index: 1;
14971}
14972#demo .carousel-item.active, .carousel-item-next, .carousel-item-prev {
14973    display: block;
14974    height: 85vh;
14975}
14976.slider_image {
14977    width: unset;
14978    height: 100%;
14979    margin: 0 auto;
14980    display: block;
14981    position: relative;
14982    z-index: 2;
14983    max-width: unset;
14984}
14985.modal-content .modal_close {
14986    float: right;
14987    display: block;
14988    text-align: right;
14989    font-size: 32px;
14990    position: absolute;
14991    top: 2px;
14992    right: 36px;
14993    z-index: 999;
14994    cursor: pointer;
14995}
14996body.is-responsive {
14997    padding-right: 0px!important;
14998}
14999.h5.text-success i {
15000    font-size: 14px;
15001}
15002.h5.text-success.collapsed i {
15003
15004}
15005.inner_row .col-md-7.image_cont {
15006    padding: 0;
15007    height: 100vh;
15008    position: relative;
15009    overflow: hidden;
15010}
15011.for_background_slider {
15012    position: absolute;
15013    top: 0;
15014    left: 0;
15015    width: 100%;
15016    z-index: 1;
15017    opacity: .7;
15018    filter: blur(5px);
15019}
15020
15021.card.seller-bio.mb-3.rounded-0 {
15022    position: sticky;
15023    top: 57px;
15024    border: 0;
15025}
15026.sidebar_wrapper_proposal .card.mb-5.rounded-0 {
15027    width: 100%;
15028    float: left;
15029/*  position: sticky;
15030    top: 50px;
15031    z-index: 999; */
15032}
15033.dropdown.user-menu .rounded-circle {
15034    width: unset;
15035    margin-right: 9px;
15036}
15037#filter_portfolio .wraper_of_filter .card-body.pb-2.pt-3{
15038    padding: 10px;
15039}
15040#filter_portfolio .card-header{
15041    border: none;
15042}
15043.sidebar_wrapper_proposal .card.mb-5.rounded-0 {
15044/*  width: 100%;
15045    float: left;
15046    position: sticky;
15047    top: 50px;
15048    z-index: 999; */
15049}
15050
15051.inner_card_body_sidebar {
15052    width: 100%;
15053    background: #fbfbfb;
15054    padding: 10px 14px;
15055    margin-bottom: 10px;
15056    border-radius: 10px;
15057    box-shadow: 1px 1px 3px 0px #0000001f;
15058}
15059.for_portfolio_card_body {
15060    padding: 0px;
15061    border: none;
15062}
15063.for_portfolio_card_body_outer {
15064    border: none!important;
15065}
15066.text-success.button_readmore{
15067    background: #313332;
15068    padding: 7px 13px;
15069    border-radius: 5px;
15070    color: white!important;
15071    margin-top: 20px;
15072    display: inline-block;
15073    margin: 0 auto;
15074}
15075.text-success.button_readmore {
15076    display: none;
15077}
15078
15079.total_likes {
15080    float: right;
15081    margin-left: 0px;
15082    font-size: 14px;
15083    color: #4d4f50;
15084    transform: translateY(-1px);
15085}
15086#massonry_border .likeIcon i {
15087    font-size: 16px;
15088    transform: translateY(0px);
15089    margin-right: 4px;
15090    /* color: #99c4dc !important; */
15091}
15092.ovarlay_video_pop {
15093    position: fixed;
15094    top: 46px;
15095    left: 0;
15096    right: 0;
15097    background: white;
15098    bottom: 0;
15099    height: 100%;
15100    z-index: 999;
15101    overflow: auto;
15102    display: none
15103}
15104.ovarlay_video_pop #popup_video{
15105    height: 100vh;
15106    display: block;
15107    width: 100%;
15108    max-width: 900px;
15109    margin: 0 auto;
15110}
15111.inner_ovarlay_video_pop .col-md-7 {
15112    padding: 0;
15113    height: 100vh;
15114    position: relative;
15115    padding-left: 0px;
15116    padding-right: 0px;
15117    overflow: hidden;
15118    padding-left: 0px!important;
15119    padding-right:0px!important;
15120}
15121.inner_ovarlay_video_pop {
15122    max-width: 1200px;
15123    width: 100%;
15124    border-radius: 46px;
15125    border: none;
15126    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
15127    margin: 0 auto;
15128    margin-top: 1.5%;
15129    /* margin-bottom: 10%; */
15130    background: white;
15131    overflow: hidden;
15132    height: 84vh;
15133}
15134.ovarlay_video_pop h4 {
15135    font-size: 35px;
15136    font-weight: 700;
15137    color: #556db4;
15138    margin-top: 0;
15139}
15140/* .main_modal_description {
15141    font-size: 15px;
15142    font-weight: 500;
15143    letter-spacing: 1px;
15144    font-family: 'Josefin Sans', sans-serif!important;
15145} */
15146.inner_ovarlay_video_pop .col-md-5 {
15147    padding: 70px 30px 20px;
15148}
15149.view_more.wrap_text{
15150    display: inline
15151}
15152.ovarlay_video_pop .close {
15153    position: absolute;
15154    top: 0;
15155    right: 28px;
15156    z-index: 4;
15157    font-size: 50px;
15158    color: #556db4;
15159    opacity: 1;
15160}
15161.over_video_pop_desc {
15162    position: absolute;
15163    left: 0;
15164    top: 0;
15165    width: 100%;
15166    height: 100%;
15167    background: white;
15168    padding: 50px 27px 0px;
15169    display: none;
15170}
15171.for_vid_cont{
15172    position: relative;
15173    display: block;
15174    width: 100%;
15175    float: left: 
15176}
15177.show-fullscreen.for_vid_cont {
15178    display: block;
15179}
15180.video_portfolio_inner .proposal-card-base .proposal-seller-info{
15181    display: none;
15182}
15183/* .video_portfolio_inner .for_vid_cont iframe{
15184    position: relative;
15185    z-index: 1;
15186} */
15187.video_portfolio_inner .proposal-card-base.mp-proposal-card {
15188    border: 0px solid #e5e5e5;
15189}
15190.video_overla_for_pop_tri {
15191    position: absolute;
15192    top: 0;
15193    left: 0;
15194    width: 100%;
15195    height: 100%;
15196    background:transparent;
15197    z-index: 2;
15198    cursor: pointer;
15199}
15200.col-md-12.user-header.pl-5.pr-5.pt-5.pb-5 {
15201    padding-bottom: 7rem!important;
15202}
15203
15204
15205/* .portfolio_img_wrapper:before {
15206    position: absolute;
15207    content: '';
15208    top: 0;
15209    right: 0;
15210    bottom:0;
15211    left: 0;
15212    width: 100%;
15213    height: 100%;
15214    background: red;
15215    box-shadow: -1px 4px 9px 0px #00000029;
15216} */
15217.favoriteIcon {
15218    position: absolute;
15219    z-index: 99;
15220    right: 8px;
15221    top: 10px;
15222}
15223.imgsm_cont {
15224    position: relative;
15225    min-height: 100px;
15226    overflow: hidden;
15227}
15228.imgsm_cont .proposal-seller-info{
15229    position: absolute;
15230    left: 0;
15231    bottom: 0;
15232    background: red;
15233    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%);
15234        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
15235        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
15236    z-index: 99;
15237    height: 45px;
15238    width: 100%;
15239    padding-bottom: 10px;
15240}
15241.brick .imgsm_cont .proposal-seller-info {
15242    bottom: -100px;
15243    transition: all .5s;
15244}
15245.brick:hover .imgsm_cont .proposal-seller-info {
15246    bottom: 0;
15247    transition: all .5s;
15248}
15249.masterpieces_cont .gig-seller-tooltip {
15250    color: white!important;
15251}
15252.masterpieces_cont .seller-info-wrapper a{
15253    color: white!important;
15254}
15255input.prop_img {
15256    width: 100%;
15257    height: unset;
15258}
15259.row.inner_input_select {
15260    padding: 0px;
15261    width: 100%;
15262    margin: 0 auto;
15263}
15264.inner_input_select .iner_input_image {
15265    margin-top: 0;
15266    padding: 3px!important;
15267    padding-bottom: 0px!important;
15268}
15269.inner_cart_prop_row {
15270    min-height: 70px;
15271}
15272.cart-proposal {
15273    float: left;
15274}
15275
15276.cart-proposal.col-md-6:nth-child(odd) {
15277    border-right: 0px solid #ccc;
15278}
15279.cart-proposal hr {
15280    border-top: 2px solid #e0e0e0;
15281    margin-right:0px;
15282    margin-left: 0px; 
15283    width: 100%;
15284    display: block;
15285    float: right;
15286}
15287.quantity_heading {
15288    width: 50%;
15289    display: inline-block;
15290}
15291.quantity_inner {
15292    display: inline-block;
15293    width: 45%;
15294}
15295.quantity_inner_price {
15296    font-weight: bold;
15297    width: 100%;
15298    float: left;
15299    display: block;
15300    text-align: center;
15301    margin-top: 10px;
15302    margin-left: 16px;
15303
15304}
15305.cart-proposal_inner  hr {
15306    margin: 5px auto;
15307}
15308button.calc_button{
15309    float: right;
15310    display: block;
15311    border: none;
15312    font-size: 18px;
15313    line-height: 1;
15314    width: 30px;
15315    height: 30px;
15316    background: none;
15317    color: #f1f1f1;
15318    background: #556db4;
15319    border-radius: 100px;
15320    margin: 1px 5px;
15321    cursor: pointer;
15322}
15323.calc_button.plus_button {
15324    margin-right: 0;
15325}
15326.ui-toolkit .card {
15327    border-radius: 3px;
15328    border: 1px solid #E1E3DF;
15329    border-bottom-color: #CBCCC9;
15330    width: 100%;
15331    margin: 0 auto;
15332}
15333.cart-proposal input.quantity {
15334    border: none;
15335    border-bottom: 1px solid #556db487;
15336    border-radius: 0px;
15337    transition: all .5s;
15338    background: #fbfbfb;
15339}
15340.cart-proposal input.quantity:focus {
15341    border: none;
15342    border-bottom: 1px solid #556db4f7;
15343    border-radius: 0px;
15344    transition: all .5s;
15345}
15346.cart-proposal.col-md-6 {
15347    padding-left: 6px!important;
15348    padding-right: 6px!important;
15349}
15350.cart-proposal_inner {
15351    float: left;
15352    width: 100%;
15353    background: #fbfbfb;
15354    margin-bottom: 10px;
15355    padding: 10px;
15356    border-radius: 10px;
15357    box-shadow: 1px 1px 4px 0px #0000001f;
15358    padding-bottom: 5px;
15359}
15360#cart-show .col-md-7 .card-body {
15361    padding: .5rem .3rem;
15362    border: none!important;
15363    background: #fbfbfb;
15364}
15365#cart-show .col-md-7 .card {
15366    border: none;
15367}
15368.card-body h3.total_price {
15369    text-align: center;
15370    margin: 1% auto;
15371    font-weight: bold;
15372    margin-right: 8px;
15373}
15374.share_rupee_cont {
15375    position: relative
15376}
15377.rupee_icon {
15378    position: absolute;
15379    transform: scale(.8);
15380    top: -5px;
15381    left: 15px;
15382    z-index: 1;
15383    animation:  blink 1s linear infinite;
15384}
15385
15386@keyframes blink {
15387    0%{
15388        opacity: 0;
15389    }
15390    50%{
15391        opacity: .5;
15392    }
15393    100%{
15394        opacity: 1;
15395    }
15396}
15397.share_rupee_cont .menuItem {
15398    position: relative
15399}
15400.close_support_fixed_popup {
15401    position: absolute;
15402    top: 5px;
15403    right: 4px;
15404    z-index: 9;
15405    /* width: 20px; */
15406    height: 20px;
15407    border: none;
15408    box-shadow: none;
15409    font-size: 20px;
15410    color: #1d1c1c;
15411}
15412.shareearn_menu {
15413    position: absolute;
15414    width: 200px;
15415    top: 65px;
15416    left: 0;
15417    background: #fff;
15418    height: unset;
15419    padding: 9px 10px;
15420    border: 1px solid #ccc;
15421    z-index: 9;
15422    display: none;
15423}
15424.shareearn_menu ul.share_ref_dd_cont {
15425    list-style: none;
15426    padding-left: 0;
15427}
15428.shareearn_menu ul.share_ref_dd_cont li {
15429    font-weight: 400;
15430    color: #212529;
15431    font-size: 18px;
15432}
15433.shareearn_menu ul.share_ref_dd_cont li {
15434    font-weight: bold;
15435    color: #212529;
15436    font-size: 14px;
15437    cursor: pointer;
15438    margin-bottom: 9px;
15439}
15440span.inner_proposal_ref_dd {
15441    width: 100%;
15442    display: block;
15443    background: #f7f7f7;
15444    padding: 7px;
15445    border-radius: 7px;
15446    padding-bottom: 13px;
15447    float: left;
15448    margin-top: 7px;
15449    margin-bottom: 7px;
15450}
15451.ref_code {
15452    width: 100%;
15453    text-overflow: ellipsis;
15454    white-space: nowrap;
15455    overflow: hidden;
15456    font-size: 12px;
15457    padding: 5px;
15458    border: none;
15459    border-radius: 5px;
15460    background: #556db4;
15461    color: white;
15462    display: inline-block;
15463    transition: all .5s;
15464}
15465.ref_code:focus{
15466    background: black;
15467    transition: all .5s;
15468}
15469.Secondery_heading {
15470    font-size: 13px;
15471    margin-bottom: 2px;
15472    margin-bottom: 11px;
15473}
15474#copy_r {
15475    width: 29px;
15476    height: 26px;
15477    display: inline-block;
15478    background: #3f3f40;
15479    text-align: center;
15480    color: white;
15481    border-radius: 6px;
15482    padding-top: 2px;
15483    transform: translateY(-1px);
15484
15485}
15486#copy_r1 {
15487    width: 29px;
15488    height: 29px;
15489    display: inline-block;
15490    background: #3f3f40;
15491    text-align: center;
15492    color: white;
15493    border-radius: 6px;
15494    padding-top: 2px;
15495}
15496.shareearn_menu ul.share_ref_dd_cont li b{
15497    transform: rotate(184deg);
15498    display: inline-block;
15499    margin-left: 7px;
15500    font-size: 17px;
15501}
15502#announcement_bar {
15503    height: 49px;
15504}
15505#announcement_bar.add_announcement {
15506    animation: height_increase .5s linear forwards;
15507    /* background: #000000e3!important; */
15508    background: #DCE35B!important; ;  /* fallback for old browsers */
15509    background: -webkit-linear-gradient(to right, #45B649, #DCE35B)!important; ;  /* Chrome 10-25, Safari 5.1-6 */
15510    background: linear-gradient(to right, #45B649, #DCE35B)!important; ; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
15511
15512
15513}
15514@keyframes height_increase {
15515    0%{
15516        height: 49px;
15517        background: #2ca35b;
15518
15519    }
15520    100%{
15521        height: 100%;
15522
15523    }
15524}
15525.close_fullscreen {
15526    font-size: 26px;
15527    position: absolute;
15528    top: 1px;
15529    right: 25px;
15530    display: none
15531}
15532div#st-1.ref_for_share {
15533    opacity: 1;
15534    position: relative;
15535    top: 0;
15536    height: 100%;
15537    width: 100%;
15538    background: #ffffff05;
15539    left: 0;
15540    display: block;
15541    text-align: left;
15542    margin-top: 10px;
15543}
15544div#st-1.ref_for_share div.st-btn{
15545    display: inline-block!important;
15546    -moz-box-sizing: border-box;
15547    -webkit-box-sizing: border-box;
15548    box-sizing: border-box;
15549    -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
15550    -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
15551    -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
15552    -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
15553    transition: opacity 0.2s ease-in, top 0.2s ease-in;
15554    -moz-border-radius: 4px;
15555    -webkit-border-radius: 4px;
15556    border-radius: 4px;
15557    border: none;
15558    cursor: pointer;
15559    font-size: 11px;
15560    height: 29px;
15561    line-height: 32px;
15562    margin-right: 8px;
15563    padding: 0 8px!important;
15564    position: relative;
15565    text-align: center;
15566    top: 0;
15567    vertical-align: top;
15568    white-space: nowrap;
15569    width: 29px;
15570    margin: 6px;
15571}
15572#copy_r1 i {
15573    transform: translate(0px);
15574    font-size: 15px;
15575}
15576#st-1.ref_for_share .st-btn > img {
15577    display: inline-block;
15578    height: 19px!important;
15579    width: 17px;
15580    position: relative;
15581    top: 5px;
15582    left: -2px;
15583    vertical-align: top;
15584    left: -1px;
15585    top: 5.4px !important;
15586}
15587.proposal-info .st-inline-share-buttons div{
15588    opacity: 0!important;
15589}
15590.proposal-info .st-inline-share-buttons.active div{
15591    opacity: 1!important;
15592}
15593.ref_for_share .close_share {
15594    display: none!important;
15595}
15596.ref_for_share .close_share.annotghr {
15597    display:block!important;
15598    cursor: pointer;
15599}
15600.row.anoounsment_details_inner {
15601    width: 100%;
15602    margin: 10% auto;
15603    display: none;
15604}
15605.announcement_vid {
15606    width: 100%;
15607    min-height: 200px;
15608    border: none;
15609}
15610.vid_text_cont h3 {
15611    color: black;
15612    text-align: left;
15613    font-size: 18px;
15614    font-weight: bold;
15615    height: 50px;
15616}
15617.vid_text_cont p {
15618    color: black;
15619    text-align: left;
15620    font-size: 14px;
15621    font-weight: 300;
15622    width: 100%;
15623    margin-top: 10px;
15624    letter-spacing: 1px;
15625}
15626.readmore_tri {
15627    padding: 2px 10px 5px;
15628    background: black;
15629    border-radius: 5px;
15630    cursor: pointer;
15631    font-size: 12px;
15632}
15633.vid_text_cont {
15634    padding-top: 2%;
15635}
15636#st-el-2 .st-close > img {
15637    height: 27px;
15638    width: 37px;
15639    transform: translateY(-1px);
15640}
15641#announcement_bar_margin {
15642    margin-bottom: 48.9931px!important;
15643}
15644/* .vid_text_cont b {
15645    color: #fbff00;
15646} */
15647.for_dd_ref_cont .menuItem {
15648    height: auto;
15649    margin-top: 23px;
15650    margin-right: 18px;
15651    display: block;
15652    float: left;
15653    padding: 8px;
15654    line-height: 16px;
15655    font-size: 14px;
15656    border-radius: 3px;
15657}
15658.popup-support-wrap {
15659    z-index: 1000!important;
15660}
15661
15662/* filter start */
15663
15664.filter_wrapper .filter_result:nth-child(even) {
15665    background-color: #ffffff;
15666}
15667
15668.filter_wrapper .input_filter {
15669  width: 100%;
15670  margin: 0 auto;
15671  padding: 12px 20px;
15672  border-radius: 10px;
15673  border: 1px solid #4d4d4d61;
15674}
15675.filter_wrapper .input_filter:focus{
15676    outline: none;
15677}
15678.filter_wrapper .filter_result_cont_outer {
15679    position: relative;
15680    width: 100%;
15681    /* background: #ccc; */
15682    padding: 0;
15683}
15684
15685.filter_wrapper #filter_cont {
15686    position: absolute;
15687    top: 52px;
15688    left: 0;
15689    width: 100%;
15690    height: auto;
15691    z-index: 3;
15692    background: red;
15693}
15694
15695.filter_wrapper .filter_result_cont {
15696    width: 100%;
15697    margin: 0 auto;
15698    /* background: green; */
15699    box-shadow: 0px 0px 14px 0px #0000001f;
15700}
15701
15702.filter_wrapper .filter_result {
15703    width: 100%;
15704    background: #fcfcfc;
15705    padding: 14px 10px;
15706    font-size: 15px;
15707    cursor: pointer;
15708}
15709.filter_wrapper .filter_result_hide {
15710    display: none;
15711}
15712.filter_wrapper .filter_cont {
15713    display: none;
15714}
15715.filter_wrapper .Chips {
15716    position: relative;
15717    display: inline-block;
15718    padding: 7px 17px 7px 29px;
15719    background: #4d4d4d;
15720    border-radius: 25px;
15721    color: white;
15722    margin: 15px 10px;
15723}
15724.inner_span_chips {
15725  position: absolute;
15726  left: -8px;
15727  top: 0;
15728  width: 33px;
15729  height: 33px;
15730  background: #4d4d4d;
15731  border-radius: 100px;
15732  padding: 3px 5px 5px 5px;
15733  border: 2px solid #f6f6f6;
15734}
15735.filter_wrapper .chips_cont {
15736    margin-top: 14px;
15737    background: #f6f6f6;
15738/*     padding-top: 10px;
15739    padding-bottom: 10px; */
15740    border-radius: 7px;
15741    /* display: none; */
15742}
15743.filter_wrapper .redirect_cont {
15744    position: relative;
15745}
15746.filter_wrapper .redirect_cont .or{
15747    position: absolute;
15748    width: 88px;
15749    height: 88px;
15750    background: black;
15751    color: white;
15752    display: grid;
15753    font-size: 24px;
15754    border-radius: 100px;
15755    font-weight: bold;
15756    bottom: calc(0% - 50px);
15757    left: calc(50% - 50px);
15758    z-index: 2;
15759    transform: rotate(-13deg) scale(.8);
15760}
15761.filter_wrapper .or span{
15762    margin: auto;
15763    width: 65px;
15764    height: 65px;
15765    /* background: red; */
15766    padding: 15px 10px;
15767    border-radius: 100px;
15768    border: 2px dashed;
15769    text-align: center;
15770}
15771.filter_wrapper .Chips span.closeChips {
15772  position: absolute;
15773  top: -7px;
15774  right: -1px;
15775  background: #556db4;
15776  padding: 6px 4px 11px;
15777  line-height: 0;
15778  font-size: 19px;
15779  border-radius: 100px;
15780  color: white;
15781  cursor: pointer;
15782}
15783.inner_span_chips img {
15784  width: 100%;
15785  filter: brightness(100);
15786}
15787.filter_wrapper h2.filter_span {
15788    padding-bottom: 12px;
15789    font-size: 43px;
15790    font-family: 'Montserrat', sans-serif;
15791    font-weight: bold;
15792    color: #556db4;
15793    text-align: left;
15794}
15795.filter_wrapper .submit_hobbies {
15796    display: block;
15797    margin: 30px auto;
15798    padding: 8px 43px 10px;
15799    border: none;
15800    background: #556db4;
15801    background: #4d4d4d;
15802    border-radius: 5px;
15803    font-weight: 500;
15804    color: white;
15805    letter-spacing: 1px;
15806    font-size: 18px;
15807}
15808.filter_wrapper .inner_redirect_cont button {
15809    display: block;
15810    margin: 15px 0px;
15811    padding: 6px 24px;
15812    border: none;
15813    background: #556db4;
15814    border-radius: 5px;
15815    font-weight: 500;
15816    color: white;
15817    letter-spacing: 1px;
15818    font-size: 14px;
15819    font-weight: bold;
15820    text-transform: uppercase;
15821}
15822.filter_wrapper .inner_redirect_cont h2 {
15823    font-size: 21px;
15824    font-weight: bold;
15825}
15826
15827.filter_wrapper .row.redirect_cont {
15828    background: #fafafa;
15829    padding-top: 30px;
15830    border-radius: 16px;
15831    padding: 10px 10px 0px 10px;
15832    margin-bottom: 26px;
15833    padding-bottom: 30px;
15834}
15835.filter_wrapper .check_out_cont h2 {
15836    font-weight: bold;
15837    text-align:center;
15838    color: #556db4;
15839    font-family: 'Montserrat', sans-serif;
15840    display: block;
15841    width: 100%;
15842    margin-top: 22px;
15843}
15844.filter_wrapper .check_out_cont p {
15845    text-align: center;
15846    width: 100%;
15847    /* max-width: 360px; */
15848    display: block;
15849    margin: 0 auto;
15850    font-size: 14px;
15851    font-family: 'Montserrat', sans-serif;
15852    font-weight: 300;
15853}
15854.filter_wrapper .check_out_cont button {
15855    font-weight: 700;
15856    padding: 6px 20px 8px;
15857    border: none;
15858    display: block;
15859    margin: 0 auto;
15860    margin-top: 30px;
15861    background: #556db4;
15862    color: white;
15863    text-transform: uppercase;
15864    /* font-weight: bold; */
15865    border-radius: 7px;
15866    font-family: 'Montserrat', sans-serif;
15867}
15868.filter_wrapper .inner_redirect_cont h3 {
15869    font-family: 'Montserrat', sans-serif;
15870    font-size: 20px;
15871    font-weight: 800;
15872    color: #556db4;
15873    letter-spacing: 1px;
15874    margin-top: 20px;
15875}
15876.filter_wrapper .inner_redirect_cont p {
15877    font-family: 'Montserrat', sans-serif;
15878    font-weight: 300;
15879    text-align: left;
15880    width: 85%;
15881    font-weight: 300;
15882    font-size: 15px;
15883}
15884.filter_wrapper .inner_redirect_cont button {
15885    font-family: 'Montserrat', sans-serif;
15886}
15887.filter_wrapper .filter_result.selected {
15888    display: none!important;
15889}
15890 .filter_wrapper{
15891    position: fixed;
15892    width: 102%;
15893    height: 100%;
15894    overflow: auto;
15895    z-index: 999;
15896    top: 100%;
15897    background: white;
15898    padding-top: 100px;
15899    opacity: 0;
15900    transition: all .8s;
15901}
15902.filter_wrapper.active {
15903  top: 0%;
15904  opacity:1; 
15905  transition: all .8s;
15906}
15907.filter_wrapper .container {
15908    max-width: 1171px !important;
15909}
15910/* filter end */
15911
15912/*cart new start*/
15913.quantity_inner {
15914    display: inline-block;
15915    width: 45%;
15916    max-width: 128px;
15917}
15918.quantity_inner_price {
15919    text-align: center;
15920    display: block;
15921    width: 100%;
15922    margin: 9px auto 0px;
15923}
15924.text-success.make-black {
15925   font-size: 23px;
15926    margin-top: 13px;
15927}
15928
15929.cart-proposal_inner {
15930    background: #ffffff;
15931    margin-bottom: 17px;
15932}
15933#cart-show .col-md-7 .card-body {
15934    padding: 1.5rem .3rem;
15935}
15936.quantity_heading {
15937    margin-top: 21px;
15938    display: inline-block;
15939    margin-top: 21px;
15940    font-size: 15px;
15941    font-weight: 300;
15942}
15943.cart-proposal input.quantity {
15944    background: #ffffff;
15945}
15946/*cart new end*/
15947/* media start */
15948@media only screen and (min-width: 768px) and (max-width: 1023px) {
15949  .masonry {
15950    column-count: 2;
15951  }
15952
15953}
15954
15955/* Masonry on big screens */
15956@media only screen and (min-width: 1024px) {
15957  .desc {
15958    font-size: 1.25em;
15959  }
15960
15961  .intro {
15962    letter-spacing: 1px;
15963  }
15964
15965  .masonry {
15966    column-count: 3;
15967  }
15968  .masonry.bordered.five_grid {
15969    column-count: 5;
15970  }
15971  .masonry.bordered.five_grid.for_fourgrid {
15972    column-count: 4;
15973  }
15974  .masonry.bordered.five_grid.three_grid {
15975    column-count:3;
15976  }
15977}
15978.user_proposal_cont {
15979    width: 100%;
15980    margin: 0 auto;
15981}
15982@media only screen and (max-width: 768px) and (min-width: 300px) {
15983    .filter_wrapper .container {
15984        max-width: 100% !important;
15985    }
15986    .filter_wrapper .check_out_cont p{
15987      width: 90%;
15988    }
15989    .filter_wrapper .check_out_cont h2 {
15990        font-size: 20px;
15991    }
15992    .filter_wrapper h2.filter_span {
15993        padding-bottom: 1px;
15994        font-size: 26px;
15995    }
15996
15997    .filter_wrapper .input_filter{
15998      border: 1px solid #4d4d4d5e;
15999    }
16000    .filter_wrapper {
16001        padding-top: 61px;
16002    }
16003    .filter_wrapper .row.redirect_cont{
16004      border-radius: 0;
16005    }
16006    .for_background_slider {
16007        display: none;
16008    }
16009    #massonry_border .brick .likeIcon {
16010        top: 33px;
16011     }
16012    a.btn.btn-lg.btn-block.btn-success.rounded-0 {
16013        float: left;
16014        width: 48%;
16015        margin: 0;
16016        margin: 1%;
16017    }
16018
16019.masonry {
16020    column-count: 2;
16021}
16022.masonry.bordered {
16023    /*column-rule: 1px solid #eee;*/
16024    column-gap: 19px;
16025   /* padding: 20px;*/
16026}
16027.masonry.bordered .brick {
16028    padding-bottom: 3px;
16029    margin-bottom: 0px;
16030}
16031#massonry_border .brick .mp-proposal-card.proposal-card-base span.imgsm img {
16032    height: auto;
16033    width: 100%!important;
16034}
16035.modal-content {
16036    border-radius: 0px;
16037    margin-top: 0px;
16038    margin-bottom: 0px;
16039}
16040.modal-dialog {
16041    margin: 0px auto;
16042}
16043.modal_inner .col-md-5.text_cont_modal {
16044    padding-top: 10px;
16045    padding-left: 20px;
16046    padding-right: 20px;
16047}
16048.input-group-lg.mb-2.text-left h4 {
16049    font-size: 20px;
16050    font-weight: 900;
16051    color: #494949;
16052    margin-top: 0;
16053    margin-top: 22px;
16054}
16055.contact-button {
16056    transform: scale(.8);
16057}
16058.support-que {
16059    transform: scale(.8);
16060}
16061.proposal-link-main{
16062    position: relative;
16063    float: left;
16064    width: 100%;
16065    /*background: red;*/
16066}
16067.likeIcon.float-right {
16068    position: absolute;
16069    top: 34px;
16070    right: 0;
16071    width: auto;
16072    /*background: blue;*/
16073}
16074.modal-content {
16075    box-shadow: unset;
16076}
16077.card-body {
16078    /*background: #f7f7f7;*/
16079    border: 0px;
16080    border-radius: 14px;
16081}
16082.ui-toolkit .card {
16083    border-radius: 3px;
16084    border: 0px solid #E1E3DF;
16085 }
16086
16087#demo {
16088    max-width: 1200px;
16089    width: 100%;
16090    border-radius: 0px;
16091    overflow: hidden;
16092    border: none;
16093    box-shadow:unset;
16094    margin: 0 auto;
16095    margin-top: 0%;
16096    margin-bottom: 0%;
16097}
16098#image-modal {
16099  padding-right: 0px;
16100}
16101.carousel_control_button.carousel-control-next {
16102    right: 22px;
16103}
16104.inner_row .col-md-5.text_cont {
16105    padding: 20px 14px 14px;
16106}
16107.carousel_control_button {
16108    position: fixed;
16109}
16110.overlay_comments , .overlay_div_desc_outer  {
16111    position: fixed;
16112    padding-bottom: 100px;
16113}
16114.overlay_comments.active , .overlay_div_desc_outer.active {
16115    transition: all .5s;
16116    top: 10%;
16117}
16118.comments_inner h5 {
16119    font-size: 16px;
16120    font-weight: 700;
16121    letter-spacing: 0px;
16122    color: #8e8e8e;
16123    margin-top: 10px;
16124    margin-bottom: 11px;
16125}
16126#st-1.st-animated {
16127    display: none;
16128}
16129.mobile-portfolio-title.mb-2 {
16130    margin-top: 5%;
16131    margin-bottom: 100px;
16132    float: left;
16133    width: 100%;
16134    /* background: red; */
16135    padding-bottom: 18px;
16136    text-align: left;
16137    padding-left: 10px;
16138}
16139
16140.mobile-portfolio-title.mb-2 h3 {
16141    font-weight: 900;
16142    color: #706d6d;
16143}
16144.carousel_control_button {
16145    width: 40px;
16146    height: 40px;
16147    background: red;
16148}
16149.carousel_control_button.carousel-control-prev {
16150    top: 45%;
16151}
16152.carousel_control_button.carousel-control-next {
16153    top: 45%;
16154}
16155.like_comments_cont .no_rl_paadding {
16156    padding-left: 0!important;
16157    padding-right: 0!important;
16158    min-height: 400px;
16159}
16160
16161.col-md-3.mt-4.sidebar_user .card.user-sidebar.rounded-0.mb-4 {
16162    position: fixed;
16163    top: 101%;
16164    left: 0;
16165    width: 100%;
16166    height: 100%;
16167    z-index: 2;
16168    z-index: 1000;
16169    transition:all .5s;
16170}
16171.col-md-3.mt-4.sidebar_user .card.user-sidebar.rounded-0.mb-4.active {
16172    position: fixed;
16173    top: 0%;
16174    left: 0;
16175    width: 100%;
16176    height: 100%;
16177    z-index: 1000;
16178    transition:all .5s;
16179}
16180.user_sedebar_trigger {
16181    position: fixed;
16182    bottom: 0;
16183    z-index: 3;
16184    width: 100%;
16185    padding: 10px;
16186    background: #047ec2;
16187    color: white;
16188    font-weight: 800;
16189    display: block;
16190    z-index: 1001;
16191}
16192.user_portfolio .row:nth-child(1) .card-body h2.pull-left , .user_portfolio .row:nth-child(1) .card-body .pull-right {
16193    width: 100%;
16194    text-align: center;
16195    font-weight: 900;
16196    color: #545454;
16197}
16198.user_portfolio .row:nth-child(1) .card-body .float-rig
16198ht {
16199    float: none!important
16200}
16201.user_portfolio .row:nth-child(1) .card.mt-4 .float-right.btn.btn-success {
16202    /* background: transparent!important; */
16203    color: black;
16204    border-bottom: 1px solid #ec5fea6b;
16205    border-radius: 0;
16206    display: none;
16207}
16208.user_portfolio .row:nth-child(2) h2.pull-left{
16209    font-size: 19px;
16210    width: 70%;
16211}
16212.user_portfolio .row:nth-child(2) .card-body{
16213    padding:0;
16214}
16215.user_portfolio .row:nth-child(2){
16216    margin-top: 30px!important;
16217}
16218.user_portfolio .row:nth-child(2) #massonry_border {
16219    margin-top: 22px;
16220}
16221.user-header .profile-image img {
16222    width: 70px;
16223    height: 70px;
16224}
16225.col-md-12.user-header.pl-5.pr-5.pt-5.pb-5 {
16226    padding: 20px!important;
16227}
16228.col-md-12.user-status ul {
16229    padding: 0;
16230    margin-bottom: 0px;
16231}
16232.user-status ul li {
16233    padding-right: 30px;
16234    display: inline-block;
16235    font-size: 14px;
16236    margin-top: 10px;
16237}
16238.user_portfolio .row:nth-child(3) h2.pull-left{
16239    width: 100%;
16240    text-align: center;
16241    font-weight: 900;
16242    color: #545454;
16243}
16244.user_portfolio .row:nth-child(3) .card-body .pull-right {
16245    width: 100%;
16246    display: block;
16247    float: left;
16248    text-align: center;
16249}
16250.user_portfolio .row:nth-child(3) .card-body .loat-right {
16251    float: none!important;
16252}
16253.user_portfolio .row:nth-child(3) .card-body .float-right.btn.btn-success {
16254    float: none!important;
16255    float: none!important;
16256    background: transparent!important;
16257    border: none;
16258    border-bottom: 1px solid #ec5fea6b;
16259    border-radius: 0;
16260    color:black;
16261    display: none;
16262}
16263.user_portfolio .row h2.pull-left {
16264    width: 100%;
16265    text-align: center;
16266    font-weight: 900;
16267    color: #545454;
16268    font-size: 24px;
16269}
16270.text-center.mb-5.p-2 {
16271    font-size: 12px;
16272}
16273h3.text-center.mb-5.p-2 {
16274    margin-bottom: 0px!important;
16275}
16276.user_portfolio .row.mt-3 .col-lg-4.col-md-6.col-sm-6.mb-3{
16277    width: 100%;
16278}
16279.text-center.mb-5.p-2 {
16280    font-size: 17px;
16281    text-align: center!important;
16282}
16283.login_image_outer{
16284    display:none;
16285}
16286/*.login.login_modal_cont .modal-content {
16287    border-radius: 0px 10px 10px 0px;
16288    overflow: hidden;
16289    border: none;
16290    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
16291    margin-top: 0%;
16292    margin-bottom: 0%;
16293    padding: 20px;
16294    position: fixed;
16295    top: 13%;
16296    height: 100%;
16297}*/
16298.login.login_modal_cont .modal-content {
16299    border-radius: 0px 10px 10px 0px;
16300    overflow: hidden;
16301    border: none;
16302    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
16303    margin-top: 0%;
16304    margin-bottom: 0%;
16305    padding: 20px;
16306    position: fixed;
16307    height: 100vh;
16308    border-radius: 0;
16309    overflow-y: scroll;
16310}
16311.login {
16312    overflow-y:scroll;
16313}
16314.login.login_modal_cont {
16315    padding-right: 0px;
16316}
16317.login.login_modal_cont {
16318    padding-right: 0px;
16319    position: fixed;
16320    overflow-y: scroll;
16321    width: 102%;
16322}
16323.modal_close {
16324    font-size: 33px;
16325    text-align: right;
16326    position: absolute;
16327    right: 3px;
16328    top: -9px;
16329    padding: 10px 20px;
16330    z-index: 5;
16331}
16332.is-responsive .gnav-header .register-link a, .is-responsive .gnav-header .sign-in-link a, .is-responsive .gnav-header .logged-in-link .menuItem {
16333    height: auto;
16334    padding: 6px 8px 9px!important;
16335    border-radius: 0;
16336}
16337.row.like_comments_cont {
16338    font-size: 14px;
16339}
16340.number_of_liked, .number_of_comments {
16341    font-size: 13px;
16342   }
16343   .cards .subHeading {
16344       font-size: 15px;
16345       font-weight: 300;
16346       margin-top: 15px;
16347       color: #6d6e71;
16348       letter-spacing: 0px;
16349   }
16350  .container.mb-5.cards {
16351       margin-bottom: 0rem !important;
16352   }
16353   .mobile-portfolio-title.mb-2 h3 {
16354       font-weight: 900;
16355       color: #3a3a3a;
16356       text-align: center;
16357       width: 100%;
16358       margin: 0 auto;
16359   }
16360   .bottom_fixed_inner.support-que{
16361      transform: scale(1);
16362   }
16363   #masterpieses.five_grid .likeIcon.float-right {
16364       position: absolute;
16365       bottom: 7px;
16366       right: -5%;
16367       top: unset;
16368   }
16369   .popup-support {
16370    position: fixed;
16371    bottom: 0;
16372    left: 0;
16373    width: 100%;
16374   }
16375   #masterpieses.five_grid .proposal-card-base .proposal-link-main h3 {
16376    margin: 0 5px 10px;
16377   }
16378   #masterpieses.five_grid .proposal-card-base .proposal-rating {
16379    padding: 0 5px 4px 5px;
16380   }
16381   #masterpieses.five_grid .proposal-card-base .proposal-seller-info {
16382    padding:8px 5px 0;
16383   }
16384   .pull-left ul {
16385                list-style: none;
16386                    padding-left: 0;
16387   }
16388      .pull-left ul li{
16389            width: 100%;
16390            padding-right: 10%;
16391            position: relative;
16392      }
16393      .pull-left ul li .fa.pull-right {
16394          margin-left: .3em;
16395          position: absolute;
16396          right: 16px;
16397          top: 8px;
16398      }
16399      .pull-left ul li i.fa.fa-file-text-o {
16400          display: none;
16401      }
16402      .popup-support .search-results h3 {
16403          padding: 20px 20px 9px 20px;
16404          color: #3a3a3a;
16405          font-size: 23px;
16406      }
16407      .search-results .search-articles a {
16408          padding: 5px 20px 5px 20px;
16409          font-size: 13px;
16410          color: #2f2f2f;
16411      }
16412
16413      .filter_portfolio {
16414        position: fixed;
16415        background: #f3f3f3;
16416        left: 0;
16417        z-index: 999;
16418        margin-top: 0!important;
16419        overflow: scroll;
16420        bottom: -100%;
16421        height: 100%;
16422        transition: all .5s;
16423      }
16424      .wraper_of_filter {
16425          padding: 0px;
16426      }
16427      .filter_portfolio.active{
16428        left: -1%;
16429        z-index: 9999;
16430        bottom:0%;
16431        transition: all .5s;
16432      }
16433
16434      .ui-toolkit .card {
16435          border-radius: 3px;
16436          border: 0px solid #E1E3DF!important;
16437      }
16438       .bottom_nav_for_filter {
16439        position: fixed;
16440        display: inline-block;
16441        cursor: pointer;
16442        font-size: 20px;
16443        height: 45px;
16444        width: 45px;
16445        line-height: 41px;
16446        text-align: center;
16447        background: #313332;
16448        color: #fff;
16449        border-radius: 100%;
16450        z-index: 10000;
16451        /* float: right; */
16452        margin-left: 10px;
16453        bottom: 69px;
16454        right: 36px;
16455        border: 1.5px solid #9e7ba9;
16456      }
16457      #filter_portfolio .card.border-success.mb-3 {
16458        margin-bottom: .5rem !important;
16459        box-shadow: 1px 1px 5px 0px #00000040;
16460      }
16461      #filter_portfolio .card-body.pt-3 {
16462        padding-top: .5rem !important;
16463      }
16464      #featured_proposals .portfolio_img_wrapper {
16465        position: relative;
16466      }
16467      /* #featured_proposals .proposal-seller-info {
16468        position: absolute;
16469        bottom: 0;
16470        width: 100%;
16471        background: transparent;
16472        padding: 5px;
16473        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 97%);
16474            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
16475            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 97%);
16476      } */
16477/*       .proposal-card-caption {
16478        position: relative;
16479      }
16480      .likeIcon.float-right {
16481          position: absolute;
16482          bottom: 0;
16483      } */
16484      .massonry_for_proposal a.imgsm{
16485          height: 140px!important;
16486      }
16487      #demo .image_cont {
16488        position: fixed;
16489        width: 100%;
16490        height: 100%;
16491        display: grid;
16492        background: black;
16493      }
16494      #demo .slider_image {
16495          width: 100%;
16496          height: auto;
16497          align-items: center;
16498          justify-content: center;
16499          align-content: center;
16500          margin: auto;
16501      }
16502      .col-md-5.text_cont {
16503        background: green;
16504        /* transform: translateY(59%); */
16505        position: fixed;
16506        bottom: 0;
16507        width: 100%;
16508        height: 200px;
16509        background: -moz-linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 64%) 23%,rgb(0 0 0 / 84%) 39%); /* FF3.6-15 */
16510        background: -webkit-linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 64%) 23%,rgb(0 0 0 / 84%) 39%);
16511            background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%,rgb(0 0 0 / 64%) 23%,rgb(0 0 0 / 84%) 39%);
16512        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
16513
16514      }
16515      #demo .carousel-item h4 {
16516          font-size: 25px;
16517          color: white;
16518          font-weight: bold;
16519      }
16520      #demo span.main_modal_description {
16521          color: #b8b8b8;
16522          font-size: 12px;
16523          margin-top: 10px;
16524          font-weight: 500;
16525          display: block;
16526      }
16527      #demo .carousel-item {
16528        height: 100vh!important;
16529      }
16530      #demo .like_comments_cont .no_rl_paadding {
16531          color: white;
16532      }
16533       #demo .number_of_liked, #demo .number_of_comments {
16534          font-size: 13px;
16535          color: white;
16536          font-weight: bold;
16537      }
16538      #demo span.view_more {
16539          display: inline;
16540      }
16541      #demo .text_cont p, #demo .text_cont p span {
16542          font-size: 13px!important;
16543          color: #b8b8b8!important;
16544      }
16545      #demo .text_cont .overlay_div_desc_inner p {
16546        font-size: 13px!important;
16547        color: #615c5c!important;
16548      }
16549      .ui-toolkit .text-center-xs-up, .ui-toolkit .text-center{
16550        margin-bottom: 20px;
16551        font-size: 15px;
16552      }
16553       #demo .overlay_div_desc_outer.active p span {
16554        color: black!important;
16555      }
16556      .mobile_hidden {
16557        display: none!important;
16558      }
16559      .row.flex-wrap.proposals.mb-2 {
16560        padding: 10px;
16561      }
16562      .total_likes {
16563          float: right;
16564          margin-left: 0px;
16565          font-size: 11px;
16566          color: #4d4f50;
16567          transform: translateY(2px);
16568      }
16569      #masterpieses.five_grid .likeIcon i {
16570          font-size: 16px;
16571          transform: translateY(0px);
16572          margin-right: 4px;
16573      }
16574      #massonry_border .likeIcon i {
16575          font-size: 16px;
16576          transform: translateY(1px);
16577          /* color: #99c4dc !important; */
16578      }
16579      .ovarlay_video_pop {
16580          position: fixed;
16581          top: 0;
16582          left: 0;
16583          right: 0;
16584          background: white;
16585          bottom: 0;
16586          width: 104%;
16587          height: 100%;
16588          z-index: 9991;
16589          overflow: auto;
16590          display: none;
16591      }
16592      .row.inner_ovarlay_video_pop {
16593        border-radius: 0;
16594        margin-top: 0;
16595      }
16596      .inner_ovarlay_video_pop {
16597          max-width: 1200px;
16598          width: 100%;
16599          min-height: 100vh;
16600          overflow: scroll;
16601      }
16602      .inner_ovarlay_video_pop .col-md-7 {
16603          height: 66vh;
16604      }
16605      .over_video_pop_desc {
16606          position: fixed;
16607
16608          z-index: 10000;
16609      }
16610      .inner_ovarlay_video_pop .col-md-5 {
16611          padding: 20px 30px 20px;
16612      }
16613      .ovarlay_video_pop h4 {
16614          font-size: 25px;
16615          margin-bottom: 14px;
16616      }
16617      .ovarlay_video_pop #popup_video {
16618          height: 100%;
16619      }
16620      span.main_modal_description {
16621          font-size: 13px;
16622      }
16623      .proposal-card-caption {
16624          float: left;
16625          width: 100%;
16626          /* background: red; */
16627          position: relative;
16628      }
16629      .proposal-card-base .proposal-link-main h3 {
16630          font-size: 13px;
16631          width: 100%;
16632          margin: 0 0px 10px;
16633      }
16634      .video_portfolio_inner .likeIcon.float-right {
16635          position: absolute;
16636          top: 27px;
16637          right: 0;
16638          width: auto;
16639          padding: 0;
16640      }
16641      .col-lg-4.col-md-6.col-sm-6.mb-3.video_portfolio_inner{
16642            width: 100%!important;
16643      }
16644      .outer_masterpieces_cont .proposal-card-caption .proposal-seller-info , .outer_masterpieces_cont .proposal-card-caption .rating-badges-container , .outer_masterpieces_cont .proposal-card-caption .likeIcon {
16645        display: none;
16646      }
16647      .home_subhead {
16648        display: none;
16649      }
16650      .home_heading {
16651          margin-bottom: 5%!important;
16652      }
16653      .top_portfolio_row .home_heading {
16654        margin-bottom: 2%!important;
16655        margin-top: 2%;
16656      }
16657      .top_portfolio_row .mt-5  {
16658        margin-top: 0rem !important;
16659      }
16660      .outer_masterpieces_cont .home_heading {
16661        margin-bottom: 1%!important;
16662      }
16663      .outer_masterpieces_cont .mt-5  {
16664        margin-top: 0rem !important;
16665      }
16666      .top {
16667          /* padding: 80px 0; */
16668          padding: 0px 0;
16669      }
16670      h1.mt-5{
16671          margin-top: 1.1rem !important;
16672          font-size: 16px!important;
16673          color: black;
16674          line-height: 0.6!important;
16675      }
16676
16677      #explore {
16678        float: left;
16679        display: block;
16680        text-align: center;
16681        width: 100%;
16682        margin-top: 3%;
16683        margin-bottom: 3%;
16684      }
16685      #explore  h2, #explore  .h2 {
16686          line-height: 0.8;
16687          -webkit-font-smoothing: antialiased;
16688          margin-bottom: 0px;
16689          font-size: 15px;
16690      }
16691      .marketplaceouter_cont {
16692          float: left;
16693          margin-top: 0%!important;
16694      }
16695      .marketplaceouter_cont #explore {
16696        margin-top: 0%;
16697        margin-bottom: 1%;
16698      }
16699      .cart-proposal.col-md-6:nth-child(odd) {
16700          border-right: 0px solid #ccc;
16701      }
16702      .quantity_heading {
16703          width: 100%;
16704          display: inline-block;
16705      }
16706      .quantity_inner {
16707          display: inline-block;
16708          width: 100%;
16709      }
16710      .quantity_inner_price {
16711        font-weight: bold;
16712        width: unset;
16713        float: left;
16714        display: block;
16715        text-align: right;
16716        margin-top: 10px;
16717        margin-left: 0;
16718        background: #556db4;
16719        padding: 5px 10px;
16720        color: white;
16721        position: relative;
16722        border-radius: 0px 5px 0px 0px;
16723        margin-top: 49px;
16724      }
16725      .quantity_inner_price:before {
16726        content: '';
16727        width: 4px;
16728        height: 4px;
16729        background: #fbfbfb;
16730        left: 3px;
16731        top: 3px;
16732        z-index: 2;
16733        position: absolute;
16734        border-radius: 100px;
16735      }
16736      #cart-show .col-md-7 .card-body {
16737          padding: .5rem .3rem;
16738          border: none!important;
16739          background: #ffffff;
16740      }
16741      .mt-5.mb-5.for_cart_container {
16742        margin-top: 0rem !important;
16743      }
16744      .for_cart_container .card-body {
16745          -ms-flex: 1 1 auto;
16746          flex: 1 1 auto;
16747          padding: 1.25rem;
16748          padding-bottom: 0px;
16749      }
16750      .quantity_cal {
16751        margin-top: 6px;
16752        display: inline-block;
16753        float: right;
16754      }
16755      .text-muted.remove-link {
16756        margin-bottom: 5px;
16757        padding: 3px 10px 3px 10px;
16758        background: #656565;
16759        float: right;
16760        color: white!important;
16761        border-radius: 10px 0px 0px 10px;
16762        font-size: 10px;
16763        margin-right: -10px;
16764      }
16765      .cart-proposal hr {
16766          border-top: 1px solid #e0e0e0;
16767      }
16768      .for_cart_container div.for_button_a.float-right{
16769        float: none!important;
16770        text-align: center;
16771        display: block;
16772      }
16773      .for_cart_container div.for_button_a.float-right a.btn {
16774        font-size:12px;
16775        float: none;
16776        text-align:center
16777      }
16778      .for_cart_container .float-left.mt-2 {
16779        display: block;
16780        width: 100%;
16781        text-align: center;
16782        margin-bottom: 13px;
16783      }
16784      #announcement_bar {
16785          font-size: 9px;
16786      }
16787      .slidebbutton_inactive .carousel_control_button {
16788        display: none!important;
16789      }
16790      .popup-support-wrap {
16791          z-index: 1000!important;
16792      }
16793      #masterpieses.five_grid .proposal-card-base .proposal-price a {
16794          font-size: 13px;
16795      }
16796      #introduction .col-10 {
16797        width: 100%!important;
16798            /* background: red; */
16799            max-width: 100%;
16800            margin: 0 auto;
16801            box-sizing: border-box;
16802            display: block;
16803            float: left;
16804            padding: 0;
16805      }
16806      #introduction .col-10 .card{
16807        box-shadow: 1px 1px 3px 0px #0000001f;
16808        border-radius: 10px!important;
16809        background: #fbfbfb;
16810      }
16811      .card.seller-bio.mb-3.rounded-0 .card-body {
16812        padding-bottom: 0;
16813        padding: 0;
16814      }
16815      .reviews-list li{
16816        padding: 0!important;
16817        background: no-repeat;
16818        background: none!important;
16819      }
16820      .reviews-list li h3{
16821        text-align: left;
16822        font-size: 13px;
16823      }
16824      #reviews img.mb-2 {
16825            width: 17px;
16826        }
16827        #reviews .card-header h4.mb-0  .mr-2 {
16828            font-size: 12px;
16829        }
16830
16831        #reviews .card-header h4.mb-0 .float-right{
16832            float: none!important;
16833            display: block;
16834            width: 100%;
16835            text-align: center;
16836        }
16837        #reviews .card-header h4.mb-0 #dropdown-button.btn.btn-succes.dropdown-toggle {
16838            display: block;
16839            width: 100%;
16840        }
16841        .proposal-sidebar .nav-tabs {
16842            display: block!important;
16843            width: 100%;
16844            margin: 0;
16845        }
16846        .proposal-sidebar .nav-tabs .nav-item {
16847            margin-bottom: 0px;
16848            display: inline-block;
16849            width: 31.9%;
16850        }
16851        .proposal-sidebar .nav-tabs .nav-item a.nav-link {
16852            font-size: 13px!important;
16853        }
16854        .proposal-sidebar .nav-tabs .nav-item a.nav-link.active{
16855            display: block !important;
16856            border: none;
16857            background: #716d6d;
16858            color: white;
16859        }
16860        .card-body.order-box.tab-content {
16861            padding: 0;
16862            background: #fbfbfb;
16863            padding-bottom: 10px;
16864            padding-left: 10px;
16865            padding-right: 10px;
16866            padding-top: 10px;
16867            box-shadow: 1px 1px 3px 0px #0000001f;
16868        }
16869        .cart-proposal.col-md-6 {
16870            width: 50%;
16871            display: inline;
16872        }
16873        .inner_cart_prop_row .col-lg-3.mb-2 a{
16874            width: 100%;
16875            height: 88px;
16876            overflow: hidden;
16877            display: grid!important;
16878            background: #efeeee;
16879        }
16880        .inner_cart_prop_row .col-lg-3.mb-2 a .img-fluid {
16881            height: 100%;
16882            margin: auto!important;
16883        }
16884        .quantity_inner {
16885            position: relative;
16886        }
16887        .quantity_cal {
16888            display: block;
16889            width: 125px;
16890            position: absolute;
16891            left: 50%;
16892            margin-left: -62px;
16893        }
16894        .card.seller-bio.mb-3.rounded-0 {
16895            position: static;
16896        }
16897        .purchase-form hr.mt-0{
16898            transform: translateY(10px);
16899        }
16900        .order-box .header .text .dropdown {
16901            cursor: pointer;
16902            font-size: 17px!important;
16903        }
16904        .order-box .header .price {
16905            font-size: 17px!important;
16906        }
16907        .order-box .header .text svg {
16908            top: 3px;
16909            position: relative;
16910           width: 18px!important;
16911           height: 18px!important;
16912        }
16913        .order-box .header .text .favorite .fa {
16914            top: 0px!important;
16915            position: relative;
16916            font-size: 18px!important;
16917        }
16918        .col-10 .proposal-tags-container .proposal-tag span {
16919            background: #616161;
16920            border: 0px solid #dddddd;
16921            font-size: 13px;
16922            margin-right: 5px;
16923            color: white;
16924            border-radius: 0px 5px 5px;
16925            padding: 5px 11px 6px 11px;
16926        }
16927        .card.rounded-0.mb-5.border-0 .details .span {
16928            font-size: 13px;
16929        }
16930        #st-1.active div {
16931            display: inline-block!important;
16932        }
16933        #st-1.sharethis-inline-share-buttons.active {
16934            display: block!important;
16935        }
16936        #announcement_bar {
16937            width: calc(100%);
16938            padding: 4px 12px;
16939            position: relative;
16940            z-index: 1;
16941        }
16942
16943        .readmore_tri {
16944            padding: 0px 7px 2px;
16945            background: black;
16946            border-radius: 5px;
16947            cursor: pointer;
16948            font-size: 12px;
16949        }
16950        .close_fullscreen {
16951            font-size: 26px;
16952            position: absolute;
16953            top: 15px;
16954            right: 10px;
16955            display: none;
16956            color: black;
16957            
16958        }
16959        #announcement_bar.add_announcement {
16960            /* background: #000000f5!important; */
16961        }
16962        #announcement_bar .vid_text_cont h3 {
16963            color: white;
16964            text-align: left;
16965            font-size: 18px;
16966            height: auto;
16967        }
16968
16969        #announcement_bar .vid_text_cont p{
16970            color: white;
16971            text-align: left;
16972            font-size: 13px;
16973            font-weight: 100;
16974            width: 100%;
16975            margin-top: 11px;
16976            letter-spacing: 1px;
16977            text-align: justify;
16978        }
16979        #shareearn_menu #st-1.sharethis-inline-share-buttons .st-btn > img {
16980            width: 20px !important;
16981            height: 24px !important;
16982            top: 0.4px !important;
16983        }
16984        #announcement_bar_margin {
16985            margin-bottom: 49px!important
16986        }
16987        .shareearn_menu {
16988            top: 45px;
16989        }
16990        .mobile-portfolio-title h3 {
16991            font-size: 19px;
16992            padding: 0px 35px;
16993        }
16994        #st-2 .close_share{
16995            display: none
16996        }
16997        #announcement_bar_margin {
16998            margin-bottom: 0px!important;
16999        }
17000        #gnav-header-inner.gnav-header-inner.mob_menu_fixed {
17001            position: fixed;
17002            top: 0;
17003            background: white;
17004            z-index: 3;
17005            width: 100%!important;
17006        }
17007        #gnav-header-inner.gnav-header-inner.mob_menu_fixed .gnav-search-inner {
17008            display: none;
17009        }
17010        .proposal-info .sharethis-inline-share-buttons.st-right.st-inline-share-buttons {
17011            margin-top: 9px!important;
17012            display: block!important;
17013        }
17014        .proposal-info #st-2.sharethis-inline-share-buttons.st-right.st-inline-share-buttons div.st-btn {
17015            display: inline-block!important;
17016            opacity: 1!important;
17017        }
17018        .sharebuttonportfolio {
17019            display: none;
17020        }
17021      /* 300to 768 end */
17022}
17023
17024.video_portfolio .proposal-card-caption {
17025    position: relative;
17026}
17027.video_portfolio .likeIcon {
17028    top:30px!important;
17029}
17030@media only screen and (max-width: 375px) and (min-width: 300px) {
17031    #massonry_border .proposal-card-base .proposal-link-main h3 {
17032        font-weight: bold;
17033        letter-spacing: 1px;
17034        font-size: 13px;
17035        /* background: red; */
17036        height: auto;
17037        width: 63%;
17038        float: left;
17039        margin-top: 5px;
17040        line-height: 16px;
17041        margin-left: 0;
17042        margin-right: 0;
17043    }
17044    .overlay_comments_inner img {
17045        width: 39px;
17046    }
17047    .user_portfolio .row:nth-child(2) h2.pull-left{
17048        font-size: 19px;
17049        width: 65%;
17050    }
17051    .massonry_for_proposal a.imgsm{
17052        height: 100px!important;
17053    }
17054    .quantity_cal {
17055        transform: scale(.8);
17056    }
17057    .user-sidebar a.btn.btn-lg.btn-block.btn-success.rounded-0 {
17058        font-size: 12px;
17059    }
17060    #st-1.sharethis-inline-share-buttons .st-btn > img {
17061        width: 20px !important;
17062        height: 24px !important;
17063        top: -11.6px !important;
17064    }
17065    
17066}
17067@media only screen and (max-width: 1023px) and (min-width: 768px) {
17068.masonry {
17069    column-count: 2;
17070}
17071
17072}
17073/* massonry end */
17074.carousel_cont_slick.slick-slide {
17075/*     width: 80%!important;
17076    opacity: 1;
17077    height: 300px;
17078    background: red;
17079    display: block; */
17080}
17081.carousel_cont_slick_outer {
17082  width: 100%;
17083  background: black;
17084  display: block;
17085  min-height: auto;
17086  margin: 0 auto;
17087}
17088.image_of_slider {
17089  width: 100%;
17090}
17091.slick-initialized .slick-slide {
17092    display: block;
17093    border: none;
17094}
17095.masonry.bordered.five_grid.not_massonry {
17096    display: block;
17097    column-count: unset;
17098}
17099.masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick {
17100    /* display: none!important; */
17101    width: 19.5%;
17102    margin: .1em;
17103    float: unset;
17104    display: inline-block;
17105}
17106.cart-proposal.col-md-12.col-xs-6{
17107  width:100%;
17108}
17109@media only screen and (max-width: 993px) and (min-width: 300px) {
17110  .cart-proposal.col-md-12.col-xs-6 {
17111      width: 50%;
17112  }
17113  .image_of_slider {
17114      width: 187%;
17115  }
17116  .slick-slider {
17117      margin-bottom: 0!important;
17118  }
17119  .carousel_cont_slick_outer {
17120    height: auto;
17121    width: 100%;
17122    background: black;
17123    display: block;
17124    min-height: auto;
17125    margin: 0 auto;
17126    max-width: 100%;
17127    overflow-x: hidden;
17128}
17129.proposal-card-base.mp-proposal-card {
17130  display: inline-grid;
17131}
17132.slick-dots {
17133    bottom: 0;
17134}
17135/*cart new start*/
17136.row.inner_cart_prop_row .img-fluid {
17137    max-width: unset;
17138    height: 70px;
17139    /*height: auto;*/
17140    margin: 0 auto;
17141    display: block;
17142}
17143
17144.row.inner_cart_prop_row .text-success.make-black {
17145    text-align: center;
17146    font-size: 18px;
17147    margin-bottom: 14px;
17148}
17149.cart-proposal.col-md-12.col-xs-6 {
17150    padding: 0px 5px;
17151}
17152
17153.quantity_heading {
17154    width: 100%;
17155    display: inline-block;
17156    margin-top: 7px;
17157    font-size: 13px;
17158    font-weight: 300;
17159}
17160.inner_cart_prop_row .col-lg-3.mb-2 a {
17161    width: 100%;
17162    height: unset;
17163    background: #efeeee00;
17164}
17165.quantity_inner_price {
17166    font-weight: bold;
17167    width: 114px;
17168    float: unset;
17169    display: block;
17170    text-align: center;
17171    margin-top: 10px;
17172    /* margin-left: 0; */
17173    background: #556db4;
17174    padding: 5px 10px;
17175    color: white;
17176    position: relative;
17177    border-radius: 0px 5px 0px 0px;
17178    margin-top: 49px;
17179    margin: 49px auto 25px;
17180}
17181/*cart ner end*/
17182}
17183@media only screen and (max-width: 463px) and (min-width: 300px) {
17184  .masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick {
17185      /* display: none!important; */
17186      width: 48.5%;
17187      margin: .05em;
17188      float: unset;
17189      display: inline-block;
17190  }
17191.text-center.text-sm-left{
17192text-align:left  !important;
17193}
17194}
17195@media only screen and (max-width: 999px) and (min-width: 463px) {
17196  .masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick {
17197      /* display: none!important; */
17198      width: 32%;
17199      margin: .05em;
17200      float: unset;
17201      display: inline-block;
17202  }
17203.text-center.text-sm-left{
17204text-align:left  !important;
17205}
17206
17207}
17208/**************************arko end**************************/
17209/*
17210
17211Purpose: Styles for categories_nav.php
17212
17213*/
17214
17215.mp-box.mp-box-white.notop {
17216	
17217border-top:0;
17218
17219margin-top:54px;
17220    
17221    
17222	
17223}
17224
17225.stickytop .main-cat-list > li { 
17226
17227line-height:25px;
17228
17229position: relative;
17230    
17231top: -2.7px !important;
17232
17233}
17234
17235
17236.mp-box.mp-box-white {
17237	
17238background:#fff;
17239min-height:37px;
17240border-top:1px #dddddd solid;
17241border-bottom:1px #dddddd solid;
17242	
17243}
17244
17245
17246.mp-box {
17247	
17248background:#f7f7f7;
17249
17250margin:0 auto;
17251
17252position: relative;
17253	
17254}
17255
17256
17257.mp-box .box-row {
17258	
17259width:1308px;
17260
17261margin:0 auto;
17262
17263position:relative;
17264	
17265box-sizing:border-box;
17266	
17267}
17268
17269.main-cat-list.active {
17270	
17271opacity:1;
17272	
17273}
17274
17275
17276.main-cat-list {
17277	
17278	position: relative;
17279	margin: 6px -12px 0 -12px;
17280	opacity:1;
17281}
17282
17283
17284.main-cat-list > li {
17285margin-top: 1px;	
17286list-style:none;
17287height:29px;
17288line-height:25px;	
17289color:#303030;
17290white-space:nowrap;
17291position:relative;
17292cursor:default;
17293float:left;
17294border:1px transparent solid;
17295border-radius: 3px 3px 0 0;
17296padding-top: 2.8px;
17297
17298}
17299
17300.main-cat-list > li > a {
17301	
17302display: inline-block;
17303
17304padding:0 10px;
17305
17306
17307	
17308}
17309
17310.main-cat-list > li > a:hover {
17311    
17312    border-bottom: 3px solid #28a745 !important;
17313}
17314
17315
17316.main-cat-list > li .menu-cont {
17317	
17318background-color:#fff;
17319
17320position: absolute;
17321
17322left:-1px;
17323
17324z-index:10;
17325
17326display:none;	
17327	
17328width:0;
17329
17330border:1px #dddddd solid;
17331
17332box-sizing:border-box;
17333
17334padding: 15px 0;
17335
17336border-radius: 0 3px 3px 3px;
17337	
17338}
17339
17340.main-cat-list > li .menu-cont ul {
17341	
17342display:inline-block;
17343
17344vertical-align:top;
17345
17346padding:0 11px;
17347
17348box-sizing:border-box;
17349
17350
17351	
17352}
17353
17354.main-cat-list > li .menu-cont ul:first-child {
17355	
17356	border-right: 1px #dddddd solid;
17357	
17358}
17359
17360
17361.main-cat-list > li .menu-cont li {
17362	
17363line-height: 16px;
17364
17365display:block;
17366
17367white-space:nowrap;
17368	
17369text-align:left;
17370
17371max-width: 240px;	
17372
17373overflow: hidden;
17374	
17375}
17376
17377.main-cat-list > li .menu-cont li:first-child a {
17378	
17379	padding-top:0;
17380	
17381	
17382}
17383
17384.main-cat-list > li .menu-cont li a {
17385	
17386color: #00698c;
17387
17388display:block;
17389	
17390padding:10px 15px 0 0;
17391
17392overflow:hidden;
17393
17394white-space: nowrap;
17395
17396text-overflow: ellipsis;
17397
17398	
17399}
17400
17401.main-cat-list > li .menu-cont li a:hover {
17402	
17403	text-decoration:underline;
17404	
17405}
17406
17407
17408.main-cat-list > li a {
17409	
17410font-weight:400;
17411
17412color:#555555;
17413	
17414}
17415
17416.main-cat-list > li a:hover {
17417	
17418	text-decoration:none;
17419	
17420}
17421
17422
17423.main-cat-list > li:hover,
17424.main-cat-list > li:active {
17425	
17426border:1px #dddddd solid;
17427
17428color: #00698c;
17429
17430box-shadow : 0 1px 3px 0 #dddddd;
17431
17432
17433}
17434
17435
17436.main-cat-list > li:hover > a {
17437	
17438	color:#00698c;
17439	
17440}
17441
17442
17443
17444.main-cat-list > li:hover .menu-cont {
17445	
17446	display:block;
17447	
17448	width:auto;
17449	
17450}
17451
17452
17453
17454
17455
17456
17457
17458
17459
17460
17461
17462
17463
17464
17465
17466
17467
17468/**
17469 * Owl Carousel v2.3.4
17470 * Copyright 2013-2018 David Deutsch
17471 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
17472 */
17473/*
17474 *  Owl Carousel - Core
17475 */
17476.owl-carousel {
17477  display: none;
17478  width: 100%;
17479  -webkit-tap-highlight-color: transparent;
17480  /* position relative and z-index fix webkit rendering fonts issue */
17481  position: relative;
17482  z-index: 1; }
17483  .owl-carousel .owl-stage {
17484    position: relative;
17485    -ms-touch-action: pan-Y;
17486    touch-action: manipulation;
17487    -moz-backface-visibility: hidden;
17488    /* fix firefox animation glitch */ }
17489  .owl-carousel .owl-stage:after {
17490    content: ".";
17491    display: block;
17492    clear: both;
17493    visibility: hidden;
17494    line-height: 0;
17495    height: 0; }
17496  .owl-carousel .owl-stage-outer {
17497    position: relative;
17498    overflow: hidden;
17499    /* fix for flashing background */
17500    -webkit-transform: translate3d(0px, 0px, 0px); }
17501  .owl-carousel .owl-wrapper,
17502  .owl-carousel .owl-item {
17503    -webkit-backface-visibility: hidden;
17504    -moz-backface-visibility: hidden;
17505    -ms-backface-visibility: hidden;
17506    -webkit-transform: translate3d(0, 0, 0);
17507    -moz-transform: translate3d(0, 0, 0);
17508    -ms-transform: translate3d(0, 0, 0); }
17509  .owl-carousel .owl-item {
17510    position: relative;
17511    min-height: 1px;
17512    float: left;
17513    -webkit-backface-visibility: hidden;
17514    -webkit-tap-highlight-color: transparent;
17515    -webkit-touch-callout: none; }
17516
17517  .owl-carousel .owl-nav.disabled,
17518  .owl-carousel .owl-dots.disabled {
17519    display: none; }
17520
17521
17522  .owl-carousel .owl-dots {
17523
17524  display: none; 
17525
17526  }
17527
17528  .owl-carousel .owl-nav .owl-prev,
17529  .owl-carousel .owl-nav .owl-next,
17530  .owl-carousel .owl-dot {
17531    cursor: pointer;
17532    -webkit-user-select: none;
17533    -khtml-user-select: none;
17534    -moz-user-select: none;
17535    -ms-user-select: none;
17536    user-select: none; 
17537
17538  }
17539
17540 
17541  .owl-carousel .owl-nav button.owl-next{
17542
17543    right: -16px;
17544    border-radius: 30px;
17545    background-color: #fff;
17546    position: absolute;
17547    z-index: 4;
17548    top: 50%;
17549    width: 44px;
17550    height: 44px;
17551    margin-top: -24px;
17552    text-align: center;
17553    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);
17554    box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);
17555    border: 0;
17556
17557    }
17558
17559  
17560  .owl-carousel .owl-nav button.owl-next:after {
17561    content: "";
17562    display: inline-block;
17563    background: url(../images/svg/next.svg) no-repeat;
17564    background-size: 16px 64px;
17565    width: 24px;
17566    height: 50px;
17567    margin-top: -5.5px;
17568    margin-left: 7px;
17569  }
17570
17571
17572.owl-carousel .owl-nav button.owl-prev {
17573    left: -16px;
17574    margin-left: 9px;
17575}
17576
17577.owl-carousel .owl-nav button.owl-prev{
17578    left: -20.8px;
17579    border-radius: 30px;
17580}
17581
17582.owl-carousel .owl-nav button.owl-prev {
17583    background-color: #fff;
17584    position: absolute;
17585    z-index: 4;
17586    top: 50%;
17587    width: 44px;
17588    height: 44px;
17589    margin-top: -24px;
17590    text-align: center;
17591    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);
17592    box-shadow: 0 2px 5px 0 rgba(0,0,0,.15);
17593    border: 0;
17594}
17595.owl-carousel .owl-nav button.owl-prev:after {
17596    background-position: 0 -32px;
17597}
17598
17599.owl-carousel .owl-nav button.owl-prev:after {
17600    content: "";
17601    display: inline-block;
17602    background: url('../images/svg/buttons.svg') no-repeat;
17603    background-size: 16px 64px;
17604    width: 16px;
17605    height: 16px;
17606    margin-top: 6px;
17607    margin-left: -2px;
17608}
17609
17610
17611  .owl-carousel.owl-loaded {
17612    display: block; }
17613  .owl-carousel.owl-loading {
17614    opacity: 0;
17615    display: block; }
17616  .owl-carousel.owl-hidden {
17617    opacity: 0; }
17618  .owl-carousel.owl-refresh .owl-item {
17619    visibility: hidden; }
17620  .owl-carousel.owl-drag .owl-item {
17621    -ms-touch-action: pan-y;
17622        touch-action: pan-y;
17623    -webkit-user-select: none;
17624    -moz-user-select: none;
17625    -ms-user-select: none;
17626    user-select: none; }
17627  .owl-carousel.owl-grab {
17628    cursor: move;
17629    cursor: grab; }
17630  .owl-carousel.owl-rtl {
17631    direction: rtl; }
17632  .owl-carousel.owl-rtl .owl-item {
17633    float: right; }
17634
17635/* No Js */
17636.no-js .owl-carousel {
17637  display: block; }
17638
17639/*
17640 *  Owl Carousel - Animate Plugin
17641 */
17642.owl-carousel .animated {
17643  animation-duration: 1000ms;
17644  animation-fill-mode: both; }
17645
17646.owl-carousel .owl-animated-in {
17647  z-index: 0; }
17648
17649.owl-carousel .owl-animated-out {
17650  z-index: 1; }
17651
17652.owl-carousel .fadeOut {
17653  animation-name: fadeOut; }
17654
17655@keyframes fadeOut {
17656  0% {
17657    opacity: 1; }
17658  100% {
17659    opacity: 0; } }
17660
17661/*
17662 *  Owl Carousel - Auto Height Plugin
17663 */
17664.owl-height {
17665  transition: height 500ms ease-in-out; }
17666
17667/*
17668 *  Owl Carousel - Lazy Load Plugin
17669 */
17670.owl-carousel .owl-item {
17671  /**
17672      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
17673      calculation of the height of the owl-item that breaks page layouts
17674     */ }
17675  .owl-carousel .owl-item .owl-lazy {
17676    opacity: 0;
17677    transition: opacity 400ms ease; }
17678  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
17679    max-height: 0; }
17680  .owl-carousel .owl-item img.owl-lazy {
17681    transform-style: preserve-3d; }
17682
17683/*
17684 *  Owl Carousel - Video Plugin
17685 */
17686.owl-carousel .owl-video-wrapper {
17687  position: relative;
17688  height: 100%;
17689  background: #000; }
17690
17691.owl-carousel .owl-video-play-icon {
17692  position: absolute;
17693  height: 80px;
17694  width: 80px;
17695  left: 50%;
17696  top: 50%;
17697  margin-left: -40px;
17698  margin-top: -40px;
17699  background: url("owl.video.play.png") no-repeat;
17700  cursor: pointer;
17701  z-index: 1;
17702  -webkit-backface-visibility: hidden;
17703  transition: transform 100ms ease; }
17704
17705.owl-carousel .owl-video-play-icon:hover {
17706  -ms-transform: scale(1.3, 1.3);
17707      transform: scale(1.3, 1.3); }
17708
17709.owl-carousel .owl-video-playing .owl-video-tn,
17710.owl-carousel .owl-video-playing .owl-video-play-icon {
17711  display: none; }
17712
17713.owl-carousel .owl-video-tn {
17714  opacity: 0;
17715  height: 100%;
17716  background-position: center center;
17717  background-repeat: no-repeat;
17718  background-size: contain;
17719  transition: opacity 400ms ease; }
17720
17721.owl-carousel .owl-video-frame {
17722  position: relative;
17723  z-index: 1;
17724  height: 100%;
17725  width: 100%; }
17726
17727
17728@media (max-width: 600px){
17729
17730  .owl-carousel .owl-nav button.owl-prev {
17731      width: 38px;
17732      height: 38px;
17733  }
17734
17735  .owl-carousel .owl-nav button.owl-prev:after {
17736
17737      margin-top: 6px;
17738      margin-left: -2px;
17739  }
17740
17741  .owl-carousel .owl-nav button.owl-next{
17742
17743    width: 38px;
17744    height: 38px;
17745
17746    }
17747  
17748  .owl-carousel .owl-nav button.owl-next:after {
17749
17750    margin-top: -8px;
17751    margin-left: 5px;
17752  }
17753
17754
17755}/**
17756 * Owl Carousel v2.3.4
17757 * Copyright 2013-2018 David Deutsch
17758 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
17759 */
17760/*
17761 *  Default theme - Owl Carousel CSS File
17762 */
17763.owl-theme .owl-nav {
17764  margin-top: 10px;
17765  text-align: center;
17766  -webkit-tap-highlight-color: transparent; }
17767  .owl-theme .owl-nav [class*='owl-'] {
17768    color: #FFF;
17769    font-size: 14px;
17770    margin: 5px;
17771    padding: 4px 7px;
17772    background: #D6D6D6;
17773    display: inline-block;
17774    cursor: pointer;
17775    border-radius: 3px; }
17776    .owl-theme .owl-nav [class*='owl-']:hover {
17777      background: #869791;
17778      color: #FFF;
17779      text-decoration: none; }
17780  .owl-theme .owl-nav .disabled {
17781    opacity: 0.5;
17782    cursor: default; 
17783display: none;
17784  }
17785
17786.owl-theme .owl-nav.disabled + .owl-dots {
17787  margin-top: 10px; }
17788
17789.owl-theme .owl-dots {
17790  text-align: center;
17791  -webkit-tap-highlight-color: transparent; }
17792  .owl-theme .owl-dots .owl-dot {
17793    display: inline-block;
17794    zoom: 1;
17795    *display: inline; }
17796    .owl-theme .owl-dots .owl-dot span {
17797      width: 10px;
17798      height: 10px;
17799      margin: 5px 7px;
17800      background: #D6D6D6;
17801      display: block;
17802      -webkit-backface-visibility: visible;
17803      transition: opacity 200ms ease;
17804      border-radius: 30px; }
17805    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
17806      background: #869791; }
17807.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,
178070,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@charset 'UTF-8';.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;margin-top:-10px\9;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'}.slick-slider{margin-bottom:30px}.slick-dots{bottom:-45px;width:100%;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;
17807left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}
1780750%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;box-shadow:0 0 .625em #d9d9d9;overflow-y:hidden}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:initial;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon-text{font-size:2em;font-weight:700;line-height:1em}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:2em;height:2.8125em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.25em;
17807left:-.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 2em;transform-origin:0 2em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:showSweetToast .5s;animation:showSweetToast .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:hideSweetToast .2s forwards;animation:hideSweetToast .2s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:animate-toast-success-tip .75s;animation:animate-toast-success-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:animate-toast-success-long .75s;animation:animate-toast-success-long .75s}@-webkit-keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}
1780733%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@-webkit-keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes animate-toast-success-tip{0%{top:.5625em;
17807left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:10px;background-color:transparent;z-index:1060;overflow-x:hidden;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not
17807(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;box-sizing:border-box}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-popup .swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-popup .swal2-title{display:block;position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-popup .swal2-actions{flex-wrap:wrap;align-items:center;justify-content:center;margin:1.25em auto 0;z-index:1}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{width:2.5em;height:2.5em;margin:.46875em;padding:0;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;box-sizing:border-box;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{display:inline-block;width:15px;height:15px;margin-left:5px;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff;content:'';-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal}.swal2-popup .swal2-styled{margin:.3125em;padding:.625em 2em;font-weight:500;box-shadow:none}.swal2-popup .swal2-styled:not([disabled]){cursor:pointer}.swal2-popup .swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-popup .swal2-styled::-moz-focus-inner{border:0}.swal2-popup .swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-popup .swal2-image{max-width:100%;margin:1.25em auto}.swal2-popup .swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer;overflow:hidden}.swal2-popup .swal2-close:hover{-webkit-transform:none;transform:none;color:#f27474}.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{display:none}.swal2-popup .swal2-content{justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;z-index:1;word-wrap:break-word}.swal2-popup #swal2-content{text-align:center}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{margin:1em auto}.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;font-size:1.125em;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-sizing:border-box}.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#ccc}.swal2-popup .swal2-range input{width:80%}.swal2-popup .swal2-range output{width:20%;font-weight:600;text-align:center}.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{height:2.625em;margin:1em auto;padding:0;font-size:1.125em;line-height:2.625em}.swal2-popup .swal2-input{height:2.625em;padding:0 .75em}.swal2-popup .swal2-input[type=number]{max-width:10em}.swal2-popup .swal2-file{font-size:1.125em}.swal2-popup .swal2-textarea{height:6.75em;padding:.75em}.swal2-popup .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;color:#545454;font-size:1.125em}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{align-items:center;justify-content:center}.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{margin:0 .4em}.swal2-popup .swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;background:#f0f0f0;color:#666;font-size:1em;font-weight:300;overflow:hidden}.swal2-popup .swal2-validation-message::before{display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center;content:'!';zoom:normal}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;zoom:normal}.swal2-icon-text{font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;top:-.25em;
17807left:-.25em;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%;z-index:2;box-sizing:content-box}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;height:.3125em;border-radius:.125em;background-color:#a5dc86;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.3em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.5em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{align-items:center;margin:0 0 1.25em;padding:0;font-weight:600}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{background:#add8e6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{width:2.5em;height:.4em;margin:0 -1px;background:#3085d6;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:initial!important}}@charset "UTF-8";
17808
17809/*!
17810 * animate.css -http://daneden.me/animate
17811 * Version - 3.6.0
17812 * Licensed under the MIT license - http://opensource.org/licenses/MIT
17813 *
17814 * Copyright (c) 2018 Daniel Eden
17815 */
17816
17817.animated {
17818  -webkit-animation-duration: 1s;
17819  animation-duration: 1s;
17820  -webkit-animation-fill-mode: both;
17821  animation-fill-mode: both;
17822}
17823
17824.animated.infinite {
17825  -webkit-animation-iteration-count: infinite;
17826  animation-iteration-count: infinite;
17827}
17828
17829@-webkit-keyframes bounce {
17830  from,
17831  20%,
17832  53%,
17833  80%,
17834  to {
17835    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
17836    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
17837    -webkit-transform: translate3d(0, 0, 0);
17838    transform: translate3d(0, 0, 0);
17839  }
17840
17841  40%,
17842  43% {
17843    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
17844    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
17845    -webkit-transform: translate3d(0, -30px, 0);
17846    transform: translate3d(0, -30px, 0);
17847  }
17848
17849  70% {
17850    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
17851    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
17852    -webkit-transform: translate3d(0, -15px, 0);
17853    transform: translate3d(0, -15px, 0);
17854  }
17855
17856  90% {
17857    -webkit-transform: translate3d(0, -4px, 0);
17858    transform: translate3d(0, -4px, 0);
17859  }
17860}
17861
17862@keyframes bounce {
17863  from,
17864  20%,
17865  53%,
17866  80%,
17867  to {
17868    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
17869    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
17870    -webkit-transform: translate3d(0, 0, 0);
17871    transform: translate3d(0, 0, 0);
17872  }
17873
17874  40%,
17875  43% {
17876    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
17877    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
17878    -webkit-transform: translate3d(0, -30px, 0);
17879    transform: translate3d(0, -30px, 0);
17880  }
17881
17882  70% {
17883    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
17884    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
17885    -webkit-transform: translate3d(0, -15px, 0);
17886    transform: translate3d(0, -15px, 0);
17887  }
17888
17889  90% {
17890    -webkit-transform: translate3d(0, -4px, 0);
17891    transform: translate3d(0, -4px, 0);
17892  }
17893}
17894
17895.bounce {
17896  -webkit-animation-name: bounce;
17897  animation-name: bounce;
17898  -webkit-transform-origin: center bottom;
17899  transform-origin: center bottom;
17900}
17901
17902@-webkit-keyframes flash {
17903  from,
17904  50%,
17905  to {
17906    opacity: 1;
17907  }
17908
17909  25%,
17910  75% {
17911    opacity: 0;
17912  }
17913}
17914
17915@keyframes flash {
17916  from,
17917  50%,
17918  to {
17919    opacity: 1;
17920  }
17921
17922  25%,
17923  75% {
17924    opacity: 0;
17925  }
17926}
17927
17928.flash {
17929  -webkit-animation-name: flash;
17930  animation-name: flash;
17931}
17932
17933/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
17934
17935@-webkit-keyframes pulse {
17936  from {
17937    -webkit-transform: scale3d(1, 1, 1);
17938    transform: scale3d(1, 1, 1);
17939  }
17940
17941  50% {
17942    -webkit-transform: scale3d(1.05, 1.05, 1.05);
17943    transform: scale3d(1.05, 1.05, 1.05);
17944  }
17945
17946  to {
17947    -webkit-transform: scale3d(1, 1, 1);
17948    transform: scale3d(1, 1, 1);
17949  }
17950}
17951
17952@keyframes pulse {
17953  from {
17954    -webkit-transform: scale3d(1, 1, 1);
17955    transform: scale3d(1, 1, 1);
17956  }
17957
17958  50% {
17959    -webkit-transform: scale3d(1.05, 1.05, 1.05);
17960    transform: scale3d(1.05, 1.05, 1.05);
17961  }
17962
17963  to {
17964    -webkit-transform: scale3d(1, 1, 1);
17965    transform: scale3d(1, 1, 1);
17966  }
17967}
17968
17969.pulse {
17970  -webkit-animation-name: pulse;
17971  animation-name: pulse;
17972}
17973
17974@-webkit-keyframes rubberBand {
17975  from {
17976    -webkit-transform: scale3d(1, 1, 1);
17977    transform: scale3d(1, 1, 1);
17978  }
17979
17980  30% {
17981    -webkit-transform: scale3d(1.25, 0.75, 1);
17982    transform: scale3d(1.25, 0.75, 1);
17983  }
17984
17985  40% {
17986    -webkit-transform: scale3d(0.75, 1.25, 1);
17987    transform: scale3d(0.75, 1.25, 1);
17988  }
17989
17990  50% {
17991    -webkit-transform: scale3d(1.15, 0.85, 1);
17992    transform: scale3d(1.15, 0.85, 1);
17993  }
17994
17995  65% {
17996    -webkit-transform: scale3d(0.95, 1.05, 1);
17997    transform: scale3d(0.95, 1.05, 1);
17998  }
17999
18000  75% {
18001    -webkit-transform: scale3d(1.05, 0.95, 1);
18002    transform: scale3d(1.05, 0.95, 1);
18003  }
18004
18005  to {
18006    -webkit-transform: scale3d(1, 1, 1);
18007    transform: scale3d(1, 1, 1);
18008  }
18009}
18010
18011@keyframes rubberBand {
18012  from {
18013    -webkit-transform: scale3d(1, 1, 1);
18014    transform: scale3d(1, 1, 1);
18015  }
18016
18017  30% {
18018    -webkit-transform: scale3d(1.25, 0.75, 1);
18019    transform: scale3d(1.25, 0.75, 1);
18020  }
18021
18022  40% {
18023    -webkit-transform: scale3d(0.75, 1.25, 1);
18024    transform: scale3d(0.75, 1.25, 1);
18025  }
18026
18027  50% {
18028    -webkit-transform: scale3d(1.15, 0.85, 1);
18029    transform: scale3d(1.15, 0.85, 1);
18030  }
18031
18032  65% {
18033    -webkit-transform: scale3d(0.95, 1.05, 1);
18034    transform: scale3d(0.95, 1.05, 1);
18035  }
18036
18037  75% {
18038    -webkit-transform: scale3d(1.05, 0.95, 1);
18039    transform: scale3d(1.05, 0.95, 1);
18040  }
18041
18042  to {
18043    -webkit-transform: scale3d(1, 1, 1);
18044    transform: scale3d(1, 1, 1);
18045  }
18046}
18047
18048.rubberBand {
18049  -webkit-animation-name: rubberBand;
18050  animation-name: rubberBand;
18051}
18052
18053@-webkit-keyframes shake {
18054  from,
18055  to {
18056    -webkit-transform: translate3d(0, 0, 0);
18057    transform: translate3d(0, 0, 0);
18058  }
18059
18060  10%,
18061  30%,
18062  50%,
18063  70%,
18064  90% {
18065    -webkit-transform: translate3d(-10px, 0, 0);
18066    transform: translate3d(-10px, 0, 0);
18067  }
18068
18069  20%,
18070  40%,
18071  60%,
18072  80% {
18073    -webkit-transform: translate3d(10px, 0, 0);
18074    transform: translate3d(10px, 0, 0);
18075  }
18076}
18077
18078@keyframes shake {
18079  from,
18080  to {
18081    -webkit-transform: translate3d(0, 0, 0);
18082    transform: translate3d(0, 0, 0);
18083  }
18084
18085  10%,
18086  30%,
18087  50%,
18088  70%,
18089  90% {
18090    -webkit-transform: translate3d(-10px, 0, 0);
18091    transform: translate3d(-10px, 0, 0);
18092  }
18093
18094  20%,
18095  40%,
18096  60%,
18097  80% {
18098    -webkit-transform: translate3d(10px, 0, 0);
18099    transform: translate3d(10px, 0, 0);
18100  }
18101}
18102
18103.shake {
18104  -webkit-animation-name: shake;
18105  animation-name: shake;
18106}
18107
18108@-webkit-keyframes headShake {
18109  0% {
18110    -webkit-transform: translateX(0);
18111    transform: translateX(0);
18112  }
18113
18114  6.5% {
18115    -webkit-transform: translateX(-6px) rotateY(-9deg);
18116    transform: translateX(-6px) rotateY(-9deg);
18117  }
18118
18119  18.5% {
18120    -webkit-transform: translateX(5px) rotateY(7deg);
18121    transform: translateX(5px) rotateY(7deg);
18122  }
18123
18124  31.5% {
18125    -webkit-transform: translateX(-3px) rotateY(-5deg);
18126    transform: translateX(-3px) rotateY(-5deg);
18127  }
18128
18129  43.5% {
18130    -webkit-transform: translateX(2px) rotateY(3deg);
18131    transform: translateX(2px) rotateY(3deg);
18132  }
18133
18134  50% {
18135    -webkit-transform: translateX(0);
18136    transform: translateX(0);
18137  }
18138}
18139
18140@keyframes headShake {
18141  0% {
18142    -webkit-transform: translateX(0);
18143    transform: translateX(0);
18144  }
18145
18146  6.5% {
18147    -webkit-transform: translateX(-6px) rotateY(-9deg);
18148    transform: translateX(-6px) rotateY(-9deg);
18149  }
18150
18151  18.5% {
18152    -webkit-transform: translateX(5px) rotateY(7deg);
18153    transform: translateX(5px) rotateY(7deg);
18154  }
18155
18156  31.5% {
18157    -webkit-transform: translateX(-3px) rotateY(-5deg);
18158    transform: translateX(-3px) rotateY(-5deg);
18159  }
18160
18161  43.5% {
18162    -webkit-transform: translateX(2px) rotateY(3deg);
18163    transform: translateX(2px) rotateY(3deg);
18164  }
18165
18166  50% {
18167    -webkit-transform: translateX(0);
18168    transform: translateX(0);
18169  }
18170}
18171
18172.headShake {
18173  -webkit-animation-timing-function: ease-in-out;
18174  animation-timing-function: ease-in-out;
18175  -webkit-animation-name: headShake;
18176  animation-name: headShake;
18177}
18178
18179@-webkit-keyframes swing {
18180  20% {
18181    -webkit-transform: rotate3d(0, 0, 1, 15deg);
18182    transform: rotate3d(0, 0, 1, 15deg);
18183  }
18184
18185  40% {
18186    -webkit-transform: rotate3d(0, 0, 1, -10deg);
18187    transform: rotate3d(0, 0, 1, -10deg);
18188  }
18189
18190  60% {
18191    -webkit-transform: rotate3d(0, 0, 1, 5deg);
18192    transform: rotate3d(0, 0, 1, 5deg);
18193  }
18194
18195  80% {
18196    -webkit-transform: rotate3d(0, 0, 1, -5deg);
18197    transform: rotate3d(0, 0, 1, -5deg);
18198  }
18199
18200  to {
18201    -webkit-transform: rotate3d(0, 0, 1, 0deg);
18202    transform: rotate3d(0, 0, 1, 0deg);
18203  }
18204}
18205
18206@keyframes swing {
18207  20% {
18208    -webkit-transform: rotate3d(0, 0, 1, 15deg);
18209    transform: rotate3d(0, 0, 1, 15deg);
18210  }
18211
18212  40% {
18213    -webkit-transform: rotate3d(0, 0, 1, -10deg);
18214    transform: rotate3d(0, 0, 1, -10deg);
18215  }
18216
18217  60% {
18218    -webkit-transform: rotate3d(0, 0, 1, 5deg);
18219    transform: rotate3d(0, 0, 1, 5deg);
18220  }
18221
18222  80% {
18223    -webkit-transform: rotate3d(0, 0, 1, -5deg);
18224    transform: rotate3d(0, 0, 1, -5deg);
18225  }
18226
18227  to {
18228    -webkit-transform: rotate3d(0, 0, 1, 0deg);
18229    transform: rotate3d(0, 0, 1, 0deg);
18230  }
18231}
18232
18233.swing {
18234  -webkit-transform-origin: top center;
18235  transform-origin: top center;
18236  -webkit-animation-name: swing;
18237  animation-name: swing;
18238}
18239
18240@-webkit-keyframes tada {
18241  from {
18242    -webkit-transform: scale3d(1, 1, 1);
18243    transform: scale3d(1, 1, 1);
18244  }
18245
18246  10%,
18247  20% {
18248    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
18249    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
18250  }
18251
18252  30%,
18253  50%,
18254  70%,
18255  90% {
18256    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
18257    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
18258  }
18259
18260  40%,
18261  60%,
18262  80% {
18263    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
18264    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
18265  }
18266
18267  to {
18268    -webkit-transform: scale3d(1, 1, 1);
18269    transform: scale3d(1, 1, 1);
18270  }
18271}
18272
18273@keyframes tada {
18274  from {
18275    -webkit-transform: scale3d(1, 1, 1);
18276    transform: scale3d(1, 1, 1);
18277  }
18278
18279  10%,
18280  20% {
18281    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
18282    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
18283  }
18284
18285  30%,
18286  50%,
18287  70%,
18288  90% {
18289    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
18290    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
18291  }
18292
18293  40%,
18294  60%,
18295  80% {
18296    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
18297    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
18298  }
18299
18300  to {
18301    -webkit-transform: scale3d(1, 1, 1);
18302    transform: scale3d(1, 1, 1);
18303  }
18304}
18305
18306.tada {
18307  -webkit-animation-name: tada;
18308  animation-name: tada;
18309}
18310
18311/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
18312
18313@-webkit-keyframes wobble {
18314  from {
18315    -webkit-transform: translate3d(0, 0, 0);
18316    transform: translate3d(0, 0, 0);
18317  }
18318
18319  15% {
18320    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
18321    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
18322  }
18323
18324  30% {
18325    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
18326    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
18327  }
18328
18329  45% {
18330    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
18331    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
18332  }
18333
18334  60% {
18335    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
18336    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
18337  }
18338
18339  75% {
18340    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
18341    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
18342  }
18343
18344  to {
18345    -webkit-transform: translate3d(0, 0, 0);
18346    transform: translate3d(0, 0, 0);
18347  }
18348}
18349
18350@keyframes wobble {
18351  from {
18352    -webkit-transform: translate3d(0, 0, 0);
18353    transform: translate3d(0, 0, 0);
18354  }
18355
18356  15% {
18357    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
18358    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
18359  }
18360
18361  30% {
18362    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
18363    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
18364  }
18365
18366  45% {
18367    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
18368    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
18369  }
18370
18371  60% {
18372    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
18373    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
18374  }
18375
18376  75% {
18377    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
18378    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
18379  }
18380
18381  to {
18382    -webkit-transform: translate3d(0, 0, 0);
18383    transform: translate3d(0, 0, 0);
18384  }
18385}
18386
18387.wobble {
18388  -webkit-animation-name: wobble;
18389  animation-name: wobble;
18390}
18391
18392@-webkit-keyframes jello {
18393  from,
18394  11.1%,
18395  to {
18396    -webkit-transform: translate3d(0, 0, 0);
18397    transform: translate3d(0, 0, 0);
18398  }
18399
18400  22.2% {
18401    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
18402    transform: skewX(-12.5deg) skewY(-12.5deg);
18403  }
18404
18405  33.3% {
18406    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
18407    transform: skewX(6.25deg) skewY(6.25deg);
18408  }
18409
18410  44.4% {
18411    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
18412    transform: skewX(-3.125deg) skewY(-3.125deg);
18413  }
18414
18415  55.5% {
18416    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
18417    transform: skewX(1.5625deg) skewY(1.5625deg);
18418  }
18419
18420  66.6% {
18421    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
18422    transform: skewX(-0.78125deg) skewY(-0.78125deg);
18423  }
18424
18425  77.7% {
18426    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
18427    transform: skewX(0.390625deg) skewY(0.390625deg);
18428  }
18429
18430  88.8% {
18431    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
18432    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
18433  }
18434}
18435
18436@k
18436eyframes jello {
18437  from,
18438  11.1%,
18439  to {
18440    -webkit-transform: translate3d(0, 0, 0);
18441    transform: translate3d(0, 0, 0);
18442  }
18443
18444  22.2% {
18445    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
18446    transform: skewX(-12.5deg) skewY(-12.5deg);
18447  }
18448
18449  33.3% {
18450    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
18451    transform: skewX(6.25deg) skewY(6.25deg);
18452  }
18453
18454  44.4% {
18455    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
18456    transform: skewX(-3.125deg) skewY(-3.125deg);
18457  }
18458
18459  55.5% {
18460    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
18461    transform: skewX(1.5625deg) skewY(1.5625deg);
18462  }
18463
18464  66.6% {
18465    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
18466    transform: skewX(-0.78125deg) skewY(-0.78125deg);
18467  }
18468
18469  77.7% {
18470    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
18471    transform: skewX(0.390625deg) skewY(0.390625deg);
18472  }
18473
18474  88.8% {
18475    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
18476    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
18477  }
18478}
18479
18480.jello {
18481  -webkit-animation-name: jello;
18482  animation-name: jello;
18483  -webkit-transform-origin: center;
18484  transform-origin: center;
18485}
18486
18487@-webkit-keyframes bounceIn {
18488  from,
18489  20%,
18490  40%,
18491  60%,
18492  80%,
18493  to {
18494    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18495    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18496  }
18497
18498  0% {
18499    opacity: 0;
18500    -webkit-transform: scale3d(0.3, 0.3, 0.3);
18501    transform: scale3d(0.3, 0.3, 0.3);
18502  }
18503
18504  20% {
18505    -webkit-transform: scale3d(1.1, 1.1, 1.1);
18506    transform: scale3d(1.1, 1.1, 1.1);
18507  }
18508
18509  40% {
18510    -webkit-transform: scale3d(0.9, 0.9, 0.9);
18511    transform: scale3d(0.9, 0.9, 0.9);
18512  }
18513
18514  60% {
18515    opacity: 1;
18516    -webkit-transform: scale3d(1.03, 1.03, 1.03);
18517    transform: scale3d(1.03, 1.03, 1.03);
18518  }
18519
18520  80% {
18521    -webkit-transform: scale3d(0.97, 0.97, 0.97);
18522    transform: scale3d(0.97, 0.97, 0.97);
18523  }
18524
18525  to {
18526    opacity: 1;
18527    -webkit-transform: scale3d(1, 1, 1);
18528    transform: scale3d(1, 1, 1);
18529  }
18530}
18531
18532@keyframes bounceIn {
18533  from,
18534  20%,
18535  40%,
18536  60%,
18537  80%,
18538  to {
18539    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18540    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18541  }
18542
18543  0% {
18544    opacity: 0;
18545    -webkit-transform: scale3d(0.3, 0.3, 0.3);
18546    transform: scale3d(0.3, 0.3, 0.3);
18547  }
18548
18549  20% {
18550    -webkit-transform: scale3d(1.1, 1.1, 1.1);
18551    transform: scale3d(1.1, 1.1, 1.1);
18552  }
18553
18554  40% {
18555    -webkit-transform: scale3d(0.9, 0.9, 0.9);
18556    transform: scale3d(0.9, 0.9, 0.9);
18557  }
18558
18559  60% {
18560    opacity: 1;
18561    -webkit-transform: scale3d(1.03, 1.03, 1.03);
18562    transform: scale3d(1.03, 1.03, 1.03);
18563  }
18564
18565  80% {
18566    -webkit-transform: scale3d(0.97, 0.97, 0.97);
18567    transform: scale3d(0.97, 0.97, 0.97);
18568  }
18569
18570  to {
18571    opacity: 1;
18572    -webkit-transform: scale3d(1, 1, 1);
18573    transform: scale3d(1, 1, 1);
18574  }
18575}
18576
18577.bounceIn {
18578  -webkit-animation-duration: 0.75s;
18579  animation-duration: 0.75s;
18580  -webkit-animation-name: bounceIn;
18581  animation-name: bounceIn;
18582}
18583
18584@-webkit-keyframes bounceInDown {
18585  from,
18586  60%,
18587  75%,
18588  90%,
18589  to {
18590    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18591    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18592  }
18593
18594  0% {
18595    opacity: 0;
18596    -webkit-transform: translate3d(0, -3000px, 0);
18597    transform: translate3d(0, -3000px, 0);
18598  }
18599
18600  60% {
18601    opacity: 1;
18602    -webkit-transform: translate3d(0, 25px, 0);
18603    transform: translate3d(0, 25px, 0);
18604  }
18605
18606  75% {
18607    -webkit-transform: translate3d(0, -10px, 0);
18608    transform: translate3d(0, -10px, 0);
18609  }
18610
18611  90% {
18612    -webkit-transform: translate3d(0, 5px, 0);
18613    transform: translate3d(0, 5px, 0);
18614  }
18615
18616  to {
18617    -webkit-transform: translate3d(0, 0, 0);
18618    transform: translate3d(0, 0, 0);
18619  }
18620}
18621
18622@keyframes bounceInDown {
18623  from,
18624  60%,
18625  75%,
18626  90%,
18627  to {
18628    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18629    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18630  }
18631
18632  0% {
18633    opacity: 0;
18634    -webkit-transform: translate3d(0, -3000px, 0);
18635    transform: translate3d(0, -3000px, 0);
18636  }
18637
18638  60% {
18639    opacity: 1;
18640    -webkit-transform: translate3d(0, 25px, 0);
18641    transform: translate3d(0, 25px, 0);
18642  }
18643
18644  75% {
18645    -webkit-transform: translate3d(0, -10px, 0);
18646    transform: translate3d(0, -10px, 0);
18647  }
18648
18649  90% {
18650    -webkit-transform: translate3d(0, 5px, 0);
18651    transform: translate3d(0, 5px, 0);
18652  }
18653
18654  to {
18655    -webkit-transform: translate3d(0, 0, 0);
18656    transform: translate3d(0, 0, 0);
18657  }
18658}
18659
18660.bounceInDown {
18661  -webkit-animation-name: bounceInDown;
18662  animation-name: bounceInDown;
18663}
18664
18665@-webkit-keyframes bounceInLeft {
18666  from,
18667  60%,
18668  75%,
18669  90%,
18670  to {
18671    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18672    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18673  }
18674
18675  0% {
18676    opacity: 0;
18677    -webkit-transform: translate3d(-3000px, 0, 0);
18678    transform: translate3d(-3000px, 0, 0);
18679  }
18680
18681  60% {
18682    opacity: 1;
18683    -webkit-transform: translate3d(25px, 0, 0);
18684    transform: translate3d(25px, 0, 0);
18685  }
18686
18687  75% {
18688    -webkit-transform: translate3d(-10px, 0, 0);
18689    transform: translate3d(-10px, 0, 0);
18690  }
18691
18692  90% {
18693    -webkit-transform: translate3d(5px, 0, 0);
18694    transform: translate3d(5px, 0, 0);
18695  }
18696
18697  to {
18698    -webkit-transform: translate3d(0, 0, 0);
18699    transform: translate3d(0, 0, 0);
18700  }
18701}
18702
18703@keyframes bounceInLeft {
18704  from,
18705  60%,
18706  75%,
18707  90%,
18708  to {
18709    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18710    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18711  }
18712
18713  0% {
18714    opacity: 0;
18715    -webkit-transform: translate3d(-3000px, 0, 0);
18716    transform: translate3d(-3000px, 0, 0);
18717  }
18718
18719  60% {
18720    opacity: 1;
18721    -webkit-transform: translate3d(25px, 0, 0);
18722    transform: translate3d(25px, 0, 0);
18723  }
18724
18725  75% {
18726    -webkit-transform: translate3d(-10px, 0, 0);
18727    transform: translate3d(-10px, 0, 0);
18728  }
18729
18730  90% {
18731    -webkit-transform: translate3d(5px, 0, 0);
18732    transform: translate3d(5px, 0, 0);
18733  }
18734
18735  to {
18736    -webkit-transform: translate3d(0, 0, 0);
18737    transform: translate3d(0, 0, 0);
18738  }
18739}
18740
18741.bounceInLeft {
18742  -webkit-animation-name: bounceInLeft;
18743  animation-name: bounceInLeft;
18744}
18745
18746@-webkit-keyframes bounceInRight {
18747  from,
18748  60%,
18749  75%,
18750  90%,
18751  to {
18752    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18753    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18754  }
18755
18756  from {
18757    opacity: 0;
18758    -webkit-transform: translate3d(3000px, 0, 0);
18759    transform: translate3d(3000px, 0, 0);
18760  }
18761
18762  60% {
18763    opacity: 1;
18764    -webkit-transform: translate3d(-25px, 0, 0);
18765    transform: translate3d(-25px, 0, 0);
18766  }
18767
18768  75% {
18769    -webkit-transform: translate3d(10px, 0, 0);
18770    transform: translate3d(10px, 0, 0);
18771  }
18772
18773  90% {
18774    -webkit-transform: translate3d(-5px, 0, 0);
18775    transform: translate3d(-5px, 0, 0);
18776  }
18777
18778  to {
18779    -webkit-transform: translate3d(0, 0, 0);
18780    transform: translate3d(0, 0, 0);
18781  }
18782}
18783
18784@keyframes bounceInRight {
18785  from,
18786  60%,
18787  75%,
18788  90%,
18789  to {
18790    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18791    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18792  }
18793
18794  from {
18795    opacity: 0;
18796    -webkit-transform: translate3d(3000px, 0, 0);
18797    transform: translate3d(3000px, 0, 0);
18798  }
18799
18800  60% {
18801    opacity: 1;
18802    -webkit-transform: translate3d(-25px, 0, 0);
18803    transform: translate3d(-25px, 0, 0);
18804  }
18805
18806  75% {
18807    -webkit-transform: translate3d(10px, 0, 0);
18808    transform: translate3d(10px, 0, 0);
18809  }
18810
18811  90% {
18812    -webkit-transform: translate3d(-5px, 0, 0);
18813    transform: translate3d(-5px, 0, 0);
18814  }
18815
18816  to {
18817    -webkit-transform: translate3d(0, 0, 0);
18818    transform: translate3d(0, 0, 0);
18819  }
18820}
18821
18822.bounceInRight {
18823  -webkit-animation-name: bounceInRight;
18824  animation-name: bounceInRight;
18825}
18826
18827@-webkit-keyframes bounceInUp {
18828  from,
18829  60%,
18830  75%,
18831  90%,
18832  to {
18833    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18834    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18835  }
18836
18837  from {
18838    opacity: 0;
18839    -webkit-transform: translate3d(0, 3000px, 0);
18840    transform: translate3d(0, 3000px, 0);
18841  }
18842
18843  60% {
18844    opacity: 1;
18845    -webkit-transform: translate3d(0, -20px, 0);
18846    transform: translate3d(0, -20px, 0);
18847  }
18848
18849  75% {
18850    -webkit-transform: translate3d(0, 10px, 0);
18851    transform: translate3d(0, 10px, 0);
18852  }
18853
18854  90% {
18855    -webkit-transform: translate3d(0, -5px, 0);
18856    transform: translate3d(0, -5px, 0);
18857  }
18858
18859  to {
18860    -webkit-transform: translate3d(0, 0, 0);
18861    transform: translate3d(0, 0, 0);
18862  }
18863}
18864
18865@keyframes bounceInUp {
18866  from,
18867  60%,
18868  75%,
18869  90%,
18870  to {
18871    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18872    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
18873  }
18874
18875  from {
18876    opacity: 0;
18877    -webkit-transform: translate3d(0, 3000px, 0);
18878    transform: translate3d(0, 3000px, 0);
18879  }
18880
18881  60% {
18882    opacity: 1;
18883    -webkit-transform: translate3d(0, -20px, 0);
18884    transform: translate3d(0, -20px, 0);
18885  }
18886
18887  75% {
18888    -webkit-transform: translate3d(0, 10px, 0);
18889    transform: translate3d(0, 10px, 0);
18890  }
18891
18892  90% {
18893    -webkit-transform: translate3d(0, -5px, 0);
18894    transform: translate3d(0, -5px, 0);
18895  }
18896
18897  to {
18898    -webkit-transform: translate3d(0, 0, 0);
18899    transform: translate3d(0, 0, 0);
18900  }
18901}
18902
18903.bounceInUp {
18904  -webkit-animation-name: bounceInUp;
18905  animation-name: bounceInUp;
18906}
18907
18908@-webkit-keyframes bounceOut {
18909  20% {
18910    -webkit-transform: scale3d(0.9, 0.9, 0.9);
18911    transform: scale3d(0.9, 0.9, 0.9);
18912  }
18913
18914  50%,
18915  55% {
18916    opacity: 1;
18917    -webkit-transform: scale3d(1.1, 1.1, 1.1);
18918    transform: scale3d(1.1, 1.1, 1.1);
18919  }
18920
18921  to {
18922    opacity: 0;
18923    -webkit-transform: scale3d(0.3, 0.3, 0.3);
18924    transform: scale3d(0.3, 0.3, 0.3);
18925  }
18926}
18927
18928@keyframes bounceOut {
18929  20% {
18930    -webkit-transform: scale3d(0.9, 0.9, 0.9);
18931    transform: scale3d(0.9, 0.9, 0.9);
18932  }
18933
18934  50%,
18935  55% {
18936    opacity: 1;
18937    -webkit-transform: scale3d(1.1, 1.1, 1.1);
18938    transform: scale3d(1.1, 1.1, 1.1);
18939  }
18940
18941  to {
18942    opacity: 0;
18943    -webkit-transform: scale3d(0.3, 0.3, 0.3);
18944    transform: scale3d(0.3, 0.3, 0.3);
18945  }
18946}
18947
18948.bounceOut {
18949  -webkit-animation-duration: 0.75s;
18950  animation-duration: 0.75s;
18951  -webkit-animation-name: bounceOut;
18952  animation-name: bounceOut;
18953}
18954
18955@-webkit-keyframes bounceOutDown {
18956  20% {
18957    -webkit-transform: translate3d(0, 10px, 0);
18958    transform: translate3d(0, 10px, 0);
18959  }
18960
18961  40%,
18962  45% {
18963    opacity: 1;
18964    -webkit-transform: translate3d(0, -20px, 0);
18965    transform: translate3d(0, -20px, 0);
18966  }
18967
18968  to {
18969    opacity: 0;
18970    -webkit-transform: translate3d(0, 2000px, 0);
18971    transform: translate3d(0, 2000px, 0);
18972  }
18973}
18974
18975@keyframes bounceOutDown {
18976  20% {
18977    -webkit-transform: translate3d(0, 10px, 0);
18978    transform: translate3d(0, 10px, 0);
18979  }
18980
18981  40%,
18982  45% {
18983    opacity: 1;
18984    -webkit-transform: translate3d(0, -20px, 0);
18985    transform: translate3d(0, -20px, 0);
18986  }
18987
18988  to {
18989    opacity: 0;
18990    -webkit-transform: translate3d(0, 2000px, 0);
18991    transform: translate3d(0, 2000px, 0);
18992  }
18993}
18994
18995.bounceOutDown {
18996  -webkit-animation-name: bounceOutDown;
18997  animation-name: bounceOutDown;
18998}
18999
19000@-webkit-keyframes bounceOutLeft {
19001  20% {
19002    opacity: 1;
19003    -webkit-transform: translate3d(20px, 0, 0);
19004    transform: translate3d(20px, 0, 0);
19005  }
19006
19007  to {
19008    opacity: 0;
19009    -webkit-transform: translate3d(-2000px, 0, 0);
19010    transform: translate3d(-2000px, 0, 0);
19011  }
19012}
19013
19014@keyframes bounceOutLeft {
19015  20% {
19016    opacity: 1;
19017    -webkit-transform: translate3d(20px, 0, 0);
19018    transform: translate3d(20px, 0, 0);
19019  }
19020
19021  to {
19022    opacity: 0;
19023    -webkit-transform: translate3d(-2000px, 0, 0);
19024    transform: translate3d(-2000px, 0, 0);
19025  }
19026}
19027
19028.bounceOutLeft {
19029  -webkit-animation-name: bounceOutLeft;
19030  animation-name: bounceOutLeft;
19031}
19032
19033@-webkit-keyframes bounceOutRight {
19034  20% {
19035    opacity: 1;
19036    -webkit-transform: translate3d(-20px, 0, 0);
19037    transform: translate3d(-20px, 0, 0);
19038  }
19039
19040  to {
19041    opacity: 0;
19042    -webkit-transform: translate3d(2000px, 0, 0);
19043    transform: translate3d(2000px, 0, 0);
19044  }
19045}
19046
19047@keyframes bounceOutRight {
19048  20% {
19049    opacity: 1;
19050    -webkit-transform: translate3d(-20px, 0, 0);
19051    transform: translate3d(-20px, 0, 0);
19052  }
19053
19054  to {
19055    opacity: 0;
19056    -webkit-transform: translate3d(2000px, 0, 0);
19057    transform: translate3d(2000px, 0, 0);
19058  }
19059}
19060
19061.bounceOutRight {
19062  -webkit-animation-name: bounceOutRight;
19063  animation-name: bounceOutRight;
19064}
19065
19066@-webkit-keyframes bounceOutUp {
19067  20% {
19068    -webkit-transform: translate3d(0, -10px, 0);
19069    transform: translate3d(0, -10px, 0);
19070  }
19071
19072  40%,
19073  45% {
19074    opacity: 1;
19075    -webkit-transform: translate3d(0, 20px, 0);
19076    transform: translate3d(0, 20px, 0);
19077  }
19078
19079  to {
19080    opacity: 0;
19081    -webkit-transform: translate3d(0, -2000px, 0);
19082    transform: translate3d(0, -2000px, 0);
19083  }
19084}
19085
19086@keyframes bounceOutUp {
19087  20% {
19088    -webkit-transform: translate3d(0, -10px, 0);
19089    transform: translate3d(0, -10px, 0);
19090  }
19091
19092  40%,
19093  45% {
19094    opacity: 1;
19095    -webkit-transform: translate3d(0, 20px, 0);
19096    transform: translate3d(0, 20px, 0);
19097  }
19098
19099  to {
19100    opacity: 0;
19101    -webkit-transform: translate3d(0, -2000px, 0);
19102    transform: translate3d(0, -2000px, 0);
19103  }
19104}
19105
19106.bounceOutUp {
19107  -webkit-animation-name: bounceOutUp;
19108  animation-name: bounceOutUp;
19109}
19110
19111@-webkit-keyframes fadeIn {
19112  from {
19113    opacity: 0;
19114  }
19115
19116  to {
19117    opacity: 1;
19118  }
19119}
19120
19121@keyframes fadeIn {
19122  from {
19123    opacity: 0;
19124  }
19125
19126  to {
19127    opacity: 1;
19128  }
19129}
19130
19131.fadeIn {
19132  -webkit-animation-name: fadeIn;
19133  animation-name: fadeIn;
19134}
19135
19136@-webkit-keyframes fadeInDown {
19137  from {
19138    opacity: 0;
19139    -webkit-transform: translate3d(0, -100%, 0);
19140    transform: translate3d(0, -100%, 0);
19141  }
19142
19143  to {
19144    opacity: 1;
19145    -webkit-transform: translate3d(0, 0, 0);
19146    transform: translate3d(0, 0, 0);
19147  }
19148}
19149
19150@keyframes fadeInDown {
19151  from {
19152    opacity: 0;
19153    -webkit-transform: translate3d(0, -100%, 0);
19154    transform: translate3d(0, -100%, 0);
19155  }
19156
19157  to {
19158    opacity: 1;
19159    -webkit-transform: translate3d(0, 0, 0);
19160    transform: translate3d(0, 0, 0);
19161  }
19162}
19163
19164.fadeInDown {
19165  -webkit-animation-name: fadeInDown;
19166  animation-name: fadeInDown;
19167}
19168
19169@-webkit-keyframes fadeInDownBig {
19170  from {
19171    opacity: 0;
19172    -webkit-transform: translate3d(0, -2000px, 0);
19173    transform: translate3d(0, -2000px, 0);
19174  }
19175
19176  to {
19177    opacity: 1;
19178    -webkit-transform: translate3d(0, 0, 0);
19179    transform: translate3d(0, 0, 0);
19180  }
19181}
19182
19183@keyframes fadeInDownBig {
19184  from {
19185    opacity: 0;
19186    -webkit-transform: translate3d(0, -2000px, 0);
19187    transform: translate3d(0, -2000px, 0);
19188  }
19189
19190  to {
19191    opacity: 1;
19192    -webkit-transform: translate3d(0, 0, 0);
19193    transform: translate3d(0, 0, 0);
19194  }
19195}
19196
19197.fadeInDownBig {
19198  -webkit-animation-name: fadeInDownBig;
19199  animation-name: fadeInDownBig;
19200}
19201
19202@-webkit-keyframes fadeInLeft {
19203  from {
19204    opacity: 0;
19205    -webkit-transform: translate3d(-100%, 0, 0);
19206    transform: translate3d(-100%, 0, 0);
19207  }
19208
19209  to {
19210    opacity: 1;
19211    -webkit-transform: translate3d(0, 0, 0);
19212    transform: translate3d(0, 0, 0);
19213  }
19214}
19215
19216@keyframes fadeInLeft {
19217  from {
19218    opacity: 0;
19219    -webkit-transform: translate3d(-100%, 0, 0);
19220    transform: translate3d(-100%, 0, 0);
19221  }
19222
19223  to {
19224    opacity: 1;
19225    -webkit-transform: translate3d(0, 0, 0);
19226    transform: translate3d(0, 0, 0);
19227  }
19228}
19229
19230.fadeInLeft {
19231  -webkit-animation-name: fadeInLeft;
19232  animation-name: fadeInLeft;
19233}
19234
19235@-webkit-keyframes fadeInLeftBig {
19236  from {
19237    opacity: 0;
19238    -webkit-transform: translate3d(-2000px, 0, 0);
19239    transform: translate3d(-2000px, 0, 0);
19240  }
19241
19242  to {
19243    opacity: 1;
19244    -webkit-transform: translate3d(0, 0, 0);
19245    transform: translate3d(0, 0, 0);
19246  }
19247}
19248
19249@keyframes fadeInLeftBig {
19250  from {
19251    opacity: 0;
19252    -webkit-transform: translate3d(-2000px, 0, 0);
19253    transform: translate3d(-2000px, 0, 0);
19254  }
19255
19256  to {
19257    opacity: 1;
19258    -webkit-transform: translate3d(0, 0, 0);
19259    transform: translate3d(0, 0, 0);
19260  }
19261}
19262
19263.fadeInLeftBig {
19264  -webkit-animation-name: fadeInLeftBig;
19265  animation-name: fadeInLeftBig;
19266}
19267
19268@-webkit-keyframes fadeInRight {
19269  from {
19270    opacity: 0;
19271    -webkit-transform: translate3d(100%, 0, 0);
19272    transform: translate3d(100%, 0, 0);
19273  }
19274
19275  to {
19276    opacity: 1;
19277    -webkit-transform: translate3d(0, 0, 0);
19278    transform: translate3d(0, 0, 0);
19279  }
19280}
19281
19282@keyframes fadeInRight {
19283  from {
19284    opacity: 0;
19285    -webkit-transform: translate3d(100%, 0, 0);
19286    transform: translate3d(100%, 0, 0);
19287  }
19288
19289  to {
19290    opacity: 1;
19291    -webkit-transform: translate3d(0, 0, 0);
19292    transform: translate3d(0, 0, 0);
19293  }
19294}
19295
19296.fadeInRight {
19297  -webkit-animation-name: fadeInRight;
19298  animation-name: fadeInRight;
19299}
19300
19301@-webkit-keyframes fadeInRightBig {
19302  from {
19303    opacity: 0;
19304    -webkit-transform: translate3d(2000px, 0, 0);
19305    transform: translate3d(2000px, 0, 0);
19306  }
19307
19308  to {
19309    opacity: 1;
19310    -webkit-transform: translate3d(0, 0, 0);
19311    transform: translate3d(0, 0, 0);
19312  }
19313}
19314
19315@keyframes fadeInRightBig {
19316  from {
19317    opacity: 0;
19318    -webkit-transform: translate3d(2000px, 0, 0);
19319    transform: translate3d(2000px, 0, 0);
19320  }
19321
19322  to {
19323    opacity: 1;
19324    -webkit-transform: translate3d(0, 0, 0);
19325    transform: translate3d(0, 0, 0);
19326  }
19327}
19328
19329.fadeInRightBig {
19330  -webkit-animation-name: fadeInRightBig;
19331  animation-name: fadeInRightBig;
19332}
19333
19334@-webkit-keyframes fadeInUp {
19335  from {
19336    opacity: 0;
19337    -webkit-transform: translate3d(0, 100%, 0);
19338    transform: translate3d(0, 100%, 0);
19339  }
19340
19341  to {
19342    opacity: 1;
19343    -webkit-transform: translate3d(0, 0, 0);
19344    transform: translate3d(0, 0, 0);
19345  }
19346}
19347
19348@keyframes fadeInUp {
19349  from {
19350    opacity: 0;
19351    -webkit-transform: translate3d(0, 100%, 0);
19352    transform: translate3d(0, 100%, 0);
19353  }
19354
19355  to {
19356    opacity: 1;
19357    -webkit-transform: translate3d(0, 0, 0);
19358    transform: translate3d(0, 0, 0);
19359  }
19360}
19361
19362.fadeInUp {
19363  -webkit-animation-name: fadeInUp;
19364  animation-name: fadeInUp;
19365}
19366
19367@-webkit-keyframes fadeInUpBig {
19368  from {
19369    opacity: 0;
19370    -webkit-transform: translate3d(0, 2000px, 0);
19371    transform: translate3d(0, 2000px, 0);
19372  }
19373
19374  to {
19375    opacity: 1;
19376    -webkit-transform: translate3d(0, 0, 0);
19377    transform: translate3d(0, 0, 0);
19378  }
19379}
19380
19381@keyframes fadeInUpBig {
19382  from {
19383    opacity: 0;
19384    -webkit-transform: translate3d(0, 2000px, 0);
19385    transform: translate3d(0, 2000px, 0);
19386  }
19387
19388  to {
19389    opacity: 1;
19390    -webkit-transform: translate3d(0, 0, 0);
19391    transform: translate3d(0, 0, 0);
19392  }
19393}
19394
19395.fadeInUpBig {
19396  -webkit-animation-name: fadeInUpBig;
19397  animation-name: fadeInUpBig;
19398}
19399
19400@-webkit-keyframes fadeOut {
19401  from {
19402    opacity: 1;
19403  }
19404
19405  to {
19406    opacity: 0;
19407  }
19408}
19409
19410@keyframes fadeOut {
19411  from {
19412    opacity: 1;
19413  }
19414
19415  to {
19416    opacity: 0;
19417  }
19418}
19419
19420.fadeOut {
19421  -webkit-animation-name: fadeOut;
19422  animation-name: fadeOut;
19423}
19424
19425@-webkit-keyframes fadeOutDown {
19426  from {
19427    opacity: 1;
19428  }
19429
19430  to {
19431    opacity: 0;
19432    -webkit-transform: translate3d(0, 100%, 0);
19433    transform: translate3d(0, 100%, 0);
19434  }
19435}
19436
19437@keyframes fadeOutDown {
19438  from {
19439    opacity: 1;
19440  }
19441
19442  to {
19443    opacity: 0;
19444    -webkit-transform: translate3d(0, 100%, 0);
19445    transform: translate3d(0, 100%, 0);
19446  }
19447}
19448
19449.fadeOutDown {
19450  -webkit-animation-name: fadeOutDown;
19451  animation-name: fadeOutDown;
19452}
19453
19454@-webkit-keyframes fadeOutDownBig {
19455  from {
19456    opacity: 1;
19457  }
19458
19459  to {
19460    opacity: 0;
19461    -webkit-transform: translate3d(0, 2000px, 0);
19462    transform: translate3d(0, 2000px, 0);
19463  }
19464}
19465
19466@keyframes fadeOutDownBig {
19467  from {
19468    opacity: 1;
19469  }
19470
19471  to {
19472    opacity: 0;
19473    -webkit-transform: translate3d(0, 2000px, 0);
19474    transform: translate3d(0, 2000px, 0);
19475  }
19476}
19477
19478.fadeOutDownBig {
19479  -webkit-animation-name: fadeOutDownBig;
19480  animation-name: fadeOutDownBig;
19481}
19482
19483@-webkit-keyframes fadeOutLeft {
19484  from {
19485    opacity: 1;
19486  }
19487
19488  to {
19489    opacity: 0;
19490    -webkit-transform: translate3d(-100%, 0, 0);
19491    transform: translate3d(-100%, 0, 0);
19492  }
19493}
19494
19495@keyframes fadeOutLeft {
19496  from {
19497    opacity: 1;
19498  }
19499
19500  to {
19501    opacity: 0;
19502    -webkit-transform: translate3d(-100%, 0, 0);
19503    transform: translate3d(-100%, 0, 0);
19504  }
19505}
19506
19507.fadeOutLeft {
19508  -webkit-animation-name: fadeOutLeft;
19509  animation-name: fadeOutLeft;
19510}
19511
19512@-webkit-keyframes fadeOutLeftBig {
19513  from {
19514    opacity: 1;
19515  }
19516
19517  to {
19518    opacity: 0;
19519    -webkit-transform: translate3d(-2000px, 0, 0);
19520    transform: translate3d(-2000px, 0, 0);
19521  }
19522}
19523
19524@keyframes fadeOutLeftBig {
19525  from {
19526    opacity: 1;
19527  }
19528
19529  to {
19530    opacity: 0;
19531    -webkit-transform: translate3d(-2000px, 0, 0);
19532    transform: translate3d(-2000px, 0, 0);
19533  }
19534}
19535
19536.fadeOutLeftBig {
19537  -webkit-animation-name: fadeOutLeftBig;
19538  animation-name: fadeOutLeftBig;
19539}
19540
19541@-webkit-keyframes fadeOutRight {
19542  from {
19543    opacity: 1;
19544  }
19545
19546  to {
19547    opacity: 0;
19548    -webkit-transform: translate3d(100%, 0, 0);
19549    transform: translate3d(100%, 0, 0);
19550  }
19551}
19552
19553@keyframes fadeOutRight {
19554  from {
19555    opacity: 1;
19556  }
19557
19558  to {
19559    opacity: 0;
19560    -webkit-transform: translate3d(100%, 0, 0);
19561    transform: translate3d(100%, 0, 0);
19562  }
19563}
19564
19565.fadeOutRight {
19566  -webkit-animation-name: fadeOutRight;
19567  animation-name: fadeOutRight;
19568}
19569
19570@-webkit-keyframes fadeOutRightBig {
19571  from {
19572    opacity: 1;
19573  }
19574
19575  to {
19576    opacity: 0;
19577    -webkit-transform: translate3d(2000px, 0, 0);
19578    transform: translate3d(2000px, 0, 0);
19579  }
19580}
19581
19582@keyframes fadeOutRightBig {
19583  from {
19584    opacity: 1;
19585  }
19586
19587  to {
19588    opacity: 0;
19589    -webkit-transform: translate3d(2000px, 0, 0);
19590    transform: translate3d(2000px, 0, 0);
19591  }
19592}
19593
19594.fadeOutRightBig {
19595  -webkit-animation-name: fadeOutRightBig;
19596  animation-name: fadeOutRightBig;
19597}
19598
19599@-webkit-keyframes fadeOutUp {
19600  from {
19601    opacity: 1;
19602  }
19603
19604  to {
19605    opacity: 0;
19606    -webkit-transform: translate3d(0, -100%, 0);
19607    transform: translate3d(0, -100%, 0);
19608  }
19609}
19610
19611@keyframes fadeOutUp {
19612  from {
19613    opacity: 1;
19614  }
19615
19616  to {
19617    opacity: 0;
19618    -webkit-transform: translate3d(0, -100%, 0);
19619    transform: translate3d(0, -100%, 0);
19620  }
19621}
19622
19623.fadeOutUp {
19624  -webkit-animation-name: fadeOutUp;
19625  animation-name: fadeOutUp;
19626}
19627
19628@-webkit-keyframes fadeOutUpBig {
19629  from {
19630    opacity: 1;
19631  }
19632
19633  to {
19634    opacity: 0;
19635    -webkit-transform: translate3d(0, -2000px, 0);
19636    transform: translate3d(0, -2000px, 0);
19637  }
19638}
19639
19640@keyframes fadeOutUpBig {
19641  from {
19642    opacity: 1;
19643  }
19644
19645  to {
19646    opacity: 0;
19647    -webkit-transform: translate3d(0, -2000px, 0);
19648    transform: translate3d(0, -2000px, 0);
19649  }
19650}
19651
19652.fadeOutUpBig {
19653  -webkit-animation-name: fadeOutUpBig;
19654  animation-name: fadeOutUpBig;
19655}
19656
19657@-webkit-keyframes flip {
19658  from {
19659    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
19660    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
19661    -webkit-animation-timing-function: ease-out;
19662    animation-timing-function: ease-out;
19663  }
19664
19665  40% {
19666    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
19667    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
19668    -webkit-animation-timing-function: ease-out;
19669    animation-timing-function: ease-out;
19670  }
19671
19672  50% {
19673    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
19674    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
19675    -webkit-animation-timing-function: ease-in;
19676    animation-timing-function: ease-in;
19677  }
19678
19679  80% {
19680    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
19681    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
19682    -webkit-animation-timing-function: ease-in;
19683    animation-timing-function: ease-in;
19684  }
19685
19686  to {
19687    -webkit-transform: perspective(400px);
19688    transform: perspective(400px);
19689    -webkit-animation-timing-function: ease-in;
19690    animation-timing-function: ease-in;
19691  }
19692}
19693
19694@keyframes flip {
19695  from {
19696    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
19697    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
19698    -webkit-animation-timing-function: ease-out;
19699    animation-timing-function: ease-out;
19700  }
19701
19702  40% {
19703    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
19704    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
19705    -webkit-animation-timing-function: ease-out;
19706    animation-timing-function: ease-out;
19707  }
19708
19709  50% {
19710    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
19711    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
19712    -webkit-animation-timing-function: ease-in;
19713    animation-timing-function: ease-in;
19714  }
19715
19716  80% {
19717    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
19718    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
19719    -webkit-animation-timing-function: ease-in;
19720    animation-timing-fu
19720nction: ease-in;
19721  }
19722
19723  to {
19724    -webkit-transform: perspective(400px);
19725    transform: perspective(400px);
19726    -webkit-animation-timing-function: ease-in;
19727    animation-timing-function: ease-in;
19728  }
19729}
19730
19731.animated.flip {
19732  -webkit-backface-visibility: visible;
19733  backface-visibility: visible;
19734  -webkit-animation-name: flip;
19735  animation-name: flip;
19736}
19737
19738@-webkit-keyframes flipInX {
19739  from {
19740    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
19741    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
19742    -webkit-animation-timing-function: ease-in;
19743    animation-timing-function: ease-in;
19744    opacity: 0;
19745  }
19746
19747  40% {
19748    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
19749    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
19750    -webkit-animation-timing-function: ease-in;
19751    animation-timing-function: ease-in;
19752  }
19753
19754  60% {
19755    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
19756    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
19757    opacity: 1;
19758  }
19759
19760  80% {
19761    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
19762    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
19763  }
19764
19765  to {
19766    -webkit-transform: perspective(400px);
19767    transform: perspective(400px);
19768  }
19769}
19770
19771@keyframes flipInX {
19772  from {
19773    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
19774    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
19775    -webkit-animation-timing-function: ease-in;
19776    animation-timing-function: ease-in;
19777    opacity: 0;
19778  }
19779
19780  40% {
19781    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
19782    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
19783    -webkit-animation-timing-function: ease-in;
19784    animation-timing-function: ease-in;
19785  }
19786
19787  60% {
19788    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
19789    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
19790    opacity: 1;
19791  }
19792
19793  80% {
19794    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
19795    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
19796  }
19797
19798  to {
19799    -webkit-transform: perspective(400px);
19800    transform: perspective(400px);
19801  }
19802}
19803
19804.flipInX {
19805  -webkit-backface-visibility: visible !important;
19806  backface-visibility: visible !important;
19807  -webkit-animation-name: flipInX;
19808  animation-name: flipInX;
19809}
19810
19811@-webkit-keyframes flipInY {
19812  from {
19813    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
19814    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
19815    -webkit-animation-timing-function: ease-in;
19816    animation-timing-function: ease-in;
19817    opacity: 0;
19818  }
19819
19820  40% {
19821    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
19822    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
19823    -webkit-animation-timing-function: ease-in;
19824    animation-timing-function: ease-in;
19825  }
19826
19827  60% {
19828    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
19829    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
19830    opacity: 1;
19831  }
19832
19833  80% {
19834    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
19835    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
19836  }
19837
19838  to {
19839    -webkit-transform: perspective(400px);
19840    transform: perspective(400px);
19841  }
19842}
19843
19844@keyframes flipInY {
19845  from {
19846    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
19847    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
19848    -webkit-animation-timing-function: ease-in;
19849    animation-timing-function: ease-in;
19850    opacity: 0;
19851  }
19852
19853  40% {
19854    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
19855    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
19856    -webkit-animation-timing-function: ease-in;
19857    animation-timing-function: ease-in;
19858  }
19859
19860  60% {
19861    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
19862    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
19863    opacity: 1;
19864  }
19865
19866  80% {
19867    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
19868    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
19869  }
19870
19871  to {
19872    -webkit-transform: perspective(400px);
19873    transform: perspective(400px);
19874  }
19875}
19876
19877.flipInY {
19878  -webkit-backface-visibility: visible !important;
19879  backface-visibility: visible !important;
19880  -webkit-animation-name: flipInY;
19881  animation-name: flipInY;
19882}
19883
19884@-webkit-keyframes flipOutX {
19885  from {
19886    -webkit-transform: perspective(400px);
19887    transform: perspective(400px);
19888  }
19889
19890  30% {
19891    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
19892    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
19893    opacity: 1;
19894  }
19895
19896  to {
19897    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
19898    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
19899    opacity: 0;
19900  }
19901}
19902
19903@keyframes flipOutX {
19904  from {
19905    -webkit-transform: perspective(400px);
19906    transform: perspective(400px);
19907  }
19908
19909  30% {
19910    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
19911    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
19912    opacity: 1;
19913  }
19914
19915  to {
19916    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
19917    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
19918    opacity: 0;
19919  }
19920}
19921
19922.flipOutX {
19923  -webkit-animation-duration: 0.75s;
19924  animation-duration: 0.75s;
19925  -webkit-animation-name: flipOutX;
19926  animation-name: flipOutX;
19927  -webkit-backface-visibility: visible !important;
19928  backface-visibility: visible !important;
19929}
19930
19931@-webkit-keyframes flipOutY {
19932  from {
19933    -webkit-transform: perspective(400px);
19934    transform: perspective(400px);
19935  }
19936
19937  30% {
19938    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
19939    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
19940    opacity: 1;
19941  }
19942
19943  to {
19944    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
19945    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
19946    opacity: 0;
19947  }
19948}
19949
19950@keyframes flipOutY {
19951  from {
19952    -webkit-transform: perspective(400px);
19953    transform: perspective(400px);
19954  }
19955
19956  30% {
19957    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
19958    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
19959    opacity: 1;
19960  }
19961
19962  to {
19963    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
19964    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
19965    opacity: 0;
19966  }
19967}
19968
19969.flipOutY {
19970  -webkit-animation-duration: 0.75s;
19971  animation-duration: 0.75s;
19972  -webkit-backface-visibility: visible !important;
19973  backface-visibility: visible !important;
19974  -webkit-animation-name: flipOutY;
19975  animation-name: flipOutY;
19976}
19977
19978@-webkit-keyframes lightSpeedIn {
19979  from {
19980    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
19981    transform: translate3d(100%, 0, 0) skewX(-30deg);
19982    opacity: 0;
19983  }
19984
19985  60% {
19986    -webkit-transform: skewX(20deg);
19987    transform: skewX(20deg);
19988    opacity: 1;
19989  }
19990
19991  80% {
19992    -webkit-transform: skewX(-5deg);
19993    transform: skewX(-5deg);
19994    opacity: 1;
19995  }
19996
19997  to {
19998    -webkit-transform: translate3d(0, 0, 0);
19999    transform: translate3d(0, 0, 0);
20000    opacity: 1;
20001  }
20002}
20003
20004@keyframes lightSpeedIn {
20005  from {
20006    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
20007    transform: translate3d(100%, 0, 0) skewX(-30deg);
20008    opacity: 0;
20009  }
20010
20011  60% {
20012    -webkit-transform: skewX(20deg);
20013    transform: skewX(20deg);
20014    opacity: 1;
20015  }
20016
20017  80% {
20018    -webkit-transform: skewX(-5deg);
20019    transform: skewX(-5deg);
20020    opacity: 1;
20021  }
20022
20023  to {
20024    -webkit-transform: translate3d(0, 0, 0);
20025    transform: translate3d(0, 0, 0);
20026    opacity: 1;
20027  }
20028}
20029
20030.lightSpeedIn {
20031  -webkit-animation-name: lightSpeedIn;
20032  animation-name: lightSpeedIn;
20033  -webkit-animation-timing-function: ease-out;
20034  animation-timing-function: ease-out;
20035}
20036
20037@-webkit-keyframes lightSpeedOut {
20038  from {
20039    opacity: 1;
20040  }
20041
20042  to {
20043    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
20044    transform: translate3d(100%, 0, 0) skewX(30deg);
20045    opacity: 0;
20046  }
20047}
20048
20049@keyframes lightSpeedOut {
20050  from {
20051    opacity: 1;
20052  }
20053
20054  to {
20055    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
20056    transform: translate3d(100%, 0, 0) skewX(30deg);
20057    opacity: 0;
20058  }
20059}
20060
20061.lightSpeedOut {
20062  -webkit-animation-name: lightSpeedOut;
20063  animation-name: lightSpeedOut;
20064  -webkit-animation-timing-function: ease-in;
20065  animation-timing-function: ease-in;
20066}
20067
20068@-webkit-keyframes rotateIn {
20069  from {
20070    -webkit-transform-origin: center;
20071    transform-origin: center;
20072    -webkit-transform: rotate3d(0, 0, 1, -200deg);
20073    transform: rotate3d(0, 0, 1, -200deg);
20074    opacity: 0;
20075  }
20076
20077  to {
20078    -webkit-transform-origin: center;
20079    transform-origin: center;
20080    -webkit-transform: translate3d(0, 0, 0);
20081    transform: translate3d(0, 0, 0);
20082    opacity: 1;
20083  }
20084}
20085
20086@keyframes rotateIn {
20087  from {
20088    -webkit-transform-origin: center;
20089    transform-origin: center;
20090    -webkit-transform: rotate3d(0, 0, 1, -200deg);
20091    transform: rotate3d(0, 0, 1, -200deg);
20092    opacity: 0;
20093  }
20094
20095  to {
20096    -webkit-transform-origin: center;
20097    transform-origin: center;
20098    -webkit-transform: translate3d(0, 0, 0);
20099    transform: translate3d(0, 0, 0);
20100    opacity: 1;
20101  }
20102}
20103
20104.rotateIn {
20105  -webkit-animation-name: rotateIn;
20106  animation-name: rotateIn;
20107}
20108
20109@-webkit-keyframes rotateInDownLeft {
20110  from {
20111    -webkit-transform-origin: left bottom;
20112    transform-origin: left bottom;
20113    -webkit-transform: rotate3d(0, 0, 1, -45deg);
20114    transform: rotate3d(0, 0, 1, -45deg);
20115    opacity: 0;
20116  }
20117
20118  to {
20119    -webkit-transform-origin: left bottom;
20120    transform-origin: left bottom;
20121    -webkit-transform: translate3d(0, 0, 0);
20122    transform: translate3d(0, 0, 0);
20123    opacity: 1;
20124  }
20125}
20126
20127@keyframes rotateInDownLeft {
20128  from {
20129    -webkit-transform-origin: left bottom;
20130    transform-origin: left bottom;
20131    -webkit-transform: rotate3d(0, 0, 1, -45deg);
20132    transform: rotate3d(0, 0, 1, -45deg);
20133    opacity: 0;
20134  }
20135
20136  to {
20137    -webkit-transform-origin: left bottom;
20138    transform-origin: left bottom;
20139    -webkit-transform: translate3d(0, 0, 0);
20140    transform: translate3d(0, 0, 0);
20141    opacity: 1;
20142  }
20143}
20144
20145.rotateInDownLeft {
20146  -webkit-animation-name: rotateInDownLeft;
20147  animation-name: rotateInDownLeft;
20148}
20149
20150@-webkit-keyframes rotateInDownRight {
20151  from {
20152    -webkit-transform-origin: right bottom;
20153    transform-origin: right bottom;
20154    -webkit-transform: rotate3d(0, 0, 1, 45deg);
20155    transform: rotate3d(0, 0, 1, 45deg);
20156    opacity: 0;
20157  }
20158
20159  to {
20160    -webkit-transform-origin: right bottom;
20161    transform-origin: right bottom;
20162    -webkit-transform: translate3d(0, 0, 0);
20163    transform: translate3d(0, 0, 0);
20164    opacity: 1;
20165  }
20166}
20167
20168@keyframes rotateInDownRight {
20169  from {
20170    -webkit-transform-origin: right bottom;
20171    transform-origin: right bottom;
20172    -webkit-transform: rotate3d(0, 0, 1, 45deg);
20173    transform: rotate3d(0, 0, 1, 45deg);
20174    opacity: 0;
20175  }
20176
20177  to {
20178    -webkit-transform-origin: right bottom;
20179    transform-origin: right bottom;
20180    -webkit-transform: translate3d(0, 0, 0);
20181    transform: translate3d(0, 0, 0);
20182    opacity: 1;
20183  }
20184}
20185
20186.rotateInDownRight {
20187  -webkit-animation-name: rotateInDownRight;
20188  animation-name: rotateInDownRight;
20189}
20190
20191@-webkit-keyframes rotateInUpLeft {
20192  from {
20193    -webkit-transform-origin: left bottom;
20194    transform-origin: left bottom;
20195    -webkit-transform: rotate3d(0, 0, 1, 45deg);
20196    transform: rotate3d(0, 0, 1, 45deg);
20197    opacity: 0;
20198  }
20199
20200  to {
20201    -webkit-transform-origin: left bottom;
20202    transform-origin: left bottom;
20203    -webkit-transform: translate3d(0, 0, 0);
20204    transform: translate3d(0, 0, 0);
20205    opacity: 1;
20206  }
20207}
20208
20209@keyframes rotateInUpLeft {
20210  from {
20211    -webkit-transform-origin: left bottom;
20212    transform-origin: left bottom;
20213    -webkit-transform: rotate3d(0, 0, 1, 45deg);
20214    transform: rotate3d(0, 0, 1, 45deg);
20215    opacity: 0;
20216  }
20217
20218  to {
20219    -webkit-transform-origin: left bottom;
20220    transform-origin: left bottom;
20221    -webkit-transform: translate3d(0, 0, 0);
20222    transform: translate3d(0, 0, 0);
20223    opacity: 1;
20224  }
20225}
20226
20227.rotateInUpLeft {
20228  -webkit-animation-name: rotateInUpLeft;
20229  animation-name: rotateInUpLeft;
20230}
20231
20232@-webkit-keyframes rotateInUpRight {
20233  from {
20234    -webkit-transform-origin: right bottom;
20235    transform-origin: right bottom;
20236    -webkit-transform: rotate3d(0, 0, 1, -90deg);
20237    transform: rotate3d(0, 0, 1, -90deg);
20238    opacity: 0;
20239  }
20240
20241  to {
20242    -webkit-transform-origin: right bottom;
20243    transform-origin: right bottom;
20244    -webkit-transform: translate3d(0, 0, 0);
20245    transform: translate3d(0, 0, 0);
20246    opacity: 1;
20247  }
20248}
20249
20250@keyframes rotateInUpRight {
20251  from {
20252    -webkit-transform-origin: right bottom;
20253    transform-origin: right bottom;
20254    -webkit-transform: rotate3d(0, 0, 1, -90deg);
20255    transform: rotate3d(0, 0, 1, -90deg);
20256    opacity: 0;
20257  }
20258
20259  to {
20260    -webkit-transform-origin: right bottom;
20261    transform-origin: right bottom;
20262    -webkit-transform: translate3d(0, 0, 0);
20263    transform: translate3d(0, 0, 0);
20264    opacity: 1;
20265  }
20266}
20267
20268.rotateInUpRight {
20269  -webkit-animation-name: rotateInUpRight;
20270  animation-name: rotateInUpRight;
20271}
20272
20273@-webkit-keyframes rotateOut {
20274  from {
20275    -webkit-transform-origin: center;
20276    transform-origin: center;
20277    opacity: 1;
20278  }
20279
20280  to {
20281    -webkit-transform-origin: center;
20282    transform-origin: center;
20283    -webkit-transform: rotate3d(0, 0, 1, 200deg);
20284    transform: rotate3d(0, 0, 1, 200deg);
20285    opacity: 0;
20286  }
20287}
20288
20289@keyframes rotateOut {
20290  from {
20291    -webkit-transform-origin: center;
20292    transform-origin: center;
20293    opacity: 1;
20294  }
20295
20296  to {
20297    -webkit-transform-origin: center;
20298    transform-origin: center;
20299    -webkit-transform: rotate3d(0, 0, 1, 200deg);
20300    transform: rotate3d(0, 0, 1, 200deg);
20301    opacity: 0;
20302  }
20303}
20304
20305.rotateOut {
20306  -webkit-animation-name: rotateOut;
20307  animation-name: rotateOut;
20308}
20309
20310@-webkit-keyframes rotateOutDownLeft {
20311  from {
20312    -webkit-transform-origin: left bottom;
20313    transform-origin: left bottom;
20314    opacity: 1;
20315  }
20316
20317  to {
20318    -webkit-transform-origin: left bottom;
20319    transform-origin: left bottom;
20320    -webkit-transform: rotate3d(0, 0, 1, 45deg);
20321    transform: rotate3d(0, 0, 1, 45deg);
20322    opacity: 0;
20323  }
20324}
20325
20326@keyframes rotateOutDownLeft {
20327  from {
20328    -webkit-transform-origin: left bottom;
20329    transform-origin: left bottom;
20330    opacity: 1;
20331  }
20332
20333  to {
20334    -webkit-transform-origin: left bottom;
20335    transform-origin: left bottom;
20336    -webkit-transform: rotate3d(0, 0, 1, 45deg);
20337    transform: rotate3d(0, 0, 1, 45deg);
20338    opacity: 0;
20339  }
20340}
20341
20342.rotateOutDownLeft {
20343  -webkit-animation-name: rotateOutDownLeft;
20344  animation-name: rotateOutDownLeft;
20345}
20346
20347@-webkit-keyframes rotateOutDownRight {
20348  from {
20349    -webkit-transform-origin: right bottom;
20350    transform-origin: right bottom;
20351    opacity: 1;
20352  }
20353
20354  to {
20355    -webkit-transform-origin: right bottom;
20356    transform-origin: right bottom;
20357    -webkit-transform: rotate3d(0, 0, 1, -45deg);
20358    transform: rotate3d(0, 0, 1, -45deg);
20359    opacity: 0;
20360  }
20361}
20362
20363@keyframes rotateOutDownRight {
20364  from {
20365    -webkit-transform-origin: right bottom;
20366    transform-origin: right bottom;
20367    opacity: 1;
20368  }
20369
20370  to {
20371    -webkit-transform-origin: right bottom;
20372    transform-origin: right bottom;
20373    -webkit-transform: rotate3d(0, 0, 1, -45deg);
20374    transform: rotate3d(0, 0, 1, -45deg);
20375    opacity: 0;
20376  }
20377}
20378
20379.rotateOutDownRight {
20380  -webkit-animation-name: rotateOutDownRight;
20381  animation-name: rotateOutDownRight;
20382}
20383
20384@-webkit-keyframes rotateOutUpLeft {
20385  from {
20386    -webkit-transform-origin: left bottom;
20387    transform-origin: left bottom;
20388    opacity: 1;
20389  }
20390
20391  to {
20392    -webkit-transform-origin: left bottom;
20393    transform-origin: left bottom;
20394    -webkit-transform: rotate3d(0, 0, 1, -45deg);
20395    transform: rotate3d(0, 0, 1, -45deg);
20396    opacity: 0;
20397  }
20398}
20399
20400@keyframes rotateOutUpLeft {
20401  from {
20402    -webkit-transform-origin: left bottom;
20403    transform-origin: left bottom;
20404    opacity: 1;
20405  }
20406
20407  to {
20408    -webkit-transform-origin: left bottom;
20409    transform-origin: left bottom;
20410    -webkit-transform: rotate3d(0, 0, 1, -45deg);
20411    transform: rotate3d(0, 0, 1, -45deg);
20412    opacity: 0;
20413  }
20414}
20415
20416.rotateOutUpLeft {
20417  -webkit-animation-name: rotateOutUpLeft;
20418  animation-name: rotateOutUpLeft;
20419}
20420
20421@-webkit-keyframes rotateOutUpRight {
20422  from {
20423    -webkit-transform-origin: right bottom;
20424    transform-origin: right bottom;
20425    opacity: 1;
20426  }
20427
20428  to {
20429    -webkit-transform-origin: right bottom;
20430    transform-origin: right bottom;
20431    -webkit-transform: rotate3d(0, 0, 1, 90deg);
20432    transform: rotate3d(0, 0, 1, 90deg);
20433    opacity: 0;
20434  }
20435}
20436
20437@keyframes rotateOutUpRight {
20438  from {
20439    -webkit-transform-origin: right bottom;
20440    transform-origin: right bottom;
20441    opacity: 1;
20442  }
20443
20444  to {
20445    -webkit-transform-origin: right bottom;
20446    transform-origin: right bottom;
20447    -webkit-transform: rotate3d(0, 0, 1, 90deg);
20448    transform: rotate3d(0, 0, 1, 90deg);
20449    opacity: 0;
20450  }
20451}
20452
20453.rotateOutUpRight {
20454  -webkit-animation-name: rotateOutUpRight;
20455  animation-name: rotateOutUpRight;
20456}
20457
20458@-webkit-keyframes hinge {
20459  0% {
20460    -webkit-transform-origin: top left;
20461    transform-origin: top left;
20462    -webkit-animation-timing-function: ease-in-out;
20463    animation-timing-function: ease-in-out;
20464  }
20465
20466  20%,
20467  60% {
20468    -webkit-transform: rotate3d(0, 0, 1, 80deg);
20469    transform: rotate3d(0, 0, 1, 80deg);
20470    -webkit-transform-origin: top left;
20471    transform-origin: top left;
20472    -webkit-animation-timing-function: ease-in-out;
20473    animation-timing-function: ease-in-out;
20474  }
20475
20476  40%,
20477  80% {
20478    -webkit-transform: rotate3d(0, 0, 1, 60deg);
20479    transform: rotate3d(0, 0, 1, 60deg);
20480    -webkit-transform-origin: top left;
20481    transform-origin: top left;
20482    -webkit-animation-timing-function: ease-in-out;
20483    animation-timing-function: ease-in-out;
20484    opacity: 1;
20485  }
20486
20487  to {
20488    -webkit-transform: translate3d(0, 700px, 0);
20489    transform: translate3d(0, 700px, 0);
20490    opacity: 0;
20491  }
20492}
20493
20494@keyframes hinge {
20495  0% {
20496    -webkit-transform-origin: top left;
20497    transform-origin: top left;
20498    -webkit-animation-timing-function: ease-in-out;
20499    animation-timing-function: ease-in-out;
20500  }
20501
20502  20%,
20503  60% {
20504    -webkit-transform: rotate3d(0, 0, 1, 80deg);
20505    transform: rotate3d(0, 0, 1, 80deg);
20506    -webkit-transform-origin: top left;
20507    transform-origin: top left;
20508    -webkit-animation-timing-function: ease-in-out;
20509    animation-timing-function: ease-in-out;
20510  }
20511
20512  40%,
20513  80% {
20514    -webkit-transform: rotate3d(0, 0, 1, 60deg);
20515    transform: rotate3d(0, 0, 1, 60deg);
20516    -webkit-transform-origin: top left;
20517    transform-origin: top left;
20518    -webkit-animation-timing-function: ease-in-out;
20519    animation-timing-function: ease-in-out;
20520    opacity: 1;
20521  }
20522
20523  to {
20524    -webkit-transform: translate3d(0, 700px, 0);
20525    transform: translate3d(0, 700px, 0);
20526    opacity: 0;
20527  }
20528}
20529
20530.hinge {
20531  -webkit-animation-duration: 2s;
20532  animation-duration: 2s;
20533  -webkit-animation-name: hinge;
20534  animation-name: hinge;
20535}
20536
20537@-webkit-keyframes jackInTheBox {
20538  from {
20539    opacity: 0;
20540    -webkit-transform: scale(0.1) rotate(30deg);
20541    transform: scale(0.1) rotate(30deg);
20542    -webkit-transform-origin: center bottom;
20543    transform-origin: center bottom;
20544  }
20545
20546  50% {
20547    -webkit-transform: rotate(-10deg);
20548    transform: rotate(-10deg);
20549  }
20550
20551  70% {
20552    -webkit-transform: rotate(3deg);
20553    transform: rotate(3deg);
20554  }
20555
20556  to {
20557    opacity: 1;
20558    -webkit-transform: scale(1);
20559    transform: scale(1);
20560  }
20561}
20562
20563@keyframes jackInTheBox {
20564  from {
20565    opacity: 0;
20566    -webkit-transform: scale(0.1) rotate(30deg);
20567    transform: scale(0.1) rotate(30deg);
20568    -webkit-transform-origin: center bottom;
20569    transform-origin: center bottom;
20570  }
20571
20572  50% {
20573    -webkit-transform: rotate(-10deg);
20574    transform: rotate(-10deg);
20575  }
20576
20577  70% {
20578    -webkit-transform: rotate(3deg);
20579    transform: rotate(3deg);
20580  }
20581
20582  to {
20583    opacity: 1;
20584    -webkit-transform: scale(1);
20585    transform: scale(1);
20586  }
20587}
20588
20589.jackInTheBox {
20590  -webkit-animation-name: jackInTheBox;
20591  animation-name: jackInTheBox;
20592}
20593
20594/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
20595
20596@-webkit-keyframes rollIn {
20597  from {
20598    opacity: 0;
20599    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
20600    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
20601  }
20602
20603  to {
20604    opacity: 1;
20605    -webkit-transform: translate3d(0, 0, 0);
20606    transform: translate3d(0, 0, 0);
20607  }
20608}
20609
20610@keyframes rollIn {
20611  from {
20612    opacity: 0;
20613    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
20614    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
20615  }
20616
20617  to {
20618    opacity: 1;
20619    -webkit-transform: translate3d(0, 0, 0);
20620    transform: translate3d(0, 0, 0);
20621  }
20622}
20623
20624.rollIn {
20625  -webkit-animation-name: rollIn;
20626  animation-name: rollIn;
20627}
20628
20629/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
20630
20631@-webkit-keyframes rollOut {
20632  from {
20633    opacity: 1;
20634  }
20635
20636  to {
20637    opacity: 0;
20638    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
20639    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
20640  }
20641}
20642
20643@keyframes rollOut {
20644  from {
20645    opacity: 1;
20646  }
20647
20648  to {
20649    opacity: 0;
20650    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
20651    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
20652  }
20653}
20654
20655.rollOut {
20656  -webkit-animation-name: rollOut;
20657  animation-name: rollOut;
20658}
20659
20660@-webkit-keyframes zoomIn {
20661  from {
20662    opacity: 0;
20663    -webkit-transform: scale3d(0.3, 0.3, 0.3);
20664    transform: scale3d(0.3, 0.3, 0.3);
20665  }
20666
20667  50% {
20668    opacity: 1;
20669  }
20670}
20671
20672@keyframes zoomIn {
20673  from {
20674    opacity: 0;
20675    -webkit-transform: scale3d(0.3, 0.3, 0.3);
20676    transform: scale3d(0.3, 0.3, 0.3);
20677  }
20678
20679  50% {
20680    opacity: 1;
20681  }
20682}
20683
20684.zoomIn {
20685  -webkit-animation-name: zoomIn;
20686  animation-name: zoomIn;
20687}
20688
20689@-webkit-keyframes zoomInDown {
20690  from {
20691    opacity: 0;
20692    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
20693    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
20694    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20695    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20696  }
20697
20698  60% {
20699    opacity: 1;
20700    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
20701    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
20702    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20703    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20704  }
20705}
20706
20707@keyframes zoomInDown {
20708  from {
20709    opacity: 0;
20710    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
20711    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
20712    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20713    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20714  }
20715
20716  60% {
20717    opacity: 1;
20718    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
20719    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
20720    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20721    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20722  }
20723}
20724
20725.zoomInDown {
20726  -webkit-animation-name: zoomInDown;
20727  animation-name: zoomInDown;
20728}
20729
20730@-webkit-keyframes zoomInLeft {
20731  from {
20732    opacity: 0;
20733    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
20734    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
20735    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20736    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20737  }
20738
20739  60% {
20740    opacity: 1;
20741    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
20742    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
20743    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20744    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20745  }
20746}
20747
20748@keyframes zoomInLeft {
20749  from {
20750    opacity: 0;
20751    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
20752    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
20753    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20754    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20755  }
20756
20757  60% {
20758    opacity: 1;
20759    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
20760    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
20761    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20762    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20763  }
20764}
20765
20766.zoomInLeft {
20767  -webkit-animation-name: zoomInLeft;
20768  animation-name: zoomInLeft;
20769}
20770
20771@-webkit-keyframes zoomInRight {
20772  from {
20773    opacity: 0;
20774    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
20775    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
20776    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20777    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20778  }
20779
20780  60% {
20781    opacity: 1;
20782    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
20783    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
20784    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20785    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20786  }
20787}
20788
20789@keyframes zoomInRight {
20790  from {
20791    opacity: 0;
20792    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
20793    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
20794    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20795    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20796  }
20797
20798  60% {
20799    opacity: 1;
20800    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
20801    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
20802    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20803    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20804  }
20805}
20806
20807.zoomInRight {
20808  -webkit-animation-name: zoomInRight;
20809  animation-name: zoomInRight;
20810}
20811
20812@-webkit-keyframes zoomInUp {
20813  from {
20814    opacity: 0;
20815    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
20816    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
20817    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20818    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20819  }
20820
20821  60% {
20822    opacity: 1;
20823    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
20824    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
20825    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20826    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20827  }
20828}
20829
20830@keyframes zoomInUp {
20831  from {
20832    opacity: 0;
20833    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
20834    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
20835    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20836    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20837  }
20838
20839  60% {
20840    opacity: 1;
20841    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
20842    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
20843    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20844    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20845  }
20846}
20847
20848.zoomInUp {
20849  -webkit-animation-name: zoomInUp;
20850  animation-name: zoomInUp;
20851}
20852
20853@-webkit-keyframes zoomOut {
20854  from {
20855    opacity: 1;
20856  }
20857
20858  50% {
20859    opacity: 0;
20860    -webkit-transform: scale3d(0.3, 0.3, 0.3);
20861    transform: scale3d(0.3, 0.3, 0.3);
20862  }
20863
20864  to {
20865    opacity: 0;
20866  }
20867}
20868
20869@keyframes zoomOut {
20870  from {
20871    opacity: 1;
20872  }
20873
20874  50% {
20875    opacity: 0;
20876    -webkit-transform: scale3d(0.3, 0.3, 0.3);
20877    transform: scale3d(0.3, 0.3, 0.3);
20878  }
20879
20880  to {
20881    opacity: 0;
20882  }
20883}
20884
20885.zoomOut {
20886  -webkit-animation-name: zoomOut;
20887  animation-name: zoomOut;
20888}
20889
20890@-webkit-keyframes zoomOutDown {
20891  40% {
20892    opacity: 1;
20893    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
20894    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
20895    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20896    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20897  }
20898
20899  to {
20900    opacity: 0;
20901    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
20902    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
20903    -webkit-transform-origin: center bottom;
20904    transform-origin: center bottom;
20905    -webkit-anima
20905tion-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20906    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20907  }
20908}
20909
20910@keyframes zoomOutDown {
20911  40% {
20912    opacity: 1;
20913    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
20914    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
20915    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20916    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
20917  }
20918
20919  to {
20920    opacity: 0;
20921    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
20922    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
20923    -webkit-transform-origin: center bottom;
20924    transform-origin: center bottom;
20925    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20926    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
20927  }
20928}
20929
20930.zoomOutDown {
20931  -webkit-animation-name: zoomOutDown;
20932  animation-name: zoomOutDown;
20933}
20934
20935@-webkit-keyframes zoomOutLeft {
20936  40% {
20937    opacity: 1;
20938    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
20939    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
20940  }
20941
20942  to {
20943    opacity: 0;
20944    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
20945    transform: scale(0.1) translate3d(-2000px, 0, 0);
20946    -webkit-transform-origin: left center;
20947    transform-origin: left center;
20948  }
20949}
20950
20951@keyframes zoomOutLeft {
20952  40% {
20953    opacity: 1;
20954    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
20955    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
20956  }
20957
20958  to {
20959    opacity: 0;
20960    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
20961    transform: scale(0.1) translate3d(-2000px, 0, 0);
20962    -webkit-transform-origin: left center;
20963    transform-origin: left center;
20964  }
20965}
20966
20967.zoomOutLeft {
20968  -webkit-animation-name: zoomOutLeft;
20969  animation-name: zoomOutLeft;
20970}
20971
20972@-webkit-keyframes zoomOutRight {
20973  40% {
20974    opacity: 1;
20975    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
20976    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
20977  }
20978
20979  to {
20980    opacity: 0;
20981    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
20982    transform: scale(0.1) translate3d(2000px, 0, 0);
20983    -webkit-transform-origin: right center;
20984    transform-origin: right center;
20985  }
20986}
20987
20988@keyframes zoomOutRight {
20989  40% {
20990    opacity: 1;
20991    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
20992    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
20993  }
20994
20995  to {
20996    opacity: 0;
20997    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
20998    transform: scale(0.1) translate3d(2000px, 0, 0);
20999    -webkit-transform-origin: right center;
21000    transform-origin: right center;
21001  }
21002}
21003
21004.zoomOutRight {
21005  -webkit-animation-name: zoomOutRight;
21006  animation-name: zoomOutRight;
21007}
21008
21009@-webkit-keyframes zoomOutUp {
21010  40% {
21011    opacity: 1;
21012    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
21013    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
21014    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
21015    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
21016  }
21017
21018  to {
21019    opacity: 0;
21020    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
21021    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
21022    -webkit-transform-origin: center bottom;
21023    transform-origin: center bottom;
21024    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
21025    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
21026  }
21027}
21028
21029@keyframes zoomOutUp {
21030  40% {
21031    opacity: 1;
21032    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
21033    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
21034    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
21035    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
21036  }
21037
21038  to {
21039    opacity: 0;
21040    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
21041    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
21042    -webkit-transform-origin: center bottom;
21043    transform-origin: center bottom;
21044    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
21045    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
21046  }
21047}
21048
21049.zoomOutUp {
21050  -webkit-animation-name: zoomOutUp;
21051  animation-name: zoomOutUp;
21052}
21053
21054@-webkit-keyframes slideInDown {
21055  from {
21056    -webkit-transform: translate3d(0, -100%, 0);
21057    transform: translate3d(0, -100%, 0);
21058    visibility: visible;
21059  }
21060
21061  to {
21062    -webkit-transform: translate3d(0, 0, 0);
21063    transform: translate3d(0, 0, 0);
21064  }
21065}
21066
21067@keyframes slideInDown {
21068  from {
21069    -webkit-transform: translate3d(0, -100%, 0);
21070    transform: translate3d(0, -100%, 0);
21071    visibility: visible;
21072  }
21073
21074  to {
21075    -webkit-transform: translate3d(0, 0, 0);
21076    transform: translate3d(0, 0, 0);
21077  }
21078}
21079
21080.slideInDown {
21081  -webkit-animation-name: slideInDown;
21082  animation-name: slideInDown;
21083}
21084
21085@-webkit-keyframes slideInLeft {
21086  from {
21087    -webkit-transform: translate3d(-100%, 0, 0);
21088    transform: translate3d(-100%, 0, 0);
21089    visibility: visible;
21090  }
21091
21092  to {
21093    -webkit-transform: translate3d(0, 0, 0);
21094    transform: translate3d(0, 0, 0);
21095  }
21096}
21097
21098@keyframes slideInLeft {
21099  from {
21100    -webkit-transform: translate3d(-100%, 0, 0);
21101    transform: translate3d(-100%, 0, 0);
21102    visibility: visible;
21103  }
21104
21105  to {
21106    -webkit-transform: translate3d(0, 0, 0);
21107    transform: translate3d(0, 0, 0);
21108  }
21109}
21110
21111.slideInLeft {
21112  -webkit-animation-name: slideInLeft;
21113  animation-name: slideInLeft;
21114}
21115
21116@-webkit-keyframes slideInRight {
21117  from {
21118    -webkit-transform: translate3d(100%, 0, 0);
21119    transform: translate3d(100%, 0, 0);
21120    visibility: visible;
21121  }
21122
21123  to {
21124    -webkit-transform: translate3d(0, 0, 0);
21125    transform: translate3d(0, 0, 0);
21126  }
21127}
21128
21129@keyframes slideInRight {
21130  from {
21131    -webkit-transform: translate3d(100%, 0, 0);
21132    transform: translate3d(100%, 0, 0);
21133    visibility: visible;
21134  }
21135
21136  to {
21137    -webkit-transform: translate3d(0, 0, 0);
21138    transform: translate3d(0, 0, 0);
21139  }
21140}
21141
21142.slideInRight {
21143  -webkit-animation-name: slideInRight;
21144  animation-name: slideInRight;
21145}
21146
21147@-webkit-keyframes slideInUp {
21148  from {
21149    -webkit-transform: translate3d(0, 100%, 0);
21150    transform: translate3d(0, 100%, 0);
21151    visibility: visible;
21152  }
21153
21154  to {
21155    -webkit-transform: translate3d(0, 0, 0);
21156    transform: translate3d(0, 0, 0);
21157  }
21158}
21159
21160@keyframes slideInUp {
21161  from {
21162    -webkit-transform: translate3d(0, 100%, 0);
21163    transform: translate3d(0, 100%, 0);
21164    visibility: visible;
21165  }
21166
21167  to {
21168    -webkit-transform: translate3d(0, 0, 0);
21169    transform: translate3d(0, 0, 0);
21170  }
21171}
21172
21173.slideInUp {
21174  -webkit-animation-name: slideInUp;
21175  animation-name: slideInUp;
21176}
21177
21178@-webkit-keyframes slideOutDown {
21179  from {
21180    -webkit-transform: translate3d(0, 0, 0);
21181    transform: translate3d(0, 0, 0);
21182  }
21183
21184  to {
21185    visibility: hidden;
21186    -webkit-transform: translate3d(0, 100%, 0);
21187    transform: translate3d(0, 100%, 0);
21188  }
21189}
21190
21191@keyframes slideOutDown {
21192  from {
21193    -webkit-transform: translate3d(0, 0, 0);
21194    transform: translate3d(0, 0, 0);
21195  }
21196
21197  to {
21198    visibility: hidden;
21199    -webkit-transform: translate3d(0, 100%, 0);
21200    transform: translate3d(0, 100%, 0);
21201  }
21202}
21203
21204.slideOutDown {
21205  -webkit-animation-name: slideOutDown;
21206  animation-name: slideOutDown;
21207}
21208
21209@-webkit-keyframes slideOutLeft {
21210  from {
21211    -webkit-transform: translate3d(0, 0, 0);
21212    transform: translate3d(0, 0, 0);
21213  }
21214
21215  to {
21216    visibility: hidden;
21217    -webkit-transform: translate3d(-100%, 0, 0);
21218    transform: translate3d(-100%, 0, 0);
21219  }
21220}
21221
21222@keyframes slideOutLeft {
21223  from {
21224    -webkit-transform: translate3d(0, 0, 0);
21225    transform: translate3d(0, 0, 0);
21226  }
21227
21228  to {
21229    visibility: hidden;
21230    -webkit-transform: translate3d(-100%, 0, 0);
21231    transform: translate3d(-100%, 0, 0);
21232  }
21233}
21234
21235.slideOutLeft {
21236  -webkit-animation-name: slideOutLeft;
21237  animation-name: slideOutLeft;
21238}
21239
21240@-webkit-keyframes slideOutRight {
21241  from {
21242    -webkit-transform: translate3d(0, 0, 0);
21243    transform: translate3d(0, 0, 0);
21244  }
21245
21246  to {
21247    visibility: hidden;
21248    -webkit-transform: translate3d(100%, 0, 0);
21249    transform: translate3d(100%, 0, 0);
21250  }
21251}
21252
21253@keyframes slideOutRight {
21254  from {
21255    -webkit-transform: translate3d(0, 0, 0);
21256    transform: translate3d(0, 0, 0);
21257  }
21258
21259  to {
21260    visibility: hidden;
21261    -webkit-transform: translate3d(100%, 0, 0);
21262    transform: translate3d(100%, 0, 0);
21263  }
21264}
21265
21266.slideOutRight {
21267  -webkit-animation-name: slideOutRight;
21268  animation-name: slideOutRight;
21269}
21270
21271@-webkit-keyframes slideOutUp {
21272  from {
21273    -webkit-transform: translate3d(0, 0, 0);
21274    transform: translate3d(0, 0, 0);
21275  }
21276
21277  to {
21278    visibility: hidden;
21279    -webkit-transform: translate3d(0, -100%, 0);
21280    transform: translate3d(0, -100%, 0);
21281  }
21282}
21283
21284@keyframes slideOutUp {
21285  from {
21286    -webkit-transform: translate3d(0, 0, 0);
21287    transform: translate3d(0, 0, 0);
21288  }
21289
21290  to {
21291    visibility: hidden;
21292    -webkit-transform: translate3d(0, -100%, 0);
21293    transform: translate3d(0, -100%, 0);
21294  }
21295}
21296
21297.slideOutUp {
21298  -webkit-animation-name: slideOutUp;
21299  animation-name: slideOutUp;
21300}
21301@charset "utf-8";
21302@font-face {
21303    /*font-family: "Guardian-EgypTT";*/
21304    src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2");
21305    src: url("../fonts/Guardian-EgypTT-Medium.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Medium.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Medium.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Medium.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Medium.svg?v=2#Guardian EgypTT") format("svg");
21306    font-style: normal;
21307    font-weight: 500;
21308    font-stretch: normal;
21309    font-display: swap;
21310}
21311
21312@font-face {
21313    /*font-family: "Guardian-EgypTT";*/
21314    src: url("../fonts/Guardian-EgypTT-Light.eot?v=2");
21315    src: url("../fonts/Guardian-EgypTT-Light.eot?v=2#iefix") format("embedded-opentype"), url("../fonts/Guardian-EgypTT-Light.woff2?v=2") format("woff2"), url("../fonts/Guardian-EgypTT-Light.woff?v=2") format("woff"), url("../fonts/Guardian-EgypTT-Light.ttf?v=2") format("truetype"), url("../fonts/Guardian-EgypTT-Light.svg?v=2#Guardian-EgypTT") format("svg");
21316    font-style: normal;
21317    font-weight: 300;
21318    font-stretch: normal;
21319    font-display: swap;
21320}
21321
21322@font-face {
21323    /*font-family: "Graphik Webfont";*/
21324    src: url("../fonts/Graphik-Regular-Web.eot");
21325    src: url("../fonts/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Regular-Web.woff2") format("woff2"), url("../fonts/Graphik-Regular-Web.woff") format("woff"), url("../fonts/Graphik-Regular-Web.svg#Graphik-Regular-Web") format("svg"), url("../fonts/Graphik-Regular-Web.ttf") format("opentype");
21326    font-weight: 400;
21327    font-style: normal;
21328    font-stretch: normal;
21329}
21330
21331@font-face {
21332    /*font-family: "Graphik Webfont";*/
21333    src: url("../fonts/Graphik-Medium-Web.eot");
21334    src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype");
21335    font-weight: 500;
21336    font-style: normal;
21337    font-stretch: normal;
21338}
21339
21340@font-face {
21341    /*font-family: "Graphik Webfont";*/
21342    src: url("../fonts/Graphik-Medium-Web.eot");
21343    src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium-Web.woff2") format("woff2"), url("../fonts/Graphik-Medium-Web.woff") format("woff"), url("../fonts/Graphik-Medium-Web.svg#Graphik-Medium-Web") format("svg"), url("../fonts/Graphik-Medium-Web.ttf") format("opentype");
21344    font-weight: 700;
21345    font-style: normal;
21346    font-stretch: normal;
21347}
21348
21349.gnav-header #search-query {
21350    position: absolute;
21351    width: 100%;
21352    top: 50%;
21353    border: 1px solid #CFCBC8;
21354    background: #f9f9f8;
21355    margin-top: -17px;
21356    padding: 6px 10px;
21357    padding-left:40px !important;
21358    margin-left: 0;
21359    height: 34px;
21360    font-size: 13px;
21361    box-sizing: border-box;
21362    background: url(../images/srch.png) no-repeat !important;
21363    background-position: 10px 7px !important;
21364    background-color: #fff !important;
21365    /*box-shadow: inset 0 1px 2px #E9E9E8, 0 0 0 1000px #fbfbfa inset;*/
21366}
21367
21368 .gnav-header .search-input-wrapper.text-field-wrapper #search-query {
21369    top:0%;
21370}
21371.ui-toolkit .animated {
21372    -webkit-animation-duration: 0.3s;
21373    -ms-animation-duration: 0.3s;
21374    -moz-animation-duration: 0.3s;
21375    -o-animation-duration: 0.3s;
21376    animation-duration: 0.3s;
21377    -webkit-animation-fill-mode: both;
21378    -ms-animation-fill-mode: both;
21379    -moz-animation-fill-mode: both;
21380    -o-animation-fill-mode: both;
21381    animation-fill-mode: both;
21382}
21383
21384
21385.ui-toolkit *,
21386.ui-toolkit *:before,
21387.ui-toolkit *:after {
21388    -webkit-box-sizing: border-box;
21389    -ms-box-sizing: border-box;
21390    -moz-box-sizing: border-box;
21391    -o-box-sizing: border-box;
21392    box-sizing: border-box;
21393}
21394
21395.ui-toolkit body,
21396.ui-toolkit html {
21397    height: 100%;
21398    width: 100%;
21399}
21400
21401.ui-toolkit .body-max-width {
21402    /*max-width: 1400px;*/
21403    max-width: 1450px;
21404    margin: 0 auto;
21405}
21406
21407.ui-toolkit .body-sub-width {
21408    /*max-width: 1330px;*/
21409    max-width: 1380px;
21410    margin: 0 auto;
21411}
21412
21413
21414.ui-toolkit body {
21415    color: #222;
21416    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21417    line-height: 1.4;
21418    -webkit-font-smoothing: antialiased;
21419}
21420
21421@media screen and (orientation: portrait) and (min-device-width: 740px),
21422screen and (orientation: landscape) and (min-device-height: 740px) {
21423    .ui-toolkit body {
21424        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21425    }
21426}
21427
21428.ui-toolkit .text-hero {
21429    font-size: 84px;
21430    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21431    font-weight: 500;
21432    text-transform: uppercase;
21433    letter-spacing: 3px;
21434    line-height: 1.2;
21435}
21436
21437@media screen and (orientation: portrait) and (min-device-width: 740px),
21438screen and (orientation: landscape) and (min-device-height: 740px) {
21439    .ui-toolkit .text-hero {
21440        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21441    }
21442}
21443
21444.ui-toolkit .text-headline-larger,
21445.ui-toolkit .text-editorial-nova h1 {
21446    font-size: 68px;
21447    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21448    font-weight: 600;
21449    font-weight: 300;
21450    line-height: 1.2;
21451}
21452
21453@media screen and (orientation: portrait) and (min-device-width: 740px),
21454screen and (orientation: landscape) and (min-device-height: 740px) {
21455    .ui-toolkit .text-headline-larger,
21456    .ui-toolkit .text-editorial-nova h1 {
21457        /*font-family: "Guardian-EgypTT", serif;*/
21458    }
21459}
21460
21461.ui-toolkit .text-headline {
21462    font-size: 52px;
21463    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21464    font-weight: 600;
21465    font-weight: 300;
21466    line-height: 1.2;
21467}
21468
21469@media screen and (orientation: portrait) and (min-device-width: 740px),
21470screen and (orientation: landscape) and (min-device-height: 740px) {
21471    .ui-toolkit .text-headline {
21472        /*font-family: "Guardian-EgypTT", serif;*/
21473    }
21474}
21475
21476.ui-toolkit .text-headline-smaller,
21477.ui-toolkit .text-editorial-nova h2,
21478.ui-toolkit .text-editorial-nova blockquote {
21479    font-size: 42px;
21480    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21481    font-weight: 600;
21482    font-weight: 300;
21483    line-height: 1.2;
21484}
21485
21486@media screen and (orientation: portrait) and (min-device-width: 740px),
21487screen and (orientation: landscape) and (min-device-height: 740px) {
21488    .ui-toolkit .text-headline-smaller,
21489    .ui-toolkit .text-editorial-nova h2,
21490    .ui-toolkit .text-editorial-nova blockquote {
21491        /*font-family: "Guardian-EgypTT", serif;*/
21492    }
21493}
21494
21495.ui-toolkit .text-editorial-nova blockquote {
21496    font-style: normal;
21497    border-left: none;
21498    padding: 0;
21499    -webkit-font-smoothing: antialiased;
21500}
21501
21502.ui-toolkit .text-title-larger,
21503.ui-toolkit .text-editorial-nova h3 {
21504    font-size: 32px;
21505    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21506    font-weight: 500;
21507    line-height: 1.4;
21508}
21509
21510@media screen and (orientation: portrait) and (min-device-width: 740px),
21511screen and (orientation: landscape) and (min-device-height: 740px) {
21512    .ui-toolkit .text-title-larger,
21513    .ui-toolkit .text-editorial-nova h3 {
21514        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21515    }
21516}
21517
21518.ui-toolkit .text-title,
21519.ui-toolkit .text-editorial-nova h4 {
21520    font-size: 26px;
21521    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21522    font-weight: 500;
21523    line-height: 1.4;
21524}
21525
21526@media screen and (orientation: portrait) and (min-device-width: 740px),
21527screen and (orientation: landscape) and (min-device-height: 740px) {
21528    .ui-toolkit .text-title,
21529    .ui-toolkit .text-editorial-nova h4 {
21530        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21531    }
21532}
21533
21534.ui-toolkit .text-title-smaller,
21535.ui-toolkit .text-editorial-nova h5 {
21536    font-size: 20px;
21537    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21538    font-weight: 500;
21539    line-height: 1.2;
21540    text-transform: none;
21541}
21542
21543@media screen and (orientation: portrait) and (min-device-width: 740px),
21544screen and (orientation: landscape) and (min-device-height: 740px) {
21545    .ui-toolkit .text-title-smaller,
21546    .ui-toolkit .text-editorial-nova h5 {
21547        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21548    }
21549}
21550
21551.ui-toolkit .text-editorial-nova h5 {
21552    line-height: 1.6;
21553}
21554
21555.ui-toolkit .text-body-largest,
21556.ui-toolkit .text-editorial-nova h6 {
21557    font-size: 18px;
21558    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21559    font-weight: 300;
21560    line-height: 1.6;
21561}
21562
21563@media screen and (orientation: portrait) and (min-device-width: 740px),
21564screen and (orientation: landscape) and (min-device-height: 740px) {
21565    .ui-toolkit .text-body-largest,
21566    .ui-toolkit .text-editorial-nova h6 {
21567        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21568    }
21569}
21570
21571.ui-toolkit .text-editorial-nova h6 {
21572    font-weight: 500;
21573    text-transform: none;
21574    line-height: 1.6;
21575}
21576
21577.ui-toolkit .text-body-larger {
21578    font-size: 16px;
21579    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21580    font-weight: 300;
21581    line-height: 1.6;
21582}
21583
21584@media screen and (orientation: portrait) and (min-device-width: 740px),
21585screen and (orientation: landscape) and (min-device-height: 740px) {
21586    .ui-toolkit .text-body-larger {
21587        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21588    }
21589}
21590
21591.ui-toolkit .text-body {
21592    font-size: 14px;
21593    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21594    font-weight: 300;
21595    line-height: 1.6;
21596}
21597
21598@media screen and (orientation: portrait) and (min-device-width: 740px),
21599screen and (orientation: landscape) and (min-device-height: 740px) {
21600    .ui-toolkit .text-body {
21601        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21602    }
21603}
21604
21605.ui-toolkit .text-body-smaller {
21606    font-size: 12px;
21607    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21608    font-weight: 300;
21609    line-height: 1.6;
21610}
21611
21612@media screen and (orientation: portrait) and (min-device-width: 740px),
21613screen and (orientation: landscape) and (min-device-height: 740px) {
21614    .ui-toolkit .text-body-smaller {
21615        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21616    }
21617}
21618
21619.ui-toolkit .text-category-label {
21620    font-size: 12px;
21621    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21622    font-weight: 500;
21623    text-transform: uppercase;
21624    letter-spacing: 1px;
21625    line-height: 1.4;
21626}
21627
21628@media screen and (orientation: portrait) and (min-device-width: 740px),
21629screen and (orientation: landscape) and (min-device-height: 740px) {
21630    .ui-toolkit .text-category-label {
21631        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
21632    }
21633}
21634
21635@media only screen and (min-width: 0) and (max-width: 899px) {
21636    .ui-toolkit .text-hero {
21637        font-size: 68px;
21638        font-weight: bold;
21639    }
21640    .ui-toolkit .text-headline-larger,
21641    .ui-toolkit .text-editorial-nova h1 {
21642        font-size: 52px;
21643        font-weight: 300;
21644    }
21645    .ui-toolkit .text-headline {
21646        font-size: 42px;
21647        font-weight: 300;
21648    }
21649    .ui-toolkit .text-headline-smaller,
21650    .ui-toolkit .text-editorial-nova h2,
21651    .ui-toolkit .text-editorial-nova blockquote {
21652        font-size: 32px;
21653        font-weight: 300;
21654    }
21655    .ui-toolkit .text-title-larger,
21656    .ui-toolkit .text-editorial-nova h3 {
21657        font-size: 26px;
21658        font-weight: bold;
21659    }
21660    .ui-toolkit .text-title,
21661    .ui-toolkit .text-editorial-nova h4 {
21662        font-size: 20px;
21663        font-weight: bold;
21664    }
21665    .ui-toolkit .text-title-smaller,
21666    .ui-toolkit .text-editorial-nova h5 {
21667        font-size: 18px;
21668        font-weight: bold;
21669    }
21670    .ui-toolkit .text-body-largest,
21671    .ui-toolkit .text-editorial-nova h6 {
21672        font-size: 16px;
21673        font-weight: normal;
21674    }
21675    .ui-toolkit .text-editorial-nova h6 {
21676        font-weight: bold;
21677    }
21678}
21679
21680@media only screen and (min-width: 0) and (max-width: 639px) {
21681    .ui-toolkit .text-hero {
21682        font-size: 52px;
21683    }
21684    .ui-toolkit .text-headline-larger,
21685    .ui-toolkit .text-editorial-nova h1 {
21686        font-size: 42px;
21687    }
21688    .ui-toolkit .text-headline {
21689        font-size: 32px;
21690    }
21691    .ui-toolkit .text-headline-smaller,
21692    .ui-toolkit .text-editorial-nova h2,
21693    .ui-toolkit .text-editorial-nova blockquote {
21694        font-size: 26px;
21695    }
21696    .ui-toolkit .text-title-larger,
21697    .ui-toolkit .text-editorial-nova h3 {
21698        font-size: 20px;
21699    }
21700    .ui-toolkit .text-title,
21701    .ui-toolkit .text-editorial-nova h4 {
21702        font-size: 20px;
21703    }
21704    .ui-toolkit .text-title-smaller,
21705    .ui-toolkit .text-editorial-nova h5 {
21706        font-size: 18px;
21707    }
21708    .ui-toolkit .text-body-largest,
21709    .ui-toolkit .text-editorial-nova h6 {
21710        font-size: 16px;
21711    }
21712    .ui-toolkit .text-editorial-nova h6 {
21713        font-weight: bold;
21714    }
21715}
21716
21717.ui-toolkit h1,
21718.ui-toolkit .h1 {
21719    line-height: 1.2;
21720    -webkit-font-smoothing: antialiased;
21721}
21722
21723@media only screen and (min-width: 0) {
21724    .ui-toolkit h1,
21725    .ui-toolkit .h1 {
21726        font-size: 20px;
21727    }
21728}
21729
21730@media only screen and (min-width: 640px) {
21731    .ui-toolkit h1,
21732    .ui-toolkit .h1 {
21733        font-size: 26px;
21734    }
21735}
21736
21737.ui-toolkit h2,
21738.ui-toolkit .h2 {
21739    line-height: 1.2;
21740    -webkit-font-smoothing: antialiased;
21741}
21742
21743
21744.ui-toolkit h3,
21745.ui-toolkit .h3 {
21746 
21747    -webkit-font-smoothing: antialiased;
21748}
21749
21750.ui-toolkit h1,
21751.ui-toolkit .h1,
21752.ui-toolkit h2,
21753.ui-toolkit .h2,
21754.ui-toolkit h3,
21755.ui-toolkit .h3 {
21756    font-weight: 500;
21757}
21758
21759.ui-toolkit h1.normalize,
21760.ui-toolkit h2.normalize,
21761.ui-toolkit h3.normalize,
21762.ui-toolkit h4.normalize,
21763.ui-toolkit h5.normalize,
21764.ui-toolkit h6.normalize {
21765    font-size: inherit;
21766    line-height: inherit;
21767    margin: inherit;
21768    padding: inherit;
21769}
21770
21771.ui-toolkit blockquote {
21772    border-left: 1px solid #E1E3DF;
21773    font-style: italic;
21774    padding: 12px 0 12px 12px;
21775}
21776
21777.ui-toolkit .ss-icon,
21778.ui-toolkit .ss-gigtodo {
21779    display: inline-block;
21780    font-size: 16px;
21781    text-decoration: none;
21782    vertical-align: middle;
21783}
21784
21785.ui-toolkit .hljs.hljs {
21786    background-color: #FBFBFA;
21787}
21788
21789.ui-toolkit .flag {
21790    display: table;
21791    width: 100%;
21792}
21793
21794.ui-toolkit .flag-body,
21795.ui-toolkit .flag-img {
21796    display: table-cell;
21797    vertical-align: middle;
21798}
21799
21800.ui-toolkit .flag-body {
21801    width: 100%;
21802}
21803
21804.ui-toolkit .flag-img {
21805    padding-right: 12px;
21806}
21807
21808.ui-toolkit .flag-img img {
21809    display: block;
21810}
21811
21812.ui-toolkit .flag-img-right {
21813    padding-left: 12px;
21814    padding-right: 0;
21815}
21816
21817.ui-toolkit .col-group {
21818    float: none;
21819    position: relative;
21820}
21821
21822.ui-toolkit .col-group:before,
21823.ui-toolkit .col-group:after {
21824    content: " ";
21825    display: table;
21826}
21827
21828.ui-toolkit .col-group:after {
21829    clear: both;
21830}
21831
21832@media only screen and (min-width: 0) {
21833    .ui-toolkit .col-group {
21834        padding-left: 6px;
21835        padding-right: 6px;
21836    }
21837}
21838
21839@media only screen and (min-width: 640px) {
21840    .ui-toolkit .col-group {
21841        padding-left: 12px;
21842        padding-right: 12px;
21843    }
21844}
21845
21846@media only screen and (min-
21846width: 900px) {
21847    .ui-toolkit .col-group {
21848        padding-left: 18px;
21849        padding-right: 18px;
21850    }
21851}
21852
21853@media only screen and (min-width: 0) {
21854    .ui-toolkit .col-flush {
21855        margin-left: -12px;
21856        margin-right: -12px;
21857    }
21858}
21859
21860@media only screen and (min-width: 640px) {
21861    .ui-toolkit .col-flush {
21862        margin-left: -24px;
21863        margin-right: -24px;
21864    }
21865}
21866
21867@media only screen and (min-width: 900px) {
21868    .ui-toolkit .col-flush {
21869        margin-left: -36px;
21870        margin-right: -36px;
21871    }
21872}
21873
21874
21875
21876@media only screen and (min-width: 640px) {
21877    .ui-toolkit [class*='col-xs-'],
21878    .ui-toolkit [class*='col-sm-'],
21879    .ui-toolkit [class*='col-md-'],
21880    .ui-toolkit [class*='col-lg-'],
21881    .ui-toolkit [class*='col-xl-'] {
21882        padding-left: 12px;
21883        padding-right: 12px;
21884    }
21885}
21886
21887@media only screen and (min-width: 900px) {
21888    .ui-toolkit [class*='col-xs-'],
21889    .ui-toolkit [class*='col-sm-'],
21890    .ui-toolkit [class*='col-md-'],
21891    .ui-toolkit [class*='col-lg-'],
21892    .ui-toolkit [class*='col-xl-'] {
21893        padding-left: 18px;
21894        padding-right: 18px;
21895    }
21896}
21897
21898@media only screen and (min-width: 0) {
21899    .ui-toolkit .col-xs-1 {
21900        width: 8.33333%;
21901    }
21902    .ui-toolkit .col-xs-2 {
21903        width: 16.66667%;
21904    }
21905    .ui-toolkit .col-xs-3 {
21906        width: 25%;
21907    }
21908    .ui-toolkit .col-xs-4 {
21909        width: 33.33333%;
21910    }
21911    .ui-toolkit .col-xs-5 {
21912        width: 41.66667%;
21913    }
21914    .ui-toolkit .col-xs-6 {
21915        width: 50%;
21916    }
21917    .ui-toolkit .col-xs-7 {
21918        width: 58.33333%;
21919    }
21920    .ui-toolkit .col-xs-8 {
21921        width: 66.66667%;
21922    }
21923    .ui-toolkit .col-xs-9 {
21924        width: 75%;
21925    }
21926    .ui-toolkit .col-xs-10 {
21927        width: 83.33333%;
21928    }
21929    .ui-toolkit .col-xs-11 {
21930        width: 91.66667%;
21931    }
21932    .ui-toolkit .col-xs-12 {
21933        width: 100%;
21934    }
21935}
21936
21937@media only screen and (min-width: 480px) {
21938    .ui-toolkit .col-sm-1 {
21939        width: 8.33333%;
21940    }
21941    .ui-toolkit .col-sm-2 {
21942        width: 16.66667%;
21943    }
21944    .ui-toolkit .col-sm-3 {
21945        width: 25%;
21946    }
21947    .ui-toolkit .col-sm-4 {
21948        width: 33.33333%;
21949    }
21950    .ui-toolkit .col-sm-5 {
21951        width: 41.66667%;
21952    }
21953    .ui-toolkit .col-sm-6 {
21954        width: 50%;
21955    }
21956    .ui-toolkit .col-sm-7 {
21957        width: 58.33333%;
21958    }
21959    .ui-toolkit .col-sm-8 {
21960        width: 66.66667%;
21961    }
21962    .ui-toolkit .col-sm-9 {
21963        width: 75%;
21964    }
21965    .ui-toolkit .col-sm-10 {
21966        width: 83.33333%;
21967    }
21968    .ui-toolkit .col-sm-11 {
21969        width: 91.66667%;
21970    }
21971    .ui-toolkit .col-sm-12 {
21972        width: 100%;
21973    }
21974}
21975
21976
21977
21978@media only screen and (min-width: 900px) {
21979    .ui-toolkit .col-lg-1 {
21980        width: 8.33333%;
21981    }
21982    .ui-toolkit .col-lg-2 {
21983        width: 16.66667%;
21984    }
21985    .ui-toolkit .col-lg-3 {
21986        width: 25%;
21987    }
21988    .ui-toolkit .col-lg-4 {
21989        width: 33.33333%;
21990    }
21991    .ui-toolkit .col-lg-5 {
21992        width: 41.66667%;
21993    }
21994    .ui-toolkit .col-lg-6 {
21995        width: 50%;
21996    }
21997    .ui-toolkit .col-lg-7 {
21998        width: 58.33333%;
21999    }
22000    .ui-toolkit .col-lg-8 {
22001        width: 66.66667%;
22002    }
22003    .ui-toolkit .col-lg-9 {
22004        width: 75%;
22005    }
22006    .ui-toolkit .col-lg-10 {
22007        width: 83.33333%;
22008    }
22009    .ui-toolkit .col-lg-11 {
22010        width: 91.66667%;
22011    }
22012    .ui-toolkit .col-lg-12 {
22013        width: 100%;
22014    }
22015}
22016
22017@media only screen and (min-width: 1200px) {
22018    .ui-toolkit .col-xl-1 {
22019        width: 8.33333%;
22020    }
22021    .ui-toolkit .col-xl-2 {
22022        width: 16.66667%;
22023    }
22024    .ui-toolkit .col-xl-3 {
22025        width: 25%;
22026    }
22027    .ui-toolkit .col-xl-4 {
22028        width: 33.33333%;
22029    }
22030    .ui-toolkit .col-xl-5 {
22031        width: 41.66667%;
22032    }
22033    .ui-toolkit .col-xl-6 {
22034        width: 50%;
22035    }
22036    .ui-toolkit .col-xl-7 {
22037        width: 58.33333%;
22038    }
22039    .ui-toolkit .col-xl-8 {
22040        width: 66.66667%;
22041    }
22042    .ui-toolkit .col-xl-9 {
22043        width: 75%;
22044    }
22045    .ui-toolkit .col-xl-10 {
22046        width: 83.33333%;
22047    }
22048    .ui-toolkit .col-xl-11 {
22049        width: 91.66667%;
22050    }
22051    .ui-toolkit .col-xl-12 {
22052        width: 100%;
22053    }
22054}
22055
22056@media only screen and (min-width: 1400px) {
22057    .ui-toolkit .col-tv-1 {
22058        width: 8.33333%;
22059    }
22060    .ui-toolkit .col-tv-2 {
22061        width: 16.66667%;
22062    }
22063    .ui-toolkit .col-tv-3 {
22064        width: 25%;
22065    }
22066    .ui-toolkit .col-tv-4 {
22067        width: 33.33333%;
22068    }
22069    .ui-toolkit .col-tv-5 {
22070        width: 41.66667%;
22071    }
22072    .ui-toolkit .col-tv-6 {
22073        width: 50%;
22074    }
22075    .ui-toolkit .col-tv-7 {
22076        width: 58.33333%;
22077    }
22078    .ui-toolkit .col-tv-8 {
22079        width: 66.66667%;
22080    }
22081    .ui-toolkit .col-tv-9 {
22082        width: 75%;
22083    }
22084    .ui-toolkit .col-tv-10 {
22085        width: 83.33333%;
22086    }
22087    .ui-toolkit .col-tv-11 {
22088        width: 91.66667%;
22089    }
22090    .ui-toolkit .col-tv-12 {
22091        width: 100%;
22092    }
22093}
22094
22095@media only screen and (min-width: 0) {
22096    .ui-toolkit .col-offset-xs-0 {
22097        margin-left: 0%;
22098    }
22099    .ui-toolkit .col-offset-xs-1 {
22100        margin-left: 8.33333%;
22101    }
22102    .ui-toolkit .col-offset-xs-2 {
22103        margin-left: 16.66667%;
22104    }
22105    .ui-toolkit .col-offset-xs-3 {
22106        margin-left: 25%;
22107    }
22108    .ui-toolkit .col-offset-xs-4 {
22109        margin-left: 33.33333%;
22110    }
22111    .ui-toolkit .col-offset-xs-5 {
22112        margin-left: 41.66667%;
22113    }
22114    .ui-toolkit .col-offset-xs-6 {
22115        margin-left: 50%;
22116    }
22117    .ui-toolkit .col-offset-xs-7 {
22118        margin-left: 58.33333%;
22119    }
22120    .ui-toolkit .col-offset-xs-8 {
22121        margin-left: 66.66667%;
22122    }
22123    .ui-toolkit .col-offset-xs-9 {
22124        margin-left: 75%;
22125    }
22126    .ui-toolkit .col-offset-xs-10 {
22127        margin-left: 83.33333%;
22128    }
22129    .ui-toolkit .col-offset-xs-11 {
22130        margin-left: 91.66667%;
22131    }
22132}
22133
22134@media only screen and (min-width: 480px) {
22135    .ui-toolkit .col-offset-sm-0 {
22136        margin-left: 0%;
22137    }
22138    .ui-toolkit .col-offset-sm-1 {
22139        margin-left: 8.33333%;
22140    }
22141    .ui-toolkit .col-offset-sm-2 {
22142        margin-left: 16.66667%;
22143    }
22144    .ui-toolkit .col-offset-sm-3 {
22145        margin-left: 25%;
22146    }
22147    .ui-toolkit .col-offset-sm-4 {
22148        margin-left: 33.33333%;
22149    }
22150    .ui-toolkit .col-offset-sm-5 {
22151        margin-left: 41.66667%;
22152    }
22153    .ui-toolkit .col-offset-sm-6 {
22154        margin-left: 50%;
22155    }
22156    .ui-toolkit .col-offset-sm-7 {
22157        margin-left: 58.33333%;
22158    }
22159    .ui-toolkit .col-offset-sm-8 {
22160        margin-left: 66.66667%;
22161    }
22162    .ui-toolkit .col-offset-sm-9 {
22163        margin-left: 75%;
22164    }
22165    .ui-toolkit .col-offset-sm-10 {
22166        margin-left: 83.33333%;
22167    }
22168    .ui-toolkit .col-offset-sm-11 {
22169        margin-left: 91.66667%;
22170    }
22171}
22172
22173@media only screen and (min-width: 640px) {
22174    .ui-toolkit .col-offset-md-0 {
22175        margin-left: 0%;
22176    }
22177    .ui-toolkit .col-offset-md-1 {
22178        margin-left: 8.33333%;
22179    }
22180    .ui-toolkit .col-offset-md-2 {
22181        margin-left: 16.66667%;
22182    }
22183    .ui-toolkit .col-offset-md-3 {
22184        margin-left: 25%;
22185    }
22186    .ui-toolkit .col-offset-md-4 {
22187        margin-left: 33.33333%;
22188    }
22189    .ui-toolkit .col-offset-md-5 {
22190        margin-left: 41.66667%;
22191    }
22192    .ui-toolkit .col-offset-md-6 {
22193        margin-left: 50%;
22194    }
22195    .ui-toolkit .col-offset-md-7 {
22196        margin-left: 58.33333%;
22197    }
22198    .ui-toolkit .col-offset-md-8 {
22199        margin-left: 66.66667%;
22200    }
22201    .ui-toolkit .col-offset-md-9 {
22202        margin-left: 75%;
22203    }
22204    .ui-toolkit .col-offset-md-10 {
22205        margin-left: 83.33333%;
22206    }
22207    .ui-toolkit .col-offset-md-11 {
22208        margin-left: 91.66667%;
22209    }
22210}
22211
22212@media only screen and (min-width: 900px) {
22213    .ui-toolkit .col-offset-lg-0 {
22214        margin-left: 0%;
22215    }
22216    .ui-toolkit .col-offset-lg-1 {
22217        margin-left: 8.33333%;
22218    }
22219    .ui-toolkit .col-offset-lg-2 {
22220        margin-left: 16.66667%;
22221    }
22222    .ui-toolkit .col-offset-lg-3 {
22223        margin-left: 25%;
22224    }
22225    .ui-toolkit .col-offset-lg-4 {
22226        margin-left: 33.33333%;
22227    }
22228    .ui-toolkit .col-offset-lg-5 {
22229        margin-left: 41.66667%;
22230    }
22231    .ui-toolkit .col-offset-lg-6 {
22232        margin-left: 50%;
22233    }
22234    .ui-toolkit .col-offset-lg-7 {
22235        margin-left: 58.33333%;
22236    }
22237    .ui-toolkit .col-offset-lg-8 {
22238        margin-left: 66.66667%;
22239    }
22240    .ui-toolkit .col-offset-lg-9 {
22241        margin-left: 75%;
22242    }
22243    .ui-toolkit .col-offset-lg-10 {
22244        margin-left: 83.33333%;
22245    }
22246    .ui-toolkit .col-offset-lg-11 {
22247        margin-left: 91.66667%;
22248    }
22249}
22250
22251@media only screen and (min-width: 1200px) {
22252    .ui-toolkit .col-offset-xl-0 {
22253        margin-left: 0%;
22254    }
22255    .ui-toolkit .col-offset-xl-1 {
22256        margin-left: 8.33333%;
22257    }
22258    .ui-toolkit .col-offset-xl-2 {
22259        margin-left: 16.66667%;
22260    }
22261    .ui-toolkit .col-offset-xl-3 {
22262        margin-left: 25%;
22263    }
22264    .ui-toolkit .col-offset-xl-4 {
22265        margin-left: 33.33333%;
22266    }
22267    .ui-toolkit .col-offset-xl-5 {
22268        margin-left: 41.66667%;
22269    }
22270    .ui-toolkit .col-offset-xl-6 {
22271        margin-left: 50%;
22272    }
22273    .ui-toolkit .col-offset-xl-7 {
22274        margin-left: 58.33333%;
22275    }
22276    .ui-toolkit .col-offset-xl-8 {
22277        margin-left: 66.66667%;
22278    }
22279    .ui-toolkit .col-offset-xl-9 {
22280        margin-left: 75%;
22281    }
22282    .ui-toolkit .col-offset-xl-10 {
22283        margin-left: 83.33333%;
22284    }
22285    .ui-toolkit .col-offset-xl-11 {
22286        margin-left: 91.66667%;
22287    }
22288}
22289
22290
22291.ui-toolkit .btn {
22292 
22293    font-size: 14px;
22294 
22295}
22296
22297.ui-toolkit .btn-secondary:active,
22298.ui-toolkit .btn-secondary.is-active,
22299.ui-toolkit .btn-secondary.is-selected {
22300    background-color: #f0f0ec !important;
22301    border-color: rgba(0, 0, 0, 0.5) !important;
22302    color: #222 !important;
22303}
22304
22305.ui-toolkit .btn:hover,
22306.ui-toolkit .btn.is-hovering {
22307    cursor: pointer;
22308    text-decoration: none;
22309}
22310
22311.ui-toolkit .btn:focus {
22312    outline: auto 2px Highlight;
22313    outline: auto 5px -webkit-focus-ring-color;
22314    text-decoration: none;
22315}
22316
22317.ui-toolkit .btn:active,
22318.ui-toolkit .btn.is-active,
22319.ui-toolkit .btn.is-selected {
22320    cursor: default;
22321}
22322
22323.ui-toolkit .btn:disabled,
22324.ui-toolkit .btn.is-disabled {
22325    cursor: default;
22326    pointer-events: none;
22327}
22328
22329.ui-toolkit .btn.caret {
22330    padding-right: 25px;
22331    position: relative;
22332    text-align: left;
22333}
22334
22335.ui-toolkit .btn-list-item {
22336    padding: 0;
22337}
22338
22339.ui-toolkit .btn-list-item>* {
22340    padding: 8px 12px;
22341    color: inherit;
22342    display: block;
22343}
22344
22345.ui-toolkit .btn-list-item a {
22346    text-decoration: none;
22347}
22348
22349.ui-toolkit .btn-list-item a:hover,
22350.ui-toolkit .btn-list-item a:focus {
22351    text-decoration: none;
22352}
22353
22354.ui-toolkit button::-moz-focus-inner {
22355    padding: 0;
22356}
22357
22358.ui-toolkit .btn-primary {
22359    background-color: #222;
22360    border-color: rgba(0, 0, 0, 0.1);
22361    color: #FFF;
22362}
22363
22364.ui-toolkit .btn-primary:hover,
22365.ui-toolkit .btn-primary.is-hovering {
22366    background-color: #3c3c3c;
22367    border-color: rgba(0, 0, 0, 0.2);
22368    color: #FFF;
22369}
22370
22371.ui-toolkit .btn-primary:focus {
22372    border-color: rgba(0, 0, 0, 0.8);
22373    color: #FFF;
22374}
22375
22376.ui-toolkit .btn-primary:active,
22377.ui-toolkit .btn-primary.is-active,
22378.ui-toolkit .btn-primary.is-selected {
22379    background-color: #3c3c3c;
22380    border-color: rgba(0, 0, 0, 0.5);
22381    color: #FFF;
22382}
22383
22384.ui-toolkit .btn-primary:disabled,
22385.ui-toolkit .btn-primary.is-disabled {
22386    background-color: #bbbbbb;
22387    border-color: rgba(0, 0, 0, 0.05);
22388    color: #FFF;
22389}
22390
22391.ui-toolkit .btn-primary.caret:after {
22392    color: rgba(255, 255, 255, 0.8);
22393}
22394
22395.ui-toolkit .btn-secondary {
22396    background-color: #FFF;
22397    border-color: rgba(0, 0, 0, 0.15);
22398    color: #222;
22399}
22400
22401.ui-toolkit .btn-secondary:hover,
22402.ui-toolkit .btn-secondary.is-hovering {
22403    background-color: #f9f9f7;
22404    border-color: rgba(0, 0, 0, 0.2);
22405    color: #222;
22406}
22407
22408.ui-toolkit .btn-secondary:active,
22409.ui-toolkit .btn-secondary.is-active,
22410.ui-toolkit .btn-secondary.is-selected {
22411    background-color: #f0f0ec;
22412    border-color: rgba(0, 0, 0, 0.5);
22413    color: #222;
22414}
22415
22416.ui-toolkit .btn-secondary:active:focus,
22417.ui-toolkit .btn-secondary.is-active:focus,
22418.ui-toolkit .btn-secondary.is-selected:focus {
22419    border-color: rgba(0, 0, 0, 0.8);
22420}
22421
22422.ui-toolkit .btn-secondary:disabled,
22423.ui-toolkit .btn-secondary.is-disabled {
22424    background-color: #FAF9F5;
22425    border-color: rgba(0, 0, 0, 0.15);
22426    color: #757575;
22427}
22428
22429.ui-toolkit .btn-secondary:disabled .ss-icon,
22430.ui-toolkit .btn-secondary.is-disabled .ss-icon {
22431    color: #757575;
22432}
22433
22434.ui-toolkit .btn-secondary:focus {
22435    border-color: rgba(0, 0, 0, 0.8);
22436    color: #222;
22437}
22438
22439.ui-toolkit .btn-outline {
22440    -webkit-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out;
22441    -moz-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out;
22442    -o-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out;
22443    -ms-transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out;
22444    transition: background 0.1s ease-out, border-color 0.1s ease-out, color 0.05s ease-out;
22445    background: none;
22446    border-color: currentColor;
22447    border-style: solid;
22448    border-width: 2px;
22449    color: inherit;
22450}
22451
22452.ui-toolkit .btn-outline-white {
22453    border-color: #FFF;
22454    color: #FFF;
22455}
22456
22457.ui-toolkit .btn-outline-white:hover,
22458.ui-toolkit .btn-outline-white:focus {
22459    background-color: #FFF;
22460    color: #222;
22461}
22462
22463.ui-toolkit .btn-outline-primary {
22464    border-color: #222;
22465    color: #222;
22466}
22467
22468.ui-toolkit .btn-outline-primary:hover,
22469.ui-toolkit .btn-outline-primary:focus {
22470    background-color: #222;
22471    color: #FFF;
22472}
22473
22474.ui-toolkit .btn-outline-orange {
22475    border-color: #222;
22476    color: #222;
22477}
22478
22479.ui-toolkit .btn-outline-orange:hover,
22480.ui-toolkit .btn-outline-orange:focus {
22481    background-color: #222;
22482    color: #FFF;
22483}
22484
22485.ui-toolkit .btn-outline-black {
22486    border-color: #222;
22487    color: #222;
22488}
22489
22490.ui-toolkit .btn-outline-black:hover,
22491.ui-toolkit .btn-outline-black:focus {
22492    background-color: #222;
22493    border-color: #222;
22494    color: #FFF;
22495}
22496
22497.ui-toolkit .btn-transparent {
22498    background-color: transparent;
22499    color: #595959;
22500    border-color: transparent;
22501}
22502
22503.ui-toolkit .btn-transparent:hover,
22504.ui-toolkit .btn-transparent.is-hovering {
22505    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
22506    opacity: 0.8;
22507    color: #595959;
22508}
22509
22510.ui-toolkit .btn-transparent:focus {
22511    border-color: #CBCCC9;
22512    color: #595959;
22513}
22514
22515.ui-toolkit .btn-transparent:active,
22516.ui-toolkit .btn-transparent.is-active,
22517.ui-toolkit .btn-transparent.is-selected {
22518    border-color: rgba(0, 0, 0, 0.4);
22519    color: #222;
22520}
22521
22522.ui-toolkit .btn-transparent:disabled,
22523.ui-toolkit .btn-transparent.is-disabled {
22524    background-color: transparent;
22525    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
22526    opacity: 0.6;
22527    color: #757575;
22528    border-color: transparent;
22529}
22530
22531.ui-toolkit .btn-transparent:disabled .ss-icon,
22532.ui-toolkit .btn-transparent.is-disabled .ss-icon {
22533    color: #757575;
22534}
22535
22536
22537
22538.ui-toolkit .btn-transaction {
22539    background-color: #222;
22540    border-color: rgba(0, 0, 0, 0.1);
22541    color: #FFF;
22542}
22543
22544.ui-toolkit .btn-transaction:hover,
22545.ui-toolkit .btn-transaction.is-hovering {
22546    background-color: #3c3c3c;
22547    border-color: rgba(0, 0, 0, 0.2);
22548}
22549
22550.ui-toolkit .btn-transaction:focus {
22551    border-color: rgba(0, 0, 0, 0.8);
22552}
22553
22554.ui-toolkit .btn-transaction:active,
22555.ui-toolkit .btn-transaction.is-active,
22556.ui-toolkit .btn-transaction.is-selected {
22557    background-color: #3c3c3c;
22558    border-color: rgba(0, 0, 0, 0.5);
22559}
22560
22561.ui-toolkit .btn-transaction:disabled,
22562.ui-toolkit .btn-transaction.is-disabled {
22563    background-color: #bbbbbb;
22564    border-color: rgba(0, 0, 0, 0.05);
22565}
22566
22567.ui-toolkit .btn-transaction.caret:after {
22568    color: rgba(255, 255, 255, 0.8);
22569}
22570
22571.ui-toolkit .btn-caution {
22572    background-color: #C13C27;
22573    border-color: rgba(0, 0, 0, 0.1);
22574    color: #FFF;
22575}
22576
22577.ui-toolkit .btn-caution:hover,
22578.ui-toolkit .btn-caution.is-hovering {
22579    background-color: #ce3f2a;
22580    border-color: rgba(0, 0, 0, 0.2);
22581}
22582
22583.ui-toolkit .btn-caution:focus {
22584    border-color: rgba(0, 0, 0, 0.8);
22585}
22586
22587.ui-toolkit .btn-caution:active,
22588.ui-toolkit .btn-caution.is-active,
22589.ui-toolkit .btn-caution.is-selected {
22590    background-color: #b43824;
22591    border-color: rgba(0, 0, 0, 0.5);
22592}
22593
22594.ui-toolkit .btn-caution:disabled,
22595.ui-toolkit .btn-caution.is-disabled {
22596    background-color: #e17c6d;
22597    border-color: rgba(0, 0, 0, 0.05);
22598}
22599
22600.ui-toolkit .btn-caution.caret:after {
22601    color: rgba(255, 255, 255, 0.8);
22602}
22603
22604.ui-toolkit .btn-orange {
22605    background-color: #222;
22606    border-color: rgba(0, 0, 0, 0.1);
22607    color: #FFF;
22608}
22609
22610.ui-toolkit .btn-orange:hover,
22611.ui-toolkit .btn-orange.is-hovering {
22612    background-color: #3c3c3c;
22613    border-color: rgba(0, 0, 0, 0.2);
22614    color: #FFF;
22615}
22616
22617.ui-toolkit .btn-orange:focus {
22618    border-color: rgba(0, 0, 0, 0.8);
22619    color: #FFF;
22620}
22621
22622.ui-toolkit .btn-orange:active,
22623.ui-toolkit .btn-orange.is-active,
22624.ui-toolkit .btn-orange.is-selected {
22625    background-color: #3c3c3c;
22626    border-color: rgba(0, 0, 0, 0.5);
22627    color: #FFF;
22628}
22629
22630.ui-toolkit .btn-orange:disabled,
22631.ui-toolkit .btn-orange.is-disabled {
22632    background-color: #bbbbbb;
22633    border-color: rgba(0, 0, 0, 0.05);
22634    color: #FFF;
22635}
22636
22637.ui-toolkit .btn-orange-text {
22638    background-color: #FFF;
22639    border-color: #FFF;
22640    color: #222;
22641}
22642
22643.ui-toolkit .btn-orange-text:hover,
22644.ui-toolkit .btn-orange-text.is-hovering {
22645    background-color: #f7f7f7;
22646    color: #222;
22647}
22648
22649.ui-toolkit .btn-orange-text:active,
22650.ui-toolkit .btn-orange-text.is-active,
22651.ui-toolkit .btn-orange-text.is-selected {
22652    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
22653    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
22654    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
22655    background-color: #f2f2f2;
22656    color: #222;
22657}
22658
22659.ui-toolkit .btn-orange-text:disabled,
22660.ui-toolkit .btn-orange-text.is-disabled {
22661    background-color: #ffcba8;
22662    border-color: #ffcba8;
22663    color: #ff6f10;
22664}
22665
22666.ui-toolkit .btn-orange-text:focus {
22667    -moz-box-shadow: 0 0 0 1px #000;
22668    -webkit-box-shadow: 0 0 0 1px #000;
22669    box-shadow: 0 0 0 1px #000;
22670    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
22671    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
22672    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
22673}
22674
22675.ui-toolkit .btn-facebook {
22676    background-color: #3B5998;
22677    border-color: rgba(0, 0, 0, 0.1);
22678    color: #FFF;
22679}
22680
22681.ui-toolkit .btn-facebook:hover,
22682.ui-toolkit .btn-facebook.is-hovering {
22683    background-color: #3f61a3;
22684    border-color: rgba(0, 0, 0, 0.2);
22685}
22686
22687.ui-toolkit .btn-facebook:focus {
22688    border-color: rgba(0, 0, 0, 0.8);
22689}
22690
22691.ui-toolkit .btn-facebook:active,
22692.ui-toolkit .btn-facebook.is-active,
22693.ui-toolkit .btn-facebook.is-selected {
22694    background-color: #37538d;
22695    border-color: rgba(0, 0, 0, 0.5);
22696}
22697
22698.ui-toolkit .btn-facebook:disabled,
22699.ui-toolkit .btn-facebook.is-disabled {
22700    background-color: #96abd6;
22701    border-color: rgba(0, 0, 0, 0.05);
22702}
22703
22704.ui-toolkit .btn-twitter {
22705    background-color: #00B0ED;
22706    border-color: rgba(0, 0, 0, 0.1);
22707    color: #FFF;
22708}
22709
22710.ui-toolkit .btn-twitter:hover,
22711.ui-toolkit .btn-twitter.is-hovering {
22712    background-color: #00bdfc;
22713    border-color: rgba(0, 0, 0, 0.2);
22714}
22715
22716.ui-toolkit .btn-twitter:focus {
22717    border-color: rgba(0, 0, 0, 0.8);
22718}
22719
22720.ui-toolkit .btn-twitter:active,
22721.ui-toolkit .btn-twitter.is-active,
22722.ui-toolkit .btn-twitter.is-selected {
22723    background-color: #00a6de;
22724    border-color: rgba(0, 0, 0, 0.5);
22725}
22726
22727.ui-toolkit .btn-twitter:disabled,
22728.ui-toolkit .btn-twitter.is-disabled {
22729    background-color: #87e1ff;
22730    border-color: rgba(0, 0, 0, 0.05);
22731}
22732
22733.ui-toolkit .btn-pinterest {
22734    background-color: #CE2029;
22735    border-color: rgba(0, 0, 0, 0.1);
22736    color: #FFF;
22737}
22738
22739.ui-toolkit .btn-pinterest:hover,
22740.ui-toolkit .btn-pinterest.is-hovering {
22741    background-color: #db222e;
22742    border-color: rgba(0, 0, 0, 0.2);
22743}
22744
22745.ui-toolkit .btn-pinterest:focus {
22746    border-color: rgba(0, 0, 0, 0.8);
22747}
22748
22749.ui-toolkit .btn-pinterest:active,
22750.ui-toolkit .btn-pinterest.is-active,
22751.ui-toolkit .btn-pinterest.is-selected {
22752    background-color: #c11e29;
22753    border-color: rgba(0, 0, 0, 0.5);
22754}
22755
22756.ui-toolkit .btn-pinterest:disabled,
22757.ui-toolkit .btn-pinterest.is-disabled {
22758    background-color: #ef989e;
22759    border-color: rgba(0, 0, 0, 0.05);
22760}
22761
22762.ui-toolkit .btn-google {
22763    background-color: #4285F4;
22764    border-color: rgba(0, 0, 0, 0.1);
22765    color: #FFF;
22766}
22767
22768.ui-toolkit .btn-google:hover,
22769.ui-toolkit .btn-google.is-hovering {
22770    background-color: #508ff5;
22771    border-color: rgba(0, 0, 0, 0.2);
22772}
22773
22774.ui-toolkit .btn-google:focus {
22775    border-color: rgba(0, 0, 0, 0.8);
22776}
22777
22778.ui-toolkit .btn-google:active,
22779.ui-toolkit .btn-google.is-active,
22780.ui-toolkit .btn-google.is-selected {
22781    background-color: #347df3;
22782    border-color: rgba(0, 0, 0, 0.5);
22783}
22784
22785.ui-toolkit .btn-google:disabled,
22786.ui-toolkit .btn-google.is-disabled {
22787    background-color: #d3e3fc;
22788    border-color: rgba(0, 0, 0, 0.05);
22789}
22790
22791.ui-toolkit .btn-tumblr {
22792    background-color: #35465C;
22793    border-color: rgba(0, 0, 0, 0.1);
22794    color: #FFF;
22795}
22796
22797.ui-toolkit .btn-tumblr:hover,
22798.ui-toolkit .btn-tumblr.is-hovering {
22799    background-color: #3b4e66;
22800    border-color: rgba(0, 0, 0, 0.2);
22801}
22802
22803.ui-toolkit .btn-tumblr:focus {
22804    border-color: rgba(0, 0, 0, 0.8);
22805}
22806
22807.ui-toolkit .btn-tumblr:active,
22808.ui-toolkit .btn-tumblr.is-active,
22809.ui-toolkit .btn-tumblr.is-selected {
22810    background-color: #2f3f52;
22811    border-color: rgba(0, 0, 0, 0.5);
22812}
22813
22814.ui-toolkit .btn-tumblr:disabled,
22815.ui-toolkit .btn-tumblr.is-disabled {
22816    background-color: #7892b2;
22817    border-color: rgba(0, 0, 0, 0.05);
22818}
22819
22820.ui-toolkit .btn-paypal {
22821    background-color: #222;
22822    border-color: rgba(0, 0, 0, 0.1);
22823    color: #FFF;
22824}
22825
22826.ui-toolkit .btn-paypal:hover,
22827.ui-toolkit .btn-paypal.is-hovering {
22828    background-color: #2a2a2a;
22829    border-color: rgba(0, 0, 0, 0.2);
22830}
22831
22832.ui-toolkit .btn-paypal:focus {
22833    border-color: rgba(0, 0, 0, 0.8);
22834}
22835
22836.ui-toolkit .btn-paypal:active,
22837.ui-toolkit .btn-paypal.is-active,
22838.ui-toolkit .btn-paypal.is-selected {
22839    background-color: #1a1a1a;
22840    border-color: rgba(0, 0, 0, 0.5);
22841}
22842
22843.ui-toolkit .btn-paypal:disabled,
22844.ui-toolkit .btn-paypal.is-disabled {
22845    background-color: #6f6f6f;
22846    border-color: rgba(0, 0, 0, 0.05);
22847}
22848
22849.ui-toolkit .btn-small {
22850    font-size: 12px;
22851    font-weight: normal;
22852    height: 28px;
22853    padding: 4px 12px;
22854}
22855
22856.ui-toolkit .btn-large {
22857    font-size: 16px;
22858    height: 48px;
22859    padding: 12px 28px;
22860}
22861
22862.ui-toolkit .btn-large.caret {
22863    padding-left: 12px;
22864}
22865
22866@media only screen and (min-width: 0) and (max-width: 899px) {
22867    .ui-toolkit .btn-responsive {
22868        font-size: 16px;
22869        height: 48px;
22870        padding: 12px 28px;
22871    }
22872    .ui-toolkit .btn-responsive.caret {
22873        padding-left: 12px;
22874    }
22875}
22876
22877.ui-toolkit .btn-icon-with-text {
22878    padding-left: 12px;
22879}
22880
22881.ui-toolkit .btn-icon-with-text .ss-icon {
22882    margin-right: 6px;
22883}
22884
22885.ui-toolkit .btn-group {
22886    white-space: nowrap;
22887}
22888
22889@media only screen and (min-width: 0) {
22890    .ui-toolkit .btn-group-xs {
22891        white-space: nowrap;
22892    }
22893}
22894
22895@media only screen and (min-width: 480px) {
22896    .ui-toolkit .btn-group-sm {
22897        white-space: nowrap;
22898    }
22899}
22900
22901@media only screen and (min-width: 640px) {
22902    .ui-toolkit .btn-group-md {
22903        white-space: nowrap;
22904    }
22905    
22906}
22907
22908@media only screen and (min-width: 900px) {
22909    .ui-toolkit .btn-group-lg {
22910        white-space: nowrap;
22911    }
22912   
22913}
22914
22915@media only screen and (min-width: 1200px) {
22916    .ui-toolkit .btn-group-xl {
22917        white-space: nowrap;
22918    }
22919    
22920}
22921
22922@media only screen and (min-width: 1400px) {
22923    .ui-toolkit .btn-group-tv {
22924        white-space: nowrap;
22925    }
22926   
22927}
22928
22929.ui-toolkit .btn-prepend {
22930    border-bottom-right-radius: 0;
22931    border-top-right-radius: 0;
22932}
22933
22934.ui-toolkit .btn-append {
22935    border-bottom-left-radius: 0;
22936    border-top-left-radius: 0;
22937}
22938
22939.ui-toolkit .unstyled-button {
22940    background-color: transparent;
22941    border: none;
22942    border-radius: 0;
22943    text-decoration: none;
22944    padding: 0;
22945    height: inherit;
22946    text-align: left;
22947    color: #222;
22948    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
22949    font-size: 14px;
22950    line-height: 1.4;
22951}
22952
22953
22954.ui-toolkit a:focus,
22955.ui-toolkit .text-link-primary:focus {
22956    outline: auto 2px Highlight;
22957    outline: auto 5px -webkit-focus-ring-color;
22958}
22959
22960.ui-toolkit a:hover,
22961.ui-toolkit a:focus,
22962.ui-toolkit a:active,
22963.ui-toolkit a.is-active,
22964.ui-toolkit .text-link-primary:hover,
22965.ui-toolkit .text-link-primary:focus,
22966.ui-toolkit .text-link-primary:active,
22967.ui-toolkit .text-link-primary.is-active {
22968    cursor: pointer;
22969}
22970
22971.ui-toolkit a.is-selected,
22972.ui-toolkit .text-link-primary.is-selected {
22973    color: #222;
22974}
22975
22976.ui-toolkit a.is-selected:hover,
22977.ui-toolkit .text-link-primary.is-selected:hover {
22978    cursor: default;
22979    text-decoration: none;
22980}
22981
22982.ui-toolkit .text-link-secondary {
22983    color: #222;
22984    text-decoration: none;
22985}
22986
22987.ui-toolkit .text-link-secondary:focus {
22988    outline: auto 2px Highlight;
22989    outline: auto 5px -webkit-focus-ring-color;
22990}
22991
22992.ui-toolkit .text-link-secondary:hover,
22993.ui-toolkit .text-link-secondary:focus,
22994.ui-toolkit .text-link-secondary:active,
22995.ui-toolkit .text-link-secondary.is-active {
22996    cursor: pointer;
22997    text-decoration: underline;
22998}
22999
23000.ui-toolkit .text-link-secondary.is-selected {
23001    color: #222;
23002}
23003
23004.ui-toolkit .text-link-secondary.is-selected:hover {
23005    cursor: default;
23006    text-decoration: none;
23007}
23008
23009.ui-toolkit .text-link-underline {
23010    text-decoration: underline;
23011    color: inherit;
23012}
23013
23014.ui-toolkit .text-link-underline:hover,
23015.ui-toolkit .text-link-underline:focus,
23016.ui-toolkit .text-link-underline:active,
23017.ui-toolkit .text-link-underline.is-active {
23018    cursor: pointer;
23019    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
23020    opacity: 0.8;
23021}
23022
23023.ui-toolkit .text-link-no-underline {
23024    text-decoration: none;
23025}
23026
23027.ui-toolkit .link-white {
23028    color: #FFF;
23029    text-decoration: underline;
23030}
23031
23032.ui-toolkit .link-white:hover,
23033.ui-toolkit .link-white:focus {
23034    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
23035    opacity: 0.8;
23036}
23037
23038.ui-toolkit .link-gray-darker {
23039    color: #222;
23040    text-decoration: underline;
23041}
23042
23043.ui-toolkit .link-gray-darker:hover,
23044.ui-toolkit .link-gray-darker:focus {
23045    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
23046    opacity: 0.8;
23047}
23048
23049.ui-toolkit .card {
23050    border-radius: 3px;
23051    border: 1px solid #E1E3DF;
23052    border-bottom-color: #CBCCC9;
23053    width: 100%;
23054    /*border-top: none;
23055    border-right: none;
23056    border-bottom: none;*/
23057}
23058
23059.ui-toolkit .card.is-selected {
23060    background-color: #FFF3EE;
23061    border-color: #ffddcf;
23062    border-bottom-color: #ffddcf;
23063}
23064
23065.ui-toolkit .card.is-selected .card-meta+.card-meta:before,
23066.ui-toolkit .card.is-selected .card-meta-row-item:nth-child(n+2):before {
23067    background-color: #FFF3EE;
23068}
23069
23070.ui-toolkit .card.is-selected .card-actions {
23071    border-color: #ffddcf;
23072}
23073
23074.ui-toolkit .card.is-selected .card-actions .ss-icon:not(.text-yellow) {
23075    color: #F56400;
23076}
23077
23078
23079.ui-toolkit .card-body {
23080    border-top-right-radius: 2px;
23081    border-top-left-radius: 2px;
23082    position: relative;
23083}
23084
23085.ui-toolkit .card-body:hover {
23086    border-top-right-radius: 3px;
23087    border-top-left-radius: 3px;
23088    position: relative;
23089    text-decoration: none;
23090    /*z-index: 10;*/
23091}
23092
23093.ui-toolkit .card-body:hover .card-img-wrap:after {
23094    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5);
23095    opacity: 0.05;
23096}
23097
23098.ui-toolkit .card-img-wrap {
23099    position: relative;
23100    margin: 2px;
23101}
23102
23103.ui-toolkit .card-img-wrap img {
23104    width: 100%;
23105}
23106
23107.ui-toolkit .card-img-wrap:after {
23108    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
23109    opacity: 0;
23110    background-color: #000;
23111    bottom: 0;
23112    content: '';
23113    left: 0;
23114    position: absolute;
23115    right: 0;
23116    top: 0;
23117}
23118
23119.ui-toolkit .card-meta {
23120    margin: 10px 8px;
23121}
23122
23123.ui-toolkit .card-meta+.card-meta {
23124    padding-top: 11px;
23125    position: relative;
23126}
23127
23128.ui-toolkit .card-meta+.card-meta:before {
23129    background-color: #FAF9F5;
23130    content: '';
23131    height: 1px;
23132    left: 0px;
23133    position: absolute;
23134    right: 0px;
23135    top: 0px;
23136}
23137
23138.ui-toolkit .card-meta-row {
23139    color: #222;
23140    font-size: 12px;
23141    margin-bottom: 3px;
23142    overflow: hidden;
23143    text-overflow: ellipsis;
23144    white-space: nowrap;
23145}
23146
23147.ui-toolkit .card-meta-row:last-child {
23148    margin-bottom: 0;
23149    display: table;
23150    display: flex;
23151    justify-content: space-between;
23152}
23153
23154.ui-toolkit .card-meta-row:first-child {
23155    display: block;
23156}
23157
23158.ui-toolkit .card-meta-row-item {
23159    display: inline;
23160    position: relative;
23161}
23162
23163.ui-toolkit .card-meta-row-item:nth-child(n+2) {
23164    padding-left: 12px;
23165}
23166
23167.ui-toolkit .card-meta-row-item:nth-child(n+2):before {
23168    background-color: #E1E3DF;
23169    bottom: 15%;
23170    content: '';
23171    left: 4px;
23172    position: absolute;
23173    top: 20%;
23174    width: 1px;
23175}
23176
23177.ui-toolkit .card-similar-listing {
23178    border-radius: 3px;
23179    border-top-right-radius: 0px;
23180    border-top-left-radius: 0px;
23181    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
23182    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
23183    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
23184    position: absolute;
23185    top: -1px;
23186    left: -1px;
23187    right: -1px;
23188    color: #E55400;
23189    background-color: #FFF;
23190    border-color: rgba(0, 0, 0, 0.15);
23191    border-width: 1px;
23192    border-style: solid;
23193    padding: 8px 4px;
23194    display: none;
23195}
23196
23197.ui-toolkit .card-similar-listing:hover {
23198    background-color: #f9f9f7;
23199    border-color: rgba(0, 0, 0, 0.2);
23200}
23201
23202.ui-toolkit .card-title {
23203    font-size: 14px;
23204    font-weight: normal;
23205}
23206
23207.ui-toolkit .card-price {
23208    color: #000;
23209    font-weight: bold;
23210}
23211
23212.ui-toolkit .card-price.float-right {
23213    padding-left: 4px;
23214    order: 2;
23215}
23216
23217.ui-toolkit .card-actions {
23218    display: table;
23219    width: 100%;
23220    border-top: 1px solid #E1E3DF;
23221}
23222
23223.ui-toolkit .card-actions-2 .card-action {
23224    width: 50%;
23225}
23226
23227.ui-toolkit .card-actions-3 .card-action {
23228    width: 33.33333%;
23229}
23230
23231.ui-toolkit .card-action {
23232    -webkit-user-select: none;
23233    -ms-user-select: none;
23234    -moz-user-select: none;
23235    -o-user-select: none;
23236    user-select: none;
23237    -webkit-touch-callout: none;
23238    display: table-cell;
23239    padding: 3px;
23240    text-align: center;
23241}
23242
23243.ui-toolkit .card-action:first-child {
23244    border-bottom-left-radius: 2px;
23245}
23246
23247.ui-toolkit .card-action:last-child {
23248    border-bottom-right-radius: 2px;
23249}
23250
23251.ui-toolkit [class^='block-grid-'] .card {
23252    max-width: none;
23253    width: 100%;
23254}
23255
23256.ui-toolkit .collections-ui {
23257    z-index: 20;
23258}
23259
23260.ui-toolkit .card.buyer-card .badge-white {
23261    background-color: rgba(255, 255, 255, 0.8);
23262}
23263
23264.ui-toolkit .card.buyer-card .card-title {
23265    color: #222;
23266}
23267
23268.ui-toolkit .card.buyer-card .card-meta {
23269    margin: 6px;
23270}
23271
23272.ui-toolkit .card.buyer-card .card-meta-row-item:nth-child(n+2) {
23273    padding-left: 0px;
23274}
23275
23276.ui-toolkit .card.buyer-card .card-meta-row-item:nth-child(n+2):before {
23277    display: none;
23278}
23279
23280.ui-toolkit .card.buyer-card:hover {
23281    border-color: rgba(0, 0, 0, 0.15);
23282    border-bottom-color: rgba(0, 0, 0, 0.3);
23283    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
23284    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
23285    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
23286    text-decoration: none;
23287}
23288
23289.ui-toolkit .card.buyer-card:hover .card-title {
23290    text-decoration: none;
23291}
23292
23293.ui-toolkit .card.buyer-card .card-title:hover {
23294    text-decoration: none;
23295}
23296
23297.ui-toolkit .card.buyer-card a.card-shop-name:hover {
23298    text-decoration: underline;
23299}
23300
23301.ui-toolkit .card.buyer-card .card-body:hover .card-img-wrap:after {
23302    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
23303    opacity: 0;
23304}
23305
23306.ui-toolkit .card.buyer-card .card-price {
23307    color: #222;
23308}
23309
23310.ui-toolkit .card.buyer-card .card-shop-name {
23311    color: #595959;
23312}
23313
23314.ui-toolkit .card.buyer-card .card-img-wrap {
23315    margin: 0px;
23316}
23317
23318.ui-toolkit .card.buyer-card .card-title,
23319.ui-toolkit .card.buyer-card .currency {
23320    font-size: 12px;
23321}
23322
23323.ui-toolkit .listing-card .discounted-price {
23324    color: #222;
23325}
23326
23327.ui-toolkit .listing-card .strike-through {
23328    text-decoration: line-through;
23329}
23330
23331.ui-toolkit .listing-card .discount-note {
23332    color: #2E8539;
23333    font-weight: normal;
23334}
23335
23336.ui-toolkit .listing-card .free-shipping {
23337    font-size: 12px;
23338    background: rgba(255, 255, 255, 0.9);
23339}
23340
23341.ui-toolkit .listing-card .card-meta-row-with-tooltip {
23342    overflow: visible;
23343}
23344
23345.ui-toolkit .spinner {
23346    -webkit-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
23347    -ms-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
23348    -moz-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
23349    -o-animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
23350    animation: web-toolkit-spinner-rotate 0.6s steps(8) infinite;
23351    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxjaXJjbGUgb3BhY2l0eT0iMC40IiBjeD0iMjQiIGN5PSI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjEiIGN4PSI0NCIgY3k9IjI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iNCIgY3k9IjI0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjEiIGN4PSIyNCIgY3k9IjQ0IiByPSI0Ii8+PGNpcmNsZSBvcGFjaXR5PSIwLjQiIGN4PSI5LjkiIGN5PSI5LjkiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjM4LjEiIGN5PSI5LjkiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjkuOSIgY3k9IjM4LjEiIHI9IjQiLz48Y2lyY2xlIG9wYWNpdHk9IjAuMSIgY3g9IjM4LjEiIGN5PSIzOC4xIiByPSI0Ii8+PC9zdmc+');
23352    display: block;
23353    font-size: 0px;
23354    height: 6em;
23355    margin: 0 auto;
23356    overflow: hidden;
23357    position: relative;
23358    text-indent: -9999px;
23359    width: 6em;
23360}
23361
23362.ui-toolkit .spinner-large {
23363    width: 48px;
23364    height: 48px;
23365}
23366
23367.ui-toolkit .spinner-small {
23368    width: 24px;
23369    height: 24px;
23370}
23371
23372.ui-toolkit .spinner-smaller {
23373    width: 16px;
23374    height: 16px;
23375}
23376
23377.ui-toolkit .nav-group,
23378.ui-toolkit .underlined-nav-group {
23379    list-style: none;
23380    line-height: 1;
23381    overflow-x: visible;
23382    overflow-y: visible;
23383    padding: 0;
23384    white-space: nowrap;
23385    -webkit-overflow-scrolling: touch;
23386    -ms-overflow-style: -ms-autohiding-scrollbar;
23387}
23388
23389.ui-toolkit .nav-group-justified .nav-group-item,
23390.ui-toolkit .underlined-nav-group-justified .underlined-nav-item {
23391    display: table-cell;
23392    margin: 0;
23393    text-align: center;
23394    width: 1%;
23395}
23396
23397.ui-toolkit .nav-group-sticky {
23398    -webkit-transition: top 0.3s ease-out;
23399    -moz-transition: top 0.3s ease-out;
23400    -o-transition: top 0.3s ease-out;
23401    -ms-transition: top 0.3s ease-out;
23402    transition: top 0.3s ease-out;
23403}
23404
23405.ui-toolkit .nav-group-sticky.is-stuck {
23406    position: fixed;
23407    top: 0;
23408    width: 100%;
23409    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
23410    z-index: 40;
23411}
23412
23413.ui-toolkit .nav-group-item,
23414.ui-toolkit .underlined-nav-item {
23415    display: inline-block;
23416    cursor: pointer;
23417    line-height: 1;
23418    margin-left: 6px;
23419    margin-right: 6px;
23420    color: #595959;
23421    outline: none;
23422    text-decoration: none;
23423    vertical-align: bottom;
23424    font-size: inherit;
23425    border: none;
23426    background-color: inherit;
23427    -webkit-appearance: none;
23428}
23429
23430.ui-toolkit .nav-group-item:first-child,
23431.ui-toolkit .underlined-nav-item:first-child {
23432    margin-left: 0;
23433}
23434
23435.ui-toolkit .nav-group-item.is-active,
23436.ui-toolkit .nav-group-item:active,
23437.ui-toolkit .underlined-nav-item.is-active,
23438.ui-toolkit .underlined-nav-item:active {
23439    color: #000;
23440}
23441
23442.ui-toolkit .nav-group-item.is-disabled,
23443.ui-toolkit .underlined-nav-item.is-disabled {
23444    color: #757575;
23445}
23446
23447.ui-toolkit .nav-group-item.is-disabled:hover,
23448.ui-toolkit .nav-group-item.is-disabled:active,
23449.ui-toolkit .underlined-nav-item.is-disabled:hover,
23450.ui-toolkit .underlined-nav-item.is-disabled:active {
23451    color: #757575;
23452    cursor: default;
23453    text-decoration: none;
23454}
23455
23456.ui-toolkit .no-touch .nav-group-item:hover,
23457.ui-toolkit .no-touch .underlined-nav-item:hover {
23458    color: #000;
23459}
23460
23461.ui-toolkit .nav-group-item-target:focus {
23462    border: 1px dotted rgba(0, 0, 0, 0.8);
23463    outline: none;
23464}
23465
23466.ui-toolkit .nav-group-underlined,
23467.ui-toolkit .underlined-nav-group {
23468    border-bottom: 1px solid #E1E3DF;
23469    padding-bottom: 0;
23470}
23471
23472.ui-toolkit .nav-group-underlined .nav-group-item,
23473.ui-toolkit .underlined-nav-item {
23474    -moz-box-shadow: 0 0 0 0 #757575 inset;
23475    -webkit-box-shadow: 0 0 0 0 #757575 inset;
23476    box-shadow: 0 0 0 #757575 0 inset;
23477    -webkit-transition: box-shadow 0.1s ease-out;
23478    -moz-transition: box-shadow 0.1s ease-out;
23479    -o-transition: box-shadow 0.1s ease-out;
23480    -ms-transition: box-shadow 0.1s ease-out;
23481    transition: box-shadow 0.1s ease-out;
23482    border-radius: 0;
23483    margin-left: 4px;
23484    margin-right: 4px;
23485    padding-left: 12px;
23486    padding-right: 12px;
23487    padding-bottom: 16px;
23488}
23489
23490.ui-toolkit .nav-group-underlined .nav-group-item:focus,
23491.ui-toolkit .underlined-nav-item:focus {
23492    outline: auto 2px Highlight;
23493    outline: auto 5px -webkit-focus-ring-color;
23494}
23495
23496.ui-toolkit .nav-group-underlined .nav-group-item.is-active,
23497.ui-toolkit .nav-group-underlined .nav-group-item:active,
23498.ui-toolkit .underlined-nav-item.is-active,
23499.ui-toolkit .underlined-nav-item:active {
23500    -moz-box-shadow: 0 -4px 0 0 #F56400 inset;
23501    -webkit-box-shadow: 0 -4px 0 0 #F56400 inset;
23502    box-shadow: 0 -4px 0 #F56400 0 inset;
23503    text-decoration: none;
23504}
23505
23506.ui-toolkit .nav-group-underlined .nav-group-item.is-disabled:hover,
23507.ui-toolkit .nav-group-underlined .nav-group-item.is-disabled:active,
23508.ui-toolkit .underlined-nav-item.is-disabled:hover,
23509.ui-toolkit .underlined-nav-item.is-disabled:active {
23510    -moz-box-shadow: 0 0 0 0 #757575 inset;
23511    -webkit-box-shadow: 0 0 0 0 #757575 inset;
23512    box-shadow: 0 0 0 #757575 0 inset;
23513}
23514
23515.ui-toolkit .no-touch .nav-group-underlined .nav-group-item:hover,
23516.ui-toolkit .no-touch .underlined-nav-item:hover {
23517    -moz-box-shadow: 0 -4px 0 0 #757575 inset;
23518    -webkit-box-shadow: 0 -4px 0 0 #757575 inset;
23519    box-shadow: 0 -4px 0 #757575 0 inset;
23520    text-decoration: none;
23521}
23522
23523.ui-toolkit .overlay-region {
23524    padding: 20px;
23525    z-index: 80;
23526    width: 100%;
23527}
23528
23529.ui-toolkit .overlay-view {
23530    border-radius: 3px;
23531    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
23532    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
23533    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
23534    background: #FFF;
23535    position: relative;
23536    z-index: 80;
23537    max-width: 540px;
23538}
23539
23540@media only screen and (min-width: 640px) {
23541    .ui-toolkit .overlay-view {
23542        margin: 120px auto;
23543    }
23544}
23545
23546@media only screen and (min-width: 480px) and (max-width: 639px) {
23547    .ui-toolkit .overlay-view {
23548        margin: 40px auto;
23549    }
23550}
23551
23552.ui-toolkit .overlay-view.overlay-width-full {
23553    border-radius: 0;
23554    max-width: 100%;
23555}
23556
23557.ui-toolkit .overlay-header {
23558    border-top-right-radius: 3px;
23559    border-top-left-radius: 3px;
23560    background-color: #FBFBFA;
23561    border-bottom: 1px solid #E1E3DF;
23562    font-weight: bold;
23563    position: relative;
23564}
23565
23566.ui-toolkit .overlay-header:before,
23567.ui-toolkit .overlay-header:after {
23568    content: " ";
23569    display: table;
23570}
23571
23572.ui-toolkit .overlay-header:after {
23573    clear: both;
23574}
23575
23576.ui-toolkit .overlay-header a {
23577    color: #222;
23578}
23579
23580.ui-toolkit .overlay-title {
23581    display: block;
23582    overflow: hidden;
23583    padding: 12px 18px;
23584}
23585
23586.ui-toolkit .overlay-close {
23587    color: #595959;
23588    float: right;
23589    padding: 12px 18px;
23590    margin-left: -18px;
23591    z-index: 10;
23592    position: relative;
23593}
23594
23595.ui-toolkit .overlay-close:hover {
23596    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
23597    opacity: 0.8;
23598}
23599
23600.ui-toolkit .overlay-close .ss-delete {
23601    font-size: 12px;
23602    position: relative;
23603    top: 1px;
23604}
23605
23606.ui-toolkit .overlay-back {
23607    color: #595959;
23608    float: left;
23609    padding: 12px 18px;
23610    margin-right: -18px;
23611}
23612
23613.ui-toolkit .overlay-back:hover {
23614    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
23615    opacity: 0.8;
23616}
23617
23618.ui-toolkit .overlay-back .ss-navigateleft {
23619    font-size: 12px;
23620    position: relative;
23621    top: 1px;
23622}
23623
23624.ui-toolkit .overlay-body {
23625    padding: 18px;
23626}
23627
23628.ui-toolkit .overlay-body:first-child {
23629    margin-top: 0;
23630}
23631
23632.ui-toolkit .overlay-body:last-child {
23633    margin-bottom: 0;
23634}
23635
23636.ui-toolkit .overlay-body .list-nav {
23637    margin-left: -18px;
23638    margin-right: -18px;
23639}
23640
23641.ui-toolkit .overlay-body .list-nav.list-nav-flush .list-nav-item {
23642    margin-left: 0;
23643    margin-right: 0;
23644}
23645
23646.ui-toolkit .overlay-body .list-nav-item {
23647    border-radius: 0;
23648    font-weight: normal;
23649    margin: 0;
23650    padding-left: 18px;
23651    padding-right: 18px;
23652}
23653
23654.ui-toolkit .overlay-body .list-nav-item.is-selected {
23655    background-color: #FAF9F5;
23656}
23657
23658.ui-toolkit .overlay-body .list-nav-item.list-nav-item-has-badge {
23659    padding-right: 48px;
23660}
23661
23662.ui-toolkit .overlay-body .list-nav-item .badge {
23663    right: 18px;
23664}
23665
23666.ui-toolkit .overlay-body .is-ghost {
23667    border-radius: 0;
23668}
23669
23670.ui-toolkit .overlay-footer {
23671    border-top: 1px solid #E1E3DF;
23672    padding: 12px 18px;
23673    text-align: right;
23674}
23675
23676.ui-toolkit .overlay-footer .btn:first-child {
23677    float: right;
23678    margin-left: 6px;
23679}
23680
23681.ui-toolkit .overlay-footer .btn {
23682    width: 100%;
23683    margin-bottom: 6px;
23684}
23685
23686.ui-toolkit .overlay-footer .btn:last-child {
23687    margin-bottom: 0;
23688}
23689
23690@media only screen and (min-width: 480px) {
23691    .ui-toolkit .overlay-footer .btn {
23692        width: auto;
23693        margin-bottom: 0;
23694    }
23695}
23696
23697@media only screen and (min-width: 480px) {
23698    .ui-toolkit .overlay-small {
23699        max-width: 360px;
23700    }
23701    .ui-toolkit .overlay-large {
23702        max-width: 680px;
23703    }
23704}
23705
23706.ui-toolkit .overlay-tabbed {
23707    position: static;
23708    padding-top: 14px;
23709    top: 1px;
23710}
23711
23712.ui-toolkit .overlay-view-slide {
23713    display: none;
23714}
23715
23716.ui-toolkit .overlay-view-slide.is-active {
23717    display: block;
23718}
23719
23720.ui-toolkit .overlay-pagination-btn {
23721    border-radius: 50%;
23722    background: none;
23723    border: 2px #E1E3DF solid;
23724    cursor: pointer;
23725    display: inline-block;
23726    height: 14px;
23727    margin: 0 4px;
23728    outline: 0;
23729    padding: 0;
23730    width: 14px;
23731}
23732
23733.ui-toolkit .overlay-pagination-btn:not(.is-active):hover {
23734    background-color: #E1E3DF;
23735}
23736
23737.ui-toolkit .overlay-pagination-btn.is-active {
23738    border-color: #F56400;
23739    background-color: #F56400;
23740}
23741
23742.ui-toolkit .overlay-mask,
23743.ui-toolkit .overlay-content-wrapper {
23744    background-color: rgba(0, 0, 0, 0.5);
23745    overflow-x: hidden;
23746    position: fixed;
23747    right: 0;
23748    top: 0;
23749    left: 0;
23750    right: 0;
23751    bottom: 0;
23752    z-index: 80;
23753    -webkit-overflow-scrolling: touch;
23754}
23755
23756.ui-toolkit .overlay-mask:hover,
23757.ui-toolkit .overlay-content-wrapper:hover {
23758    cursor: default;
23759}
23760
23761@media only screen and (min-width: 640px) {
23762    .ui-toolkit .overlay-mask.mask-transparent,
23763    .ui-toolkit .overlay-content-wrapper.mask-transparent {
23764        background-color: transparent;
23765    }
23766}
23767
23768.ui-toolkit .overlay-content-wrapper {
23769    background-color: transparent;
23770}
23771
23772.ui-toolkit .overlay-iframe-container {
23773    -webkit-overflow-scrolling: touch;
23774    overflow-y: scroll;
23775}
23776
23777@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
23778    .ui-toolkit .overlay-iframe-container {
23779        max-height: 300px;
23780    }
23781}
23782
23783@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
23784    .ui-toolkit .overlay-iframe-container {
23785        max-height: 350px;
23786    }
23787}
23788
23789@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
23790    .ui-toolkit .overlay-iframe-container {
23791        max-height: 650px;
23792    }
23793}
23794
23795@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
23796    .ui-toolkit .overlay-iframe-container {
23797        max-height: 720px;
23798    }
23799}
23800
23801.ui-toolkit .global-nav {
23802    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
23803    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
23804    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
23805    background-color: #FFF;
23806}
23807
23808.ui-toolkit .global-nav:hover {
23809    cursor: default;
23810}
23811
23812.ui-toolkit .global-nav.clear:after {
23813    content: " ";
23814    display: block;
23815    clear: both;
23816    visibility: hidden;
23817    line-height: 0;
23818    height: 0;
23819}
23820
23821.ui-toolkit #gnav-header {
23822    margin-left: 0;
23823    margin-right: 0;
23824    z-index: 50;
23825}
23826
23827.ui-toolkit #gnav-header #search-query,
23828.ui-toolkit #gnav-header .btn-primary {
23829    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
23830}
23831
23832@media screen and (orientation: portrait) and (min-device-width: 740px),
23833screen and (orientation: landscape) and (min-device-height: 740px) {
23834    .ui-toolkit #gnav-header #search-query,
23835    .ui-toolkit #gnav-header .btn-primary {
23836        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
23837    }
23838}
23839
23840.ui-toolkit #gnav-header #search-query {
23841    -webkit-appearance: none;
23842}
23843
23844.ui-toolkit #gnav-header #gnav-header-inner {
23845    width: auto;
23846}
23847
23848@media only screen and (min-width: 280px) and (max-width: 479px) {
23849/*    .is-responsive .gnav-header .loggedInLogo {
23850        margin: 0px !important;
23851        width: 8px !important;
23852        cursor: pointer;
23853    }*/
23854}
23855
23856@media only screen and (min-width: 480px) and (max-width: 639px) {
23857    .is-responsive .gnav-header .loggedInLogo {
23858        /*margin: 0px !important;*/
23859        width: 20px !important;
23860        cursor: pointer;
23861    }
23862    .ui-toolkit #gnav-header #gnav-header-inner .search-browse-wrapper {
23863        margin: 0 -1px;
23864    }
23865    .search-bar-panel {
23866    top: 79%;
23867    }
23868}
23869
23870@media only screen and (min-width: 640px) and (max-width: 1024px) {
23871    /*.is-responsive .gnav-header .loggedInLogo {
23872        margin: 0px !important;
23873        width: 8px !important;
23874        cursor: pointer;
23875    }*/
23876    .ui-toolkit #gnav-header #gnav-header-inner .search-browse-wrapper {
23877        padding: 0 18px;
23878        margin: 0 -12px;
23879    }
23880    .search-bar-panel {
23881    top: 79%;
23882    }
23883}
23884
23885.ui-toolkit #cnav-header #cnav-header-inner {
23886    width: auto;
23887}
23888
23889.ui-toolkit #gnav-footer {
23890    margin-left: 0;
23891    margin-right: 0;
23892}
23893
23894.ui-toolkit .global-nav-secondary {
23895    border-top: 1px solid #E1E3DF;
23896}
23897
23898@media only screen and (min-width: 0) {
23899    .ui-toolkit .global-nav-secondary .global-nav-list-item {
23900        height: 54px;
23901        line-height: 54px;
23902    }
23903}
23904
23905@media only screen and (min-width: 640px) {
23906    .ui-toolkit .global-nav-secondary {
23907        padding-top: 8px;
23908        padding-bottom: 4px;
23909    }
23910    .ui-toolkit .global-nav-secondary .global-nav-list-item {
23911        height: 38px;
23912        line-height: 38px;
23913        margin-bottom: 4px;
23914    }
23915}
23916
23917.ui-toolkit .global-nav-secondary .global-nav-list-item:hover,
23918.ui-toolkit .global-nav-secondary .global-nav-list-item:focus,
23919.ui-toolkit .global-nav-secondary .global-nav-list-item.is-active {
23920    color: #222;
23921}
23922
23923.ui-toolkit .global-nav-secondary .global-nav-list-item.is-selected,
23924.ui-toolkit .global-nav-secondary .global-nav-list-item.is-selected:hover {
23925    border-radius: 3px;
23926    background-color: #FAF9F5;
23927    color: #222;
23928    text-decoration: none;
23929}
23930
23931.ui-toolkit .global-nav-secondary .global-nav-list-item[data-dropdown].is-selected:hover,
23932.ui-toolkit .global-nav-secondary .global-nav-list-item[data-dropdown].is-selected.is-active {
23933    cursor: pointer;
23934}
23935
23936.ui-toolkit .global-nav-secondary .global-nav-list-item.is-active .child-hover-underline {
23937    text-decoration: underline;
23938}
23939
23940.ui-toolkit .footer-redesign .footer-logo {
23941    color: #F56400;
23942    height: 30px;
23943    width: 60px;
23944}
23945
23946.ui-toolkit .global-nav-badge-position,
23947.ui-toolkit .global-nav-avatar-badge-position {
23948    margin-right: -18px;
23949    position: relative;
23950    z-index: 10;
23951}
23952
23953@media only screen and (min-width: 0) and (max-width: 479px) {
23954    .ui-toolkit .global-nav-badge-position,
23955    .ui-toolkit .global-nav-avatar-badge-position {
23956        -webkit-transform: scale(0.7);
23957        -ms-transform: scale(0.7);
23958        -moz-transform: scale(0.7);
23959        -o-transform: scale(0.7);
23960        transform: scale(0.7);
23961        position: absolute;
23962        top: 3px;
23963        right: 18px;
23964    }
23965}
23966
23967@media only screen and (min-width: 900px) {
23968    .ui-toolkit .global-nav-badge-position,
23969    .ui-toolkit .global-nav-avatar-badge-position {
23970        position: absolute;
23971        top: -16px;
23972        right: 50%;
23973        margin-right: -22px;
23974    }
23975}
23976
23977@media only screen and (min-width: 900px) {
23978    .ui-toolkit .global-nav-avatar-badge-position {
23979        top: -12px;
23980    }
23981}
23982
23983.ui-toolkit .global-nav-list {
23984    list-style: none;
23985    padding-left: 0;
23986}
23987
23988.ui-toolkit .global-nav-list:before,
23989.ui-toolkit .global-nav-list:after {
23990    content: " ";
23991    display: table;
23992}
23993
23994.ui-toolkit .global-nav-list:after {
23995    clear: both;
23996}
23997
23998.ui-toolkit .global-nav-list>li {
23999    display: inline-block;
24000}
24001
24002.ui-toolkit .global-nav-list-item {
24003    color: #222;
24004    display: inline-block;
24005    margin-right: -4px;
24006    position: relative;
24007}
24008
24009@media only screen and (min-width: 0) {
24010    .ui-toolkit .global-nav-list-item {
24011        padding-left: 12px;
24012        padding-right: 12px;
24013    }
24014}
24015
24016@media only screen and (min-width: 1400px) {
24017    .ui-toolkit .global-nav-list-item {
24018        padding-left: 18px;
24019        padding-right: 18px;
24020    }
24021}
24022
24023.ui-toolkit .global-nav-list-item:hover {
24024    text-decoration: none;
24025}
24026
24027.ui-toolkit .global-nav-list-item:hover:not(.is-selected) .ss-icon {
24028    color: #222;
24029}
24030
24031.ui-toolkit .global-nav-list-item-divider {
24032    position: relative;
24033    margin-left: 12px;
24034}
24035
24036.ui-toolkit .global-nav-list-item-divider:before {
24037    background-color: #E1E3DF;
24038    top: 20%;
24039    bottom: 20%;
24040    content: '';
24041    left: -7px;
24042    position: absolute;
24043    width: 1px;
24044}
24045
24046.ui-toolkit .global-nav-large-icon {
24047    color: #222;
24048    position: relative;
24049}
24050
24051@media only screen and (min-width: 0) {
24052    .ui-toolkit .global-nav-large-icon {
24053        font-size: 18px;
24054    }
24055}
24056
24057@media only screen and (min-width: 640px) {
24058    .ui-toolkit .global-nav-large-icon {
24059        font-size: 20px;
24060    }
24061}
24062
24063@media only screen and (min-width: 900px) {
24064    .ui-toolkit .global-nav-large-icon {
24065        display: block;
24066        text-align: center;
24067    }
24068}
24069
24070.ui-toolkit .has-global-nav-avatar:hover .global-nav-avatar-img-wrap:after {
24071    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
24072    opacity: 0.2;
24073}
24074
24075.ui-toolkit .global-nav-avatar-img-wrap {
24076    display: inline-block;
24077    height: 30px;
24078    width: 30px;
24079    position: relative;
24080    top: 9px;
24081}
24082
24083.ui-toolkit .global-nav-avatar-img-wrap:after {
24084    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
24085    opacity: 0;
24086    background-color: #000;
24087    bottom: 0;
24088    content: '';
24089    left: 0;
24090    position: absolute;
24091    right: 0;
24092    top: 0;
24093}
24094
24095.ui-toolkit .global-nav-avatar-img-wrap:hover:after {
24096    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5);
24097    opacity: 0.05;
24098}
24099
24100@media only screen and (min-width: 900px) {
24101    .ui-toolkit .global-nav-avatar-img-wrap {
24102        display: block;
24103        height: 24px;
24104        width: 24px;
24105        top: 0px;
24106        left: 3px;
24107    }
24108}
24109
24110.ui-toolkit .global-nav-avatar-small,
24111.ui-toolkit .global-nav-avatar-large {
24112    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
24113    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
24114    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
24115    background-color: #FAF9F5;
24116    color: #E1E3DF;
24117    display: block;
24118    text-align: center;
24119}
24120
24121.ui-toolkit .global-nav-avatar-small {
24122    height: 30px;
24123    width: 30px;
24124    line-height: 30px;
24125}
24126
24127@media only screen and (min-width: 900px) {
24128    .ui-toolkit .global-nav-avatar-small {
24129        height: 24px;
24130        width: 24px;
24131        line-height: 24px;
24132    }
24133}
24134
24135.ui-toolkit .global-nav-avatar-large {
24136    height: 60px;
24137    line-height: 60px;
24138    width: 60px;
24139}
24140
24141.ui-toolkit .global-nav-avatar-large .ss-icon {
24142    font-size: 40px;
24143    position: relative;
24144    top: 4px;
24145}
24146
24147@media only screen and (min-width: 1200px) {
24148    .ui-toolkit .prototype-leave-link {
24149        float: right;
24150    }
24151}
24152
24153.ui-toolkit .secondary-nav-overlay-view .caret {
24154    display: none;
24155}
24156
24157.ui-toolkit .global-nav-secondary-ellipses {
24158    display: none;
24159}
24160
24161.ui-toolkit .secondary-nav-overlay-view .global-nav-secondary-ellipses {
24162    display: inline-block;
24163    margin-left: -1px;
24164}
24165
24166.ui-toolkit .secondary-nav-overlay-view .parent-hover-underline:hover .child-hover-underline,
24167.ui-toolkit .secondary-nav-overlay-view .parent-hover-underline.is-active .child-hover-underline {
24168    text-decoration: none;
24169}
24170
24171.ui-toolkit .body-max-width-980 #gnav-header-inner,
24172.ui-toolkit .body-max-width-980 #content,
24173.ui-toolkit .body-max-width-980 #gnav-footer-inner,
24174.ui-toolkit .body-max-width-980 .cnav-header-inner,
24175.ui-toolkit .body-max-width-980 .cnav-nav-inner {
24176    max-width: 1052px;
24177    margin-left: auto;
24178    margin-right: auto;
24179}
24180
24181.ui-toolkit .body-max-width-980 #gnav-header-inner.widened-nav,
24182.ui-toolkit .body-max-width-980 #content.widened-nav,
24183.ui-toolkit .body-max-width-980 #gnav-footer-inner.widened-nav,
24184.ui-toolkit .body-max-width-980 .cnav-header-inner.widened-nav,
24185.ui-toolkit .body-max-width-980 .cnav-nav-inner.widened-nav {
24186    max-width: 1272px;
24187    width: auto;
24188}
24189
24190.ui-toolkit .footer-redesign .unified-locale-settings {
24191    display: inline-block;
24192}
24193
24194.ui-toolkit .responsive-nav-experiment {
24195    clear: both !important;
24196    border-top: 0 !important;
24197    font-size: 14px !important;
24198    color: #222 !important;
24199}
24200
24201.ui-toolkit .responsive-nav-experiment .global-nav-toggle-disabled:before {
24202    background-color: transparent;
24203    bottom: 0;
24204    content: '';
24205    left: 0;
24206    position: absolute;
24207    right: 0;
24208    top: 0;
24209    z-index: 20;
24210}
24211
24212.ui-toolkit .responsive-nav-experiment .global-nav-toggle-disabled:hover {
24213    text-decoration: initial;
24214    cursor: initial;
24215}
24216
24217.ui-toolkit .responsive-nav-experiment ul.list-inline li {
24218    margin-right: 12px !important;
24219}
24220
24221@media only screen and (min-width: 0) and (max-width: 899px) {
24222    .ui-toolkit .responsive-nav-experiment .text-center-md {
24223        text-align: center;
24224    }
24225    .ui-toolkit .responsive-nav-experiment .unified-locale-settings {
24226        display: inline-block;
24227    }
24228}
24229
24230.ui-toolkit .bg-white {
24231    background-color: #FFF;
24232}
24233
24234.ui-toolkit .bg-gray-darker {
24235    background-color: #E1E3DF;
24236    border-color: rgba(0, 0, 0, 0.05);
24237}
24238
24239.ui-toolkit .bg-gray {
24240    background-color: #FAF9F5;
24241    border-color: #E1E3DF;
24242}
24243
24244.ui-toolkit .bg-gray-lighter {
24245    background-color: #FBFBFA;
24246    border-color: #FAF9F5;
24247}
24248
24249.ui-toolkit .bg-blue {
24250    background-color: #34A8C4;
24251    border-color: rgba(0, 0, 0, 0.1);
24252}
24253
24254.ui-toolkit .bg-blue-lighter {
24255    background-color: #CCE9F0;
24256    border-color: rgba(0, 0, 0, 0.05);
24257}
24258
24259.ui-toolkit .bg-blue-lightest {
24260    background-color: #F0FBFD;
24261    border-color: rgba(0, 0, 0, 0.05);
24262}
24263
24264.ui-toolkit .bg-green {
24265    background-color: #2E8539;
24266    border-color: rgba(0, 0, 0, 0.1);
24267}
24268
24269.ui-toolkit .bg-green-lighter {
24270    background-color: #E4F3D9;
24271    border-color: rgba(0, 0, 0, 0.05);
24272}
24273
24274.ui-toolkit .bg-yellow {
24275    background-color: #FFCF5C;
24276    border-color: rgba(0, 0, 0, 0.1);
24277}
24278
24279.ui-toolkit .bg-yellow-lighter {
24280    background-color: #FFFAED;
24281    border-color: rgba(0, 0, 0, 0.05);
24282}
24283
24284.ui-toolkit .bg-red {
24285    background-color: #F76A6A;
24286    border-color: rgba(0, 0, 0, 0.1);
24287}
24288
24289.ui-toolkit .bg-red-lighter {
24290    background-color: #FFEDED;
24291    border-color: rgba(0, 0, 0, 0.05);
24292}
24293
24294.ui-toolkit .bg-purple {
24295    background-color: #C788CE;
24296    border-color: rgba(0, 0, 0, 0.1);
24297}
24298
24299.ui-toolkit .bg-purple-lighter {
24300    background-color: #F8EFF8;
24301    border-color: rgba(0, 0, 0, 0.05);
24302}
24303
24304.ui-toolkit .bg-orange-darker {
24305    background-color: #E55400;
24306    border-color: rgba(0, 0, 0, 0.1);
24307}
24308
24309.ui-toolkit .bg-orange {
24310    background-color: #F56400;
24311    border-color: rgba(0, 0, 0, 0.1);
24312}
24313
24314.ui-toolkit .bg-orange-lightest {
24315    background-color: #FFF3EE;
24316    border-color: rgba(0, 0, 0, 0.1);
24317}
24318
24319.ui-toolkit .bg-almond {
24320    background-color: #F2D0B8;
24321    border-color: rgba(0, 0, 0, 0.1);
24322}
24323
24324.ui-toolkit .bg-autumn {
24325    background-color: #C13C27;
24326    border-color: rgba(0, 0, 0, 0.1);
24327}
24328
24329.ui-toolkit .bg-blinding-sandstorm {
24330    background-color: #FBEAD8;
24331    border-color: rgba(0, 0, 0, 0.1);
24332}
24333
24334.ui-toolkit .bg-blood-orange-sorbet {
24335    background-color: #FFAC8F;
24336    border-color: rgba(0, 0, 0, 0.1);
24337}
24338
24339.ui-toolkit .bg-cara-cara {
24340    background-color: #FF883E;
24341    border-color: rgba(0, 0, 0, 0.1);
24342}
24343
24344.ui-toolkit .bg-creamsicle {
24345    background-color: #FFAC62;
24346    border-color: rgba(0, 0, 0, 0.1);
24347}
24348
24349.ui-toolkit .bg-nacho-cheese {
24350    background-color: #FFA300;
24351    border-color: rgba(0, 0, 0, 0.1);
24352}
24353
24354.ui-toolkit .bg-old-rose {
24355    background-color: #EAC1BE;
24356    border-color: rgba(0, 0, 0, 0.1);
24357}
24358
24359.ui-toolkit .bg-one-year-old-gouda {
24360    background-color: #FECF84;
24361    border-color: rgba(0, 0, 0, 0.1);
24362}
24363
24364.ui-toolkit .text-white {
24365    color: #FFF;
24366}
24367
24368.ui-toolkit .text-gray-darkest {
24369    color: #222;
24370}
24371
24372.ui-toolkit a.text-gray-darkest:hover {
24373    color: #131313;
24374}
24375
24376.ui-toolkit .text-gray-darker {
24377    color: #222;
24378}
24379
24380.ui-toolkit a.text-gray-darker:hover {
24381    color: #131313;
24382}
24383
24384.ui-toolkit .text-gray {
24385    color: #222;
24386}
24387
24388.ui-toolkit a.text-gray:hover {
24389    color: #131313;
24390}
24391
24392.ui-toolkit .text-gray-lighter {
24393    color: #595959;
24394}
24395
24396.ui-toolkit a.text-gray-lighter:hover {
24397    color: #4a4a4a;
24398}
24399
24400.ui-toolkit .text-gray-lightest {
24401    color: #757575;
24402}
24403
24404.ui-toolkit a.text-gray-lightest:hover {
24405    color: #666666;
24406}
24407
24408.ui-toolkit .text-danger {
24409    color: #C13C27;
24410}
24411
24412.ui-toolkit a.text-danger:hover {
24413    color: #a83422;
24414}
24415
24416.ui-toolkit .text-blue {
24417    color: #0192B5;
24418}
24419
24420.ui-toolkit a.text-blue:hover {
24421    color: #017b97;
24422}
24423
24424.ui-toolkit .text-blue-lighter {
24425    color: #83CBDC;
24426}
24427
24428.ui-toolkit a.text-blue-lighter:hover {
24429    color: #6bc2d5;
24430}
24431
24432.ui-toolkit .text-green {
24433    color: #2E8539;
24434}
24435
24436.ui-toolkit a.text-green:hover {
24437    color: #266e2f;
24438}
24439
24440.ui-toolkit .text-yellow {
24441    color: #ECA600;
24442}
24443
24444.ui-toolkit a.text-yellow:hover {
24445    color: #cd9000;
24446}
24447
24448.ui-toolkit .text-red {
24449    color: #C13C27;
24450}
24451
24452.ui-toolkit a.text-red:hover {
24453    color: #a83422;
24454}
24455
24456.ui-toolkit .text-purple {
24457    color: #B972C0;
24458}
24459
24460.ui-toolkit a.text-purple:hover {
24461    color: #ae5db7;
24462}
24463
24464.ui-toolkit .text-orange {
24465    color: #E55400;
24466}
24467
24468.ui-toolkit a.text-orange:hover {
24469    color: #c64900;
24470}
24471
24472.ui-toolkit .text-nacho-cheese {
24473    color: #FFA300;
24474}
24475
24476.ui-toolkit .fill-none {
24477    fill: none !important;
24478}
24479
24480.ui-toolkit .stroke-none {
24481    stroke: none !important;
24482}
24483
24484.ui-toolkit .fill-white {
24485    fill: #FFF !important;
24486}
24487
24488.ui-toolkit .stroke-white {
24489    stroke: #FFF !important;
24490}
24491
24492.ui-toolkit .fill-black {
24493    fill: #000 !important;
24494}
24495
24496.ui-toolkit .stroke-black {
24497    stroke: #000 !important;
24498}
24499
24500.ui-toolkit .fill-gray {
24501    fill: #222 !important;
24502}
24503
24504.ui-toolkit .stroke-gray {
24505    stroke: #222 !important;
24506}
24507
24508.ui-toolkit .fill-gray-darker {
24509    fill: #222 !important;
24510}
24511
24512.ui-toolkit .stroke-gray-darker {
24513    stroke: #222 !important;
24514}
24515
24516.ui-toolkit .fill-gray-darkest {
24517    fill: #222 !important;
24518}
24519
24520.ui-toolkit .stroke-gray-darkest {
24521    stroke: #222 !important;
24522}
24523
24524.ui-toolkit .fill-gray-lighter {
24525    fill: #595959 !important;
24526}
24527
24528.ui-toolkit .stroke-gray-lighter {
24529    stroke: #595959 !important;
24530}
24531
24532.ui-toolkit .fill-gray-lightest {
24533    fill: #757575 !important;
24534}
24535
24536.ui-toolkit .stroke-gray-lightest {
24537    stroke: #757575 !important;
24538}
24539
24540.ui-toolkit .fill-orange-darker {
24541    fill: #E55400 !important;
24542}
24543
24544.ui-toolkit .stroke-orange-darker {
24545    stroke: #E55400 !important;
24546}
24547
24548.ui-toolkit .fill-orange {
24549    fill: #F56400 !important;
24550}
24551
24552.ui-toolkit .stroke-orange {
24553    stroke: #F56400 !important;
24554}
24555
24556.ui-toolkit .fill-orange-lightest {
24557    fill: #FFF3EE !important;
24558}
24559
24560.ui-toolkit .stroke-orange-lightest {
24561    stroke: #FFF3EE !important;
24562}
24563
24564.ui-toolkit .fill-facebook {
24565    fill: #3B5998 !important;
24566}
24567
24568.ui-toolkit .fill-twitter {
24569    fill: #00B0ED !important;
24570}
24571
24572.ui-toolkit .fill-pinterest {
24573    fill: #CE2029 !important;
24574}
24575
24576.ui-toolkit .fill-google {
24577    fill: #4285F4 !important;
24578}
24579
24580.ui-toolkit .fill-tumblr {
24581    fill: #35465C !important;
24582}
24583
24584.ui-toolkit .fill-almond {
24585    fill: #F2D0B8 !important;
24586}
24587
24588.ui-toolkit .stroke-almond {
24589    stroke: #F2D0B8 !important;
24590}
24591
24592.ui-toolkit .fill-autumn {
24593    fill: #C13C27 !important;
24594}
24595
24596.ui-toolkit .stroke-autumn {
24597    stroke: #C13C27 !important;
24598}
24599
24600.ui-toolkit .fill-blinding-sandstorm {
24601    fill: #FBEAD8 !important;
24602}
24603
24604.ui-toolkit .stroke-blinding-sandstorm {
24605    stroke: #FBEAD8 !important;
24606}
24607
24608.ui-toolkit .fill-blood-orange-sorbet {
24609    fill: #FFAC8F !important;
24610}
24611
24612.ui-toolkit .stroke-blood-orange-sorbet {
24613    stroke: #FFAC8F !important;
24614}
24615
24616.ui-toolkit .fill-cara-cara {
24617    fill: #FF883E !important;
24618}
24619
24620.ui-toolkit .stroke-cara-cara {
24621    stroke: #FF883E !important;
24622}
24623
24624.ui-toolkit .fill-creamsicle {
24625    fill: #FFAC62 !important;
24626}
24627
24628.ui-toolkit .stroke-creamsicle {
24629    stroke: #FFAC62 !important;
24630}
24631
24632.ui-toolkit .fill-nacho-cheese {
24633    fill: #FFA300 !important;
24634}
24635
24636.ui-toolkit .stroke-nacho-cheese {
24637    stroke: #FFA300 !important;
24638}
24639
24640.ui-toolkit .fill-old-rose {
24641    fill: #EAC1BE !important;
24642}
24643
24644.ui-toolkit .stroke-old-rose {
24645    stroke: #EAC1BE !important;
24646}
24647
24648.ui-toolkit .fill-one-year-old-gouda {
24649    fill: #FECF84 !important;
24650}
24651
24652.ui-toolkit .stroke-one-year-old-gouda {
24653    stroke: #FECF84 !important;
24654}
24655
24656.ui-toolkit .ss-icon {
24657    line-height: 1;
24658}
24659
24660.ui-toolkit .icon-smallest {
24661    font-size: 7px;
24662}
24663
24664.ui-toolkit .icon-smaller {
24665    font-size: 12px;
24666}
24667
24668.ui-toolkit .icon-larger {
24669    font-size: 24px;
24670}
24671
24672@media only screen and (min-width: 0) {
24673    .ui-toolkit .icon-smallest-xs {
24674        font-size: 7px;
24675    }
24676    .ui-toolkit .icon-smaller-xs {
24677        font-size: 12px;
24678    }
24679    .ui-toolkit .icon-larger-xs {
24680        font-size: 24px;
24681    }
24682}
24683
24684@media only screen and (min-width: 480px) {
24685    .ui-toolkit .icon-smallest-sm {
24686        font-size: 7px;
24687    }
24688    .ui-toolkit .icon-smaller-sm {
24689        font-size: 12px;
24690    }
24691    .ui-toolkit .icon-larger-sm {
24692        font-size: 24px;
24693    }
24694}
24695
24696@media only screen and (min-width: 640px) {
24697    .ui-toolkit .icon-smallest-md {
24698        font-size: 7px;
24699    }
24700    .ui-toolkit .icon-smaller-md {
24701        font-size: 12px;
24702    }
24703    .ui-toolkit .icon-larger-md {
24704        font-size: 24px;
24705    }
24706}
24707
24708@media only screen and (min-width: 900px) {
24709    .ui-toolkit .icon-smallest-lg {
24710        font-size: 7px;
24711    }
24712    .ui-toolkit .icon-smaller-lg {
24713        font-size: 12px;
24714    }
24715    .ui-toolkit .icon-larger-lg {
24716        font-size: 24px;
24717    }
24718}
24719
24720@media only screen and (min-width: 1200px) {
24721    .ui-toolkit .icon-smallest-xl {
24722        font-size: 7px;
24723    }
24724    .ui-toolkit .icon-smaller-xl {
24725        font-size: 12px;
24726    }
24727    .ui-toolkit .icon-larger-xl {
24728        font-size: 24px;
24729    }
24730}
24731
24732@media only screen and (min-width: 1400px) {
24733    .ui-toolkit .icon-smallest-tv {
24734        font-size: 7px;
24735    }
24736    .ui-toolkit .icon-smaller-tv {
24737        font-size: 12px;
24738    }
24739    .ui-toolkit .icon-larger-tv {
24740        font-size: 24px;
24741    }
24742}
24743
24744.ui-toolkit .icon-graphic {
24745    font-size: 56px;
24746}
24747
24748.ui-toolkit [class*='icon-b-'],
24749.ui-toolkit [class*='icon-t-'],
24750.ui-toolkit [class*='icon-l-'],
24751.ui-toolkit [class*='icon-r-'] {
24752    position: relative;
24753}
24754
24755.ui-toolkit .icon-b-1 {
24756    /** bottom: 1px; **/
24757}
24758
24759.ui-toolkit .icon-b-2 {
24760    bottom: 2px;
24761}
24762
24763.ui-toolkit .icon-b-3 {
24764    bottom: 3px;
24765}
24766
24767.ui-toolkit .icon-b-4 {
24768    bottom: 4px;
24769}
24770
24771.ui-toolkit .icon-t-1 {
24772    top: 1px;
24773}
24774
24775.ui-toolkit .icon-t-2 {
24776    top: 2px;
24777}
24778
24779.ui-toolkit .icon-t-3 {
24780    top: 3px;
24781}
24782
24783.ui-toolkit .icon-t-4 {
24784    top: 4px;
24785}
24786
24787.ui-toolkit .icon-r-1 {
24788    right: 1px;
24789}
24790
24791.ui-toolkit .icon-r-2 {
24792    right: 2px;
24793}
24794
24795.ui-toolkit .icon-r-3 {
24796    right: 3px;
24797}
24798
24799.ui-toolkit .icon-r-4 {
24800    right: 4px;
24801}
24802
24803.ui-toolkit .icon-l-1 {
24804    left: 1px;
24805}
24806
24807.ui-toolkit .icon-l-2 {
24808    left: 2px;
24809}
24810
24811.ui-toolkit .icon-l-3 {
24812    left: 3px;
24813}
24814
24815.ui-toolkit .icon-l-4 {
24816    left: 4px;
24817}
24818
24819.ui-toolkit .icon-outline {
24820    -webkit-text-fill-color: transparent;
24821    -webkit-text-stroke: 1px #CBCCC9;
24822}
24823
24824.ui-toolkit .icon-circle-container {
24825    border-radius: 50%;
24826    display: inline-block;
24827    padding: 3px;
24828    line-height: 1;
24829}
24830
24831.ui-toolkit a.ss-icon:hover {
24832    text-decoration: none;
24833}
24834
24835.ui-toolkit .gigtodo-icon {
24836    display: inline-block;
24837    fill: currentColor;
24838    vertical-align: middle;
24839}
24840
24841
24842.ui-toolkit #gigtodo-modal-container .gigtodo-icon {
24843    width: 24px;
24844    height: 24px;
24845}
24846
24847.ui-toolkit .center-icon {
24848
24849margin-top: -20px;
24850margin-right: 10px;
24851display: inline-block;
24852fill: currentColor;
24853height: 24px;
24854vertical-align: middle;
24855width: 24px;
24856
24857}
24858
24859.ui-toolkit .gigtodo-icon svg {
24860    display: block;
24861}
24862
24863.ui-toolkit .gigtodo-icon.icon-smallest {
24864    height: 12px;
24865    width: 12px;
24866}
24867
24868.ui-toolkit .gigtodo-icon.icon-smaller {
24869    top: -2px;
24870    position: relative;    
24871    height: 20px !important;
24872    width: 20px !important;
24873}
24874
24875.ui-toolkit .gigtodo-icon.icon-larger {
24876    height: 36px;
24877    width: 36px;
24878}
24879
24880.ui-toolkit .gigtodo-icon.icon-largest {
24881    height: 48px;
24882    width: 48px;
24883}
24884
24885@media only screen and (min-width: 0) {
24886    .ui-toolkit .display-flex-xs {
24887        display: flex !important;
24888    }
24889    .ui-toolkit .display-inline-flex-xs {
24890        display: inline-flex !important;
24891    }
24892    .ui-toolkit .flex-xs-none {
24893        flex: 0 0 auto !important;
24894    }
24895    .ui-toolkit .flex-xs-auto {
24896        flex: 1 1 auto !important;
24897    }
24898    .ui-toolkit .flex-xs-0 {
24899        flex: 0 1 0% !important;
24900    }
24901    .ui-toolkit .flex-xs-1 {
24902        flex: 1 1 0% !important;
24903    }
24904    .ui-toolkit .flex-xs-2 {
24905        flex: 2 1 0% !important;
24906    }
24907    .ui-toolkit .flex-xs-3 {
24908        flex: 3 1 0% !important;
24909    }
24910    .ui-toolkit .flex-xs-4 {
24911        flex: 4 1 0% !important;
24912    }
24913    .ui-toolkit .flex-xs-5 {
24914        flex: 5 1 0% !important;
24915    }
24916    .ui-toolkit .flex-xs-6 {
24917        flex: 6 1 0% !important;
24918    }
24919    .ui-toolkit .order-xs-neg1 {
24920        order: -1 !important;
24921    }
24922    .ui-toolkit .order-xs-0 {
24923        order: 0 !important;
24924    }
24925    .ui-toolkit .order-xs-1 {
24926        order: 1 !important;
24927    }
24928    .ui-toolkit .order-xs-2 {
24929        order: 2 !important;
24930    }
24931    .ui-toolkit .order-xs-3 {
24932        order: 3 !important;
24933    }
24934    .ui-toolkit .order-xs-4 {
24935        order: 4 !important;
24936    }
24937    .ui-toolkit .order-xs-5 {
24938        order: 5 !important;
24939    }
24940    .ui-toolkit .order-xs-6 {
24941        order: 6 !important;
24942    }
24943    .ui-toolkit .flex-direction-row-xs {
24944        flex-direction: row !important;
24945    }
24946    .ui-toolkit .flex-direction-column-xs {
24947        flex-direction: column !important;
24948    }
24949    .ui-toolkit .flex-direction-row-reverse-xs {
24950        flex-direction: row-reverse !important;
24951    }
24952    .ui-toolkit .flex-direction-column-reverse-xs {
24953        flex-direction: column-reverse !important;
24954    }
24955}
24956
24957@media only screen and (min-width: 480px) {
24958    .ui-toolkit .display-flex-sm {
24959        display: flex !important;
24960    }
24961    .ui-toolkit .display-inline-flex-sm {
24962        display: inline-flex !important;
24963    }
24964    .ui-toolkit .flex-sm-none {
24965        flex: 0 0 auto !important;
24966    }
24967    .ui-toolkit .flex-sm-auto {
24968        flex: 1 1 auto !important;
24969    }
24970    .ui-toolkit .flex-sm-0 {
24971        flex: 0 1 0% !important;
24972    }
24973    .ui-toolkit .flex-sm-1 {
24974        flex: 1 1 0% !important;
24975    }
24976    .ui-toolkit .flex-sm-2 {
24977        flex: 2 1 0% !important;
24978    }
24979    .ui-toolkit .flex-sm-3 {
24980        flex: 3 1 0% !important;
24981    }
24982    .ui-toolkit .flex-sm-4 {
24983        flex: 4 1 0% !important;
24984    }
24985    .ui-toolkit .flex-sm-5 {
24986        flex: 5 1 0% !important;
24987    }
24988    .ui-toolkit .flex-sm-6 {
24989        flex: 6 1 0% !important;
24990    }
24991    .ui-toolkit .order-sm-neg1 {
24992        order: -1 !important;
24993    }
24994
24995    .ui-toolkit .flex-direction-row-sm {
24996        flex-direction: row !important;
24997    }
24998    .ui-toolkit .flex-direction-column-sm {
24999        flex-direction: column !important;
25000    }
25001    .ui-toolkit .flex-direction-row-reverse-sm {
25002        flex-direction: row-reverse !important;
25003    }
25004    .ui-toolkit .flex-direction-column-reverse-sm {
25005        flex-direction: column-reverse !important;
25006    }
25007}
25008
25009@media only screen and (min-width: 640px) {
25010    .ui-toolkit .display-flex-md {
25011        display: flex !important;
25012    }
25013    .ui-toolkit .display-inline-flex-md {
25014        display: inline-flex !important;
25015    }
25016    .ui-toolkit .flex-md-none {
25017        flex: 0 0 auto !important;
25018    }
25019    .ui-toolkit .flex-md-auto {
25020        flex: 1 1 auto !important;
25021    }
25022    .ui-toolkit .flex-md-0 {
25023        flex: 0 1 0% !important;
25024    }
25025    .ui-toolkit .flex-md-1 {
25026        flex: 1 1 0% !important;
25027    }
25028    .ui-toolkit .flex-md-2 {
25029        flex: 2 1 0% !important;
25030    }
25031    .ui-toolkit .flex-md-3 {
25032        flex: 3 1 0% !important;
25033    }
25034    .ui-toolkit .flex-md-4 {
25035        flex: 4 1 0% !important;
25036    }
25037    .ui-toolkit .flex-md-5 {
25038        flex: 5 1 0% !important;
25039    }
25040    .ui-toolkit .flex-md-6 {
25041        flex: 6 1 0% !important;
25042    }
25043    .ui-toolkit .order-md-neg1 {
25044        order: -1 !important;
25045    }
25046    .ui-toolkit .order-md-0 {
25047        order: 0 !important;
25048    }
25049    .ui-toolkit .order-md-1 {
25050        order: 1 !important;
25051    }
25052    .ui-toolkit .order-md-2 {
25053        order: 2 !important;
25054    }
25055    .ui-toolkit .order-md-3 {
25056        order: 3 !important;
25057    }
25058    .ui-toolkit .order-md-4 {
25059        order: 4 !important;
25060    }
25061    .ui-toolkit .order-md-5 {
25062        order: 5 !important;
25063    }
25064    .ui-toolkit .order-md-6 {
25065        order: 6 !important;
25066    }
25067    .ui-toolkit .flex-direction-row-md {
25068        flex-direction: row !important;
25069    }
25070    .ui-toolkit .flex-direction-column-md {
25071        flex-direction: column !important;
25072    }
25073    .ui-toolkit .flex-direction-row-reverse-md {
25074        flex-direction: row-reverse !important;
25075    }
25076    .ui-toolkit .flex-direction-column-reverse-md {
25077        flex-direction: column-reverse !important;
25078    }
25079}
25080
25081@media only screen and (min-width: 900px) {
25082    .ui-toolkit .display-flex-lg {
25083        display: flex !important;
25084    }
25085    .ui-toolkit .display-inline-flex-lg {
25086        display: inline-flex !important;
25087    }
25088    .ui-toolkit .flex-lg-none {
25089        flex: 0 0 auto !important;
25090    }
25091    .ui-toolkit .flex-lg-auto {
25092        flex: 1 1 auto !important;
25093    }
25094    .ui-toolkit .flex-lg-0 {
25095        flex: 0 1 0% !important;
25096    }
25097    .ui-toolkit .flex-lg-1 {
25098        flex: 1 1 0% !important;
25099    }
25100    .ui-toolkit .flex-lg-2 {
25101        flex: 2 1 0% !important;
25102    }
25103    .ui-toolkit .flex-lg-3 {
25104        flex: 3 1 0% !important;
25105    }
25106    .ui-toolkit .flex-lg-4 {
25107        flex: 4 1 0% !important;
25108    }
25109    .ui-toolkit .flex-lg-5 {
25110        flex: 5 1 0% !important;
25111    }
25112    .ui-toolkit .flex-lg-6 {
25113        flex: 6 1 0% !important;
25114    }
25115    .ui-toolkit .order-lg-neg1 {
25116        order: -1 !important;
25117    }
25118    .ui-toolkit .order-lg-0 {
25119        order: 0 !important;
25120    }
25121    .ui-toolkit .order-lg-1 {
25122        order: 1 !important;
25123    }
25124    .ui-toolkit .order-lg-2 {
25125        order: 2 !important;
25126    }
25127    .ui-toolkit .order-lg-3 {
25128        order: 3 !important;
25129    }
25130    .ui-toolkit .order-lg-4 {
25131        order: 4 !important;
25132    }
25133    .ui-toolkit .order-lg-5 {
25134        order: 5 !important;
25135    }
25136    .ui-toolkit .order-lg-6 {
25137        order: 6 !important;
25138    }
25139    .ui-toolkit .flex-direction-row-lg {
25140        flex-direction: row !important;
25141    }
25142    .ui-toolkit .flex-direction-column-lg {
25143        flex-direction: column !important;
25144    }
25145    .ui-toolkit .flex-direction-row-reverse-lg {
25146        flex-direction: row-reverse !important;
25147    }
25148    .ui-toolkit .flex-direction-column-reverse-lg {
25149        flex-direction: column-reverse !important;
25150    }
25151}
25152
25153@media only screen and (min-width: 1200px) {
25154    .ui-toolkit .display-flex-xl {
25155        display: flex !important;
25156    }
25157    .ui-toolkit .display-inline-flex-xl {
25158        display: inline-flex !important;
25159    }
25160    .ui-toolkit .flex-xl-none {
25161        flex: 0 0 auto !important;
25162    }
25163    .ui-toolkit .flex-xl-auto {
25164        flex: 1 1 auto !important;
25165    }
25166    .ui-toolkit .flex-xl-0 {
25167        flex: 0 1 0% !important;
25168    }
25169    .ui-toolkit .flex-xl-1 {
25170        flex: 1 1 0% !important;
25171    }
25172    .ui-toolkit .flex-xl-2 {
25173        flex: 2 1 0% !important;
25174    }
25175    .ui-toolkit .flex-xl-3 {
25176        flex: 3 1 0% !important;
25177    }
25178    .ui-toolkit .flex-xl-4 {
25179        flex: 4 1 0% !important;
25180    }
25181    .ui-toolkit .flex-xl-5 {
25182        flex: 5 1 0% !important;
25183    }
25184    .ui-toolkit .flex-xl-6 {
25185        flex: 6 1 0% !important;
25186    }
25187    .ui-toolkit .order-xl-neg1 {
25188        order: -1 !important;
25189    }
25190    .ui-toolkit .order-xl-0 {
25191        order: 0 !important;
25192    }
25193    .ui-toolkit .order-xl-1 {
25194        order: 1 !important;
25195    }
25196    .ui-toolkit .order-xl-2 {
25197        order: 2 !important;
25198    }
25199    .ui-toolkit .order-xl-3 {
25200        order: 3 !important;
25201    }
25202    .ui-toolkit .order-xl-4 {
25203        order: 4 !important;
25204    }
25205    .ui-toolkit .order-xl-5 {
25206        order: 5 !important;
25207    }
25208    .ui-toolkit .order-xl-6 {
25209        order: 6 !important;
25210    }
25211    .ui-toolkit .flex-direction-row-xl {
25212        flex-direction: row !important;
25213    }
25214    .ui-toolkit .flex-direction-column-xl {
25215        flex-direction: column !important;
25216    }
25217    .ui-toolkit .flex-direction-row-reverse-xl {
25218        flex-direction: row-reverse !important;
25219    }
25220    .ui-toolkit .flex-direction-column-reverse-xl {
25221        flex-direction: column-reverse !important;
25222    }
25223}
25224
25225@media only screen and (min-width: 1400px) {
25226    .ui-toolkit .display-flex-tv {
25227        display: flex !important;
25228    }
25229    .ui-toolkit .display-inline-flex-tv {
25230        display: inline-flex !important;
25231    }
25232    .ui-toolkit .flex-tv-none {
25233        flex: 0 0 auto !important;
25234    }
25235    .ui-toolkit .flex-tv-auto {
25236        flex: 1 1 auto !important;
25237    }
25238    .ui-toolkit .flex-tv-0 {
25239        flex: 0 1 0% !important;
25240    }
25241    .ui-toolkit .flex-tv-1 {
25242        flex: 1 1 0% !important;
25243    }
25244    .ui-toolkit .flex-tv-2 {
25245        flex: 2 1 0% !important;
25246    }
25247    .ui-toolkit .flex-tv-3 {
25248        flex: 3 1 0% !important;
25249    }
25250    .ui-toolkit .flex-tv-4 {
25251        flex: 4 1 0% !important;
25252    }
25253    .ui-toolkit .flex-tv-5 {
25254        flex: 5 1 0% !important;
25255    }
25256    .ui-toolkit .flex-tv-6 {
25257        flex: 6 1 0% !important;
25258    }
25259    .ui-toolkit .order-tv-neg1 {
25260        order: -1 !important;
25261    }
25262    .ui-toolkit .order-tv-0 {
25263        order: 0 !important;
25264    }
25265    .ui-toolkit .order-tv-1 {
25266        order: 1 !important;
25267    }
25268    .ui-toolkit .order-tv-2 {
25269        order: 2 !important;
25270    }
25271    .ui-toolkit .order-tv-3 {
25272        order: 3 !important;
25273    }
25274    .ui-toolkit .order-tv-4 {
25275        order: 4 !important;
25276    }
25277    .ui-toolkit .order-tv-5 {
25278        order: 5 !important;
25279    }
25280    .ui-toolkit .order-tv-6 {
25281        order: 6 !important;
25282    }
25283    .ui-toolkit .flex-direction-row-tv {
25284        flex-direction: row !important;
25285    }
25286    .ui-toolkit .flex-direction-column-tv {
25287        flex-direction: column !important;
25288    }
25289    .ui-toolkit .flex-direction-row-reverse-tv {
25290        flex-direction: row-reverse !important;
25291    }
25292    .ui-toolkit .flex-direction-column-reverse-tv {
25293        flex-direction: column-reverse !important;
25294    }
25295}
25296
25297.ui-toolkit .flex-nowrap {
25298    flex-wrap: nowrap !important;
25299}
25300
25301.ui-toolkit .flex-wrap {
25302    flex-wrap: wrap !important;
25303}
25304
25305.ui-toolkit .flex-wrap-reverse {
25306    flex-wrap: wrap-reverse !important;
25307}
25308
25309.ui-toolkit .justify-content-flex-start {
25310    justify-content: flex-start !important;
25311}
25312
25313.ui-toolkit .justify-content-flex-end {
25314    justify-content: flex-end !important;
25315}
25316
25317.ui-toolkit .justify-content-center {
25318    justify-content: center !important;
25319}
25320
25321.ui-toolkit .justify-content-space-between {
25322    justify-content: space-between !important;
25323}
25324
25325.ui-toolkit .justify-content-space-around {
25326    justify-content: space-around !important;
25327}
25328
25329.ui-toolkit .align-items-flex-start {
25330    align-items: flex-start !important;
25331}
25332
25333.ui-toolkit .align-items-flex-end {
25334    align-items: flex-end !important;
25335}
25336
25337.ui-toolkit .align-items-center {
25338    align-items: center !important;
25339}
25340
25341.ui-toolkit .align-items-baseline {
25342    align-items: baseline !important;
25343}
25344
25345.ui-toolkit .align-items-stretch {
25346    align-items: stretch !important;
25347}
25348
25349.ui-toolkit .align-content-flex-start {
25350    align-content: flex-start !important;
25351}
25352
25353.ui-toolkit .align-content-flex-end {
25354    align-content: flex-end !important;
25355}
25356
25357.ui-toolkit .align-content-center {
25358    align-content: center !important;
25359}
25360
25361.ui-toolkit .align-content-space-between {
25362    align-content: space-between !important;
25363}
25364
25365.ui-toolkit .align-content-space-around {
25366    align-content: space-around !important;
25367}
25368
25369.ui-toolkit .align-content-stretch {
25370    align-content: space-around !important;
25371}
25372
25373.ui-toolkit .align-self-flex-start {
25374    align-self: flex-start !important;
25375}
25376
25377.ui-toolkit .align-self-flex-end {
25378    align-self: flex-end !important;
25379}
25380
25381.ui-toolkit .align-self-center {
25382    align-self: center !important;
25383}
25384
25385.ui-toolkit .align-self-baseline {
25386    align-self: baseline !important;
25387}
25388
25389.ui-toolkit .align-self-stretch {
25390    align-self: stretch !important;
25391}
25392
25393.ui-toolkit .normal {
25394    font-weight: normal;
25395}
25396
25397.ui-toolkit b,
25398.ui-toolkit .b,
25399.ui-toolkit strong,
25400.ui-toolkit .strong {
25401    font-weight: bold;
25402}
25403
25404.ui-toolkit .text-transform-none {
25405    text-transform: none;
25406}
25407
25408@media screen and (orientation: portrait) and (min-device-width: 680px),
25409screen and (orientation: landscape) and (min-device-height: 680px) {
25410    .ui-toolkit b,
25411    .ui-toolkit .b,
25412    .ui-toolkit strong,
25413    .ui-toolkit .strong {
25414        font-weight: 500;
25415    }
25416}
25417
25418.ui-toolkit .i,
25419.ui-toolkit .em {
25420    font-style: italic;
25421}
25422
25423.ui-toolkit .underline {
25424    text-decoration: underline;
25425}
25426
25427.ui-toolkit .strikethrough {
25428    text-decoration: line-through;
25429}
25430
25431@media only screen and (min-width: 0) {
25432    .ui-toolkit .text-left-xs-up,
25433    .ui-toolkit .text-left {
25434        text-align: left;
25435    }
25436    .ui-toolkit .text-center-xs-up,
25437    .ui-toolkit .text-center {
25438        text-align: center;
25439    }
25440    .ui-toolkit .text-right-xs-up,
25441    .ui-toolkit .text-right {
25442        text-align: right;
25443    }
25444}
25445
25446@media only screen and (min-width: 480px) {
25447    .ui-toolkit .text-left-sm-up {
25448        text-align: left;
25449    }
25450    .ui-toolkit .text-center-sm-up {
25451        text-align: center;
25452    }
25453    .ui-toolkit .text-right-sm-up {
25454        text-align: right;
25455    }
25456}
25457
25458@media only screen and (min-width: 640px) {
25459    .ui-toolkit .text-left-md-up {
25460        text-align: left;
25461    }
25462    .ui-toolkit .text-center-md-up {
25463        text-align: center;
25464    }
25465    .ui-toolkit .text-right-md-up {
25466        text-align: right;
25467    }
25468}
25469
25470@media only screen and (min-width: 900px) {
25471    .ui-toolkit .text-left-lg-up {
25472        text-align: left;
25473    }
25474    .ui-toolkit .text-center-lg-up {
25475        text-align: center;
25476    }
25477    .ui-toolkit .text-right-lg-up {
25478        text-align: right;
25479    }
25480}
25481
25482@media only screen and (min-width: 1200px) {
25483    .ui-toolkit .text-left-xl-up {
25484        text-align: left;
25485    }
25486    .ui-toolkit .text-center-xl-up {
25487        text-align: center;
25488    }
25489    .ui-toolkit .text-right-xl-up {
25490        text-align: right;
25491    }
25492}
25493
25494@media only screen and (min-width: 1400px) {
25495    .ui-toolkit .text-left-tv-up,
25496    .ui-toolkit .text-left-tv-only {
25497        text-align: left;
25498    }
25499    .ui-toolkit .text-center-tv-up,
25500    .ui-toolkit .text-center-tv-only {
25501        text-align: center;
25502    }
25503    .ui-toolkit .text-right-tv-up,
25504    .ui-toolkit .text-right-tv-only {
25505        text-align: right;
25506    }
25507}
25508
25509.ui-toolkit .text-truncate {
25510    overflow: hidden;
25511    text-overflow: ellipsis;
25512    white-space: nowrap;
25513}
25514
25515.ui-toolkit .no-wrap {
25516    white-space: nowrap;
25517}
25518
25519.ui-toolkit .pre-wrap {
25520    white-space: pre-wrap;
25521}
25522
25523.ui-toolkit .cjk-no-wrap:lang(zh),
25524.ui-toolkit .cjk-no-wrap:lang(ja),
25525.ui-toolkit .cjk-no-wrap:lang(ko) {
25526    white-space: nowrap;
25527}
25528
25529.ui-toolkit .break-word {
25530    word-break: break-word;
25531    overflow-wrap: break-word;
25532    word-wrap: break-word;
25533}
25534
25535.ui-toolkit .break-all {
25536    word-break: break-all;
25537}
25538
25539.ui-toolkit .text-smallest {
25540    font-size: 61.43%;
25541    position: relative;
25542    bottom: -15px;
25543}
25544
25545.ui-toolkit .text-smaller {
25546    font-size: 85.71%;
25547}
25548
25549.ui-toolkit .text-larger {
25550    font-size: 114.28%;
25551}
25552
25553.ui-toolkit .text-largest {
25554    font-size: 128.57%;
25555}
25556
25557
25558.ui-toolkit .rounded {
25559    border-radius: 3px;
25560    overflow: hidden;
25561}
25562
25563.ui-toolkit .circle {
25564    border-radius: 50%;
25565    overflow: hidden;
25566}
25567
25568.ui-toolkit .box-shadow-bottom {
25569    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
25570    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
25571    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
25572}
25573
25574.ui-toolkit .box-shadow-top {
25575    -moz-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07);
25576    -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07);
25577    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07);
25578}
25579
25580.ui-toolkit .unselectable {
25581    -webkit-user-select: none;
25582    -ms-user-select: none;
25583    -moz-user-select: none;
25584    -o-user-select: none;
25585    user-select: none;
25586    -webkit-touch-callout: none;
25587}
25588
25589.ui-toolkit .pointer-events-none {
25590    pointer-events: none;
25591}
25592
25593.ui-toolkit .display-inline {
25594    display: inline;
25595}
25596
25597.ui-toolkit .display-inline-block {
25598    display: inline-block;
25599}
25600
25601.ui-toolkit .display-block {
25602    display: block;
25603}
25604
25605.ui-toolkit .display-table {
25606    display: table;
25607}
25608
25609.ui-toolkit .display-table-cell {
25610    display: table-cell;
25611}
25612
25613.ui-toolkit .display-none {
25614    display: none;
25615}
25616
25617.ui-toolkit .visibility-hidden {
25618    visibility: hidden;
25619}
25620
25621.ui-toolkit .visibility-visible {
25622    visibility: visible;
25623}
25624
25625.ui-toolkit .screen-reader-only,
25626.ui-toolkit .wt-screen-reader-only {
25627    border: 0;
25628    clip: rect(0 0 0 0);
25629    height: 1px;
25630    margin: -1px;
25631    overflow: hidden;
25632    padding: 0;
25633    position: absolute;
25634    width: 1px;
25635}
25636
25637.ui-toolkit .screen-reader-only.focusable:active,
25638.ui-toolkit .screen-reader-only.focusable:focus,
25639.ui-toolkit .screen-reader-only.wt-focusable:active,
25640.ui-toolkit .screen-reader-only.wt-focusable:focus,
25641.ui-toolkit .wt-screen-reader-only.focusable:active,
25642.ui-toolkit .wt-screen-reader-only.focusable:focus,
25643.ui-toolkit .wt-screen-reader-only.wt-focusable:active,
25644.ui-toolkit .wt-screen-reader-only.wt-focusable:focus {
25645    position: static;
25646    width: auto;
25647    height: auto;
25648    clip: auto;
25649    overflow: visible;
25650}
25651
25652.ui-toolkit .focus-outline:active,
25653.ui-toolkit .focus-outline:focus {
25654    border: 2px solid blue;
25655}
25656
25657.ui-toolkit .show-xs,
25658.ui-toolkit .show-sm,
25659.ui-toolkit .show-md,
25660.ui-toolkit .show-lg,
25661.ui-toolkit .show-xl,
25662.ui-toolkit .show-tv {
25663    display: none;
25664}
25665
25666@media only screen and (min-width: 0) and (max-width: 479px) {
25667    .ui-toolkit .show-xs {
25668        display: block;
25669    }
25670    .ui-toolkit .hide-xs {
25671        display: none;
25672    }
25673}
25674
25675@media only screen and (min-width: 480px) and (max-width: 639px) {
25676    .ui-toolkit .show-sm {
25677        display: block;
25678    }
25679    .ui-toolkit .hide-sm {
25680        display: none;
25681    }
25682}
25683
25684@media only screen and (min-width: 640px) and (max-width: 1024px) {
25685    .ui-toolkit .show-md {
25686        display: block;
25687    }
25688    .ui-toolkit .hide-md {
25689        display: none;
25690    }
25691}
25692
25693@media only screen and (min-width: 900px) and (max-width: 1199px) {
25694    .ui-toolkit .show-lg {
25695        display: block;
25696    }
25697    .ui-toolkit .hide-lg {
25698        display: none;
25699    }
25700}
25701
25702@media only screen and (min-width: 1200px) and (max-width: 1399px) {
25703    .ui-toolkit .show-xl {
25704        display: block;
25705    }
25706    .ui-toolkit .hide-xl {
25707        display: none;
25708    }
25709}
25710
25711@media only screen and (min-width: 1400px) {
25712    .ui-toolkit .show-tv {
25713        display: block;
25714    }
25715    .ui-toolkit .hide-tv {
25716        display: none;
25717    }
25718}
25719
25720.ui-toolkit .overflow-auto {
25721    overflow: auto;
25722}
25723
25724.ui-toolkit .overflow-hidden {
25725    overflow: hidden;
25726}
25727
25728.ui-toolkit .overflow-scroll {
25729    overflow: scroll;
25730}
25731
25732.ui-toolkit .overflow-y-auto {
25733    overflow-y: auto;
25734}
25735
25736.ui-toolkit .overflow-y-hidden {
25737    overflow-y: hidden;
25738}
25739
25740.ui-toolkit .overflow-y-scroll {
25741    overflow-x: hidden;
25742    overflow-y: scroll;
25743}
25744
25745.ui-toolkit .overflow-x-auto {
25746    overflow-x: auto;
25747}
25748
25749.ui-toolkit .overflow-x-hidden {
25750    overflow-x: hidden;
25751}
25752
25753.ui-toolkit .overflow-x-scroll {
25754    overflow-x: scroll;
25755}
25756
25757.ui-toolkit body.body-no-scroll {
25758    overflow: hidden;
25759    position: fixed;
25760    left: 0;
25761    right: 0;
25762}
25763
25764.ui-toolkit .clearfix:before,
25765.ui-toolkit .clearfix:after {
25766    content: " ";
25767    display: table;
25768}
25769
25770.ui-toolkit .clearfix:after {
25771    clear: both;
25772}
25773
25774.ui-toolkit .float-left {
25775    float: left;
25776}
25777
25778.ui-toolkit .float-right {
25779    float: right;
25780}
25781
25782.ui-toolkit .float-clear {
25783    clear: both;
25784}
25785
25786.ui-toolkit .float-none {
25787    float: none;
25788}
25789
25790.ui-toolkit .horizontal-center {
25791    display: block;
25792    margin-left: auto;
25793    margin-right: auto;
25794}
25795
25796.ui-toolkit .vertical-center {
25797    -webkit-transform: translateY(-50%);
25798    -ms-transform: translateY(-50%);
25799    -moz-transform: translateY(-50%);
25800    -o-transform: translateY(-50%);
25801    transform: translateY(-50%);
25802    position: relative;
25803    top: 50%;
25804}
25805
25806.ui-toolkit .has-hover-state:hover {
25807    cursor: pointer;
25808}
25809
25810.ui-toolkit .img-hover-darken,
25811.ui-toolkit .parent-img-hover-darken .child-img-hover-darken {
25812    position: relative;
25813}
25814
25815.ui-toolkit .img-hover-darken:after,
25816.ui-toolkit .parent-img-hover-darken .child-img-hover-darken:after {
25817    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
25818    opacity: 0;
25819    -webkit-transition: opacity 0.25s ease;
25820    -moz-transition: opacity 0.25s ease;
25821    -o-transition: opacity 0.25s ease;
25822    -ms-transition: opacity 0.25s ease;
25823    transition: opacity 0.25s ease;
25824    background-color: #000;
25825    bottom: 0;
25826    content: '';
25827    left: 0;
25828    position: absolute;
25829    right: 0;
25830    top: 0;
25831}
25832
25833.ui-toolkit .img-hover-darken:hover:after,
25834.ui-toolkit .parent-img-hover-darken:hover .child-img-hover-darken:after,
25835.ui-toolkit .img-hover-darken:focus:after,
25836.ui-toolkit .parent-img-hover-darken:focus .child-img-hover-darken:after {
25837    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5);
25838    opacity: 0.05;
25839}
25840
25841.ui-toolkit .parent-hover-underline .child-hover-underline {
25842    text-decoration: none;
25843}
25844
25845.ui-toolkit .parent-hover-underline:hover,
25846.ui-toolkit .parent-hover-underline:focus {
25847    text-decoration: none;
25848}
25849
25850.ui-toolkit .parent-hover-underline:hover .child-hover-underline,
25851.ui-toolkit .parent-hover-underline:hover.is-active .child-hover-underline,
25852.ui-toolkit .parent-hover-underline:focus .child-hover-underline,
25853.ui-toolkit .parent-hover-underline:focus.is-active .child-hover-underline {
25854    text-decoration: underline;
25855}
25856
25857.ui-toolkit .parent-hover-show .child-hover-show {
25858    visibility: hidden;
25859}
25860
25861.ui-toolkit .parent-hover-show:hover .child-hover-show,
25862.ui-toolkit .parent-hover-show.is-active .child-hover-show {
25863    visibility: visible;
25864}
25865
25866.ui-toolkit .caret {
25867    position: relative;
25868    display: inline-block;
25869    padding-right: 25px;
25870}
25871
25872.ui-toolkit .caret:after {
25873    -webkit-transform: translateY(-50%);
25874    -ms-transform: translateY(-50%);
25875    -moz-transform: translateY(-50%);
25876    -o-transform: translateY(-50%);
25877    transform: translateY(-50%);
25878    content: "";
25879    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22%3E%3Cpolygon fill%3D%22%23CBCCC9%22 points%3D%2216.5 10 12 16 7.5 10 16.5 10%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
25880    background-size: 100%;
25881    background-position: center;
25882    width: 24px;
25883    height: 24px;
25884    pointer-events: none;
25885    position: absolute;
25886    right: 3px;
25887    top: 50%;
25888}
25889
25890.ui-toolkit .caret.caret-inverted:after {
25891    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 aria-hidden%3D%22true%22 focusable%3D%22false%22%3E%3Cpolygon fill%3D%22%23CBCCC9%22 points%3D%227.5 14 12 8 16.5 14 7.5 14%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
25892}
25893
25894@media only screen and (min-width: 0) {
25895    .ui-toolkit .b-xs-0 {
25896        border: 0px solid #E1E3DF;
25897    }
25898    .ui-toolkit .bt-xs-0 {
25899        border-top: 0px solid #E1E3DF;
25900    }
25901    .ui-toolkit .br-xs-0 {
25902        border-right: 0px solid #E1E3DF;
25903    }
25904    .ui-toolkit .bb-xs-0 {
25905        border-bottom: 0px solid #E1E3DF;
25906    }
25907    .ui-toolkit .bl-xs-0 {
25908        border-left: 0px solid #E1E3DF;
25909    }
25910    .ui-toolkit .b-xs-1 {
25911        border: 1px solid #E1E3DF;
25912    }
25913    .ui-toolkit .bt-xs-1 {
25914        border-top: 1px solid #E1E3DF;
25915    }
25916    .ui-toolkit .br-xs-1 {
25917        border-right: 1px solid #E1E3DF;
25918    }
25919    .ui-toolkit .bb-xs-1 {
25920        border-bottom: 1px solid #E1E3DF;
25921    }
25922    .ui-toolkit .bl-xs-1 {
25923        border-left: 1px solid #E1E3DF;
25924    }
25925}
25926
25927@media only screen and (min-width: 480px) {
25928    .ui-toolkit .b-sm-0 {
25929        border: 0px solid #E1E3DF;
25930    }
25931    .ui-toolkit .bt-sm-0 {
25932        border-top: 0px solid #E1E3DF;
25933    }
25934    .ui-toolkit .br-sm-0 {
25935        border-right: 0px solid #E1E3DF;
25936    }
25937    .ui-toolkit .bb-sm-0 {
25938        border-bottom: 0px solid #E1E3DF;
25939    }
25940    .ui-toolkit .bl-sm-0 {
25941        border-left: 0px solid #E1E3DF;
25942    }
25943    .ui-toolkit .b-sm-1 {
25944        border: 1px solid #E1E3DF;
25945    }
25946    .ui-toolkit .bt-sm-1 {
25947        border-top: 1px solid #E1E3DF;
25948    }
25949    .ui-toolkit .br-sm-1 {
25950        border-right: 1px solid #E1E3DF;
25951    }
25952    .ui-toolkit .bb-sm-1 {
25953        border-bottom: 1px solid #E1E3DF;
25954    }
25955    .ui-toolkit .bl-sm-1 {
25956        border-left: 1px solid #E1E3DF;
25957    }
25958}
25959
25960@media only screen and (min-width: 640px) {
25961    .ui-toolkit .b-md-0 {
25962        border: 0px solid #E1E3DF;
25963    }
25964    .ui-toolkit .bt-md-0 {
25965        border-top: 0px solid #E1E3DF;
25966    }
25967    .ui-toolkit .br-md-0 {
25968        border-right: 0px solid #E1E3DF;
25969    }
25970    .ui-toolkit .bb-md-0 {
25971        border-bottom: 0px solid #E1E3DF;
25972    }
25973    .ui-toolkit .bl-md-0 {
25974        border-left: 0px solid #E1E3DF;
25975    }
25976    .ui-toolkit .b-md-1 {
25977        border: 1px solid #E1E3DF;
25978    }
25979    .ui-toolkit .bt-md-1 {
25980        border-top: 1px solid #E1E3DF;
25981    }
25982    .ui-toolkit .br-md-1 {
25983        border-right: 1px solid #E1E3DF;
25984    }
25985    .ui-toolkit .bb-md-1 {
25986        border-bottom: 1px solid #E1E3DF;
25987    }
25988    .ui-toolkit .bl-md-1 {
25989        border-left: 1px solid #E1E3DF;
25990    }
25991}
25992
25993@media only screen and (min-width: 900px) {
25994    .ui-toolkit .b-lg-0 {
25995        border: 0px solid #E1E3DF;
25996    }
25997    .ui-toolkit .bt-lg-0 {
25998        border-top: 0px solid #E1E3DF;
25999    }
26000    .ui-toolkit .br-lg-0 {
26001        border-right: 0px solid #E1E3DF;
26002    }
26003    .ui-toolkit .bb-lg-0 {
26004        border-bottom: 0px solid #E1E3DF;
26005    }
26006    .ui-toolkit .bl-lg-0 {
26007        border-left: 0px solid #E1E3DF;
26008    }
26009    .ui-toolkit .b-lg-1 {
26010        border: 1px solid #E1E3DF;
26011    }
26012    .ui-toolkit .bt-lg-1 {
26013        border-top: 1px solid #E1E3DF;
26014    }
26015    .ui-toolkit .br-lg-1 {
26016        border-right: 1px solid #E1E3DF;
26017    }
26018    .ui-toolkit .bb-lg-1 {
26019        border-bottom: 1px solid #E1E3DF;
26020    }
26021    .ui-toolkit .bl-lg-1 {
26022        border-left: 1px solid #E1E3DF;
26023    }
26024}
26025
26026@media only screen and (min-width: 1200px) {
26027    .ui-toolkit .b-xl-0 {
26028        border: 0px solid #E1E3DF;
26029    }
26030    .ui-toolkit .bt-xl-0 {
26031        border-top: 0px solid #E1E3DF;
26032    }
26033    .ui-toolkit .br-xl-0 {
26034        border-right: 0px solid #E1E3DF;
26035    }
26036    .ui-toolkit .bb-xl-0 {
26037        border-bottom: 0px solid #E1E3DF;
26038    }
26039    .ui-toolkit .bl-xl-0 {
26040        border-left: 0px solid #E1E3DF;
26041    }
26042    .ui-toolkit .b-xl-1 {
26043        border: 1px solid #E1E3DF;
26044    }
26045    .ui-toolkit .bt-xl-1 {
26046        border-top: 1px solid #E1E3DF;
26047    }
26048    .ui-toolkit .br-xl-1 {
26049        border-right: 1px solid #E1E3DF;
26050    }
26051    .ui-toolkit .bb-xl-1 {
26052        border-bottom: 1px solid #E1E3DF;
26053    }
26054    .ui-toolkit .bl-xl-1 {
26055        border-left: 1px solid #E1E3DF;
26056    }
26057}
26058
26059@media only screen and (min-width: 1400px) {
26060    .ui-toolkit .b-tv-0 {
26061        border: 0px solid #E1E3DF;
26062    }
26063    .ui-toolkit .bt-tv-0 {
26064        border-top: 0px solid #E1E3DF;
26065    }
26066    .ui-toolkit .br-tv-0 {
26067        border-right: 0px solid #E1E3DF;
26068    }
26069    .ui-toolkit .bb-tv-0 {
26070        border-bottom: 0px solid #E1E3DF;
26071    }
26072    .ui-toolkit .bl-tv-0 {
26073        border-left: 0px solid #E1E3DF;
26074    }
26075    .ui-toolkit .b-tv-1 {
26076        border: 1px solid #E1E3DF;
26077    }
26078    .ui-toolkit .bt-tv-1 {
26079        border-top: 1px solid #E1E3DF;
26080    }
26081    .ui-toolkit .br-tv-1 {
26082        border-right: 1px solid #E1E3DF;
26083    }
26084    .ui-toolkit .bb-tv-1 {
26085        border-bottom: 1px solid #E1E3DF;
26086    }
26087    .ui-toolkit .bl-tv-1 {
26088        border-left: 1px solid #E1E3DF;
26089    }
26090}
26091
26092@media only screen and (min-width: 0) {
26093    .ui-toolkit .m-xs-0 {
26094        margin: 0px;
26095    }
26096    .ui-toolkit .mt-xs-0 {
26097        margin-top: 0px;
26098    }
26099    .ui-toolkit .mr-xs-0 {
26100        margin-right: 0px;
26101    }
26102    .ui-toolkit .mb-xs-0 {
26103        margin-bottom: 0px;
26104    }
26105    .ui-toolkit .ml-xs-0 {
26106        margin-left: 0px;
26107    }
26108    .ui-toolkit .m-xs-1 {
26109        margin: 6px;
26110    }
26111    .ui-toolkit .mt-xs-1 {
26112        margin-top: 6px;
26113    }
26114    .ui-toolkit .mr-xs-1 {
26115        margin-right: 6px;
26116    }
26117    .ui-toolkit .mb-xs-1 {
26118        margin-bottom: 6px;
26119    }
26120    .ui-toolkit .ml-xs-1 {
26121        margin-left: 6px;
26122    }
26123    .ui-toolkit .m-xs-2 {
26124        margin: 12px;
26125    }
26126    .ui-toolkit .mt-xs-2 {
26127        margin-top: 12px;
26128    }
26129    .ui-toolkit .mr-xs-2 {
26130        margin-right: 12px;
26131    }
26132    .ui-toolkit .mb-xs-2 {
26133        margin-bottom: 12px;
26134    }
26135    .ui-toolkit .ml-xs-2 {
26136        margin-left: 12px;
26137    }
26138    .ui-toolkit .m-xs-3 {
26139        margin: 18px;
26140    }
26141    .ui-toolkit .mt-xs-3 {
26142        margin-top: 18px;
26143    }
26144    .ui-toolkit .mr-xs-3 {
26145        margin-right: 18px;
26146    }
26147    .ui-toolkit .mb-xs-3 {
26148        margin-bottom: 18px;
26149    }
26150    .ui-toolkit .ml-xs-3 {
26151        margin-left: 18px;
26152    }
26153    .ui-toolkit .m-xs-4 {
26154        margin: 24px;
26155    }
26156    .ui-toolkit .mt-xs-4 {
26157        margin-top: 24px;
26158    }
26159    .ui-toolkit .mr-xs-4 {
26160        margin-right: 24px;
26161    }
26162    .ui-toolkit .mb-xs-4 {
26163        margin-bottom: 24px;
26164    }
26165    .ui-toolkit .ml-xs-4 {
26166        margin-left: 24px;
26167    }
26168    .ui-toolkit .m-xs-5 {
26169        margin: 30px;
26170    }
26171    .ui-toolkit .mt-xs-5 {
26172        margin-top: 30px;
26173    }
26174    .ui-toolkit .mr-xs-5 {
26175        margin-right: 30px;
26176    }
26177    .ui-toolkit .mb-xs-5 {
26178        margin-bottom: 30px;
26179    }
26180    .ui-toolkit .ml-xs-5 {
26181        margin-left: 30px;
26182    }
26183    .ui-toolkit .m-xs-6 {
26184        margin: 36px;
26185    }
26186    .ui-toolkit .mt-xs-6 {
26187        margin-top: 36px;
26188    }
26189    .ui-toolkit .mr-xs-6 {
26190        margin-right: 36px;
26191    }
26192    .ui-toolkit .mb-xs-6 {
26193        margin-bottom: 36px;
26194    }
26195    .ui-toolkit .ml-xs-6 {
26196        margin-left: 36px;
26197    }
26198    .ui-toolkit .m-xs-7 {
26199        margin: 42px;
26200    }
26201    .ui-toolkit .mt-xs-7 {
26202        margin-top: 42px;
26203    }
26204    .ui-toolkit .mr-xs-7 {
26205        margin-right: 42px;
26206    }
26207    .ui-toolkit .mb-xs-7 {
26208        margin-bottom: 42px;
26209    }
26210    .ui-toolkit .ml-xs-7 {
26211        margin-left: 42px;
26212    }
26213    .ui-toolkit .m-xs-8 {
26214        margin: 48px;
26215    }
26216    .ui-toolkit .mt-xs-8 {
26217        margin-top: 48px;
26218    }
26219    .ui-toolkit .mr-xs-8 {
26220        margin-right: 48px;
26221    }
26222    .ui-toolkit .mb-xs-8 {
26223        margin-bottom: 48px;
26224    }
26225    .ui-toolkit .ml-xs-8 {
26226        margin-left: 48px;
26227    }
26228    .ui-toolkit .m-xs-auto {
26229        margin-left: auto;
26230        margin-right: auto;
26231    }
26232}
26233
26234@media only screen and (min-width: 480px) {
26235    .ui-toolkit .m-sm-0 {
26236        margin: 0px;
26237    }
26238    .ui-toolkit .mt-sm-0 {
26239        margin-top: 0px;
26240    }
26241    .ui-toolkit .mr-sm-0 {
26242        margin-right: 0px;
26243    }
26244    .ui-toolkit .mb-sm-0 {
26245        margin-bottom: 0px;
26246    }
26247    .ui-toolkit .ml-sm-0 {
26248        margin-left: 0px;
26249    }
26250    .ui-toolkit .m-sm-1 {
26251        margin: 6px;
26252    }
26253    .ui-toolkit .mt-sm-1 {
26254        margin-top: 6px;
26255    }
26256    .ui-toolkit .mr-sm-1 {
26257        margin-right: 6px;
26258    }
26259    .ui-toolkit .mb-sm-1 {
26260        margin-bottom: 6px;
26261    }
26262    .ui-toolkit .ml-sm-1 {
26263        margin-left: 6px;
26264    }
26265    .ui-toolkit .m-sm-2 {
26266        margin: 12px;
26267    }
26268    .ui-toolkit .mt-sm-2 {
26269        margin-top: 12px;
26270    }
26271    .ui-toolkit .mr-sm-2 {
26272        margin-right: 12px;
26273    }
26274    .ui-toolkit .mb-sm-2 {
26275        margin-bottom: 12px;
26276    }
26277    .ui-toolkit .ml-sm-2 {
26278        margin-left: 12px;
26279    }
26280    .ui-toolkit .m-sm-3 {
26281        margin: 18px;
26282    }
26283    .ui-toolkit .mt-sm-3 {
26284        margin-top: 18px;
26285    }
26286    .ui-toolkit .mr-sm-3 {
26287        margin-right: 18px;
26288    }
26289    .ui-toolkit .mb-sm-3 {
26290        margin-bottom: 18px;
26291    }
26292    .ui-toolkit .ml-sm-3 {
26293        margin-left: 18px;
26294    }
26295    .ui-toolkit .m-sm-4 {
26296        margin: 24px;
26297    }
26298    .ui-toolkit .mt-sm-4 {
26299        margin-top: 24px;
26300    }
26301    .ui-toolkit .mr-sm-4 {
26302        margin-right: 24px;
26303    }
26304    .ui-toolkit .mb-sm-4 {
26305        margin-bottom: 24px;
26306    }
26307    .ui-toolkit .ml-sm-4 {
26308        margin-left: 24px;
26309    }
26310    .ui-toolkit .m-sm-5 {
26311        margin: 30px;
26312    }
26313    .ui-toolkit .mt-sm-5 {
26314        margin-top: 30px;
26315    }
26316    .ui-toolkit .mr-sm-5 {
26317        margin-right: 30px;
26318    }
26319    .ui-toolkit .mb-sm-5 {
26320        margin-bottom: 30px;
26321    }
26322    .ui-toolkit .ml-sm-5 {
26323        margin-left: 30px;
26324    }
26325    .ui-toolkit .m-sm-6 {
26326        margin: 36px;
26327    }
26328    .ui-toolkit .mt-sm-6 {
26329        margin-top: 36px;
26330    }
26331    .ui-toolkit .mr-sm-6 {
26332        margin-right: 36px;
26333    }
26334    .ui-toolkit .mb-sm-6 {
26335        margin-bottom: 36px;
26336    }
26337    .ui-toolkit .ml-sm-6 {
26338        margin-left: 36px;
26339    }
26340    .ui-toolkit .m-sm-7 {
26341        margin: 42px;
26342    }
26343    .ui-toolkit .mt-sm-7 {
26344        margin-top: 42px;
26345    }
26346    .ui-toolkit .mr-sm-7 {
26347        margin-right: 42px;
26348    }
26349    .ui-toolkit .mb-sm-7 {
26350        margin-bottom: 42px;
26351    }
26352    .ui-toolkit .ml-sm-7 {
26353        margin-left: 42px;
26354    }
26355    .ui-toolkit .m-sm-8 {
26356        margin: 48px;
26357    }
26358    .ui-toolkit .mt-sm-8 {
26359        margin-top: 48px;
26360    }
26361    .ui-toolkit .mr-sm-8 {
26362        margin-right: 48px;
26363    }
26364    .ui-toolkit .mb-sm-8 {
26365        margin-bottom: 48px;
26366    }
26367    .ui-toolkit .ml-sm-8 {
26368        margin-left: 48px;
26369    }
26370    .ui-toolkit .m-sm-auto {
26371        margin-left: auto;
26372        margin-right: auto;
26373    }
26374}
26375
26376@media only screen and (min-width: 640px) {
26377    .ui-toolkit .m-md-0 {
26378        margin: 0px;
26379    }
26380    .ui-toolkit .mt-md-0 {
26381        margin-top: 0px;
26382    }
26383    .ui-toolkit .mr-md-0 {
26384        margin-right: 0px;
26385    }
26386    .ui-toolkit .mb-md-0 {
26387        margin-bottom: 0px;
26388    }
26389    .ui-toolkit .ml-md-0 {
26390        margin-left: 0px;
26391    }
26392    .ui-toolkit .m-md-1 {
26393        margin: 6px;
26394    }
26395    .ui-toolkit .mt-md-1 {
26396        margin-top: 6px;
26397    }
26398    .ui-toolkit .mr-md-1 {
26399        margin-right: 6px;
26400    }
26401    .ui-toolkit .mb-md-1 {
26402        margin-bottom: 6px;
26403    }
26404    .ui-toolkit .ml-md-1 {
26405        margin-left: 6px;
26406    }
26407    .ui-toolkit .m-md-2 {
26408        margin: 12px;
26409    }
26410    .ui-toolkit .mt-md-2 {
26411        margin-top: 12px;
26412    }
26413    .ui-toolkit .mr-md-2 {
26414        margin-right: 12px;
26415    }
26416    .ui-toolkit .mb-md-2 {
26417        margin-bottom: 12px;
26418    }
26419    .ui-toolkit .ml-md-2 {
26420        margin-left: 12px;
26421    }
26422    .ui-toolkit .m-md-3 {
26423        margin: 18px;
26424    }
26425    .ui-toolkit .mt-md-3 {
26426        margin-top: 18px;
26427    }
26428    .ui-toolkit .mr-md-3 {
26429        margin-right: 18px;
26430    }
26431    .ui-toolkit .mb-md-3 {
26432        margin-bottom: 18px;
26433    }
26434    .ui-toolkit .ml-md-3 {
26435        margin-left: 18px;
26436    }
26437    .ui-toolkit .m-md-4 {
26438        margin: 24px;
26439    }
26440    .ui-toolkit .mt-md-4 {
26441        margin-top: 24px;
26442    }
26443    .ui-toolkit .mr-md-4 {
26444        margin-right: 24px;
26445    }
26446    .ui-toolkit .mb-md-4 {
26447        margin-bottom: 24px;
26448    }
26449    .ui-toolkit .ml-md-4 {
26450        margin-left: 24px;
26451    }
26452    .ui-toolkit .m-md-5 {
26453        margin: 30px;
26454    }
26455    .ui-toolkit .mt-md-5 {
26456        margin-top: 30px;
26457    }
26458    .ui-toolkit .mr-md-5 {
26459        margin-right: 30px;
26460    }
26461    .ui-toolkit .mb-md-5 {
26462        margin-bottom: 30px;
26463    }
26464    .ui-toolkit .ml-md-5 {
26465        margin-left: 30px;
26466    }
26467    .ui-toolkit .m-md-6 {
26468        margin: 36px;
26469    }
26470    .ui-toolkit .mt-md-6 {
26471        margin-top: 36px;
26472    }
26473    .ui-toolkit .mr-md-6 {
26474        margin-right: 36px;
26475    }
26476    .ui-toolkit .mb-md-6 {
26477        margin-bottom: 36px;
26478    }
26479    .ui-toolkit .ml-md-6 {
26480        margin-left: 36px;
26481    }
26482    .ui-toolkit .m-md-7 {
26483        margin: 42px;
26484    }
26485    .ui-toolkit .mt-md-7 {
26486        margin-top: 42px;
26487    }
26488    .ui-toolkit .mr-md-7 {
26489        margin-right: 42px;
26490    }
26491    .ui-toolkit .mb-md-7 {
26492        margin-bottom: 42px;
26493    }
26494    .ui-toolkit .ml-md-7 {
26495        margin-left: 42px;
26496    }
26497    .ui-toolkit .m-md-8 {
26498        margin: 48px;
26499    }
26500    .ui-toolkit .mt-md-8 {
26501        margin-top: 48px;
26502    }
26503    .ui-toolkit .mr-md-8 {
26504        margin-right: 48px;
26505    }
26506    .ui-toolkit .mb-md-8 {
26507        margin-bottom: 48px;
26508    }
26509    .ui-toolkit .ml-md-8 {
26510        margin-left: 48px;
26511    }
26512    .ui-toolkit .m-md-auto {
26513        margin-left: auto;
26514        margin-right: auto;
26515    }
26516}
26517
26518@media only screen and (min-width: 900px) {
26519    .ui-toolkit .m-lg-0 {
26520        margin: 0px;
26521    }
26522    .ui-toolkit .mt-lg-0 {
26523        margin-top: 0px;
26524    }
26525    .ui-toolkit .mr-lg-0 {
26526        margin-right: 0px;
26527    }
26528    .ui-toolkit .mb-lg-0 {
26529        margin-bottom: 0px;
26530    }
26531    .ui-toolkit .ml-lg-0 {
26532        margin-left: 0px;
26533    }
26534    .ui-toolkit .m-lg-1 {
26535        margin: 6px;
26536    }
26537    .ui-toolkit .mt-lg-1 {
26538        margin-top: 6px;
26539    }
26540    .ui-toolkit .mr-lg-1 {
26541        margin-right: 6px;
26542    }
26543    .ui-toolkit .mb-lg-1 {
26544        margin-bottom: 6px;
26545    }
26546    .ui-toolkit .ml-lg-1 {
26547        margin-left: 6px;
26548    }
26549    .ui-toolkit .m-lg-2 {
26550        margin: 12px;
26551    }
26552    .ui-toolkit .mt-lg-2 {
26553        margin-top: 12px;
26554    }
26555    .ui-toolkit .mr-lg-2 {
26556        margin-right: 12px;
26557    }
26558    .ui-toolkit .mb-lg-2 {
26559        margin-bottom: 12px;
26560    }
26561    .ui-toolkit .ml-lg-2 {
26562        margin-left: 12px;
26563    }
26564    .ui-toolkit .m-lg-3 {
26565        margin: 18px;
26566    }
26567    .ui-toolkit .mt-lg-3 {
26568        margin-top: 18px;
26569    }
26570    .ui-toolkit .mr-lg-3 {
26571        margin-right: 18px;
26572    }
26573    .ui-toolkit .mb-lg-3 {
26574        margin-bottom: 18px;
26575    }
26576    .ui-toolkit .ml-lg-3 {
26577        margin-left: 18px;
26578    }
26579    .ui-toolkit .m-lg-4 {
26580        margin: 24px;
26581    }
26582    .ui-toolkit .mt-lg-4 {
26583        margin-top: 24px;
26584    }
26585    .ui-toolkit .mr-lg-4 {
26586        margin-right: 24px;
26587    }
26588    .ui-toolkit .mb-lg-4 {
26589        margin-bottom: 24px;
26590    }
26591    .ui-toolkit .ml-lg-4 {
26592        margin-left: 24px;
26593    }
26594    .ui-toolkit .m-lg-5 {
26595        margin: 30px;
26596    }
26597    .ui-toolkit .mt-lg-5 {
26598        margin-top: 30px;
26599    }
26600    .ui-toolkit .mr-lg-5 {
26601        margin-right: 30px;
26602    }
26603    .ui-toolkit .mb-lg-5 {
26604        margin-bottom: 30px;
26605    }
26606    .ui-toolkit .ml-lg-5 {
26607        margin-left: 30px;
26608    }
26609    .ui-toolkit .m-lg-6 {
26610        margin: 36px;
26611    }
26612    .ui-toolkit .mt-lg-6 {
26613        margin-top: 36px;
26614    }
26615    .ui-toolkit .mr-lg-6 {
26616        margin-right: 36px;
26617    }
26618    .ui-toolkit .mb-lg-6 {
26619        margin-bottom: 36px;
26620    }
26621    .ui-toolkit .ml-lg-6 {
26622        margin-left: 36px;
26623    }
26624    .ui-toolkit .m-lg-7 {
26625        margin: 42px;
26626    }
26627    .ui-toolkit .mt-lg-7 {
26628        margin-top: 42px;
26629    }
26630    .ui-toolkit .mr-lg-7 {
26631        margin-right: 42px;
26632    }
26633    .ui-toolkit .mb-lg-7 {
26634        margin-bottom: 42px;
26635    }
26636    .ui-toolkit .ml-lg-7 {
26637        margin-left: 42px;
26638    }
26639    .ui-toolkit .m-lg-8 {
26640        margin: 48px;
26641    }
26642    .ui-toolkit .mt-lg-8 {
26643        margin-top: 48px;
26644    }
26645    .ui-toolkit .mr-lg-8 {
26646        margin-right: 48px;
26647    }
26648    .ui-toolkit .mb-lg-8 {
26649        margin-bottom: 48px;
26650    }
26651    .ui-toolkit .ml-lg-8 {
26652        margin-left: 48px;
26653    }
26654    .ui-toolkit .m-lg-auto {
26655        margin-left: auto;
26656        margin-right: auto;
26657    }
26658}
26659
26660@media only screen and (min-width: 1200px) {
26661    .ui-toolkit .m-xl-0 {
26662        margin: 0px;
26663    }
26664    .ui-toolkit .mt-xl-0 {
26665        margin-top: 0px;
26666    }
26667    .ui-toolkit .mr-xl-0 {
26668        margin-right: 0px;
26669    }
26670    .ui-toolkit .mb-xl-0 {
26671        margin-bottom: 0px;
26672    }
26673    .ui-toolkit .ml-xl-0 {
26674        margin-left: 0px;
26675    }
26676    .ui-toolkit .m-xl-1 {
26677        margin: 6px;
26678    }
26679    .ui-toolkit .mt-xl-1 {
26680        margin-top: 6px;
26681    }
26682    .ui-toolkit .mr-xl-1 {
26683        margin-right: 6px;
26684    }
26685    .ui-toolkit .mb-xl-1 {
26686        margin-bottom: 6px;
26687    }
26688    .ui-toolkit .ml-xl-1 {
26689        margin-left: 6px;
26690    }
26691    .ui-toolkit .m-xl-2 {
26692        margin: 12px;
26693    }
26694    .ui-toolkit .mt-xl-2 {
26695        margin-top: 12px;
26696    }
26697    .ui-toolkit .mr-xl-2 {
26698        margin-right: 12px;
26699    }
26700    .ui-toolkit .mb-xl-2 {
26701        margin-bottom: 12px;
26702    }
26703    .ui-toolkit .ml-xl-2 {
26704        margin-left: 12px;
26705    }
26706    .ui-toolkit .m-xl-3 {
26707        margin: 18px;
26708    }
26709    .ui-toolkit .mt-xl-3 {
26710        margin-top: 18px;
26711    }
26712    .ui-toolkit .mr-xl-3 {
26713        margin-right: 18px;
26714    }
26715    .ui-toolkit .mb-xl-3 {
26716        margin-bottom: 18px;
26717    }
26718    .ui-toolkit .ml-xl-3 {
26719        margin-left: 18px;
26720    }
26721    .ui-toolkit .m-xl-4 {
26722        margin: 24px;
26723    }
26724    .ui-toolkit .mt-xl-4 {
26725        margin-top: 24px;
26726    }
26727    .ui-toolkit .mr-xl-4 {
26728        margin-right: 24px;
26729    }
26730    .ui-toolkit .mb-xl-4 {
26731        margin-bottom: 24px;
26732    }
26733    .ui-toolkit .ml-xl-4 {
26734        margin-left: 24px;
26735    }
26736    .ui-toolkit .m-xl-5 {
26737        margin: 30px;
26738    }
26739    .ui-toolkit .mt-xl-5 {
26740        margin-top: 30px;
26741    }
26742    .ui-toolkit .mr-xl-5 {
26743        margin-right: 30px;
26744    }
26745    .ui-toolkit .mb-xl-5 {
26746        margin-bottom: 30px;
26747    }
26748    .ui-toolkit .ml-xl-5 {
26749        margin-left: 30px;
26750    }
26751    .ui-toolkit .m-xl-6 {
26752        margin: 36px;
26753    }
26754    .ui-toolkit .mt-xl-6 {
26755        margin-top: 36px;
26756    }
26757    .ui-toolkit .mr-xl-6 {
26758        margin-right: 36px;
26759    }
26760    .ui-toolkit .mb-xl-6 {
26761        margin-bottom: 36px;
26762    }
26763    .ui-toolkit .ml-xl-6 {
26764        margin-left: 36px;
26765    }
26766    .ui-toolkit .m-xl-7 {
26767        margin: 42px;
26768    }
26769    .ui-toolkit .mt-xl-7 {
26770        margin-top: 42px;
26771    }
26772    .ui-toolkit .mr-xl-7 {
26773        margin-right: 42px;
26774    }
26775    .ui-toolkit .mb-xl-7 {
26776        margin-bottom: 42px;
26777    }
26778    .ui-toolkit .ml-xl-7 {
26779        margin-left: 42px;
26780    }
26781    .ui-toolkit .m-xl-8 {
26782        margin: 48px;
26783    }
26784    .ui-toolkit .mt-xl-8 {
26785        margin-top: 48px;
26786    }
26787    .ui-toolkit .mr-xl-8 {
26788        margin-right: 48px;
26789    }
26790    .ui-toolkit .mb-xl-8 {
26791        margin-bottom: 48px;
26792    }
26793    .ui-toolkit .ml-xl-8 {
26794        margin-left: 48px;
26795    }
26796    .ui-toolkit .m-xl-auto {
26797        margin-left: auto;
26798        margin-right: auto;
26799    }
26800}
26801
26802@media only screen and (min-width: 1400px) {
26803    .ui-toolkit .m-tv-0 {
26804        margin: 0px;
26805    }
26806    .ui-toolkit .mt-tv-0 {
26807        margin-top: 0px;
26808    }
26809    .ui-toolkit .mr-tv-0 {
26810        margin-right: 0px;
26811    }
26812    .ui-toolkit .mb-tv-0 {
26813        margin-bottom: 0px;
26814    }
26815    .ui-toolkit .ml-tv-0 {
26816        margin-left: 0px;
26817    }
26818    .ui-toolkit .m-tv-1 {
26819        margin: 6px;
26820    }
26821    .ui-toolkit .mt-tv-1 {
26822        margin-top: 6px;
26823    }
26824    .ui-toolkit .mr-tv-1 {
26825        margin-right: 6px;
26826    }
26827    .ui-toolkit .mb-tv-1 {
26828        margin-bottom: 6px;
26829    }
26830    .ui-toolkit .ml-tv-1 {
26831        margin-left: 6px;
26832    }
26833    .ui-toolkit .m-tv-2 {
26834        margin: 12px;
26835    }
26836    .ui-toolkit .mt-tv-2 {
26837        margin-top: 12px;
26838    }
26839    .ui-toolkit .mr-tv-2 {
26840        margin-right: 12px;
26841    }
26842    .ui-toolkit .mb-tv-2 {
26843        margin-bottom: 12px;
26844    }
26845    .ui-toolkit .ml-tv-2 {
26846        margin-left: 12px;
26847    }
26848    .ui-toolkit .m-tv-3 {
26849        margin: 18px;
26850    }
26851    .ui-toolkit .mt-tv-3 {
26852        margin-top: 18px;
26853    }
26854    .ui-toolkit .mr-tv-3 {
26855        margin-right: 18px;
26856    }
26857    .ui-toolkit .mb-tv-3 {
26858        margin-bottom: 18px;
26859    }
26860    .ui-toolkit .ml-tv-3 {
26861        margin-left: 18px;
26862    }
26863    .ui-toolkit .m-tv-4 {
26864        margin: 24px;
26865    }
26866    .ui-toolkit .mt-tv-4 {
26867        margin-top: 24px;
26868    }
26869    .ui-toolkit .mr-tv-4 {
26870        margin-right: 24px;
26871    }
26872    .ui-toolkit .mb-tv-4 {
26873        margin-bottom: 24px;
26874    }
26875    .ui-toolkit .ml-tv-4 {
26876        margin-left: 24px;
26877    }
26878    .ui-toolkit .m-tv-5 {
26879        margin: 30px;
26880    }
26881    .ui-toolkit .mt-tv-5 {
26882        margin-top: 30px;
26883    }
26884    .ui-toolkit .mr-tv-5 {
26885        margin-right: 30px;
26886    }
26887    .ui-toolkit .mb-tv-5 {
26888        margin-bottom: 30px;
26889    }
26890    .ui-toolkit .ml-tv-5 {
26891        margin-left: 30px;
26892    }
26893    .ui-toolkit .m-tv-6 {
26894        margin: 36px;
26895    }
26896    .ui-toolkit .mt-tv-6 {
26897        margin-top: 36px;
26898    }
26899    .ui-toolkit .mr-tv-6 {
26900        margin-right: 36px;
26901    }
26902    .ui-toolkit .mb-tv-6 {
26903        margin-bottom: 36px;
26904    }
26905    .ui-toolkit .ml-tv-6 {
26906        margin-left: 36px;
26907    }
26908    .ui-toolkit .m-tv-7 {
26909        margin: 42px;
26910    }
26911    .ui-toolkit .mt-tv-7 {
26912        margin-top: 42px;
26913    }
26914    .ui-toolkit .mr-tv-7 {
26915        margin-right: 42px;
26916    }
26917    .ui-toolkit .mb-tv-7 {
26918        margin-bottom: 42px;
26919    }
26920    .ui-toolkit .ml-tv-7 {
26921        margin-left: 42px;
26922    }
26923    .ui-toolkit .m-tv-8 {
26924        margin: 48px;
26925    }
26926    .ui-toolkit .mt-tv-8 {
26927        margin-top: 48px;
26928    }
26929    .ui-toolkit .mr-tv-8 {
26930        margin-right: 48px;
26931    }
26932    .ui-toolkit .mb-tv-8 {
26933        margin-bottom: 48px;
26934    }
26935    .ui-toolkit .ml-tv-8 {
26936        margin-left: 48px;
26937    }
26938    .ui-toolkit .m-tv-auto {
26939        margin-left: auto;
26940        margin-right: auto;
26941    }
26942}
26943
26944@media only screen and (min-width: 0) {
26945    .ui-toolkit .p-xs-0 {
26946        padding: 0px;
26947    }
26948    .ui-toolkit .pt-xs-0 {
26949        padding-top: 0px;
26950    }
26951    .ui-toolkit .pr-xs-0 {
26952        padding-right: 0px;
26953    }
26954    .ui-toolkit .pb-xs-0 {
26955        padding-bottom: 0px;
26956    }
26957    .ui-toolkit .pl-xs-0 {
26958        padding-left: 0px;
26959    }
26960    .ui-toolkit .p-xs-1 {
26961        padding: 6px;
26962    }
26963    .ui-toolkit .pt-xs-1 {
26964        padding-top: 6px;
26965    }
26966    .ui-toolkit .pr-xs-1 {
26967        padding-right: 6px;
26968    }
26969    .ui-toolkit .pb-xs-1 {
26970        padding-bottom: 6px;
26971    }
26972    .ui-toolkit .pl-xs-1 {
26973        padding-left: 6px;
26974    }
26975    .ui-toolkit .p-xs-2 {
26976        padding: 12px;
26977    }
26978    .ui-toolkit .pt-xs-2 {
26979        padding-top: 12px;
26980    }
26981    .ui-toolkit .pr-xs-2 {
26982        padding-right: 9px;
26983    }
26984    .ui-toolkit .pb-xs-2 {
26985        padding-bottom: 12px;
26986    }
26987    .ui-toolkit .pl-xs-2 {
26988        padding-left: 9px;
26989    }
26990    .ui-toolkit .p-xs-3 {
26991        padding: 18px;
26992    }
26993    .ui-toolkit .pt-xs-3 {
26994        padding-top: 18px;
26995    }
26996    .ui-toolkit .pr-xs-3 {
26997        padding-right: 18px;
26998    }
26999    .ui-toolkit .pb-xs-3 {
27000        padding-bottom: 18px;
27001    }
27002    .ui-toolkit .pl-xs-3 {
27003        padding-left: 18px;
27004    }
27005    .ui-toolkit .p-xs-4 {
27006        padding: 24px;
27007    }
27008    .ui-toolkit .pt-xs-4 {
27009        padding-top: 24px;
27010    }
27011    .ui-toolkit .pr-xs-4 {
27012        padding-right: 24px;
27013    }
27014    .ui-toolkit .pb-xs-4 {
27015        padding-bottom: 24px;
27016    }
27017    .ui-toolkit .pl-xs-4 {
27018        padding-left: 24px;
27019    }
27020    .ui-toolkit .p-xs-5 {
27021        padding: 30px;
27022    }
27023    .ui-toolkit .pt-xs-5 {
27024        padding-top: 30px;
27025    }
27026    .ui-toolkit .pr-xs-5 {
27027        padding-right: 30px;
27028    }
27029    .ui-toolkit .pb-xs-5 {
27030        padding-bottom: 30px;
27031    }
27032    .ui-toolkit .pl-xs-5 {
27033        padding-left: 30px;
27034    }
27035    .ui-toolkit .p-xs-6 {
27036        padding: 36px;
27037    }
27038    .ui-toolkit .pt-xs-6 {
27039        padding-top: 36px;
27040    }
27041    .ui-toolkit .pr-xs-6 {
27042        padding-right: 36px;
27043    }
27044    .ui-toolkit .pb-xs-6 {
27045        padding-bottom: 36px;
27046    }
27047    .ui-toolkit .pl-xs-6 {
27048        padding-left: 36px;
27049    }
27050    .ui-toolkit .p-xs-7 {
27051        padding: 42px;
27052    }
27053    .ui-toolkit .pt-xs-7 {
27054        padding-top: 42px;
27055    }
27056    .ui-toolkit .pr-xs-7 {
27057        padding-right: 42px;
27058    }
27059    .ui-toolkit .pb-xs-7 {
27060        padding-bottom: 42px;
27061    }
27062    .ui-toolkit .pl-xs-7 {
27063        padding-left: 42px;
27064    }
27065    .ui-toolkit .p-xs-8 {
27066        padding: 48px;
27067    }
27068    .ui-toolkit .pt-xs-8 {
27069        padding-top: 48px;
27070    }
27071    .ui-toolkit .pr-xs-8 {
27072        padding-right: 48px;
27073    }
27074    .ui-toolkit .pb-xs-8 {
27075        padding-bottom: 48px;
27076    }
27077    .ui-toolkit .pl-xs-8 {
27078        padding-left: 48px;
27079    }
27080}
27081
27082@media only screen and (min-width: 480px) {
27083    .ui-toolkit .p-sm-0 {
27084        padding: 0px;
27085    }
27086    .ui-toolkit .pt-sm-0 {
27087        padding-top: 0px;
27088    }
27089    .ui-toolkit .pr-sm-0 {
27090        padding-right: 0px;
27091    }
27092    .ui-toolkit .pb-sm-0 {
27093        padding-bottom: 0px;
27094    }
27095    .ui-toolkit .pl-sm-0 {
27096        padding-left: 0px;
27097    }
27098    .ui-toolkit .p-sm-1 {
27099        padding: 6px;
27100    }
27101    .ui-toolkit .pt-sm-1 {
27102        padding-top: 6px;
27103    }
27104    .ui-toolkit .pr-sm-1 {
27105        padding-right: 6px;
27106    }
27107    .ui-toolkit .pb-sm-1 {
27108        padding-bottom: 6px;
27109    }
27110    .ui-toolkit .pl-sm-1 {
27111        padding-left: 6px;
27112    }
27113    .ui-toolkit .p-sm-2 {
27114        padding: 12px;
27115    }
27116    .ui-toolkit .pt-sm-2 {
27117        padding-top: 12px;
27118    }
27119    .ui-toolkit .pr-sm-2 {
27120        padding-right: 12px;
27121    }
27122    .ui-toolkit .pb-sm-2 {
27123        padding-bottom: 12px;
27124    }
27125    .ui-toolkit .pl-sm-2 {
27126        padding-left: 12px;
27127    }
27128    .ui-toolkit .p-sm-3 {
27129        padding: 18px;
27130    }
27131    .ui-toolkit .pt-sm-3 {
27132        padding-top: 18px;
27133    }
27134    .ui-toolkit .pr-sm-3 {
27135        padding-right: 18px;
27136    }
27137    .ui-toolkit .pb-sm-3 {
27138        padding-bottom: 18px;
27139    }
27140    .ui-toolkit .pl-sm-3 {
27141        padding-left: 18px;
27142    }
27143    .ui-toolkit .p-sm-4 {
27144        padding: 24px;
27145    }
27146    .ui-toolkit .pt-sm-4 {
27147        padding-top: 24px;
27148    }
27149    .ui-toolkit .pr-sm-4 {
27150        padding-right: 24px;
27151    }
27152    .ui-toolkit .pb-sm-4 {
27153        padding-bottom: 24px;
27154    }
27155    .ui-toolkit .pl-sm-4 {
27156        padding-left: 24px;
27157    }
27158    .ui-toolkit .p-sm-5 {
27159        padding: 30px;
27160    }
27161    .ui-toolkit .pt-sm-5 {
27162        padding-top: 30px;
27163    }
27164    .ui-toolkit .pr-sm-5 {
27165        padding-right: 30px;
27166    }
27167    .ui-toolkit .pb-sm-5 {
27168        padding-bottom: 30px;
27169    }
27170    .ui-toolkit .pl-sm-5 {
27171        padding-left: 30px;
27172    }
27173    .ui-toolkit .p-sm-6 {
27174        padding: 36px;
27175    }
27176    .ui-toolkit .pt-sm-6 {
27177        padding-top: 36px;
27178    }
27179    .ui-toolkit .pr-sm-6 {
27180        padding-right: 36px;
27181    }
27182    .ui-toolkit .pb-sm-6 {
27183        padding-bottom: 36px;
27184    }
27185    .ui-toolkit .pl-sm-6 {
27186        padding-left: 36px;
27187    }
27188    .ui-toolkit .p-sm-7 {
27189        padding: 42px;
27190    }
27191    .ui-toolkit .pt-sm-7 {
27192        padding-top: 42px;
27193    }
27194    .ui-toolkit .pr-sm-7 {
27195        padding-right: 42px;
27196    }
27197    .ui-toolkit .pb-sm-7 {
27198        padding-bottom: 42px;
27199    }
27200    .ui-toolkit .pl-sm-7 {
27201        padding-left: 42px;
27202    }
27203    .ui-toolkit .p-sm-8 {
27204        padding: 48px;
27205    }
27206    .ui-toolkit .pt-sm-8 {
27207        padding-top: 48px;
27208    }
27209    .ui-toolkit .pr-sm-8 {
27210        padding-right: 48px;
27211    }
27212    .ui-toolkit .pb-sm-8 {
27213        padding-bottom: 48px;
27214    }
27215    .ui-toolkit .pl-sm-8 {
27216        padding-left: 48px;
27217    }
27218}
27219
27220@media only screen and (min-width: 640px) {
27221    .ui-toolkit .p-md-0 {
27222        padding: 0px;
27223    }
27224    .ui-toolkit .pt-md-0 {
27225        padding-top: 0px;
27226    }
27227    .ui-toolkit .pr-md-0 {
27228        padding-right: 0px;
27229    }
27230    .ui-toolkit .pb-md-0 {
27231        padding-bottom: 0px;
27232    }
27233    .ui-toolkit .pl-md-0 {
27234        padding-left: 0px;
27235    }
27236    .ui-toolkit .p-md-1 {
27237        padding: 6px;
27238    }
27239    .ui-toolkit .pt-md-1 {
27240        padding-top: 6px;
27241    }
27242    .ui-toolkit .pr-md-1 {
27243        padding-right: 6px;
27244    }
27245    .ui-toolkit .pb-md-1 {
27246        padding-bottom: 6px;
27247    }
27248    .ui-toolkit .pl-md-1 {
27249        padding-left: 6px;
27250    }
27251    .ui-toolkit .p-md-2 {
27252        padding: 12px;
27253    }
27254    .ui-toolkit .pt-md-2 {
27255        padding-top: 12px;
27256    }
27257    .ui-toolkit .pr-md-2 {
27258        padding-right: 12px;
27259    }
27260    .ui-toolkit .pb-md-2 {
27261        padding-bottom: 12px;
27262    }
27263    .ui-toolkit .pl-md-2 {
27264        padding-left: 12px;
27265    }
27266    .ui-toolkit .p-md-3 {
27267        padding: 18px;
27268    }
27269    .ui-toolkit .pt-md-3 {
27270        padding-top: 18px;
27271    }
27272    .ui-toolkit .pr-md-3 {
27273        padding-right: 18px;
27274    }
27275    .ui-toolkit .pb-md-3 {
27276        padding-bottom: 18px;
27277    }
27278    .ui-toolkit .pl-md-3 {
27279        padding-left: 18px;
27280    }
27281    .ui-toolkit .p-md-4 {
27282        padding: 24px;
27283    }
27284    .ui-toolkit .pt-md-4 {
27285        padding-top: 24px;
27286    }
27287    .ui-toolkit .pr-md-4 {
27288        padding-right: 24px;
27289    }
27290    .ui-toolkit .pb-md-4 {
27291        padding-bottom: 24px;
27292    }
27293    .ui-toolkit .pl-md-4 {
27294        padding-left: 24px;
27295    }
27296    .ui-toolkit .p-md-5 {
27297        padding: 30px;
27298    }
27299    .ui-toolkit .pt-md-5 {
27300        padding-top: 30px;
27301    }
27302    .ui-toolkit .pr-md-5 {
27303        padding-right: 30px;
27304    }
27305    .ui-toolkit .pb-md-5 {
27306        padding-bottom: 30px;
27307    }
27308    .ui-toolkit .pl-md-5 {
27309        padding-left: 30px;
27310    }
27311    .ui-toolkit .p-md-6 {
27312        padding: 36px;
27313    }
27314    .ui-toolkit .pt-md-6 {
27315        padding-top: 36px;
27316    }
27317    .ui-toolkit .pr-md-6 {
27318        padding-right: 36px;
27319    }
27320    .ui-toolkit .pb-md-6 {
27321        padding-bottom: 36px;
27322    }
27323    .ui-toolkit .pl-md-6 {
27324        padding-left: 36px;
27325    }
27326    .ui-toolkit .p-md-7 {
27327        padding: 42px;
27328    }
27329    .ui-toolkit .pt-md-7 {
27330        padding-top: 42px;
27331    }
27332    .ui-toolkit .pr-md-7 {
27333        padding-right: 42px;
27334    }
27335    .ui-toolkit .pb-md-7 {
27336        padding-bottom: 42px;
27337    }
27338    .ui-toolkit .pl-md-7 {
27339        padding-left: 42px;
27340    }
27341    .ui-toolkit .p-md-8 {
27342        padding: 48px;
27343    }
27344    .ui-toolkit .pt-md-8 {
27345        padding-top: 48px;
27346    }
27347    .ui-toolkit .pr-md-8 {
27348        padding-right: 48px;
27349    }
27350    .ui-toolkit .pb-md-8 {
27351        padding-bottom: 48px;
27352    }
27353    .ui-toolkit .pl-md-8 {
27354        padding-left: 48px;
27355    }
27356}
27357
27358@media only screen and (min-width: 900px) {
27359    .ui-toolkit .p-lg-0 {
27360        padding: 0px;
27361    }
27362    .ui-toolkit .pt-lg-0 {
27363        padding-top: 0px;
27364    }
27365    .ui-toolkit .pr-lg-0 {
27366        padding-right: 0px;
27367    }
27368    .ui-toolkit .pb-lg-0 {
27369        padding-bottom: 0px;
27370    }
27371    .ui-toolkit .pl-lg-0 {
27372        padding-left: 0px;
27373    }
27374    .ui-toolkit .p-lg-1 {
27375        padding: 6px;
27376    }
27377    .ui-toolkit .pt-lg-1 {
27378        padding-top: 6px;
27379    }
27380    .ui-toolkit .pr-lg-1 {
27381        padding-right: 6px;
27382    }
27383    .ui-toolkit .pb-lg-1 {
27384        padding-bottom: 6px;
27385    }
27386    .ui-toolkit .pl-lg-1 {
27387        padding-left: 6px;
27388    }
27389    .ui-toolkit .p-lg-2 {
27390        padding: 12px;
27391    }
27392    .ui-toolkit .pt-lg-2 {
27393        padding-top: 12px;
27394    }
27395    .ui-toolkit .pr-lg-2 {
27396        padding-right: 12px;
27397    }
27398    .ui-toolkit .pb-lg-2 {
27399        padding-bottom: 12px;
27400    }
27401    .ui-toolkit .pl-lg-2 {
27402        padding-left: 12px;
27403    }
27404    .ui-toolkit .p-lg-3 {
27405        padding: 18px;
27406    }
27407    .ui-toolkit .pt-lg-3 {
27408        padding-top: 18px;
27409    }
27410    .ui-toolkit .pr-lg-3 {
27411        padding-right: 18px;
27412    }
27413    .ui-toolkit .pb-lg-3 {
27414        padding-bottom: 18px;
27415    }
27416    .ui-toolkit .pl-lg-3 {
27417        padding-left: 18px;
27418    }
27419    .ui-toolkit .p-lg-4 {
27420        padding: 24px;
27421    }
27422    .ui-toolkit .pt-lg-4 {
27423        padding-top: 24px;
27424    }
27425    .ui-toolkit .pr-lg-4 {
27426        padding-right: 24px;
27427    }
27428    .ui-toolkit .pb-lg-4 {
27429        padding-bottom: 24px;
27430    }
27431    .ui-toolkit .pl-lg-4 {
27432        padding-left: 24px;
27433    }
27434    .ui-toolkit .p-lg-5 {
27435        padding: 30px;
27436    }
27437    .ui-toolkit .pt-lg-5 {
27438        padding-top: 30px;
27439    }
27440    .ui-toolkit .pr-lg-5 {
27441        padding-right: 30px;
27442    }
27443    .ui-toolkit .pb-lg-5 {
27444        padding-bottom: 30px;
27445    }
27446    .ui-toolkit .pl-lg-5 {
27447        padding-left: 30px;
27448    }
27449    .ui-toolkit .p-lg-6 {
27450        padding: 36px;
27451    }
27452    .ui-toolkit .pt-lg-6 {
27453        padding-top: 36px;
27454    }
27455    .ui-toolkit .pr-lg-6 {
27456        padding-right: 36px;
27457    }
27458    .ui-toolkit .pb-lg-6 {
27459        padding-bottom: 36px;
27460    }
27461    .ui-toolkit .pl-lg-6 {
27462        padding-left: 36px;
27463    }
27464    .ui-toolkit .p-lg-7 {
27465        padding: 42px;
27466    }
27467    .ui-toolkit .pt-lg-7 {
27468        padding-top: 42px;
27469    }
27470    .ui-toolkit .pr-lg-7 {
27471        padding-right: 42px;
27472    }
27473    .ui-toolkit .pb-lg-7 {
27474        padding-bottom: 42px;
27475    }
27476    .ui-toolkit .pl-lg-7 {
27477        padding-left: 42px;
27478    }
27479    .ui-toolkit .p-lg-8 {
27480        padding: 48px;
27481    }
27482    .ui-toolkit .pt-lg-8 {
27483        padding-top: 48px;
27484    }
27485    .ui-toolkit .pr-lg-8 {
27486        padding-right: 48px;
27487    }
27488    .ui-toolkit .pb-lg-8 {
27489        padding-bottom: 48px;
27490    }
27491    .ui-toolkit .pl-lg-8 {
27492        padding-left: 48px;
27493    }
27494}
27495
27496@media only screen and (min-width: 1200px) {
27497    .ui-toolkit .p-xl-0 {
27498        padding: 0px;
27499    }
27500    .ui-toolkit .pt-xl-0 {
27501        padding-top: 0px;
27502    }
27503    .ui-toolkit .pr-xl-0 {
27504        padding-right: 0px;
27505    }
27506    .ui-toolkit .pb-xl-0 {
27507        padding-bottom: 0px;
27508    }
27509    .ui-toolkit .pl-xl-0 {
27510        padding-left: 0px;
27511    }
27512    .ui-toolkit .p-xl-1 {
27513        padding: 6px;
27514    }
27515    .ui-toolkit .pt-xl-1 {
27516        padding-top: 6px;
27517    }
27518    .ui-toolkit .pr-xl-1 {
27519        padding-right: 6px;
27520    }
27521    .ui-toolkit .pb-xl-1 {
27522        padding-bottom: 6px;
27523    }
27524    .ui-toolkit .pl-xl-1 {
27525        padding-left: 6px;
27526    }
27527    .ui-toolkit .p-xl-2 {
27528        padding: 12px;
27529    }
27530    .ui-toolkit .pt-xl-2 {
27531        padding-top: 12px;
27532    }
27533    .ui-toolkit .pr-xl-2 {
27534        padding-right: 12px;
27535    }
27536    .ui-toolkit .pb-xl-2 {
27537        padding-bottom: 12px;
27538    }
27539    .ui-toolkit .pl-xl-2 {
27540        padding-left: 12px;
27541    }
27542    .ui-toolkit .p-xl-3 {
27543        padding: 18px;
27544    }
27545    .ui-toolkit .pt-xl-3 {
27546        padding-top: 18px;
27547    }
27548    .ui-toolkit .pr-xl-3 {
27549        padding-right: 18px;
27550    }
27551    .ui-toolkit .pb-xl-3 {
27552        padding-bottom: 18px;
27553    }
27554    .ui-toolkit .pl-xl-3 {
27555        padding-left: 18px;
27556    }
27557    .ui-toolkit .p-xl-4 {
27558        padding: 24px;
27559    }
27560    .ui-toolkit .pt-xl-4 {
27561        padding-top: 24px;
27562    }
27563    .ui-toolkit .pr-xl-4 {
27564        padding-right: 24px;
27565    }
27566    .ui-toolkit .pb-xl-4 {
27567        padding-bottom: 24px;
27568    }
27569    .ui-toolkit .pl-xl-4 {
27570        padding-left: 24px;
27571    }
27572    .ui-toolkit .p-xl-5 {
27573        padding: 30px;
27574    }
27575    .ui-toolkit .pt-xl-5 {
27576        padding-top: 30px;
27577    }
27578    .ui-toolkit .pr-xl-5 {
27579        padding-right: 30px;
27580    }
27581    .ui-toolkit .pb-xl-5 {
27582        padding-bottom: 30px;
27583    }
27584    .ui-toolkit .pl-xl-5 {
27585        padding-left: 30px;
27586    }
27587    .ui-toolkit .p-xl-6 {
27588        padding: 36px;
27589    }
27590    .ui-toolkit .pt-xl-6 {
27591        padding-top: 36px;
27592    }
27593    .ui-toolkit .pr-xl-6 {
27594        padding-right: 36px;
27595    }
27596    .ui-toolkit .pb-xl-6 {
27597        padding-bottom: 36px;
27598    }
27599    .ui-toolkit .pl-xl-6 {
27600        padding-left: 36px;
27601    }
27602    .ui-toolkit .p-xl-7 {
27603        padding: 42px;
27604    }
27605    .ui-toolkit .pt-xl-7 {
27606        padding-top: 42px;
27607    }
27608    .ui-toolkit .pr-xl-7 {
27609        padding-right: 42px;
27610    }
27611    .ui-toolkit .pb-xl-7 {
27612        padding-bottom: 42px;
27613    }
27614    .ui-toolkit .pl-xl-7 {
27615        padding-left: 42px;
27616    }
27617    .ui-toolkit .p-xl-8 {
27618        padding: 48px;
27619    }
27620    .ui-toolkit .pt-xl-8 {
27621        padding-top: 48px;
27622    }
27623    .ui-toolkit .pr-xl-8 {
27624        padding-right: 48px;
27625    }
27626    .ui-toolkit .pb-xl-8 {
27627        padding-bottom: 48px;
27628    }
27629    .ui-toolkit .pl-xl-8 {
27630        padding-left: 48px;
27631    }
27632}
27633
27634@media only screen and (min-width: 1400px) {
27635    .ui-toolkit .p-tv-0 {
27636        padding: 0px;
27637    }
27638    .ui-toolkit .pt-tv-0 {
27639        padding-top: 0px;
27640    }
27641    .ui-toolkit .pr-tv-0 {
27642        padding-right: 0px;
27643    }
27644    .ui-toolkit .pb-tv-0 {
27645        padding-bottom: 0px;
27646    }
27647    .ui-toolkit .pl-tv-0 {
27648        padding-left: 0px;
27649    }
27650    .ui-toolkit .p-tv-1 {
27651        padding: 6px;
27652    }
27653    .ui-toolkit .pt-tv-1 {
27654        padding-top: 6px;
27655    }
27656    .ui-toolkit .pr-tv-1 {
27657        padding-right: 6px;
27658    }
27659    .
27659ui-toolkit .pb-tv-1 {
27660        padding-bottom: 6px;
27661    }
27662    .ui-toolkit .pl-tv-1 {
27663        padding-left: 6px;
27664    }
27665    .ui-toolkit .p-tv-2 {
27666        padding: 12px;
27667    }
27668    .ui-toolkit .pt-tv-2 {
27669        padding-top: 12px;
27670    }
27671    .ui-toolkit .pr-tv-2 {
27672        padding-right: 12px;
27673    }
27674    .ui-toolkit .pb-tv-2 {
27675        padding-bottom: 12px;
27676    }
27677    .ui-toolkit .pl-tv-2 {
27678        padding-left: 12px;
27679    }
27680    .ui-toolkit .p-tv-3 {
27681        padding: 18px;
27682    }
27683    .ui-toolkit .pt-tv-3 {
27684        padding-top: 18px;
27685    }
27686    .ui-toolkit .pr-tv-3 {
27687        padding-right: 18px;
27688    }
27689    .ui-toolkit .pb-tv-3 {
27690        padding-bottom: 18px;
27691    }
27692    .ui-toolkit .pl-tv-3 {
27693        padding-left: 18px;
27694    }
27695    .ui-toolkit .p-tv-4 {
27696        padding: 24px;
27697    }
27698    .ui-toolkit .pt-tv-4 {
27699        padding-top: 24px;
27700    }
27701    .ui-toolkit .pr-tv-4 {
27702        padding-right: 24px;
27703    }
27704    .ui-toolkit .pb-tv-4 {
27705        padding-bottom: 24px;
27706    }
27707    .ui-toolkit .pl-tv-4 {
27708        padding-left: 24px;
27709    }
27710    .ui-toolkit .p-tv-5 {
27711        padding: 30px;
27712    }
27713    .ui-toolkit .pt-tv-5 {
27714        padding-top: 30px;
27715    }
27716    .ui-toolkit .pr-tv-5 {
27717        padding-right: 30px;
27718    }
27719    .ui-toolkit .pb-tv-5 {
27720        padding-bottom: 30px;
27721    }
27722    .ui-toolkit .pl-tv-5 {
27723        padding-left: 30px;
27724    }
27725    .ui-toolkit .p-tv-6 {
27726        padding: 36px;
27727    }
27728    .ui-toolkit .pt-tv-6 {
27729        padding-top: 36px;
27730    }
27731    .ui-toolkit .pr-tv-6 {
27732        padding-right: 36px;
27733    }
27734    .ui-toolkit .pb-tv-6 {
27735        padding-bottom: 36px;
27736    }
27737    .ui-toolkit .pl-tv-6 {
27738        padding-left: 36px;
27739    }
27740    .ui-toolkit .p-tv-7 {
27741        padding: 42px;
27742    }
27743    .ui-toolkit .pt-tv-7 {
27744        padding-top: 42px;
27745    }
27746    .ui-toolkit .pr-tv-7 {
27747        padding-right: 42px;
27748    }
27749    .ui-toolkit .pb-tv-7 {
27750        padding-bottom: 42px;
27751    }
27752    .ui-toolkit .pl-tv-7 {
27753        padding-left: 42px;
27754    }
27755    .ui-toolkit .p-tv-8 {
27756        padding: 48px;
27757    }
27758    .ui-toolkit .pt-tv-8 {
27759        padding-top: 48px;
27760    }
27761    .ui-toolkit .pr-tv-8 {
27762        padding-right: 48px;
27763    }
27764    .ui-toolkit .pb-tv-8 {
27765        padding-bottom: 48px;
27766    }
27767    .ui-toolkit .pl-tv-8 {
27768        padding-left: 48px;
27769    }
27770}
27771
27772.ui-toolkit .position-static {
27773    position: static;
27774}
27775
27776.ui-toolkit .position-relative {
27777    position: relative;
27778}
27779
27780.ui-toolkit .position-absolute {
27781    position: absolute;
27782}
27783
27784.ui-toolkit .position-fixed {
27785    position: fixed;
27786    z-index: 70;
27787}
27788
27789.ui-toolkit .position-offscreen {
27790    position: fixed;
27791    top: -1000px;
27792    width: -1000px;
27793}
27794
27795.ui-toolkit .position-top {
27796    top: 0;
27797}
27798
27799.ui-toolkit .position-right {
27800    right: 0;
27801}
27802
27803.ui-toolkit .position-bottom {
27804    bottom: 0;
27805}
27806
27807.ui-toolkit .position-left {
27808    left: 0;
27809}
27810
27811.ui-toolkit .vertical-align-top {
27812    vertical-align: top;
27813}
27814
27815.ui-toolkit .vertical-align-middle {
27816    vertical-align: middle;
27817}
27818
27819.ui-toolkit .vertical-align-bottom {
27820    vertical-align: bottom;
27821}
27822
27823.ui-toolkit .align-with-btn {
27824    display: table-cell;
27825    height: 38px;
27826    vertical-align: middle;
27827}
27828
27829.ui-toolkit .align-with-btn-small {
27830    display: table-cell;
27831    height: 28px;
27832    vertical-align: middle;
27833}
27834
27835.ui-toolkit .scrollable {
27836    overflow-y: scroll;
27837}
27838
27839.ui-toolkit .scrollable::-webkit-scrollbar {
27840    -webkit-appearance: none;
27841    width: 14px;
27842}
27843
27844.ui-toolkit .scrollable::-webkit-scrollbar-thumb {
27845    background-color: rgba(0, 0, 0, 0.4);
27846    border: 4px solid rgba(255, 255, 255, 0);
27847    border-radius: 8px;
27848    background-clip: padding-box;
27849}
27850
27851.ui-toolkit .scrollable::-webkit-scrollbar-track-piece {
27852    background-color: transparent;
27853}
27854
27855.ui-toolkit .QSISlider .scrollable {
27856    overflow-y: visible;
27857}
27858
27859.ui-toolkit .video-container {
27860    position: relative;
27861    padding-bottom: 56.25%;
27862    padding-top: 30px;
27863    height: 0;
27864    overflow: hidden;
27865}
27866
27867.ui-toolkit .video-container iframe,
27868.ui-toolkit .video-container object,
27869.ui-toolkit .video-container video {
27870    position: absolute;
27871    top: 0;
27872    left: 0;
27873    width: 100%;
27874    height: 100%;
27875}
27876
27877.ui-toolkit .video-container-vimeo {
27878    padding-bottom: 53%;
27879    padding-top: 3%;
27880}
27881
27882.ui-toolkit .is-selected:hover {
27883    cursor: default;
27884    text-decoration: none;
27885}
27886
27887.ui-toolkit .is-selected .selected-color,
27888.ui-toolkit .is-selected .selected-color:hover {
27889    color: #222;
27890}
27891
27892.ui-toolkit .width-auto {
27893    width: auto;
27894}
27895
27896.ui-toolkit .width-half {
27897    width: 50%;
27898}
27899
27900.ui-toolkit .width-full {
27901    width: 100%;
27902}
27903
27904.ui-toolkit .width-three-quarters {
27905    width: 75%;
27906}
27907
27908.ui-toolkit .width-one-quarter {
27909    width: 25%;
27910}
27911
27912.ui-toolkit .width-25px {
27913    width: 25px;
27914}
27915
27916.ui-toolkit .width-50px {
27917    width: 50px;
27918}
27919
27920.ui-toolkit .width-75px {
27921    width: 75px;
27922}
27923
27924.ui-toolkit .width-100px {
27925    width: 100px;
27926}
27927
27928.ui-toolkit .width-170px {
27929    width: 170px;
27930}
27931
27932.ui-toolkit .height-auto {
27933    height: auto;
27934}
27935
27936.ui-toolkit .height-half {
27937    height: 50%;
27938}
27939
27940.ui-toolkit .height-full {
27941    height: 100%;
27942}
27943
27944.ui-toolkit .height-25px {
27945    height: 25px;
27946}
27947
27948.ui-toolkit .height-50px {
27949    height: 50px;
27950}
27951
27952.ui-toolkit .height-75px {
27953    height: 75px;
27954}
27955
27956.ui-toolkit .height-100px {
27957    height: 100px;
27958}
27959
27960.ui-toolkit .height-135px {
27961    height: 135px;
27962}
27963
27964.ui-toolkit .max-width-full {
27965    max-width: 100%;
27966}
27967
27968.ui-toolkit .z-index-0 {
27969    z-index: 0;
27970}
27971
27972.ui-toolkit .z-index-1 {
27973    z-index: 10;
27974}
27975
27976.ui-toolkit .z-index-2 {
27977    z-index: 20;
27978}
27979
27980.ui-toolkit .z-index-3 {
27981    z-index: 30;
27982}
27983
27984.ui-toolkit .z-index-4 {
27985    z-index: 40;
27986}
27987
27988.ui-toolkit .z-index-5 {
27989    z-index: 50;
27990}
27991
27992.ui-toolkit .z-index-6 {
27993    z-index: 60;
27994}
27995
27996.ui-toolkit .z-index-7 {
27997    z-index: 70;
27998}
27999
28000.ui-toolkit .z-index-8 {
28001    z-index: 80;
28002}
28003
28004.ui-toolkit .z-index-9 {
28005    z-index: 90;
28006}
28007
28008.ui-toolkit .z-index-10 {
28009    z-index: 100;
28010}
28011
28012.ui-toolkit .login-registration-form {
28013    padding: 20px 53px;
28014    overflow: hidden;
28015}
28016
28017.ui-toolkit .login-registration-form hr {
28018    background-color: #e1e1df;
28019    color: #e1e1df;
28020    border: 0;
28021    height: 1px;
28022    margin: 14px 0;
28023    clear: both;
28024}
28025
28026.ui-toolkit .login-registration-form input.text {
28027    line-height: 16px;
28028    color: #333;
28029    font-size: 12px;
28030    margin: 0 0 0.2em 0;
28031    padding: 6px;
28032    width: 218px;
28033    border: 1px solid #c2c2c2;
28034    border-right: 1px solid #e6e6e6;
28035    border-bottom: 1px solid #e6e6e6;
28036    display: block;
28037}
28038
28039.ui-toolkit .login-registration-form input.text:focus {
28040    color: #000;
28041    border: 1px solid #666;
28042    border-right: 1px solid #999;
28043    border-bottom: 1px solid #999;
28044}
28045
28046.ui-toolkit .login-registration-form label {
28047    display: block;
28048    margin-top: 8px;
28049    margin-bottom: 4px;
28050    clear: left;
28051}
28052
28053.ui-toolkit .login-registration-form .input-group {
28054    clear: both;
28055}
28056
28057.ui-toolkit .login-registration-form .inline-group {
28058    margin-top: 10px;
28059}
28060
28061.ui-toolkit .login-registration-form .inline-group label {
28062    display: inline-block;
28063    margin-right: 8px;
28064    margin-top: 0;
28065}
28066
28067.ui-toolkit .login-registration-form #email_marketing_opt_in_consent_message {
28068    width: 202px;
28069    font-size: 12px;
28070}
28071
28072.ui-toolkit .login-registration-form .email_marketing-group label {
28073    width: 210px;
28074}
28075
28076.ui-toolkit .login-registration-form .inline-group input {
28077    margin-right: 2px;
28078}
28079
28080.ui-toolkit .login-registration-form .forgot-password a {
28081    color: #222;
28082}
28083
28084.ui-toolkit .login-registration-form .fineprint {
28085    color: #999;
28086    font-size: 11px;
28087    margin: 12px 0 5px;
28088}
28089
28090.ui-toolkit .login-registration-form .submit {
28091    margin: 0 0 14px 0;
28092    padding: 10px 0 0;
28093}
28094
28095.ui-toolkit .login-registration-form .inline-notice,
28096.ui-toolkit .login-registration-form .first-name-disclaimer {
28097    clear: none;
28098    float: right;
28099    width: 215px;
28100    line-height: 16px;
28101}
28102
28103.ui-toolkit .login-registration-form .inline-notice {
28104    color: #939393;
28105    border: 1px solid #fff;
28106    background: #fff;
28107    padding: 0 8px;
28108    margin-top: -3px;
28109}
28110
28111.ui-toolkit .login-registration-form .inline-disclaimer-message,
28112.ui-toolkit .login-registration-form .inline-input-error-message {
28113    clear: none;
28114    float: right;
28115    width: 215px;
28116    line-height: 16px;
28117}
28118
28119.ui-toolkit .login-registration-form .inline-disclaimer-message {
28120    display: none;
28121    color: #939393;
28122    border: 1px solid #fff;
28123    background: #fff;
28124    padding: 0 8px;
28125    margin-top: -3px;
28126}
28127
28128.ui-toolkit .login-registration-form .inline-input-error-message {
28129    border: 1px solid #ffc0cb;
28130    background: #ffeeee;
28131    color: #a80308;
28132    display: none;
28133    padding: 6px 8px 5px 8px;
28134}
28135
28136.ui-toolkit .form-container .login-registration-form .inline-notice,
28137.ui-toolkit .form-container .login-registration-form .first-name-disclaimer,
28138.ui-toolkit .form-container .login-registration-form .inline-disclaimer-message,
28139.ui-toolkit .form-container .login-registration-form .inline-input-error-message {
28140    width: 285px;
28141}
28142
28143.ui-toolkit .login-registration-form .input-group-error label {
28144    color: #a80308;
28145}
28146
28147.ui-toolkit .login-registration-form .input-group-error .text,
28148.ui-toolkit .login-registration-form .input-group-error .text:focus {
28149    border-color: #a80308;
28150}
28151
28152.ui-toolkit .login-registration-form .spinner-small {
28153    display: none;
28154    margin-left: 1em;
28155    vertical-align: middle;
28156}
28157
28158.ui-toolkit .login-registration-form .message-container-connections.msg {
28159    padding: 3px;
28160}
28161
28162.ui-toolkit .login-registration-form .message-container-connections.msg h3 {
28163    font-weight: normal;
28164    font-size: 12px;
28165    margin: 0;
28166    padding: 8px 14px;
28167    border-radius: 5px;
28168    line-height: 18px;
28169}
28170
28171.ui-toolkit .login-registration-form .message-container-connections.msg strong {
28172    color: #333;
28173    font-weight: bold;
28174}
28175
28176.ui-toolkit .login-registration-form .message-container-connections.msg h3 a {
28177    font-weight: bold;
28178}
28179
28180.ui-toolkit #valid-email-disclaimer {
28181    color: #333;
28182    display: none;
28183}
28184
28185.ui-toolkit .suggested-username-tip {
28186    margin: -6px 0 10px 135px;
28187    background-color: #FFFFFF;
28188    display: none;
28189    border-radius: 3px 3px 3px 3px;
28190    border: 1px solid #DEDEDB;
28191    padding: 6px 8px 7px;
28192    position: relative;
28193    z-index: 2;
28194}
28195
28196.ui-toolkit .login-registration-form .suggested-username-tip {
28197    margin: 7px 0 10px 0;
28198}
28199
28200.ui-toolkit .suggested-username-alternatives-vis {
28201    display: inline;
28202    float: left;
28203}
28204
28205.ui-toolkit .suggested-username-tip .arrow {
28206    background: no-repeat scroll -47px 1px transparent;
28207    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAABzCAMAAABzX6bqAAAAS1BMVEXZ2dn////Z2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnp6enq6urt7e309PT19fX+/v7///+Uf54gAAAAEnRSTlMAAAYbHk5RVI2Qq7G0t97h+fxNpkuAAAAB0klEQVR4Ab3NN5LCQAAAwdWe9+YO0P9fimpSCoIONPlUD+1u2rcsKt5/fkwnTfz/y2QSxHXNdBLETCdJzHSSxEwgTQTTyUQwnUwE08lEMJ1MBNPJRDCdTATTyMSvRDcvSRcziXQxk0gXM4l0MZNIFzOJdDETSBcz3yeRLmYS6WImkS5mEuliJpEuZhLpYiaRLmYS6WImkS5mCunidTNSRDcjRXQzUkQ3I1F0M9JFMSNdFDPSRTEjXRQz0kUxI10UM9JFMSNdFDPSRTEjXRQz0kUxI10UM9JFMSNdFDPSRTEjTQTzbUa6iGaki2JGuijmRrqopotsDhfRfB0vv6c9xcP3w3ATxWW4ieJGuiniiHQTxEg3RYx0E8TIvcxjYqSZID7GRLopYqSbIka6KWKkmyJGuilipJsiRoLpYqSYLkaK6WKkmC5GiulipJguRorpYqSYLkaK6WKkmC5GiulipJguRt42VXwaRGaqiGSmiUxmigikm4lAupkIpJuJQLqZCKSbiUC6mQikm4lAupkIpJuJQLqZCKSbiUC6mQikm4lAupkIJJqJP4lAopkIpJuJQLqZCKSbiUC6mQikm4lAupkoJJuJRLKZSCSbIDpZz4lCngHEflyX8KZpFQAAAABJRU5ErkJggg==");
28208    display: block;
28209    height: 9px;
28210    left: 7px;
28211    position: absolute;
28212    top: -9px;
28213    width: 20px;
28214    z-index: 3;
28215}
28216
28217.ui-toolkit .suggested-username-tip a,
28218.ui-toolkit .suggested-username-tip a:active,
28219.ui-toolkit .suggested-username-tip a:link,
28220.ui-toolkit .suggested-username-tip a:visited {
28221    background-color: #EEEEE9;
28222    border-radius: 10px 10px 10px 10px;
28223    color: #666;
28224    font-size: 11px;
28225    margin: 0 0 0 3px;
28226    outline: medium none;
28227    padding: 2px 6px 2px 7px;
28228    text-decoration: none;
28229}
28230
28231.ui-toolkit .suggested-username-tip a:hover {
28232    background-color: #DDDDD4;
28233    color: #333;
28234}
28235
28236.ui-toolkit .suggested-username-tip span {
28237    color: #666666;
28238    font-size: 11px;
28239}
28240
28241.ui-toolkit .overlay-connect-wrap {
28242    margin: 0 -53px;
28243    padding: 0 53px;
28244}
28245
28246.ui-toolkit .overlay-connect-wrap.signin-ov .button-large {
28247    margin: 0;
28248}
28249
28250.ui-toolkit .overlay-connect-wrap .btn-fb,
28251.ui-toolkit .overlay-connect-wrap .btn-google,
28252.ui-toolkit .connect-wrap .btn-fb,
28253.ui-toolkit .connect-wrap .btn-google {
28254    min-width: 210px;
28255}
28256
28257.ui-toolkit .overlay-connect-wrap p {
28258    margin: 0;
28259    font-size: 11px;
28260    color: #595959;
28261}
28262
28263.ui-toolkit .login-registration-form .or {
28264    height: 1px;
28265    margin: 18px -53px 24px;
28266    position: relative;
28267    background-color: #DADBD6;
28268}
28269
28270.ui-toolkit .login-registration-form .or span {
28271    background-color: #FFFFFF;
28272    font-size: 11px;
28273    font-weight: bold;
28274    left: 41px;
28275    letter-spacing: 0.1em;
28276    padding: 0 12px;
28277    position: absolute;
28278    text-transform: uppercase;
28279    top: -6px;
28280}
28281
28282.ui-toolkit .connect-container.spinning .spinner {
28283    display: inline-block;
28284}
28285
28286.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini {
28287    border-radius: 7px;
28288    -moz-border-radius: 7px;
28289    -webkit-border-radius: 7px;
28290}
28291
28292.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini .tt-inner {
28293    padding: 117px 12px 12px;
28294    background: url(/assets/dist/images/seamless-sharing/how-it-works-small.20170615210940.png) no-repeat 8px 8px;
28295}
28296
28297.ui-toolkit .seamless-sharing-overlay-wrap .tt-learn-more.tt-mini .tt-inner p {
28298    width: 226px;
28299    white-space: normal;
28300    font-size: 12px !important;
28301    line-height: 17px;
28302}
28303
28304.ui-toolkit .seamless-sharing-overlay-wrap input {
28305    margin-right: 4px;
28306}
28307
28308.ui-toolkit #step-2-heading h2 {
28309    color: #333;
28310    display: block;
28311    font-size: 16px;
28312    line-height: 24px;
28313    margin-bottom: 18px;
28314}
28315
28316.ui-toolkit .external-acct-connected {
28317    min-width: 230px;
28318    position: relative;
28319    border: 1px solid #ECECEC;
28320    border-radius: 4px;
28321    display: inline-block;
28322    margin-bottom: 12px;
28323}
28324
28325.ui-toolkit .external-acct-connected .facebook-icon,
28326.ui-toolkit .external-acct-connected .google-icon {
28327    display: block;
28328    position: absolute;
28329    top: 5px;
28330    left: 5px;
28331    height: 30px;
28332    width: 30px;
28333    -moz-border-radius: 3px;
28334    -webkit-border-radius: 3px;
28335    border-radius: 3px;
28336}
28337
28338.ui-toolkit .external-acct-connected .facebook-icon {
28339    background: url(/assets/dist/images/sprites/connected-accounts-sprite.20170615210940.png) no-repeat scroll 2px 3px #3B5998;
28340}
28341
28342.ui-toolkit .external-acct-connected .google-icon {
28343    background: url(/assets/dist/images/google-signin.20170615210938.png);
28344    background-size: contain;
28345}
28346
28347.ui-toolkit .external-acct-connected .avatar {
28348    float: right;
28349}
28350
28351.ui-toolkit .external-acct-connected a.avatar {
28352    position: absolute;
28353    right: 0;
28354    top: 0;
28355}
28356
28357.ui-toolkit .external-acct-connected img {
28358    width: 40px;
28359    height: 40px;
28360    display: block;
28361    -moz-border-radius: 0 3px 3px 0;
28362    -webkit-border-radius: 0 3px 3px 0;
28363    border-radius: 0 3px 3px 0;
28364}
28365
28366.ui-toolkit .external-acct-connected .connected-msg {
28367    line-height: 14px;
28368    margin: 0 54px 0 45px;
28369    padding: 5px 0 0 0;
28370    white-space: nowrap;
28371}
28372
28373.ui-toolkit .external-acct-connected .connected-msg p,
28374.ui-toolkit .external-acct-connected.ov .connected-msg p {
28375    color: #999;
28376    margin: 0;
28377    font-size: 11px;
28378    line-height: 14px;
28379}
28380
28381.ui-toolkit .external-acct-name {
28382    font-weight: bold;
28383    color: #999;
28384    display: block;
28385}
28386
28387.ui-toolkit .external-acct-connected.ov {
28388    display: inline-block;
28389    margin: -6px 0 0px;
28390}
28391
28392.ui-toolkit .external-acct-connected.ov .facebook-icon,
28393.ui-toolkit .external-acct-connected.ov .google-icon {
28394    height: 25px;
28395    width: 25px;
28396}
28397
28398.ui-toolkit .external-acct-connected.ov .facebook-icon {
28399    background-position: 3px -88px;
28400}
28401
28402.ui-toolkit .external-acct-connected.ov img {
28403    width: 35px;
28404    height: 35px;
28405}
28406
28407.ui-toolkit .external-acct-connected.ov .connected-msg p {
28408    margin-top: 4px;
28409}
28410
28411.ui-toolkit .external-acct-connected.ov .connected-msg {
28412    margin: 0 48px 0 0;
28413    padding: 0 0 0 37px;
28414}
28415
28416.ui-toolkit .recaptcha-actions a,
28417.ui-toolkit .recaptcha-actions a img {
28418    display: block;
28419}
28420
28421.ui-toolkit #inline-overlay {
28422    color: #333;
28423    width: 580px;
28424    display: none;
28425}
28426
28427.ui-toolkit #inline-overlay .overlay-body {
28428    padding: 0;
28429}
28430
28431.ui-toolkit #inline-overlay .tabs {
28432    margin-bottom: 0;
28433}
28434
28435.ui-toolkit #inline-overlay .msg-copy {
28436    padding: 12px 0;
28437    background-color: #E9F6FC;
28438}
28439
28440.ui-toolkit #inline-overlay .submit {
28441    float: none;
28442}
28443
28444.ui-toolkit #inline-overlay .btn-primary {
28445    min-width: 232px;
28446}
28447
28448.ui-toolkit #inline-overlay .header-module {
28449    display: none;
28450}
28451
28452.ui-toolkit #inline-overlay.collect-email h1 {
28453    /*font-family: "Guardian-EgypTT";*/
28454    font-weight: 500;
28455    font-size: 24px;
28456    margin-bottom: 8px;
28457}
28458
28459.ui-toolkit #inline-overlay.collect-email .login-registration-form {
28460    padding: 40px 50px;
28461}
28462
28463.ui-toolkit #inline-overlay.collect-email p {
28464    color: #666;
28465}
28466
28467.ui-toolkit #inline-overlay.collect-email .header-module {
28468    display: block;
28469    margin-bottom: 18px;
28470}
28471
28472.ui-toolkit #inline-overlay.collect-email ul.tabs,
28473.ui-toolkit #inline-overlay.collect-email .msg-embedded,
28474.ui-toolkit #inline-overlay.collect-email #step-2-heading {
28475    display: none;
28476}
28477
28478.ui-toolkit #inline-overlay.collect-email #register-tab-content .ext-acct,
28479.ui-toolkit #inline-overlay.collect-email #register-tab-content .message-container-connections,
28480.ui-toolkit #inline-overlay.collect-email #sign-in-tab-content .ext-acct,
28481.ui-toolkit #inline-overlay.collect-email #sign-in-tab-content .message-container-connections {
28482    display: none;
28483}
28484
28485.ui-toolkit #inline-overlay.overlay,
28486.ui-toolkit #locale-select-overlay.overlay,
28487.ui-toolkit #conversation-overlay.overlay,
28488.ui-toolkit #custom-order-overlay,
28489.ui-toolkit #notification-overlay {
28490    -moz-border-radius: 5px;
28491    -webkit-border-radius: 5px;
28492    border-radius: 5px;
28493    border: 1px solid rgba(0, 0, 0, 0.25);
28494    padding: 0;
28495    background-color: #FFF;
28496    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
28497    color: #222;
28498    display: none;
28499    z-index: 10000;
28500    text-align: left;
28501    font-size: 12px;
28502}
28503
28504.ui-toolkit #inline-overlay.overlay .msg-copy,
28505.ui-toolkit #locale-select-overlay.overlay .msg-copy,
28506.ui-toolkit #conversation-overlay.overlay .msg-copy,
28507.ui-toolkit #custom-order-overlay .msg-copy,
28508.ui-toolkit #notification-overlay .msg-copy {
28509    padding: 12px;
28510    background-color: #FFF3EE;
28511    margin: 19px 0px;
28512}
28513
28514.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap .btn-fb,
28515.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap .btn-google,
28516.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap .btn-fb,
28517.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap .btn-google,
28518.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap .btn-fb,
28519.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap .btn-google,
28520.ui-toolkit #custom-order-overlay .overlay-connect-wrap .btn-fb,
28521.ui-toolkit #custom-order-overlay .overlay-connect-wrap .btn-google,
28522.ui-toolkit #notification-overlay .overlay-connect-wrap .btn-fb,
28523.ui-toolkit #notification-overlay .overlay-connect-wrap .btn-google {
28524    min-width: 230px;
28525    margin-bottom: 8px;
28526}
28527
28528.ui-toolkit #inline-overlay.overlay .overlay-connect-wrap p,
28529.ui-toolkit #locale-select-overlay.overlay .overlay-connect-wrap p,
28530.ui-toolkit #conversation-overlay.overlay .overlay-connect-wrap p,
28531.ui-toolkit #custom-order-overlay .overlay-connect-wrap p,
28532.ui-toolkit #notification-overlay .overlay-connect-wrap p {
28533    font-size: 11px;
28534    color: #222;
28535}
28536
28537.ui-toolkit #inline-overlay.overlay .button-remove,
28538.ui-toolkit #locale-select-overlay.overlay .button-remove,
28539.ui-toolkit #conversation-overlay.overlay .button-remove,
28540.ui-toolkit #custom-order-overlay .button-remove,
28541.ui-toolkit #notification-overlay .button-remove {
28542    background: transparent url(/assets/dist/images/sprites/buttons-master.20170615210940.png) no-repeat 0 -1326px;
28543    display: block;
28544    width: 16px;
28545    height: 16px;
28546}
28547
28548.ui-toolkit #inline-overlay.overlay .button-remove.close,
28549.ui-toolkit #locale-select-overlay.overlay .button-remove.close,
28550.ui-toolkit #conversation-overlay.overlay .button-remove.close,
28551.ui-toolkit #custom-order-overlay .button-remove.close,
28552.ui-toolkit #notification-overlay .button-remove.close {
28553    cursor: pointer;
28554    position: absolute;
28555    right: 3px;
28556    top: 5px;
28557}
28558
28559.ui-toolkit #inline-overlay.overlay .button-remove span,
28560.ui-toolkit #locale-select-overlay.overlay .button-remove span,
28561.ui-toolkit #conversation-overlay.overlay .button-remove span,
28562.ui-toolkit #custom-order-overlay .button-remove span,
28563.ui-toolkit #notification-overlay .button-remove span {
28564    display: none;
28565}
28566
28567.ui-toolkit #inline-overlay.overlay .button-remove:hover,
28568.ui-toolkit #inline-overlay.overlay .button-remove.hover,
28569.ui-toolkit #locale-select-overlay.overlay .button-remove:hover,
28570.ui-toolkit #locale-select-overlay.overlay .button-remove.hover,
28571.ui-toolkit #conversation-overlay.overlay .button-remove:hover,
28572.ui-toolkit #conversation-overlay.overlay .button-remove.hover,
28573.ui-toolkit #custom-order-overlay .button-remove:hover,
28574.ui-toolkit #custom-order-overlay .button-remove.hover,
28575.ui-toolkit #notification-overlay .button-remove:hover,
28576.ui-toolkit #notification-overlay .button-remove.hover {
28577    background-position: -16px -1326px;
28578}
28579
28580.ui-toolkit #inline-overlay.overlay .button-remove:active,
28581.ui-toolkit #inline-overlay.overlay .button-remove.active,
28582.ui-toolkit #locale-select-overlay.overlay .button-remove:active,
28583.ui-toolkit #locale-select-overlay.overlay .button-remove.active,
28584.ui-toolkit #conversation-overlay.overlay .button-remove:active,
28585.ui-toolkit #conversation-overlay.overlay .button-remove.active,
28586.ui-toolkit #custom-order-overlay .button-remove:active,
28587.ui-toolkit #custom-order-overlay .button-remove.active,
28588.ui-toolkit #notification-overlay .button-remove:active,
28589.ui-toolkit #notification-overlay .button-remove.active {
28590    background-position: -32px -1326px;
28591}
28592
28593.ui-toolkit #inline-overlay.overlay .overlay-header,
28594.ui-toolkit #locale-select-overlay.overlay .overlay-header,
28595.ui-toolkit #conversation-overlay.overlay .overlay-header,
28596.ui-toolkit #custom-order-overlay .overlay-header,
28597.ui-toolkit #notification-overlay .overlay-header {
28598    border: 0 none;
28599    border-bottom: 1px solid #FBFBFA;
28600    background-color: #FAF9F5;
28601    padding: 17px 21px 16px;
28602    margin: 0;
28603    border-top: 1px solid white;
28604    -moz-border-radius: 5px 5px 0 0;
28605    -webkit-border-radius: 5px 5px 0 0;
28606    border-radius: 5px 5px 0 0;
28607}
28608
28609.ui-toolkit #inline-overlay.overlay .overlay-header h2,
28610.ui-toolkit #locale-select-overlay.overlay .overlay-header h2,
28611.ui-toolkit #conversation-overlay.overlay .overlay-header h2,
28612.ui-toolkit #custom-order-overlay .overlay-header h2,
28613.ui-toolkit #notification-overlay .overlay-header h2 {
28614    font-size: 21px;
28615    font-weight: normal;
28616    line-height: 26px;
28617    text-shadow: 0 1px 0 #FFF;
28618}
28619
28620.ui-toolkit #inline-overlay.overlay .overlay-footer,
28621.ui-toolkit #locale-select-overlay.overlay .overlay-footer,
28622.ui-toolkit #conversation-overlay.overlay .overlay-footer,
28623.ui-toolkit #custom-order-overlay .overlay-footer,
28624.ui-toolkit #notification-overlay .overlay-footer {
28625    -moz-border-radius: 0 0 5px 5px;
28626    -webkit-border-radius: 0 0 5px 5px;
28627    border-radius: 0 0 5px 5px;
28628    height: auto;
28629    padding: 11px 21px 13px;
28630    border-top: 1px solid #FBFBFA;
28631    background-color: #FFF;
28632}
28633
28634.ui-toolkit #inline-overlay.overlay .overlay-footer .selected-regional-settings,
28635.ui-toolkit #locale-select-overlay.overlay .overlay-footer .selected-regional-settings,
28636.ui-toolkit #conversation-overlay.overlay .overlay-footer .selected-regional-settings,
28637.ui-toolkit #custom-order-overlay .overlay-footer .selected-regional-settings,
28638.ui-toolkit #notification-overlay .overlay-footer .selected-regional-settings {
28639    text-align: left;
28640}
28641
28642.ui-toolkit #inline-overlay.overlay .overlay-content,
28643.ui-toolkit #locale-select-overlay.overlay .overlay-content,
28644.ui-toolkit #conversation-overlay.overlay .overlay-content,
28645.ui-toolkit #custom-order-overlay .overlay-content,
28646.ui-toolkit #notification-overlay .overlay-content {
28647    background-color: #FFF;
28648    overflow: hidden;
28649    -moz-border-radius: 5px;
28650    -webkit-border-radius: 5px;
28651    border-radius: 5px;
28652}
28653
28654.ui-toolkit #inline-overlay.overlay .overlay-content .ss-delete.close:hover,
28655.ui-toolkit #locale-select-overlay.overlay .overlay-content .ss-delete.close:hover,
28656.ui-toolkit #conversation-overlay.overlay .overlay-content .ss-delete.close:hover,
28657.ui-toolkit #custom-order-overlay .overlay-content .ss-delete.close:hover,
28658.ui-toolkit #notification-overlay .overlay-content .ss-delete.close:hover {
28659    background: none;
28660    opacity: 0.8;
28661}
28662
28663.ui-toolkit #inline-overlay.overlay .overlay-content .ss-delete.close,
28664.ui-toolkit #locale-select-overlay.overlay .overlay-content .ss-delete.close,
28665.ui-toolkit #conversation-overlay.overlay .overlay-content .ss-delete.close,
28666.ui-toolkit #custom-order-overlay .overlay-content .ss-delete.close,
28667.ui-toolkit #notification-overlay .overlay-content .ss-delete.close {
28668    font-size: 12px;
28669    color: #222;
28670    padding: 4px;
28671    -moz-border-radius: 50%;
28672    -webkit-border-radius: 50%;
28673    border-radius: 50%;
28674    cursor: pointer;
28675    font-size: 10px;
28676    height: 16px;
28677    line-height: 16px;
28678    position: absolute;
28679    right: 5px;
28680    text-align: center;
28681    top: 5px;
28682    width: 16px;
28683    z-index: 2;
28684}
28685
28686.ui-toolkit #inline-overlay.overlay .tabs,
28687.ui-toolkit #locale-select-overlay.overlay .tabs,
28688.ui-toolkit #conversation-overlay.overlay .tabs,
28689.ui-toolkit #custom-order-overlay .tabs,
28690.ui-toolkit #notification-overlay .tabs {
28691    list-style: none;
28692    padding: 0 10px 0 40px;
28693    margin: 20px 0 0px;
28694    margin-top: 0;
28695    margin-bottom: 0;
28696    background: #FAF9F5;
28697    border-bottom: 1px solid #E1E3DF;
28698    border-top: 1px solid #FFF;
28699    border-radius: 5px 5px 0 0;
28700}
28701
28702.ui-toolkit #inline-overlay.overlay .tabs li,
28703.ui-toolkit #locale-select-overlay.overlay .tabs li,
28704.ui-toolkit #conversation-overlay.overlay .tabs li,
28705.ui-toolkit #custom-order-overlay .tabs li,
28706.ui-toolkit #notification-overlay .tabs li {
28707    float: left;
28708    margin-top: 20px;
28709}
28710
28711.ui-toolkit #inline-overlay.overlay .tabs li>a,
28712.ui-toolkit #inline-overlay.overlay .tabs li .tab-title,
28713.ui-toolkit #locale-select-overlay.overlay .tabs li>a,
28714.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title,
28715.ui-toolkit #conversation-overlay.overlay .tabs li>a,
28716.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title,
28717.ui-toolkit #custom-order-overlay .tabs li>a,
28718.ui-toolkit #custom-order-overlay .tabs li .tab-title,
28719.ui-toolkit #notification-overlay .tabs li>a,
28720.ui-toolkit #notification-overlay .tabs li .tab-title {
28721    display: block;
28722    background-color: #FAF9F5;
28723    border: 1px solid #E1E3DF;
28724    border-left: 0;
28725    font-size: 13px;
28726    padding: 8px 12px;
28727    margin: 0 0 -1px;
28728    text-align: center;
28729    color: #222;
28730    font-weight: bold;
28731    position: relative;
28732    cursor: pointer;
28733}
28734
28735.ui-toolkit #inline-overlay.overlay .tabs li .tab-title:hover,
28736.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title:hover,
28737.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title:hover,
28738.ui-toolkit #custom-order-overlay .tabs li .tab-title:hover,
28739.ui-toolkit #notification-overlay .tabs li .tab-title:hover {
28740    text-decoration: underline;
28741}
28742
28743.ui-toolkit #inline-overlay.overlay .tabs li.first>a,
28744.ui-toolkit #inline-overlay.overlay .tabs li.first .tab-title,
28745.ui-toolkit #locale-select-overlay.overlay .tabs li.first>a,
28746.ui-toolkit #locale-select-overlay.overlay .tabs li.first .tab-title,
28747.ui-toolkit #conversation-overlay.overlay .tabs li.first>a,
28748.ui-toolkit #conversation-overlay.overlay .tabs li.first .tab-title,
28749.ui-toolkit #custom-order-overlay .tabs li.first>a,
28750.ui-toolkit #custom-order-overlay .tabs li.first .tab-title,
28751.ui-toolkit #notification-overlay .tabs li.first>a,
28752.ui-toolkit #notification-overlay .tabs li.first .tab-title {
28753    border-left: 1px solid #E1E3DF;
28754}
28755
28756.ui-toolkit #inline-overlay.overlay .tabs li.active>a,
28757.ui-toolkit #inline-overlay.overlay .tabs li.active .tab-title,
28758.ui-toolkit #inline-overlay.overlay .tabs li>a.active,
28759.ui-toolkit #inline-overlay.overlay .tabs li .tab-title.active,
28760.ui-toolkit #inline-overlay.overlay .tabs li.ui-state-active>a,
28761.ui-toolkit #inline-overlay.overlay .tabs li.ui-state-active .tab-title,
28762.ui-toolkit #inline-overlay.overlay .tabs li>a.ui-state-active,
28763.ui-toolkit #inline-overlay.overlay .tabs li .tab-title.ui-state-active,
28764.ui-toolkit #locale-select-overlay.overlay .tabs li.active>a,
28765.ui-toolkit #locale-select-overlay.overlay .tabs li.active .tab-title,
28766.ui-toolkit #locale-select-overlay.overlay .tabs li>a.active,
28767.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title.active,
28768.ui-toolkit #locale-select-overlay.overlay .tabs li.ui-state-active>a,
28769.ui-toolkit #locale-select-overlay.overlay .tabs li.ui-state-active .tab-title,
28770.ui-toolkit #locale-select-overlay.overlay .tabs li>a.ui-state-active,
28771.ui-toolkit #locale-select-overlay.overlay .tabs li .tab-title.ui-state-active,
28772.ui-toolkit #conversation-overlay.overlay .tabs li.active>a,
28773.ui-toolkit #conversation-overlay.overlay .tabs li.active .tab-title,
28774.ui-toolkit #conversation-overlay.overlay .tabs li>a.active,
28775.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title.active,
28776.ui-toolkit #conversation-overlay.overlay .tabs li.ui-state-active>a,
28777.ui-toolkit #conversation-overlay.overlay .tabs li.ui-state-active .tab-title,
28778.ui-toolkit #conversation-overlay.overlay .tabs li>a.ui-state-active,
28779.ui-toolkit #conversation-overlay.overlay .tabs li .tab-title.ui-state-active,
28780.ui-toolkit #custom-order-overlay .tabs li.active>a,
28781.ui-toolkit #custom-order-overlay .tabs li.active .tab-title,
28782.ui-toolkit #custom-order-overlay .tabs li>a.active,
28783.ui-toolkit #custom-order-overlay .tabs li .tab-title.active,
28784.ui-toolkit #custom-order-overlay .tabs li.ui-state-active>a,
28785.ui-toolkit #custom-order-overlay .tabs li.ui-state-active .tab-title,
28786.ui-toolkit #custom-order-overlay .tabs li>a.ui-state-active,
28787.ui-toolkit #custom-order-overlay .tabs li .tab-title.ui-state-active,
28788.ui-toolkit #notification-overlay .tabs li.active>a,
28789.ui-toolkit #notification-overlay .tabs li.active .tab-title,
28790.ui-toolkit #notification-overlay .tabs li>a.active,
28791.ui-toolkit #notification-overlay .tabs li .tab-title.active,
28792.ui-toolkit #notification-overlay .tabs li.ui-state-active>a,
28793.ui-toolkit #notification-overlay .tabs li.ui-state-active .tab-title,
28794.ui-toolkit #notification-overlay .tabs li>a.ui-state-active,
28795.ui-toolkit #notification-overlay .tabs li .tab-title.ui-state-active {
28796    background-color: #FFF;
28797    border-bottom-color: #FFF;
28798    color: #222;
28799}
28800
28801.ui-toolkit #inline-overlay.overlay .tabs li.prefix,
28802.ui-toolkit #locale-select-overlay.overlay .tabs li.prefix,
28803.ui-toolkit #conversation-overlay.overlay .tabs li.prefix,
28804.ui-toolkit #custom-order-overlay .tabs li.prefix,
28805.ui-toolkit #notification-overlay .tabs li.prefix {
28806    display: block;
28807    font-size: 13px;
28808    padding: 8px 12px;
28809    margin: 0 0 -1px;
28810    text-align: center;
28811    font-weight: bold;
28812    position: relative;
28813}
28814
28815.ui-toolkit #inline-overlay.overlay .overlay-tab-content,
28816.ui-toolkit #locale-select-overlay.overlay .overlay-tab-content,
28817.ui-toolkit #conversation-overlay.overlay .overlay-tab-content,
28818.ui-toolkit #custom-order-overlay .overlay-tab-content,
28819.ui-toolkit #notification-overlay .overlay-tab-content {
28820    display: none;
28821}
28822
28823.ui-toolkit #inline-overlay.overlay .overlay-tab-content.active,
28824.ui-toolkit #locale-select-overlay.overlay .overlay-tab-content.active,
28825.ui-toolkit #conversation-overlay.overlay .overlay-tab-content.active,
28826.ui-toolkit #custom-order-overlay .overlay-tab-content.active,
28827.ui-toolkit #notification-overlay .overlay-tab-content.active {
28828    display: block;
28829}
28830
28831.ui-toolkit #inline-overlay.overlay .clear:after,
28832.ui-toolkit #locale-select-overlay.overlay .clear:after,
28833.ui-toolkit #conversation-overlay.overlay .clear:after,
28834.ui-toolkit #custom-order-overlay .clear:after,
28835.ui-toolkit #notification-overlay .clear:after {
28836    content: " ";
28837    display: block;
28838    width: 0;
28839    height: 0;
28840    clear: both;
28841    visibility: hidden;
28842}
28843
28844.ui-toolkit #inline-overlay.overlay .clear,
28845.ui-toolkit #locale-select-overlay.overlay .clear,
28846.ui-toolkit #conversation-overlay.overlay .clear,
28847.ui-toolkit #custom-order-overlay .clear,
28848.ui-toolkit #notification-overlay .clear {
28849    min-height: 1%;
28850}
28851
28852.ui-toolkit #inline-overlay.overlay .btn-fb,
28853.ui-toolkit #locale-select-overlay.overlay .btn-fb,
28854.ui-toolkit #conversation-overlay.overlay .btn-fb,
28855.ui-toolkit #custom-order-overlay .btn-fb,
28856.ui-toolkit #notification-overlay .btn-fb {
28857    text-align: center;
28858    margin-bottom: 8px;
28859    padding: 7px 10px;
28860    background-color: #3B5998;
28861    border-color: rgba(0, 0, 0, 0.1);
28862    color: #FFF;
28863}
28864
28865.ui-toolkit #inline-overlay.overlay .btn-fb:hover,
28866.ui-toolkit #inline-overlay.overlay .btn-fb.hover,
28867.ui-toolkit #locale-select-overlay.overlay .btn-fb:hover,
28868.ui-toolkit #locale-select-overlay.overlay .btn-fb.hover,
28869.ui-toolkit #conversation-overlay.overlay .btn-fb:hover,
28870.ui-toolkit #conversation-overlay.overlay .btn-fb.hover,
28871.ui-toolkit #custom-order-overlay .btn-fb:hover,
28872.ui-toolkit #custom-order-overlay .btn-fb.hover,
28873.ui-toolkit #notification-overlay .btn-fb:hover,
28874.ui-toolkit #notification-overlay .btn-fb.hover {
28875    background-color: #3f61a3;
28876    border-color: rgba(0, 0, 0, 0.2);
28877}
28878
28879.ui-toolkit #inline-overlay.overlay .btn-fb:active,
28880.ui-toolkit #inline-overlay.overlay .btn-fb.active,
28881.ui-toolkit #inline-overlay.overlay .btn-group.open .btn-fb,
28882.ui-toolkit #locale-select-overlay.overlay .btn-fb:active,
28883.ui-toolkit #locale-select-overlay.overlay .btn-fb.active,
28884.ui-toolkit #locale-select-overlay.overlay .btn-group.open .btn-fb,
28885.ui-toolkit #conversation-overlay.overlay .btn-fb:active,
28886.ui-toolkit #conversation-overlay.overlay .btn-fb.active,
28887.ui-toolkit #conversation-overlay.overlay .btn-group.open .btn-fb,
28888.ui-toolkit #custom-order-overlay .btn-fb:active,
28889.ui-toolkit #custom-order-overlay .btn-fb.active,
28890.ui-toolkit #custom-order-overlay .btn-group.open .btn-fb,
28891.ui-toolkit #notification-overlay .btn-fb:active,
28892.ui-toolkit #notification-overlay .btn-fb.active,
28893.ui-toolkit #notification-overlay .btn-group.open .btn-fb {
28894    background-color: #37538d;
28895    border-color: rgba(0, 0, 0, 0.5);
28896}
28897
28898.ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook:before,
28899.ui-toolkit #locale-select-overlay.overlay .btn-fb.ss-facebook:before,
28900.ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook:before,
28901.ui-toolkit #custom-order-overlay .btn-fb.ss-facebook:before,
28902.ui-toolkit #notification-overlay .btn-fb.ss-facebook:before {
28903    /*font-family: "SSEtsy";*/
28904    float: left;
28905    width: 16px;
28906    height: 16px;
28907    margin-right: 7px;
28908}
28909
28910.ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook.spinning:before,
28911.ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner,
28912.ui-toolkit #locale-select-overlay.overlay .btn-fb.ss-facebook.spinning:before,
28913.ui-toolkit #locale-select-overlay.overlay .connect-container .facebook-spinner,
28914.ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook.spinning:before,
28915.ui-toolkit #conversation-overlay.overlay .connect-container .facebook-spinner,
28916.ui-toolkit #custom-order-overlay .btn-fb.ss-facebook.spinning:before,
28917.ui-toolkit #custom-order-overlay .connect-container .facebook-spinner,
28918.ui-toolkit #notification-overlay .btn-fb.ss-facebook.spinning:before,
28919.ui-toolkit #notification-overlay .connect-container .facebook-spinner {
28920    content: "";
28921    background: url(/assets/dist/images/spinners/facebook-spinner.20170615210940.gif) no-repeat center bottom;
28922    background-size: 15px 15px;
28923}
28924
28925@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
28926only screen and (-moz-min-device-pixel-ratio: 1.5),
28927only screen and (-o-min-device-pixel-ratio: 3/2),
28928only screen and (min-device-pixel-ratio: 1.5) {
28929    .ui-toolkit #inline-overlay.overlay .btn-fb.ss-facebook.spinning:before,
28930    .ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner,
28931    .ui-toolkit #locale-select-overlay.overlay .btn-fb.ss-facebook.spinning:before,
28932    .ui-toolkit #locale-select-overlay.overlay .connect-container .facebook-spinner,
28933    .ui-toolkit #conversation-overlay.overlay .btn-fb.ss-facebook.spinning:before,
28934    .ui-toolkit #conversation-overlay.overlay .connect-container .facebook-spinner,
28935    .ui-toolkit #custom-order-overlay .btn-fb.ss-facebook.spinning:before,
28936    .ui-toolkit #custom-order-overlay .connect-container .facebook-spinner,
28937    .ui-toolkit #notification-overlay .btn-fb.ss-facebook.spinning:before,
28938    .ui-toolkit #notification-overlay .connect-container .facebook-spinner {
28939        background-image: url(/assets/dist/images/spinners/[email protected]);
28940    }
28941}
28942
28943.ui-toolkit #inline-overlay.overlay .btn-google,
28944.ui-toolkit #locale-select-overlay.overlay .btn-google,
28945.ui-toolkit #conversation-overlay.overlay .btn-google,
28946.ui-toolkit #custom-order-overlay .btn-google,
28947.ui-toolkit #notification-overlay .btn-google {
28948    text-align: center;
28949    margin-bottom: 8px;
28950    padding: 7px 10px;
28951    border-color: rgba(0, 0, 0, 0.15);
28952    background-color: #4285F4;
28953    color: #FFF;
28954}
28955
28956.ui-toolkit #inline-overlay.overlay .btn-google:hover,
28957.ui-toolkit #locale-select-overlay.overlay .btn-google:hover,
28958.ui-toolkit #conversation-overlay.overlay .btn-google:hover,
28959.ui-toolkit #custom-order-overlay .btn-google:hover,
28960.ui-toolkit #notification-overlay .btn-google:hover {
28961    background-color: #5593f5;
28962    border-color: rgba(0, 0, 0, 0.25);
28963}
28964
28965.ui-toolkit #inline-overlay.overlay .btn-google:active,
28966.ui-toolkit #inline-overlay.overlay .btn-group.open .btn-google,
28967.ui-toolkit #locale-select-overlay.overlay .btn-google:active,
28968.ui-toolkit #locale-select-overlay.overlay .btn-group.open .btn-google,
28969.ui-toolkit #conversation-overlay.overlay .btn-google:active,
28970.ui-toolkit #conversation-overlay.overlay .btn-group.open .btn-google,
28971.ui-toolkit #custom-order-overlay .btn-google:active,
28972.ui-toolkit #custom-order-overlay .btn-group.open .btn-google,
28973.ui-toolkit #notification-overlay .btn-google:active,
28974.ui-toolkit #notification-overlay .btn-group.open .btn-google {
28975    background-color: #347df3;
28976    border-color: rgba(0, 0, 0, 0.5);
28977}
28978
28979.ui-toolkit #inline-overlay.overlay .btn-google:before,
28980.ui-toolkit #locale-select-overlay.overlay .btn-google:before,
28981.ui-toolkit #conversation-overlay.overlay .btn-google:before,
28982.ui-toolkit #custom-order-overlay .btn-google:before,
28983.ui-toolkit #notification-overlay .btn-google:before {
28984    float: left;
28985    height: 16px;
28986    width: 16px;
28987    margin-right: 9px;
28988    content: "";
28989    background: url(/assets/dist/images/google/google-icon.20170615210938.png) no-repeat center;
28990    background-size: 15px 15px;
28991}
28992
28993@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
28994only screen and (-moz-min-device-pixel-ratio: 1.5),
28995only screen and (-o-min-device-pixel-ratio: 3/2),
28996only screen and (min-device-pixel-ratio: 1.5) {
28997    .ui-toolkit #inline-overlay.overlay .btn-google:before,
28998    .ui-toolkit #locale-select-overlay.overlay .btn-google:before,
28999    .ui-toolkit #conversation-overlay.overlay .btn-google:before,
29000    .ui-toolkit #cus
29000tom-order-overlay .btn-google:before,
29001    .ui-toolkit #notification-overlay .btn-google:before {
29002        background-image: url(/assets/dist/images/google/[email protected]);
29003    }
29004}
29005
29006.ui-toolkit #inline-overlay.overlay .btn-google.spinning:before,
29007.ui-toolkit #inline-overlay.overlay .connect-container .google-spinner,
29008.ui-toolkit #locale-select-overlay.overlay .btn-google.spinning:before,
29009.ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner,
29010.ui-toolkit #conversation-overlay.overlay .btn-google.spinning:before,
29011.ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner,
29012.ui-toolkit #custom-order-overlay .btn-google.spinning:before,
29013.ui-toolkit #custom-order-overlay .connect-container .google-spinner,
29014.ui-toolkit #notification-overlay .btn-google.spinning:before,
29015.ui-toolkit #notification-overlay .connect-container .google-spinner {
29016    background: url(/assets/dist/images/spinners/google-spinner.20170615210940.gif) no-repeat center;
29017    background-size: 15px 15px;
29018}
29019
29020@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
29021only screen and (-moz-min-device-pixel-ratio: 1.5),
29022only screen and (-o-min-device-pixel-ratio: 3/2),
29023only screen and (min-device-pixel-ratio: 1.5) {
29024    .ui-toolkit #inline-overlay.overlay .btn-google.spinning:before,
29025    .ui-toolkit #inline-overlay.overlay .connect-container .google-spinner,
29026    .ui-toolkit #locale-select-overlay.overlay .btn-google.spinning:before,
29027    .ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner,
29028    .ui-toolkit #conversation-overlay.overlay .btn-google.spinning:before,
29029    .ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner,
29030    .ui-toolkit #custom-order-overlay .btn-google.spinning:before,
29031    .ui-toolkit #custom-order-overlay .connect-container .google-spinner,
29032    .ui-toolkit #notification-overlay .btn-google.spinning:before,
29033    .ui-toolkit #notification-overlay .connect-container .google-spinner {
29034        background-image: url(/assets/dist/images/spinners/[email protected]);
29035    }
29036}
29037
29038.ui-toolkit #inline-overlay.overlay .connect-container .google-spinner,
29039.ui-toolkit #inline-overlay.overlay .connect-container .facebook-spinner,
29040.ui-toolkit #locale-select-overlay.overlay .connect-container .google-spinner,
29041.ui-toolkit #locale-select-overlay.overlay .connect-container .facebook-spinner,
29042.ui-toolkit #conversation-overlay.overlay .connect-container .google-spinner,
29043.ui-toolkit #conversation-overlay.overlay .connect-container .facebook-spinner,
29044.ui-toolkit #custom-order-overlay .connect-container .google-spinner,
29045.ui-toolkit #custom-order-overlay .connect-container .facebook-spinner,
29046.ui-toolkit #notification-overlay .connect-container .google-spinner,
29047.ui-toolkit #notification-overlay .connect-container .facebook-spinner {
29048    display: none;
29049}
29050
29051.ui-toolkit #inline-overlay.overlay .btn-primary,
29052.ui-toolkit #inline-overlay.overlay .btn-secondary,
29053.ui-toolkit #inline-overlay.overlay .btn-transaction,
29054.ui-toolkit #inline-overlay.overlay .btn-offsite,
29055.ui-toolkit #inline-overlay.overlay .btn-invite,
29056.ui-toolkit #inline-overlay.overlay .btn-fb,
29057.ui-toolkit #inline-overlay.overlay .btn-google,
29058.ui-toolkit #inline-overlay.overlay .btn-link,
29059.ui-toolkit #locale-select-overlay.overlay .btn-primary,
29060.ui-toolkit #locale-select-overlay.overlay .btn-secondary,
29061.ui-toolkit #locale-select-overlay.overlay .btn-transaction,
29062.ui-toolkit #locale-select-overlay.overlay .btn-offsite,
29063.ui-toolkit #locale-select-overlay.overlay .btn-invite,
29064.ui-toolkit #locale-select-overlay.overlay .btn-fb,
29065.ui-toolkit #locale-select-overlay.overlay .btn-google,
29066.ui-toolkit #locale-select-overlay.overlay .btn-link,
29067.ui-toolkit #conversation-overlay.overlay .btn-primary,
29068.ui-toolkit #conversation-overlay.overlay .btn-secondary,
29069.ui-toolkit #conversation-overlay.overlay .btn-transaction,
29070.ui-toolkit #conversation-overlay.overlay .btn-offsite,
29071.ui-toolkit #conversation-overlay.overlay .btn-invite,
29072.ui-toolkit #conversation-overlay.overlay .btn-fb,
29073.ui-toolkit #conversation-overlay.overlay .btn-google,
29074.ui-toolkit #conversation-overlay.overlay .btn-link,
29075.ui-toolkit #custom-order-overlay .btn-primary,
29076.ui-toolkit #custom-order-overlay .btn-secondary,
29077.ui-toolkit #custom-order-overlay .btn-transaction,
29078.ui-toolkit #custom-order-overlay .btn-offsite,
29079.ui-toolkit #custom-order-overlay .btn-invite,
29080.ui-toolkit #custom-order-overlay .btn-fb,
29081.ui-toolkit #custom-order-overlay .btn-google,
29082.ui-toolkit #custom-order-overlay .btn-link,
29083.ui-toolkit #notification-overlay .btn-primary,
29084.ui-toolkit #notification-overlay .btn-secondary,
29085.ui-toolkit #notification-overlay .btn-transaction,
29086.ui-toolkit #notification-overlay .btn-offsite,
29087.ui-toolkit #notification-overlay .btn-invite,
29088.ui-toolkit #notification-overlay .btn-fb,
29089.ui-toolkit #notification-overlay .btn-google,
29090.ui-toolkit #notification-overlay .btn-link {
29091    display: inline-block;
29092    padding: 7px 15px 8px;
29093    border-width: 1px;
29094    border-style: solid;
29095    -webkit-border-radius: 3px;
29096    -moz-border-radius: 3px;
29097    border-radius: 3px;
29098    color: #FFF;
29099    text-decoration: none;
29100    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
29101    font-size: 15px;
29102    font-weight: bold;
29103    cursor: pointer;
29104    line-height: normal;
29105    margin: 0;
29106    -webkit-appearance: none;
29107}
29108
29109@media screen and (orientation: portrait) and (min-device-width: 740px),
29110screen and (orientation: landscape) and (min-device-height: 740px) {
29111    .ui-toolkit #inline-overlay.overlay .btn-primary,
29112    .ui-toolkit #inline-overlay.overlay .btn-secondary,
29113    .ui-toolkit #inline-overlay.overlay .btn-transaction,
29114    .ui-toolkit #inline-overlay.overlay .btn-offsite,
29115    .ui-toolkit #inline-overlay.overlay .btn-invite,
29116    .ui-toolkit #inline-overlay.overlay .btn-fb,
29117    .ui-toolkit #inline-overlay.overlay .btn-google,
29118    .ui-toolkit #inline-overlay.overlay .btn-link,
29119    .ui-toolkit #locale-select-overlay.overlay .btn-primary,
29120    .ui-toolkit #locale-select-overlay.overlay .btn-secondary,
29121    .ui-toolkit #locale-select-overlay.overlay .btn-transaction,
29122    .ui-toolkit #locale-select-overlay.overlay .btn-offsite,
29123    .ui-toolkit #locale-select-overlay.overlay .btn-invite,
29124    .ui-toolkit #locale-select-overlay.overlay .btn-fb,
29125    .ui-toolkit #locale-select-overlay.overlay .btn-google,
29126    .ui-toolkit #locale-select-overlay.overlay .btn-link,
29127    .ui-toolkit #conversation-overlay.overlay .btn-primary,
29128    .ui-toolkit #conversation-overlay.overlay .btn-secondary,
29129    .ui-toolkit #conversation-overlay.overlay .btn-transaction,
29130    .ui-toolkit #conversation-overlay.overlay .btn-offsite,
29131    .ui-toolkit #conversation-overlay.overlay .btn-invite,
29132    .ui-toolkit #conversation-overlay.overlay .btn-fb,
29133    .ui-toolkit #conversation-overlay.overlay .btn-google,
29134    .ui-toolkit #conversation-overlay.overlay .btn-link,
29135    .ui-toolkit #custom-order-overlay .btn-primary,
29136    .ui-toolkit #custom-order-overlay .btn-secondary,
29137    .ui-toolkit #custom-order-overlay .btn-transaction,
29138    .ui-toolkit #custom-order-overlay .btn-offsite,
29139    .ui-toolkit #custom-order-overlay .btn-invite,
29140    .ui-toolkit #custom-order-overlay .btn-fb,
29141    .ui-toolkit #custom-order-overlay .btn-google,
29142    .ui-toolkit #custom-order-overlay .btn-link,
29143    .ui-toolkit #notification-overlay .btn-primary,
29144    .ui-toolkit #notification-overlay .btn-secondary,
29145    .ui-toolkit #notification-overlay .btn-transaction,
29146    .ui-toolkit #notification-overlay .btn-offsite,
29147    .ui-toolkit #notification-overlay .btn-invite,
29148    .ui-toolkit #notification-overlay .btn-fb,
29149    .ui-toolkit #notification-overlay .btn-google,
29150    .ui-toolkit #notification-overlay .btn-link {
29151        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
29152    }
29153}
29154
29155.ui-toolkit #inline-overlay.overlay .btn-secondary,
29156.ui-toolkit #locale-select-overlay.overlay .btn-secondary,
29157.ui-toolkit #conversation-overlay.overlay .btn-secondary,
29158.ui-toolkit #custom-order-overlay .btn-secondary,
29159.ui-toolkit #notification-overlay .btn-secondary {
29160    color: #222;
29161}
29162
29163.ui-toolkit #inline-overlay.overlay .btn-link,
29164.ui-toolkit #locale-select-overlay.overlay .btn-link,
29165.ui-toolkit #conversation-overlay.overlay .btn-link,
29166.ui-toolkit #custom-order-overlay .btn-link,
29167.ui-toolkit #notification-overlay .btn-link {
29168    color: #F56400;
29169    font-size: 14px;
29170    font-weight: normal;
29171    cursor: pointer;
29172    background-image: none;
29173    background-color: transparent;
29174    border: none;
29175    padding: 0;
29176    margin: 0 15px;
29177}
29178
29179.ui-toolkit #inline-overlay.overlay .btn-link:hover,
29180.ui-toolkit #locale-select-overlay.overlay .btn-link:hover,
29181.ui-toolkit #conversation-overlay.overlay .btn-link:hover,
29182.ui-toolkit #custom-order-overlay .btn-link:hover,
29183.ui-toolkit #notification-overlay .btn-link:hover {
29184    text-decoration: underline;
29185}
29186
29187.ui-toolkit #inline-overlay.overlay .btn-link:focus,
29188.ui-toolkit #locale-select-overlay.overlay .btn-link:focus,
29189.ui-toolkit #conversation-overlay.overlay .btn-link:focus,
29190.ui-toolkit #custom-order-overlay .btn-link:focus,
29191.ui-toolkit #notification-overlay .btn-link:focus {
29192    background-color: transparent;
29193    text-decoration: underline;
29194}
29195
29196.ui-toolkit #inline-overlay.overlay .btn-link.disabled,
29197.ui-toolkit #locale-select-overlay.overlay .btn-link.disabled,
29198.ui-toolkit #conversation-overlay.overlay .btn-link.disabled,
29199.ui-toolkit #custom-order-overlay .btn-link.disabled,
29200.ui-toolkit #notification-overlay .btn-link.disabled {
29201    color: #595959;
29202}
29203
29204.ui-toolkit #inline-overlay.overlay .btn-link.disabled:hover,
29205.ui-toolkit #locale-select-overlay.overlay .btn-link.disabled:hover,
29206.ui-toolkit #conversation-overlay.overlay .btn-link.disabled:hover,
29207.ui-toolkit #custom-order-overlay .btn-link.disabled:hover,
29208.ui-toolkit #notification-overlay .btn-link.disabled:hover {
29209    text-decoration: none;
29210}
29211
29212.ui-toolkit #inline-overlay.overlay button.disabled,
29213.ui-toolkit #inline-overlay.overlay button.disabled:hover,
29214.ui-toolkit #locale-select-overlay.overlay button.disabled,
29215.ui-toolkit #locale-select-overlay.overlay button.disabled:hover,
29216.ui-toolkit #conversation-overlay.overlay button.disabled,
29217.ui-toolkit #conversation-overlay.overlay button.disabled:hover,
29218.ui-toolkit #custom-order-overlay button.disabled,
29219.ui-toolkit #custom-order-overlay button.disabled:hover,
29220.ui-toolkit #notification-overlay button.disabled,
29221.ui-toolkit #notification-overlay button.disabled:hover {
29222    cursor: default;
29223}
29224
29225.ui-toolkit #inline-overlay.overlay .btn-primary:focus,
29226.ui-toolkit #inline-overlay.overlay .btn-secondary:focus,
29227.ui-toolkit #inline-overlay.overlay .btn-transaction:focus,
29228.ui-toolkit #inline-overlay.overlay .btn-group:focus,
29229.ui-toolkit #inline-overlay.overlay .btn-invite:focus,
29230.ui-toolkit #inline-overlay.overlay .btn-fb:focus,
29231.ui-toolkit #inline-overlay.overlay .btn-google:focus,
29232.ui-toolkit #inline-overlay.overlay .btn-link:focus,
29233.ui-toolkit #locale-select-overlay.overlay .btn-primary:focus,
29234.ui-toolkit #locale-select-overlay.overlay .btn-secondary:focus,
29235.ui-toolkit #locale-select-overlay.overlay .btn-transaction:focus,
29236.ui-toolkit #locale-select-overlay.overlay .btn-group:focus,
29237.ui-toolkit #locale-select-overlay.overlay .btn-invite:focus,
29238.ui-toolkit #locale-select-overlay.overlay .btn-fb:focus,
29239.ui-toolkit #locale-select-overlay.overlay .btn-google:focus,
29240.ui-toolkit #locale-select-overlay.overlay .btn-link:focus,
29241.ui-toolkit #conversation-overlay.overlay .btn-primary:focus,
29242.ui-toolkit #conversation-overlay.overlay .btn-secondary:focus,
29243.ui-toolkit #conversation-overlay.overlay .btn-transaction:focus,
29244.ui-toolkit #conversation-overlay.overlay .btn-group:focus,
29245.ui-toolkit #conversation-overlay.overlay .btn-invite:focus,
29246.ui-toolkit #conversation-overlay.overlay .btn-fb:focus,
29247.ui-toolkit #conversation-overlay.overlay .btn-google:focus,
29248.ui-toolkit #conversation-overlay.overlay .btn-link:focus,
29249.ui-toolkit #custom-order-overlay .btn-primary:focus,
29250.ui-toolkit #custom-order-overlay .btn-secondary:focus,
29251.ui-toolkit #custom-order-overlay .btn-transaction:focus,
29252.ui-toolkit #custom-order-overlay .btn-group:focus,
29253.ui-toolkit #custom-order-overlay .btn-invite:focus,
29254.ui-toolkit #custom-order-overlay .btn-fb:focus,
29255.ui-toolkit #custom-order-overlay .btn-google:focus,
29256.ui-toolkit #custom-order-overlay .btn-link:focus,
29257.ui-toolkit #notification-overlay .btn-primary:focus,
29258.ui-toolkit #notification-overlay .btn-secondary:focus,
29259.ui-toolkit #notification-overlay .btn-transaction:focus,
29260.ui-toolkit #notification-overlay .btn-group:focus,
29261.ui-toolkit #notification-overlay .btn-invite:focus,
29262.ui-toolkit #notification-overlay .btn-fb:focus,
29263.ui-toolkit #notification-overlay .btn-google:focus,
29264.ui-toolkit #notification-overlay .btn-link:focus {
29265    outline: none;
29266}
29267
29268.ui-toolkit #inline-overlay.overlay .btn-primary.disabled,
29269.ui-toolkit #inline-overlay.overlay .btn-primary.disabled:hover,
29270.ui-toolkit #locale-select-overlay.overlay .btn-primary.disabled,
29271.ui-toolkit #locale-select-overlay.overlay .btn-primary.disabled:hover,
29272.ui-toolkit #conversation-overlay.overlay .btn-primary.disabled,
29273.ui-toolkit #conversation-overlay.overlay .btn-primary.disabled:hover,
29274.ui-toolkit #custom-order-overlay .btn-primary.disabled,
29275.ui-toolkit #custom-order-overlay .btn-primary.disabled:hover,
29276.ui-toolkit #notification-overlay .btn-primary.disabled,
29277.ui-toolkit #notification-overlay .btn-primary.disabled:hover {
29278    background-color: #ff9d5c;
29279    border-color: rgba(0, 0, 0, 0.05);
29280}
29281
29282.ui-toolkit #inline-overlay.overlay .btn-fb.disabled,
29283.ui-toolkit #inline-overlay.overlay .btn-fb.disabled:hover,
29284.ui-toolkit #locale-select-overlay.overlay .btn-fb.disabled,
29285.ui-toolkit #locale-select-overlay.overlay .btn-fb.disabled:hover,
29286.ui-toolkit #conversation-overlay.overlay .btn-fb.disabled,
29287.ui-toolkit #conversation-overlay.overlay .btn-fb.disabled:hover,
29288.ui-toolkit #custom-order-overlay .btn-fb.disabled,
29289.ui-toolkit #custom-order-overlay .btn-fb.disabled:hover,
29290.ui-toolkit #notification-overlay .btn-fb.disabled,
29291.ui-toolkit #notification-overlay .btn-fb.disabled:hover {
29292    background-color: #96abd6;
29293    border-color: rgba(0, 0, 0, 0.05);
29294}
29295
29296.ui-toolkit #inline-overlay.overlay .btn-google.disabled,
29297.ui-toolkit #inline-overlay.overlay .btn-google.diabled:hover,
29298.ui-toolkit #locale-select-overlay.overlay .btn-google.disabled,
29299.ui-toolkit #locale-select-overlay.overlay .btn-google.diabled:hover,
29300.ui-toolkit #conversation-overlay.overlay .btn-google.disabled,
29301.ui-toolkit #conversation-overlay.overlay .btn-google.diabled:hover,
29302.ui-toolkit #custom-order-overlay .btn-google.disabled,
29303.ui-toolkit #custom-order-overlay .btn-google.diabled:hover,
29304.ui-toolkit #notification-overlay .btn-google.disabled,
29305.ui-toolkit #notification-overlay .btn-google.diabled:hover {
29306    background-color: #d3e3fc;
29307    border-color: rgba(0, 0, 0, 0.05);
29308}
29309
29310.ui-toolkit #conversation-overlay.overlay .canned-responses .canned-response-action {
29311    font-size: 11px;
29312}
29313
29314.ui-toolkit #conversation-overlay.overlay .canned-responses .canned-response-action .ss-icon {
29315    font-size: 11px;
29316}
29317
29318.ui-toolkit #conversation-overlay.overlay .conversation-send.snippets-enabled input.text {
29319    width: 89%;
29320    display: inline-block;
29321}
29322
29323@media only screen and (min-width: 0) and (max-width: 639px) {
29324    .ui-toolkit #conversation-overlay.overlay .conversation-send.snippets-enabled input.text {
29325        width: calc(100% - 50px);
29326    }
29327}
29328
29329.ui-toolkit #conversation-overlay.overlay .snippets-enabled .convo-action-list {
29330    width: 9%;
29331}
29332
29333@media only screen and (min-width: 0) and (max-width: 639px) {
29334    .ui-toolkit #conversation-overlay.overlay .snippets-enabled .convo-action-list {
29335        width: 40px;
29336    }
29337}
29338
29339.ui-toolkit #conversation-overlay.overlay .canned-response-new-form .canned-response-new-save {
29340    display: inline-block;
29341    padding: 7px 15px 8px;
29342    border-width: 1px;
29343    border-style: solid;
29344    -webkit-border-radius: 3px;
29345    -moz-border-radius: 3px;
29346    border-radius: 3px;
29347    color: #FFF;
29348    background-color: #F56400;
29349    border-color: rgba(0, 0, 0, 0.1);
29350    text-decoration: none;
29351    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
29352    font-size: 15px;
29353    font-weight: bold;
29354    cu
29354rsor: pointer;
29355    line-height: normal;
29356    margin: 0;
29357    -webkit-appearance: none;
29358}
29359
29360@media screen and (orientation: portrait) and (min-device-width: 740px),
29361screen and (orientation: landscape) and (min-device-height: 740px) {
29362    .ui-toolkit #conversation-overlay.overlay .canned-response-new-form .canned-response-new-save {
29363        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
29364    }
29365}
29366
29367.ui-toolkit #conversation-overlay.overlay .canned-response-new-form .canned-response-new-name {
29368    width: 100%;
29369}
29370
29371.ui-toolkit #conversation-overlay.overlay .overlay-content {
29372    overflow: visible;
29373}
29374
29375.ui-toolkit #conversation-overlay.overlay #add-canned-response>.canned-responses ul {
29376    padding-left: 0px;
29377}
29378
29379.ui-toolkit #inline-overlay.overlay {}
29380
29381.ui-toolkit #inline-overlay.overlay input.text {
29382    width: 232px;
29383}
29384
29385.ui-toolkit #custom-order-overlay.overlay label {
29386    display: block;
29387}
29388
29389.ui-toolkit #custom-order-overlay.overlay .convo-overlay-error {
29390    width: 100%;
29391}
29392
29393.ui-toolkit #custom-order-overlay.overlay .overlay-footer {
29394    height: 60px;
29395}
29396
29397.ui-toolkit #local-select-overlay.overlay .overlay-body {
29398    padding: 19px 21px;
29399}
29400
29401.ui-toolkit #local-select-overlay.overlay .overlay-content .tabs {
29402    margin-bottom: 10px;
29403}
29404
29405.ui-toolkit #local-select-overlay.overlay h1 {
29406    margin-bottom: 8px;
29407}
29408
29409.ui-toolkit #local-select-overlay.overlay h2 {
29410    font-size: 16px;
29411    margin-bottom: 0px;
29412}
29413
29414.ui-toolkit #local-select-overlay.overlay h3 {
29415    font-size: 16px;
29416    font-weight: normal;
29417    line-height: 22px;
29418}
29419
29420.ui-toolkit #local-select-overlay.overlay .section {
29421    padding: 0 16px;
29422}
29423
29424.ui-toolkit #local-select-overlay.overlay .overlay-body p {
29425    line-height: 17px;
29426}
29427
29428.ui-toolkit #local-select-overlay.overlay .overlay-body ul {
29429    list-style-type: disc;
29430    margin-left: 18px;
29431}
29432
29433.ui-toolkit * html .clear {
29434    height: 1%;
29435}
29436
29437.ui-toolkit ul.collection-list {
29438    padding-left: 0px;
29439}
29440
29441.ui-toolkit .new-collections input {
29442    margin-bottom: 12px;
29443}
29444
29445.ui-toolkit .new-collections.activated input {
29446    width: 115px;
29447}
29448
29449.ui-toolkit .new-collections button {
29450    height: 26px;
29451    font-size: 12px;
29452    padding: 5px 0px;
29453}
29454
29455html.ui-toolkit {
29456/*    height: 100%;
29457    width: 100%;
29458    -ms-text-size-adjust: 100%;
29459    -webkit-text-size-adjust: 100%;
29460    max-width: 100%;
29461    overflow-x: hidden;
29462    overflow-y: scroll; */
29463}
29464
29465.ui-toolkit {
29466    color: #222;
29467    /*font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
29468    font-size: 14px;
29469    line-height: 1.4;
29470    text-align: left;
29471}
29472
29473@media screen and (orientation: portrait) and (min-device-width: 740px),
29474screen and (orientation: landscape) and (min-device-height: 740px) {
29475    .ui-toolkit {
29476        /*font-family: "Graphik Webfont", -apple-system, BlinkMacSystemFont, "Roboto", "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;*/
29477    }
29478}
29479
29480.display-none[data-toolkit-overlay] {
29481    display: none;
29482}
29483
29484html:hover [class^="gnav-"] {
29485    -ms-zoom: 1;
29486}
29487
29488
29489.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide {
29490    max-width: 450px;
29491    width: 100%;
29492}
29493
29494.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header {
29495    border-bottom: 1px solid #E2E2E2;
29496    text-align: left;
29497}
29498
29499.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body {
29500    padding: 8px 0;
29501    width: 50%;
29502    -webkit-box-sizing: border-box;
29503    -moz-box-sizing: border-box;
29504    box-sizing: border-box;
29505}
29506
29507.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.hidden {
29508    display: none;
29509}
29510
29511.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-left {
29512    float: left;
29513    border-right: 1px solid #E2E2E2;
29514}
29515
29516.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-right {
29517    float: right;
29518    border-left: 1px solid #E2E2E2;
29519}
29520
29521.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-right {
29522    margin: 0 1px 0 -1px;
29523}
29524
29525.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body.subnav-body-right .subnav-text-link {
29526    margin-right: -1px;
29527}
29528
29529.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer {
29530    margin: 8px 20px 0 20px;
29531    padding: 8px 0;
29532    border-top: 1px solid #EEE;
29533    font-size: 12px;
29534}
29535
29536@media screen and (max-width: 420px) {
29537    .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer {
29538        margin-left: 10px;
29539        margin-right: 10px;
29540    }
29541}
29542
29543.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer .subnav-text-link {
29544    color: #999;
29545    padding: 8px 0 0;
29546}
29547
29548.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer .subnav-text-link:hover,
29549.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-footer .subnav-text-link:focus {
29550    color: #0192B5;
29551    background-color: transparent;
29552}
29553
29554.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body-left .subnav-text-link {
29555    position: relative;
29556    padding-right: 26px;
29557}
29558
29559.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body-left .subnav-text-link .subnav-icon {
29560    position: absolute;
29561    right: 10px;
29562    top: 50%;
29563    margin-top: -9px;
29564    font-size: 10px;
29565    color: #BBB;
29566}
29567
29568.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-body-right .subnav-text-link .count.hide {
29569    display: none;
29570}
29571
29572.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link-no-hover-state {
29573    cursor: default;
29574}
29575
29576.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link-no-hover-state:hover,
29577.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link-no-hover-state.active {
29578    background: transparent;
29579    color: #222;
29580}
29581
29582.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link.is-selected {
29583    background: rgba(0, 0, 0, 0.05);
29584}
29585
29586.gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-text-link.is-selected .subnav-icon {
29587    color: #222;
29588}
29589
29590@media (min-width: 421px) and (max-width: 540px) {
29591    .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide {
29592        margin-right: -30px;
29593        max-width: 350px;
29594    }
29595    .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header::before,
29596    .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide .subnav-header::after {
29597        transform: translateX(-30px);
29598    }
29599}
29600
29601.lte-ie8 .gnav-header .sub-nav.sub-nav-wide.sub-nav-wide {
29602    width: 450px;
29603}
29604
29605.smart-banner {
29606    width: 100%;
29607    height: 64px;
29608    background-color: #F45800;
29609}
29610
29611.smart-banner.on {
29612    display: block;
29613}
29614
29615.smart-banner.off {
29616    display: none;
29617}
29618
29619.smart-banner .dismiss-banner {
29620    position: absolute;
29621    top: 0px;
29622    right: 0px;
29623    width: 40px;
29624    height: 40px;
29625    padding-top: 10px;
29626    color: #444;
29627}
29628
29629.ui-toolkit .smart-banner .dismiss-banner {
29630    color: #444;
29631}
29632
29633.smart-banner.smart_banner_tablet,
29634.banner_page_type_view_profile {
29635    margin-left: -10px;
29636    padding-right: 20px;
29637}
29638
29639.smart-banner.smart_banner_tablet.banner_page_type_local_event_details {
29640    width: auto;
29641    margin-left: -10px;
29642    margin-right: -10px;
29643    padding-right: 0px;
29644}
29645
29646.smart-banner-content {
29647    display: table;
29648    width: 75%;
29649    min-width: 320px;
29650    padding: 0 8px;
29651    max-width: 530px;
29652    height: inherit;
29653    margin: 0 auto;
29654    font-size: 15px;
29655}
29656
29657.smart-banner-col {
29658    display: table-cell;
29659    position: relative;
29660    vertical-align: middle;
29661}
29662
29663.smart-banner-img {
29664    background-size: 100%;
29665    background-position: bottom left;
29666    background-repeat: no-repeat;
29667}
29668
29669.smart-banner-img.ios,
29670.smart-banner-img.android {
29671    width: 56px;
29672}
29673
29674.smart-banner-img.ios-tab,
29675.smart-banner-img.android-tab {
29676    width: 110px;
29677}
29678
29679.smart-banner-img.ios {
29680    background-image: url(/assets/dist/images/smartbanner/phone_iOS.20170615210940.png);
29681}
29682
29683.smart-banner-img.android {
29684    background-image: url(/assets/dist/images/smartbanner/phone_android.20170615210940.png);
29685}
29686
29687.smart-banner-img.ios-tab {
29688    background-image: url(/assets/dist/images/smartbanner/tablet_iOS.20170615210940.png);
29689}
29690
29691.smart-banner-img.android-tab {
29692    background-image: url(/assets/dist/images/smartbanner/tablet_android.20170615210940.png);
29693}
29694
29695.smart-banner p {
29696    text-align: left;
29697    padding-left: 8px;
29698    font-weight: 400;
29699    font-size: 14px;
29700    line-height: 1.3em;
29701    color: #fff;
29702}
29703
29704.smart-banner-button {
29705    padding-left: 20px;
29706    width: 1%;
29707}
29708
29709.invite-traffic>.banner-content {
29710    display: table;
29711    width: 100%;
29712    height: 64px;
29713    max-width: 400px;
29714    margin: 0 auto;
29715}
29716
29717.invite-traffic .cta-col,
29718.invite-traffic .copy-col,
29719.invite-traffic .image-col {
29720    display: table-cell;
29721    vertical-align: middle;
29722    padding: 0 10px;
29723}
29724
29725.invite-traffic .cta-col {
29726    width: 1%;
29727    padding-left: 0;
29728}
29729
29730.invite-traffic .copy-col {
29731    font-weight: 400;
29732    font-size: 14px;
29733    color: #fff;
29734}
29735
29736.invite-traffic .image-col {
29737    display: table-cell;
29738    width: 1%;
29739    padding-right: 0;
29740}
29741
29742.invite-traffic .image-col img {
29743    width: 40px;
29744    height: 40px;
29745    border-radius: 2px;
29746    display: block;
29747}
29748
29749.invite-traffic .image-col img.listing-image {
29750    width: 48px;
29751    height: 39px;
29752    border-radius: 0;
29753    border: 1px solid #F8843B;
29754}
29755
29756.invite-traffic button {
29757    white-space: nowrap;
29758    float: right;
29759    right: 8px;
29760    min-width: 85px;
29761    background: white;
29762    font-size: 14px;
29763    font-weight: 500;
29764    color: #F45800;
29765    border: 2px solid white;
29766    padding: 7px;
29767    border-radius: 3px;
29768    text-shadow: none;
29769}
29770
29771.smart-banner.grey-banner {
29772    background-color: #F2D0B8;
29773}
29774
29775.smart-banner.grey-banner .smart-banner-content {
29776    padding: 0 10px;
29777}
29778
29779.grey-banner.smart-banner p {
29780    font-weight: bold;
29781    color: #222;
29782    padding: 0;
29783}
29784
29785.grey-banner .smart-banner-img {
29786    display: none;
29787}
29788
29789@media (min-width: 600px) {
29790    .grey-banner.smart-banner .smart-banner-content {
29791        width: auto;
29792        max-width: none;
29793    }
29794    .grey-banner .smart-banner-col {
29795        display: inline-block;
29796        margin-top: 16px;
29797        width: auto;
29798    }
29799}
29800
29801.grey-banner.tall {
29802    text-align: center;
29803    height: auto;
29804    padding-top: 12px;
29805    padding-bottom: 12px;
29806}
29807
29808.grey-banner.tall p {
29809    text-align: center;
29810    padding-bottom: 10px;
29811}
29812
29813.grey-banner.tall .smart-banner-button {
29814    padding: 0;
29815    padding-bottom: 4px;
29816}
29817
29818.grey-banner.tall button {
29819    min-width: 154px;
29820}
29821
29822.grey-banner.tall .smart-banner-col {
29823    display: block;
29824    width: auto;
29825}
29826
29827.grey-banner.tall .smart-banner-img {
29828    display: none;
29829}
29830
29831@media (min-width: 600px) {
29832    .grey-banner.tall .smart-banner-col {
29833        margin: 0;
29834    }
29835}
29836
29837.smart-interstitial {
29838    width: 100vw;
29839    background: #F45800;
29840    background-repeat: no-repeat;
29841    overflow-y: hidden;
29842    height: 100vh;
29843    display: none;
29844    -webkit-transition: height 0.2s ease-in;
29845    -ms-transition: height 0.2s ease-in;
29846    -moz-transition: height 0.2s ease-in;
29847    -o-transition: height 0.2s ease-in;
29848    transition: height 0.2s ease-in;
29849}
29850
29851.smart-interstitial.on {
29852    display: block;
29853}
29854
29855.smart-interstitial.off {
29856    height: 0;
29857    display: block;
29858}
29859
29860.smart-interstitial-phone {
29861    background-image: url(/assets/dist/images/smartbanner/phone_interstitial_small.20170615210940.png);
29862}
29863
29864.smart-interstitial-tablet {
29865    background-image: url(/assets/dist/images/smartbanner/tablet_interstitial.20170615210940.png);
29866}
29867
29868.smart-interstitial-content {
29869    text-align: center;
29870    color: white;
29871}
29872
29873.smart-interstitial-msg-tablet {
29874    /*font-family: "Guardian-Medium", Georgia, serif;*/
29875}
29876
29877.smart-interstitial-msg {
29878    margin: auto;
29879}
29880
29881.smart-interstitial-btn {
29882    float: center;
29883    background: white;
29884    font-weight: 500;
29885    color: #F45800;
29886    border: 2px solid white;
29887    padding: 7px;
29888    border-radius: 3px;
29889    margin: 0 auto;
29890    text-shadow: none;
29891}
29892
29893.smart-interstitial-btn.active {
29894    background: #E5E5E5;
29895    border: 2px solid #E5E5E5;
29896}
29897
29898.smart-interstitial-mweb-btn {
29899    display: block;
29900}
29901
29902@media only screen and (orientation: portrait) {
29903    .smart-interstitial-phone {
29904        background-position: 100% 100%;
29905        background-size: 100% auto;
29906    }
29907    .smart-interstitial-tablet {
29908        background-position: 50% 150%;
29909        background-size: auto 65%;
29910    }
29911    .smart-interstitial-content {
29912        position: relative;
29913        top: 25%;
29914        transform: translateY(-50%);
29915        -webkit-transform: translateY(-50%);
29916        -ms-transform: translateY(-50%);
29917    }
29918}
29919
29920@media only screen and (max-width: 750px) and (orientation: portrait) {
29921    .smart-interstitial-content {
29922        top: 28%;
29923    }
29924}
29925
29926@media only screen and (orientation: landscape) {
29927    .smart-interstitial {
29928        background-position: 110% 100%;
29929        background-size: 50% auto;
29930    }
29931    .smart-interstitial-phone {
29932        background-image: url(/assets/dist/images/smartbanner/tablet_interstitial_small.20170615210940.png);
29933    }
29934    .smart-interstitial-content {
29935        float: left;
29936        position: relative;
29937        top: 50%;
29938        left: 27%;
29939        transform: translate(-50%, -50%);
29940        -webkit-transform: translate(-50%, -50%);
29941        -ms-transform: translate(-50%, -50%);
29942    }
29943    .mobile-safari {
29944        top: 42%;
29945    }
29946}
29947
29948@media only screen and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
29949    .smart-interstitial-phone {
29950        background-image: url(/assets/dist/images/smartbanner/phone_interstitial.20170615210940.png);
29951    }
29952}
29953
29954@media only screen and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
29955    .smart-interstitial-phone {
29956        background-image: url(/assets/dist/images/smartbanner/tablet_interstitial.20170615210940.png);
29957    }
29958}
29959
29960@media only screen and (min-aspect-ratio: 65/100) and (orientation: portrait) {
29961    .smart-interstitial-phone {
29962        background-position: 100% 110%;
29963        background-size: auto 50%;
29964    }
29965}
29966
29967@media only screen and (min-aspect-ratio: 3/2) and (orientation: landscape) {
29968    .smart-interstitial {
29969        background-position: 110% 100%;
29970        background-size: auto 90%;
29971    }
29972}
29973
29974@media only screen and (min-aspect-ratio: 9/5) and (orientation: landscape) {
29975    .smart-interstitial {
29976        background-position: 90% 100%;
29977        background-size: auto 90%;
29978    }
29979}
29980
29981@media only screen and (max-width: 720px) and (min-aspect-ratio: 9/5) and (orientation: landscape) {
29982    .smart-interstitial-content {
29983        top: 50%;
29984        left: 28%;
29985    }
29986}
29987
29988@media (max-width: 750px) {
29989    .smart-interstitial-logo {
29990        font-size: 30px;
29991    }
29992    .smart-interstitial-msg {
29993        padding-top: 10px;
29994        padding-bottom: 20px;
29995        font-size: 1.7em;
29996        line-height: 30px;
29997        max-width: 250px;
29998    }
29999    .smart-interstitial-btn {
30000        font-size: 1.2em;
30001        font-weight: 500;
30002        border: 2px solid white;
30003        padding: 7px;
30004        border-radius: 3px;
30005        margin: 0 auto;
30006        padding-top: 10px;
30007        padding-bottom: 10px;
30008        width: 270px;
30009    }
30010    .smart-interstitial-mweb-btn {
30011        margin-top: 25px;
30012        font-size: 1.2em;
30013    }
30014}
30015
30016@media (min-width: 750px) and (orientation: landscape) {
30017    .smart-interstitial-logo {
30018        font-size: 40px;
30019    }
30020    .smart-interstitial-msg {
30021        padding-top: 15px;
30022        padding-bottom: 25px;
30023        font-size: 1.75em;
30024        line-height: 35px;
30025        max-width: 300px;
30026    }
30027    .smart-interstitial-btn {
30028        font-size: 1.2em;
30029        font-weight: 500;
30030        border: 2px solid white;
30031        padding: 7px;
30032        border-radius: 3px;
30033        margin: 0 auto;
30034        padding-top: 12px;
30035        padding-bottom: 12px;
30036        width: 280px;
30037    }
30038    .smart-interstitial-mweb-btn {
30039        margin-top: 30px;
30040        font-size: 1.2em;
30041    }
30042}
30043
30044@media (min-width: 750px) and (orientation: portrait) {
30045    .smart-interstitial-logo {
30046        font-size: 60px;
30047    }
30048    .smart-interstitial-msg {
30049        padding-top: 25px;
30050        padding-bottom: 35px;
30051        font-size: 2.75em;
30052        line-height: 50px;
30053        max-width: 400px;
30054    }
30055    .smart-interstitial-btn {
30056        font-size: 1.9em;
30057        font-weight: 500;
30058        border: 2px solid white;
30059        padding: 7px;
30060        border-radius: 6px;
30061        padding-top: 16px;
30062        padding-bottom: 16px;
30063        width: 350px;
30064    }
30065    .smart-interstitial-mweb-btn {
30066        margin-top: 40px;
30067        font-size: 1.8em;
30068    }
30069}
30070
30071@media only screen and (max-height: 320px) and (orientation: landscape) {
30072    .smart-interstitial-logo {
30073        font-size: 25px;
30074    }
30075    .smart-interstitial-msg {
30076        padding-top: 8px;
30077        padding-bottom: 15px;
30078        font-size: 1.6em;
30079        line-height: 30px;
30080    }
30081    .smart-interstitial-btn {
30082        font-size: 1.1em;
30083        font-weight: 500;
30084        border: 2px solid white;
30085        padding: 7px;
30086        border-radius: 3px;
30087        margin: 0 auto;
30088        padding-top: 10px;
30089        padding-bottom: 10px;
30090        width: 270px;
30091    }
30092    .smart-interstitial-mweb-btn {
30093        margin-top: 20px;
30094        font-size: 1.2em;
30095    }
30096    .smart-interstitial {
30097        background-position: calc(55% + 180px) 100%;
30098        background-size: auto 90%;
30099    }
30100    .smart-interstitial-content {
30101        left: 30%;
30102    }
30103}
30104
30105@media only screen and (max-width: 515px) and (orientation: landscape) {
30106    .smart-interstitial {
30107        background-position: calc(55% + 180px) 100%;
30108        background-size: auto 90%;
30109    }
30110    .smart-interstitial-btn {
30111        width: 90%;
30112    }
30113}
30114
30115.text-field {
30116    position: relative;
30117    box-sizing: border-box;
30118    -webkit-box-sizing: border-box;
30119    box-shadow: inset 0 2px 0 #f5f5f1;
30120    -webkit-box-shadow: inset 0 2px 0 #f5f5f1;
30121}
30122
30123.text-field.clearable {
30124    background-color: #fff;
30125    border-color: #C2C2C2 #E6E6E6 #E6E6E6 #C2C2C2;
30126    border-style: solid;
30127    border-width: 1px;
30128    border-radius: 3px;
30129}
30130
30131.text-field.clearable .text-field-wrapper {
30132    width: 100%;
30133}
30134
30135.text-field.clearable input[type="text"],
30136.text-field.clearable input[type="search"] {
30137    display: table-cell;
30138    width: 100%;
30139    border: none;
30140    -webkit-appearance: none;
30141    background: transparent;
30142    -webkit-box-shadow: none;
30143    box-shadow: none;
30144}
30145
30146.text-field.clearable .close {
30147    display: table-cell;
30148    width: 25px;
30149}
30150
30151.text-field.clearable .close::after {
30152    visibility: hidden;
30153}
30154
30155.text-field.clearable .close.show::after {
30156    visibility: visible;
30157}
30158
30159
30160a.arrow::after {
30161    border-style: solid;
30162    border-color: #888 transparent;
30163    border-width: 5px 5px 0;
30164    display: inline-block;
30165    position: relative;
30166    top: -2px;
30167    left: 1px;
30168    content: '';
30169}
30170
30171a.arrow-up::after {
30172    border-width: 0 5px 5px;
30173}
30174
30175.ui-toolkit.notifications-container .count {
30176    line-height: 18px;
30177    min-width: 18px;
30178    font-size: 11px;
30179    letter-spacing: 0.03em;
30180    border-radius: 2px;
30181}
30182
30183.ui-toolkit.notifications-container .notifications-header .align-self-center {
30184    margin: auto;
30185}
30186
30187.ui-toolkit.notifications-container .notifications-body {
30188    height: 330px;
30189    overflow-x: hidden;
30190}
30191
30192.ui-toolkit.notifications-container .notifications-body.non-responsive-height-460px {
30193    height: 460px;
30194}
30195
30196@media screen and (max-width: 420px) {
30197    .ui-toolkit.notifications-container .notifications-body {
30198        height: calc(100vh - 88px);
30199    }
30200    .ui-toolkit.notifications-container .notifications-body.non-responsive-height-460px {
30201        height: calc(100vh - 88px);
30202    }
30203}
30204
30205.ui-toolkit.notifications-container a.text-decoration-none {
30206    text-decoration: none;
30207}
30208
30209.ui-toolkit.notifications-container a.text-decoration-none .active {
30210    display: inline;
30211}
30212
30213.ui-toolkit.notifications-container .notification-text {
30214    flex-grow: 2;
30215}
30216
30217.ui-toolkit.notifications-utility-nav.notifications-container .count {
30218    min-width: 24px;
30219}
30220
30221#sub-nav-notification-navigation {
30222    height: auto;
30223}
30224
30225#sub-nav-notification-navigation.non-responsive-width-320px {
30226    width: 320px;
30227}
30228
30229.apply-nav-height,
30230.apply-nav-height>li>.nav-link,
30231.apply-nav-height>li>a {
30232    height: 80px;
30233}
30234
30235.apply-nav-height.gnav-header-inner {
30236    height: 80px;
30237}
30238
30239.gnav-header {
30240    -webkit-font-smoothing: subpixel-antialiased;
30241    position: relative;
30242    margin: 0 -10px;
30243    padding: 0;
30244    background: #FFFFFF;
30245    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
30246    z-index: 1000;
30247    min-width: 1000px;
30248}
30249
30250.mobile .gnav-header {
30251    margin: 0;
30252}
30253
30254.gnav-header .gnav-header-inner {
30255    width: 980px;
30256    text-align: left;
30257    margin: 0 auto;
30258    box-sizing: border-box;
30259}
30260
30261.gnav-header #gigtodo-logo {
30262    float: left;
30263    width: 160px;
30264    margin-right: 12px;
30265}
30266
30267.gnav-header #gigtodo-logo a {
30268    width: 100%;
30269    height: 100%;
30270    background-size: 100%;
30271    color: #f45800;
30272    margin-top: 2px;
30273    text-indent: -10000em;
30274    overflow: hidden;
30275}
30276
30277
30278
30279.gnav-header .nav-link,
30280.ui-toolkit .gnav-header .nav-link {
30281    float: left;
30282    display: block;
30283    font-size: 12px;
30284    text-align: center;
30285    line-height: 15px;
30286    padding: 0 13px;
30287    margin: 0;
30288    color: #0192B5;
30289    text-decoration: none;
30290}
30291
30292.nav-link .nav-icon {
30293    display: block;
30294    height: 32px;
30295    line-height: 32px;
30296    text-align: center;
30297    color: #666666;
30298    float: none;
30299    font-size: 20px;
30300    min-width: 20px;
30301    top: auto;
30302    position: static;
30303    margin: 18px auto 0;
30304    width: auto;
30305    overflow: visible;
30306    text-indent: 0;
30307    background: none;
30308}
30309
30310.nav-link .nav-icon:before {
30311    display: block;
30312    margin: 0 auto;
30313    float: none;
30314    height: 32px;
30315    min-width: 20px;
30316    line-height: 32px;
30317    text-align: center;
30318}
30319
30320.gnav-header .has-sub-nav .nav-link {
30321    min-width: 0;
30322    cursor: pointer;
30323}
30324
30325.gnav-header .user-nav.has-sub-nav .nav-link,
30326.gnav-header .notifications-nav.has-sub-nav .nav-link {
30327    min-width: 33px;
30328}
30329
30330.nav-link .gnav-ss-dropdown {
30331    font-size: 8px;
30332    line-height: 8px;
30333    position: static;
30334    top: 50%;
30335    margin: 0 -1px 0 0;
30336    left: auto;
30337    color: #bbb;
30338}
30339
30340.nav-link:hover .nav-icon,
30341.nav-link:focus .nav-icon {
30342    color: #000;
30343}
30344
30345.nav-link:hover .gnav-ss-dropdown,
30346.nav-link:focus .gnav-ss-dropdown {
30347    color: #888;
30348}
30349
30350.gnav-header .account-nav>li.sign-in-link:before,
30351.gnav-header .account-nav>li.register-link:before,
30352.gnav-header .account-nav>li:first-child:before {
30353    content: none;
30354}
30355
30356.gnav-header .browse-nav {
30357    position: static;
30358    display: block;
30359    float: left;
30360    padding-left: 20px;
30361    width: auto;
30362    height: 34px;
30363    box-sizing: border-box;
30364}
30365
30366.gnav-header .browse-nav-inner {
30367    position: absolute;
30368    top: 71px;
30369    margin: 0;
30370    max-width: 280px;
30371    font-size: 14px;
30372    line-height: 20px;
30373    padding: 10px 0;
30374    background: #fff;
30375    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
30376    border-radius: 3px;
30377}
30378
30379.browse-nav-inner.hide {
30380    display: none;
30381}
30382
30383.browse-nav-inner.show {
30384    display: block;
30385}
30386
30387.browse-nav-inner:before,
30388.browse-nav-inner:after {
30389    left: 10%;
30390    margin-left: -10px;
30391}
30392
30393.gnav-header .browse-nav li {
30394    display: block;
30395    padding: 0;
30396}
30397
30398.browse-nav-inner .promotional-slice-categories {
30399    border-bottom: 1px solid #E5E5E5;
30400    margin-bottom: 5px;
30401    padding-bottom: 5px;
30402}
30403
30404.gnav-header .browse-nav .browse-nav-inner li.promotional-slices {
30405    display: none;
30406}
30407
30408.gnav-header .browse-nav-inner a {
30409    display: block;
30410    padding: 8px 20px;
30411    font-size: 14px;
30412    line-height: 20px;
30413    color: #333;
30414    width: auto;
30415    text-decoration: none;
30416    white-space: normal;
30417    margin: 0;
30418}
30419
30420.ui-toolkit .gnav-header .search-browse-nav,
30421.gnav-header .search-browse-nav {
30422    display: none;
30423}
30424
30425.no-touch .gnav-header .browse-nav-inner a:hover,
30426.is-touch .gnav-header .browse-nav-inner a.active {
30427    color: #0192B5;
30428    background: #E5F4F7;
30429}
30430
30431.gnav-header .browse-nav .browse-dropdown-trigger {
30432    display: block;
30433    width: auto;
30434    text-decoration: none;
30435    padding: 0;
30436    padding-top: 23px;
30437    height: 58px;
30438    cursor: pointer;
30439    outline: none;
30440}
30441
30442.browse-nav .browse-dropdown-trigger .inner-cell {
30443    border: 1px solid #E5E5E5;
30444    height: auto;
30445    white-space: nowrap;
30446    padding: 8px;
30447    border-radius: 3px;
30448    color: #666;
30449    font-size: 14px;
30450    line-height: 1.2em;
30451    display: block;
30452    width: auto;
30453    text-decoration: none;
30454}
30455
30456.browse-nav .browse-dropdown-trigger:hover .inner-cell {
30457    border-color: #c0c0c0;
30458}
30459
30460.browse-dropdown-trigger .browse-copy {
30461    display: none;
30462}
30463
30464.browse-dropdown-trigger .browse-copy.short {
30465    display: block;
30466}
30467
30468.browse-dropdown-trigger .browse-copy:after {
30469    /*font-family: "SSStandard";*/
30470    content: '▾';
30471    color: #bbb;
30472    font-size: 8px;
30473    line-height: 1em;
30474    position: relative;
30475    top: 0;
30476    left: 3px;
30477    margin: 0 1px;
30478    -moz-font-feature-settings: "liga=1";
30479    -moz-font-feature-settings: "liga";
30480    -ms-font-feature-settings: "liga" 1;
30481    -o-font-feature-settings: "liga";
30482    font-feature-settings: "liga";
30483    -webkit-font-smoothing: antialiased;
30484    -moz-osx-font-smoothing: grayscale;
30485}
30486
30487.browse-dropdown-trigger:hover .browse-copy:after {
30488    color: #888;
30489}
30490
30491.apply-nav-height .sell-on-gigtodo-link {
30492    float: left;
30493    position: relative;
30494    list-style: none;
30495    border: 0 none;
30496    margin: 0;
30497    padding: 0;
30498}
30499
30500.apply-nav-height .sell-on-gigtodo-link a {
30501    border: 1px solid transparent;
30502    height: auto;
30503    margin-top: 23px;
30504    display: block;
30505    float: left;
30506    padding: 8px;
30507    line-height: 16px;
30508    font-size: 14px;
30509    text-decoration: none;
30510    box-sizing: border-box;
30511    color: #E55400;
30512}
30513
30514.apply-nav-height .sell-on-gigtodo-link a:hover {
30515    text-decoration: underline;
30516}
30517
30518.apply-nav-height .sell-on-gigtodo-link a .sell-copy.short {
30519    display: none;
30520}
30521
30522.gnav-header .account-nav li.wholesale span.gigtodo-icon {
30523    margin-top: 2px;
30524    vertical-align: top;
30525}
30526
30527@media screen and (min-width: 421px) {
30528    .gnav-header .account-nav li.wholesale a:before {
30529        margin: -11px auto auto auto;
30530    }
30531    .gnav-header .account-nav li.wholesale a:after {
30532        margin: -15px auto auto auto;
30533    }
30534}
30535
30536@media screen and (max-width: 420px) {
30537    .gnav-header .account-nav li.wholesale a:before {
30538        margin: -4px auto auto auto;
30539    }
30540    .gnav-header .account-nav li.wholesale a:after {
30541        margin: -8px auto auto auto;
30542    }
30543}
30544
30545@media screen and (max-width: 980px) {
30546    .is-responsive .gnav-header .account-nav li.wholesale span.gigtodo-icon {
30547        margin-top: 4px;
30548    }
30549}
30550
30551@media (min-width: 451px) and (max-width: 479px) {
30552    .is-responsive .gnav-header .wholesaleoverride .nav-link {
30553        padding: 0 8px;
30554    }
30555}
30556
30557@media (min-width: 421px) and (max-width: 450px) {
30558    .is-responsive .gnav-header .wholesaleoverride .nav-link {
30559        padding: 0 5px;
30560    }
30561}
30562
30563.is-responsive .apply-nav-height .sell-on-gigtodo-link {}
30564
30565@media screen and (max-width: 1024px) {
30566    .is-responsive .apply-nav-height .sell-on-gigtodo-link a {
30567        height: auto;
30568        margin-top: 13px;
30569        line-height: 15px;
30570    }
30571}
30572
30573@media screen and (max-width: 500px) {
30574    .is-responsive .apply-nav-height .sell-on-gigtodo-link a {}
30575    .is-responsive .apply-nav-height .sell-on-gigtodo-link a .sell-copy {
30576        display: none;
30577    }
30578    .is-responsive .apply-nav-height .sell-on-gigtodo-link a .sell-copy.short {
30579        display: inline;
30580    }
30581}
30582
30583@media screen and (max-width: 420px) {
30584    .is-responsive .apply-nav-height .sell-on-gigtodo-link a {
30585        margin-top: 5px;
30586        margin-right: 5px;
30587    }
30588}
30589
30590.apply-nav-height.signed-in a {
30591    line-height: 16px;
30592}
30593
30594.is-responsive .apply-nav-height .signed-in {}
30595
30596.is-responsive .apply-nav-height .signed-in a {
30597    line-height: 16px;
30598}
30599
30600@media screen and (min-width: 981px) {
30601    .is-responsive .apply-nav-height .signed-in a {
30602        margin-right: 7px;
30603    }
30604}
30605
30606@media screen and (max-width: 420px) {
30607    .is-responsive .apply-nav-height .signed-in a {
30608        margin-right: 0px;
30609        line-height: 18px;
30610    }
30611}
30612
30613.gnav-header .search-nav {
30614    position: relative;
30615    float: left;
30616    width: 35%;
30617}
30618
30619.gnav-header #search-query.close-icon-experiment {
30620    padding: 6px 36px 6px 10px;
30621}
30622
30623.gnav-header #search-query.search-mobile {
30624    height: 42px;
30625    font-size: 16px;
30626}
30627
30628.gnav-header #search-query:hover {
30629    outline: none;
30630    border: 1px solid #bcb7b3;
30631}
30632
30633.gnav-header #search-query:focus,
30634.gnav-header #search-query:active {
30635    outline: none;
30636    border: 1px solid #28a745;
30637    background: #FFF;
30638    /*box-shadow: 0 0 0 1000px #fff inset;*/
30639}
30640
30641.gnav-header .gnav-search-inner {
30642    position: absolute;
30643    display: table;
30644    width: 100%;
30645    top: 50%;
30646    margin-top: -17px;
30647    height: 34px;
30648}
30649
30650.gnav-header .gnav-search-inner.search-mobile {
30651    margin-top: -20px;
30652}
30653
30654.gnav-header .search-input-wrapper,
30655.gnav-header .search-button-wrapper {
30656    white-space: nowrap;
30657    display: table-cell;
30658    vertical-align: top;
30659    width: 100%;
30660}
30661
30662.gnav-header .search-input-wrapper .close {
30663    display: none;
30664}
30665
30666.gnav-header .search-input-wrapper .close:after {
30667    padding: 0 0 0 0px;
30668    background-position: 10px 0;
30669}
30670
30671.gnav-header .search-input-wrapper .close.show {
30672    display: inline-block;
30673    cursor: pointer;
30674}
30675
30676.gnav-header .search-input-wrapper #search-query {
30677    position: relative;
30678    margin-top: 0;
30679    margin-bottom: 0;
30680    border-right: none;
30681    border-top-right-radius: 0 !important;
30682    border-bottom-right-radius: 0 !important;
30683}
30684
30685.gnav-header .search-button-wrapper .btn-primary {
30686    border-top-left-radius: 0;
30687    border-bottom-left-radius: 0;
30688    line-height: 17px;
30689    height: 34px;
30690    padding: 7px 15px 8px;
30691    background-color: #28a745 !important;
30692    font-weight: 700;
30693}
30694
30695.gnav-header .search-button-wrapper .btn-primary.search-mobile {
30696    height: 42px;
30697}
30698
30699.search-mobile-wrapper {
30700    height: 62px;
30701}
30702
30703@media screen and (min-width: 421px) {
30704    .search-mobile-wrapper {
30705        height: 66px;
30706    }
30707}
30708
30709#open-filters.search-mobile {
30710    height: 42px;
30711    margin-top: 10px;
30712}
30713
30714@media screen and (min-width: 421px) {
30715    #open-filters.search-mobile {
30716        margin-top: 13px;
30717    }
30718}
30719
30720.search-browse-spacer {
30721    display: block;
30722    clear: left;
30723    top: 60px;
30724    margin: 0;
30725    padding: 0 10px;
30726    position: relative;
30727    top: 0;
30728    z-index: 5;
30729}
30730
30731.lte-ie7 .gnav-header .search-input-wrapper,
30732.lte-ie7 .gnav-header .search-button-wrapper {
30733    float: left;
30734    width: 75%;
30735}
30736
30737.lte-ie7 .gnav-header .search-button-wrapper {
30738    width: 25%;
30739}
30740
30741.lte-ie7 .gnav-header .search-input-wrapper #search-query,
30742.lte-ie7 .gnav-header .search-button-wrapper .btn-primary {
30743    position: absolute;
30744    top: 0;
30745    left: 0;
30746    right: 0;
30747}
30748
30749.lte-ie7 .gnav-header .search-input-wrapper #search-query {
30750    height: 20px;
30751}
30752
30753.lte-ie7 .gnav-header .search-button-wrapper .btn-primary {
30754    height: 34px;
30755    line-height: 15px;
30756}
30757
30758.gnav-header .account-nav {
30759    float: right;
30760    margin: 0;
30761    padding-left: 0;
30762}
30763
30764.gnav-header .account-nav>li {
30765    float: left;
30766    position: relative;
30767    list-style: none;
30768    border: 0 none;
30769    margin: 0;
30770    padding: 0;
30771}
30772
30773.mobile .gnav-header .account-nav li a:active,
30774.is-touch .gnav-header .account-nav li a:active {
30775    background: #E5F4F7;
30776}
30777
30778.gnav-header .account-nav .count {
30779    text-align: center;
30780    line-height: 18px;
30781    min-width: 18px;
30782    float: right;
30783    position: absolute;
30784    vertical-align: baseline;
30785    background: #F56400;
30786    color: #FFFFFF;
30787    font-size: 11px;
30788    letter-spacing: 0.03em;
30789    padding: 0 4px;
30790    margin: 0 -13px 0 0;
30791    top: 22px;
30792    right: 50%;
30793    box-sizing: border-box;
30794    border-radius: 2px;
30795}
30796
30797.gnav-header .account-nav .count.display-none {
30798    display: none;
30799}
30800
30801.gnav-header .account-nav .count.count-smaller {
30802    line-height: 11px;
30803    min-width: 11px;
30804    top: 14px;
30805    right: 55%;
30806}
30807
30808.gnav-header .count.hide {
30809    display: none;
30810    opacity: 0;
30811    filter: alpha(opacity=0);
30812}
30813
30814.gnav-header .text-link {
30815    display: block;
30816    clear: left;
30817    white-space: nowrap;
30818    color: #595959;
30819    font-size: 12px;
30820    margin-top: -2px;
30821}
30822
30823.gnav-header .nav-link:hover .text-link {
30824    color: #333;
30825}
30826
30827.gnav-header .text-link .text-link-copy {
30828    display: inline;
30829}
30830
30831.nav-icon.nav-icon-image {
30832    position: relative;
30833}
30834
30835.nav-icon.nav-icon-image:after {
30836    content: '';
30837    display: block;
30838    width: 24px;
30839    height: 24px;
30840    border: 1px solid #000;
30841    top: 1px;
30842    left: 50%;
30843    margin-left: -12px;
30844    position: absolute;
30845    opacity: 0.1;
30846    filter: alpha(opacity=10);
30847    box-sizing: border-box;
30848}
30849
30850.nav-icon.nav-icon-image.nav-icon-square:after {
30851    border-radius: 5%;
30852}
30853
30854.nav-icon.nav-icon-image.nav-icon-circle:after {
30855    border-radius: 50%;
30856}
30857
30858.nav-link:focus .nav-icon.nav-icon-image:after,
30859.nav-link:hover .nav-icon.nav-icon-image:after {
30860    background-color: #000;
30861}
30862
30863.nav-icon img {
30864    position: relative;
30865    display: block;
30866    float: none;
30867    width: 24px;
30868    height: 24px;
30869    margin: 0 auto;
30870    top: 1px;
30871}
30872
30873.nav-icon-square img {
30874    border-radius: 12%;
30875}
30876
30877.nav-icon-circle img {
30878    border-radius: 50%;
30879}
30880
30881.gnav-header .account-nav .cart {
30882    margin: 0;
30883    padding: 0;
30884}
30885
30886.gnav-header .account-nav .cart .count {
30887    background: #F56400;
30888}
30889
30890.gnav-header .account-nav .cart:hover .count {
30891    background: #ff6905;
30892}
30893
30894.gnav-header .sub-navs {
30895    position: absolute;
30896    right: 0;
30897    top: 100%;
30898    width: 100%;
30899}
30900
30901.gnav-header .sub-nav {
30902    display: none;
30903    position: absolute;
30904    width: 280px;
30905    top: -9px;
30906    right: 20px;
30907    font-size: 14px;
30908    line-height: 20px;
30909    padding: 0;
30910    background: #fff;
30911    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
30912    border-radius: 3px;
30913    z-index: 50;
30914}
30915
30916.gnav-header .sub-nav:before {
30917    display: block;
30918    content: ' ';
30919    position: absolute;
30920    top: -14px;
30921    bottom: -14px;
30922    left: -14px;
30923    right: -14px;
30924    cursor: pointer;
30925    border-radius: 30px 30px 5px 5px;
30926    z-index: -1;
30927}
30928
30929.gnav-header .sub-nav>ul {
30930    margin: 0;
30931    padding: 0 0 8px;
30932}
30933
30934.gnav-header .sub-nav li {
30935    float: none;
30936    display: block;
30937    text-align: left;
30938    margin: 0;
30939}
30940
30941.gnav-header .sub-nav li.top-divider {
30942    border-top: 1px solid #E2E2E2;
30943    border-top: 1px solid rgba(0, 0, 0, 0.1);
30944    margin-top: 8px;
30945    padding-top: 8px;
30946}
30947
30948.gnav-header .sub-nav li.bottom-divider {
30949    border-bottom: 1px solid #E2E2E2;
30950    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
30951    margin-bottom: 8px;
30952    padding-bottom: 8px;
30953}
30954
30955.gnav-header .sub-nav li.bottom-divider.no-extra-space {
30956    padding-bottom: 0;
30957}
30958
30959.gnav-header .sub-nav li.push-to-right {
30960    text-align: right;
30961}
30962
30963.gnav-header .subnav-text-link {
30964    display: block;
30965    padding: 8px 20px;
30966    color: #333;
30967    width: auto;
30968    margin: 0;
30969}
30970
30971.gnav-header .subnav-text-link,
30972.gnav-header .subnav-text-link:hover {
30973    text-decoration: none;
30974}
30975
30976.no-touch .gnav-header .subnav-text-link:hover,
30977.no-touch .gnav-header .subnav-text-link:focus,
30978.no-touch .gnav-header .subnav-text-link:active,
30979.is-touch .gnav-header .subnav-text-link.active {
30980    color: #222;
30981    background: rgba(0, 0, 0, 0.05);
30982}
30983
30984.gnav-header .subnav-text-link .gnav-ss-icon {
30985    font-size: 16px;
30986    display: inline-block;
30987    margin-right: 4px;
30988    vertical-align: top;
30989    position: relative;
30990    top: 2px;
30991    color: #595959;
30992}
30993
30994.no-touch .gnav-header .subnav-text-link:hover .gnav-ss-icon,
30995.no-touch .gnav-header .subnav-text-link:active .gnav-ss-icon,
30996.is-touch .gnav-header .subnav-text-link.active .gnav-ss-icon {
30997    color: #222;
30998}
30999
31000.gnav-header .sub-nav a .count {
31001    text-align: center;
31002    display: inline-block;
31003    float: none;
31004    margin: 0;
31005    background: #F56400;
31006    padding: 0 4px;
31007    margin-left: 4px;
31008    vertical-align: baseline;
31009    font-size: 11px;
31010    line-height: 18px;
31011    min-width: 18px;
31012    letter-spacing: 0.03em;
31013    color: #fff;
31014    border-radius: 2px;
31015    box-sizing: border-box;
31016    position: relative;
31017    top: -2px;
31018}
31019
31020.gnav-header .sub-nav a .count.inline {
31021    display: inline;
31022    padding: 2px 5px;
31023}
31024
31025.gnav-header .sub-nav a:hover .count {
31026    background: #ff6905;
31027}
31028
31029.gnav-header .sub-nav.shop {
31030    right: 72px;
31031}
31032
31033.gnav-header .sub-nav.hide {
31034    display: none;
31035}
31036
31037.gnav-header .sub-nav.show,
31038.gnav-header li:hover>.sub-nav {
31039    display: block;
31040}
31041
31042.gnav-header .with-pointer:before,
31043.gnav-header .with-pointer:after {
31044    content: " ";
31045    display: block;
31046    position: absolute;
31047    top: -10px;
31048    right: 72px;
31049    width: 0;
31050    height: 0;
31051    border-left: 10px solid transparent;
31052    border-right: 10px solid transparent;
31053    border-bottom: 10px solid #d8d8d8;
31054    cursor: pointer;
31055}
31056
31057.gnav-header .with-pointer:after {
31058    top: -9px;
31059    border-bottom: 10px solid #FFF;
31060    z-index: 1;
31061}
31062
31063.gnav-header .gnav-header-inner .with-catnav .with-pointer:before,
31064.gnav-header .gnav-header-inner .with-catnav .with-pointer:after {
31065    display: none;
31066}
31067
31068@media only screen and (min-width: 640px) and (max-width: 1024px) {
31069    .gnav-header .gnav-header-inner .with-catnav .with-pointer:before,
31070    .gnav-header .gnav-header-inner .with-catnav .with-pointer:after {
31071        display: block;
31072    }
31073}
31074
31075.search-browse-inner.with-pointer:before,
31076.search-browse-inner.with-pointer:after {
31077    display: none;
31078}
31079
31080.gnav-user-card,
31081.gnav-shop-card {
31082    position: relative;
31083}
31084
31085.ui-toolkit .gnav-user-card a,
31086.ui-toolkit .gnav-shop-card .clickable-header,
31087.gnav-user-card a,
31088.gnav-shop-card .clickable-header {
31089    display: block;
31090    padding: 18px 20px;
31091    margin: 0;
31092    text-decoration: none;
31093}
31094
31095.gnav-user-card .details,
31096.gnav-shop-card .details {
31097    display: block;
31098    margin-left: 61px;
31099    line-height: 18px;
31100}
31101
31102.gnav-user-card .name,
31103.gnav-shop-card .name {
31104    color: #333;
31105    white-space: nowrap;
31106    overflow: hidden;
31107    text-overflow: ellipsis;
31108    margin: -1px 0 8px;
31109    font-size: 16px;
31110}
31111
31112@media screen and (min-device-width: 680px) and (orientation: portrait),
31113screen and (min-device-height: 680px) and (orientation: landscape) {
31114    .gnav-user-card .name,
31115    .gnav-shop-card .name {
31116        /*font-family: "Guardian-EgypTT", Arial, Helvetica, sans-serif;*/
31117        font-weight: 500;
31118    }
31119}
31120
31121.gnav-user-card .details a,
31122.gnav-shop-card .details a {
31123    display: inline-block;
31124    margin-right: 0.5em;
31125}
31126
31127.gnav-user-card .profile-link,
31128.gnav-shop-card .shop-link,
31129.gnav-shop-card .edit-shop-link {
31130    display: inline-block;
31131    font-size: 13px;
31132    padding: 2px 8px;
31133    margin-bottom: 0;
31134    white-space: nowrap;
31135    overflow: hidden;
31136    text-overflow: ellipsis;
31137    vertical-align: bottom;
31138    border: 1px solid #e2e2e2;
31139    border-radius: 3px;
31140    color: #333;
31141}
31142
31143.gnav-shop-card .edit-shop-link {
31144    background-color: #F56400;
31145    color: #FFF;
31146    border-color: rgba(0, 0, 0, 0.1);
31147}
31148
31149.no-touch .gnav-user-card a:hover,
31150.no-touch .gnav-shop-card a:hover {
31151    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
31152}
31153
31154.no-touch .gnav-user-card a:hover .profile-link,
31155.no-touch .gnav-user-card a:hover .shop-link,
31156.no-touch .gnav-shop-card a:hover .profile-link,
31157.no-touch .gnav-shop-card a:hover .shop-link {
31158    color: #222;
31159    border-color: rgba(0, 0, 0, 0.15);
31160}
31161
31162.no-touch .gnav-user-card a:hover .edit-shop-link,
31163.no-touch .gnav-shop-card a:hover .edit-shop-link {
31164    color: #FFF;
31165    background-color: #ff6905;
31166}
31167
31168.gnav-user-card .profile-link .gnav-ss-icon,
31169.gnav-shop-card .shop-link .gnav-ss-icon {
31170    font-size: 11px;
31171    color: #CCC;
31172    margin-left: 6px;
31173    vertical-align: middle;
31174    position: relative;
31175    top: 1px;
31176}
31177
31178.gnav-shop-card .edit-shop-link .gnav-ss-icon {
31179    font-size: 11px;
31180    color: #FFF;
31181    margin-left: 6px;
31182    vertical-align: middle;
31183    position: relative;
31184    top: 1px;
31185}
31186
31187.no-touch .gnav-user-card a:hover .profile-link .gnav-ss-icon,
31188.no-touch .gnav-shop-card a:hover .shop-link .gnav-ss-icon {
31189    color: #666;
31190}
31191
31192.gnav-user-card .avatar {
31193    float: left;
31194    vertical-align: middle;
31195    width: 50px;
31196    height: 50px;
31197    margin-top: 0;
31198    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
31199    border-radius: 50%;
31200}
31201
31202.gnav-shop-card .gnav-ss-shop {
31203    float: left;
31204    width: 50px;
31205    height: 50px;
31206    line-height: 70px;
31207    font-size: 30px;
31208    text-align: center;
31209    color: #999;
31210    border: 1px solid #e2e2e2;
31211    background-color: #EFEFEB;
31212    border-radius: 3px;
31213    box-sizing: border-box;
31214}
31215
31216.gnav-shop-card .gnav-ss-shop:before {
31217    position: relative;
31218    top: -7px;
31219}
31220
31221.gnav-header .sub-nav a.giftcard-balance {
31222    color: #222;
31223}
31224
31225.gnav-header .sub-nav a.earn-balance {
31226    color: #E55400;
31227}
31228
31229.no-touch .gnav-header .sub-nav a.giftcard-balance:hover,
31230.no-touch .gnav-header .sub-nav a.earn-balance:hover {
31231    background: #FFF3EE;
31232    color: #222;
31233}
31234
31235.gnav-header .sub-nav a.giftcard-balance:before {
31236    content: " ";
31237    display: inline-block;
31238    vertical-align: middle;
31239    width: 20px;
31240    height: 14px;
31241    background: transparent url(/assets/dist/images/sprites/payment-methods.20170615210940.png) no-repeat -197px -3px;
31242    background-size: 230px;
31243    margin-right: 4px;
31244}
31245
31246@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
31247only screen and (-moz-min-device-pixel-ratio: 1.5),
31248only screen and (min--moz-device-pixel-ratio: 1.5),
31249only screen and (-o-min-device-pixel-ratio: 3/2),
31250only screen and (min-device-pixel-ratio: 1.5) {
31251    .gnav-header .sub-nav a.giftcard-balance:before {
31252        background-image: url(/assets/dist/images/sprites/[email protected]);
31253    }
31254}
31255
31256.gnav-header .sub-nav .giftcard-balance .currency-code {
31257    font-size: 80%;
31258}
31259
31260.sub-nav.cart {
31261    margin-right: 27px;
31262}
31263
31264.gnav-header .gnav-cart.with-pointer:before,
31265.gnav-header .gnav-cart.with-pointer:after {
31266    right: 16px;
31267}
31268
31269.gnav-cart {
31270    padding: 15px 20px 18px;
31271}
31272
31273.gnav-cart .spinner-large {
31274    margin: 0 auto;
31275    display: block;
31276}
31277
31278.gnav-cart .empty {
31279    color: #333;
31280}
31281
31282.gnav-cart .btn-primary {
31283    display: block;
31284    margin-top: 18px;
31285}
31286
31287.cart-items li {
31288    padding-top: 8px;
31289    line-height: 18px;
31290}
31291
31292.cart-items li:first-child {
31293    padding: 0;
31294}
31295
31296.cart-items a {
31297    display: block;
31298    color: #333;
31299    font-size: 13px;
31300    text-decoration: none;
31301}
31302
31303.cart-items img {
31304    border-radius: 3px;
31305    border: 1px solid #ECECEC;
31306    background-color: #FFF;
31307    padding: 2px;
31308    width: 60px;
31309    height: 48px;
31310    float: left;
31311}
31312
31313.gnav-cart {
31314    padding: 18px 20px;
31315    min-height: 75px;
31316}
31317
31318.gnav-cart .spinner-large {
31319    margin: 0 auto;
31320}
31321
31322.cart-items li {
31323    padding-top: 10px;
31324    line-height: 18px;
31325}
31326
31327.cart-items li:first-child {
31328    padding: 0;
31329}
31330
31331.cart-items img {
31332    border-radius: 3px;
31333    border: 1px solid #ECECEC;
31334    background-color: #FFF;
31335    padding: 2px;
31336    width: 60px;
31337    height: 48px;
31338    float: left;
31339}
31340
31341.cart-item-info {
31342    margin-left: 75px;
31343}
31344
31345.cart-item-info a {
31346    display: block;
31347    color: #333;
31348    font-size: 13px;
31349    white-space: nowrap;
31350    overflow: hidden;
31351    text-overflow: ellipsis;
31352}
31353
31354.cart-item-info .cart-item-price {
31355    color: #7AC142;
31356    font-size: 12px;
31357}
31358
31359.cart-item-info .cart-item-price>span {
31360    font-size: 90%;
31361}
31362
31363.gnav-cart .btn-primary {
31364    display: block;
31365    margin-top: 20px;
31366}
31367
31368.gnav-header .register-link a,
31369.gnav-header .sign-in-link a{
31370/*    height: auto;
31371    margin-top: 23px;
31372    margin-right: 18px;
31373    display: block;
31374    float: left;
31375    padding: 8px;
31376    line-height: 16px;
31377    font-size: 14px;
31378    border: 1px solid;
31379    text-decoration: none;
31380    border-radius: 3px;
31381    box-sizing: border-box;
31382    color: #E55400;*/
31383    height: auto;
31384    margin-top: 19px;
31385    margin-right: 18px;
31386    display: block;
31387    float: left;
31388    padding: 10px 8px;
31389    line-height: 16px;
31390    font-size: 14px;
31391    font-weight: 700;
31392    border: 1px solid;
31393    border-radius: 20px;
31394    text-decoration: none;
31395    border-radius: 10px;
31396    box-sizing: border-box;
31397    color: #E55400;
31398}
31399
31400
31401.gnav-header .logged-in-link .menuItem{
31402    height: auto;
31403    margin-top: 23px;
31404    margin-right: 18px;
31405    display: block;
31406    float: left;
31407    padding: 8px;
31408    line-height: 16px;
31409    font-size: 14px;
31410    border-radius: 3px;
31411    box-sizing: border-box;
31412}
31413
31414.gnav-header .logged-in-link .menuItem {
31415    margin-right: 3px;
31416    border: 1px solid transparent;
31417}
31418
31419.gnav-header .register-link a {
31420    margin-right: 7px;
31421    border: 1px solid transparent;
31422}
31423
31424.gnav-header .account-nav .sign-in-link a:hover {
31425    background: rgba(0, 0, 0, 0.02);
31426}
31427
31428body.is-global-nav #buyer-invite-credit-notice {
31429    max-width: 980px;
31430    margin: 20px auto;
31431    padding: 0;
31432    border: #ffe4da;
31433    background-color: #FFF3EE;
31434    text-align: left;
31435    font-size: 14px;
31436    font-weight: bold;
31437}
31438
31439body.is-global-nav #buyer-invite-credit-notice .msg-inner {
31440    padding: 20px;
31441}
31442
31443body.is-global-nav #buyer-invite-credit-notice .msg-inner h2 {
31444    color: #333;
31445    font-weight: bold;
31446    font-size: inherit;
31447    padding: 0px;
31448    text-transform: none;
31449}
31450
31451.lte-ie8 .gnav-header .search-nav .search-input {
31452    padding-bottom: 0;
31453}
31454
31455.lte-ie7 .gnav-header .text-link {
31456    display: block;
31457}
31458
31459.lte-ie7 .gnav-header .nav-icon {
31460    display: none;
31461}
31462
31463body.mobile.is-global-nav .notice {
31464    margin: 0px 0px;
31465}
31466
31467body.is-global-nav .content-wrap-white {
31468    margin-top: 0;
31469}
31470
31471.is-global-nav.fullwidth-cart #primary {
31472    border-top: none;
31473    border-bottom: none;
31474}
31475
31476.is-global-nav.fullwidth-cart #checkout {
31477    border-top: none;
31478}
31479
31480body.is-global-nav #new-seller-header {
31481    margin: 28px 0 18px;
31482}
31483
31484body.is-global-nav .new-seller-content h2.category {
31485    position: static;
31486    margin-bottom: 8px;
31487}
31488
31489body.is-global-nav #new-seller-header {
31490    z-index: auto;
31491}
31492
31493#footer.stacked-footer #copy {
31494    margin: 0;
31495}
31496
31497.header__skip-to-content {
31498    display: inline-block;
31499}
31500
31501.header__skip-to-content.focusable:active,
31502.header__skip-to-content.focusable:focus {
31503    float: left;
31504    margin-top: 23px;
31505    margin-left: 10px;
31506    padding: 8px;
31507    line-height: 16px;
31508    font-size: 14px;
31509    text-decoration: none;
31510    color: #0192B5;
31511}
31512
31513.header__mweb-cat-nav {
31514    display: inline-block;
31515    background-color: #FFF;
31516}
31517
31518.header__mweb-cat-nav.focusable:active .header__mweb-cat-nav.focusable:focus {
31519    margin-top: 12px;
31520    margin-left: 12px;
31521    padding: 8px;
31522    line-height: 16px;
31523    font-size: 14px;
31524    font-weight: normal;
31525    text-decoration: none;
31526    color: #0192B5;
31527    outline: 1px dotted #F56400;
31528}
31529
31530.gnav-header .gnav-search-inner .search-input-wrapper .close:after {
31531    background-position: 0px 0px;
31532    font-height: 12px;
31533}
31534
31535#gigtodo-logo.gigtodo-logo-svg {
31536    position: relative;
31537}
31538
31539.gnav-header #gigtodo-logo.gigtodo-logo-svg a {
31540    background: none;
31541    position: relative;
31542}
31543
31544.gigtodo-logo-svg .gigtodo-icon {
31545    position: absolute;
31546    color: #f45800;
31547}
31548
31549.is-responsive .ui-toolkit .gigtodo-logo-svg-e,
31550.is-responsive .gigtodo-logo-svg-e {
31551    top: 4px;
31552    left: 6px;
31553    width: 30px;
31554    height: 30px;
31555}
31556
31557.is-responsive .ui-toolkit .gigtodo-logo-svg-e,
31558.is-responsive .gigtodo-logo-svg-e {
31559    display: none;
31560}
31561
31562.is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-full {
31563    display: none;
31564}
31565
31566.is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-e {
31567    display: block;
31568}
31569
31570@media screen and (min-width: 421px) {
31571    .is-responsive .gigtodo-logo-svg-logged-in .gigtodo-logo-svg-full {
31572        display: block;
31573    }
31574    .is-responsive .gigtodo-logo-svg-logged-in .mobile {
31575        display: none;
31576    }
31577
31578    .is-responsive .gigtodo-logo-svg-logged-in .mobile-full {
31579        display: none;
31580    }
31581    
31582}
31583
31584.gigtodo-logo-svg-logged-in .text-logo {
31585    width: 150px;
31586    margin-top: 20px;
31587    font-size: 30px;
31588    position: relative;
31589    top: 18px;
31590}
31591
31592@media screen and (min-width: 901px) {
31593    .gigtodo-logo-svg-logged-in .desktop{
31594       margin-top: 21px;
31595    }
31596}
31597
31598
31599@media screen and (max-width: 1024px) {
31600    .gigtodo-logo-svg-logged-in .desktop{
31601       display: none;
31602    }
31603    .gigtodo-logo-svg-logged-in .mobile{
31604        margin-top: 18px;
31605        margin-left: -9px;
31606        display: unset !important;
31607    }
31608    
31609    .gigtodo-logo-svg-logged-in .mobile-full{
31610        margin-top: 18px;
31611        margin-left: 20px;
31612       display: unset !important;
31613    }
31614
31615
31616}
31617
31618.is-responsive.is-signed-in .gnav-header #gigtodo-logo.gigtodo-logo-svg a:before {
31619    content: "";
31620}
31621
31622.is-responsive .gnav-header .has-svg-icons .nav-link {
31623    padding: 0 9px;
31624}
31625
31626.gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg,
31627.gnav-header .has-svg-icons .nav-icon.inline-svg svg {
31628    fill: currentColor;
31629    width: 22px;
31630    height: 100%;
31631}
31632
31633@media screen and (min-width: 981px) {
31634    .gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg,
31635    .gnav-header .has-svg-icons .nav-icon.inline-svg svg {
31636        position: relative;
31637        top: -2px;
31638    }
31639}
31640
31641@media screen and (max-width: 1024px) {
31642    .gnav-header .has-svg-icons .nav-icon.gigtodo-icon svg,
31643    .gnav-header .has-svg-icons .nav-icon.inline-svg svg {
31644        position: relative;
31645        top: -0px;
31646    }
31647}
31648
31649.gnav-header .has-svg-icons .nav-icon.gigtodo-icon-relative {
31650    position: relative;
31651}
31652
31653.gnav-header .has-svg-icons .nav-icon.gigtodo-icon-relative svg {
31654    width: 21px;
31655}
31656
31657.gnav-header .has-svg-icons .shop-name .icon-navigateright {
31658    color: #D4D4D4;
31659    float: right;
31660    margin-top: 6px;
31661}
31662
31663.gnav-header .has-svg-icons ul li span.gigtodo-icon.subnav-icon {
31664    right: 6px;
31665    top: 50%;
31666    transform: translateY(-50%);
31667}
31668
31669.gnav-header .has-svg-icons .user-nav{
31670    position: relative;
31671}
31672
31673.gnav-header .has-svg-icons .user-nav .gigtodo-icon-dropdown,
31674.gnav-header .has-svg-icons .notifications-nav .gigtodo-icon-dropdown {
31675    color: #bbb;
31676    display: none;
31677    height: 5px;
31678    width: 9px;
31679}
31680
31681
31682.sub-nav.user.has-svg-icons .profile-link .gigtodo-icon {
31683    color: #ccc;
31684    height: 14px;
31685    width: 12px;
31686    margin-left: 8px;
31687}
31688
31689
31690.cnav-header .close .gigtodo-icon {
31691    position: relative;
31692    top: -1px;
31693}
31694
31695.cnav-header .catnav-primary-list-item {
31696    position: relative;
31697}
31698
31699.cnav-header ul li span.gigtodo-icon.subnav-icon {
31700    right: 6px;
31701    top: 50%;
31702    transform: translateY(-50%);
31703}
31704
31705
31706
31707@media screen and (max-width: 1050px) {
31708    .is-responsive .gnav-header {
31709        min-width: 0;
31710        margin: 0;
31711    }
31712    .is-responsive .gnav-header .gnav-header-inner {
31713        width: auto;
31714    }
31715    .is-responsive .gnav-header .browse-nav-inner {
31716        width: auto;
31717    }
31718    .is-responsive .gnav-footer-inner {
31719        width: auto;
31720    }
31721}
31722
31723@media screen and (max-width: 1024px) {
31724    .is-responsive .gnav-header .nav-link {
31725        font-size: 14px;
31726        padding: 0 12px;
31727    }
31728
31729    .logged-in-link .dropdown-menu{
31730
31731    margin-left: -100px;
31732
31733    }   
31734
31735    .is-responsive .nav-link .nav-icon {
31736        float: left;
31737        top: 50%;
31738        position: relative;
31739        margin: -16px 0 0;
31740    }
31741    .is-responsive .nav-link .nav-icon:before {
31742        margin: 9px 0 0;
31743        height: 20px;
31744        line-height: 19px;
31745        float: left;
31746    }
31747    .is-responsive .gnav-header .has-sub-nav .nav-link {
31748        min-width: 28px;
31749        -webkit-box-sizing: content-box;
31750        -moz-box-sizing: content-box;
31751        box-sizing: content-box;
31752        outline: none;
31753        border: none;
31754    }
31755    .is-responsive .nav-link .gnav-ss-dropdown {
31756        line-height: 19px;
31757        position: absolute;
31758        margin: -8px 0 0 0;
31759        left: 35px;
31760    }
31761    .is-responsive .user-nav .nav-link .gnav-ss-dropdown,
31762    .is-responsive .notifications-nav .nav-link .gnav-ss-dropdown {
31763        left: 40px;
31764    }
31765    .is-responsive .gnav-header .account-nav>li:before {
31766        content: none;
31767    }
31768
31769    .is-responsive .gnav-header .account-nav .count {
31770    margin-top: -6px;
31771    }
31772
31773    .is-responsive .gnav-header .text-link {
31774        display: inline;
31775        clear: none;
31776        margin-top: 0;
31777    }
31778    .is-responsive .gnav-header .text-link .text-link-copy {
31779        display: none;
31780    }
31781    .is-responsive .nav-icon img {
31782        margin: 4px 0 0;
31783        top: auto;
31784    }
31785    .is-responsive .nav-icon.nav-icon-image:after {
31786        top: 4px;
31787    }
31788    .is-responsive .gnav-header .account-nav .cart {
31789        margin-left: 10px;
31790        padding-left: 5px;
31791    }
31792    .is-responsive .gnav-header .account-nav .cart a:before {
31793        position: absolute;
31794        display: block;
31795        content: "";
31796        width: 1px;
31797        top: 20%;
31798        left: 0;
31799        bottom: 20%;
31800        background: #E2E2E2;
31801        background: rgba(0, 0, 0, 0.1);
31802    }
31803    .is-responsive .gnav-header .with-pointer:before,
31804    .is-responsive .gnav-header .with-pointer:after {
31805        right: 88px;
31806    }
31807    .is-responsive .gnav-header .user .with-pointer:before,
31808    .is-responsive .gnav-header .user .with-pointer:after {
31809        right: 86px;
31810    }
31811    .is-responsive .sub-nav.cart {
31812        margin-right: 46px;
31813    }
31814    .is-responsive .gnav-header .gnav-cart.with-pointer:before,
31815    .is-responsive .gnav-header .gnav-cart.with-pointer:after {
31816        right: 31px;
31817    }
31818    .is-responsive .gnav-header .register-link a,
31819    .is-responsive .gnav-header .sign-in-link a {
31820        margin-right: 7px;
31821    }
31822    .is-responsive .gnav-header .register-link a,
31823    .is-responsive .gnav-header .sign-in-link a ,
31824    .is-responsive .gnav-header .logged-in-link .menuItem {
31825        height: auto;
31826        padding: 8px;
31827    }
31828}
31829
31830
31831@media screen and (max-width: 1024px) {
31832
31833    .is-responsive .apply-nav-height,
31834    .is-responsive .apply-nav-height>li>.nav-link,
31835    .is-responsive .apply-nav-height>li>a,
31836    .is-responsive .apply-nav-height.gnav-header-inner {
31837        height: 60px;
31838    }
31839     .mobile-catnav-trigger.tablet-catnav-enabled.left {
31840        right: 33px;
31841    }
31842    .is-responsive .apply-nav-height.search-mobile,
31843    .is-responsive .apply-nav-height>li>.nav-link.search-mobile,
31844    .is-responsive .apply-nav-height>li>a.search-mobile,
31845    .is-responsive .apply-nav-height.gnav-header-inner.search-mobile {
31846        height: 66px;
31847    }
31848    .is-responsive .gnav-header .gnav-header-inner {
31849        position: static;
31850        padding: 0;
31851    }
31852    .is-responsive .gnav-header .register-link a,
31853    .is-responsive .gnav-header .sign-in-link a,
31854    .is-responsive .gnav-header .logged-in-link .menuItem{
31855        line-height: 15px;
31856        margin-top: 13px;
31857    }
31858
31859    .is-responsive .gnav-header .logged-in-link .menuItem.user{
31860
31861    margin-top: 8px !important;
31862
31863    }
31864
31865    .is-responsive .gnav-header .logged-in-link .menuItem .name{
31866
31867    display: none;
31868
31869    }
31870
31871    .is-responsive .gnav-header #gigtodo-logo {
31872        width: 20px;
31873        margin: 0 18px;
31874        margin-right:0px;
31875    }
31876    .is-responsive .search-browse-wrapper {
31877        display: block;
31878        clear: left;
31879        top: 60px;
31880        margin: 0;
31881        padding: 0 10px;
31882        border-top: 1px solid #e2e2e2;
31883        position: relative;
31884        top: 0;
31885        z-index: 5;
31886    }
31887    .is-responsive .search-browse-wrapper.hide {
31888        display: none;
31889    }
31890    .is-responsive .search-browse-wrapper.show {
31891        display: block;
31892    }
31893    .is-responsive .search-browse-wrapper:after {
31894        content: " ";
31895        display: block;
31896        visibility: hidden;
31897        line-height: 0;
31898        height: 0;
31899    }
31900    .is-responsive .gnav-header .search-browse-inner {
31901        position: relative;
31902    }
31903    .is-responsive .gnav-header .search-browse-inner:before,
31904    .is-responsive .gnav-header .search-browse-inner:after {
31905        right: auto;
31906        left: 70px;
31907        display: block;
31908    }
31909    .is-responsive .gnav-header .search-browse-nav.nav-link {
31910        display: block;
31911        padding: 0 5px;
31912    }
31913    .is-responsive .gnav-header .search-browse-nav.nav-link.hide {
31914        display: none;
31915    }
31916    .is-responsive .gnav-header .search-nav {
31917        width: 60%;
31918    }
31919    .is-responsive .gnav-header .browse-nav {
31920        position: static;
31921        display: block;
31922        float: right;
31923        width: 40%;
31924        margin-top: 13px;
31925        height: auto;
31926        border: 0 none;
31927    }
31928    .is-responsive .gnav-header .browse-nav .browse-dropdown-trigger {
31929        text-align: center;
31930        color: #0192b5;
31931        width: 100%;
31932        height: auto;
31933        padding: 0;
31934        margin-top: 0;
31935        text-decoration: none;
31936        text-align: left;
31937    }
31938    .is-responsive .browse-dropdown-trigger .browse-copy {
31939        position: relative;
31940        display: block;
31941    }
31942    .is-responsive .browse-dropdown-trigger .browse-copy.short {
31943        display: none;
31944    }
31945    .is-responsive .browse-dropdown-trigger .browse-copy:after {
31946        position: absolute;
31947        left: auto;
31948        right: -3px;
31949        top: 6px;
31950    }
31951    .is-responsive .gnav-header .browse-nav-inner {
31952        top: 61px;
31953    }
31954    .is-responsive .gnav-header .browse-nav li.additional-slices {
31955        display: block;
31956    }
31957    .is-responsive .gnav-header .browse-nav-inner a {
31958        display: block;
31959        padding: 8px 20px;
31960        font-size: 14px;
31961        line-height: 20px;
31962        color: #333;
31963        width: auto;
31964        text-decoration: none;
31965        white-space: normal;
31966    }
31967    .is-responsive.no-touch .gnav-header .browse-nav-inner a:hover,
31968    .is-responsive.no-touch .gnav-header .browse-nav-inner a:active,
31969    .is-responsive.is-touch .gnav-header .browse-nav-inner a.active {
31970        color: #0192B5;
31971        background: #E5F4F7;
31972    }
31973    .is-responsive .gnav-header .sub-nav {
31974        top: 1px;
31975    }
31976    .is-responsive .gnav-header .account-nav {
31977        position: absolute;
31978        top: 0;
31979        right: 0;
31980    }
31981    .gnav-header .search-browse-wrapper+.header__skip-to-content.focusable:active,
31982    .gnav-header .search-browse-wrapper+.header__skip-to-content.focusable:focus {
31983        margin-top: 0px;
31984        margin-bottom: 12px;
31985    }
31986    .gnav-header .search-browse-wrapper.hide+.header__skip-to-content.focusable:active,
31987    .gnav-header .search-browse-wrapper.hide+.header__skip-to-content.focusable:focus {
31988        margin-top: 13px;
31989    }
31990}
31991
31992@media screen and (max-width: 852px) {
31993    .is-responsive .footer-column,
31994    .is-responsive .footer-column.wide {
31995        width: 33.3%;
31996    }
31997    .is-responsive .column-section,
31998    .is-responsive .footer-column.wide .column-section {
31999        width: 100%;
32000    }
32001    .is-responsive .gnav-footer ul {
32002        padding-bottom: 10px;
32003    }
32004    .is-responsive .gnav-footer ul.tou {
32005        padding-bottom: 28px;
32006    }
32007}
32008
32009@media screen and (max-width: 560px) {
32010    .is-responsive .gnav-footer-inner {
32011        width: auto;
32012        padding-top: 10px;
32013    }
32014    .is-responsive .footer-content {
32015        padding: 0;
32016        width: auto;
32017        border: 1px solid #E2E2E2;
32018        -moz-border-radius: 3px;
32019        -webkit-border-radius: 3px;
32020        border-radius: 3px;
32021    }
32022    .is-responsive .footer-column,
32023    .is-responsive .footer-column.wide {
32024        width: 100%;
32025    }
32026    .is-responsive .column-section,
32027    .is-responsive .footer-column.wide .column-section {
32028        width: 100%;
32029        padding: 0;
32030    }
32031    .is-responsive .email_sign_up_content .sub-spin {
32032        display: block;
32033        margin: 10px auto 0;
32034    }
32035    .is-responsive .hidden-on-collapse {
32036        display: none;
32037    }
32038    .is-responsive .sell-on-gigtodo-mobile {
32039        display: block;
32040    }
32041    .is-responsive .sell-on-gigtodo-mobile a.open-shop-link-new {
32042        display: block;
32043        width: auto;
32044    }
32045    .is-responsive .gnav-footer .column-section ul {
32046        padding: 0;
32047        border-top: 1px solid #e2e2e2;
32048    }
32049    .is-responsive .gnav-footer .column-section ul.show {
32050        background-color: #FFF;
32051    }
32052    .is-responsive .gnav-footer .column-section ul.first-on-mobile.show {
32053        -moz-border-radius: 3px;
32054        -webkit-border-radius: 3px;
32055        border-radius: 3px;
32056    }
32057    .is-responsive .gnav-footer .footer-column ul.first-on-mobile {
32058        border: 0;
32059    }
32060    .is-responsive .gnav-footer .column-section ul.section-sell-on-gigtodo {
32061        display: none;
32062    }
32063    .is-responsive .gnav-footer .column-section ul li {
32064        display: none;
32065    }
32066    .is-responsive .gnav-footer .column-section ul.show li {
32067        display: block;
32068        border-top: 1px solid #eee;
32069    }
32070    .is-responsive .gnav-footer .column-section ul li.footer-link-trigger,
32071    .is-responsive .gnav-footer .column-section ul.show li.footer-link-trigger {
32072        display: block;
32073        padding-right: 30px;
32074        border-top: 0 none;
32075    }
32076    .is-responsive .gnav-footer .column-section ul li.footer-link-trigger:after {
32077        /*font-family: "SSEtsy";*/
32078        content: '';
32079        font-size: 14px;
32080        color: #CCC;
32081        position: absolute;
32082        top: 13px;
32083        right: 10px;
32084        margin: 0 1px;
32085    }
32086    .is-responsive .gnav-footer .column-section ul.show li.footer-link-trigger:after {
32087        content: '';
32088    }
32089    .is-responsive .gnav-footer .column-section ul li h4,
32090    .is-responsive .gnav-footer .column-section ul li a {
32091        font-weight: bold;
32092        padding: 10px;
32093        font-size: 13px;
32094        font-weight: normal;
32095        cursor: pointer;
32096    }
32097    .is-responsive .gnav-footer .column-section h4 .gnav-ss-icon {
32098        display: block;
32099    }
32100    .is-responsive .locale-help {
32101        padding-top: 10px;
32102        padding-bottom: 10px;
32103    }
32104    .is-responsive .gnav-footer ul.locale-settings {
32105        border: 0 none;
32106        float: none;
32107        display: table;
32108        margin: 0;
32109        padding: 0;
32110        width: 100%;
32111    }
32112    .is-responsive .gnav-footer ul.locale-settings li {
32113        display: table-cell;
32114        float: none;
32115    }
32116    .is-responsive .gnav-footer ul.locale-settings li a {
32117        text-align: center;
32118        float: none;
32119    }
32120    .is-responsive .gnav-footer .locale-settings li .gnav-ss-globe {
32121        top: 4px;
32122        margin: 0 3px 0 0;
32123        line-height: 13px;
32124        float: none;
32125    }
32126    .is-responsive .gnav-footer a.help-link,
32127    .is-responsive .gnav-footer a.help-link-primary {
32128        display: block;
32129        margin-top: 10px;
32130        width: auto;
32131        margin-left: 0px;
32132    }
32133    .is-responsive .gnav-footer ul.tou {
32134        padding: 0 0 10px;
32135    }
32136    .is-responsive.mobile .gnav-footer ul.tou li.switch-to-desktop {
32137        clear: left;
32138        float: none;
32139        display: block;
32140        border-top: 1px solid #E2E2E2;
32141        padding-top: 10px;
32142        margin-top: 10px;
32143    }
32144    .is-responsive .register-sign-in {
32145        display: block;
32146    }
32147    .gnav-footer .footer-row #copy {
32148        display: block;
32149    }
32150    .gnav-user-card .name,
32151    .gnav-shop-card .name {
32152        font-weight: bold;
32153    }
32154}
32155
32156@media screen and (max-width: 420px) {
32157    .gigtodo-logo-svg-logged-in .mobile{
32158        margin-top: -4px;
32159        margin-left: -9px;
32160        display: unset !important;
32161    }
32162
32163    .gnav-header #mobilemenu{
32164    
32165        margin-left: -6px;
32166
32167    }
32168
32169    .gigtodo-logo-svg-logged-in .mobile-full {
32170        margin-top: 0px;
32171        margin-left: 25px;
32172        display: unset !important;
32173    }
32174    .is-responsive .gnav-header .loggedInLogo{
32175        /*margin: 0px !important;
32176        margin-right: 2px !important;
32177        width: 8px !important;
32178        cursor: pointer;*/
32179    }
32180    .gnav-header #gigtodo-logo {
32181        margin-right: 5px !important;
32182        cursor: pointer;
32183    }
32184    .gnav-header #gigtodo-logo a {
32185        background: none;
32186        text-indent: 0;
32187        line-height: 46px;
32188        font-size: 20px;
32189        color: #fff;
32190    }
32191    .is-responsive .signup-message h3 {
32192        /*font-family: "Arial", "Helvetica", sans-serif;*/
32193        font-size: 13px;
32194        line-height: 18px;
32195        padding-bottom: 10px;
32196    }
32197    
32198    .is-responsive.is-signed-in .gnav-header #gigtodo-logo a:before {
32199        /*font-family: "SSEtsy";*/
32200        font-style: normal;
32201        font-weight: 400;
32202        text-decoration: none;
32203        white-space: nowrap;
32204        -moz-font-feature-settings: "liga=1";
32205        -moz-font-feature-settings: "liga";
32206        -ms-font-feature-settings: "liga" 1;
32207        -o-font-feature-settings: "liga";
32208        font-feature-settings: "liga";
32209        -webkit-font-smoothing: antialiased;
32210        -moz-osx-font-smoothing: grayscale;
32211        content: '';
32212        color: #f45800;
32213    }
32214    .is-responsive .apply-nav-height,
32215    .is-responsive .apply-nav-height>li>.nav-link,
32216    .is-responsive .apply-nav-height>li>a,
32217    .is-responsive .apply-nav-height.gnav-header-inner {
32218        height: 44px;
32219    }
32220    .is-responsive .gnav-header .account-nav .register-link a,
32221    .is-responsive .gnav-header .account-nav .sign-in-link a,
32222    .is-responsive .gnav-header .account-nav .logged-in-link .menuItem {
32223        margin-top: 5px;
32224        height: auto;
32225    }
32226
32227    .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.user {
32228    margin-top: 1px !important;
32229    }
32230
32231    .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.heart {
32232    display: none !important;
32233    }
32234
32235    .is-responsive .gnav-header #gigtodo-logo a {
32236        margin-top: 5px;
32237    }
32238    .is-responsive .gnav-header .account-nav .cart {
32239        margin-left: 0;
32240        padding-left: 0;
32241    }
32242    .is-responsive .gnav-header .account-nav .cart a:before {
32243        display: none;
32244    }
32245    .is-responsive .gnav-header .account-nav .count {
32246        position: absolute;
32247        top: 9px;
32248        right: 23px;
32249        font-size: 10px;
32250        line-height: 15px;
32251        padding: 0 3px;
32252        margin-top: 0;
32253        min-width: 15px;
32254    }
32255    .is-responsive .gnav-header .account-nav .count.count-smaller {
32256        line-height: 11px;
32257        min-width: 11px;
32258    }
32259    .is-responsive .gnav-header .nav-link {
32260        padding: 0 10px;
32261    }
32262    .is-responsive .gnav-header .shop-nav .nav-link,
32263    .is-responsive .gnav-header .user-nav .nav-link,
32264    .is-responsive .gnav-header .notifications-nav .nav-link,
32265    .is-responsive .gnav-header .has-sub-nav.cart .nav-link {
32266        min-width: 0;
32267    }
32268    .is-responsive .nav-link .gnav-ss-dropdown {
32269        display: none;
32270    }
32271    .is-responsive .gnav-header .sub-nav,
32272    .is-responsive .gnav-header .sub-nav.user,
32273    .is-responsive .gnav-header .sub-nav.notification,
32274    .is-responsive .gnav-header .sub-nav.notification.non-responsive-width-320px,
32275    .is-responsive .gnav-header .sub-nav.shop,
32276    .is-responsive .gnav-header .sub-nav.cart {
32277        right: auto;
32278        left: auto;
32279        top: auto;
32280        position: relative;
32281        border-radius: 0;
32282        width: auto;
32283        max-width: none;
32284        box-shadow: none;
32285        border: 0 none;
32286        border-top: 1px solid #E2E2E2;
32287        border-top: 1px solid rgba(0, 0, 0, 0.1);
32288    }
32289    .is-responsive .gnav-header .sub-nav.cart {
32290        margin-right: 0;
32291    }
32292    .is-responsive .gnav-header .sub-nav:before {
32293        display: none;
32294    }
32295    .is-responsive .gnav-header .with-pointer:before,
32296    .is-responsive .gnav-header .with-pointer:after {
32297        top: -7px;
32298        right: 97px;
32299        border-width: 7px;
32300    }
32301    .is-responsive .gnav-header .notifications-three-icons-right .with-pointer:before,
32302    .is-responsive .gnav-header .notifications-three-icons-right .with-pointer:after {
32303        right: 136px;
32304    }
32305    .is-responsive .gnav-header .user .with-pointer:before,
32306    .is-responsive .gnav-header .user .with-pointer:after {
32307        right: 55px;
32308    }
32309    .is-responsive .gnav-header .sub-nav .gnav-user-card:after,
32310    .is-responsive .gnav-header .sub-nav .notifications-container:after,
32311    .is-responsive .gnav-header .sub-nav .gnav-shop-card:after,
32312    .is-responsive .gnav-header .search-browse-inner:after,
32313    .is-responsive .gnav-header .browse-nav-inner:after {
32314        top: -6px;
32315        border-bottom: 7px solid #FFF;
32316        z-index: 1;
32317    }
32318    .is-responsive .gnav-header .sub-nav .subnav-text-link {
32319        padding-left: 10px;
32320        padding-right: 10px;
32321    }
32322    .is-responsive .gnav-header .search-nav {
32323        width: 100%;
32324        height: auto;
32325    }
32326    .is-responsive .gnav-header .gnav-search-inner {
32327        position: relative;
32328        top: 0;
32329        margin-top: 10px;
32330        margin-bottom: 10px;
32331    }
32332    .is-responsive.is-signed-in .gnav-header .search-browse-inner:before,
32333    .is-responsive.is-signed-in .gnav-header .search-browse-inner:after {
32334        left: 36px;
32335    }
32336    .is-responsive .gnav-header .browse-nav {
32337        width: 100%;
32338        border-left: 0;
32339        padding-left: 0;
32340        margin-bottom: 10px;
32341    }
32342    .is-responsive .gnav-header .browse-nav .browse-dropdown-trigger {
32343        text-align: left;
32344        height: auto;
32345        display: block;
32346    }
32347    .is-responsive .gnav-header .browse-nav .browse-dropdown-trigger.show .inner-cell {
32348        -moz-border-radius: 3px 3px 0 0;
32349        -webkit-border-radius: 3px 3px 0 0;
32350        border-radius: 3px 3px 0 0;
32351        border-bottom: 1px solid #EEE;
32352    }
32353    .is-responsive.no-touch .gnav-header .browse-nav .browse-dropdown-trigger:hover .inner-cell,
32354    .is-responsive.no-touch .gnav-header .browse-nav .browse-dropdown-trigger:active .inner-cell {
32355        border-color: #c0c0c0;
32356    }
32357    .is-responsive .browse-dropdown-trigger .browse-copy {
32358        white-space: nowrap;
32359    }
32360    .is-responsive .gnav-header .browse-nav-inner {
32361        position: static;
32362        max-width: none;
32363        width: auto;
32364        box-shadow: none;
32365        padding-top: 6px;
32366        padding-bottom: 6px;
32367        -moz-border-radius: 0 0 3px 3px;
32368        -webkit-border-radius: 0 0 3px 3px;
32369        border-radius: 0 0 3px 3px;
32370        border: 1px solid #E5E5E5;
32371        border-top: 0 none;
32372    }
32373    .is-responsive .gnav-header .browse-nav-inner li {
32374        display: block;
32375    }
32376    .is-responsive .gnav-header .browse-nav-inner:before,
32377    .is-responsive .gnav-header .browse-nav-inner:after {
32378        content: none;
32379        display: none;
32380    }
32381    .is-responsive .gnav-header .browse-nav-inner a {
32382        margin: 0;
32383        padding: 6px 8px;
32384        font-size: 13px;
32385    }
32386    .is-responsive .header__skip-to-content.screen-reader-only.focusable:focus {
32387        display: block;
32388        position: relative;
32389        margin: 5px;
32390        clear: both;
32391    }
32392}
32393
32394@media screen and (orientation: portrait) {
32395    .is-responsive .gnav-header .sub-nav {
32396        max-width: 280px;
32397    }
32398    .is-responsive .gnav-header .sub-nav.non-responsive-width-320px {
32399        max-width: 320px;
32400    }
32401}
32402
32403.global-nav.global-nav {
32404    -webkit-font-smoothing: subpixel-antialiased;
32405}
32406
32407.global-nav.global-nav .icon-gigtodologo {
32408    width: 80px;
32409    height: inherit;
32410}
32411
32412.global-nav.global-nav .icon-etsye {
32413    width: 32px;
32414    height: inherit;
32415}
32416
32417.global-nav.global-nav .global-nav-height {
32418    height: 60px;
32419}
32420
32421@media only screen and (min-width: 900px) {
32422    .global-nav.global-nav .global-nav-height {
32423        height: 80px;
32424    }
32425}
32426
32427.global-nav.global-nav .position-top-negative-8px {
32428    top: -8px;
32429}
32430
32431.global-nav.global-nav .position-right-negative-8px {
32432    right: -8px;
32433}
32434
32435.global-nav.global-nav .global-nav-icon-hoverstate {
32436    -webkit-transition: opacity ease 0.2s;
32437    -moz-transition: opacity ease 0.2s;
32438    -o-transition: opacity ease 0.2s;
32439    -ms-transition: opacity ease 0.2s;
32440    transition: opacity ease 0.2s;
32441}
32442
32443.global-nav.global-nav .global-nav-icon-hoverstate:hover {
32444    text-decoration: none;
32445    opacity: 0.6;
32446}
32447
32448@media only screen and (min-width: 640px) {
32449    .global-nav-menu {
32450        position: absolute;
32451        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
32452        border-radius: 3px;
32453        top: 70px;
32454    }
32455}
32456
32457.global-nav-menu .list-nav-item {
32458    border-radius: 0px;
32459}
32460
32461.global-nav-menu .list-nav-item:hover {
32462    color: #0192B5;
32463}
32464
32465.global-nav-menu.with-pointer:before,
32466.global-nav-menu.with-pointer:after {
32467    content: " ";
32468    display: block;
32469    position: absolute;
32470    top: -10px;
32471    right: 72px;
32472    width: 0;
32473    height: 0;
32474    border-left: 10px solid transparent;
32475    border-right: 10px solid transparent;
32476    border-bottom: 10px solid #d8d8d8;
32477    cursor: pointer;
32478}
32479
32480.global-nav-menu.with-pointer:after {
32481    top: -9px;
32482    border-bottom: 10px solid #FFF;
32483    z-index: 1;
32484}
32485
32486@media only screen and (min-width: 640px) {
32487    .global-nav-menu-shop {
32488        max-width: 450px;
32489        right: 88px;
32490    }
32491}
32492
32493@media only screen and (min-width: 640px) {
32494    .global-nav-menu-user {
32495        max-width: 280px;
32496        right: 14px;
32497    }
32498}
32499
32500@media only screen and (min-width: 0) and (max-width: 639px) {
32501    body[data-language="fr"] .gnav-header .register-link,
32502    body[data-language="ru"] .gnav-header .register-link,
32503    body[data-language="de"] .gnav-header .register-link,
32504    body.fr .gnav-header .register-link,
32505    body.ru .gnav-header .register-link,
32506    body.de .gnav-header .register-link {
32507        display: none;
32508    }
32509}
32510
32511#mobile-catnav-overlay.display-none {
32512    display: none;
32513}
32514
32515.mobile-catnav-wrapper .mobile-cat-nav {}
32516
32517.mobile-catnav-wrapper .mobile-cat-nav .overlay-back,
32518.mobile-catnav-wrapper .mobile-cat-nav .overlay-close {
32519    color: #595959;
32520}
32521
32522.mobile-catnav-wrapper .mobile-cat-nav .mobile-catnav-margin {
32523    margin-bottom: 120px;
32524}
32525
32526.mobile-catnav-wrapper .mobile-cat-nav .a11y-focus-only a:focus:not(.focus-ring) {
32527    outline: none;
32528    text-decoration: none;
32529}
32530
32531.mobile-catnav-wrapper .mobile-cat-nav .a11y-focus-only a:focus:not(.focus-ring) .child-hover-underline {
32532    text-decoration: none;
32533}
32534
32535.mobile-catnav-trigger {
32536    padding-left: 6px !important;
32537    padding-right: 4px !important;
32538}
32539
32540.catnav-browse-btn {
32541    margin-left: 5px !important;
32542}
32543
32544#gigtodo-modal-container .mobile-catnav-overlay-mask {
32545    z-index: 9998;
32546}
32547
32548@media only screen and (min-width: 0) and (max-width: 479px) {
32549    .catnav-browse-btn {
32550        display: none !important;
32551    }
32552    .is-responsive .gnav-header .account-nav .logged-in-link .menuItem.heart {
32553    display: none !important;
32554    }
32555}
32556
32557@media only screen and (min-width: 0) and (max-width: 639px) {
32558    .catnav-search-anchor {
32559        display: none !important;
32560    }
32561    .catnav-search-bar {
32562        display: block;
32563    }
32564}
32565
32566@media only screen and (min-width: 480px) and (max-width: 639px) {
32567    .mobile-cat-nav-ep-wrapper {
32568        -webkit-transform: translateY(-50%);
32569        -ms-transform: translateY(-50%);
32570        -moz-transform: translateY(-50%);
32571        -o-transform: translateY(-50%);
32572        transform: translateY(-50%);
32573        position: absolute;
32574        top: 50%;
32575    }
32576    .mobile-cat-nav-ep-image {
32577        min-height: 80px;
32578    }
32579}
32580
32581@media only screen and (min-width: 0) and (max-width: 1024px) {
32582    body.is-responsive:not(.wide-extended) #gnav-search.search-nav {
32583        width: 100%;
32584    }
32585}
32586
32587@media only screen and (min-width: 640px) {
32588    .mobile-catnav-trigger {
32589        display: none !important;
32590    }
32591}
32592
32593@media only screen and (min-width: 640px) and (max-width: 1024px) {
32594    .mobile-catnav-trigger.tablet-catnav-enabled {
32595        display: block !important;
32596    }
32597
32598}
32599
32600@media only screen and (min-width: 640px) {
32601    .mobile-cat-nav {
32602        min-width: 320px;
32603        max-width: 40%;
32604    }
32605}
32606
32607
32608button.show-discount,
32609#conversation-overlay.overlay .btn-link,
32610button.text-orange.text-orange,
32611a.text-orange.text-orange,
32612.max-height-text-container.max-height-text-container button,
32613.reviews-container.reviews-container button.unstyled-button,
32614.ds-reduced-colors .ui-toolkit a:not(.btn),
32615.purchases .order-details-header a,
32616.purchases-header .msg a,
32617#newempty a,
32618.listing-page-favorites-link,
32619#fineprint a,
32620.similar-items-sash-wrapper a,
32621.description-and-overview a,
32622.section-help a,
32623.card-available-notice a .chunk-edit-link,
32624.primary .summary a,
32625.ui-toolkit .dashboard-home .stats-panel-body a,
32626.row-author p a,
32627.order-summary .cancellation-link a,
32628.card-available-notice a,
32629.similar-target-heading a {
32630    color: #222 !important;
32631    text-decoration: underline !important;
32632}
32633
32634button.show-discount:hover,
32635button.show-discount:focus,
32636button.show-discount:active,
32637#conversation-overlay.overlay .btn-link:hover,
32638#conversation-overlay.overlay .btn-link:focus,
32639#conversation-overlay.overlay .btn-link:active,
32640button.text-orange.text-orange:hover,
32641button.text-orange.text-orange:focus,
32642button.text-orange.text-orange:active,
32643a.text-orange.text-orange:hover,
32644a.text-orange.text-orange:focus,
32645a.text-orange.text-orange:active,
32646.max-height-text-container.max-height-text-container button:hover,
32647.max-height-text-container.max-height-text-container button:focus,
32648.max-height-text-container.max-height-text-container button:active,
32649.reviews-container.reviews-container button.unstyled-button:hover,
32650.reviews-container.reviews-container button.unstyled-button:focus,
32651.reviews-container.reviews-container button.unstyled-button:active,
32652.ds-reduced-colors .ui-toolkit a:not(.btn):hover,
32653.ds-reduced-colors .ui-toolkit a:not(.btn):focus,
32654.ds-reduced-colors .ui-toolkit a:not(.btn):active,
32655.purchases .order-details-header a:hover,
32656.purchases .order-details-header a:focus,
32657.purchases .order-details-header a:active,
32658.purchases-header .msg a:hover,
32659.purchases-header .msg a:focus,
32660.purchases-header .msg a:active,
32661#newempty a:hover,
32662#newempty a:focus,
32663#newempty a:active,
32664.listing-page-favorites-link:hover,
32665.listing-page-favorites-link:focus,
32666.listing-page-favorites-link:active,
32667#fineprint a:hover,
32668#fineprint a:focus,
32669#fineprint a:active,
32670.similar-items-sash-wrapper a:hover,
32671.similar-items-sash-wrapper a:focus,
32672.similar-items-sash-wrapper a:active,
32673.description-and-overview a:hover,
32674.description-and-overview a:focus,
32675.description-and-overview a:active,
32676.section-help a:hover,
32677.section-help a:focus,
32678.section-help a:active,
32679.card-available-notice a .chunk-edit-link:hover,
32680.card-available-notice a .chunk-edit-link:focus,
32681.card-available-notice a .chunk-edit-link:active,
32682.primary .summary a:hover,
32683.primary .summary a:focus,
32684.primary .summary a:active,
32685.ui-toolkit .dashboard-home .stats-panel-body a:hover,
32686.ui-toolkit .dashboard-home .stats-panel-body a:focus,
32687.ui-toolkit .dashboard-home .stats-panel-body a:active,
32688.row-author p a:hover,
32689.row-author p a:focus,
32690.row-author p a:active,
32691.order-summary .cancellation-link a:hover,
32692.order-summary .cancellation-link a:focus,
32693.order-summary .cancellation-link a:active,
32694.card-available-notice a:hover,
32695.card-available-notice a:focus,
32696.card-available-notice a:active,
32697.similar-target-heading a:hover,
32698.similar-target-heading a:focus,
32699.similar-target-heading a:active {
32700    color: #595959 !important;
32701    cursor: pointer !important;
32702}
32703
32704.ui-toolkit .popover-trigger {
32705    color: #222 !important;
32706}
32707
32708.ui-toolkit .popover-trigger:hover,
32709.ui-toolkit .popover-trigger:focus,
32710.ui-toolkit .popover-trigger:active {
32711    color: #595959 !important;
32712}
32713
32714.pla-listing .more-similar-listings-wrapper .btn-link {
32715    color: #222;
32716}
32717
32718#listing-body a:not(.btn) {
32719    color: #000;
32720    text-decoration: underline;
32721}
32722
32723#listing-body a:not(.btn):hover,
32724#listing-body a:not(.btn):focus,
32725#listing-body a:not(.btn):active {
32726    color: #595959;
32727    cursor: pointer;
32728}
32729
32730.apply-nav-height .sell-on-gigtodo-link a,
32731.gnav-header .register-link a {
32732    color: inherit !important;
32733    text-decoration: none !important;
32734}
32735
32736.apply-nav-height .sell-on-gigtodo-link a:hover,
32737.gnav-header .register-link a:hover {
32738    color: #595959 !important;
32739    text-decoration: underline !important;
32740}
32741
32742/*.sign-in-link a:hover {
32743    color: #222 !important;
32744}
32745*/
32746.cat-nav a:not(:hover):not(:focus):not(:active),
32747.vesta-hero a:not(:hover):not(:focus):not(:active),
32748.ui-toolkit .v2-listing-card a:not(:hover):not(:focus):not(:active),
32749.ui-toolkit a.card:not(:hover):not(:focus):not(:active),
32750.nav-item a:not(:hover):not(:focus):not(:active),
32751.top-nav-item a:not(:hover):not(:focus):not(:active),
32752.ui-toolkit .text-title a:not(:hover):not(:focus):not(:active),
32753.ui-toolkit a.listing-title:not(:hover):not(:focus):not(:active),
32754.shop-name.shop-name a:not(:hover):not(:focus):not(:active),
32755.text-headline-smaller a:not(:hover):not(:focus):not(:active),
32756.shop-faq-accordion:not(:hover):not(:focus):not(:active),
32757.text-decoration-none:not(:hover):not(:focus):not(:active),
32758.avatar a:not(:hover):not(:focus):not(:active),
32759footer a:not(:hover):not(:focus):not(:active),
32760.account-nav a:not(:hover):not(:focus):not(:active),
32761.ui-toolkit .list-nav a:not(:hover):not(:focus):not(:active),
32762.ui-toolkit a.radio-label:not(:hover):not(:focus):not(:active),
32763.ui-toolkit a.checkbox-label:not(:hover):not(:focus):not(:active),
32764.ui-toolkit .text-link-secondary:not(:hover):not(:focus):not(:active),
32765.card a:not(:hover):not(:focus):not(:active),
32766a.card:not(:hover):not(:focus):not(:active),
32767.shop-owner a:not(:hover):not(:focus):not(:active),
32768.shop-info a:not(:hover):not(:focus):not(:active),
32769.convo-excerpt a:not(:hover):not(:focus):not(:active),
32770a.list-nav-item:not(:hover):not(:focus):not(:active),
32771.shop-details a:not(:hover):not(:focus):not(:active),
32772.shop-header-name:not(:hover):not(:focus):not(:active),
32773.reviews-link:not(:hover):not(:focus):not(:active),
32774.subcategory-text a:not(:hover):not(:focus):not(:active),
32775#search-filter-reset-form a:not(:hover):not(:focus):not(:active),
32776.ui-toolkit .dashboard-home .stats-panel-body a:not(:hover):not(:focus):not(:active),
32777.ui-toolkit .dashboard-home .manage-panel-body a:not(:hover):not(:focus):not(:active),
32778.sticky-navigation .sticky-navigation-link:not(:hover):not(:focus):not(:active),
32779.press-link a:not(:hover):not(:focus):not(:active),
32780.collections-header a:not(:hover):not(:focus):not(:active),
32781a.pill:not(:hover):not(:focus):not(:active),
32782#forums-title a:not(:hover):not(:focus):not(:active),
32783#forums-nav a:not(:hover):not(:focus):not(:active),
32784#main-content #groups a:not(:hover):not(:focus):not(:active),
32785#main-content #section .thread a:not(:hover):not(:focus):not(:active),
32786#sidebar-links li a:not(:hover):not(:focus):not(:active),
32787#announcements a:not(:hover):not(:focus):not(:active),
32788.sub-page-title a:not(:hover):not(:focus):not(:active),
32789.post-details .meta-info .create_date:not(:hover):not(:focus):not(:active),
32790.single-thread .flag a:link:not(:hover):not(:focus):not(:active),
32791.order-details-body-transactions .transaction-title a:not(:hover):not(:focus):not(:active),
32792.ui-toolkit .alert .alert-close:not(:hover):not(:focus):not(:active),
32793.tt-hover-t:not(:hover):not(:focus):not(:active),
32794.secondary-tabs li a:not(:hover):not(:focus):not(:active),
32795a.close.ss-delete:not(:hover):not(:focus):not(:active),
32796.forum .threads .summary .title-and-author a:not(:hover):not(:focus):not(:active),
32797.forum .threads .summary .latest-post a:not(:hover):not(:focus):not(:active),
32798.members .member-card a:not(:hover):not(:focus):not(:active),
32799.title-and-author .title a:not(:hover):not(:focus):not(:active),
32800.title-and-author .author a:not(:hover):not(:focus):not(:active),
32801.forum .threads .time a:not(:hover):not(:focus):not(:active),
32802.forum .threads .author a:not(:hover):not(:focus):not(:active),
32803.group-listing-info h3 a:not(:hover):not(:focus):not(:active),
32804.group-listing-recent-members p a:not(:hover):not(:focus):not(:active),
32805.btn-image-manager:not(:hover):not(:focus):not(:active) {
32806    text-decoration: none !important;
32807}
32808
32809.subnav-text-link:hover,
32810.account-nav a:hover,
32811.ui-toolkit .list-nav a:hover,
32812.ui-toolkit .v2-listing-card a:hover,
32813.card a:hover,
32814a.card:hover,
32815.nav-item a:hover,
32816a.list-nav-item:hover,
32817a.pill:hover,
32818.page-header .toggle-tabs a:hover,
32819.tt-hover-t:hover,
32820a.close.ss-delete:hover {
32821    text-decoration: none !important;
32822}
32823
32824.order-details-footer {
32825    text-decoration: none !important;
32826}
32827
32828.v2-listing-card a {
32829    color: #222 !important;
32830}
32831
32832.ui-toolkit .default-button:hover {
32833    color: #FFF !important;
32834    text-decoration: none !important;
32835}
32836
32837.inc-main a {
32838    text-decoration: none !important;
32839}
32840
32841.inc-main a:hover {
32842    color: inherit !important;
32843}
32844
32845.header-sticky__nav a:hover {
32846    color: inherit !important;
32847    text-decoration: none !important;
32848}
32849
32850.inc-main .careers-departments-list__link:hover,
32851.inc-main .careers-departments-list__link:focus {
32852    color: #595959 !important;
32853}
32854
32855.ui-toolkit a.text-white,
32856.ui-toolkit a.text-white:hover {
32857    color: #FFF !important;
32858}
32859
32860.ui-toolkit .parent-hover-underline,
32861.ui-toolkit .parent-hover-underline a {
32862    text-decoration: none !important;
32863}
32864
32865.ui-toolkit .parent-hover-underline:hover .child-hover-underline {
32866    text-decoration: underline !important;
32867}
32868
32869.ui-toolkit .text-link-secondary {
32870    color: #222 !important;
32871}
32872
32873.ui-toolkit a.text-link-underline:not(:hover):not(:focus):not(:active) {
32874    text-decoration: underline !important;
32875}
32876
32877.ui-toolkit .btn-primary.btn-primary,
32878.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary {
32879    background-color: #2ca35b;
32880}
32881
32882.ui-toolkit .btn-primary.btn-primary:active,
32883.ui-toolkit .btn-primary.btn-primary:hover,
32884.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:active,
32885.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:hover {
32886    background-color: #ef1132;
32887}
32888
32889.ui-toolkit .btn-primary.btn-primary:disabled,
32890.ui-toolkit .btn-primary.btn-primary.is-disabled,
32891.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:disabled,
32892.ds-reduced-colors .ui-toolkit .btn-primary.btn-primary.is-disabled {
32893    background-color: #bbbbbb;
32894}
32895
32896.ui-toolkit .btn-outline-orange.btn-outline-orange {
32897    border-color: #222;
32898    color: #222;
32899}
32900
32901.ui-toolkit .btn-outline-orange.btn-outline-orange:hover,
32902.ui-toolkit .btn-outline-orange.btn-outline-orange:focus {
32903    background-color: #222;
32904    color: #FFF;
32905}
32906
32907/*.gnav-header .sign-in-link a {
32908    color: #222 !important;
32909}
32910*/
32911.gnav-header .sign-in-link a:hover {
32912   background: #fff;
32913    border:1px solid #28a745;
32914    color: #28a745;
32915}
32916
32917.ui-toolkit .default-button.default-button.default-button__orange-outline {
32918    color: #222;
32919    border-color: #222;
32920}
32921
32922.ui-toolkit .default-button.default-button.default-button__orange-outline:hover {
32923    background: #222;
32924    border-color: #222;
32925}
32926
32927.ui-toolkit .close-button.close-button:hover .close-button__circle,
32928.ui-toolkit .close-button.close-button:focus .close-button__circle {
32929    fill: #222;
32930    stroke: #222;
32931}
32932
32933.ui-toolkit .default-button.default-button.default-button__orange {
32934    background-color: #222;
32935    border-color: #222;
32936}
32937
32938.ui-toolkit .default-button.default-button.default-button__orange:hover,
32939.ui-toolkit .default-button.default-button.default-button__orange:focus {
32940    background-color: #3c3c3c;
32941    border-color: #3c3c3c;
32942}
32943
32944.ui-toolkit .default-button.default-button.default-button__back:hover,
32945.ui-toolkit .default-button.default-button.default-button__back:focus {
32946    background-color: #222;
32947    border-color: #222;
32948}
32949
32950.assets .button-overlay a.asset-button,
32951#teams-page-panel .btn-primary,
32952#create-group-button.btn-primary,
32953#listings-header .btn-primary,
32954.forums #right .btn-primary,
32955#new-post-form .btn-primary,
32956.team-member-search-wrapper .btn-primary,
32957#group-head .btn-primary,
32958.invite-members-footer .btn-primary,
32959.new-topic .btn-primary,
32960.team-forum .search-bar .button-medium,
32961.order-actions .action-buttons .btn-secondary:first-child {
32962    background-color: #222 !important;
32963    text-decoration: none;
32964}
32965
32966.assets .button-overlay a.asset-button:hover,
32967.assets .button-overlay a.asset-button:focus,
32968#teams-page-panel .btn-primary:hover,
32969#teams-page-panel .btn-primary:focus,
32970#create-group-button.btn-primary:hover,
32971#create-group-button.btn-primary:focus,
32972#listings-header .btn-primary:hover,
32973#listings-header .btn-primary:focus,
32974.forums #right .btn-primary:hover,
32975.forums #right .btn-primary:focus,
32976#new-post-form .btn-primary:hover,
32977#new-post-form .btn-primary:focus,
32978.team-member-search-wrapper .btn-primary:hover,
32979.team-member-search-wrapper .btn-primary:focus,
32980#group-head .btn-primary:hover,
32981#group-head .btn-primary:focus,
32982.invite-members-footer .btn-primary:hover,
32983.invite-members-footer .btn-primary:focus,
32984.new-topic .btn-primary:hover,
32985.new-topic .btn-primary:focus,
32986.team-forum .search-bar .button-medium:hover,
32987.team-forum .search-bar .button-medium:focus,
32988.order-actions .action-buttons .btn-secondary:first-child:hover,
32989.order-actions .action-buttons .btn-secondary:first-child:focus {
32990    background-color: #3c3c3c !important;
32991    color: #FFF;
32992    text-decoration: none;
32993}
32994
32995.btn-secondary.log-event.download-button {
32996    color: #FFF !important;
32997}
32998
32999.gnav-header .sub-nav a .count,
33000.gnav-header .sub-nav a:hover .count,
33001.gnav-header .account-nav .cart .count,
33002.gnav-header .account-nav .cart:hover .count,
33003.gnav-header .account-nav .count,
33004.ds-reduced-colors .gnav-header .account-nav .count,
33005.ds-reduced-colors .gnav-header .account-nav .cart .count,
33006.badge-orange.badge-orange,
33007.ui-toolkit .badge-orange.badge-orange,
33008.ui-toolkit .badge.badge-primary {
33009    background-color: #28a745 !important;
33010    color: #fff !important;
33011    font-weight: bold !important;
33012    border-radius: 100px !important;
33013}
33014
33015.gigtodo-icon.hamburger-icon.nav-icon{
33016    cursor: pointer;
33017}@charset "utf-8";
33018.ui-toolkit .gnav-header,
33019.gnav-header {
33020    border-bottom: 1px solid #E1E3DF;
33021    -webkit-box-shadow: none;
33022    -moz-box-shadow: none;
33023    box-shadow: none;
33024}
33025
33026.cat-nav {
33027    -webkit-font-smoothing: antialiased;
33028}
33029
33030.cat-nav .top-nav-item {
33031    border-bottom: 3px solid transparent;
33032    cursor: pointer;
33033    margin-top: 4px;
33034}
33035
33036.cat-nav .top-nav-item a:hover {
33037    color:black;
33038    text-decoration: none;
33039}
33040
33041.cat-nav .top-nav-item.active {
33042    border-bottom: 3px solid #28a745;
33043}
33044
33045.cat-nav .top-nav-item.main {
33046    margin-top: 0px;
33047    background: #E41937 !important;
33048    border-top: 3px solid #E41937;
33049}
33050
33051.cat-nav .top-nav-item.main:hover {
33052    margin-top: 0px;
33053    background: #98012E !important;
33054    border-top: 3px solid #98012E !important;
33055    border-bottom: 3px solid #98012E;
33056}
33057
33058
33059.cat-nav .top-nav-item.main a{
33060
33061color: white;
33062
33063}
33064
33065.cat-nav .top-nav-item.underlined-promo-item:hover {
33066    border-bottom: 3px solid #F56400;
33067}
33068
33069.cat-nav .side-nav-item {
33070    cursor: pointer;
33071}
33072
33073.cat-nav .side-nav-item>span:focus {
33074    outline: thin dotted;
33075    outline: auto 2px Highlight;
33076    outline: auto 5px -webkit-focus-ring-color;
33077}
33078
33079.cat-nav .side-nav-item a:hover {
33080    text-decoration: none;
33081}
33082
33083.cat-nav .side-nav-item.active {
33084    background-color: #FFF3EE;
33085}
33086
33087.cat-nav .sub-nav-container {
33088    border-bottom-right-radius: 3px;
33089    border-bottom-left-radius: 3px;
33090}
33091
33092.cat-nav .sub-nav-container aside h4{
33093
33094font-size: 1.3rem;
33095
33096}
33097
33098.cat-nav .sub-nav-container aside a:hover{
33099
33100background: #f7f7f4;
33101
33102}
33103
33104.cat-nav .sub-nav-container aside:last-child a:hover{
33105
33106color: black;
33107
33108text-decoration: underline;
33109
33110}
33111
33112.cat-nav .sub-nav-container ul li a:hover {
33113
33114text-decoration: underline;
33115
33116}
33117
33118
33119
33120@charset "utf-8";
33121@-webkit-keyframes pop {
33122    0% {
33123        opacity: 0.2;
33124        -webkit-transform: scale3d(0.85, 0.85, 1);
33125    }
33126    100% {
33127        opacity: 1;
33128        -webkit-transform: scale3d(1, 1, 1);
33129    }
33130}
33131
33132@-webkit-keyframes check {
33133    0% {
33134        opacity: 0.2;
33135        -webkit-transform: scale3d(0.8, 0.8, 1);
33136    }
33137    100% {
33138        opacity: 1;
33139        -webkit-transform: scale3d(1, 1, 1);
33140    }
33141}
33142
33143@-webkit-keyframes fade {
33144    0% {
33145        opacity: 0.5;
33146    }
33147    100% {
33148        opacity: 1;
33149    }
33150}
33151
33152@-moz-keyframes pop {
33153    0% {
33154        opacity: 0.2;
33155        -moz-transform: scale3d(0.85, 0.85, 1);
33156    }
33157    100% {
33158        opacity: 1;
33159        -moz-transform: scale3d(1, 1, 1);
33160    }
33161}
33162
33163@-moz-keyframes check {
33164    0% {
33165        opacity: 0.2;
33166        -moz-transform: scale3d(0.8, 0.8, 1);
33167    }
33168    100% {
33169        opacity: 1;
33170        -moz-transform: scale3d(1, 1, 1);
33171    }
33172}
33173
33174@-moz-keyframes fade {
33175    0% {
33176        opacity: 0.5;
33177    }
33178    100% {
33179        opacity: 1;
33180    }
33181}
33182
33183@keyframes pop {
33184    0% {
33185        opacity: 0.2;
33186        transform: scale3d(0.85, 0.85, 1);
33187    }
33188    100% {
33189        opacity: 1;
33190        transform: scale3d(1, 1, 1);
33191    }
33192}
33193
33194@keyframes check {
33195    0% {
33196        opacity: 0.2;
33197        transform: scale3d(0.8, 0.8, 1);
33198    }
33199    100% {
33200        opacity: 1;
33201        transform: scale3d(1, 1, 1);
33202    }
33203}
33204
33205@keyframes fade {
33206    0% {
33207        opacity: 0.5;
33208    }
33209    100% {
33210        opacity: 1;
33211    }
33212}  	</style>
33213	<!-- <link href="styles/bootstrap.css" rel="stylesheet">
33214  	<link href="styles/custom.css?ver=1.0.9.7" rel="stylesheet"> 
33215	<link href="styles/styles.css?ver=1.0.9.7" rel="stylesheet">
33216	<link href="styles/categories_nav_styles.css?ver=1.0.9.7" rel="stylesheet"> --->
33217	<link href="font_awesome/css/font-awesome.css" rel="stylesheet">
33218	<!---<link href="styles/owl.carousel.css" rel="stylesheet">
33219	<link href="styles/owl.theme.default.css" rel="stylesheet">
33220	<link rel='stylesheet prefetch' href='styles/slick.min.css'>
33221	<link rel='stylesheet prefetch' href='styles/slick-theme.min.css'>
33222	<link href="styles/sweat_alert.css" rel="stylesheet">
33223	<link href="styles/animate.css" rel="stylesheet"> -->
33224
33225	<!--- end css ----------->
33226			<link rel="shortcut icon" href="https://www.hobbylancer.com//images/mobile_logo.png" type="image/x-icon" />
33227		<!-- Optional: include a polyfill for ES6 Promises for IE11 and Android browser -->
33228	
33228<script src="js/ie.js"></script>
33228
33229	
33229<script type="text/javascript" src="js/sweat_alert.js"></script>
33229
33230	
33230<script type="text/javascript" src="js/jquery.min.js"></script>
33230
33231	
33232	<style>.swal2-popup .swal2-styled.swal2-confirm{background-color: #28a745;}</style>
33233
33234
33235	<link rel="manifest" href="manifest.json">
33236
33237
33238	<!-- IOS support-->
33239	<!--ICONS -->
33240	<link rel="apple-touch-icon" href="https://www.hobbylancer.com/pwa/icons/icon-96x96.png">
33241	<link rel="apple-touch-icon" href="https://www.hobbylancer.com/pwa/icons/icon-128x128.png">
33242	<link rel="apple-touch-icon" href="https://www.hobbylancer.com/pwa/icons/icon-144x144.png">
33243	<link rel="apple-touch-icon" href="https://www.hobbylancer.com/pwa/icons/icon-152x152.png">
33244	<!-- <link href="https://www.hobbylancer.com/styles/scoped_responsive_and_nav.css?ver=1.0.9.7" rel="stylesheet"> -->
33245	<!-- <link href="https://www.hobbylancer.com/styles/vesta_homepage.css" rel="stylesheet"> -->
33246	<!--Status Bar / Tool bar color -->
33247	<meta name="apple-mobile-web-app-status-bar" content="#556db4">
33248
33249	<!--Theme Color -->
33250	<meta name="theme-color" content="#556db4">
33251	
33251<script src="/app.js"></script>
33251
33252</head>
33253<body class="is-responsive">
33254
33255<div class="loader_wrapper">
33256    <div class="loading">
33257  <div class="finger finger-1">
33258    <div class="finger-item">
33259      <span></span><i></i>
33260    </div>
33261  </div>
33262        <div class="finger finger-2">
33263    <div class="finger-item">
33264      <span></span><i></i>
33265    </div>
33266  </div>
33267        <div class="finger finger-3">
33268    <div class="finger-item">
33269      <span></span><i></i>
33270    </div>
33271  </div>
33272        <div class="finger finger-4">
33273    <div class="finger-item">
33274      <span></span><i></i>
33275    </div>
33276  </div>
33277        <div class="last-finger">
33278    <div class="last-finger-item"><i></i></div>
33279  </div>
33280    </div>
33281</div>
33282<!-- loader styling -->
33283<style>
33284div#announcement_bar {
33285    display: flex;
33286    align-items: center;
33287    justify-content: center;
33288}
33289  .loader_wrapper .loading {
33290    position: absolute;
33291    left: 50%;
33292    top: 50%;
33293    margin: -35px 0 0 -56px;
33294    width: 112px;
33295    height: 70px;
33296    *zoom: 1;
33297  }
33298  .loader_wrapper .loading:before,
33299  .loader_wrapper .loading:after {
33300    display: table;
33301    content: "";
33302  }
33303  .loader_wrapper .loading:after {
33304    clear: both;
33305  }
33306  .loader_wrapper .loading .finger {
33307    float: left;
33308    margin: 0 2px 0 0;
33309    width: 20px;
33310    height: 100%;
33311  }
33312  .loader_wrapper .loading .finger-1 {
33313    -webkit-animation: finger-1-animation 2s infinite ease-out;
33314    animation: finger-1-animation 2s infinite ease-out;
33315  }
33316  .loader_wrapper .loading .finger-1 span {
33317    -webkit-animation: finger-1-animation-span 2s infinite ease-out;
33318    animation: finger-1-animation-span 2s infinite ease-out;
33319  }
33320  .loader_wrapper .loading .finger-1 i {
33321    -webkit-animation: finger-1-animation-i 2s infinite ease-out;
33322    animation: finger-1-animation-i 2s infinite ease-out;
33323  }
33324  .loader_wrapper .loading .finger-2 {
33325    -webkit-animation: finger-2-animation 2s infinite ease-out;
33326    animation: finger-2-animation 2s infinite ease-out;
33327  }
33328  .loader_wrapper .loading .finger-2 span {
33329    -webkit-animation: finger-2-animation-span 2s infinite ease-out;
33330    animation: finger-2-animation-span 2s infinite ease-out;
33331  }
33332  .loader_wrapper .loading .finger-2 i {
33333    -webkit-animation: finger-2-animation-i 2s infinite ease-out;
33334    animation: finger-2-animation-i 2s infinite ease-out;
33335  }
33336  .loader_wrapper .loading .finger-3 {
33337    -webkit-animation: finger-3-animation 2s infinite ease-out;
33338    animation: finger-3-animation 2s infinite ease-out;
33339  }
33340  .loader_wrapper .loading .finger-3 span {
33341    -webkit-animation: finger-3-animation-span 2s infinite ease-out;
33342    animation: finger-3-animation-span 2s infinite ease-out;
33343  }
33344  .loader_wrapper .loading .finger-3 i {
33345    -webkit-animation: finger-3-animation-i 2s infinite ease-out;
33346    animation: finger-3-animation-i 2s infinite ease-out;
33347  }
33348  .loader_wrapper .loading .finger-4 {
33349    -webkit-animation: finger-4-animation 2s infinite ease-out;
33350    animation: finger-4-animation 2s infinite ease-out;
33351  }
33352  .loader_wrapper .loading .finger-4 span {
33353    -webkit-animation: finger-4-animation-span 2s infinite ease-out;
33354    animation: finger-4-animation-span 2s infinite ease-out;
33355  }
33356  .loader_wrapper .loading .finger-4 i {
33357    -webkit-animation: finger-4-animation-i 2s infinite ease-out;
33358    animation: finger-4-animation-i 2s infinite ease-out;
33359  }
33360  .loader_wrapper .loading .finger-item {
33361    position: relative;
33362    width: 100%;
33363    height: 100%;
33364    -webkit-border-radius: 6px 6px 8px 8px;
33365    -webkit-background-clip: padding-box;
33366    -moz-border-radius: 6px 6px 8px 8px;
33367    -moz-background-clip: padding;
33368    border-radius: 6px 6px 8px 8px;
33369    background-clip: padding-box;
33370    background: #fff;
33371  }
33372  .loader_wrapper .loading .finger-item span {
33373    position: absolute;
33374    left: 0;
33375    top: 0;
33376    width: 100%;
33377    height: auto;
33378    padding: 5px 5px 0 5px;
33379  }
33380  .loader_wrapper .loading .finger-item span:before,
33381  .loader_wrapper .loading .finger-item span:after {
33382    content: '';
33383    position: relative;
33384    display: block;
33385    margin: 0 0 2px 0;
33386    width: 100%;
33387    height: 2px;
33388    background: #ffffff;
33389  }
33390  .loader_wrapper .loading .finger-item i {
33391    position: absolute;
33392    left: 3px;
33393    bottom: 3px;
33394    width: 14px;
33395    height: 14px;
33396    -webkit-border-radius: 10px 10px 7px 7px;
33397    -webkit-background-clip: padding-box;
33398    -moz-border-radius: 10px 10px 7px 7px;
33399    -moz-background-clip: padding;
33400    border-radius: 10px 10px 7px 7px;
33401    background-clip: padding-box;
33402    background: #ffffff;
33403  }
33404  .loader_wrapper .loading .last-finger {
33405    position: relative;
33406    float: left;
33407    width: 24px;
33408    height: 100%;
33409    overflow: hidden;
33410  }
33411  .loader_wrapper .loading .last-finger-item {
33412    position: absolute;
33413    right: 0;
33414    top: 32px;
33415    width: 110%;
33416    height: 20px;
33417    -webkit-border-radius: 0 5px 14px 0;
33418    -webkit-background-clip: padding-box;
33419    -moz-border-radius: 0 5px 14px 0;
33420    -moz-background-clip: padding;
33421    border-radius: 0 5px 14px 0;
33422    background-clip: padding-box;
33423    background: #fff;
33424    -webkit-animation: finger-5-animation 2s infinite linear;
33425    animation: finger-5-animation 2s infinite linear;
33426  }
33427  .loader_wrapper .loading .last-finger-item i {
33428    position: absolute;
33429    left: 0;
33430    top: -8px;
33431    width: 22px;
33432    height: 8px;
33433    background: #fff;
33434    overflow: hidden;
33435  }
33436  .loader_wrapper .loading .last-finger-item i:after {
33437    content: '';
33438    position: absolute;
33439    left: 0;
33440    bottom: 0;
33441    width: 34px;
33442    height: 20px;
33443    -webkit-border-radius: 0 0 15px 15px;
33444    -webkit-background-clip: padding-box;
33445    -moz-border-radius: 0 0 15px 15px;
33446    -moz-background-clip: padding;
33447    border-radius: 0 0 15px 15px;
33448    background-clip: padding-box;
33449    background: #ffffff;
33450  }
33451  @-webkit-keyframes finger-1-animation {
33452    0% {
33453      padding: 12px 0 5px 0;
33454    }
33455    20% {
33456      padding: 12px 0 5px 0;
33457    }
33458    29% {
33459      padding: 4px 0 24px 0;
33460    }
33461    35% {
33462      padding: 4px 0 24px 0;
33463    }
33464    41% {
33465      padding: 12px 0 5px 0;
33466    }
33467    100% {
33468      padding: 12px 0 5px 0;
33469    }
33470  }
33471  @keyframes finger-1-animation {
33472    0% {
33473      padding: 12px 0 5px 0;
33474    }
33475    20% {
33476      padding: 12px 0 5px 0;
33477    }
33478    29% {
33479      padding: 4px 0 24px 0;
33480    }
33481    35% {
33482      padding: 4px 0 24px 0;
33483    }
33484    41% {
33485      padding: 12px 0 5px 0;
33486    }
33487    100% {
33488      padding: 12px 0 5px 0;
33489    }
33490  }
33491  @-webkit-keyframes finger-1-animation-span {
33492    0% {
33493      top: 0;
33494    }
33495    20% {
33496      top: 0;
33497    }
33498    29% {
33499      top: -7px;
33500    }
33501    35% {
33502      top: -7px;
33503    }
33504    41% {
33505      top: 0;
33506    }
33507    100% {
33508      top: 0;
33509    }
33510  }
33511  @keyframes finger-1-animation-span {
33512    0% {
33513      top: 0;
33514    }
33515    20% {
33516      top: 0;
33517    }
33518    29% {
33519      top: -7px;
33520    }
33521    35% {
33522      top: -7px;
33523    }
33524    41% {
33525      top: 0;
33526    }
33527    100% {
33528      top: 0;
33529    }
33530  }
33531  @-webkit-keyframes finger-1-animation-i {
33532    0% {
33533      bottom: 3px;
33534      height: 14px;
33535      -webkit-border-radius: 10px 10px 7px 7px;
33536      -webkit-background-clip: padding-box;
33537      -moz-border-radius: 10px 10px 7px 7px;
33538      -moz-background-clip: padding;
33539      border-radius: 10px 10px 7px 7px;
33540      background-clip: padding-box;
33541    }
33542    20% {
33543      bottom: 3px;
33544      height: 14px;
33545      -webkit-border-radius: 10px 10px 7px 7px;
33546      -webkit-background-clip: padding-box;
33547      -moz-border-radius: 10px 10px 7px 7px;
33548      -moz-background-clip: padding;
33549      border-radius: 10px 10px 7px 7px;
33550      background-clip: padding-box;
33551    }
33552    29% {
33553      bottom: 8px;
33554      height: 12px;
33555      -webkit-border-radius: 7px 7px 4px 4px;
33556      -webkit-background-clip: padding-box;
33557      -moz-border-radius: 7px 7px 4px 4px;
33558      -moz-background-clip: padding;
33559      border-radius: 7px 7px 4px 4px;
33560      background-clip: padding-box;
33561    }
33562    35% {
33563      bottom: 8px;
33564      height: 12px;
33565      -webkit-border-radius: 7px 7px 4px 4px;
33566      -webkit-background-clip: padding-box;
33567      -moz-border-radius: 7px 7px 4px 4px;
33568      -moz-background-clip: padding;
33569      border-radius: 7px 7px 4px 4px;
33570      background-clip: padding-box;
33571    }
33572    41% {
33573      bottom: 3px;
33574      height: 14px;
33575      -webkit-border-radius: 10px 10px 7px 7px;
33576      -webkit-background-clip: padding-box;
33577      -moz-border-radius: 10px 10px 7px 7px;
33578      -moz-background-clip: padding;
33579      border-radius: 10px 10px 7px 7px;
33580      background-clip: padding-box;
33581    }
33582    100% {
33583      bottom: 3px;
33584      height: 14px;
33585      -webkit-border-radius: 10px 10px 7px 7px;
33586      -webkit-background-clip: padding-box;
33587      -moz-border-radius: 10px 10px 7px 7px;
33588      -moz-background-clip: padding;
33589      border-radius: 10px 10px 7px 7px;
33590      background-clip: padding-box;
33591    }
33592  }
33593  @keyframes finger-1-animation-i {
33594    0% {
33595      bottom: 3px;
33596      height: 14px;
33597      -webkit-border-radius: 10px 10px 7px 7px;
33598      -webkit-background-clip: padding-box;
33599      -moz-border-radius: 10px 10px 7px 7px;
33600      -moz-background-clip: padding;
33601      border-radius: 10px 10px 7px 7px;
33602      background-clip: padding-box;
33603    }
33604    20% {
33605      bottom: 3px;
33606      height: 14px;
33607      -webkit-border-radius: 10px 10px 7px 7px;
33608      -webkit-background-clip: padding-box;
33609      -moz-border-radius: 10px 10px 7px 7px;
33610      -moz-background-clip: padding;
33611      border-radius: 10px 10px 7px 7px;
33612      background-clip: padding-box;
33613    }
33614    29% {
33615      bottom: 8px;
33616      height: 12px;
33617      -webkit-border-radius: 7px 7px 4px 4px;
33618      -webkit-background-clip: padding-box;
33619      -moz-border-radius: 7px 7px 4px 4px;
33620      -moz-background-clip: padding;
33621      border-radius: 7px 7px 4px 4px;
33622      background-clip: padding-box;
33623    }
33624    35% {
33625      bottom: 8px;
33626      height: 12px;
33627      -webkit-border-radius: 7px 7px 4px 4px;
33628      -webkit-background-clip: padding-box;
33629      -moz-border-radius: 7px 7px 4px 4px;
33630      -moz-background-clip: padding;
33631      border-radius: 7px 7px 4px 4px;
33632      background-clip: padding-box;
33633    }
33634    41% {
33635      bottom: 3px;
33636      height: 14px;
33637      -webkit-border-radius: 10px 10px 7px 7px;
33638      -webkit-background-clip: padding-box;
33639      -moz-border-radius: 10px 10px 7px 7px;
33640      -moz-background-clip: padding;
33641      border-radius: 10px 10px 7px 7px;
33642      background-clip: padding-box;
33643    }
33644    100% {
33645      bottom: 3px;
33646      height: 14px;
33647      -webkit-border-radius: 10px 10px 7px 7px;
33648      -webkit-background-clip: padding-box;
33649      -moz-border-radius: 10px 10px 7px 7px;
33650      -moz-background-clip: padding;
33651      border-radius: 10px 10px 7px 7px;
33652      background-clip: padding-box;
33653    }
33654  }
33655  @-webkit-keyframes finger-2-animation {
33656    0% {
33657      padding: 6px 0 2px 0;
33658    }
33659    24% {
33660      padding: 6px 0 2px 0;
33661    }
33662    33% {
33663      padding: 2px 0 16px 0;
33664    }
33665    39% {
33666      padding: 2px 0 16px 0;
33667    }
33668    45% {
33669      padding: 6px 0 2px 0;
33670    }
33671    100% {
33672      padding: 6px 0 2px 0;
33673    }
33674  }
33675  @keyframes finger-2-animation {
33676    0% {
33677      padding: 6px 0 2px 0;
33678    }
33679    24% {
33680      padding: 6px 0 2px 0;
33681    }
33682    33% {
33683      padding: 2px 0 16px 0;
33684    }
33685    39% {
33686      padding: 2px 0 16px 0;
33687    }
33688    45% {
33689      padding: 6px 0 2px 0;
33690    }
33691    100% {
33692      padding: 6px 0 2px 0;
33693    }
33694  }
33695  @-webkit-keyframes finger-2-animation-span {
33696    0% {
33697      top: 0;
33698    }
33699    24% {
33700      top: 0;
33701    }
33702    33% {
33703      top: -7px;
33704    }
33705    39% {
33706      top: -7px;
33707    }
33708    45% {
33709      top: 0;
33710    }
33711    100% {
33712      top: 0;
33713    }
33714  }
33715  @keyframes finger-2-animation-span {
33716    0% {
33717      top: 0;
33718    }
33719    24% {
33720      top: 0;
33721    }
33722    33% {
33723      top: -7px;
33724    }
33725    39% {
33726      top: -7px;
33727    }
33728    45% {
33729      top: 0;
33730    }
33731    100% {
33732      top: 0;
33733    }
33734  }
33735  @-webkit-keyframes finger-2-animation-i {
33736    0% {
33737      bottom: 3px;
33738      height: 14px;
33739      -webkit-border-radius: 10px 10px 7px 7px;
33740      -webkit-background-clip: padding-box;
33741      -moz-border-radius: 10px 10px 7px 7px;
33742      -moz-background-clip: padding;
33743      border-radius: 10px 10px 7px 7px;
33744      background-clip: padding-box;
33745    }
33746    24% {
33747      bottom: 3px;
33748      height: 14px;
33749      -webkit-border-radius: 10px 10px 7px 7px;
33750      -webkit-background-clip: padding-box;
33751      -moz-border-radius: 10px 10px 7px 7px;
33752      -moz-background-clip: padding;
33753      border-radius: 10px 10px 7px 7px;
33754      background-clip: padding-box;
33755    }
33756    33% {
33757      bottom: 8px;
33758      height: 12px;
33759      -webkit-border-radius: 7px 7px 4px 4px;
33760      -webkit-background-clip: padding-box;
33761      -moz-border-radius: 7px 7px 4px 4px;
33762      -moz-background-clip: padding;
33763      border-radius: 7px 7px 4px 4px;
33764      background-clip: padding-box;
33765    }
33766    39% {
33767      bottom: 8px;
33768      height: 12px;
33769      -webkit-border-radius: 7px 7px 4px 4px;
33770      -webkit-background-clip: padding-box;
33771      -moz-border-radius: 7px 7px 4px 4px;
33772      -moz-background-clip: padding;
33773      border-radius: 7px 7px 4px 4px;
33774      background-clip: padding-box;
33775    }
33776    45% {
33777      bottom: 3px;
33778      height: 14px;
33779      -webkit-border-radius: 10px 10px 7px 7px;
33780      -webkit-background-clip: padding-box;
33781      -moz-border-radius: 10px 10px 7px 7px;
33782      -moz-background-clip: padding;
33783      border-radius: 10px 10px 7px 7px;
33784      background-clip: padding-box;
33785    }
33786    100% {
33787      bottom: 3px;
33788      height: 14px;
33789      -webkit-border-radius: 10px 10px 7px 7px;
33790      -webkit-background-clip: padding-box;
33791      -moz-border-radius: 10px 10px 7px 7px;
33792      -moz-background-clip: padding;
33793      border-radius: 10px 10px 7px 7px;
33794      background-clip: padding-box;
33795    }
33796  }
33797  @keyframes finger-2-animation-i {
33798    0% {
33799      bottom: 3px;
33800      height: 14px;
33801      -webkit-border-radius: 10px 10px 7px 7px;
33802      -webkit-background-clip: padding-box;
33803      -moz-border-radius: 10px 10px 7px 7px;
33804      -moz-background-clip: padding;
33805      border-radius: 10px 10px 7px 7px;
33806      background-clip: padding-box;
33807    }
33808    24% {
33809      bottom: 3px;
33810      height: 14px;
33811      -webkit-border-radius: 10px 10px 7px 7px;
33812      -webkit-background-clip: padding-box;
33813      -moz-border-radius: 10px 10px 7px 7px;
33814      -moz-background-clip: padding;
33815      border-radius: 10px 10px 7px 7px;
33816      background-clip: padding-box;
33817    }
33818    33% {
33819      bottom: 8px;
33820      height: 12px;
33821      -webkit-border-radius: 7px 7px 4px 4px;
33822      -webkit-background-clip: padding-box;
33823      -moz-border-radius: 7px 7px 4px 4px;
33824      -moz-background-clip: padding;
33825      border-radius: 7px 7px 4px 4px;
33826      background-clip: padding-box;
33827    }
33828    39% {
33829      bottom: 8px;
33830      height: 12px;
33831      -webkit-border-radius: 7px 7px 4px 4px;
33832      -webkit-background-clip: padding-box;
33833      -moz-border-radius: 7px 7px 4px 4px;
33834      -moz-background-clip: padding;
33835      border-radius: 7px 7px 4px 4px;
33836      background-clip: padding-box;
33837    }
33838    45% {
33839      bottom: 3px;
33840      height: 14px;
33841      -webkit-border-radius: 10px 10px 7px 7px;
33842      -webkit-background-clip: padding-box;
33843      -moz-border-radius: 10px 10px 7px 7px;
33844      -moz-background-clip: padding;
33845      border-radius: 10px 10px 7px 7px;
33846      background-clip: padding-box;
33847    }
33848    100% {
33849      bottom: 3px;
33850      height: 14px;
33851      -webkit-border-radius: 10px 10px 7px 7px;
33852      -webkit-background-clip: padding-box;
33853      -moz-border-radius: 10px 10px 7px 7px;
33854      -moz-background-clip: padding;
33855      border-radius: 10px 10px 7px 7px;
33856      background-clip: padding-box;
33857    }
33858  }
33859  @-webkit-keyframes finger-3-animation {
33860    0% {
33861      padding: 0 0 0 0;
33862    }
33863    28% {
33864      padding: 0 0 0 0;
33865    }
33866    37% {
33867      padding: 0 0 12px 0;
33868    }
33869    43% {
33870      padding: 0 0 12px 0;
33871    }
33872    49% {
33873      padding: 0 0 0 0;
33874    }
33875    100% {
33876      padding: 0 0 0 0;
33877    }
33878  }
33879  @keyframes finger-3-animation {
33880    0% {
33881      padding: 0 0 0 0;
33882    }
33883    28% {
33884      padding: 0 0 0 0;
33885    }
33886    37% {
33887      padding: 0 0 12px 0;
33888    }
33889    43% {
33890      padding: 0 0 12px 0;
33891    }
33892    49% {
33893      padding: 0 0 0 0;
33894    }
33895    100% {
33896      padding: 0 0 0 0;
33897    }
33898  }
33899  @-webkit-keyframes finger-3-animation-span {
33900    0% {
33901      top: 0;
33902    }
33903    28% {
33904      top: 0;
33905    }
33906    37% {
33907      top: -7px;
33908    }
33909    43% {
33910      top: -7px;
33911    }
33912    49% {
33913      top: 0;
33914    }
33915    100% {
33916      top: 0;
33917    }
33918  }
33919  @keyframes finger-3-animation-span {
33920    0% {
33921      top: 0;
33922    }
33923    28% {
33924      top: 0;
33925    }
33926    37% {
33927      top: -7px;
33928    }
33929    43% {
33930      top: -7px;
33931    }
33932    49% {
33933      top: 0;
33934    }
33935    100% {
33936      top: 0;
33937    }
33938  }
33939  @-webkit-keyframes finger-3
33939-animation-i {
33940    0% {
33941      bottom: 3px;
33942      height: 14px;
33943      -webkit-border-radius: 10px 10px 7px 7px;
33944      -webkit-background-clip: padding-box;
33945      -moz-border-radius: 10px 10px 7px 7px;
33946      -moz-background-clip: padding;
33947      border-radius: 10px 10px 7px 7px;
33948      background-clip: padding-box;
33949    }
33950    28% {
33951      bottom: 3px;
33952      height: 14px;
33953      -webkit-border-radius: 10px 10px 7px 7px;
33954      -webkit-background-clip: padding-box;
33955      -moz-border-radius: 10px 10px 7px 7px;
33956      -moz-background-clip: padding;
33957      border-radius: 10px 10px 7px 7px;
33958      background-clip: padding-box;
33959    }
33960    37% {
33961      bottom: 8px;
33962      height: 12px;
33963      -webkit-border-radius: 7px 7px 4px 4px;
33964      -webkit-background-clip: padding-box;
33965      -moz-border-radius: 7px 7px 4px 4px;
33966      -moz-background-clip: padding;
33967      border-radius: 7px 7px 4px 4px;
33968      background-clip: padding-box;
33969    }
33970    43% {
33971      bottom: 8px;
33972      height: 12px;
33973      -webkit-border-radius: 7px 7px 4px 4px;
33974      -webkit-background-clip: padding-box;
33975      -moz-border-radius: 7px 7px 4px 4px;
33976      -moz-background-clip: padding;
33977      border-radius: 7px 7px 4px 4px;
33978      background-clip: padding-box;
33979    }
33980    49% {
33981      bottom: 3px;
33982      height: 14px;
33983      -webkit-border-radius: 10px 10px 7px 7px;
33984      -webkit-background-clip: padding-box;
33985      -moz-border-radius: 10px 10px 7px 7px;
33986      -moz-background-clip: padding;
33987      border-radius: 10px 10px 7px 7px;
33988      background-clip: padding-box;
33989    }
33990    100% {
33991      bottom: 3px;
33992      height: 14px;
33993      -webkit-border-radius: 10px 10px 7px 7px;
33994      -webkit-background-clip: padding-box;
33995      -moz-border-radius: 10px 10px 7px 7px;
33996      -moz-background-clip: padding;
33997      border-radius: 10px 10px 7px 7px;
33998      background-clip: padding-box;
33999    }
34000  }
34001  @keyframes finger-3-animation-i {
34002    0% {
34003      bottom: 3px;
34004      height: 14px;
34005      -webkit-border-radius: 10px 10px 7px 7px;
34006      -webkit-background-clip: padding-box;
34007      -moz-border-radius: 10px 10px 7px 7px;
34008      -moz-background-clip: padding;
34009      border-radius: 10px 10px 7px 7px;
34010      background-clip: padding-box;
34011    }
34012    28% {
34013      bottom: 3px;
34014      height: 14px;
34015      -webkit-border-radius: 10px 10px 7px 7px;
34016      -webkit-background-clip: padding-box;
34017      -moz-border-radius: 10px 10px 7px 7px;
34018      -moz-background-clip: padding;
34019      border-radius: 10px 10px 7px 7px;
34020      background-clip: padding-box;
34021    }
34022    37% {
34023      bottom: 8px;
34024      height: 12px;
34025      -webkit-border-radius: 7px 7px 4px 4px;
34026      -webkit-background-clip: padding-box;
34027      -moz-border-radius: 7px 7px 4px 4px;
34028      -moz-background-clip: padding;
34029      border-radius: 7px 7px 4px 4px;
34030      background-clip: padding-box;
34031    }
34032    43% {
34033      bottom: 8px;
34034      height: 12px;
34035      -webkit-border-radius: 7px 7px 4px 4px;
34036      -webkit-background-clip: padding-box;
34037      -moz-border-radius: 7px 7px 4px 4px;
34038      -moz-background-clip: padding;
34039      border-radius: 7px 7px 4px 4px;
34040      background-clip: padding-box;
34041    }
34042    49% {
34043      bottom: 3px;
34044      height: 14px;
34045      -webkit-border-radius: 10px 10px 7px 7px;
34046      -webkit-background-clip: padding-box;
34047      -moz-border-radius: 10px 10px 7px 7px;
34048      -moz-background-clip: padding;
34049      border-radius: 10px 10px 7px 7px;
34050      background-clip: padding-box;
34051    }
34052    100% {
34053      bottom: 3px;
34054      height: 14px;
34055      -webkit-border-radius: 10px 10px 7px 7px;
34056      -webkit-background-clip: padding-box;
34057      -moz-border-radius: 10px 10px 7px 7px;
34058      -moz-background-clip: padding;
34059      border-radius: 10px 10px 7px 7px;
34060      background-clip: padding-box;
34061    }
34062  }
34063  @-webkit-keyframes finger-4-animation {
34064    0% {
34065      padding: 8px 0 3px 0;
34066    }
34067    32% {
34068      padding: 8px 0 3px 0;
34069    }
34070    41% {
34071      padding: 4px 0 20px 0;
34072    }
34073    47% {
34074      padding: 4px 0 20px 0;
34075    }
34076    53% {
34077      padding: 8px 0 3px 0;
34078    }
34079    100% {
34080      padding: 8px 0 3px 0;
34081    }
34082  }
34083  @keyframes finger-4-animation {
34084    0% {
34085      padding: 8px 0 3px 0;
34086    }
34087    32% {
34088      padding: 8px 0 3px 0;
34089    }
34090    41% {
34091      padding: 4px 0 20px 0;
34092    }
34093    47% {
34094      padding: 4px 0 20px 0;
34095    }
34096    53% {
34097      padding: 8px 0 3px 0;
34098    }
34099    100% {
34100      padding: 8px 0 3px 0;
34101    }
34102  }
34103  @-webkit-keyframes finger-4-animation-span {
34104    0% {
34105      top: 0;
34106    }
34107    32% {
34108      top: 0;
34109    }
34110    41% {
34111      top: -7px;
34112    }
34113    47% {
34114      top: -7px;
34115    }
34116    53% {
34117      top: 0;
34118    }
34119    100% {
34120      top: 0;
34121    }
34122  }
34123  @keyframes finger-4-animation-span {
34124    0% {
34125      top: 0;
34126    }
34127    32% {
34128      top: 0;
34129    }
34130    41% {
34131      top: -7px;
34132    }
34133    47% {
34134      top: -7px;
34135    }
34136    53% {
34137      top: 0;
34138    }
34139    100% {
34140      top: 0;
34141    }
34142  }
34143  @-webkit-keyframes finger-4-animation-i {
34144    0% {
34145      bottom: 3px;
34146      height: 14px;
34147      -webkit-border-radius: 10px 10px 7px 7px;
34148      -webkit-background-clip: padding-box;
34149      -moz-border-radius: 10px 10px 7px 7px;
34150      -moz-background-clip: padding;
34151      border-radius: 10px 10px 7px 7px;
34152      background-clip: padding-box;
34153    }
34154    32% {
34155      bottom: 3px;
34156      height: 14px;
34157      -webkit-border-radius: 10px 10px 7px 7px;
34158      -webkit-background-clip: padding-box;
34159      -moz-border-radius: 10px 10px 7px 7px;
34160      -moz-background-clip: padding;
34161      border-radius: 10px 10px 7px 7px;
34162      background-clip: padding-box;
34163    }
34164    41% {
34165      bottom: 8px;
34166      height: 12px;
34167      -webkit-border-radius: 7px 7px 4px 4px;
34168      -webkit-background-clip: padding-box;
34169      -moz-border-radius: 7px 7px 4px 4px;
34170      -moz-background-clip: padding;
34171      border-radius: 7px 7px 4px 4px;
34172      background-clip: padding-box;
34173    }
34174    47% {
34175      bottom: 8px;
34176      height: 12px;
34177      -webkit-border-radius: 7px 7px 4px 4px;
34178      -webkit-background-clip: padding-box;
34179      -moz-border-radius: 7px 7px 4px 4px;
34180      -moz-background-clip: padding;
34181      border-radius: 7px 7px 4px 4px;
34182      background-clip: padding-box;
34183    }
34184    53% {
34185      bottom: 3px;
34186      height: 14px;
34187      -webkit-border-radius: 10px 10px 7px 7px;
34188      -webkit-background-clip: padding-box;
34189      -moz-border-radius: 10px 10px 7px 7px;
34190      -moz-background-clip: padding;
34191      border-radius: 10px 10px 7px 7px;
34192      background-clip: padding-box;
34193    }
34194    100% {
34195      bottom: 3px;
34196      height: 14px;
34197      -webkit-border-radius: 10px 10px 7px 7px;
34198      -webkit-background-clip: padding-box;
34199      -moz-border-radius: 10px 10px 7px 7px;
34200      -moz-background-clip: padding;
34201      border-radius: 10px 10px 7px 7px;
34202      background-clip: padding-box;
34203    }
34204  }
34205  @keyframes finger-4-animation-i {
34206    0% {
34207      bottom: 3px;
34208      height: 14px;
34209      -webkit-border-radius: 10px 10px 7px 7px;
34210      -webkit-background-clip: padding-box;
34211      -moz-border-radius: 10px 10px 7px 7px;
34212      -moz-background-clip: padding;
34213      border-radius: 10px 10px 7px 7px;
34214      background-clip: padding-box;
34215    }
34216    32% {
34217      bottom: 3px;
34218      height: 14px;
34219      -webkit-border-radius: 10px 10px 7px 7px;
34220      -webkit-background-clip: padding-box;
34221      -moz-border-radius: 10px 10px 7px 7px;
34222      -moz-background-clip: padding;
34223      border-radius: 10px 10px 7px 7px;
34224      background-clip: padding-box;
34225    }
34226    41% {
34227      bottom: 8px;
34228      height: 12px;
34229      -webkit-border-radius: 7px 7px 4px 4px;
34230      -webkit-background-clip: padding-box;
34231      -moz-border-radius: 7px 7px 4px 4px;
34232      -moz-background-clip: padding;
34233      border-radius: 7px 7px 4px 4px;
34234      background-clip: padding-box;
34235    }
34236    47% {
34237      bottom: 8px;
34238      height: 12px;
34239      -webkit-border-radius: 7px 7px 4px 4px;
34240      -webkit-background-clip: padding-box;
34241      -moz-border-radius: 7px 7px 4px 4px;
34242      -moz-background-clip: padding;
34243      border-radius: 7px 7px 4px 4px;
34244      background-clip: padding-box;
34245    }
34246    53% {
34247      bottom: 3px;
34248      height: 14px;
34249      -webkit-border-radius: 10px 10px 7px 7px;
34250      -webkit-background-clip: padding-box;
34251      -moz-border-radius: 10px 10px 7px 7px;
34252      -moz-background-clip: padding;
34253      border-radius: 10px 10px 7px 7px;
34254      background-clip: padding-box;
34255    }
34256    100% {
34257      bottom: 3px;
34258      height: 14px;
34259      -webkit-border-radius: 10px 10px 7px 7px;
34260      -webkit-background-clip: padding-box;
34261      -moz-border-radius: 10px 10px 7px 7px;
34262      -moz-background-clip: padding;
34263      border-radius: 10px 10px 7px 7px;
34264      background-clip: padding-box;
34265    }
34266  }
34267  @-webkit-keyframes finger-5-animation {
34268    0% {
34269      top: 32px;
34270      right: 0;
34271      -webkit-border-radius: 0 5px 14px 0;
34272      -webkit-background-clip: padding-box;
34273      -moz-border-radius: 0 5px 14px 0;
34274      -moz-background-clip: padding;
34275      border-radius: 0 5px 14px 0;
34276      background-clip: padding-box;
34277      -webkit-transform: rotate(0deg);
34278      transform: rotate(0deg);
34279    }
34280    34% {
34281      top: 32px;
34282      right: 0;
34283      -webkit-border-radius: 0 5px 14px 0;
34284      -webkit-background-clip: padding-box;
34285      -moz-border-radius: 0 5px 14px 0;
34286      -moz-background-clip: padding;
34287      border-radius: 0 5px 14px 0;
34288      background-clip: padding-box;
34289      -webkit-transform: rotate(0deg);
34290      transform: rotate(0deg);
34291    }
34292    43% {
34293      top: 20px;
34294      right: 2px;
34295      -webkit-border-radius: 0 8px 20px 0;
34296      -webkit-background-clip: padding-box;
34297      -moz-border-radius: 0 8px 20px 0;
34298      -moz-background-clip: padding;
34299      border-radius: 0 8px 20px 0;
34300      background-clip: padding-box;
34301      -webkit-transform: rotate(-12deg);
34302      transform: rotate(-12deg);
34303    }
34304    50% {
34305      top: 20px;
34306      right: 2px;
34307      -webkit-border-radius: 0 8px 20px 0;
34308      -webkit-background-clip: padding-box;
34309      -moz-border-radius: 0 8px 20px 0;
34310      -moz-background-clip: padding;
34311      border-radius: 0 8px 20px 0;
34312      background-clip: padding-box;
34313      -webkit-transform: rotate(-12deg);
34314      transform: rotate(-12deg);
34315    }
34316    60% {
34317      top: 32px;
34318      right: 0;
34319      -webkit-border-radius: 0 5px 14px 0;
34320      -webkit-background-clip: padding-box;
34321      -moz-border-radius: 0 5px 14px 0;
34322      -moz-background-clip: padding;
34323      border-radius: 0 5px 14px 0;
34324      background-clip: padding-box;
34325      -webkit-transform: rotate(0deg);
34326      transform: rotate(0deg);
34327    }
34328    100% {
34329      top: 32px;
34330      right: 0;
34331      -webkit-border-radius: 0 5px 14px 0;
34332      -webkit-background-clip: padding-box;
34333      -moz-border-radius: 0 5px 14px 0;
34334      -moz-background-clip: padding;
34335      border-radius: 0 5px 14px 0;
34336      background-clip: padding-box;
34337      -webkit-transform: rotate(0deg);
34338      transform: rotate(0deg);
34339    }
34340  }
34341  @keyframes finger-5-animation {
34342    0% {
34343      top: 32px;
34344      right: 0;
34345      -webkit-border-radius: 0 5px 14px 0;
34346      -webkit-background-clip: padding-box;
34347      -moz-border-radius: 0 5px 14px 0;
34348      -moz-background-clip: padding;
34349      border-radius: 0 5px 14px 0;
34350      background-clip: padding-box;
34351      -webkit-transform: rotate(0deg);
34352      transform: rotate(0deg);
34353    }
34354    34% {
34355      top: 32px;
34356      right: 0;
34357      -webkit-border-radius: 0 5px 14px 0;
34358      -webkit-background-clip: padding-box;
34359      -moz-border-radius: 0 5px 14px 0;
34360      -moz-background-clip: padding;
34361      border-radius: 0 5px 14px 0;
34362      background-clip: padding-box;
34363      -webkit-transform: rotate(0deg);
34364      transform: rotate(0deg);
34365    }
34366    43% {
34367      top: 20px;
34368      right: 2px;
34369      -webkit-border-radius: 0 8px 20px 0;
34370      -webkit-background-clip: padding-box;
34371      -moz-border-radius: 0 8px 20px 0;
34372      -moz-background-clip: padding;
34373      border-radius: 0 8px 20px 0;
34374      background-clip: padding-box;
34375      -webkit-transform: rotate(-12deg);
34376      transform: rotate(-12deg);
34377    }
34378    50% {
34379      top: 20px;
34380      right: 2px;
34381      -webkit-border-radius: 0 8px 20px 0;
34382      -webkit-background-clip: padding-box;
34383      -moz-border-radius: 0 8px 20px 0;
34384      -moz-background-clip: padding;
34385      border-radius: 0 8px 20px 0;
34386      background-clip: padding-box;
34387      -webkit-transform: rotate(-12deg);
34388      transform: rotate(-12deg);
34389    }
34390    60% {
34391      top: 32px;
34392      right: 0;
34393      -webkit-border-radius: 0 5px 14px 0;
34394      -webkit-background-clip: padding-box;
34395      -moz-border-radius: 0 5px 14px 0;
34396      -moz-background-clip: padding;
34397      border-radius: 0 5px 14px 0;
34398      background-clip: padding-box;
34399      -webkit-transform: rotate(0deg);
34400      transform: rotate(0deg);
34401    }
34402    100% {
34403      top: 32px;
34404      right: 0;
34405      -webkit-border-radius: 0 5px 14px 0;
34406      -webkit-background-clip: padding-box;
34407      -moz-border-radius: 0 5px 14px 0;
34408      -moz-background-clip: padding;
34409      border-radius: 0 5px 14px 0;
34410      background-clip: padding-box;
34411      -webkit-transform: rotate(0deg);
34412      transform: rotate(0deg);
34413    }
34414  }
34415
34416
34417
34418  .loader_wrapper .finger.finger-1 .finger-item {
34419      background: #e94f1f;
34420  }
34421  .loader_wrapper .finger.finger-2 .finger-item {
34422      background: #ef7f1a;
34423  }
34424  .loader_wrapper .finger.finger-3 .finger-item {
34425      background: #88a824;
34426  }
34427  .loader_wrapper .finger.finger-4 .finger-item {
34428      background: #0b66aa;
34429  }
34430  .loader_wrapper .last-finger .last-finger-item {
34431      background: #e94f1f;
34432  }
34433  .loader_wrapper .loading .last-finger-item i {
34434      position: absolute;
34435      left: 0;
34436      top: -8px;
34437      width: 22px;
34438      height: 8px;
34439      background: #e94f1f;
34440      overflow: hidden;
34441  }
34442  .loader_wrapper .loader_wrapper {
34443    position: fixed;
34444    top: 0;
34445    left: 0;
34446    right: 0;
34447    bottom: 0;
34448    background: white;
34449    width: 100%;
34450    height: 100%;
34451  }
34452  .loader_wrapper {
34453    background: white;
34454    z-index: 9999999999999;
34455    position: fixed;
34456    top: 0;
34457    width: 100%;
34458    bottom: 0;
34459    left: 0;
34460    right: 0;
34461  }
34462</style>
34463<!-- loader styling end-->
34464
34465
34466
34467  <div id="announcement_bar" style="background:rgb(190,239,255);background:#2ca35b;color:#fbff00;">
34468  	<span class="close_fullscreen">
34469  		<i class="fa fa-times"></i>
34470  	</span>
34471    <span class="time d-none">1599945687</span>
34472    <!-- 
34473<i class="fa fa-trophy"></i> Create your Portfolio/Proposal and WIN upto Rs 10,000. Everyone will win. Hurry Up.
34474
34475
34476
34477
34478
34479
34480
34481
34482
34483
34484 -->
34485
34486    <i class="fa fa-trophy"></i>Create your Portfolio/Proposal and WIN upto Rs 10,000. Hurry Up.
34487    <!-- <span class="readmore_tri">Read More</span> -->
34488	    
34489    <!-- <a href="#" class="float-right close-icon">
34490      <i class="fa fa-times"></i>
34491    </a> -->
34492  </div>
34493  <div id="announcement_bar_margin"></div>
34494<script>
34495
34496$(document).ready(function(){
34497	//alert()
34498	// setTimeout(function(){
34499	// 	$("#announcement_bar").addClass("adddd");
34500	// 	$(".close_fullscreen").show()
34501	// }, 8000);
34502	
34503	$(".readmore_tri").click(function(){
34504		$(this).parent("#announcement_bar").addClass("add_announcement");
34505		$(this).hide();
34506		$(".close_fullscreen").show();
34507	$(".close_fullscreen").click(function(){
34508		$(this).hide();
34509			$(this).parent("#announcement_bar").removeClass("add_announcement");
34510			$(".readmore_tri").show()
34511			//$("#announcement_bar_margin").hide();
34512			//$("#announcement_bar").hide();
34513		});
34514		$(".anoounsment_details_inner").css("display", "flex");
34515	});
34516});
34517
34518</script>
34518
34519<!-- Google Tag Manager -->
34520<script>
vendor: 328 bytes, lines 34520-34524
34520 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
34521new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
34522j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
34523'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
34524})(window,document,'script','dataLayer','
34524GTM-PL875H2
vendor: 4 bytes, line 34524
34524'); 
34524</script>
34524
34525<!-- End Google Tag Manager -->
34526
34527
34528
34529<script type="text/javascript" src="https://www.hobbylancer.com/js/jquery.lazy.min.js"></script>
34529
34530<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 34530-34531
34530
34531<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
34531GTM-PL875H2
vendor: 83 bytes, lines 34531-34532
34531"
34532height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
34533<!-- End Google Tag Manager (noscript) -->
34534
34535<!-- Hotjar Tracking Code for https://www.hobbylancer.com -->
34536<script>
34537 /*
vendor: 123 bytes, lines 34537-34539
34537   (function(h,o,t,j,a,r){
34538        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
34539        h._hjSettings={hjid:
345391988680
vendor: 258 bytes, lines 34539-34544
34539,hjsv:6};
34540        a=o.getElementsByTagName('head')[0];
34541        r=o.createElement('script');r.async=1;
34542        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
34543        a.appendChild(r);
34544    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 
34544*/
34545</script>
34545
34546<!--- Facebook pixel -------->
34547<script>
vendor: 400 bytes, lines 34547-34558
34547
34548!function(f,b,e,v,n,t,s)
34549{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
34550n.callMethod.apply(n,arguments):n.queue.push(arguments)};
34551if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
34552n.queue=[];t=b.createElement(e);t.async=!0;
34553t.src=v;s=b.getElementsByTagName(e)[0];
34554s.parentNode.insertBefore(t,s)}(window,document,'script',
34555'https://connect.facebook.net/en_US/fbevents.js');
34556
34557
34558fbq('init', '
34558355968809110289
vendor: 33 bytes, lines 34558-34562
34558');
34559
34560
34561fbq('track', 'PageView');
34562
34563</script>
34563
34564
34565<script type="text/javascript">
34566  var local_country = "";
34567  var local_city = "";
34568  var local_state = "";
34569</script>
34569
34570<link href="https://www.hobbylancer.com/styles/scoped_responsive_and_nav.css?ver=1.0.9.7" rel="stylesheet">
34571<link href="https://www.hobbylancer.com/styles/vesta_homepage.css" rel="stylesheet">
34572
34573<script src="//platform-api.sharethis.com/js/sharethis.js#property=5c812224d11c6a0011c485fd&product=inline-share-buttons"></script>
34573
34574
34575<div id="gnav-header" class="gnav-header global-nav clear gnav-3">
34576  <header id="gnav-header-inner" class="gnav-header-inner clear apply-nav-height col-group has-svg-icons body-max-width">
34577    <div class="col-xs-12">
34578      <div id="gigtodo-logo" class="apply-nav-height gigtodo-logo-svg gigtodo-logo-svg-logged-in ">
34579        <a href="https://www.hobbylancer.com">
34580                      <img class="desktop" src="https://www.hobbylancer.com//images/mainlogo.png" width="150">
34581                                <img class="mobile" src="https://www.hobbylancer.com//images/mobile_logo.png" height="25">
34582                  </a>
34583      </div>
34584      <button id="mobilemenu" class="unstyled-button mobile-catnav-trigger apply-nav-height icon-b-1 tablet-catnav-enabled ">
34585        <span class="screen-reader-only"></span>
34586        <div class="text-gray-lighter text-body-larger">
34587          <span class="gigtodo-icon hamburger-icon nav-icon">
34588            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
34589              <path d="M20,6H4A1,1,0,1,1,4,4H20A1,1,0,0,1,20,6Z" />
34590              <path d="M20,13H4a1,1,0,0,1,0-2H20A1,1,0,0,1,20,13Z" />
34591              <path d="M20,20H4a1,1,0,0,1,0-2H20A1,1,0,0,1,20,20Z" />
34592            </svg>
34593          </span>
34594        </div>
34595      </button>
34596      <div class="catnav-search-bar search-browse-wrapper with-catnav">
34597        <div class="search-browse-inner">
34598          <form id="gnav-search" class="search-nav expanded-search apply-nav-height" method="post">
34599            <div class="gnav-search-inner clearable">
34600              <label for="search-query" class="screen-reader-only">Search for items</label>
34601              <div class="search-input-wrapper text-field-wrapper">
34602                <input id="search-query" class="rounded" name="search_query"
34603                  placeholder="Find Services" value=""  autocomplete="off">
34604              </div>
34605              <div class="search-button-wrapper hide">
34606                <button class="btn btn-primary" name="search" type="submit" value="Search">
34607                Search                </button>
34608                <div class="localsearch">
34609                  <!-- <input type="checkbox" name="localsearch" id="localsearch"/> <label for="localsearch">Local</label> -->
34610                  <label class="checkbox_conntainer">
34611                    
34612                    <input type="checkbox" name="localsearch" id="localsearch"  />
34613                    <label for="localsearch">Local</label>
34614                    <span class="checkmark"></span>
34615                  </label>
34616                </div>
34617              </div>
34618            </div>
34619            <ul class="search-bar-panel d-none"></ul>
34620          </form>
34621        </div>
34622      </div>
34623      <ul class="account-nav apply-nav-height">
34624        
34625                  <li class="logged-in-link">
34626           
34627               <span class="gigtodo-icon nav-icon gigtodo-icon-relative for_share_and_earn">
34628                 <span class="gigtodo-icon nav-icon gigtodo-icon-relative share_rupee_cont cont_sr_after_login">
34629                   
34630                    <a class="menuItem" title="Do Share & Earn Money">
34631                      <span class="rupee_icon"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
34632	 width="1020.102px" height="1014.101px" viewBox="395.263 26.268 1020.102 1014.101"
34633	 enable-background="new 395.263 26.268 1020.102 1014.101" xml:space="preserve">
34634<g>
34635	<ellipse fill="#FFFFFF" cx="909.814" cy="560.321" rx="379.538" ry="405.04"/>
34636	<g>
34637		<g>
34638			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="555.7914" y1="214.7472" x2="1248.8607" y2="856.8114">
34639				<stop  offset="0" style="stop-color:#55B5FF"/>
34640				<stop  offset="1" style="stop-color:#003DD4"/>
34641			</linearGradient>
34642			<path fill="url(#SVGID_1_)" d="M901.873,39.004C627.722,39.452,405.982,261.64,405.534,535.343c0,0.448,0,0.448,0,0.448
34643				c0,274.151,222.636,496.339,496.787,496.339s496.339-222.636,496.339-496.787S1176.024,39.004,901.873,39.004z M1016.998,397.371
34644				h60.027c24.638,0,44.796,20.158,44.796,44.796s-20.158,44.796-44.796,44.796h-60.027c-8.959,34.941-26.878,66.746-
3464452.411,92.28
34645				c-33.597,33.597-78.393,53.307-125.877,55.995l168.881,159.921c17.918,17.022,18.814,45.244,1.792,63.162
34646				c-17.023,17.918-45.244,18.814-63.162,1.792L695.811,623.143c-8.511-8.511-13.887-20.158-13.887-32.253
34647				c-0.448-25.086,19.71-45.244,44.796-45.692h100.343c27.774,0.448,54.651-10.303,74.809-30.013
34648				c8.063-8.511,14.783-17.918,20.606-28.221H726.721c-24.638,0-44.796-20.158-44.796-44.796s20.158-44.796,44.796-44.796h195.758
34649				c-16.575-35.837-53.307-62.714-95.415-62.714H726.721c-24.638,0-44.796-20.158-44.796-44.796s20.158-44.796,44.796-44.796
34650				h350.304c24.638,0,44.796,20.158,44.796,44.796s-20.158,44.796-44.796,44.796h-86.008
34651				C1003.56,353.919,1012.071,374.973,1016.998,397.371z"/>
34652		</g>
34653	</g>
34654</g>
34655</svg>
34656</span>
34657                     <span><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
34658	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
34659<circle cx="256.5" cy="255.5" r="254.5"/>
34660<path fill="#FFFFFF" d="M351.276,203.862c35.138,0,63.724-28.587,63.724-63.724s-28.587-63.724-63.724-63.724
34661	S287.552,105,287.552,140.138c0,5.016,0.601,9.891,1.702,14.577L187.848,211.05c-11.546-11.59-27.51-18.774-45.124-18.774
34662	C107.587,192.276,79,220.863,79,256s28.587,63.724,63.724,63.724c17.613,0,33.578-7.185,45.124-18.774l101.406,56.336
34663	c-1.101,4.685-1.702,9.561-1.702,14.577c0,35.137,28.587,63.724,63.724,63.724S415,407,415,371.862s-28.587-63.724-63.724-63.724
34664	c-17.613,0-33.578,7.185-45.124,18.774l-101.406-56.336c1.101-4.684,1.702-9.56,1.702-14.577s-0.601-9.891-1.702-14.577
34665	l101.406-56.336C317.698,196.677,333.663,203.862,351.276,203.862z M351.276,342.897c15.972,0,28.966,12.994,28.966,28.966
34666	s-12.994,28.966-28.966,28.966c-15.972,0-28.966-12.994-28.966-28.966S335.304,342.897,351.276,342.897z M142.724,284.966
34667	c-15.972,0-28.966-12.994-28.966-28.966s12.994-28.966,28.966-28.966S171.69,240.028,171.69,256S158.696,284.966,142.724,284.966z
34668	 M351.276,111.172c15.972,0,28.966,12.994,28.966,28.966s-12.994,28.966-28.966,28.966c-15.972,0-28.966-12.994-28.966-28.966
34669	S335.304,111.172,351.276,111.172z"/>
34670</svg>
34671</span></span>
34672                    </a>
34673                   <div class="shareearn_menu cont_sr_before_login_tri_inner_div" id="shareearn_menu">
34674                    <ul class="share_ref_dd_cont innershare_ref_dd_cont_before_login">
34675                      <li class="share_ref_dd_cont_dd_tri">
34676                        Quick Share
34677                        <span  class="inner_proposal_ref_dd">
34678                          <p class="Secondery_heading">Join Now or Login to use your Referral code to Share and Earn.</p>
34679
34680                          <input type="text" class="ref_code d-none" id="ref_code" value="https://www.hobbylancer.com">
34681
34682                          <div class="sharethis-inline-share-buttons ref_for_share  inner_cont_sr_after_login"  data-url="https://www.hobbylancer.com" data-title="Join now on HobbyLancer!"></div>
34683                        </span>
34684                      </li>
34685                    </ul>
34686                     
34687                   </div>
34688
34689
34690
34691               </span>
34692          </li>
34693        <!-- <li class="register-link">
34694            <a href="https://www.hobbylancer.com/hobbyists">Freelancers</a>
34695        </li>
34696        <li class="sell-on-gigtodo-link d-none d-lg-block">
34697          <a href="#" data-toggle="modal" data-target="#register-modal">
34698            <span class="sell-copy">Become a Hobbyist</span>
34699            <span class="sell-copy short">Become a Hobbyist</span>
34700          </a>
34701        </li> -->
34702        <li class="register-link">
34703          <a href="javascript:void(0)" data-toggle="modal" data-target="#login-modal">Sign In</a>
34704        </li>
34705        <li class="sign-in-link mr-lg-0 mr-3">
34706          <a href="javascript:void(0)" class="btn btn_join" style="color: white;" data-toggle="modal" data-target="#register-modal">
34707          Join Now          </a>
34708        </li>
34709              </ul>
34710    </div>
34711  </header>
34712</div>
34713
34714<div class="clearfix"></div>
34715<div data-ui="cat-nav" id="desktop-category-nav" class="ui-toolkit cat-nav ">
34716  <div class="bg-white bg-transparent-homepage-experiment bb-xs-1 hide-xs hide-sm hide-md">
34717    <div class="col-group body-max-width">
34718      <ul class="col-xs-12 body-max-width display-flex-xs justify-content-space-between" role="menubar" data-ui="top-nav-category-list" aria-activedescendant="catnav-primary-link-10855">
34719                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34720          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-1">
34721          <a href="https://www.hobbylancer.com/categories/arts-and-crafts">
34722          Arts &amp; Crafts          </a>
34723        </li>
34724                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34725          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-2">
34726          <a href="https://www.hobbylancer.com/categories/collections">
34727          Collections          </a>
34728        </li>
34729                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34730          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-3">
34731          <a href="https://www.hobbylancer.com/categories/food-and-drinks">
34732          Food &amp; Drinks          </a>
34733        </li>
34734                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34735          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-4">
34736          <a href="https://www.hobbylancer.com/categories/music-and-performing-arts">
34737          Music &amp; Performing Arts          </a>
34738        </li>
34739                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34740          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-9">
34741          <a href="https://www.hobbylancer.com/categories/travel">
34742          Travel          </a>
34743        </li>
34744                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34745          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-6">
34746          <a href="https://www.hobbylancer.com/categories/adventures">
34747          Adventures          </a>
34748        </li>
34749                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34750          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-12">
34751          <a href="https://www.hobbylancer.com/categories/indoor-games">
34752          Indoor Games          </a>
34753        </li>
34754                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34755          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-8">
34756          <a href="https://www.hobbylancer.com/categories/sports-and-fitness">
34757          Sports &amp; Fitness          </a>
34758        </li>
34759                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34760          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-11">
34761          <a href="https://www.hobbylancer.com/categories/fashion">
34762          Fashion          </a>
34763        </li>
34764                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34765          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-10">
34766          <a href="https://www.hobbylancer.com/categories/writing">
34767          Writing          </a>
34768        </li>
34769                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34770          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-7">
34771          <a href="https://www.hobbylancer.com/categories/pets">
34772          Pets          </a>
34773        </li>
34774                <li class="top-nav-item pt-xs-1 pb-xs-1 pl-xs-2 pr-xs-2 display-flex-xs align-items-center text-center" 
34775          data-linkable="true" data-ui="top-nav-category-link" data-node-id="c-13">
34776          <a href="https://www.hobbylancer.com/categories/others">
34777          Others          </a>
34778        </li>
34779              </ul>
34780    </div>
34781  </div>
34782
34783  <div class="position-absolute col-xs-12 col-centered z-index-4">
34784    <div>
34785            <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-1">
34786        <div class="width-full display-flex-xs">
34787          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34788                        <li>
34789              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/animation">
34790              Animation              </a>
34791            </li>
34792                        <li>
34793              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/bags">
34794              Bag making              </a>
34795            </li>
34796                        <li>
34797              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/candle-making">
34798              Candle Making              </a>
34799            </li>
34800                        <li>
34801              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/carpentry">
34802              Carpentry              </a>
34803            </li>
34804                        <li>
34805              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/clay-making-things">
34806              Clay Making Things              </a>
34807            </li>
34808                        <li>
34809              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/cosmetics-making">
34810              Cosmetics Making              </a>
34811            </li>
34812                      </ul>
34813          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34814                        <li>
34815              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/craft-making">
34816                Craft Making              </a>
34817            </li>
34818                        <li>
34819              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/gardening">
34820                Gardening              </a>
34821            </li>
34822                        <li>
34823              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/jewellery-making">
34824                Jewellery Making              </a>
34825            </li>
34826                        <li>
34827              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/mehndi-design">
34828                Mehndi Design              </a>
34829            </li>
34830                        <li>
34831              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/nail-art">
34832                Nail Art              </a>
34833            </li>
34834                        <li>
34835              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/painting-and-drawing">
34836                Painting &amp; Drawing              </a>
34837            </li>
34838                      </ul>
34839          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34840                        <li>
34841              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/photography">
34842                Photography              </a>
34843            </li>
34844                        <li>
34845              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/sea-shell-art">
34846                Sea Shell Art              </a>
34847            </li>
34848                        <li>
34849              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/sewing-and-stitching">
34850                Sewing &amp; Stitching              </a>
34851            </li>
34852                        <li>
34853              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/soft-toy-making">
34854                Soft Toy Making              </a>
34855            </li>
34856                        <li>
34857              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/t-shirt-art">
34858                T-shirt Art              </a>
34859            </li>
34860                        <li>
34861              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/arts-and-crafts/tattoo">
34862                Tattoo              </a>
34863            </li>
34864                      </ul>
34865          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34866            <img src="https://www.hobbylancer.com//cat_images/copy.webp" class="mx-auto d-block">
34867          </ul>
34868        </div>
34869      </div>
34870                  <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-2">
34871        <div class="width-full display-flex-xs">
34872          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34873                        <li>
34874              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/antiques">
34875              Antiques              </a>
34876            </li>
34877                        <li>
34878              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/autographs">
34879              Autographs              </a>
34880            </li>
34881                        <li>
34882              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/books">
34883              Books              </a>
34884            </li>
34885                        <li>
34886              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/coins">
34887              Coins              </a>
34888            </li>
34889                      </ul>
34890          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34891                        <li>
34892              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/fine-arts-and-prints">
34893                Fine Arts &amp; Prints              </a>
34894            </li>
34895                        <li>
34896              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/fridge-magnet">
34897                Fridge Magnets               </a>
34898            </li>
34899                        <li>
34900              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/miscellaneous-collections">
34901                Miscellaneous Collections              </a>
34902            </li>
34903                        <li>
34904              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/movies">
34905                Movies              </a>
34906            </li>
34907                      </ul>
34908          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34909             
34909           <li>
34910              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/music-collectibles">
34911                Music Collectibles              </a>
34912            </li>
34913                        <li>
34914              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/postcards">
34915                Postcards / Deltiology              </a>
34916            </li>
34917                        <li>
34918              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/collections/stamps-collecting">
34919                Stamps Collecting              </a>
34920            </li>
34921                      </ul>
34922          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34923            <img src="https://www.hobbylancer.com//cat_images/cc.webp" class="mx-auto d-block">
34924          </ul>
34925        </div>
34926      </div>
34927                  <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-3">
34928        <div class="width-full display-flex-xs">
34929          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34930                        <li>
34931              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/baking">
34932              Baking              </a>
34933            </li>
34934                        <li>
34935              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/bartending">
34936              Bartending              </a>
34937            </li>
34938                        <li>
34939              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/chocolates-making">
34940              Chocolates Making              </a>
34941            </li>
34942                        <li>
34943              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/cooking">
34944              Cooking              </a>
34945            </li>
34946                      </ul>
34947          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34948                        <li>
34949              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/dessert-making">
34950                Dessert Making              </a>
34951            </li>
34952                        <li>
34953              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/dietitians">
34954                Dietitians              </a>
34955            </li>
34956                        <li>
34957              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/drinks">
34958                Drinks              </a>
34959            </li>
34960                        <li>
34961              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/food-blogging">
34962                Food Blogging              </a>
34963            </li>
34964                      </ul>
34965          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34966                        <li>
34967              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/sushi-making">
34968                Sushi Making              </a>
34969            </li>
34970                        <li>
34971              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/food-and-drinks/wine-tasting">
34972                Wine Tasting              </a>
34973            </li>
34974                      </ul>
34975          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34976            <img src="https://www.hobbylancer.com//cat_images/f&d.webp" class="mx-auto d-block">
34977          </ul>
34978        </div>
34979      </div>
34980                  <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-4">
34981        <div class="width-full display-flex-xs">
34982          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
34983                        <li>
34984              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/appreciation-for-genres">
34985              Appreciation For Genres              </a>
34986            </li>
34987                        <li>
34988              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/audiophile">
34989              Audiophile              </a>
34990            </li>
34991                        <li>
34992              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/compose-music">
34993              Compose Music              </a>
34994            </li>
34995                        <li>
34996              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/film-making">
34997              Film Making              </a>
34998            </li>
34999                      </ul>
35000          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35001                        <li>
35002              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/magician">
35003                Magician              </a>
35004            </li>
35005                        <li>
35006              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/modern-dance">
35007                Modern Dance              </a>
35008            </li>
35009                        <li>
35010              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/perform-instruments">
35011                Perform Instruments              </a>
35012            </li>
35013                        <li>
35014              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/performing-music">
35015                Performing Music              </a>
35016            </li>
35017                      </ul>
35018          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35019                        <li>
35020              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/recitation">
35021                Recitation              </a>
35022            </li>
35023                        <li>
35024              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/start-a-band">
35025                Start A Band              </a>
35026            </li>
35027                        <li>
35028              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/theatre">
35029                Theatre              </a>
35030            </li>
35031                        <li>
35032              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/music-and-performing-arts/traditional-dance">
35033                Traditional Dance              </a>
35034            </li>
35035                      </ul>
35036          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35037            <img src="https://www.hobbylancer.com//cat_images/m&pa.webp" class="mx-auto d-block">
35038          </ul>
35039        </div>
35040      </div>
35041                  <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-9">
35042        <div class="width-full display-flex-xs">
35043          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35044                        <li>
35045              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/backpacking">
35046              Backpacking              </a>
35047            </li>
35048                        <li>
35049              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/expeditions">
35050              Expeditions              </a>
35051            </li>
35052                      </ul>
35053          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35054                        <li>
35055              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/long-term-travel">
35056                Long Term Travel              </a>
35057            </li>
35058                        <li>
35059              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/recreational-travel">
35060                Recreational travel               </a>
35061            </li>
35062                      </ul>
35063          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35064                        <li>
35065              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/solo-travel">
35066                Solo Travel              </a>
35067            </li>
35068                        <li>
35069              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/travel/travel-blogger">
35070                Travel Blogger              </a>
35071            </li>
35072                      </ul>
35073          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35074            <img src="https://www.hobbylancer.com//cat_images/jcopy.webp" class="mx-auto d-block">
35075          </ul>
35076        </div>
35077      </div>
35078                  <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-6">
35079        <div class="width-full display-flex-xs">
35080          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35081                        <li>
35082              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/adventure-activities">
35083              Adventure Activities              </a>
35084            </li>
35085                        <li>
35086              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/camping">
35087              Camping              </a>
35088            </li>
35089                        <li>
35090              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/cliff-diving">
35091              Cliff diving              </a>
35092            </li>
35093                        <li>
35094              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/jet-ski">
35095              Jet Ski              </a>
35096            </li>
35097                        <li>
35098              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/jungle-safari">
35099              Jungle Safari              </a>
35100            </li>
35101                      </ul>
35102          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35103                        <li>
35104              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/mountaineering">
35105                Mountaineering              </a>
35106            </li>
35107                        <li>
35108              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/paragliding">
35109                Paragliding              </a>
35110            </li>
35111                        <li>
35112              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/sailing">
35113                Sailing              </a>
35114            </li>
35115                        <li>
35116              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/scuba-diving">
35117                Scuba Diving              </a>
35118            </li>
35119                        <li>
35120              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/skiing">
35121                Skiing              </a>
35122            </li>
35123                      </ul>
35124          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35125                        <li>
35126              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/sky-diving">
35127                Sky Diving              </a>
35128            </li>
35129                        <li>
35130              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/surfing">
35131                Surfing              </a>
35132            </li>
35133                        <li>
35134              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/trekking">
35135                Trekking              </a>
35136            </li>
35137                        <li>
35138              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/adventures/zip-line">
35139                Zip Line              </a>
35140            </li>
35141                      </ul>
35142          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35143            <img src="https://www.hobbylancer.com//cat_images/ad.webp" class="mx-auto d-block">
35144          </ul>
35145        </div>
35146      </div>
35147                  <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-12">
35148        <div class="width-full display-flex-xs">
35149          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35150                        <li>
35151              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/indoor-games/board-games">
35152              Board Games              </a>
35153            </li>
35154                        <li>
35155              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/indoor-games/bowling">
35156              Bowling              </a>
35157            </li>
35158                      </ul>
35159          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35160                        <li>
35161              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/indoor-games/mind-games">
35162                Mind Games              </a>
35163            </li>
35164                        <li>
35165              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/indoor-games/table-top-games">
35166                Table-Top Games              </a>
35167            </li>
35168                      </ul>
35169          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presen
35169tation">
35170                        <li>
35171              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/indoor-games/video-game">
35172                Video Game              </a>
35173            </li>
35174                      </ul>
35175          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35176            <img src="https://www.hobbylancer.com//cat_images/board-game-copy.webp" class="mx-auto d-block">
35177          </ul>
35178        </div>
35179      </div>
35180                  <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-8">
35181        <div class="width-full display-flex-xs">
35182          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35183                        <li>
35184              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/ball-sports">
35185              Ball Sports              </a>
35186            </li>
35187                        <li>
35188              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/gym">
35189              Gym              </a>
35190            </li>
35191                        <li>
35192              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/individual-sports">
35193              Individual Sports              </a>
35194            </li>
35195                      </ul>
35196          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35197                        <li>
35198              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/snow-and-ice-sports">
35199                Snow and Ice Sports              </a>
35200            </li>
35201                        <li>
35202              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/strength-and-combat-sports">
35203                Strength and Combat Sports              </a>
35204            </li>
35205                        <li>
35206              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/track-and-endurance-sports">
35207                Track and Endurance Sports              </a>
35208            </li>
35209                      </ul>
35210          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35211                        <li>
35212              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/water-sports">
35213                Water Sports              </a>
35214            </li>
35215                        <li>
35216              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/yoga">
35217                Yoga              </a>
35218            </li>
35219                        <li>
35220              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/sports-and-fitness/zumba">
35221                Zumba              </a>
35222            </li>
35223                      </ul>
35224          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35225            <img src="https://www.hobbylancer.com//cat_images/child-copy.webp" class="mx-auto d-block">
35226          </ul>
35227        </div>
35228      </div>
35229                  <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-11">
35230        <div class="width-full display-flex-xs">
35231          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35232                        <li>
35233              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/bags">
35234              Bag making              </a>
35235            </li>
35236                        <li>
35237              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/beautician">
35238              Beautician              </a>
35239            </li>
35240                        <li>
35241              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/clothing-makers">
35242              Clothing Makers              </a>
35243            </li>
35244                        <li>
35245              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/cosmetics-making">
35246              Cosmetics Making              </a>
35247            </li>
35248                      </ul>
35249          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35250                        <li>
35251              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/hat-making">
35252                Hat Making              </a>
35253            </li>
35254                        <li>
35255              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/jewellery-making">
35256                Jewellery Making              </a>
35257            </li>
35258                        <li>
35259              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/makeup-artist">
35260                Makeup Artist               </a>
35261            </li>
35262                        <li>
35263              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/mehndi-design">
35264                Mehndi Design              </a>
35265            </li>
35266                      </ul>
35267          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35268                        <li>
35269              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/modelling">
35270                Modelling              </a>
35271            </li>
35272                        <li>
35273              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/nail-art">
35274                Nail Art              </a>
35275            </li>
35276                        <li>
35277              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/shoe-making">
35278                Shoe Making              </a>
35279            </li>
35280                        <li>
35281              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/fashion/tattoo">
35282                Tattoo              </a>
35283            </li>
35284                      </ul>
35285          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35286            <img src="https://www.hobbylancer.com//cat_images/beauty.webp" class="mx-auto d-block">
35287          </ul>
35288        </div>
35289      </div>
35290                  <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-10">
35291        <div class="width-full display-flex-xs">
35292          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35293                        <li>
35294              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/food-blogging">
35295              Food Blogging              </a>
35296            </li>
35297                        <li>
35298              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/freelance-writing">
35299              Freelance Writing              </a>
35300            </li>
35301                        <li>
35302              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/novel-writing">
35303              Novel Writing              </a>
35304            </li>
35305                      </ul>
35306          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35307                        <li>
35308              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/play-writing">
35309                Play Writing              </a>
35310            </li>
35311                        <li>
35312              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/poetry-writing">
35313                Poetry Writing              </a>
35314            </li>
35315                        <li>
35316              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/screen-writing">
35317                Screen Writing              </a>
35318            </li>
35319                      </ul>
35320          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35321                        <li>
35322              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/song-writing">
35323                Song Writing              </a>
35324            </li>
35325                        <li>
35326              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/writing/travel-blogger">
35327                Travel Blogger              </a>
35328            </li>
35329                      </ul>
35330          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35331            <img src="https://www.hobbylancer.com//cat_images/adult-copy.webp" class="mx-auto d-block">
35332          </ul>
35333        </div>
35334      </div>
35335                  <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-7">
35336        <div class="width-full display-flex-xs">
35337          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35338                        <li>
35339              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/birds">
35340              Birds              </a>
35341            </li>
35342                        <li>
35343              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/cats">
35344              Cats              </a>
35345            </li>
35346                      </ul>
35347          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35348                        <li>
35349              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/dogs">
35350                Dogs              </a>
35351            </li>
35352                        <li>
35353              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/fish-keeping">
35354                Fish Keeping              </a>
35355            </li>
35356                      </ul>
35357          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35358                        <li>
35359              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/rabbits">
35360                Rabbits              </a>
35361            </li>
35362                        <li>
35363              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/pets/rodents">
35364                Rodents              </a>
35365            </li>
35366                      </ul>
35367          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35368            <img src="https://www.hobbylancer.com//cat_images/pet.webp" class="mx-auto d-block">
35369          </ul>
35370        </div>
35371      </div>
35372                  <div class="body-sub-width vertical-align-top sub-nav-container bg-white overflow-hidden bl-xs-1 bb-xs-1 br-xs-1 catnav-mott-control display-none" data-ui="sub-nav" aria-hidden="true" data-node-id="c-13">
35373        <div class="width-full display-flex-xs">
35374          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35375                        <li>
35376              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/astrology">
35377              Astrology              </a>
35378            </li>
35379                        <li>
35380              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/astronomy">
35381              Astronomy              </a>
35382            </li>
35383                        <li>
35384              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/coding">
35385              Coding              </a>
35386            </li>
35387                        <li>
35388              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/
35388decorator">
35389              Decorator              </a>
35390            </li>
35391                      </ul>
35392          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35393                        <li>
35394              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/fishing">
35395                Fishing              </a>
35396            </li>
35397                        <li>
35398              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/miscellaneous">
35399                Miscellaneous              </a>
35400            </li>
35401                        <li>
35402              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/palmistry">
35403                Palmistry              </a>
35404            </li>
35405                        <li>
35406              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/robotics">
35407                Robotics              </a>
35408            </li>
35409                      </ul>
35410          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35411                        <li>
35412              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/shopping">
35413                Shopping              </a>
35414            </li>
35415                        <li>
35416              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/social-work">
35417                Social Work              </a>
35418            </li>
35419                        <li>
35420              <a class="display-block text-gray text-body-larger pt-xs-1" href="https://www.hobbylancer.com/categories/others/teaching">
35421                Teaching              </a>
35422            </li>
35423                      </ul>
35424          <ul class="list-unstyled display-inline-block col-xs-3 p-xs-3 pl-xs-5" role="presentation">
35425            <img src="https://www.hobbylancer.com//cat_images/artificial-intelligence-copy.webp" class="mx-auto d-block">
35426          </ul>
35427        </div>
35428      </div>
35429                </div>
35430  </div>
35431</div>
35432<div class="cat-mobile" id="gigtodo-modal-container" style="display:none;"><!--- cat-mobile Starts --->
35433  <div data-overlay-mask="" class="overlay-mask mobile-catnav-overlay-mask" data-aria-hidden="true"></div>
35434  <div data-overlay-content-wrapper="" class="overlay-mask overlay-content-wrapper mobile-catnav-overlay-mask">
35435    <div class="mobile-catnav-wrapper overlay-region position-relative p-xs-0" id="mobile-catnav-overlay" aria-hidden="false" data-overlay-has-trigger="true" style="top: 0px;">
35436      <div data-ui="mobile-cat-nav" class="mobile-cat-nav bg-gray-lighter pb-xs-4 width-full position-fixed animated" style="height: 100vh;">
35437
35438        <div class="bg-white display-flex-md show-md pt-md-3 pl-md-2 pb-md-3">
35439          <div class="flex-md-5 pl-md-0">
35440            <a role="button" href="https://www.hobbylancer.com">
35441            <img src="https://www.hobbylancer.com//images/mainlogo.png" width="158">
35442            </a>
35443          </div>
35444          <div class="flex-md-1 pr-md-2">
35445            <button class="btn-link text-right overlay-close flex-xs-1 justify-self-flex-end border-0 p-md-0" data-overlay-close="">
35446              <span class="screen-reader-only">Close Menu</span>
35447              <span class="gigtodo-icon">
35448                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
35449                  <path d="M13.414,12l6.293-6.293a1,1,0,0,0-1.414-1.414L12,10.586,5.707,4.293A1,1,0,0,0,4.293,5.707L10.586,12,4.293,18.293a1,1,0,1,0,1.414,1.414L12,13.414l6.293,6.293a1,1,0,0,0,1.414-1.414Z"></path>
35450                </svg>
35451              </span>
35452            </button>
35453          </div>
35454        </div>
35455
35456        <div data-ui="mobile-catnav-header" class="mobile-catnav-header bb-xs-1 align-items-center bg-white display-flex-xs flex-nowrap position-relative height-50px">
35457          <button class="mobile-catnav-back-btn btn-link overlay-back p-xs-2 text-left display-none flex-xs-1 align-self-flex-start z-index-1 position-absolute" data-subnav-id="0" data-ternav-id="0" data-topnav-name="" data-subnav-name="">
35458            <span class="screen-reader-only">Go Back</span>
35459            <span class="gigtodo-icon">
35460              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
35461                <path d="M16,21a0.994,0.994,0,0,1-.664-0.253L5.5,12l9.841-8.747a1,1,0,0,1,1.328,1.494L8.5,12l8.159,7.253A1,1,0,0,1,16,21Z"></path>
35462              </svg>
35463            </span>
35464          </button>
35465          <div class="flex-xs-4 width-full pt-md-4 pb-md-4 pl-xs-2">
35466            <h6 id="mobile-catnav-header-title" class="text-left position-absolute vertical-center"><!--  <a href="https://www.hobbylancer.com"><img src="images/https://www.hobbylancer.com//images/mobile_logo.png" class="rounded" title='Home' alt='Home'/></a> --> Browse Categories</h6>
35467            <h6 id="mobile-sub-catnav-header-title" class="text-center position-absolute position-left position-right vertical-center pl-md-8 pr-md-8"></h6>
35468            <h6 id="mobile-tertiary-catnav-header-title" class="text-center position-absolute position-left position-right vertical-center pl-md-8 pr-md-8 display-none"></h6>
35469          </div>
35470          <div class="flex-xs-1 width-full">
35471            <button class="show-xs show-sm btn-link p-xs-2 overlay-close border-0 float-right" data-overlay-close="">
35472              <span class="screen-reader-only">Close Menu</span>
35473              <span class="gigtodo-icon">
35474                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
35475                  <path d="M13.414,12l6.293-6.293a1,1,0,0,0-1.414-1.414L12,10.586,5.707,4.293A1,1,0,0,0,4.293,5.707L10.586,12,4.293,18.293a1,1,0,1,0,1.414,1.414L12,13.414l6.293,6.293a1,1,0,0,0,1.414-1.414Z"></path>
35476                </svg>
35477              </span>
35478            </button>
35479          </div>
35480        </div>
35481
35482        <div data-ui="mobile-catnav-scroll-wrapper" class="height-full overflow-y-scroll">
35483
35484          <div class="mobile-topnav bg-white animated">
35485            <ul data-ui="mobile-top-catnav-container" class="mobile-top-catnav-container list-unstyled mobile-catnav-margin">
35486                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="11" data-name="Arts &amp; Crafts">
35487                                <div class="flag">
35488                  <div class="flag-body">Arts &amp; Crafts</div>
35489                                    
35490  <div class='flag-img flag-img-right'>
35491  <span class='gigtodo-icon float-right'>
35492  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35493  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35494  </svg>
35495  </span>
35496  </div>
35497                                    </div>
35498                              </li>
35499                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="12" data-name="Collections">
35500                                <div class="flag">
35501                  <div class="flag-body">Collections</div>
35502                                    
35503  <div class='flag-img flag-img-right'>
35504  <span class='gigtodo-icon float-right'>
35505  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35506  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35507  </svg>
35508  </span>
35509  </div>
35510                                    </div>
35511                              </li>
35512                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="13" data-name="Food &amp; Drinks">
35513                                <div class="flag">
35514                  <div class="flag-body">Food &amp; Drinks</div>
35515                                    
35516  <div class='flag-img flag-img-right'>
35517  <span class='gigtodo-icon float-right'>
35518  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35519  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35520  </svg>
35521  </span>
35522  </div>
35523                                    </div>
35524                              </li>
35525                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="14" data-name="Music &amp; Performing Arts">
35526                                <div class="flag">
35527                  <div class="flag-body">Music &amp; Performing Arts</div>
35528                                    
35529  <div class='flag-img flag-img-right'>
35530  <span class='gigtodo-icon float-right'>
35531  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35532  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35533  </svg>
35534  </span>
35535  </div>
35536                                    </div>
35537                              </li>
35538                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="19" data-name="Travel">
35539                                <div class="flag">
35540                  <div class="flag-body">Travel</div>
35541                                    
35542  <div class='flag-img flag-img-right'>
35543  <span class='gigtodo-icon float-right'>
35544  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35545  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35546  </svg>
35547  </span>
35548  </div>
35549                                    </div>
35550                              </li>
35551                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="16" data-name="Adventures">
35552                                <div class="flag">
35553                  <div class="flag-body">Adventures</div>
35554                                    
35555  <div class='flag-img flag-img-right'>
35556  <span class='gigtodo-icon float-right'>
35557  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35558  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35559  </svg>
35560  </span>
35561  </div>
35562                                    </div>
35563                              </li>
35564                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="112" data-name="Indoor Games">
35565                                <div class="flag">
35566                  <div class="flag-body">Indoor Games</div>
35567                                    
35568  <div class='flag-img flag-img-right'>
35569  <span class='gigtodo-icon float-right'>
35570  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35571  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35572  </svg>
35573  </span>
35574  </div>
35575                                    </div>
35576                              </li>
35577                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="18" data-name="Sports &amp; Fitness">
35578                                <div class="flag">
35579                  <div class="flag-body">Sports &amp; Fitness</div>
35580                                    
35581  <div class='flag-img flag-img-right'>
35582  <span class='gigtodo-icon float-right'>
35583  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35584  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35585  </svg>
35586  </span>
35587  </div>
35588                                    </div>
35589                              </li>
35590                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="111" data-name="Fashion">
35591                                <div class="flag">
35592                  <div class="flag-body">Fashion</div>
35593                                    
35594  <div class='flag-img flag-img-right'>
35595  <span class='gigtodo-icon float-right'>
35596  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35597  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35598  </svg>
35599  </span>
35600  </div>
35601                                    </div>
35602                              </li>
35603                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="110" data-name="Writing">
35604                                <div class="flag">
35605                  <div class="flag-body">Writing</div>
35606                                    
35607  <div class='flag-img flag-img-right'>
35608  <span class='gigtodo-icon float-right'>
35609  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35610  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35611  </svg>
35612  </span>
35613  </div>
35614                                    </div>
35615                              </li>
35616                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="17" data-name="Pets">
35617                                <div class="flag">
35618                  <div class="flag-body">Pets</div>
35619                                    
35620  <div class='flag-img flag-img-right'>
35621  <span class='gigtodo-icon float-right'>
35622  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35623  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35624  </svg>
35625  </span>
35626  </div>
35627                                    </div>
35628                              </li>
35629                            <li class="p-xs-2 bb-xs-1 text-body-larger top-nav-item" data-uid="113" data-name="Others">
35630                                <div class="flag">
35631                  <div class="flag-body">Others</div>
35632                                    
35633  <div class='flag-img flag-img-right'>
35634  <span class='gigtodo-icon float-right'>
35635  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true' focusable='false'>
35636  <path d='M10,17a1,1,0,0,1-.707-1.707L12.586,12,9.293,8.707a1,1,0,0,1,1.414-1.414L15.414,12l-4.707,4.707A1,1,0,0,1,10,17Z'></path>
35637  </svg>
35638  </span>
35639  </div>
35640                                    </div>
35641                              </li>
35642                          </ul>
35643          </div>
35644
35645                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-11">
35646            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
35647              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
35648                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/arts-and-crafts">
35649                View All Arts &amp; Crafts                </a>
35650              </li>
35651                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35652                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/animation">
35653                  <div class="flag">
35654                    <div class="flag-body">Animation</div>
35655                  </div>
35656                </a>
35657              </li>
35658                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35659                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/bags">
35660                  <div class="flag">
35661                    <div class="flag-body">Bag making</div>
35662                  </div>
35663                </a>
35664              </li>
35665                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35666                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/candle-making">
35667                  <div class="flag">
35668                    <div class="flag-body">Candle Making</div>
35669                  </div>
35670                </a>
35671              </li>
35672                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35673                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/carpentry">
35674                  <div class="flag">
35675                    <div class="flag-body">Carpentry</div>
35676                  </div>
35677                </a>
35678              </li>
35679                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35680                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/clay-making-things">
35681                  <div class="flag">
35682                    <div class="flag-body">Clay Making Things</div>
35683                  </div>
35684                </a>
35685              </li>
35686                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35687                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/cosmetics-making">
35688                  <div class="flag">
35689                    <div class="flag-body">Cosmetics Making</div>
35690                  </div>
35691                </a>
35692              </li>
35693                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35694                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/craft-making">
35695                  <div class="flag">
35696                    <div class="flag-body">
35696Craft Making</div>
35697                  </div>
35698                </a>
35699              </li>
35700                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35701                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/gardening">
35702                  <div class="flag">
35703                    <div class="flag-body">Gardening</div>
35704                  </div>
35705                </a>
35706              </li>
35707                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35708                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/jewellery-making">
35709                  <div class="flag">
35710                    <div class="flag-body">Jewellery Making</div>
35711                  </div>
35712                </a>
35713              </li>
35714                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35715                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/mehndi-design">
35716                  <div class="flag">
35717                    <div class="flag-body">Mehndi Design</div>
35718                  </div>
35719                </a>
35720              </li>
35721                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35722                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/nail-art">
35723                  <div class="flag">
35724                    <div class="flag-body">Nail Art</div>
35725                  </div>
35726                </a>
35727              </li>
35728                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35729                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/painting-and-drawing">
35730                  <div class="flag">
35731                    <div class="flag-body">Painting &amp; Drawing</div>
35732                  </div>
35733                </a>
35734              </li>
35735                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35736                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/photography">
35737                  <div class="flag">
35738                    <div class="flag-body">Photography</div>
35739                  </div>
35740                </a>
35741              </li>
35742                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35743                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/sea-shell-art">
35744                  <div class="flag">
35745                    <div class="flag-body">Sea Shell Art</div>
35746                  </div>
35747                </a>
35748              </li>
35749                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35750                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/sewing-and-stitching">
35751                  <div class="flag">
35752                    <div class="flag-body">Sewing &amp; Stitching</div>
35753                  </div>
35754                </a>
35755              </li>
35756                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35757                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/soft-toy-making">
35758                  <div class="flag">
35759                    <div class="flag-body">Soft Toy Making</div>
35760                  </div>
35761                </a>
35762              </li>
35763                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35764                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/t-shirt-art">
35765                  <div class="flag">
35766                    <div class="flag-body">T-shirt Art</div>
35767                  </div>
35768                </a>
35769              </li>
35770                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35771                <a href="https://www.hobbylancer.com/categories/arts-and-crafts/tattoo">
35772                  <div class="flag">
35773                    <div class="flag-body">Tattoo</div>
35774                  </div>
35775                </a>
35776              </li>
35777                          </ul>
35778          </div>
35779                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-12">
35780            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
35781              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
35782                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/collections">
35783                View All Collections                </a>
35784              </li>
35785                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35786                <a href="https://www.hobbylancer.com/categories/collections/antiques">
35787                  <div class="flag">
35788                    <div class="flag-body">Antiques</div>
35789                  </div>
35790                </a>
35791              </li>
35792                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35793                <a href="https://www.hobbylancer.com/categories/collections/autographs">
35794                  <div class="flag">
35795                    <div class="flag-body">Autographs</div>
35796                  </div>
35797                </a>
35798              </li>
35799                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35800                <a href="https://www.hobbylancer.com/categories/collections/books">
35801                  <div class="flag">
35802                    <div class="flag-body">Books</div>
35803                  </div>
35804                </a>
35805              </li>
35806                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35807                <a href="https://www.hobbylancer.com/categories/collections/coins">
35808                  <div class="flag">
35809                    <div class="flag-body">Coins</div>
35810                  </div>
35811                </a>
35812              </li>
35813                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35814                <a href="https://www.hobbylancer.com/categories/collections/fine-arts-and-prints">
35815                  <div class="flag">
35816                    <div class="flag-body">Fine Arts &amp; Prints</div>
35817                  </div>
35818                </a>
35819              </li>
35820                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35821                <a href="https://www.hobbylancer.com/categories/collections/fridge-magnet">
35822                  <div class="flag">
35823                    <div class="flag-body">Fridge Magnets </div>
35824                  </div>
35825                </a>
35826              </li>
35827                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35828                <a href="https://www.hobbylancer.com/categories/collections/miscellaneous-collections">
35829                  <div class="flag">
35830                    <div class="flag-body">Miscellaneous Collections</div>
35831                  </div>
35832                </a>
35833              </li>
35834                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35835                <a href="https://www.hobbylancer.com/categories/collections/movies">
35836                  <div class="flag">
35837                    <div class="flag-body">Movies</div>
35838                  </div>
35839                </a>
35840              </li>
35841                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35842                <a href="https://www.hobbylancer.com/categories/collections/music-collectibles">
35843                  <div class="flag">
35844                    <div class="flag-body">Music Collectibles</div>
35845                  </div>
35846                </a>
35847              </li>
35848                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35849                <a href="https://www.hobbylancer.com/categories/collections/postcards">
35850                  <div class="flag">
35851                    <div class="flag-body">Postcards / Deltiology</div>
35852                  </div>
35853                </a>
35854              </li>
35855                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35856                <a href="https://www.hobbylancer.com/categories/collections/stamps-collecting">
35857                  <div class="flag">
35858                    <div class="flag-body">Stamps Collecting</div>
35859                  </div>
35860                </a>
35861              </li>
35862                          </ul>
35863          </div>
35864                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-13">
35865            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
35866              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
35867                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/food-and-drinks">
35868                View All Food &amp; Drinks                </a>
35869              </li>
35870                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35871                <a href="https://www.hobbylancer.com/categories/food-and-drinks/baking">
35872                  <div class="flag">
35873                    <div class="flag-body">Baking</div>
35874                  </div>
35875                </a>
35876              </li>
35877                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35878                <a href="https://www.hobbylancer.com/categories/food-and-drinks/bartending">
35879                  <div class="flag">
35880                    <div class="flag-body">Bartending</div>
35881                  </div>
35882                </a>
35883              </li>
35884                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35885                <a href="https://www.hobbylancer.com/categories/food-and-drinks/chocolates-making">
35886                  <div class="flag">
35887                    <div class="flag-body">Chocolates Making</div>
35888                  </div>
35889                </a>
35890              </li>
35891                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35892                <a href="https://www.hobbylancer.com/categories/food-and-drinks/cooking">
35893                  <div class="flag">
35894                    <div class="flag-body">Cooking</div>
35895                  </div>
35896                </a>
35897              </li>
35898                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35899                <a href="https://www.hobbylancer.com/categories/food-and-drinks/dessert-making">
35900                  <div class="flag">
35901                    <div class="flag-body">Dessert Making</div>
35902                  </div>
35903                </a>
35904              </li>
35905                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35906                <a href="https://www.hobbylancer.com/categories/food-and-drinks/dietitians">
35907                  <div class="flag">
35908                    <div class="flag-body">Dietitians</div>
35909                  </div>
35910                </a>
35911              </li>
35912                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35913                <a href="https://www.hobbylancer.com/categories/food-and-drinks/drinks">
35914                  <div class="flag">
35915                    <div class="flag-body">Drinks</div>
35916                  </div>
35917                </a>
35918              </li>
35919                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35920                <a href="https://www.hobbylancer.com/categories/food-and-drinks/food-blogging">
35921                  <div class="flag">
35922                    <div class="flag-body">Food Blogging</div>
35923                  </div>
35924                </a>
35925              </li>
35926                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35927                <a href="https://www.hobbylancer.com/categories/food-and-drinks/sushi-making">
35928                  <div class="flag">
35929                    <div class="flag-body">Sushi Making</div>
35930                  </div>
35931                </a>
35932              </li>
35933                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35934                <a href="https://www.hobbylancer.com/categories/food-and-drinks/wine-tasting">
35935                  <div class="flag">
35936                    <div class="flag-body">Wine Tasting</div>
35937                  </div>
35938                </a>
35939              </li>
35940                          </ul>
35941          </div>
35942                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-14">
35943            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
35944              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
35945                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/music-and-performing-arts">
35946                View All Music &amp; Performing Arts                </a>
35947              </li>
35948                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35949                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/appreciation-for-genres">
35950                  <div class="flag">
35951                    <div class="flag-body">Appreciation For Genres</div>
35952                  </div>
35953                </a>
35954              </li>
35955                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35956                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/audiophile">
35957                  <div class="flag">
35958                    <div class="flag-body">Audiophile</div>
35959                  </div>
35960                </a>
35961              </li>
35962                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35963                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/compose-music">
35964                  <div class="flag">
35965                    <div class="flag-body">Compose Music</div>
35966                  </div>
35967                </a>
35968              </li>
35969                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35970                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/film-making">
35971                  <div class="flag">
35972                    <div class="flag-body">Film Making</div>
35973                  </div>
35974                </a>
35975              </li>
35976                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35977                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/magician">
35978                  <div class="flag">
35979                    <div class="flag-body">Magician</div>
35980                  </div>
35981                </a>
35982              </li>
35983                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35984                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/modern-dance">
35985                  <div class="flag">
35986                    <div class="flag-body">Modern Dance</div>
35987                  </div>
35988                </a>
35989              </li>
35990                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35991                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/perform-instruments">
35992                  <div class="flag">
35993                    <div class="flag-body">Perform Instruments</div>
35994                  </div>
35995                </a>
35996              </li>
35997                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
35998                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/performing-music">
35999                  <div class="flag">
36000                    <div class="flag-body">Performing Music</div>
36001                  </div>
36002                </a>
36003              </li>
36004                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36005                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/recitation">
36006                  <div class="flag">
36007                    <div class="flag-body">Recitation</div>
36008                  </div>
36009                </a>
36010              </li>
36011                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36012                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/start-a-band">
36013                  <div class="flag">
36014                    <div class="flag-body">Start A Band</div>
36015                  </div>
36016                </a>
36017              </li>
36018                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36019                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/theatre">
36020                  <div class="flag">
36021                    <div class="flag-body">Theatre</div>
36022                  </div>
36023                </a>
36024              </li>
36025                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36026                <a href="https://www.hobbylancer.com/categories/music-and-performing-arts/traditional-dance">
36027                  <div class="flag">
36028                    <div class="flag-body">Traditional Dance</div>
36029                  </div>
36030                </a>
36031              </li>
36032                          </ul>
36033          </div>
36034                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-19">
36035            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
36036              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
36037                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/travel">
36038                View All Travel                </a>
36039              </li>
36040                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36041                <a href="https://www.hobbylancer.com/categories/travel/backpacking">
36042                  <div class="flag">
36043                    <div class="flag-body">Backpacking</div>
36044                  </div>
36045                </a>
36046              </li>
36047                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36048                <a href="https://www.hobbylancer.com/categories/travel/expeditions">
36049                  <div class="flag">
36050                    <div class="flag-body">Expeditions</div>
36051                  </div>
36052                </a>
36053              </li>
36054                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36055                <a href="https://www.hobbylancer.com/categories/travel/long-term-travel">
36056                  <div class="flag">
36057                    <div class="flag-body">Long Term Travel</div>
36058                  </div>
36059                </a>
36060              </li>
36061                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36062                <a href="https://www.hobbylancer.com/categories/travel/recreational-travel">
36063                  <div class="flag">
36064                    <div class="flag-body">Recreational travel </div>
36065                  </div>
36066                </a>
36067              </li>
36068                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36069                <a href="https://www.hobbylancer.com/categories/travel/solo-travel">
36070                  <div class="flag">
36071                    <div class="flag-body">Solo Travel</div>
36072                  </div>
36073                </a>
36074              </li>
36075                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36076                <a href="https://www.hobbylancer.com/categories/travel/travel-blogger">
36077                  <div class="flag">
36078                    <div class="flag-body">Travel Blogger</div>
36079                  </div>
36080                </a>
36081              </li>
36082                          </ul>
36083          </div>
36084                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-16">
36085            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
36086              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
36087                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/adventures">
36088                View All Adventures                </a>
36089              </li>
36090                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36091                <a href="https://www.hobbylancer.com/categories/adventures/adventure-activities">
36092                  <div class="flag">
36093                    <div class="flag-body">Adventure Activities</div>
36094                  </div>
36095                </a>
36096              </li>
36097                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36098                <a href="https://www.hobbylancer.com/categories/adventures/camping">
36099                  <div class="flag">
36100                    <div class="flag-body">Camping</div>
36101                  </div>
36102                </a>
36103              </li>
36104                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36105                <a href="https://www.hobbylancer.com/categories/adventures/cliff-diving">
36106                  <div class="flag">
36107                    <div class="flag-body">Cliff diving</div>
36108                  </div>
36109                </a>
36110              </li>
36111                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36112                <a href="https://www.hobbylancer.com/categories/adventures/jet-ski">
36113                  <div class="flag">
36114                    <div class="flag-body">Jet Ski</div>
36115                  </div>
36116                </a>
36117              </li>
36118                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36119                <a href="https://www.hobbylancer.com/categories/adventures/jungle-safari">
36120                  <div class="flag">
36121                    <div class="flag-body">Jungle Safari</div>
36122                  </div>
36123                </a>
36124              </li>
36125                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36126                <a href="https://www.hobbylancer.com/categories/adventures/mountaineering">
36127                  <div class="flag">
36128                    <div class="flag-body">Mountaineering</div>
36129                  </div>
36130                </a>
36131              </li>
36132                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36133                <a href="https://www.hobbylancer.com/categories/adventures/paragliding">
36134                  <div class="flag">
36135                    <div class="flag-body">Paragliding</div>
36136                  </div>
36137                </a>
36138              </li>
36139                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36140                <a href="https://www.hobbylancer.com/categories/adventures/sailing">
36141                  <div class="flag">
36142                    <div class="flag-body">Sailing</div>
36143                  </div>
36144                </a>
36145              </li>
36146                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36147                <a href="https://www.hobbylancer.com/categories/adventures/scuba-diving">
36148                  <div class="flag">
36149                    <div class="flag-body">Scuba Diving</div>
36150                  </div>
36151                </a>
36152              </li>
36153                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36154                <a href="https://www.hobbylancer.com/categories/adventures/skiing">
36155                  <div class="flag">
36156                    <div class="flag-body">Skiing</div>
36157                  </div>
36158                </a>
36159              </li>
36160                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36161                <a href="https://www.hobbylancer.com/categories/adventures/sky-diving">
36162                  <div class="flag">
36163                    <div class="flag-body">Sky Diving</div>
36164                  </div>
36165                </a>
36166              </li>
36167                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36168                <a href="https://www.hobbylancer.com/categories/adventures/surfing">
36169                  <div class="flag">
36170                    <div class="flag-body">Surfing</div>
36171                  </div>
36172                </a>
36173              </li>
36174                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36175                <a href="https://www.hobbylancer.com/categories/adventures/trekking">
36176                  <div class="flag">
36177                    <div class="flag-body">Trekking</div>
36178                  </div>
36179                </a>
36180              </li>
36181                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36182                <a href="https://www.hobbylancer.com/categories/adventures/zip-line">
36183                  <div class="flag">
36184                    <div class="flag-body">Zip Line</div>
36185                  </div>
36186                </a>
36187              </li>
36188                          </ul>
36189          </div>
36190                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-112">
36191            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
36192              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
36193                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/indoor-games">
36194                View All Indoor Games                </a>
36195              </li>
36196                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36197                <a href="https://www.hobbylancer.com/categories/indoor-games/board-games">
36198                  <div class="flag">
36199                    <div class="flag-body">Board Games</div>
36200                  </div>
36201                </a>
36202              </li>
36203                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36204                <a href="https://www.hobbylancer.com/categories/indoor-games/bowling">
36205                  <div class="flag">
36206                    <div class="flag-body">Bowling</div>
36207                  </div>
36208                </a>
36209              </li>
36210                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36211                <a href="https://www.hobbylancer.com/categories/indoor-games/mind-games">
36212                  <div class="flag">
36213                    <div class="flag-body">Mind Games</div>
36214                  </div>
36215                </a>
36216              </li>
36217                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36218                <a href="https://www.hobbylancer.com/categories/indoor-games/table-top-games">
36219                  <div class="flag">
36220                    <div class="flag-body">Table-Top Games</div>
36221                  </div>
36222                </a>
36223              </li>
36224                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36225                <a href="https://www.hobbylancer.com/categories/indoor-games/video-game">
36226                  <div class="flag">
36227                    <div class="flag-body">Video Game</div>
36228                  </div>
36229                </a>
36230              </li>
36231                          </ul>
36232          </div>
36233                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-18">
36234            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
36235              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
36236                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/sports-and-fitness">
36237                View All Sports &amp; Fitness                </a>
36238              </li>
36239                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36240                <a href="https://www.hobbylancer.com/categories/sports-and-fitness/ball-sports">
36241                  <div class="flag">
36242                    <div class="flag-body">Ball Sports</div>
36243                  </div>
36244                </a>
36245              </li>
36246                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36247                <a href="https://www.hobbylancer.com/categories/sports-and-fitness/gym">
36248                  <div class="flag">
36249                    <div class="flag-body">Gym</div>
36250                  </div>
36251                </a>
36252              </li>
36253                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36254                <a href="https://www.hobbylancer.com/categories/sports-and-fitness/individual-sports">
36255                  <div class="flag">
36256                    <div class="flag-body">Individual Sports</div>
36257                  </div>
36258                </a>
36259              </li>
36260                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36261                <a href="https://www.hobbylancer.com/categories/sports-and-fitness/snow-and-ice-sports">
36262                  <div class="flag">
36263                    <div class="flag-body">Snow and Ice Sports</div>
36264                  </div>
36265                </a>
36266              </li>
36267                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36268                <a href="https://www.hobbylancer.com/categories/sports-and-fitness/strength-and-combat-sports">
36269                  <div class="flag">
36270                    <div class="flag-body">Strength and Combat Sports</div>
36271                  </div>
36272                </a>
36273              </li>
36274                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36275                <a href="https://www.hobbylancer.com/categories/sports-and-fitness/track-and-endurance-sports">
36276                  <div class="flag">
36277                    <div class="flag-body">Track and Endurance Sports</div>
36278                  </div>
36279                </a>
36280              </li>
36281                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36282                <a href="https://www.hobbylancer.com/categories/sports-and-fitness/water-sports">
36283                  <div class="flag">
36284                    <div class="flag-body">Water Sports</div>
36285                  </div>
36286                </a>
36287              </li>
36288                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36289                <a href="https://www.hobbylancer.com/categories/sports-and-fitness/yoga">
36290                  <div class="flag">
36291                    <div class="flag-body">Yoga</div>
36292                  </div>
36293                </a>
36294              </li>
36295                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36296                <a href="https://www.hobbylancer.com/categories/sports-and-fitness/zumba">
36297                  <div class="flag">
36298                    <div class="flag-body">Zumba</div>
36299                  </div>
36300                </a>
36301              </li>
36302                          </ul>
36303          </div>
36304                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-111">
36305            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
36306              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
36307                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/fashion">
36308                View All Fashion                </a>
36309              </li>
36310                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36311                <a href="https://www.hobbylancer.com/categories/fashion/bags">
36312                  <div class="flag">
36313                    <div class="flag-body">Bag making</div>
36314                  </div>
36315                </a>
36316              </li>
36317                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36318                <a href="https://www.hobbylancer.com/categories/fashion/beautician">
36319                  <div class="flag">
36320                    <div class="flag-body">Beautician</div>
36321                  </div>
36322                </a>
36323              </li>
36324                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36325                <a href="https://www.hobbylancer.com/categories/fashion/clothing-makers">
36326                  <div class="flag">
36327                    <div class="flag-body">Clothing Makers</div>
36328                  </div>
36329                </a>
36330              </li>
36331                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36332                <a href="https://www.hobbylancer.com/categories/fashion/cosmetics-making">
36333                  <div class="flag">
36334                    <div class="flag-body">Cosmetics Making</div>
36335                  </div>
36336                </a>
36337              </li>
36338                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36339                <a href="https://www.hobbylancer.com/categories/fashion/hat-making">
36340                  <div class="flag">
36341                    <div class="flag-body">Hat Making</div>
36342                  </div>
36343                </a>
36344              </li>
36345                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36346                <a href="https://www.hobbylancer.com/categories/fashion/jewellery-making">
36347                  <div class="flag">
36348                    <div class="flag-body">Jewellery Making</div>
36349                  </div>
36350                </a>
36351              </li>
36352                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36353                <a href="https://www.hobbylancer.com/categories/fashion/makeup-artist">
36354                  <div class="flag">
36355                    <div class="flag-body">Makeup Artist </div>
36356                  </div>
36357                </a>
36358              </li>
36359                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36360                <a href="https://www.hobbylancer.com/categories/fashion/mehndi-design">
36361                  <div class="flag">
36362                    <div class="flag-body">Mehndi Design</div>
36363                  </div>
36364                </a>
36365              </li>
36366                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36367                <a href="https://www.hobbylancer.com/categories/fashion/modelling">
36368                  <div class="flag">
36369                    <div class="flag-body">Modelling</div>
36370                  </div>
36371                </a>
36372              </li>
36373                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36374                <a href="https://www.hobbylancer.com/categories/fashion/nail-art">
36375                  <div class="flag">
36376                    <div class="flag-body">Nail Art</div>
36377                  </div>
36378                </a>
36379              </li>
36380                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36381                <a href="https://www.hobbylancer.com/categories/fashion/shoe-making">
36382                  <div class="flag">
36383                    <div class="flag-body">
36383Shoe Making</div>
36384                  </div>
36385                </a>
36386              </li>
36387                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36388                <a href="https://www.hobbylancer.com/categories/fashion/tattoo">
36389                  <div class="flag">
36390                    <div class="flag-body">Tattoo</div>
36391                  </div>
36392                </a>
36393              </li>
36394                          </ul>
36395          </div>
36396                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-110">
36397            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
36398              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
36399                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/writing">
36400                View All Writing                </a>
36401              </li>
36402                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36403                <a href="https://www.hobbylancer.com/categories/writing/food-blogging">
36404                  <div class="flag">
36405                    <div class="flag-body">Food Blogging</div>
36406                  </div>
36407                </a>
36408              </li>
36409                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36410                <a href="https://www.hobbylancer.com/categories/writing/freelance-writing">
36411                  <div class="flag">
36412                    <div class="flag-body">Freelance Writing</div>
36413                  </div>
36414                </a>
36415              </li>
36416                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36417                <a href="https://www.hobbylancer.com/categories/writing/novel-writing">
36418                  <div class="flag">
36419                    <div class="flag-body">Novel Writing</div>
36420                  </div>
36421                </a>
36422              </li>
36423                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36424                <a href="https://www.hobbylancer.com/categories/writing/play-writing">
36425                  <div class="flag">
36426                    <div class="flag-body">Play Writing</div>
36427                  </div>
36428                </a>
36429              </li>
36430                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36431                <a href="https://www.hobbylancer.com/categories/writing/poetry-writing">
36432                  <div class="flag">
36433                    <div class="flag-body">Poetry Writing</div>
36434                  </div>
36435                </a>
36436              </li>
36437                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36438                <a href="https://www.hobbylancer.com/categories/writing/screen-writing">
36439                  <div class="flag">
36440                    <div class="flag-body">Screen Writing</div>
36441                  </div>
36442                </a>
36443              </li>
36444                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36445                <a href="https://www.hobbylancer.com/categories/writing/song-writing">
36446                  <div class="flag">
36447                    <div class="flag-body">Song Writing</div>
36448                  </div>
36449                </a>
36450              </li>
36451                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36452                <a href="https://www.hobbylancer.com/categories/writing/travel-blogger">
36453                  <div class="flag">
36454                    <div class="flag-body">Travel Blogger</div>
36455                  </div>
36456                </a>
36457              </li>
36458                          </ul>
36459          </div>
36460                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-17">
36461            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
36462              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
36463                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/pets">
36464                View All Pets                </a>
36465              </li>
36466                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36467                <a href="https://www.hobbylancer.com/categories/pets/birds">
36468                  <div class="flag">
36469                    <div class="flag-body">Birds</div>
36470                  </div>
36471                </a>
36472              </li>
36473                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36474                <a href="https://www.hobbylancer.com/categories/pets/cats">
36475                  <div class="flag">
36476                    <div class="flag-body">Cats</div>
36477                  </div>
36478                </a>
36479              </li>
36480                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36481                <a href="https://www.hobbylancer.com/categories/pets/dogs">
36482                  <div class="flag">
36483                    <div class="flag-body">Dogs</div>
36484                  </div>
36485                </a>
36486              </li>
36487                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36488                <a href="https://www.hobbylancer.com/categories/pets/fish-keeping">
36489                  <div class="flag">
36490                    <div class="flag-body">Fish Keeping</div>
36491                  </div>
36492                </a>
36493              </li>
36494                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36495                <a href="https://www.hobbylancer.com/categories/pets/rabbits">
36496                  <div class="flag">
36497                    <div class="flag-body">Rabbits</div>
36498                  </div>
36499                </a>
36500              </li>
36501                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36502                <a href="https://www.hobbylancer.com/categories/pets/rodents">
36503                  <div class="flag">
36504                    <div class="flag-body">Rodents</div>
36505                  </div>
36506                </a>
36507              </li>
36508                          </ul>
36509          </div>
36510                    <div class="mobile-subnav bg-white animated" id="mobile-sub-catnav-content-113">
36511            <ul class="mobile-sub-catnav-container list-unstyled mobile-catnav-margin display-none">
36512              <li class="p-xs-2 bb-xs-1 text-body-larger strong subnav-item a11y-focus-only">
36513                <a class="p-xs-2 text-gray display-inline-block width-full text-underline" href="https://www.hobbylancer.com/categories/others">
36514                View All Others                </a>
36515              </li>
36516                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36517                <a href="https://www.hobbylancer.com/categories/others/astrology">
36518                  <div class="flag">
36519                    <div class="flag-body">Astrology</div>
36520                  </div>
36521                </a>
36522              </li>
36523                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36524                <a href="https://www.hobbylancer.com/categories/others/astronomy">
36525                  <div class="flag">
36526                    <div class="flag-body">Astronomy</div>
36527                  </div>
36528                </a>
36529              </li>
36530                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36531                <a href="https://www.hobbylancer.com/categories/others/coding">
36532                  <div class="flag">
36533                    <div class="flag-body">Coding</div>
36534                  </div>
36535                </a>
36536              </li>
36537                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36538                <a href="https://www.hobbylancer.com/categories/others/
36538decorator">
36539                  <div class="flag">
36540                    <div class="flag-body">Decorator</div>
36541                  </div>
36542                </a>
36543              </li>
36544                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36545                <a href="https://www.hobbylancer.com/categories/others/fishing">
36546                  <div class="flag">
36547                    <div class="flag-body">Fishing</div>
36548                  </div>
36549                </a>
36550              </li>
36551                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36552                <a href="https://www.hobbylancer.com/categories/others/miscellaneous">
36553                  <div class="flag">
36554                    <div class="flag-body">Miscellaneous</div>
36555                  </div>
36556                </a>
36557              </li>
36558                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36559                <a href="https://www.hobbylancer.com/categories/others/palmistry">
36560                  <div class="flag">
36561                    <div class="flag-body">Palmistry</div>
36562                  </div>
36563                </a>
36564              </li>
36565                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36566                <a href="https://www.hobbylancer.com/categories/others/robotics">
36567                  <div class="flag">
36568                    <div class="flag-body">Robotics</div>
36569                  </div>
36570                </a>
36571              </li>
36572                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36573                <a href="https://www.hobbylancer.com/categories/others/shopping">
36574                  <div class="flag">
36575                    <div class="flag-body">Shopping</div>
36576                  </div>
36577                </a>
36578              </li>
36579                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36580                <a href="https://www.hobbylancer.com/categories/others/social-work">
36581                  <div class="flag">
36582                    <div class="flag-body">Social Work</div>
36583                  </div>
36584                </a>
36585              </li>
36586                            <li class="p-xs-2 bb-xs-1 text-body-larger subnav-item a11y-focus-only">
36587                <a href="https://www.hobbylancer.com/categories/others/teaching">
36588                  <div class="flag">
36589                    <div class="flag-body">Teaching</div>
36590                  </div>
36591                </a>
36592              </li>
36593                          </ul>
36594          </div>
36595                  </div>
36596      </div>
36597    </div>
36598  </div>
36599</div>
36600<!--- cat-mobile Ends --->
36601<div class="clearfix"></div>
36602
36603
36604<!-- Registration Modal starts -->
36605<div class="modal fade login login_modal_cont" id="register-modal">
36606  <div class="row modal-dialog">
36607    <div class="col-md-4 login_image_outer">
36608      <div class="inner_login_image_cont" id="login_image_cont">
36609        <div class="inner_text">
36610          <h3>Create  <br>Your Account</h3>
36611          <p>
36612            Showcase your talents to the world.
36613          </p>
36614        </div>
36615        <img src="https://www.hobbylancer.com/images/login_img.svg">
36616      </div>
36617    </div>
36618    <div class="col-md-8" id="login_modal_cont_for_height">
36619      <div class="modal-content">
36620        <span class="modal_close">×</span>
36621        <div class="modal-header">
36622          <!-- modal-header Starts -->
36623          <i class="fa fa-user-plus"></i> 
36624          <h5 class="modal-title"> Register Account </h5>
36625          <button class="close" data-dismiss="modal"><span>&times;</span></button>
36626        </div>
36627        <!-- modal-header Ends -->
36628        <div class="modal-body">
36629          <!-- modal-body Starts -->
36630                              <div class="clearfix"></div>
36631          <div class="line mt-3"><span></span></div>
36632          <div class="clearfix"></div>
36633          		  <div class="text-center">
36634			
36635								<a href="#" onclick="window.location = 'https://www.facebook.com/v2.10/dialog/oauth?client_id=723260441069323&state=efaca5c703b1089e27ca7d81f414137c&response_type=code&sdk=php-sdk-5.7.0&redirect_uri=https%3A%2F%2Fwww.hobbylancer.com%2Ffb-callback&scope=email';" class="btn-fb-connect" >
36636				  <img src="https://www.hobbylancer.com/images/facebook-sign-in-web.png">
36637				</a>
36638												<a href="#" onclick="window.location = 'https://accounts.google.com/o/oauth2/auth?response_type=code&access_type=online&client_id=90171709287-ng049lgl8ep082l59d9binb3tc5ekjgj.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fwww.hobbylancer.com%2Fg-callback&state&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.login%20https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&approval_prompt=auto';" class="btn-gplus-connect " >
36639				  <img src="https://www.hobbylancer.com/images/btn_google_signin_dark_pressed_web.png">
36640				</a>
36641			  			  
36642			  <div class="text-center pt-2 pb-2">OR, Register below:</div>
36643			 <div>
36644				<input type="button" class="btn btn-success btn-block reg_with_email" value="Register With Email">
36645			  </div>
36646			  <hr class="">
36647			  
36648          </div>
36649			
36650          <form action="" method="post" class="pb-3 register_form" autocomplete="off">
36651			
36652            <div class="form-group">
36653              <label class="form-control-label font-weight-bold"> Full Name </label>
36654              <input type="text" class="form-control" name="name" placeholder="Enter Your Full Name" value="" required="">
36655            </div>
36656            <!-- <div class="form-group">
36657              <label class="form-control-label font-weight-bold"> Username </label>
36658              <input type="text" class="form-control" name="u_name" placeholder="Enter Your Username" value="" required="">
36659              <small class="form-text text-muted">Note: You will not be able to change username once your account has been created.</small>
36660                                                      </div> -->
36661            <div class="form-group">
36662              <label class="form-control-label font-weight-bold"> Email </label>
36663              <input type="email" class="form-control" name="email" placeholder="Enter Your Email" value="" required="">
36664                          </div>
36665            <div class="form-group">
36666              <label class="form-control-label font-weight-bold"> Password </label>
36667              <input type="password" class="form-control" name="pass" placeholder="Enter Your Password" required="">
36668            </div>
36669            <div class="form-group">
36670              <label class="form-control-label font-weight-bold"> Confirm Password: </label>
36671              <input type="password" class="form-control" name="con_pass" placeholder="Enter Your Password Again" required="">
36672                          </div>
36673
36674            <div class="form-group">
36675              <input type="checkbox" style="position: relative; top: 1px;" id="check" value="1" required=""/>
36676              <label for="check">
36677                I Accept 
36678                <a class="text-success" href="https://www.hobbylancer.com/terms_and_conditions">Terms And Conditions</a>
36679              </label>
36680            </div>
36681
36682                        <input type="hidden" class="form-control" name="referral" value="">
36683                        <input type="hidden" name="timezone" value="">
36684            <input type="submit" name="register" class="btn btn-success btn-block" value="Register Now">
36685          </form>
36686          
36687          <div class="text-center mt-3 text-muted">
36688            Already Have An Account?            <a href="#" class="text-success" data-toggle="modal" data-target="#login-modal" data-dismiss="modal">
36689              Login Now            </a>
36690          </div>
36691          
36692          <div class="clearfix"></div>
36693        </div>
36694      </div>
36695      <!-- modal-body Ends -->
36696    </div>
36697  </div>
36698</div>
36699<!-- Registration modal ends -->
36700
36701<!-- Login modal start -->
36702<div class="modal fade login login_modal_cont" id="login-modal">
36703  <div class="row modal-dialog">
36704    <div class="col-md-4 login_image_outer">
36705      <div class="inner_login_image_cont" id="login_image_cont">
36706        <div class="inner_text">
36707          <h3>Login To  <br>Your Account</h3>
36708          <p>
36709            Showcase your talents to the world.
36710          </p>
36711        </div>
36712        <img src="https://www.hobbylancer.com/images/login_img.svg">
36713      </div>
36714    </div>
36715    <div class="col-md-8" id="login_modal_cont_for_height">
36716      <div class="modal-content">
36717        <span class="modal_close">×</span>
36718        <div class="modal-header">
36719          <!-- Modal header start -->
36720          <i class="fa fa-sign-in fa-log"></i> 
36721          <h5 class="modal-title">Login To Your Account</h5>
36722          <button class="close" type="button" data-dismiss="modal"><span>&times;</span></button>
36723        </div>
36724        <!-- Modal header end -->
36725        <div class="modal-body">
36726          <!-- Modal body start -->
36727                              <div class="clearfix"></div>
36728          
36729          <div class="line mt-3"><span></span></div>
36730          <div class="clearfix"></div>
36731                    <div class="text-center">
36732            <a href="#" onclick="window.location = 'https://www.facebook.com/v2.10/dialog/oauth?client_id=723260441069323&state=efaca5c703b1089e27ca7d81f414137c&response_type=code&sdk=php-sdk-5.7.0&redirect_uri=https%3A%2F%2Fwww.hobbylancer.com%2Ffb-callback&scope=email';" class="btn-fb-connect" >
36733              <img src="https://www.hobbylancer.com/images/facebook-sign-in-web.png">
36734            </a>
36735            <a href="#" onclick="window.location = 'https://accounts.google.com/o/oauth2/auth?response_type=code&access_type=online&client_id=90171709287-ng049lgl8ep082l59d9binb3tc5ekjgj.apps.googleusercontent.com&redirect_uri=https%3A%2F%2Fwww.hobbylancer.com%2Fg-callback&state&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.login%20https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&approval_prompt=auto';" class="btn-gplus-connect " >
36736              <img src="https://www.hobbylancer.com/images/btn_google_signin_dark_pressed_web.png">
36737            </a>
36738          </div>
36739		  
36740          <div class="text-center pt-2 pb-2">OR</div>
36741		  <input type="button" class="btn btn-success btn-block login_with_email" value="Login with Email and Password">
36742		  <hr class="">
36743          <form action="" method="post" class="login_form" autocomplete="off">
36744            <div class="form-group">
36745              <label class="form-group-label"> Email</label>
36746              <input type="text" class="form-control" name="seller_user_name" placeholder="Enter Your Username Or Email"  value= "" required="">
36747            </div>
36748            <div class="form-group">
36749              <label class="form-group-label"> Password</label>
36750              <input type="password" class="form-control" name="seller_pass" placeholder="Enter Your Password" required="">
36751            </div>
36752
36753            <input type="submit" name="login" class="btn btn-success btn-block" value="Login Now">
36754          </form>
36755          
36756          <div class="text-center mt-3">
36757            <a href="#" class="text-success" data-toggle="modal" data-target="#register-modal" data-dismiss="modal">
36758            Not Registered?            </a>
36759            &nbsp; &nbsp; | &nbsp; &nbsp;
36760            <a href="#" class="text-success" data-toggle="modal" data-target="#forgot-modal" data-dismiss="modal">
36761            Forgot Password?            </a>
36762          </div>
36763          <div class="clearfix"></div>
36764
36765        </div>
36766        <!-- Modal body ends -->
36767      </div>
36768    </div>
36769  </div>
36770</div>
36771<!-- Login modal end -->
36772<script>
36773$(document).ready(function(){
36774	$('.register_form').hide()
36775	$('.reg_with_email').click(function(){
36776		$('.register_form').toggle();
36777	});
36778	$('.login_form').hide()
36779	$('.login_with_email').click(function(){
36780		$('.login_form').toggle();
36781	});
36782});
36783
36784</script>
36784
36785<!-- Forgot password starts -->
36786<div class="modal fade login" id="forgot-modal">
36787  <div class="modal-dialog">
36788    <div class="modal-content">
36789      <div class="modal-header"><!-- Modal header starts -->
36790        <i class="fa fa-meh-o fa-log"></i>
36791        <h5 class="modal-title"> Forgot Password </h5>
36792        <button type="button" class="close" data-dismiss="modal">
36793          <span>&times;</span>
36794        </button>
36795      </div><!-- Modal header ends -->
36796      <div class="modal-body"><!-- Modal body starts -->
36797        <p class="text-muted text-center mb-2">
36798          Enter your email to receive a password reset link.        </p>
36799        <form action="" method="post">
36800          <div class="form-group">
36801            <input type="text" name="forgot_email" class="form-control" placeholder="Enter Your Email" required>
36802          </div>
36803          <input type="submit" class="btn btn-success btn-block" value="submit" name="forgot">
36804          <p class="text-muted text-center mt-4">
36805            Not A Member Yet?            <a href="#" class="text-success" data-toggle="modal" data-target="#register-modal" data-dismiss="modal">
36806              Join Now.            </a>
36807          </p>
36808        </form>
36809      </div><!-- Modal body ends -->
36810    </div>
36811  </div>
36812</div><!-- Forgot password ends -->
36813<div class="modal fade" id="coming-soon-modal">
36814  <div class="modal-dialog">
36815    <div class="modal-content">
36816      <div class="modal-header">
36817        <!-- modal-header Starts -->
36818        <i class="fa fa-gift" aria-hidden="true"></i>
36819        <h5 class="modal-title"> Surprise </h5>
36820        <button class="close" data-dismiss="modal"><span>&times;</span></button>
36821      </div>
36822      <!-- modal-header Ends -->
36823      <div class="modal-body">
36824        <!-- modal-body Starts -->
36825          <h2>Coming Soon</h2>
36826        <!-- modal-body Ends -->
36827      </div>
36828      <!-- modal-body Ends -->
36829    </div>
36830  </div>
36831</div>
36832
36833<style type="text/css">
36834
36835  .paypal-button.paypal-button-color-blue {
36836    background: #556db4 !important;
36837  }
36838
36839  .btn_search, 
36840  .btn_join,
36841  .gnav-header .search-button-wrapper .btn-primary,
36842  .input-group-append,
36843  .badge-success,
36844  .gnav-header .account-nav .count,
36845  a.support-que,
36846  .hero .search-box.focus .search-magnifier,
36847  .proposal-reviews .active,
36848  .btn-order.primary,
36849  .bg-success,
36850  .nav-pills .nav-link.active, 
36851  .nav-pills .show > .nav-link{
36852    background: #556db4 !important;
36853  }
36854
36855  .ui-toolkit .btn-primary.btn-primary:active,
36856  .ui-toolkit .btn-primary.btn-primary:hover,
36857  .ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:active,
36858  .ds-reduced-colors .ui-toolkit .btn-primary.btn-primary:hover {
36859    background: #2ca35b !important;
36860  }
36861
36862  .breadcrumb a:before{
36863    background: #556db4;
36864  }
36865
36866  .border-success{
36867    border-color:#556db4 !important;
36868  }
36869
36870  .btn-success{
36871    border-color:#2ca35b;
36872    background: #556db4;
36873  } 
36874
36875  .btn-success:hover,
36876  .btn-success:focus,
36877  .btn-success:active{
36878    border-color:#2ca35b;
36879    background: #2ca35b !important;
36880  }
36881
36882  .btn-success:active{
36883    border-color:#2ca35b !important;
36884    background: #556db4 !important;
36885    box-shadow: unset !important;
36886  }
36887
36888  
36889  .view-proposals .btn-toggle.active {
36890      background-color: #556db4 !important;
36891  }
36892
36893  .btn_join:hover{
36894    background: #2ca35b !important;
36895    border: 0px solid #556db4 !important;
36896    color:white !important;
36897  }
36898
36899  .input-group-addon{
36900    background-color: #e9ecef;
36901    border: 1px solid #ced4da;
36902  }
36903
36904  .input-group-append{
36905    background: #556db4 !important;
36906  }
36907
36908  .input-group-append:hover{
36909    background: #2ca35b !important;
36910  }
36911
36912  .btn-order.primary {
36913    -webkit-box-shadow: 0 2px 0 #2ca35b;
36914    box-shadow: 0 2px 0 #2ca35b;
36915  }
36916
36917  .cat-nav .top-nav-item.active {
36918    border-bottom: 3px solid #2ca35b;
36919  }
36920
36921  .text-success,
36922  .card_user h4,
36923  .timer h5,
36924  .hero .search-box .search-magnifier,
36925  .popup-support-wrap .breadcrumbs .fa-home,
36926  .contacts-sidebar .active,
36927  .page-link,
36928  .proposal-unfavorite,
36929  .proposal-unlike,
36930  .dil{
36931    color: #556db4 !important;
36932  }
36933
36934  .order-page .nav-link.active,
36935  .order-page .seller-buyer-name {
36936    color: #556db4 !important;
36937  }
36938
36939  .gnav-header #search-query:focus, 
36940  .gnav-header #search-query:active{
36941    border: 1px solid #2ca35b;
36942  }
36943
36944  .btn-outline-success{
36945    color:#556db4;
36946    border-color:#2ca35b;
36947  }
36948
36949  .btn-outline-success:hover{
36950    background:#556db4;
36951    border-color:#2ca35b;
36952  }
36953
36954  /*.is-online {
36955    border: 1px solid #556db4;
36956    color: #556db4;
36957  }*/
36958  
36959  
36960    .cat_box {
36961        background: #556db4;
36962    }
36963
36964  .card_user .get_btn {
36965    border: 1px solid #556db4;
36966    color: #556db4;
36967  }
36968
36969  .btn-success:focus, .btn-success.focus{
36970    box-shadow: none !important;
36971  }
36972
36973  .card_user .get_btn:hover{
36974    border-color: #2ca35b;
36975    background: #2ca35b;
36976  }
36977
36978  .page-item.active .page-link {
36979    background-color: #556db4;
36980    border-color: #2ca35b;
36981  }
36982  
36983</style>
36984<link href="https://www.hobbylancer.com/styles/knowledge_bank.css" rel="stylesheet">
36985<script type="text/javascript">
36986// $(document).ready(function(){
36987//    // alert();
36988//    setTimeout(function(){
36989
36990//      var login_height = $("#login_modal_cont_for_height").height();
36991//       $("#login_image_cont").height(login_height);
36992   
36993//    }, 2000);
36994// });
36995
36996$(document).ready(function() {
36997
36998  $(".share_rupee_cont").click(function(e){
36999    //alert()
37000    $("#shareearn_menu.cont_sr_before_login_tri_inner_div").fadeToggle();
37001    //alert($(".ref_for_share").attr($("data-url"));
37002    e.stopPropagation(); 
37003    $(document).click(function(){
37004     $("#shareearn_menu.cont_sr_before_login_tri_inner_div").fadeOut(); 
37005    });
37006
37007
37008  });
37009  $("#shareearn_menu.cont_sr_before_login_tri_inner_div").click(function(e){
37010    e.stopPropagation(); 
37011  });
37012
37013
37014
37015  setTimeout(function(){
37016  //$(".st-right .st-btn.st-first").before('<div class="close_share annotghr"><i class="fa fa-times"></i></div>');
37017  
37018  // $(".ref_for_share .close_share.annotghr").click(function(){
37019
37020  //   $(this).parent(".ref_for_share").fadeOut()
37021  // });
37022
37023  //setTimeout(function(){
37024//debugger
37025    $(".innershare_ref_dd_cont_before_login .st-right .st-btn.st-last").after('<div class="st-btn st-secondlast st-remove-label" id="copy_r1" title="copy"><i class="fa fa-copy"></i</div>');
37026
37027    $("#copy_r1").click( function() {
37028      //alert()
37029        copyToClipboard(document.getElementById("ref_code"));
37030    });
37031    function copyToClipboard(elem) {
37032        // create hidden text element, if it doesn't already exist
37033        var targetId = "_hiddenCopyText_";
37034        var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA";
37035        var origSelectionStart, origSelectionEnd;
37036        if (isInput) {
37037            // can just use the original source element for the selection and copy
37038            target = elem;
37039            origSelectionStart = elem.selectionStart;
37040            origSelectionEnd = elem.selectionEnd;
37041        } else {
37042            // must use a temporary form element for the selection and copy
37043            target = document.getElementById(targetId);
37044            if (!target) {
37045                var target = document.createElement("textarea");
37046                target.style.position = "absolute";
37047                target.style.left = "-9999px";
37048                target.style.top = "0";
37049                target.id = targetId;
37050                document.body.appendChild(target);
37051            }
37052            target.textContent = elem.textContent;
37053        }
37054        // select the content
37055        var currentFocus = document.activeElement;
37056        target.focus();
37057        target.setSelectionRange(0, target.value.length);
37058        
37059        // copy the selection
37060        var succeed;
37061        try {
37062            succeed = document.execCommand("copy");
37063        } catch(e) {
37064            succeed = false;
37065        }
37066        // restore original focus
37067        if (currentFocus && typeof currentFocus.focus === "function") {
37068            currentFocus.focus();
37069        }
37070        
37071        if (isInput) {
37072            // restore prior selection
37073            elem.setSelectionRange(origSelectionStart, origSelectionEnd);
37074        } else {
37075            // clear temporary content
37076            target.textContent = "";
37077        }
37078        return succeed;
37079    }
37080    }, 1000);
37081  
37082});
37083$(window).scroll(function (){
37084
37085    if ($("#gnav-header").offset().top <= window.pageYOffset) { //did this bcz of this children is fixed
37086      $("#gnav-header #gnav-header-inner").addClass("mob_menu_fixed");
37087    }
37088    else {
37089      $("#gnav-header #gnav-header-inner").removeClass("mob_menu_fixed");
37090    }
37091
37092    
37093});
37094</script>
37094
37095
37096
37097
37098<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6675951249719246"
37099     crossorigin="anonymous"></script>
37099
37100<link href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" rel="stylesheet">
37101<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"  />
37102<!-- start main -->
37103
37104<div class="carousel_cont_slick_outer" id="demo1">
37105   <div class="slider_cont">
37106      <div class="slider slider-nav">
37107                 <div class="carousel_cont_slick">
37108               <div class="some_quote_index">
37109                                        <img class="image_of_slider" src="https://www.hobbylancer.com//home_slider_images/Banner_01 copy.webp">
37110                                 </div>
37111         </div>
37112                <div class="carousel_cont_slick">
37113               <div class="some_quote_index">
37114                                        <img class="image_of_slider" src="https://www.hobbylancer.com//home_slider_images/Banner_02 copy.webp">
37115                                 </div>
37116         </div>
37117                <div class="carousel_cont_slick">
37118               <div class="some_quote_index">
37119                                        <img class="image_of_slider" src="https://www.hobbylancer.com//home_slider_images/Banner_03 copy.webp">
37120                                 </div>
37121         </div>
37122                <div class="carousel_cont_slick">
37123               <div class="some_quote_index">
37124                                        <img class="image_of_slider" src="https://www.hobbylancer.com//home_slider_images/Banner_04 copy.webp">
37125                                 </div>
37126         </div>
37127                 <!-- <div class="carousel_cont_slick">
37128               <div class="some_quote_index">
37129                  <p class="feedback_message">
37130                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
37131                  </p>
37132               </div>
37133         </div> -->
37134      </div>
37135   </div>
37136</div>
37137<!-- end main -->
37138<!-- start market -->
37139<div class="container mb-5 cards" style="max-width: 1360px !important;">
37140  <div class="row">
37141    <div class="col-md-12">
37142      <h1 class="mt-5 mb-1  heading_text_center home_heading">Popular Professional Services</h1>
37143      <p class="subHeading  mb-4 home_subhead  bottom_subheading_text_center">Get your project done on time by highly skilled professionals</p>
37144      <div class="owl-carousel home-cards-carousel owl-theme"><!--- owl-carousel home-cards-carousel Starts --->
37145                <div class="card-box">
37146          <div>
37147            <a href="/portfolio/create_portfolio" class="subcategory" >
37148              <h4><small>Create your own</small>Portfolio</h4>
37149              <picture>
37150                <img class="lazy" data-src="https://www.hobbylancer.com//card_images/pp2.webp"  src="">
37151              </picture>
37152            </a>
37153          </div>
37154        </div>
37155                <div class="card-box">
37156          <div>
37157            <a href="/proposals/view_proposals" class="subcategory" >
37158              <h4><small>Sell Your Masterpiece &amp;</small>Earn</h4>
37159              <picture>
37160                <img class="lazy" data-src="https://www.hobbylancer.com//card_images/sell masterpiece copy.webp"  src="">
37161              </picture>
37162            </a>
37163          </div>
37164        </div>
37165                <div class="card-box">
37166          <div>
37167            <a href="/#explore" class="subcategory" >
37168              <h4><small>Explore New Hobbies &amp;</small>Learn</h4>
37169              <picture>
37170                <img class="lazy" data-src="https://www.hobbylancer.com//card_images/learn hobby copy.webp"  src="">
37171              </picture>
37172            </a>
37173          </div>
37174        </div>
37175                <div class="card-box">
37176          <div>
37177            <a href="#" class="subcategory"  data-toggle="modal" data-target="#coming-soon-modal" data-dismiss="modal">
37178              <h4><small>Post Your</small>Project</h4>
37179              <picture>
37180                <img class="lazy" data-src="https://www.hobbylancer.com//card_images/phone-4060860_640 copy.webp"  src="">
37181              </picture>
37182            </a>
37183          </div>
37184        </div>
37185                <div class="card-box">
37186          <div>
37187            <a href="#" class="subcategory"  data-toggle="modal" data-target="#coming-soon-modal" data-dismiss="modal">
37188              <h4><small>Apply For</small>Job</h4>
37189              <picture>
37190                <img class="lazy" data-src="https://www.hobbylancer.com//card_images/girl-3718536_640 copy.webp"  src="">
37191              </picture>
37192            </a>
37193          </div>
37194        </div>
37195                <div class="card-box">
37196          <div>
37197            <a href="/featured_proposals" class="subcategory" >
37198              <h4><small>Browse The Discounted</small>Offers</h4>
37199              <picture>
37200                <img class="lazy" data-src="https://www.hobbylancer.com//card_images/girl-738302_640 copy.webp"  src="">
37201              </picture>
37202            </a>
37203          </div>
37204        </div>
37205                <div class="card-box">
37206          <div>
37207            <a href="/hobbyists?local" class="subcategory" >
37208              <h4><small>Search For HobbyLancers</small>Locally</h4>
37209              <picture>
37210                <img class="lazy" data-src="https://www.hobbylancer.com//card_images/ipad-632394_640 copy.webp"  src="">
37211              </picture>
37212            </a>
37213          </div>
37214        </div>
37215              </div><!--- owl-carousel home-cards-carousel Ends --->
37216    </div>
37217  </div>
37218</div>
37219
37220
37221<!-- start top portfolios -->
37222<section class="top mb-0">
37223  <div class="container" style="max-width: 1360px !important;">
37224    <div class="row top_portfolio_row">
37225      <div class="col-md-12">
37226        <h1 class="text-center text-sm-left home_heading">Top Portfolios</h1>
37227        <h4 class="text-center text-sm-left home_subhead d-block">Click on the beautiful images to see more pictures.</h4>
37228                
37229                <div class="mt-5">
37230          <!--- home-featured-carousel Starts --->
37231          <div class="row outer_portfolio_cont">
37232            <!--- row Starts -->
37233            <div class="masonry bordered  five_grid " id="massonry_border">
37234             <div class="mobile_off_slides">
37235                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37236                          </div> -->
37237            
37238            <div class="control-of">
37239              <div class="brick">
37240                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37241			<a href="https://www.hobbylancer.com/portfolio/Anky/professional-makeup-artist-anky">
37242			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/Anky/professional-makeup-artist-anky">
37243			<div class="portfolio_img_wrapper">
37244				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/_DSC5541_1597335667.webp" class="lazy img-fluid  ">
37245								<div class="extra-images d-flex justify-content-end">
37246					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/201401071-3_1597335456.webp" class="lazy" alt="">
37247										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/201401071-2rhrhr_1597335268.webp" class="lazy" alt="">
37248									</div>
37249									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37250						<span class="fit-avatar s24">
37251						    							<img src="" data-src="https://www.hobbylancer.com//user_images/90754856_2600330890076793_6833223174717440000_o_1595176271.png" class="rounded-circle lazy" width="32" height="32">
37252						</span>
37253						<div class="seller-info-wrapper">
37254					    <a href="https://www.hobbylancer.com/Anky" class="seller-name">Ankita B.</a>
37255					    <div class="gig-seller-tooltip">
37256					    	Fresh Hobbyist					    </div>
37257						</div>
37258					</div>
37259			</div>
37260		</span>
37261	</a>
37262	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37263		<!--- gig-seller-info Ends --->
37264		<span class="proposal-link-main js-proposal-card-imp-data">
37265						<a href="https://www.hobbylancer.com/portfolio/Anky/professional-makeup-artist-anky">
37266							<h3 id="portfolio_img_title-120">Engagement look</h3>
37267			</a>
37268			<div class="likeIcon float-right">
37269								<a href="#" data-toggle="modal" data-target="#login-modal">
37270					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
37271				</a>
37272							</div>
37273			<textarea style="display: none;" id="portfolio_img_description-120">
37274<span style="color: rgb(28, 30, 33); font-family: Helvetica, Arial, sans-serif;">The first bell of wedding started ringing with engagement ceremony, where the would be bride get officially tangled with the would be bridegroom.</sp
37274an><span style="color: rgb(28, 30, 33); font-family: Helvetica, Arial, sans-serif;">So every girl wants to look her best like princess on that very occas</span><span class="text_exposed_show" style="display: inline; font-family: Helvetica, Arial, sans-serif; color: rgb(28, 30, 33);">ion.</span><span class="text_exposed_show" style="display: inline; font-family: Helvetica, Arial, sans-serif; color: rgb(28, 30, 33);">&nbsp;So as a professional make-up artist I can understand your very demand.</span><span style="color: rgb(28, 30, 33); font-family: Helvetica, Arial, sans-serif;">So please let me make your dream true &amp; contact @mua anky as early as possible.</span>
37275</textarea>
37276		</span>
37277	</div><!--- proposal-card-caption Ends --->
37278</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37279            </div>
37280                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37281                          </div> -->
37282            
37283            <div class="control-of">
37284              <div class="brick">
37285                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37286			<a href="https://www.hobbylancer.com/portfolio/paramita-dhani/my-crafts-gallery">
37287			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/paramita-dhani/my-crafts-gallery">
37288			<div class="portfolio_img_wrapper">
37289				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/f-3c35_1597130431.webp" class="lazy img-fluid  ">
37290								<div class="extra-images d-flex justify-content-end">
37291					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/564a30bb_1597130552.webp" class="lazy" alt="">
37292										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/2267609e_1597130457.webp" class="lazy" alt="">
37293									</div>
37294									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37295						<span class="fit-avatar s24">
37296						    							<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
37297						</span>
37298						<div class="seller-info-wrapper">
37299					    <a href="https://www.hobbylancer.com/paramita-dhani" class="seller-name">Paramita D.</a>
37300					    <div class="gig-seller-tooltip">
37301					    	Fresh Hobbyist					    </div>
37302						</div>
37303					</div>
37304			</div>
37305		</span>
37306	</a>
37307	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37308		<!--- gig-seller-info Ends --->
37309		<span class="proposal-link-main js-proposal-card-imp-data">
37310						<a href="https://www.hobbylancer.com/portfolio/paramita-dhani/my-crafts-gallery">
37311							<h3 id="portfolio_img_title-83">Painting of Radha Krishna</h3>
37312			</a>
37313			<div class="likeIcon float-right">
37314								<a href="#" data-toggle="modal" data-target="#login-modal">
37315					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">6</span>
37316				</a>
37317							</div>
37318			<textarea style="display: none;" id="portfolio_img_description-83">
37319Radha-Krishna are collectively known within Hinduism as the combined forms of male and female realities of God.&nbsp;This painting express the sign of love. I used drawing shit, fabric&nbsp;colour.
37320</textarea>
37321		</span>
37322	</div><!--- proposal-card-caption Ends --->
37323</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37324            </div>
37325                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37326                          </div> -->
37327            
37328            <div class="control-of">
37329              <div class="brick">
37330                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37331			<a href="https://www.hobbylancer.com/portfolio/shoimee-banerjee/classical-dancefine-art">
37332			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/shoimee-banerjee/classical-dancefine-art">
37333			<div class="portfolio_img_wrapper">
37334				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG-20181222-WA0015_1597255908.webp" class="lazy img-fluid  ">
37335								<div class="extra-images d-flex justify-content-end">
37336					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG-20181222-WA0039_1597255886.webp" class="lazy" alt="">
37337										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG-20181222-WA0000_1597255802.webp" class="lazy" alt="">
37338									</div>
37339									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37340						<span class="fit-avatar s24">
37341						    							<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
37342						</span>
37343						<div class="seller-info-wrapper">
37344					    <a href="https://www.hobbylancer.com/shoimee-banerjee" class="seller-name">Shoimee B.</a>
37345					    <div class="gig-seller-tooltip">
37346					    	Fresh Hobbyist					    </div>
37347						</div>
37348					</div>
37349			</div>
37350		</span>
37351	</a>
37352	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37353		<!--- gig-seller-info Ends --->
37354		<span class="proposal-link-main js-proposal-card-imp-data">
37355						<a href="https://www.hobbylancer.com/portfolio/shoimee-banerjee/classical-dancefine-art">
37356							<h3 id="portfolio_img_title-112">Dance performance in Jorasanko Auditorium </h3>
37357			</a>
37358			<div class="likeIcon float-right">
37359								<a href="#" data-toggle="modal" data-target="#login-modal">
37360					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
37361				</a>
37362							</div>
37363			<textarea style="display: none;" id="portfolio_img_description-112">
37364<p>Live dance</p>
37365</textarea>
37366		</span>
37367	</div>
37367<!--- proposal-card-caption Ends --->
37368</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37369            </div>
37370                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37371                          </div> -->
37372            
37373            <div class="control-of">
37374              <div class="brick">
37375                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37376			<a href="https://www.hobbylancer.com/portfolio/mrinal-mitra/macro-photography">
37377			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/mrinal-mitra/macro-photography">
37378			<div class="portfolio_img_wrapper">
37379				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/_DSC0310_1597042293.webp" class="lazy img-fluid  ">
37380								<div class="extra-images d-flex justify-content-end">
37381					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/_DSC0304_1597042489.webp" class="lazy" alt="">
37382										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/DSC_0215_1597041608.webp" class="lazy" alt="">
37383									</div>
37384									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37385						<span class="fit-avatar s24">
37386						    							<img src="" data-src="https://www.hobbylancer.com//user_images/PSX_20190913_194052_1598864065.png" class="rounded-circle lazy" width="32" height="32">
37387						</span>
37388						<div class="seller-info-wrapper">
37389					    <a href="https://www.hobbylancer.com/mrinal-mitra" class="seller-name">Mrinal M.</a>
37390					    <div class="gig-seller-tooltip">
37391					    	Fresh Hobbyist					    </div>
37392						</div>
37393					</div>
37394			</div>
37395		</span>
37396	</a>
37397	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37398		<!--- gig-seller-info Ends --->
37399		<span class="proposal-link-main js-proposal-card-imp-data">
37400						<a href="https://www.hobbylancer.com/portfolio/mrinal-mitra/macro-photography">
37401							<h3 id="portfolio_img_title-73">Moth</h3>
37402			</a>
37403			<div class="likeIcon float-right">
37404								<a href="#" data-toggle="modal" data-target="#login-modal">
37405					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">1</span>
37406				</a>
37407							</div>
37408			<textarea style="display: none;" id="portfolio_img_description-73">
37409<p>Moths are a paraphyletic group of insects that includes all members of the order Lepidoptera that are not butterflies, with moths making up the vast majority of the order.Moths evolved long before butterflies, with fossils having been found that may be 190 million years old. Some moths, particularly their caterpillars, can be major agricultural pests in many parts of the world. Examples include corn borers and bollworms.The larvae of many species are used as food, particularly in Africa, where they are an important source of nutrition.&nbsp;</p>
37410</textarea>
37411		</span>
37412	</div><!--- proposal-card-caption Ends --->
37413</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37414            </div>
37415                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37416                          </div> -->
37417            
37418            <div class="control-of">
37419              <div class="brick">
37420                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37421			<a href="https://www.hobbylancer.com/portfolio/shramona-saha-2/colour-love">
37422			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/shramona-saha-2/colour-love">
37423			<div class="portfolio_img_wrapper">
37424				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/60280766_2182977111814774_4827779171847503872_o_1597611736.webp" class="lazy img-fluid  ">
37425								<div class="extra-images d-flex justify-content-end">
37426					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/71097585_2415907908521692_2594639260191555584_n_1597610945.webp" class="lazy" alt="">
37427										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/79922118_2621283771317437_1710601704954658816_n_1597677146.webp" class="lazy" alt="">
37428									</div>
37429									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37430						<span class="fit-avatar s24">
37431						    							<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
37432						</span>
37433						<div class="seller-info-wrapper">
37434					    <a href="https://www.hobbylancer.com/shramona-saha-2" class="seller-name">Shramona S.</a>
37435					    <div class="gig-seller-tooltip">
37436					    	Fresh Hobbyist					    </div>
37437						</div>
37438					</div>
37439			</div>
37440		</span>
37441	</a>
37442	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37443		<!--- gig-seller-info Ends --->
37444		<span class="proposal-link-main js-proposal-card-imp-data">
37445						<a href="https://www.hobbylancer.com/portfolio/shramona-saha-2/colour-love">
37446							<h3 id="portfolio_img_title-236">Proud Peacock</h3>
37447			</a>
37448			<div class="likeIcon float-right">
37449								<a href="#" data-toggle="modal" data-target="#login-modal">
37450					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
37451				</a>
37452							</div>
37453			<textarea style="display: none;" id="portfolio_img_description-236">
37454<b style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">Peacocks</b><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">&nbsp;are considered as&nbsp;</span><b style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">most beautiful</b><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">&nbsp;and colorful&nbsp;</span><b style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">birds</b><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">&nbsp;in the world.</span><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">&nbsp;P</span><b style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">eacock</b><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">&nbsp;is the&nbsp;</span><b style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">National Bird</b><span style="color: rgb(34, 34, 34); font-family: Roboto, Arial, sans-serif; font-size: 16px;">&nbsp;of India because of its rich religious and legendary involvement in Indian traditions.</span>
37455</textarea>
37456		</span>
37457	</div>
37457<!--- proposal-card-caption Ends --->
37458</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37459            </div>
37460                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37461                          </div> -->
37462            
37463            <div class="control-of">
37464              <div class="brick">
37465                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37466			<a href="https://www.hobbylancer.com/portfolio/chitra-roy-riya/chitras-art">
37467			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/chitra-roy-riya/chitras-art">
37468			<div class="portfolio_img_wrapper">
37469				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/WhatsApp Image 2020-10-19 at 3.35.52 PM_1603124045.webp" class="lazy img-fluid  ">
37470								<div class="extra-images d-flex justify-content-end">
37471					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/inbound5079302689424831645_1600706030.webp" class="lazy" alt="">
37472										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/WhatsApp Image 2020-10-19 at 3.35.38 PM_1603124022.webp" class="lazy" alt="">
37473									</div>
37474									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37475						<span class="fit-avatar s24">
37476						    							<img src="" data-src="https://www.hobbylancer.com//user_images/649340139339345.jpg" class="rounded-circle lazy" width="32" height="32">
37477						</span>
37478						<div class="seller-info-wrapper">
37479					    <a href="https://www.hobbylancer.com/chitra-roy-riya" class="seller-name">Chitra R.</a>
37480					    <div class="gig-seller-tooltip">
37481					    	Fresh Hobbyist					    </div>
37482						</div>
37483					</div>
37484			</div>
37485		</span>
37486	</a>
37487	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37488		<!--- gig-seller-info Ends --->
37489		<span class="proposal-link-main js-proposal-card-imp-data">
37490						<a href="https://www.hobbylancer.com/portfolio/chitra-roy-riya/chitras-art">
37491							<h3 id="portfolio_img_title-389">Newspaper Jewellery Box </h3>
37492			</a>
37493			<div class="likeIcon float-right">
37494								<a href="#" data-toggle="modal" data-target="#login-modal">
37495					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
37496				</a>
37497							</div>
37498			<textarea style="display: none;" id="portfolio_img_description-389">
37499<p>Top view</p>
37500</textarea>
37501		</span>
37502	</div><!--- proposal-card-caption Ends --->
37503</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37504            </div>
37505                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37506                          </div> -->
37507            
37508            <div class="control-of">
37509              <div class="brick">
37510                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37511			<a href="https://www.hobbylancer.com/portfolio/dino-sergiano/painting-my-boat">
37512			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/dino-sergiano/painting-my-boat">
37513			<div class="portfolio_img_wrapper">
37514				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_2233_1601396359.webp" class="lazy img-fluid  ">
37515								<div class="extra-images d-flex justify-content-end">
37516					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_2318_1601396510.webp" class="lazy" alt="">
37517										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_2332_1601396549.webp" class="lazy" alt="">
37518									</div>
37519									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37520						<span class="fit-avatar s24">
37521						    							<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
37522						</span>
37523						<div class="seller-info-wrapper">
37524					    <a href="https://www.hobbylancer.com/dino-sergiano" class="seller-name">Dino S.</a>
37525					    <div class="gig-seller-tooltip">
37526					    	Fresh Hobbyist					    </div>
37527						</div>
37528					</div>
37529			</div>
37530		</span>
37531	</a>
37532	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37533		<!--- gig-seller-info Ends --->
37534		<span class="proposal-link-main js-proposal-card-imp-data">
37535						<a href="https://www.hobbylancer.com/portfolio/dino-sergiano/painting-my-boat">
37536							<h3 id="portfolio_img_title-376">before</h3>
37537			</a>
37538			<div class="likeIcon float-right">
37539								<a href="#" data-toggle="modal" data-target="#login-modal">
37540					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">1</span>
37541				</a>
37542							</div>
37543			<textarea style="display: none;" id="portfolio_img_description-376">
37544<p>this is before the make-up</p>
37545</textarea>
37546		</span>
37547	</div>
37547<!--- proposal-card-caption Ends --->
37548</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37549            </div>
37550                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37551                          </div> -->
37552            
37553            <div class="control-of">
37554              <div class="brick">
37555                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37556			<a href="https://www.hobbylancer.com/portfolio/akash-makeover/makeover-by-akash">
37557			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/akash-makeover/makeover-by-akash">
37558			<div class="portfolio_img_wrapper">
37559				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/1e32777f-5615-427e-b11c-3a16af472212_1612365668.webp" class="lazy img-fluid  ">
37560								<div class="extra-images d-flex justify-content-end">
37561					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/80983dfb-6776-4dbf-938f-9f2fd432a489_1612365837.webp" class="lazy" alt="">
37562										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/84bb3bd6-9dfd-4590-8fe7-df3bd299f85a_1612365716.webp" class="lazy" alt="">
37563									</div>
37564									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37565						<span class="fit-avatar s24">
37566						    							<img src="" data-src="https://www.hobbylancer.com//user_images/106353954652168078396.jpg" class="rounded-circle lazy" width="32" height="32">
37567						</span>
37568						<div class="seller-info-wrapper">
37569					    <a href="https://www.hobbylancer.com/akash-makeover" class="seller-name">Akash M.</a>
37570					    <div class="gig-seller-tooltip">
37571					    	Fresh Hobbyist					    </div>
37572						</div>
37573					</div>
37574			</div>
37575		</span>
37576	</a>
37577	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37578		<!--- gig-seller-info Ends --->
37579		<span class="proposal-link-main js-proposal-card-imp-data">
37580						<a href="https://www.hobbylancer.com/portfolio/akash-makeover/makeover-by-akash">
37581							<h3 id="portfolio_img_title-511">BRIDAL MAKEOVER</h3>
37582			</a>
37583			<div class="likeIcon float-right">
37584								<a href="#" data-toggle="modal" data-target="#login-modal">
37585					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
37586				</a>
37587							</div>
37588			<textarea style="display: none;" id="portfolio_img_description-511">
37589</textarea>
37590		</span>
37591	</div><!--- proposal-card-caption Ends --->
37592</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37593            </div>
37594                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37595                          </div> -->
37596            
37597            <div class="control-of">
37598              <div class="brick">
37599                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37600			<a href="https://www.hobbylancer.com/portfolio/debnath-dubey/finalethe-band">
37601			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/debnath-dubey/finalethe-band">
37602			<div class="portfolio_img_wrapper">
37603				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_20190217_194657_1597145282.webp" class="lazy img-fluid  ">
37604								<div class="extra-images d-flex justify-content-end">
37605					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/FB_IMG_1584806537355_1597145343.webp" class="lazy" alt="">
37606									</div>
37607									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37608						<span class="fit-avatar s24">
37609						    							<img src="" data-src="https://www.hobbylancer.com//user_images/3541865129166686.jpg" class="rounded-circle lazy" width="32" height="32">
37610						</span>
37611						<div class="seller-info-wrapper">
37612					    <a href="https://www.hobbylancer.com/debnath-dubey" class="seller-name">Debnath D.</a>
37613					    <div class="gig-seller-tooltip">
37614					    	Fresh Hobbyist					    </div>
37615						</div>
37616					</div>
37617			</div>
37618		</span>
37619	</a>
37620	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37621		<!--- gig-seller-info Ends --->
37622		<span class="proposal-link-main js-proposal-card-imp-data">
37623						<a href="https://www.hobbylancer.com/portfolio/debnath-dubey/finalethe-band">
37624							<h3 id="portfolio_img_title-87">Band Image</h3>
37625			</a>
37626			<div class="likeIcon float-right">
37627								<a href="#" data-toggle="modal" data-target="#login-modal">
37628					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">1</span>
37629				</a>
37630							</div>
37631			<textarea style="display: none;" id="portfolio_img_description-87">
37632</textarea>
37633		</span>
37634	</div>
37634<!--- proposal-card-caption Ends --->
37635</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37636            </div>
37637                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37638                          </div> -->
37639            
37640            <div class="control-of">
37641              <div class="brick">
37642                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37643			<a href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio-2">
37644			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio-2">
37645			<div class="portfolio_img_wrapper">
37646				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/05fc6cd4-a414-4d88-97e9-3c2d95c2ce9f_1613192031.webp" class="lazy img-fluid  ">
37647								<div class="extra-images d-flex justify-content-end">
37648					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/7b24cf26-346f-4229-9bc3-39eecfa346d0_1613192190.webp" class="lazy" alt="">
37649										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/67067330-227e-4ac3-bda3-66e838b2a135_1613192098.webp" class="lazy" alt="">
37650									</div>
37651									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37652						<span class="fit-avatar s24">
37653						    							<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
37654						</span>
37655						<div class="seller-info-wrapper">
37656					    <a href="https://www.hobbylancer.com/sankarshan-parua" class="seller-name">Sankarshan P.</a>
37657					    <div class="gig-seller-tooltip">
37658					    	Fresh Hobbyist					    </div>
37659						</div>
37660					</div>
37661			</div>
37662		</span>
37663	</a>
37664	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37665		<!--- gig-seller-info Ends --->
37666		<span class="proposal-link-main js-proposal-card-imp-data">
37667						<a href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio-2">
37668							<h3 id="portfolio_img_title-572">03</h3>
37669			</a>
37670			<div class="likeIcon float-right">
37671								<a href="#" data-toggle="modal" data-target="#login-modal">
37672					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
37673				</a>
37674							</div>
37675			<textarea style="display: none;" id="portfolio_img_description-572">
37676</textarea>
37677		</span>
37678	</div><!--- proposal-card-caption Ends --->
37679</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37680            </div>
37681                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37682                          </div> -->
37683            
37684            <div class="control-of">
37685              <div class="brick">
37686                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37687			<a href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio">
37688			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio">
37689			<div class="portfolio_img_wrapper">
37690				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/f098ba41-94c9-483a-8f23-01db6832c204_1613191434.webp" class="lazy img-fluid  ">
37691								<div class="extra-images d-flex justify-content-end">
37692					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/a3c1cb23-f5ab-4787-9f16-ce7b53c847b4_1613191465.webp" class="lazy" alt="">
37693										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/c9a080b6-e5d9-4a6d-a678-f863a367a50b_1613191729.webp" class="lazy" alt="">
37694									</div>
37695									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37696						<span class="fit-avatar s24">
37697						    							<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
37698						</span>
37699						<div class="seller-info-wrapper">
37700					    <a href="https://www.hobbylancer.com/sankarshan-parua" class="seller-name">Sankarshan P.</a>
37701					    <div class="gig-seller-tooltip">
37702					    	Fresh Hobbyist					    </div>
37703						</div>
37704					</div>
37705			</div>
37706		</span>
37707	</a>
37708	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37709		<!--- gig-seller-info Ends --->
37710		<span class="proposal-link-main js-proposal-card-imp-data">
37711						<a href="https://www.hobbylancer.com/portfolio/sankarshan-parua/painters-studio">
37712							<h3 id="portfolio_img_title-562">01</h3>
37713			</a>
37714			<div class="likeIcon float-right">
37715								<a href="#" data-toggle="modal" data-target="#login-modal">
37716					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
37717				</a>
37718							</div>
37719			<textarea style="display: none;" id="portfolio_img_description-562">
37720</textarea>
37721		</span>
37722	</div>
37722<!--- proposal-card-caption Ends --->
37723</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37724            </div>
37725                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37726                          </div> -->
37727            
37728            <div class="control-of">
37729              <div class="brick">
37730                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37731			<a href="https://www.hobbylancer.com/portfolio/amuthavalli-/indian-folk-art">
37732			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/amuthavalli-/indian-folk-art">
37733			<div class="portfolio_img_wrapper">
37734				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/20200909_201235_1605725585.webp" class="lazy img-fluid  ">
37735									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37736						<span class="fit-avatar s24">
37737						    							<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
37738						</span>
37739						<div class="seller-info-wrapper">
37740					    <a href="https://www.hobbylancer.com/amuthavalli-" class="seller-name">Amuthavalli .</a>
37741					    <div class="gig-seller-tooltip">
37742					    	Fresh Hobbyist					    </div>
37743						</div>
37744					</div>
37745			</div>
37746		</span>
37747	</a>
37748	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37749		<!--- gig-seller-info Ends --->
37750		<span class="proposal-link-main js-proposal-card-imp-data">
37751						<a href="https://www.hobbylancer.com/portfolio/amuthavalli-/indian-folk-art">
37752							<h3 id="portfolio_img_title-390">Warli Painting</h3>
37753			</a>
37754			<div class="likeIcon float-right">
37755								<a href="#" data-toggle="modal" data-target="#login-modal">
37756					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">2</span>
37757				</a>
37758							</div>
37759			<textarea style="display: none;" id="portfolio_img_description-390">
37760</textarea>
37761		</span>
37762	</div><!--- proposal-card-caption Ends --->
37763</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37764            </div>
37765                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37766                          </div> -->
37767            
37768            <div class="control-of">
37769              <div class="brick">
37770                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37771			<a href="https://www.hobbylancer.com/portfolio/ranita/wonders-of-australia">
37772			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/ranita/wonders-of-australia">
37773			<div class="portfolio_img_wrapper">
37774				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_20170222_183339_1598885786.webp" class="lazy img-fluid  ">
37775								<div class="extra-images d-flex justify-content-end">
37776					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/DSC_1320_1598458090.webp" class="lazy" alt="">
37777										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/IMG_20170215_152037_1597594491.webp" class="lazy" alt="">
37778									</div>
37779									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37780						<span class="fit-avatar s24">
37781						    							<img src="" data-src="https://www.hobbylancer.com//user_images/1_1597584376.png" class="rounded-circle lazy" width="32" height="32">
37782						</span>
37783						<div class="seller-info-wrapper">
37784					    <a href="https://www.hobbylancer.com/ranita" class="seller-name">Ranita B.</a>
37785					    <div class="gig-seller-tooltip">
37786					    	Fresh Hobbyist					    </div>
37787						</div>
37788					</div>
37789			</div>
37790		</span>
37791	</a>
37792	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37793		<!--- gig-seller-info Ends --->
37794		<span class="proposal-link-main js-proposal-card-imp-data">
37795						<a href="https://www.hobbylancer.com/portfolio/ranita/wonders-of-australia">
37796							<h3 id="portfolio_img_title-282">Sydney Opera House</h3>
37797			</a>
37798			<div class="likeIcon float-right">
37799								<a href="#" data-toggle="modal" data-target="#login-modal">
37800					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
37801				</a>
37802							</div>
37803			<textarea style="display: none;" id="portfolio_img_description-282">
37804<p>The Sydney Opera House is a multi-venue performing arts centre at Sydney Harbour in Sydney, New South Wales, Australia. It is one of the 20th century's most famous and distinctive buildings. Sydney Opera House was added to UNESCO's World Heritage List in 2007. More than 10.9 million people visit the Opera House every year. Sydney Opera House is a must tourist place to visit.</p>
37805</textarea>
37806		</span>
37807	</div>
37807<!--- proposal-card-caption Ends --->
37808</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37809            </div>
37810                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37811                          </div> -->
37812            
37813            <div class="control-of">
37814              <div class="brick">
37815                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37816			<a href="https://www.hobbylancer.com/portfolio/shraboni-dey-2/mallikas-portrait">
37817			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/shraboni-dey-2/mallikas-portrait">
37818			<div class="portfolio_img_wrapper">
37819				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/202f3154-a71f-41f0-8f3d-36e3a1264ff2_1597657785.webp" class="lazy img-fluid  ">
37820								<div class="extra-images d-flex justify-content-end">
37821					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/ac56672c-1c46-41fa-8763-cf9db6
37821a37fb7_1597657724.webp" class="lazy" alt="">
37822										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/d75cf28c-7f61-463d-ba5f-f5a338fa29a5_1597657801.webp" class="lazy" alt="">
37823									</div>
37824									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37825						<span class="fit-avatar s24">
37826						    							<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
37827						</span>
37828						<div class="seller-info-wrapper">
37829					    <a href="https://www.hobbylancer.com/shraboni-dey-2" class="seller-name">Shraboni D.</a>
37830					    <div class="gig-seller-tooltip">
37831					    	Fresh Hobbyist					    </div>
37832						</div>
37833					</div>
37834			</div>
37835		</span>
37836	</a>
37837	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37838		<!--- gig-seller-info Ends --->
37839		<span class="proposal-link-main js-proposal-card-imp-data">
37840						<a href="https://www.hobbylancer.com/portfolio/shraboni-dey-2/mallikas-portrait">
37841							<h3 id="portfolio_img_title-250">Portrait Drawing</h3>
37842			</a>
37843			<div class="likeIcon float-right">
37844								<a href="#" data-toggle="modal" data-target="#login-modal">
37845					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">1</span>
37846				</a>
37847							</div>
37848			<textarea style="display: none;" id="portfolio_img_description-250">
37849</textarea>
37850		</span>
37851	</div><!--- proposal-card-caption Ends --->
37852</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37853            </div>
37854                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37855                          </div> -->
37856            
37857            <div class="control-of">
37858              <div class="brick">
37859                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37860			<a href="https://www.hobbylancer.com/portfolio/sanatan-das/quotmandala-art-by-sanatan-dasquot">
37861			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/sanatan-das/quotmandala-art-by-sanatan-dasquot">
37862			<div class="portfolio_img_wrapper">
37863				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/10571a01-1c72-44ea-b089-d398dd48a6c5_1611067020.webp" class="lazy img-fluid  ">
37864								<div class="extra-images d-flex justify-content-end">
37865					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/980847e7-bdf3-4f74-aae3-3f3190c853e7_1611066903.webp" class="lazy" alt="">
37866										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/b5518a8a-205e-476e-aca1-7bd8e06acd94_1611066766.webp" class="lazy" alt="">
37867									</div>
37868									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37869						<span class="fit-avatar s24">
37870						    							<img src="" data-src="https://www.hobbylancer.com//user_images/116834927611531228719.jpg" class="rounded-circle lazy" width="32" height="32">
37871						</span>
37872						<div class="seller-info-wrapper">
37873					    <a href="https://www.hobbylancer.com/sanatan-das" class="seller-name">Sanatan D.</a>
37874					    <div class="gig-seller-tooltip">
37875					    	Fresh Hobbyist					    </div>
37876						</div>
37877					</div>
37878			</div>
37879		</span>
37880	</a>
37881	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37882		<!--- gig-seller-info Ends --->
37883		<span class="proposal-link-main js-proposal-card-imp-data">
37884						<a href="https://www.hobbylancer.com/portfolio/sanatan-das/quotmandala-art-by-sanatan-dasquot">
37885							<h3 id="portfolio_img_title-450">Dot painted Cup</h3>
37886			</a>
37887			<div class="likeIcon float-right">
37888								<a href="#" data-toggle="modal" data-target="#login-modal">
37889					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
37890				</a>
37891							</div>
37892			<textarea style="display: none;" id="portfolio_img_description-450">
37893</textarea>
37894		</span>
37895	</div>
37895<!--- proposal-card-caption Ends --->
37896</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37897            </div>
37898                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37899                          </div> -->
37900            
37901            <div class="control-of">
37902              <div class="brick">
37903                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37904			<a href="https://www.hobbylancer.com/portfolio/tandra-barman/makeover-by-tandra">
37905			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/tandra-barman/makeover-by-tandra">
37906			<div class="portfolio_img_wrapper">
37907				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/37da977b-b59b-4baa-8f88-14e291c24837_1614404101.webp" class="lazy img-fluid  ">
37908								<div class="extra-images d-flex justify-content-end">
37909					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/a9130d3c-1656-472e-85a1-f975bcbaff12_1614404347.webp" class="lazy" alt="">
37910										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/afad78e3-4f21-4450-b946-306c3615e6d4_1614404300.webp" class="lazy" alt="">
37911									</div>
37912									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37913						<span class="fit-avatar s24">
37914						    							<img src="" data-src="https://www.hobbylancer.com//user_images/106343569636198602242.jpg" class="rounded-circle lazy" width="32" height="32">
37915						</span>
37916						<div class="seller-info-wrapper">
37917					    <a href="https://www.hobbylancer.com/tandra-barman" class="seller-name">Tandra B.</a>
37918					    <div class="gig-seller-tooltip">
37919					    	Fresh Hobbyist					    </div>
37920						</div>
37921					</div>
37922			</div>
37923		</span>
37924	</a>
37925	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37926		<!--- gig-seller-info Ends --->
37927		<span class="proposal-link-main js-proposal-card-imp-data">
37928						<a href="https://www.hobbylancer.com/portfolio/tandra-barman/makeover-by-tandra">
37929							<h3 id="portfolio_img_title-578">02</h3>
37930			</a>
37931			<div class="likeIcon float-right">
37932								<a href="#" data-toggle="modal" data-target="#login-modal">
37933					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
37934				</a>
37935							</div>
37936			<textarea style="display: none;" id="portfolio_img_description-578">
37937</textarea>
37938		</span>
37939	</div><!--- proposal-card-caption Ends --->
37940</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37941            </div>
37942                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37943                          </div> -->
37944            
37945            <div class="control-of">
37946              <div class="brick">
37947                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37948			<a href="https://www.hobbylancer.com/portfolio/subhradeep-chatterjee/the-unspoken-frame">
37949			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/subhradeep-chatterjee/the-unspoken-frame">
37950			<div class="portfolio_img_wrapper">
37951				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/WhatsApp Image 2025-12-18 at 16.46.46 (1)_1766056778.webp" class="lazy img-fluid  ">
37952								<div class="extra-images d-flex justify-content-end">
37953					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/WhatsApp Image 2025-12-18 at 16.46.46_1766056942.webp" class="lazy" alt="">
37954										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/WhatsApp Image 2025-12-18 at 16.46.47_1766056736.webp" class="lazy" alt="">
37955									</div>
37956									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
37957						<span class="fit-avatar s24">
37958						    							<img src="" data-src="https://www.hobbylancer.com//user_images/Gemini_Generated_Image_gwvctgwvctgwvctg_1766058263.png" class="rounded-circle lazy" width="32" height="32">
37959						</span>
37960						<div class="seller-info-wrapper">
37961					    <a href="https://www.hobbylancer.com/subhradeep-chatterjee" class="seller-name">Subhradeep C.</a>
37962					    <div class="gig-seller-tooltip">
37963					    	Fresh Hobbyist					    </div>
37964						</div>
37965					</div>
37966			</div>
37967		</span>
37968	</a>
37969	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
37970		<!--- gig-seller-info Ends --->
37971		<span class="proposal-link-main js-proposal-card-imp-data">
37972						<a href="https://www.hobbylancer.com/portfolio/subhradeep-chatterjee/the-unspoken-frame">
37973							<h3 id="portfolio_img_title-601">Lightning Show </h3>
37974			</a>
37975			<div class="likeIcon float-right">
37976								<a href="#" data-toggle="modal" data-target="#login-modal">
37977					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
37978				</a>
37979							</div>
37980			<textarea style="display: none;" id="portfolio_img_description-601">
37981<p>"When the night sky meets a <b>thousand sparks</b>. This Diwali, I captured the <i>symphony</i> of light that defines the Festival of Lights. From the grand lasers dancing across ancient architecture to the<b> soft glow</b> of a single diya, these frames capture the spirit of a celebration that words simply cannot describe."</p>
37982</textarea>
37983		</span>
37984	</div>
37984<!--- proposal-card-caption Ends --->
37985</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
37986            </div>
37987                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
37988                          </div> -->
37989            
37990            <div class="control-of">
37991              <div class="brick">
37992                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
37993			<a href="https://www.hobbylancer.com/portfolio/nayan-mondal/portrait-painting">
37994			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/nayan-mondal/portrait-painting">
37995			<div class="portfolio_img_wrapper">
37996				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/26ce11ef-93fd-4a2d-ba23-03b2eca3b8fd_1610781303.webp" class="lazy img-fluid  ">
37997								<div class="extra-images d-flex justify-content-end">
37998					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/5b50b712-78af-48b0-8a6b-4053d8cec46a_1610780955.webp" class="lazy" alt="">
37999										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/492d5e13-14ad-4713-b5b4-2f087d3879f2_1610781191.webp" class="lazy" alt="">
38000									</div>
38001									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
38002						<span class="fit-avatar s24">
38003						    							<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
38004						</span>
38005						<div class="seller-info-wrapper">
38006					    <a href="https://www.hobbylancer.com/nayan-mondal" class="seller-name">Nayan M.</a>
38007					    <div class="gig-seller-tooltip">
38008					    	Fresh Hobbyist					    </div>
38009						</div>
38010					</div>
38011			</div>
38012		</span>
38013	</a>
38014	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38015		<!--- gig-seller-info Ends --->
38016		<span class="proposal-link-main js-proposal-card-imp-data">
38017						<a href="https://www.hobbylancer.com/portfolio/nayan-mondal/portrait-painting">
38018							<h3 id="portfolio_img_title-420">Palak&#39;s Portrait</h3>
38019			</a>
38020			<div class="likeIcon float-right">
38021								<a href="#" data-toggle="modal" data-target="#login-modal">
38022					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
38023				</a>
38024							</div>
38025			<textarea style="display: none;" id="portfolio_img_description-420">
38026<p>Pencil sketch by 10b and 2b pencil. Time taken almost 3hrs.</p>
38027</textarea>
38028		</span>
38029	</div><!--- proposal-card-caption Ends --->
38030</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
38031            </div>
38032                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
38033                          </div> -->
38034            
38035            <div class="control-of">
38036              <div class="brick">
38037                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38038			<a href="https://www.hobbylancer.com/portfolio/sahil-samadder/nature-photography">
38039			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/sahil-samadder/nature-photography">
38040			<div class="portfolio_img_wrapper">
38041				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/64d4bc32-7917-48c1-bf24-f24f3a4eed53_1610891341.webp" class="lazy img-fluid  ">
38042								<div class="extra-images d-flex justify-content-end">
38043					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/721f37a5-a335-43e6-a1fa-981e561e1134_1610891270.webp" class="lazy" alt="">
38044										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/e2b47696-2225-42e7-adbb-925a89e7a788_1610891062.webp" class="lazy" alt="">
38045									</div>
38046									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
38047						<span class="fit-avatar s24">
38048						    							<img src="" data-src="https://www.hobbylancer.com//user_images/117937490461562747285.jpg" class="rounded-circle lazy" width="32" height="32">
38049						</span>
38050						<div class="seller-info-wrapper">
38051					    <a href="https://www.hobbylancer.com/sahil-samadder" class="seller-name">Sahil S.</a>
38052					    <div class="gig-seller-tooltip">
38053					    	Fresh Hobbyist					    </div>
38054						</div>
38055					</div>
38056			</div>
38057		</span>
38058	</a>
38059	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38060		<!--- gig-seller-info Ends --->
38061		<span class="proposal-link-main js-proposal-card-imp-data">
38062						<a href="https://www.hobbylancer.com/portfolio/sahil-samadder/nature-photography">
38063							<h3 id="portfolio_img_title-436">Piece of sunshine☀</h3>
38064			</a>
38065			<div class="likeIcon float-right">
38066								<a href="#" data-toggle="modal" data-target="#login-modal">
38067					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
38068				</a>
38069							</div>
38070			<textarea style="display: none;" id="portfolio_img_description-436">
38071<p>shot by Redmi note 7 pro.</p>
38072</textarea>
38073		</span>
38074	</div>
38074<!--- proposal-card-caption Ends --->
38075</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
38076            </div>
38077                        <!-- <div class="col-xl-2dot4 col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-4 dss">
38078                          </div> -->
38079            
38080            <div class="control-of">
38081              <div class="brick">
38082                <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38083			<a href="https://www.hobbylancer.com/portfolio/sikha-mridha/sikhas-kitchen">
38084			<span class="imgsm" href="https://www.hobbylancer.com/portfolio/sikha-mridha/sikhas-kitchen">
38085			<div class="portfolio_img_wrapper">
38086				<img data="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/de6ddcec-c1c4-4649-9bf3-a3f7dcb681e2_1601131748.webp" class="lazy img-fluid  ">
38087								<div class="extra-images d-flex justify-content-end">
38088					<img  src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/c9675543-842c-44af-b630-8c86ccc31736_1601128752.webp" class="lazy" alt="">
38089										<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/8a10a2e2-060f-488a-a190-bc6e4e46a3c9_1601131005.webp" class="lazy" alt="">
38090									</div>
38091									<div class="proposal-seller-info for_second_design"><!--- gig-seller-info Starts --->
38092						<span class="fit-avatar s24">
38093						    							<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
38094						</span>
38095						<div class="seller-info-wrapper">
38096					    <a href="https://www.hobbylancer.com/sikha-mridha" class="seller-name">Sikha M.</a>
38097					    <div class="gig-seller-tooltip">
38098					    	Fresh Hobbyist					    </div>
38099						</div>
38100					</div>
38101			</div>
38102		</span>
38103	</a>
38104	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38105		<!--- gig-seller-info Ends --->
38106		<span class="proposal-link-main js-proposal-card-imp-data">
38107						<a href="https://www.hobbylancer.com/portfolio/sikha-mridha/sikhas-kitchen">
38108							<h3 id="portfolio_img_title-375">Designer Patisapta (রঙিন পাটিসাপটা ), খুব সহজে ...আমার স্টাইলে</h3>
38109			</a>
38110			<div class="likeIcon float-right">
38111								<a href="#" data-toggle="modal" data-target="#login-modal">
38112					<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">2</span>
38113				</a>
38114							</div>
38115			<textarea style="display: none;" id="portfolio_img_description-375">
38116<p>INGREDIENTS:</p><p>Flour 1 cup</p><p>Milk</p><p>Sugar half cup</p><p>Suji half cup</p><p>Gobindobhog Rice Powder half cup</p><p>Food Color</p><p>Choco Powder</p><p>Mango Kheer (the recipe is on my YouTube Channel)</p><p>Ghee</p><p>Salt</p>
38117</textarea>
38118		</span>
38119	</div><!--- proposal-card-caption Ends --->
38120</div><!--- proposal-card-base mp-proposal-card Ends --->              </div>
38121            </div>
38122                        </div>
38123             </div>
38124             <span class="view_more"><a href="featured_portfolios"><button class="btn btn-success">View More</button></a></span>
38125          </div>
38126          <!--- row Ends -->
38127        </div><!--- home-featured-carousel Ends --->
38128      </div>
38129    </div>
38130  </div>
38131</section>
38132<!-- end top portfolios -->
38133
38134<!-- start top masterpieces -->
38135<section class="top mb-0">
38136  <div class="container" style="max-width: 1360px !important;">
38137    <div class="row outer_masterpieces_cont">
38138      <div class="col-md-12">
38139        <h1 class="text-center text-sm-left home_heading">Top Masterpieces</h1>
38140        <h4 class="home_subhead text-center  text-sm-left d-block">Click on the images to see more products / offerings.</h4>
38141        <!--         <span class="pull-right text-success"><a href="featured_proposals"><button class="float-right btn btn-success">View More</button></a></span> -->
38142                <div class="mt-5">
38143          <!--- home-featured-carousel Starts --->
38144          <div class="row masterpieces_cont">
38145            <!--- row Starts -->
38146            <div class="masonry bordered  five_grid massonry_for_proposal not_massonry" id="masterpieses">
38147    <div class="mobile_slider  slick-slider">
38148        
38149            
38150            <div class="control-of">
38151                <div class="brick">
38152                  <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38153	<div class="favoriteIcon">
38154				<a href="#" data-toggle="modal" data-target="#login-modal">
38155			<i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i>
38156		</a>
38157			</div>
38158	<div class="imgsm_cont">
38159	<a class="imgsm" href="https://www.hobbylancer.com/proposals/poonam-chawla/soap-by-poonam-chawla">
38160		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/525de6f7-1bce-44f7-8dcc-3ee4434ae9b0_1612882089.webp" class="img-fluid lazy">
38161	</a>
38162		<div class="extra-images justify-content-end">
38163		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/acf12cb8-0b33-4702-91fe-425e902675b7_1612882131.webp" class="lazy" alt="">
38164				<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/c08a00a2-8282-467e-8642-d8ef275f41e6_1612882151.webp" class="lazy" alt="">
38165			</div>
38166			<div class="proposal-seller-info"><!--- gig-seller-info Starts --->
38167			<span class="fit-avatar s24">
38168			    				<img src="" data-src="https://www.hobbylancer.com//user_images/117777320834069254099.jpg" class="rounded-circle lazy" width="32" height="32">
38169			</span>
38170			<div class="seller-info-wrapper">
38171		    <a href="https://www.hobbylancer.com/poonam-chawla" class="seller-name">Poonam C.</a>
38172		    <div class="gig-seller-tooltip">
38173		    	Fresh Hobbyist		    </div>
38174			</div>
38175					
38176
38177		</div><!--- gig-seller-info Ends --->
38178	
38179</div>
38180	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38181		
38182		<a href="https://www.hobbylancer.com/proposals/poonam-chawla/soap-by-poonam-chawla" class="proposal-link-main js-proposal-card-imp-data">
38183			<h3>SOAP BY POONAM CHAWLA</h3>
38184		</a>
38185		<div class="rating-badges-container">
38186		<span class="proposal-rating">
38187			<svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg>
38188			<span>
38189				<strong>0.0</strong> (0)
38190			</span>
38191		</span>
38192		</div>
38193		<div class="likeIcon float-right">
38194						<a href="#" data-toggle="modal" data-target="#login-modal">
38195				<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
38196			</a>
38197					</div>
38198	</div><!--- proposal-card-caption Ends --->
38199	<footer class="proposal-card-footer"><!--- proposal-card-footer Starts --->
38200		<div class="proposal-fav">
38201
38202						
38203			
38204			
38205		</div>
38206		<div class="proposal-price">
38207			<a>
38208				<small>STARTING AT</small>&#8377;117.00			</a>
38209		</div>
38210	</footer><!--- proposal-card-footer Ends --->
38211</div><!--- proposal-card-base mp-proposal-card Ends --->                </div>
38212      </div>
38213            
38214            <div class="control-of">
38215                <div class="brick">
38216                  <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38217	<div class="favoriteIcon">
38218				<a href="#" data-toggle="modal" data-target="#login-modal">
38219			<i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i>
38220		</a>
38221			</div>
38222	<div class="imgsm_cont">
38223	<a class="imgsm" href="https://www.hobbylancer.com/proposals/rinu-rakhi-/handicrafts-by-rinu-rakhi">
38224		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/b1327195-426b-488e-8319-3c414c6a065b (1)_1611414432.webp" class="img-fluid lazy">
38225	</a>
38226		<div class="extra-images justify-content-end">
38227		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/7abb0b79-a810-409d-8930-06774705cb9c_1611414515.webp" class="lazy" alt="">
38228				<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/104988d8-d65d-4e6b-9f44-b19a23c1735f_1611414655.webp" class="lazy" alt="">
38229			</div>
38230			<div class="proposal-seller-info"><!--- gig-seller-info Starts --->
38231			<span class="fit-avatar s24">
38232			    				<img src="" data-src="https://www.hobbylancer.com//user_images/116321174775095243074.jpg" class="rounded-circle lazy" width="32" height="32">
38233			</span>
38234			<div class="seller-info-wrapper">
38235		    <a href="https://www.hobbylancer.com/rinu-rakhi-" class="seller-name">Rinu R.</a>
38236		    <div class="gig-seller-tooltip">
38237		    	Fresh Hobbyist		    </div>
38238			</div>
38239					
38240
38241		</div><!--- gig-seller-info Ends --->
38242	
38243</div>
38244	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38245		
38246		<a href="https://www.hobbylancer.com/proposals/rinu-rakhi-/handicrafts-by-rinu-rakhi" class="proposal-link-main js-proposal-card-imp-data">
38247			<h3>HANDICRAFTS BY RINU RAKHI</h3>
38248		</a>
38249		<div class="rating-badges-container">
38250		<span class="proposal-rating">
38251			<svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg>
38252			<span>
38253				<strong>0.0</strong> (0)
38254			</span>
38255		</span>
38256		</div>
38257		<div class="likeIcon float-right">
38258						<a href="#" data-toggle="modal" data-target="#login-modal">
38259				<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
38260			</a>
38261					</div>
38262	</div><!--- proposal-card-caption Ends --->
38263	<footer class="proposal-card-footer"><!--- proposal-card-footer Starts --->
38264		<div class="proposal-fav">
38265
38266						
38267			
38268			
38269		</div>
38270		<div class="proposal-price">
38271			<a>
38272				<small>STARTING AT</small>&#8377;120.00			</a>
38273		</div>
38274	</footer><!--- proposal-card-footer Ends --->
38275</div><!--- proposal-card-base mp-proposal-card Ends --->                </div>
38276      </div>
38277            
38278            <div class="control-of">
38279                <div class="brick">
38280                  <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38281	<div class="favoriteIcon">
38282				<a href="#" data-toggle="modal" data-target="#login-modal">
38283			<i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i>
38284		</a>
38285			</div>
38286	<div class="imgsm_cont">
38287	<a class="imgsm" href="https://www.hobbylancer.com/proposals/mitali-marik/aador-handmade-bliss-by-mitali">
38288		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/1344d567-1fea-44e3-8299-7e357ff2723f_1612544886.webp" class="img-fluid lazy">
38289	</a>
38290		<div class="extra-images justify-content-end">
38291		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/3dafc72f-c959-4835-9c95-052d729df6da_1612544902.webp" class="lazy" alt="">
38292				<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/7874b721-9012-424a-82ef-ce767554c3e3_1612544920.webp" class="lazy" alt="">
38293			</div>
38294			<div class="proposal-seller-info"><!--- gig-seller-info Starts --->
38295			<span class="fit-avatar s24">
38296			    				<img src="" data-src="https://www.hobbylancer.com//user_images/112268218740356472530.jpg" class="rounded-circle lazy" width="32" height="32">
38297			</span>
38298			<div class="seller-info-wrapper">
38299		    <a href="https://www.hobbylancer.com/mitali-marik" class="seller-name">Mitali M.</a>
38300		    <div class="gig-seller-tooltip">
38301		    	Fresh Hobbyist		    </div>
38302			</div>
38303					
38304
38305		</div><!--- gig-seller-info Ends --->
38306	
38307</div>
38308	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38309		
38310		<a href="https://www.hobbylancer.com/proposals/mitali-marik/aador-handmade-bliss-by-mitali" class="proposal-link-main js-proposal-card-imp-data">
38311			<h3>AADOR- handmade bliss by MITALI</h3>
38312		</a>
38313		<div class="rating-badges-container">
38314		<span class="proposal-rating">
38315			<svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg>
38316			<span>
38317				<strong>0.0</strong> (0)
38318			</span>
38319		</span>
38320		</div>
38321		<div class="likeIcon float-right">
38322						<a href="#" data-toggle="modal" data-target="#login-modal">
38323				<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
38324			</a>
38325					</div>
38326	</div><!--- proposal-card-caption Ends --->
38327	<footer class="proposal-card-footer"><!--- proposal-card-footer Starts --->
38328		<div class="proposal-fav">
38329
38330						
38331			
38332			
38333		</div>
38334		<div class="proposal-price">
38335			<a>
38336				<small>STARTING AT</small>&#8377;100.00			</a>
38337		</div>
38338	</footer><!--- proposal-card-footer Ends --->
38339</div><!--- proposal-card-base mp-proposal-card Ends --->                </div>
38340      </div>
38341            
38342            <div class="control-of">
38343                <div class="brick">
38344                  <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38345	<div class="favoriteIcon">
38346				<a href="#" data-toggle="modal" data-target="#login-modal">
38347			<i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i>
38348		</a>
38349			</div>
38350	<div class="imgsm_cont">
38351	<a class="imgsm" href="https://www.hobbylancer.com/proposals/tanmoy-adhikari/scripted-lavender-scented-pillar-candle-4x3-inch">
38352		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/assc1_1614355130.webp" class="img-fluid lazy">
38353	</a>
38354		<div class="extra-images justify-content-end">
38355		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/assc2_1614355173.webp" class="lazy" alt="">
38356				<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/assc3_1614355219.webp" class="lazy" alt="">
38357			</div>
38358			<div class="proposal-seller-info"><!--- gig-seller-info Starts --->
38359			<span class="fit-avatar s24">
38360			    				<img src="" data-src="https://www.hobbylancer.com//user_images/IMG20190912111436_1614349251.png" class="rounded-circle lazy" width="32" height="32">
38361			</span>
38362			<div class="seller-info-wrapper">
38363		    <a href="https://www.hobbylancer.com/tanmoy-adhikari" class="seller-name">Tanmoy A.</a>
38364		    <div class="gig-seller-tooltip">
38365		    	Fresh Hobbyist		    </div>
38366			</div>
38367					
38368
38369		</div><!--- gig-seller-info Ends --->
38370	
38371</div>
38372	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38373		
38374		<a href="https://www.hobbylancer.com/proposals/tanmoy-adhikari/scripted-lavender-scented-pillar-candle-4x3-inch" class="proposal-link-main js-proposal-card-imp-data">
38375			<h3>Scripted Lavender Scented Pillar Candle 4X3 inch</h3>
38376		</a>
38377		<div class="rating-badges-container">
38378		<span class="proposal-rating">
38379			<svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg>
38380			<span>
38381				<strong>0.0</strong> (0)
38382			</span>
38383		</span>
38384		</div>
38385		<div class="likeIcon float-right">
38386						<a href="#" data-toggle="modal" data-target="#login-modal">
38387				<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
38388			</a>
38389					</div>
38390	</div><!--- proposal-card-caption Ends --->
38391	<footer class="proposal-card-footer"><!--- proposal-card-footer Starts --->
38392		<div class="proposal-fav">
38393
38394						
38395			
38396			
38397		</div>
38398		<div class="proposal-price">
38399			<a>
38400				<small>STARTING AT</small>&#8377;200.00			</a>
38401		</div>
38402	</footer><!--- proposal-card-footer Ends --->
38403</div><!--- proposal-card-base mp-proposal-card Ends --->                </div>
38404      </div>
38405            
38406            <div class="control-of">
38407                <div class="brick">
38408                  <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38409	<div class="favoriteIcon">
38410				<a href="#" data-toggle="modal" data-target="#login-modal">
38411			<i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i>
38412		</a>
38413			</div>
38414	<div class="imgsm_cont">
38415	<a class="imgsm" href="https://www.hobbylancer.com/proposals/nilanjan-mukherjee-/krazy-imotions">
38416		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/88b329d1-40e4-4c1b-adc9-f915771004e0_1613019016.webp" class="img-fluid lazy">
38417	</a>
38418		<div class="extra-images justify-content-end">
38419		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/20ab4369-8d42-41ad-a11c-f9052c54c2bb_1613019045.webp" class="lazy" alt="">
38420				<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/65533f0e-b6a2-4c96-af34-3c47feca8e97_1613019077.webp" class="lazy" alt="">
38421			</div>
38422			<div class="proposal-seller-info"><!--- gig-seller-info Starts --->
38423			<span class="fit-avatar s24">
38424			    				<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
38425			</span>
38426			<div class="seller-info-wrapper">
38427		    <a href="https://www.hobbylancer.com/nilanjan-mukherjee-" class="seller-name">Nilanjan M.</a>
38428		    <div class="gig-seller-tooltip">
38429		    	Fresh Hobbyist		    </div>
38430			</div>
38431					
38432
38433		</div><!--- gig-seller-info Ends --->
38434	
38435</div>
38436	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38437		
38438		<a href="https://www.hobbylancer.com/proposals/nilanjan-mukherjee-/krazy-imotions" class="proposal-link-main js-proposal-card-imp-data">
38439			<h3>KRAZY IMOTIONS</h3>
38440		</a>
38441		<div class="rating-badges-container">
38442		<span class="proposal-rating">
38443			<svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg>
38444			<span>
38445				<strong>0.0</strong> (0)
38446			</span>
38447		</span>
38448		</div>
38449		<div class="likeIcon float-right">
38450						<a href="#" data-toggle="modal" data-target="#login-modal">
38451				<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
38452			</a>
38453					</div>
38454	</div><!--- proposal-card-caption Ends --->
38455	<footer class="proposal-card-footer"><!--- proposal-card-footer Starts --->
38456		<div class="proposal-fav">
38457
38458						
38459			
38460			
38461		</div>
38462		<div class="proposal-price">
38463			<a>
38464				<small>STARTING AT</small>&#8377;90.00			</a>
38465		</div>
38466	</footer><!--- proposal-card-footer Ends --->
38467</div><!--- proposal-card-base mp-proposal-card Ends --->                </div>
38468      </div>
38469            
38470            <div class="control-of">
38471                <div class="brick">
38472                  <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38473	<div class="favoriteIcon">
38474				<a href="#" data-toggle="modal" data-target="#login-modal">
38475			<i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i>
38476		</a>
38477			</div>
38478	<div class="imgsm_cont">
38479	<a class="imgsm" href="https://www.hobbylancer.com/proposals/gairika-mitra/hand-made-jewellery-2">
38480		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/cba46a26-a881-4cb2-b830-04545a0df588_1597565297.webp" class="img-fluid lazy">
38481	</a>
38482		<div class="extra-images justify-content-end">
38483		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/bec2f31a-7edb-4800-be7b-e11e641f5a3f_1597565303.webp" class="lazy" alt="">
38484				<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/0a99a919-9afb-44f0-93a6-af054db22cb1_1597565309.webp" class="lazy" alt="">
38485			</div>
38486			<div class="proposal-seller-info"><!--- gig-seller-info Starts --->
38487			<span class="fit-avatar s24">
38488			    				<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
38489			</span>
38490			<div class="seller-info-wrapper">
38491		    <a href="https://www.hobbylancer.com/gairika-mitra" class="seller-name">Gairika M.</a>
38492		    <div class="gig-seller-tooltip">
38493		    	Fresh Hobbyist		    </div>
38494			</div>
38495					
38496
38497		</div><!--- gig-seller-info Ends --->
38498	
38499</div>
38500	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38501		
38502		<a href="https://www.hobbylancer.com/proposals/gairika-mitra/hand-made-jewellery-2" class="proposal-link-main js-proposal-card-imp-data">
38503			<h3>Hand Made Jewellery 2</h3>
38504		</a>
38505		<div class="rating-badges-container">
38506		<span class="proposal-rating">
38507			<svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg>
38508			<span>
38509				<strong>0.0</strong> (0)
38510			</span>
38511		</span>
38512		</div>
38513		<div class="likeIcon float-right">
38514						<a href="#" data-toggle="modal" data-target="#login-modal">
38515				<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
38516			</a>
38517					</div>
38518	</div><!--- proposal-card-caption Ends --->
38519	<footer class="proposal-card-footer"><!--- proposal-card-footer Starts --->
38520		<div class="proposal-fav">
38521
38522						
38523			
38524			
38525		</div>
38526		<div class="proposal-price">
38527			<a>
38528				<small>STARTING AT</small>&#8377;200.00			</a>
38529		</div>
38530	</footer><!--- proposal-card-footer Ends --->
38531</div><!--- proposal-card-base mp-proposal-card Ends --->                </div>
38532      </div>
38533            
38534            <div class="control-of">
38535                <div class="brick">
38536                  <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38537	<div class="favoriteIcon">
38538				<a href="#" data-toggle="modal" data-target="#login-modal">
38539			<i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i>
38540		</a>
38541			</div>
38542	<div class="imgsm_cont">
38543	<a class="imgsm" href="https://www.hobbylancer.com/proposals/sudipta-bapari/jwellery-by-sudipta">
38544		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/0c9ef311-a317-4b54-9575-7c8a6051f4ab_1615721287.webp" class="img-fluid lazy">
38545	</a>
38546		<div class="extra-images justify-content-end">
38547		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/c90aa24b-f8db-488b-9444-0dd17d93c0e2_1615721305.webp" class="lazy" alt="">
38548				<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/49fa3873-7571-4808-803c-45d6eb6716b8_1615721323.webp" class="lazy" alt="">
38549			</div>
38550			<div class="proposal-seller-info"><!--- gig-seller-info Starts --->
38551			<span class="fit-avatar s24">
38552			    				<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
38553			</span>
38554			<div class="seller-info-wrapper">
38555		    <a href="https://www.hobbylancer.com/sudipta-bapari" class="seller-name">Rituparna B.</a>
38556		    <div class="gig-seller-tooltip">
38557		    	Fresh Hobbyist		    </div>
38558			</div>
38559					
38560
38561		</div><!--- gig-seller-info Ends --->
38562	
38563</div>
38564	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38565		
38566		<a href="https://www.hobbylancer.com/proposals/sudipta-bapari/jwellery-by-sudipta" class="proposal-link-main js-proposal-card-imp-data">
38567			<h3>JWELLERY BY SUDIPTA</h3>
38568		</a>
38569		<div class="rating-badges-container">
38570		<span class="proposal-rating">
38571			<svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg>
38572			<span>
38573				<strong>0.0</strong> (0)
38574			</span>
38575		</span>
38576		</div>
38577		<div class="likeIcon float-right">
38578						<a href="#" data-toggle="modal" data-target="#login-modal">
38579				<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
38580			</a>
38581					</div>
38582	</div><!--- proposal-card-caption Ends --->
38583	<footer class="proposal-card-footer"><!--- proposal-card-footer Starts --->
38584		<div class="proposal-fav">
38585
38586						
38587			
38588			
38589		</div>
38590		<div class="proposal-price">
38591			<a>
38592				<small>STARTING AT</small>&#8377;100.00			</a>
38593		</div>
38594	</footer><!--- proposal-card-footer Ends --->
38595</div><!--- proposal-card-base mp-proposal-card Ends --->                </div>
38596      </div>
38597            
38598            <div class="control-of">
38599                <div class="brick">
38600                  <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38601	<div class="favoriteIcon">
38602				<a href="#" data-toggle="modal" data-target="#login-modal">
38603			<i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i>
38604		</a>
38605			</div>
38606	<div class="imgsm_cont">
38607	<a class="imgsm" href="https://www.hobbylancer.com/proposals/sun-creativess/sun-creativess">
38608		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/6840d22c-1b17-4def-9bb2-8ebd12a714b8_1611834734.webp" class="img-fluid lazy">
38609	</a>
38610		<div class="extra-images justify-content-end">
38611		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/502ba1c9-3249-495f-ab78-b88e52219b85_1611834761.webp" class="lazy" alt="">
38612				<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/157a1bdb-0a6c-4357-ba44-ceebd71187d5_1611834789.webp" class="lazy" alt="">
38613			</div>
38614			<div class="proposal-seller-info"><!--- gig-seller-info Starts --->
38615			<span class="fit-avatar s24">
38616			    				<img src="" data-src="https://www.hobbylancer.com//user_images/115595254631213685620.jpg" class="rounded-circle lazy" width="32" height="32">
38617			</span>
38618			<div class="seller-info-wrapper">
38619		    <a href="https://www.hobbylancer.com/sun-creativess" class="seller-name">Sun_ C.</a>
38620		    <div class="gig-seller-tooltip">
38621		    	Fresh Hobbyist		    </div>
38622			</div>
38623					
38624
38625		</div><!--- gig-seller-info Ends --->
38626	
38627</div>
38628	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38629		
38630		<a href="https://www.hobbylancer.com/proposals/sun-creativess/sun-creativess" class="proposal-link-main js-proposal-card-imp-data">
38631			<h3>SUN-CREATIVESS</h3>
38632		</a>
38633		<div class="rating-badges-container">
38634		<span class="proposal-rating">
38635			<svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg>
38636			<span>
38637				<strong>0.0</strong> (0)
38638			</span>
38639		</span>
38640		</div>
38641		<div class="likeIcon float-right">
38642						<a href="#" data-toggle="modal" data-target="#login-modal">
38643				<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
38644			</a>
38645					</div>
38646	</div><!--- proposal-card-caption Ends --->
38647	<footer class="proposal-card-footer"><!--- proposal-card-footer Starts --->
38648		<div class="proposal-fav">
38649
38650						
38651			
38652			
38653		</div>
38654		<div class="proposal-price">
38655			<a>
38656				<small>STARTING AT</small>&#8377;2,500.00			</a>
38657		</div>
38658	</footer><!--- proposal-card-footer Ends --->
38659</div><!--- proposal-card-base mp-proposal-card Ends --->                </div>
38660      </div>
38661            
38662            <div class="control-of">
38663                <div class="brick">
38664                  <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38665	<div class="favoriteIcon">
38666				<a href="#" data-toggle="modal" data-target="#login-modal">
38667			<i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i>
38668		</a>
38669			</div>
38670	<div class="imgsm_cont">
38671	<a class="imgsm" href="https://www.hobbylancer.com/proposals/ira-das/hand-made-jewellery">
38672		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/0a3627bf-6486-479d-b46e-b0fef0a9afb0_1597491273.webp" class="img-fluid lazy">
38673	</a>
38674		<div class="extra-images justify-content-end">
38675		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/3b55e6c2-2c0e-4f4f-82c0-981e4de1d6ae_1597491294.webp" class="lazy" alt="">
38676				<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/59af7db3-a5d2-4ae5-b07a-0e72066fc9bb_1597491315.webp" class="lazy" alt="">
38677			</div>
38678			<div class="proposal-seller-info"><!--- gig-seller-info Starts --->
38679			<span class="fit-avatar s24">
38680			    				<img src="" data-src="https://www.hobbylancer.com//user_images/empty-image.png" class="rounded-circle lazy" width="32" height="32">
38681			</span>
38682			<div class="seller-info-wrapper">
38683		    <a href="https://www.hobbylancer.com/ira-das" class="seller-name">Ira D.</a>
38684		    <div class="gig-seller-tooltip">
38685		    	Fresh Hobbyist		    </div>
38686			</div>
38687					
38688
38689		</div><!--- gig-seller-info Ends --->
38690	
38691</div>
38692	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38693		
38694		<a href="https://www.hobbylancer.com/proposals/ira-das/hand-made-jewellery" class="proposal-link-main js-proposal-card-imp-data">
38695			<h3>Hand Made Jewellery</h3>
38696		</a>
38697		<div class="rating-badges-container">
38698		<span class="proposal-rating">
38699			<svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg>
38700			<span>
38701				<strong>0.0</strong> (0)
38702			</span>
38703		</span>
38704		</div>
38705		<div class="likeIcon float-right">
38706						<a href="#" data-toggle="modal" data-target="#login-modal">
38707				<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">1</span>
38708			</a>
38709					</div>
38710	</div><!--- proposal-card-caption Ends --->
38711	<footer class="proposal-card-footer"><!--- proposal-card-footer Starts --->
38712		<div class="proposal-fav">
38713
38714						
38715			
38716			
38717		</div>
38718		<div class="proposal-price">
38719			<a>
38720				<small>STARTING AT</small>&#8377;160.00			</a>
38721		</div>
38722	</footer><!--- proposal-card-footer Ends --->
38723</div><!--- proposal-card-base mp-proposal-card Ends --->                </div>
38724      </div>
38725            
38726            <div class="control-of">
38727                <div class="brick">
38728                  <div class="proposal-card-base mp-proposal-card"><!--- proposal-card-base mp-proposal-card Starts --->
38729	<div class="favoriteIcon">
38730				<a href="#" data-toggle="modal" data-target="#login-modal">
38731			<i class="fa fa-heart proposal-favorite" data-toggle="tooltip" data-placement="top" title="Favorite"></i>
38732		</a>
38733			</div>
38734	<div class="imgsm_cont">
38735	<a class="imgsm" href="https://www.hobbylancer.com/proposals/manisha-hazra-samanta/ear-rings-by-manisha">
38736		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/240e0880-aeac-4aaa-9247-2fb91d12bf29_1612198147.webp" class="img-fluid lazy">
38737	</a>
38738		<div class="extra-images justify-content-end">
38739		<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/b1e54786-c1f4-4e7b-9b85-fa5e318d1c1e_1612198162.webp" class="lazy" alt="">
38740				<img src="" data-src="https://www.hobbylancer.com/proposals/proposal_files_webp/ceb5da96-5e68-4de1-96e1-237509cf593b_1612198175.webp" class="lazy" alt="">
38741			</div>
38742			<div class="proposal-seller-info"><!--- gig-seller-info Starts --->
38743			<span class="fit-avatar s24">
38744			    				<img src="" data-src="https://www.hobbylancer.com//user_images/110084528521285639275.jpg" class="rounded-circle lazy" width="32" height="32">
38745			</span>
38746			<div class="seller-info-wrapper">
38747		    <a href="https://www.hobbylancer.com/manisha-hazra-samanta" class="seller-name">Manisha H.</a>
38748		    <div class="gig-seller-tooltip">
38749		    	Fresh Hobbyist		    </div>
38750			</div>
38751					
38752
38753		</div><!--- gig-seller-info Ends --->
38754	
38755</div>
38756	<div class="proposal-card-caption"><!--- proposal-card-caption Starts --->
38757		
38758		<a href="https://www.hobbylancer.com/proposals/manisha-hazra-samanta/ear-rings-by-manisha" class="proposal-link-main js-proposal-card-imp-data">
38759			<h3>EAR-RINGS BY MANISHA</h3>
38760		</a>
38761		<div class="rating-badges-container">
38762		<span class="proposal-rating">
38763			<svg class="fit-svg-icon full_star" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"></path></svg>
38764			<span>
38765				<strong>0.0</strong> (0)
38766			</span>
38767		</span>
38768		</div>
38769		<div class="likeIcon float-right">
38770						<a href="#" data-toggle="modal" data-target="#login-modal">
38771				<i class="fa fa-thumbs-up proposal-like" data-toggle="tooltip" data-placement="top" title="Like"></i><span class="total_likes">0</span>
38772			</a>
38773					</div>
38774	</div><!--- proposal-card-caption Ends --->
38775	<footer class="proposal-card-footer"><!--- proposal-card-footer Starts --->
38776		<div class="proposal-fav">
38777
38778						
38779			
38780			
38781		</div>
38782		<div class="proposal-price">
38783			<a>
38784				<small>STARTING AT</small>&#8377;120.00			</a>
38785		</div>
38786	</footer><!--- proposal-card-footer Ends --->
38787</div><!--- proposal-card-base mp-proposal-card Ends --->                </div>
38788      </div>
38789            
38790</div>
38791
38792
38793
38794
38795
38796
38797
38798
38799
38800
38801
38802
38803
38804
38805
38806
38807
38808
38809
38810
38811
38812
38813
38814
38815
38816
38817
38818
38819
38820
38821
38822          </div>
38823          <span class="view_more"><a href="featured_proposals"><button class="btn btn-success">View More</button></a></span>
38824          
38825          <!--- row Ends -->
38826        </div><!--- home-featured-carousel Ends --->
38827      </div>
38828    </div>
38829  </div>
38830</section>
38831
38832<!-- end top masterpieces -->
38833
38834<!-- start top request -->
38835<!-- end top request -->
38836<!-- start market -->
38837<section class="market">
38838<div class="container" style="max-width: 1360px !important;">
38839  <div class="row">
38840    <div class="col-md-12 nopadding"><a id="explore"/>
38841      <h2>Explore the Marketplace</h2>
38842      <h4 class="home_subhead">Get inspired to build your business</h4>
38843      <div class="row space20 marketplaceouter_cont">
38844                <div class="col-md-2 col-6 marketplaceInner">
38845          <a href="categories/arts-and-crafts">
38846            <div class="grn_box">
38847              <img data-src="https://www.hobbylancer.com//cat_images/copy.webp" src="" class="mx-auto d-block lazy">
38848              <span>
38849                <p>Arts &amp; Crafts</p>
38850              </span>
38851            </div>
38852          </a>
38853        </div>
38854                <div class="col-md-2 col-6 marketplaceInner">
38855          <a href="categories/collections">
38856            <div class="grn_box">
38857              <img data-src="https://www.hobbylancer.com//cat_images/cc.webp" src="" class="mx-auto d-block lazy">
38858              <span>
38859                <p>Collections</p>
38860              </span>
38861            </div>
38862          </a>
38863        </div>
38864                <div class="col-md-2 col-6 marketplaceInner">
38865          <a href="categories/food-and-drinks">
38866            <div class="grn_box">
38867              <img data-src="https://www.hobbylancer.com//cat_images/f&d.webp" src="" class="mx-auto d-block lazy">
38868              <span>
38869                <p>Food &amp; Drinks</p>
38870              </span>
38871            </div>
38872          </a>
38873        </div>
38874                <div class="col-md-2 col-6 marketplaceInner">
38875          <a href="categories/music-and-performing-arts">
38876            <div class="grn_box">
38877              <img data-src="https://www.hobbylancer.com//cat_images/m&pa.webp" src="" class="mx-auto d-block lazy">
38878              <span>
38879                <p>Music &amp; Performing Arts</p>
38880              </span>
38881            </div>
38882          </a>
38883        </div>
38884                        <div class="col-md-2 col-6 marketplaceInner">
38885          <a href="categories/travel">
38886            <div class="grn_box">
38887              <img data-src="https://www.hobbylancer.com//cat_images/jcopy.webp" src="" class="mx-auto d-block lazy" />
38888              <span>
38889              <p>Travel</p>
38890              </span>
38891            </div>
38892          </a>
38893        </div>
38894                <div class="col-md-2 col-6 marketplaceInner">
38895          <a href="categories/adventures">
38896            <div class="grn_box">
38897              <img data-src="https://www.hobbylancer.com//cat_images/ad.webp" src="" class="mx-auto d-block lazy" />
38898              <span>
38899              <p>Adventures</p>
38900              </span>
38901            </div>
38902          </a>
38903        </div>
38904                <div class="col-md-2 col-6 marketplaceInner">
38905          <a href="categories/indoor-games">
38906            <div class="grn_box">
38907              <img data-src="https://www.hobbylancer.com//cat_images/board-game-copy.webp" src="" class="mx-auto d-block lazy" />
38908              <span>
38909              <p>Indoor Games</p>
38910              </span>
38911            </div>
38912          </a>
38913        </div>
38914                <div class="col-md-2 col-6 marketplaceInner">
38915          <a href="categories/sports-and-fitness">
38916            <div class="grn_box">
38917              <img data-src="https://www.hobbylancer.com//cat_images/child-copy.webp" src="" class="mx-auto d-block lazy" />
38918              <span>
38919              <p>Sports &amp; Fitness</p>
38920              </span>
38921            </div>
38922          </a>
38923        </div>
38924                        <div class="col-md-2 col-6 marketplaceInner">
38925          <a href="categories/fashion">
38926            <div class="grn_box">
38927              <img data-src="https://www.hobbylancer.com//cat_images/beauty.webp" src="" class="mx-auto d-block lazy" />
38928              <span>
38929                <p>Fashion</p>
38930              </span>
38931            </div>
38932          </a>
38933        </div>
38934                <div class="col-md-2 col-6 marketplaceInner">
38935          <a href="categories/writing">
38936            <div class="grn_box">
38937              <img data-src="https://www.hobbylancer.com//cat_images/adult-copy.webp" src="" class="mx-auto d-block lazy" />
38938              <span>
38939                <p>Writing</p>
38940              </span>
38941            </div>
38942          </a>
38943        </div>
38944                <div class="col-md-2 col-6 marketplaceInner">
38945          <a href="categories/pets">
38946            <div class="grn_box">
38947              <img data-src="https://www.hobbylancer.com//cat_images/pet.webp" src="" class="mx-auto d-block lazy" />
38948              <span>
38949                <p>Pets</p>
38950              </span>
38951            </div>
38952          </a>
38953        </div>
38954                <div class="col-md-2 col-6 marketplaceInner">
38955          <a href="categories/others">
38956            <div class="grn_box">
38957              <img data-src="https://www.hobbylancer.com//cat_images/artificial-intelligence-copy.webp" src="" class="mx-auto d-block lazy" />
38958              <span>
38959                <p>Others</p>
38960              </span>
38961            </div>
38962          </a>
38963        </div>
38964              </div>
38965    </div>
38966  </div>
38967</div>
38968<!-- <div class="jbvkdsbvdskj" style="position: fixed; background: red; left: 0;right: 0;top: 0;width: 100%; left:0;  height: 100%"> -->
38969
38970</div>
38971<!-- <div class="filter_wrapper">
38972  <div class="container">
38973    <h2  class="filter_span">Select Your Hobbies.</h2>
38974    <div class="filter_result_cont_outer">
38975      <input id="input_filter" type="text" placeholder="Search Here... (Ex: painting)" class="input_filter">
38976      <div class="chips_cont">
38977
38978      </div>
38979        <span id="filter_cont" class="filter_cont">
38980          <div class="filter_result_cont">
38981                <div class="filter_result" id="">Arts Crafts</div>
38982                <div class="filter_result" id="">Collections</div>
38983                <div class="filter_result" id="">Food Drinks</div>
38984
38985                <div class="filter_result" id="">Performing Arts</div>
38986                <div class="filter_result" id="">Others</div>
38987                <div class="filter_result" id="">Travel</div>
38988
38989
38990                <div class="filter_result" id="">Adventure Activities</div>
38991                <div class="filter_result" id="">Antiques</div>
38992                <div class="filter_result" id="">Astrology</div>
38993
38994
38995                <div class="filter_result" id="">Autographs</div>
38996                <div class="filter_result" id="">Ball Sports</div>
38997                <div class="filter_result" id="">Birds</div>
38998                <div class="filter_result" id="">painting</div>
38999          </div>
39000        </span>
39001    </div>
39002    <button class="submit_hobbies" id="submit_hobbies">UPDATE</button>
39003
39004
39005    <div class="row redirect_cont not_check_out_cont">
39006      <div class="col-md-4 inner_redirect_cont">
39007        <h3>
39008          I  JUST WANT TO <br>
39009          MAKE MONEY.
39010        </h3>
39011        <p>
39012          Lorem ipsum is placeholder text
39013          commonly used in the.graphic.
39014        </p>
39015        <button>Continue</button>
39016      </div>
39017      <div class="col-md-4 inner_redirect_cont">
39018        <h3>
39019          I  JUST WANT TO  <br>
39020          MAKE MONEY.
39021        </h3>
39022        <p>
39023          Lorem ipsum is placeholder text
39024          commonly used in the.graphic.
39025        </p>
39026        <button>Continue</button>
39027      </div>
39028      <div class="col-md-4 inner_redirect_cont">
39029        <h3>
39030          I  JUST WANT TO  <br>
39031          MAKE MONEY.
39032        </h3>
39033        <p>
39034          Lorem ipsum is placeholder text
39035          commonly used in the.graphic.
39036        </p>
39037        <button>Continue</button>
39038      </div>
39039      <div class="or"><span>OR</span></div>
39040    </div>
39041
39042    <div class="row redirect_cont check_out_cont">
39043      <h2>
39044        I JUST WANT TO EXPLORE <br>
39045          FOR NOW
39046      </h2>
39047      <p>Lorem ipsum is placeholder text
39048      commonly used in the.graphic.</p>
39049
39050      <button> Explore For Now </button>
39051    </div>
39052  </div>
39053</div> -->
39054</section>
39055<!-- end market -->
39056<!-- start timer -->
39057<!-- end timer -->
39058<style>
39059button.custom-arrow {
39060    background: #2ca35b;
39061    width: 32px;
39062    height: 32px;
39063    border-radius: 100px;
39064    border: 1px solid #8d8d8d;
39065    color: #fff !important;
39066}
39067button.custom-arrow::before {
39068    content: '';
39069    position: static;
39070}
39071
39072button.custom-arrow>i {
39073    font-size: 16px;
39074}
39075.mobile_off_slides {
39076    width: 100% !important;
39077}
39078.masonry {
39079    column-count: 1;
39080}
39081@media only screen and (min-width: 1024px) {
39082.masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick {
39083    /* display: none!important; */
39084    width: 100%;
39085    padding: 15px 20px;
39086     margin: unset !important;    /* float: unset; */
39087    display: unset !important;
39088 float: left !important;
39089}
39090
39091 }
39092@media only screen and (max-width: 763px) and (min-width: 300px) {
39093  .masonry.bordered.five_grid {
39094    column-count: 1;
39095  }
39096.masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick {
39097    /* display: none!important; */
39098    width: 100%;
39099    padding: 15px 20px;
39100     margin: unset !important;    /* float: unset; */
39101    display: unset !important;
39102 float: left !important;
39103}
39104
39105.masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick {
39106    /* display: none!important; */
39107    width: 100%;
39108    padding: 15px 20px;
39109     margin: unset !important;    /* float: unset; */
39110    display: unset !important;
39111 float: left !important;
39112}
39113
39114.proposal-card-base.mp-proposal-card{
39115width:92%;
39116}
39117button.custom-arrow {
39118    background: #2ca35b;
39119    width: 26px;
39120    height: 26px;
39121}
39122button.slick-next.custom-arrow {
39123    right: -9px;
39124}
39125
39126button.slick-prev.custom-arrow {
39127    left: -12px;
39128}
39129button.custom-arrow::before {
39130    content: '';
39131    position: static;
39132}
39133
39134button.custom-arrow>i {
39135    font-size: 14px;
39136}
39137
39138  .masonry.bordered.five_grid.massonry_for_proposal.not_massonry .brick {
39139      /* display: none!important; */
39140      width: 95.5%;
39141      margin: .05em;
39142     padding: 15px 0px;
39143      display: inline-block;
39144  }
39145.text-center.text-sm-left{
39146text-align:left  !important;
39147}
39148span.proposal-link-main.js-proposal-card-imp-data {
39149    display: flex;
39150    gap: 10px;
39151}
39152
39153#massonry_border .proposal-card-base .proposal-link-main h3 {
39154    width: 90%;
39155}
39156
39157.portfolio_img_wrapper>a>img {
39158    height: 100%;
39159    width: 100%;
39160}
39161.portfolio_img_wrapper {
39162    height:140px
39163}
39164button.slick-next.custom-arrow,button.slick-prev.custom-arrow.slick-arrow{
39165z-index:999 !important;
39166}
39167.portfolio_img_wrapper>a {
39168    text-align: center;
39169}
39170}
39171
39172
39173</style>
39174
39175
39176
39177
39178<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.4/jquery.touchSwipe.min.js"></script>
39178
39179
39180<script src="https://cdn.jsdelivr.net/jquery.slick/1.4.1/slick.min.js"></script>
39180
39181
39182<script>
39183$(".slick-slider").slick({
39184  slidesToShow: 4,
39185  infinite: true,
39186  slidesToScroll: 1,
39187  autoplay: true,
39188  autoplaySpeed: 2000,
39189dots:true,
39190 arrows: true,
39191  prevArrow: '<button class="slick-prev custom-arrow"><i class="fa-solid fa-angle-left"></i></button>',
39192nextArrow: '<button class="slick-next custom-arrow"><i class="fa-solid fa-angle-right"></i></button>',
39193  responsive: [
39194    {
39195      breakpoint: 1024,
39196      settings: {
39197        slidesToShow: 2
39198      }
39199    },
39200    {
39201      breakpoint: 768,
39202      settings: {
39203        slidesToShow: 2
39204      }
39205    }
39206  ]
39207});
39208
39209function mobileOnlySlider() {
39210  if ($(window).width() <= 768) {
39211    if (!$(".mobile_off_slides").hasClass("slick-initialized")) {
39212      $(".mobile_off_slides").slick({
39213        slidesToShow: 2,
39214        slidesToScroll: 1,
39215        infinite: true,
39216        autoplay: true,
39217        autoplaySpeed: 2000,
39218        dots: false,
39219        arrows: true,
39220        prevArrow:
39221          '<button class="slick-prev custom-arrow"><i class="fa-solid fa-angle-left"></i></button>',
39222        nextArrow:
39223          '<button class="slick-next custom-arrow"><i class="fa-solid fa-angle-right"></i></button>',
39224      });
39225    }
39226  } else {
39227    if ($(".mobile_off_slides").hasClass("slick-initialized")) {
39228      $(".mobile_off_slides").slick("unslick");
39229    }
39230  }
39231}
39232
39233$(document).ready(function () {
39234  mobileOnlySlider();
39235});
39236
39237$(window).on("resize", function () {
39238  mobileOnlySlider();
39239});
39240
39241
39242$(document).ready(function(){
39243
39244
39245  var slider = $('#demo1').carousel({
39246    interval: 4000
39247  });
39248  
39249  $("#demo1").swipe({
39250
39251  swipe: function(event, direction, distance, duration, fingerCount, fingerData) {
39252
39253    if (direction == 'left') $(this).carousel('next');
39254    if (direction == 'right') $(this).carousel('prev');
39255
39256  },
39257  allowPageScroll:"vertical"
39258
39259});
39260
39261  var active = $(".carousel-item.active").find("video");
39262  var active_length = active.length;
39263
39264  if(active_length == 1){
39265    slider.carousel('pause');
39266    console.log('paused');
39267    $(".carousel-indicators").css({"bottom": "90px"});
39268  }
39269
39270  $("#demo1").on('slide.bs.carousel', function(event){
39271    var eq = event.to;
39272    // console.log(event.from);
39273    // console.log(event.to);
39274    var video = $(event.relatedTarget).find("video");
39275    if(video.length == 1){
39276        slider.carousel('pause');
39277        console.log('paused');
39278        $(".carousel-indicators").css({"bottom": "90px"});
39279        video.trigger('play');
39280    }else{
39281      $(".carousel-indicators").css({"bottom": "20px"});
39282    }
39283  });
39284
39285  $('video').on('ended',function(){
39286    slider.carousel({'pause': false});
39287    console.log('started');
39288  });
39289  // if($(window).width() < 368) {
39290  //   alert("368")
39291  //   $( "#masterpieses .proposal-link-main h3" ).each(function( index ) {
39292  //     //console.log( index )
39293  //       modal_desc = $(this).text();
39294  //       console.log( modal_desc )
39295  //       if(modal_desc.length > 14){
39296  //         var desc_limit =$(this).text().substring(0, 24);
39297  //         $(this).text(desc_limit+ '...' )
39298  //       }
39299  //   });
39300  // }
39301  // if($(window).width() < 471) {
39302  //   alert("471")
39303  //   $( "#masterpieses .brick .proposal-card-base .proposal-link-main h3" ).each(function( index ) {
39304  //     //console.log( index )
39305  //       modal_desc = $(this).text();
39306  //       console.log( "unsubsstring =>" + modal_desc )
39307  //       if(modal_desc.length > 20){
39308  //         var desc_limit =$(this).text().substring(0, 20);
39309  //         console.log("subsstring =>" + desc_limit )
39310  //         $(this).text(desc_limit+ '...' )
39311  //       }
39312  //   });
39313  // }
39314});
39315
39316$(document).ready(function(){
39317
39318
39319  $(".filter_result").each(function(index ){
39320      //console.log( index )
39321      $(this).attr("id", "filter_res"+index )
39322    });
39323
39324  
39325  if ($('#filter_cont .filter_result').length > 5) {
39326      //$('#filter_cont .filter_result').slice(5).addClass("filter_result_hide");
39327
39328      $("#input_filter").on("keyup", function() {
39329        var value = $(this).val().toLowerCase();
39330        $("#filter_cont div").filter(function() {
39331          $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
39332        });
39333      });
39334  }
39335
39336  $("#input_filter").focusin(function() {
39337    $(".filter_cont").fadeIn();
39338    $(this).val("");
39339
39340  });
39341  $("#input_filter").focusout(function() {
39342    $(".filter_cont").fadeOut();
39343
39344  });
39345  $(".filter_result").click(function() {
39346    var value = $(this).text();
39347    var data_filter_attr = $(this).attr("id").replace("filter_res","");
39348    //data_filter_attr;
39349    console.log("data_filter_attr "+ data_filter_attr)
39350   $(".chips_cont").append('<div class="Chips" id="chips'+data_filter_attr+'">' +value+'<span class="closeChips">×</span><span class="inner_span_chips"><img class="inner_span_image" src="http://dev.hobbylancer.com//images/paint-palette.svg"></span></div>');
39351    $("#filter_res"+data_filter_attr).hide().addClass("selected")
39352
39353   $(".Chips .closeChips").click(function(){
39354    $(this).parent(".Chips").hide();
39355    var chipsid = $(this).parent().attr("id").replace("chips","");
39356      $("#filter_res"+chipsid).hide().removeClass("selected").css("display","block")
39357   });
39358  });
39359
39360
39361  // $(".filter_result").each(function(index ){
39362  //   console.log( index )
39363  //   $(".filter_result").attr("id", index )
39364  // });
39365
39366});
39367var x = 0;
39368$(window).scroll(function (){
39369   /*if ($(window).scrollTop()  > 500) { // for meter
39370   //console.log("crossed")
39371     $(".filter_wrapper").addClass("active");
39372   }
39373   else {
39374     //console.log(" not crossed");
39375      $(".filter_wrapper").removeClass("active");
39376   }*/
39377});
39378
39379</script>
39379 
39380
39381
39382<script type="text/javascript"  src='https://www.hobbylancer.com/js/slick.min.js'></script>
vendor: 1 bytes, line 39382
39382
39383<script type="text/javascript"  src="https://www.hobbylancer.com/js/index.js"></script>
39383<!-- Modal -->
39384<!----------<div class="modal fade" id="hobbylancerfeature" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
39385  <div class="modal-dialog modal-dialog-centered" role="document">
39386    <div class="modal-content">
39387      <div class="modal-header">
39388        <h5 class="modal-title" id="exampleModalLongTitle">Benefits of HobbyLancer</h5>
39389        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
39390          <span aria-hidden="true">&times;</span>
39391        </button>
39392      </div>
39393      <div class="modal-body">
39394        <div id="videobox"></div>
39395        <h6>Major features that makes HobbyLancer unique:</h6>
39396        <ol>
39397          <li>Create your <b>portfolio</b> and showcase to the world. (<a target="_blank" class="text-primary" href="https://youtu.be/tX0Pxmeq3gM">Click to watch how</a>)</li>
39398          <li>Create <b>proposal</b> and sale your masterpieces. (<a target="_blank" class="text-primary" href="https://youtu.be/CNHheE_QAUE">Click to watch how</a>)</li>
39399          <li><b>Learn</b> new hobbies.</li>
39400          <li>Purchase masterpieces from hobbies Commission FREE.</li>
39401          <li>Promote your channel, website and business through HobbyLancer FREE</li>
39402          <li>Search for Local Hobbyists to fit your needs for FREE</li>
39403        </ol>
39404        <h6>Coming Soon:</h6>
39405        <ol>
39406          <li>Post hobby related requirements.</li>
39407          <li>Bid on requirements and get hired.</li>
39408          <li>Create blog posts and earn.</li>
39409        </ol>
39410        <h6>Interested to Earn Money? (<a target="_blank" class="text-primary" href="https://www.hobbylancer.com/pages/how-to-win-prize-money-on-hobbylancer">Click to know how</a>)</h6>
39411        <h6>Contact <a class="text-primary" href="/customer_support">Customer Support</a> for any question.</h6>
39412      </div>
39413    </div>
39414  </div>
39415</div>--------------->
39416
39417<!-- start footer -->
39418<footer class="footer">
39419  <div class="container">
39420    <div class="row">
39421      <div class="col-md-4 col-12">
39422      <h3 data-target="#collapsecategories">Important Links</h3>
39423      <ul class="show list-unstyled" id="collapsecategories">
39424            <li class="list-unstyled-item"><a href="https://www.hobbylancer.com/terms_and_conditions">Terms And Conditions</a></li>
39425            <li class="list-unstyled-item"><a href="https://www.hobbylancer.com/pages/dos-and-donts-of-creating-portfolio">Do's and Don'ts for portfolio creation</a></li>
39426            <li class="list-unstyled-item"><a href="https://www.hobbylancer.com/pages/dos-and-donts-of-creating-proposal">Do's and Don'ts for proposal creation</a></li>
39427            <li class="list-unstyled-item"><a href="https://www.hobbylancer.com/pages/required-documents-for-seller-verification">Required documents for seller verification</a></li>
39428            </ul>
39429      </div>
39430      <div class="col-md-4 col-12">
39431        <h3 class="h3Border" data-target="#collapseabout">Site Help</h3>
39432        <ul class="show list-unstyled" id="collapseabout">
39433                <li class="list-unstyled-item"><a href="/customer_support"><i class="fa fa fa-life-ring"></i> Customer Support</a></li>
39434                <li class="list-unstyled-item"><a href="/knowledge_bank/"><i class="fa fa-book"></i> Knowledge Bank</a></li>
39435                <li class="list-unstyled-item"><a href="/blog/"><i class="fa fa-rss"></i> Blog</a></li>
39436                <li class="list-unstyled-item"><a href="/feedback/"><i class="fa fa fa-comments-o"></i> Feedback</a></li>
39437                </ul>
39438      </div>
39439            <div class="col-md-4 col-12">
39440        <h3 class="h3Border" data-target="#collapsefindusOn">FIND US ON</h3>
39441        <div class="show" id="collapsefindusOn">
39442          <ul class="list-inline social_icon">
39443                    <li class="list-inline-item"><a href="https://www.facebook.com/iamhobbylancer"><i class="fa fa-facebook"></i></a></li>
39444                    <li class="list-inline-item"><a href="https://www.instagram.com/hobbylancer/"><i class="fa fa-instagram"></i></a></li>
39445                    <li class="list-inline-item"><a href="https://www.youtube.com/channel/UC3Xx5AraKwT0CvdQRxkRApw"><i class="fa fa-youtube"></i></a></li>
39446                    </ul>
39447          <div class="form-group mt-0">
39448
39449          
39450          
39451          </div>
39452          
39453         <!--- <h5>
39453Mobile Apps (Coming soon!)</h5> --->
39454          <a href="https://play.google.com/store/apps/details?id=com.hobbylancer.hobbylancer"><img src="" data-src="https://www.hobbylancer.com/images/google.png" class="pic lazy"></a>
39455        <!---  <img src="" data-src="https://www.hobbylancer.com/images/app.png" class="pic1 lazy"> -->
39456        </div>
39457      </div>
39458    </div>
39459  </div>
39460  <br>
39461</footer>
39462<!-- end footer -->
39463<section class="post_footer">
39464&copy; 2022 HobbyLancer.com. All rights reserved.</section>
39465
39466<section class="clearfix cookies_footer row animated slideInLeft">
39467  <div class="col-md-4">
39468    <img src="https://www.hobbylancer.com/images/cookie.png" class="img-fluid" alt="">
39469  </div>
39470  <div class="col-md-8">
39471    <div class="float-right close btn btn-sm"><i class="fa fa-times"></i></div>
39472    <h4 class="mt-0 mt-lg-2 ">Our site uses cookies</h4>
39473    <p class="mb-1 ">We use cookies to ensure you get the best experience. By using our website you agree <br>to our <a href='https://www.hobbylancer.com/terms_and_conditions'>Privacy Policy</a>.</p>
39474    <a href="#" class="btn btn-success btn-sm">Got It.</a>
39475  </div>
39476</section>
39477<section class="messagePopup animated slideInRight"></section>
39478
39479<link rel="stylesheet" href="https://www.hobbylancer.com/styles/msdropdown.css"/>
39480<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 39480-39481
39480
39481<script async src="https://www.googletagmanager.com/gtag/js?id=
39481UA-165362650-1
vendor: 13 bytes, line 39481
39481"></script>
39482<script>
39483  
vendor: 136 bytes, lines 39483-39486
39483window.dataLayer = window.dataLayer || [];
39484  function gtag(){dataLayer.push(arguments);}
39485  gtag('js', new Date());
39486  gtag('config', '
39486UA-165362650-1
vendor: 5 bytes, line 39486
39486');
39487</script>
vendor: 2 bytes, line 39487
39487
39488<script src="https://www.hobbylancer.com/js/msdropdown.js"></script>
vendor: 2 bytes, line 39488
39488
39489<script type="text/javascript" src="https://www.hobbylancer.com/js/jquery.sticky.js"></script>
39489
39490
39491<script 
39492type="text/javascript" 
39493id="custom-js" 
39494src="https://www.hobbylancer.com/js/customjs.js?ver=1.0.9.7" 
39495data-logged-id="" 
39496data-base-url="https://www.hobbylancer.com" 
39497data-enable-sound=""
39498data-enable-notifications="0"
39499data-disable-messages="0"
39500>
39501</script>
39501
39502
39503<script type="text/javascript" src="https://www.hobbylancer.com/js/categoriesProposal.js"></script>
vendor: 2 bytes, line 39503
39503
39504<script type="text/javascript" src="https://www.hobbylancer.com/js/popper.min.js"></script>
vendor: 2 bytes, line 39504
39504
39505<script type="text/javascript" src="https://www.hobbylancer.com/js/owl.carousel.min.js"></script>
vendor: 2 bytes, line 39505
39505
39506<script type="text/javascript" src="https://www.hobbylancer.com/js/bootstrap.js"></script>
vendor: 2 bytes, line 39506
39506
39507<script type="text/javascript" src="https://www.hobbylancer.com/js/summernote.js"></script>
39507<div class="sm popup-support-wrap" id="support_fixed">
39508  <button class="close_support_fixed_popup"><i class="fa fa-remove"></i></button>
39509  <div class="popup-support">
39510    <header class="hero-container" style="background-color: rgb(29, 191, 115); color: rgb(255, 255, 255);">
39511      <div class="hero">
39512        <h1 class="main-title">
39513          <a href="#" class="sm-back"><i class="pull-left fa fa-angle-left"></i></a> 
39514          Knowledge Bank        </h1>
39515        <a class="support-nav" href="#">Our how to guides</a>
39516        <h2 class="sub-title"></h2>
39517        <div class="search-box">
39518          <div class="search-placeholder">
39519            <span class="svg-icon search-magnifier"><i class="fa fa-search"></i></span>
39520          </div>
39521          <input type="text" id="sm-search" value="">
39522        </div>
39523      </div>
39524    </header>
39525    <div class="search-results">
39526      <div class="pull-left search-articles">
39527        <a href="https://www.hobbylancer.com/customer_support"><button class="btn-primary pull-right">CUSTOMER SUPPORT</button></a>
39528        <h3></h3>
39529        <ul></ul>
39530      </div>
39531      <div class="pull-left search-single">
39532        <div class="breadcrumbs">
39533          <a href="#" class="home-link" data-id=""><i class="fa fa-home"></i> <i class="fa fa-angle-right"></i> &nbsp;<span class="sm-category"></span></a>
39534        </div>
39535        <div class="sm-title"></div>
39536        <div class="img imgtop"></div>
39537        <div class="sm-content"></div>
39538        <div class="img imgright"></div>
39539        <div class="img imgbottom"></div>
39540      </div>
39541    </div>
39542  </div>
39543</div>
39544<div class="bottom_fixed">
39545  <div class="bottom_fixed_inner collaps_btm_fixed collaps_btm_fixed_tri">
39546    <i class="open-popup fa fa-info-circle"></i>
39547    <i class="close-popup fa fa-remove"></i>
39548  </div>
39549  <div class="bottom_fixed_inner bttom_fixed_inner_button envelope" data-toggle="modal" data-target="#contact-seller-modal" data-dismiss="modal">
39550   <i class="open-popup active fa fa-envelope"></i>
39551   <!-- <span class="toright"><p>Contact Seller</p></span> -->
39552  </div>
39553  <div class="bottom_fixed_inner bttom_fixed_inner_button backtotop">
39554    <a href="#mobilemenu">
39555      <i class="fa fa-chevron-circle-up"></i>
39556      <!-- <span class="toright"><p>Scroll To Top</p></span> -->
39557    </a>
39558  </div>
39559  <div class="bottom_fixed_inner bttom_fixed_inner_button hobbylancerfeature" data-toggle="modal" data-target="#hobbylancerfeature" data-dismiss="modal">
39560   <i class="open-popup active fa fa-star"></i>
39561   <!-- <span class="toright"><p>Contact Seller</p></span> -->
39562  </div>
39563  <div class="bottom_fixed_inner bttom_fixed_inner_button support-que">
39564    <i class="open-popup active fa fa-question"></i>
39565    <i class="close-popup fa fa-remove"></i>
39566    <!-- <span class="toleft"><p>Need Help?</p></span> -->
39567  </div>
39568  <div class="bottom_fixed_inner bttom_fixed_inner_button hashtag">
39569    <a href="https://www.facebook.com/iamhobbylancer">
39570    <i class="fa fa-facebook"></i>
39571    <!-- <span class="toleft"><p>Follow Us</p></span> -->
39572    </a>
39573  </div>
39574</div>
39575
39576<!-- <a class="support-que close pull-right">
39577  <i class="open-popup fa fa-question"></i>
39578  <i class="close-popup fa fa-remove"></i>
39579</a> -->
39580<script>var site_url='https://www.hobbylancer.com';</script>
vendor: 1 bytes, line 39580
39580
39581<script type="text/javascript" src="https://www.hobbylancer.com/js/knowledge-bank.js"></script>
vendor: 1 bytes, line 39581
39581
39582<script>
39583$(window).on("load",function(){
39584  //console.log("Time until everything loaded: ", Date.now()-timerStart);
39585  var loadTime = window.performance.timing.domContentLoadedEventEnd- window.performance.timing.navigationStart;
39586  console.log(loadTime);
39587  $(".loader_wrapper").fadeOut();
39588})
39589$(function($) {
39590    $("img.lazy").Lazy();
39591});
39592$(document).ready(function(){
39593
39594    var modal_time = localStorage.getItem('hobbylancerfeature');
39595  var new_time = 1790904695;
39596  if(!modal_time || (new_time-modal_time)>=3600){
39597    localStorage.setItem('hobbylancerfeature',1790904695);
39598    setTimeout(function() {
39599        $('#hobbylancerfeature').modal();
39600    }, 5000);
39601  }
39602$(".close_support_fixed_popup").click(function(){
39603  $("#support_fixed").fadeOut();
39604  if ($(".support-que").hasClass("active")) {
39605    $(".support-que").removeClass("active");
39606  }
39607});
39608
39609});
39610
39611
39612  $('#hobbylancerfeature').on('hide.bs.modal', function(e) {    
39613    $('#videobox').html('');
39614  });
39615
39616  $('#hobbylancerfeature').on('show.bs.modal', function(e) {    
39617    $('#videobox').html('<video autoplay="" id="hobbylancerfeaturevideo" controls class="w-100"><source src="https://www.hobbylancer.com/assets/videos/how_to_get_started.mp4" type="video/mp4"></video>'); 
39618
39619    
39620
39621    if ($(".bottom_fixed").hasClass("active")) {
39622        $(".bottom_fixed").removeClass("active");
39623        $(".collaps_btm_fixed_tri").removeClass("active");
39624         
39625    } 
39626});
39627
39628</script>
39628
39629</body>
39630</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.