Social Media Share Buttons - Version 4.3

Version Description

Download this release

Release Info

Developer joaoromao
Plugin Icon 128x128 Social Media Share Buttons
Version 4.3
Comparing to
See all releases

Code changes from version 4.2.3 to 4.3

css/getsocial-style.css CHANGED
@@ -1,187 +1,227 @@
1
  @-webkit-keyframes fade-in-up {
2
- 0% {
3
- -webkit-transform: translateY(30px);
4
- opacity: 0;
5
- }
6
- 100% {
7
- -webkit-transform: translateY(0);
8
- opacity: 1;
9
- }
 
10
  }
 
11
  @keyframes fade-in-up {
12
- 0% {
13
- transform: translateY(30px);
14
- opacity: 0;
15
- }
16
- 100% {
17
- transform: translateY(0);
18
- opacity: 1;
19
- }
 
20
  }
 
21
  @-webkit-keyframes fade-in-down {
22
- 0% {
23
- -webkit-transform: translateY(-30px);
24
- opacity: 0;
25
- }
26
- 100% {
27
- -webkit-transform: translateY(0);
28
- opacity: 1;
29
- }
 
30
  }
 
31
  @keyframes fade-in-down {
32
- 0% {
33
- transform: translateY(-30px);
34
- opacity: 0;
35
- }
36
- 100% {
37
- transform: translateY(0);
38
- opacity: 1;
39
- }
 
40
  }
 
41
  @-webkit-keyframes fade-out-up {
42
- 0% {
43
- -webkit-transform: translateY(0);
44
- opacity: 1;
45
- }
46
- 100% {
47
- -webkit-transform: translateY(-30px);
48
- opacity: 0;
49
- }
 
50
  }
 
51
  @keyframes fade-out-up {
52
- 0% {
53
- transform: translateY(0);
54
- opacity: 1;
55
- }
56
- 100% {
57
- transform: translateY(-30px);
58
- opacity: 0;
59
- }
 
60
  }
 
61
  @-webkit-keyframes opacity-in {
62
- 0% {
63
- opacity: 0;
64
- }
65
- 100% {
66
- opacity: 1;
67
- }
 
68
  }
 
69
  @keyframes opacity-in {
70
- 0% {
71
- opacity: 0;
72
- }
73
- 100% {
74
- opacity: 1;
75
- }
 
76
  }
 
77
  @-webkit-keyframes opacity-out {
78
- 0% {
79
- opacity: 1;
80
- }
81
- 100% {
82
- opacity: 0;
83
- }
 
84
  }
 
85
  @keyframes opacity-out {
86
- 0% {
87
- opacity: 1;
88
- }
89
- 100% {
90
- opacity: 0;
91
- }
 
92
  }
 
93
  @-webkit-keyframes fade-in-up {
94
- 0% {
95
- -webkit-transform: translateY(30px);
96
- opacity: 0;
97
- }
98
- 100% {
99
- -webkit-transform: translateY(0);
100
- opacity: 1;
101
- }
 
102
  }
 
103
  @keyframes fade-in-up {
104
- 0% {
105
- transform: translateY(30px);
106
- opacity: 0;
107
- }
108
- 100% {
109
- transform: translateY(0);
110
- opacity: 1;
111
- }
 
112
  }
 
113
  @-webkit-keyframes fade-in-down {
114
- 0% {
115
- -webkit-transform: translateY(-30px);
116
- opacity: 0;
117
- }
118
- 100% {
119
- -webkit-transform: translateY(0);
120
- opacity: 1;
121
- }
 
122
  }
 
123
  @keyframes fade-in-down {
124
- 0% {
125
- transform: translateY(-30px);
126
- opacity: 0;
127
- }
128
- 100% {
129
- transform: translateY(0);
130
- opacity: 1;
131
- }
 
132
  }
 
133
  @-webkit-keyframes fade-out-up {
134
- 0% {
135
- -webkit-transform: translateY(0);
136
- opacity: 1;
137
- }
138
- 100% {
139
- -webkit-transform: translateY(-30px);
140
- opacity: 0;
141
- }
 
142
  }
 
143
  @keyframes fade-out-up {
144
- 0% {
145
- transform: translateY(0);
146
- opacity: 1;
147
- }
148
- 100% {
149
- transform: translateY(-30px);
150
- opacity: 0;
151
- }
 
152
  }
 
153
  @-webkit-keyframes opacity-in {
154
- 0% {
155
- opacity: 0;
156
- }
157
- 100% {
158
- opacity: 1;
159
- }
 
160
  }
 
161
  @keyframes opacity-in {
162
- 0% {
163
- opacity: 0;
164
- }
165
- 100% {
166
- opacity: 1;
167
- }
 
168
  }
 
169
  @-webkit-keyframes opacity-out {
170
- 0% {
171
- opacity: 1;
172
- }
173
- 100% {
174
- opacity: 0;
175
- }
 
176
  }
 
177
  @keyframes opacity-out {
178
- 0% {
179
- opacity: 1;
180
- }
181
- 100% {
182
- opacity: 0;
183
- }
 
184
  }
 
185
  html,
186
  body,
187
  div,
@@ -263,13 +303,14 @@ time,
263
  mark,
264
  audio,
265
  video {
266
- margin: 0;
267
- padding: 0;
268
- border: 0;
269
- font-size: 100%;
270
- font: inherit;
271
- vertical-align: baseline;
272
  }
 
273
  article,
274
  aside,
275
  details,
@@ -281,5136 +322,6225 @@ hgroup,
281
  menu,
282
  nav,
283
  section {
284
- display: block;
285
  }
 
286
  body {
287
- line-height: 1;
288
  }
 
289
  ol,
290
  ul {
291
- list-style: none;
292
  }
 
293
  blockquote,
294
  q {
295
- quotes: none;
296
  }
 
297
  blockquote:before,
298
  blockquote:after,
299
  q:before,
300
  q:after {
301
- content: "";
302
- content: none;
303
  }
 
304
  table {
305
- border-collapse: collapse;
306
- border-spacing: 0;
307
  }
 
308
  a {
309
- text-decoration: none;
310
  }
 
311
  @-webkit-keyframes fade-in-up {
312
- 0% {
313
- -webkit-transform: translateY(30px);
314
- opacity: 0;
315
- }
316
- 100% {
317
- -webkit-transform: translateY(0);
318
- opacity: 1;
319
- }
 
320
  }
 
321
  @keyframes fade-in-up {
322
- 0% {
323
- transform: translateY(30px);
324
- opacity: 0;
325
- }
326
- 100% {
327
- transform: translateY(0);
328
- opacity: 1;
329
- }
 
330
  }
 
331
  @-webkit-keyframes fade-in-down {
332
- 0% {
333
- -webkit-transform: translateY(-30px);
334
- opacity: 0;
335
- }
336
- 100% {
337
- -webkit-transform: translateY(0);
338
- opacity: 1;
339
- }
 
340
  }
 
341
  @keyframes fade-in-down {
342
- 0% {
343
- transform: translateY(-30px);
344
- opacity: 0;
345
- }
346
- 100% {
347
- transform: translateY(0);
348
- opacity: 1;
349
- }
 
350
  }
 
351
  @-webkit-keyframes fade-out-up {
352
- 0% {
353
- -webkit-transform: translateY(0);
354
- opacity: 1;
355
- }
356
- 100% {
357
- -webkit-transform: translateY(-30px);
358
- opacity: 0;
359
- }
 
360
  }
 
361
  @keyframes fade-out-up {
362
- 0% {
363
- transform: translateY(0);
364
- opacity: 1;
365
- }
366
- 100% {
367
- transform: translateY(-30px);
368
- opacity: 0;
369
- }
 
370
  }
 
371
  @-webkit-keyframes opacity-in {
372
- 0% {
373
- opacity: 0;
374
- }
375
- 100% {
376
- opacity: 1;
377
- }
 
378
  }
 
379
  @keyframes opacity-in {
380
- 0% {
381
- opacity: 0;
382
- }
383
- 100% {
384
- opacity: 1;
385
- }
 
386
  }
 
387
  @-webkit-keyframes opacity-out {
388
- 0% {
389
- opacity: 1;
390
- }
391
- 100% {
392
- opacity: 0;
393
- }
 
394
  }
 
395
  @keyframes opacity-out {
396
- 0% {
397
- opacity: 1;
398
- }
399
- 100% {
400
- opacity: 0;
401
- }
 
402
  }
 
403
  header {
404
- width: 100%;
405
- padding-top: 53px;
406
- display: inline-block;
407
  }
 
408
  header #logo-wrapper {
409
- background: #262533;
410
- padding: 19px 20px;
411
- float: left;
412
  }
413
 
414
  header #logo-wrapper img {
415
- width: 100px;
416
  }
417
 
418
  header #logo-wrapper:hover,
419
  header #logo-wrapper:focus {
420
- background: #1b1a24;
421
  }
 
422
  header #logo-wrapper:active {
423
- background: #17161e;
424
  }
 
425
  header #main-nav {
426
- width: 100%;
427
- background: #262533;
428
- position: fixed;
429
- top: 0;
430
- left: 0;
431
- z-index: 6;
432
- -webkit-transition: all 200ms;
433
- transition: all 200ms;
434
- box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
435
  }
 
436
  header #main-nav nav {
437
- padding-left: 148px;
438
  }
439
- header #main-nav nav > ul > li,
440
- header #main-nav nav > ul > li a {
441
- font-size: 14px;
442
- color: #fff;
443
- display: inline-block;
 
444
  }
445
- header #main-nav nav > ul > li > a {
446
- font-weight: bold;
 
447
  }
448
- header #main-nav nav > ul > li a {
449
- padding: 19px 17px 22px;
 
450
  }
451
- header #main-nav nav > ul > li a:hover,
452
- header #main-nav nav > ul > li a:focus {
453
- background: #1d1c27;
 
454
  }
455
- header #main-nav nav > ul > li a:active {
456
- background: #17161e;
 
457
  }
458
- header #main-nav nav > ul > li a > i.fa-angle-down {
459
- font-size: 20px;
460
- color: #f7f7f9;
461
- margin: -5px 0 -1px 3px;
462
- position: relative;
463
- bottom: -3px;
464
- }
465
- header #main-nav nav > ul > li a > i:not(.fa-angle-down) {
466
- margin-right: 4px;
467
- position: relative;
468
- bottom: -1px;
469
- }
470
- header #main-nav nav > ul > li a.plan-one {
471
- background: #00bba4;
472
- }
473
- header #main-nav nav > ul > li a.plan-one:hover,
474
- header #main-nav nav > ul > li a.plan-one:focus {
475
- background: #00a18e;
476
- }
477
- header #main-nav nav > ul > li a.plan-one:active,
478
- header #main-nav nav > ul > li a.plan-one:focus {
479
- background: #008877;
480
- }
481
- header #main-nav nav > ul > li a.plan-two {
482
- background: #f29809;
483
- }
484
- header #main-nav nav > ul > li a.plan-two:hover,
485
- header #main-nav nav > ul > li a.plan-two:focus {
486
- background: #d98908;
487
- }
488
- header #main-nav nav > ul > li a.plan-two:active {
489
- background: #cb7f08;
490
- }
491
- header #main-nav nav > ul > li a.plan-three {
492
- background: #dd5a7c;
493
- }
494
- header #main-nav nav > ul > li a.plan-three:hover,
495
- header #main-nav nav > ul > li a.plan-three:focus {
496
- background: #d9456b;
497
- }
498
- header #main-nav nav > ul > li a.plan-three:active {
499
- background: #d63861;
500
- }
501
- header #main-nav nav > ul > li a.plan-four {
502
- background: #9a58e6;
503
- }
504
- header #main-nav nav > ul > li a.plan-four:hover,
505
- header #main-nav nav > ul > li a.plan-four:focus {
506
- background: #8d42e3;
507
- }
508
- header #main-nav nav > ul > li a.plan-four:active {
509
- background: #8535e1;
510
- }
511
- header #main-nav nav > ul > li.active a.tooltip > div,
512
- header #main-nav nav > ul > li.active a.tooltip:hover > div,
513
- header #main-nav nav > ul > li.active a.tooltip:focus > div,
514
- header #main-nav nav > ul > li.active a.tooltip:active > div {
515
- display: none !important;
516
- }
517
- header #main-nav nav > ul > li.divider {
518
- border-left: 1px solid #5db2de;
519
- }
520
- header #main-nav nav > ul > li.icon-link > a {
521
- padding: 19px 19px 16px !important;
522
- }
523
- header #main-nav nav > ul > li.icon-link > a.tooltip > div {
524
- width: auto;
525
- white-space: nowrap;
526
- margin-top: 5px;
527
- top: 100%;
528
- }
529
- header #main-nav nav > ul > li.icon-link > a > i {
530
- font-size: 20px;
531
- margin: -5px 0 5px;
532
- bottom: -3px;
533
- }
534
- header #main-nav nav > ul > li.right-link {
535
- float: right;
536
- z-index: 99999999;
537
- }
538
- header #main-nav nav > ul > li:not(.right-link) {
539
- margin-right: -4px;
540
- }
541
- header #main-nav nav > ul > li.submenu-link {
542
- position: relative;
543
- }
544
- header #main-nav nav > ul > li.submenu-link > a {
545
- padding-right: 7px;
546
- }
547
- header #main-nav nav > ul > li.submenu-link.right-link .submenu-wrapper {
548
- left: auto;
549
- right: 0;
550
- }
551
- header #main-nav nav > ul > li.submenu-link .submenu-wrapper {
552
- min-width: 150px;
553
- padding: 0 5px 5px;
554
- margin: 0 -5px;
555
- display: none;
556
- overflow: hidden;
557
- position: absolute;
558
- top: 100%;
559
- left: 0;
560
- z-index: 2;
561
- box-sizing: initial;
562
- }
563
- header #main-nav nav > ul > li.submenu-link .submenu {
564
- min-width: 100%;
565
- background: #f3f3f3;
566
- padding: 10px 8px;
567
- -webkit-transform: translate(0, -100%);
568
- -ms-transform: translate(0, -100%);
569
- transform: translate(0, -100%);
570
- -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
571
- transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
572
- border-radius: 0 0 4px 4px;
573
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 9px 8px -10px rgba(0, 0, 0, 0.5);
574
- }
575
- header #main-nav nav > ul > li.submenu-link .submenu.active {
576
- -webkit-transform: translate(0, 0);
577
- -ms-transform: translate(0, 0);
578
- transform: translate(0, 0);
579
- }
580
- header #main-nav nav > ul > li.submenu-link .submenu li.divider {
581
- border-bottom: 1px solid #dfdfdf;
582
- margin: 0 -8px;
583
- padding: 0 8px 10px;
584
- }
585
- header #main-nav nav > ul > li.submenu-link .submenu li.divider + li {
586
- padding-top: 8px;
587
- }
588
- header #main-nav nav > ul > li.submenu-link .submenu a {
589
- width: 100%;
590
- color: #606060;
591
- white-space: nowrap;
592
- padding: 8px 10px;
593
- position: relative;
594
- border-radius: 4px;
595
- }
596
- header #main-nav nav > ul > li.submenu-link .submenu a.lib-active,
597
- header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active {
598
- padding-right: 35px;
599
- }
600
- header #main-nav nav > ul > li.submenu-link .submenu a.lib-active:after,
601
- header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active:after {
602
- font-family: "FontAwesome";
603
- font-size: 16px;
604
- position: absolute;
605
- top: 50%;
606
- right: 5px;
607
- margin-top: -8px;
608
- }
609
- header #main-nav nav > ul > li.submenu-link .submenu a.lib-active:after {
610
- content: " ";
611
- color: #8db13d;
612
- }
613
- header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active:after {
614
- content: " ";
615
- color: #d36c65;
616
- }
617
- header #main-nav nav > ul > li.submenu-link .submenu a:hover,
618
- header #main-nav nav > ul > li.submenu-link .submenu a:focus {
619
- background: #e6e6e6;
620
- }
621
- header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"] {
622
- position: relative;
623
- padding-right: 60px;
624
- }
625
- header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"] > span {
626
- font-size: 11px;
627
- color: #fff;
628
- padding: 2px 5px 3px;
629
- position: absolute;
630
- top: 7px;
631
- right: 4px;
632
- border-radius: 4px;
633
- }
634
- header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-one > span {
635
- background: #00bba4;
636
- }
637
- header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-two > span {
638
- background: #5777d1;
639
- }
640
- header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-three > span {
641
- background: #2c4aa1;
642
- }
643
- header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-four > span {
644
- background: #8600f1;
645
- }
646
- header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-five > span {
647
- background: #f5a623;
648
- }
649
- header #main-nav nav > ul > li#cta-nav + #user-nav {
650
- margin-right: 0;
651
- }
652
- header #main-nav nav > ul > li#user-nav {
653
- margin-right: 4px;
654
- }
655
- header #main-nav nav > ul > li#user-nav img {
656
- width: 30px;
657
- border: 3px solid #72bce2;
658
- margin: -7px 2px -5px;
659
- border-radius: 100%;
660
- }
661
- header #main-nav nav > ul > li#user-nav > i {
662
- margin-left: 6px;
663
- }
664
- header #main-nav nav > ul > li#user-nav a > div {
665
- left: auto;
666
- right: 4px;
667
- -webkit-transform: translateX(0);
668
- -ms-transform: translateX(0);
669
- transform: translateX(0);
670
- }
671
- header #main-nav nav > ul > li#user-nav a > div:before {
672
- margin-left: 0;
673
- left: auto;
674
- right: 24px;
675
- }
676
- header #main-nav nav > ul > li#store-nav {
677
- margin-right: -4px;
678
- }
679
- header #main-nav nav > ul > li#store-nav > a {
680
- background: #2a94ca;
681
- }
682
- header #main-nav nav > ul > li#store-nav > a:hover {
683
- background: #278abd;
684
- }
685
- header #main-nav nav > ul > li#store-nav > a:active {
686
- background: #2584b5;
687
- }
688
- header #main-nav nav > ul > li#store-nav li.tier-counter {
689
- background: #2a94ca;
690
- margin: 0 -8px;
691
- padding: 11px 8px 0;
692
- overflow: hidden;
693
- }
694
- header #main-nav nav > ul > li#store-nav li.tier-counter .counter {
695
- font-size: 12px;
696
- color: #9dd0eb;
697
- text-align: right;
698
- position: relative;
699
- z-index: 2;
700
- }
701
- header #main-nav nav > ul > li#store-nav li.tier-counter .counter > div:first-of-type {
702
- font-size: 22px;
703
- font-weight: 600;
704
- color: #fff;
705
- margin: 0 0 10px;
706
- position: relative;
707
- left: 0;
708
- }
709
- header #main-nav nav > ul > li#store-nav li.tier-counter.no-limit .badge > span {
710
- opacity: 1 !important;
711
- -webkit-transform: translateY(0) !important;
712
- -ms-transform: translateY(0) !important;
713
- transform: translateY(0) !important;
714
- }
715
- header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span {
716
- color: #fff;
717
- font-weight: 600;
718
- padding: 2px 7px;
719
- position: absolute;
720
- top: -2px;
721
- -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
722
- transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
723
  }
724
- header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span:first-child {
725
- opacity: 1;
726
- left: 0;
727
- z-index: 0;
728
- border-radius: 4px;
729
  }
730
- header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.one {
731
- background: #02b6b3;
 
732
  }
733
- header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.two {
734
- background: #f29809;
 
 
735
  }
736
- header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.three {
737
- background: #dd5a7c;
 
 
738
  }
739
- header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.four {
740
- background: #9a58e6;
 
741
  }
742
- header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span:not(:first-child):last-child {
743
- opacity: 0;
744
- left: -7px;
745
- z-index: 1;
746
- -webkit-transform: translateY(100%);
747
- -ms-transform: translateY(100%);
748
- transform: translateY(100%);
749
- }
750
- header #main-nav nav > ul > li#store-nav li.tier-counter #progbar {
751
- height: 6px;
752
- background: #fff;
753
- margin: 0 -8px;
754
- }
755
- header #main-nav nav > ul > li#store-nav li.tier-counter #progbar > div {
756
- width: 50px;
757
- height: 6px;
758
- background: #9bc048;
759
- content: "";
760
- display: block;
761
- }
762
- header #main-nav nav > ul > li#store-nav li.tier-counter:hover:not(.no-limit) .badge > span:first-child {
763
- opacity: 0;
764
- -webkit-transform: translateY(-100%);
765
- -ms-transform: translateY(-100%);
766
- transform: translateY(-100%);
767
  }
768
- header #main-nav nav > ul > li#store-nav li.tier-counter:hover:not(.no-limit) .badge > span:last-child {
769
- opacity: 1;
770
- -webkit-transform: translateY(0);
771
- -ms-transform: translateY(0);
772
- transform: translateY(0);
773
  }
774
- header #main-nav nav > ul > li#store-nav li.extra {
775
- margin: 0 -8px -10px;
 
776
  }
777
- header #main-nav nav > ul > li#store-nav li.extra a {
778
- background: #f3f3f3;
779
- padding: 12px 18px 13px;
780
- border-radius: 0 0 4px 4px;
781
  }
782
- header #main-nav nav > ul > li#store-nav li.extra a:hover,
783
- header #main-nav nav > ul > li#store-nav li.extra a:focus {
784
- background: #e6e6e6;
785
  }
786
- header #main-nav nav > ul > li#store-nav li.extra a:active {
787
- background: #dfdfdf;
 
788
  }
789
- header #main-nav nav > ul > li#store-nav #store-status {
790
- min-width: 22px;
791
- font-size: 14px;
792
- text-align: center;
793
- display: inline-block;
794
- padding: 4px 0;
795
- margin: -4px 4px -4px 2px;
796
- position: relative;
797
- bottom: -1px;
798
- border-radius: 100%;
799
  }
800
- header #main-nav nav > ul > li#store-nav #store-status.active {
801
- background: #98bf44;
 
802
  }
803
- header #main-nav nav > ul > li#store-nav #store-status.error {
804
- background: #d36c65;
 
 
 
 
805
  }
806
- header #main-nav nav > ul > li#store-nav #site-collection {
807
- padding-top: 0;
808
- background: #e6e6e6;
809
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 -45px 10px -10px rgba(0, 0, 0, 0.5), inset 0 68px 10px -10px rgba(0, 0, 0, 0.5);
810
  }
811
- header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) {
812
- max-height: 200px;
813
- padding: 10px 0;
814
- overflow-y: scroll;
815
  }
816
- header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) a:hover,
817
- header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) a:focus {
818
- background: #dadada;
 
 
 
819
  }
820
- @-webkit-keyframes fade-in-up {
821
- 0% {
822
- -webkit-transform: translateY(30px);
823
- opacity: 0;
824
- }
825
- 100% {
826
- -webkit-transform: translateY(0);
827
- opacity: 1;
828
- }
829
  }
830
- @keyframes fade-in-up {
831
- 0% {
832
- transform: translateY(30px);
833
- opacity: 0;
834
- }
835
- 100% {
836
- transform: translateY(0);
837
- opacity: 1;
838
- }
839
  }
840
- @-webkit-keyframes fade-in-down {
841
- 0% {
842
- -webkit-transform: translateY(-30px);
843
- opacity: 0;
844
- }
845
- 100% {
846
- -webkit-transform: translateY(0);
847
- opacity: 1;
848
- }
849
  }
850
- @keyframes fade-in-down {
851
- 0% {
852
- transform: translateY(-30px);
853
- opacity: 0;
854
- }
855
- 100% {
856
- transform: translateY(0);
857
- opacity: 1;
858
- }
859
  }
860
- @-webkit-keyframes fade-out-up {
861
- 0% {
862
- -webkit-transform: translateY(0);
863
- opacity: 1;
864
- }
865
- 100% {
866
- -webkit-transform: translateY(-30px);
867
- opacity: 0;
868
- }
869
  }
870
- @keyframes fade-out-up {
871
- 0% {
872
- transform: translateY(0);
873
- opacity: 1;
874
- }
875
- 100% {
876
- transform: translateY(-30px);
877
- opacity: 0;
878
- }
879
  }
880
- @-webkit-keyframes opacity-in {
881
- 0% {
882
- opacity: 0;
883
- }
884
- 100% {
885
- opacity: 1;
886
- }
 
 
 
 
 
887
  }
888
- @keyframes opacity-in {
889
- 0% {
890
- opacity: 0;
891
- }
892
- 100% {
893
- opacity: 1;
894
- }
 
 
 
 
 
895
  }
896
- @-webkit-keyframes opacity-out {
897
- 0% {
898
- opacity: 1;
899
- }
900
- 100% {
901
- opacity: 0;
902
- }
903
  }
904
- @keyframes opacity-out {
905
- 0% {
906
- opacity: 1;
907
- }
908
- 100% {
909
- opacity: 0;
910
- }
911
  }
912
- .title-wrapper {
913
- background: #fff;
914
- text-align: center;
915
- border-bottom: 1px solid #e9e9e9;
916
- padding: 46px 0 56px;
917
- position: relative;
918
- z-index: 4;
919
  }
920
- .title-wrapper h1 {
921
- font-family: "Raleway", sans-serif;
922
- font-weight: 800;
923
- text-align: right;
924
- display: inline-block;
 
 
 
925
  }
926
- .title-wrapper h1 + p {
927
- max-width: 600px;
928
- margin-left: auto;
929
- margin-right: auto;
930
  }
931
- .title-wrapper.analytics {
932
- z-index: 0;
 
 
 
 
 
 
 
933
  }
934
- @-webkit-keyframes fade-in-up {
935
- 0% {
936
- -webkit-transform: translateY(30px);
937
- opacity: 0;
938
- }
939
- 100% {
940
- -webkit-transform: translateY(0);
941
- opacity: 1;
942
- }
943
  }
944
- @keyframes fade-in-up {
945
- 0% {
946
- transform: translateY(30px);
947
- opacity: 0;
948
- }
949
- 100% {
950
- transform: translateY(0);
951
- opacity: 1;
952
- }
953
  }
954
- @-webkit-keyframes fade-in-down {
955
- 0% {
956
- -webkit-transform: translateY(-30px);
957
- opacity: 0;
958
- }
959
- 100% {
960
- -webkit-transform: translateY(0);
961
- opacity: 1;
962
- }
963
  }
964
- @keyframes fade-in-down {
965
- 0% {
966
- transform: translateY(-30px);
967
- opacity: 0;
968
- }
969
- 100% {
970
- transform: translateY(0);
971
- opacity: 1;
972
- }
973
  }
974
- @-webkit-keyframes fade-out-up {
975
- 0% {
976
- -webkit-transform: translateY(0);
977
- opacity: 1;
978
- }
979
- 100% {
980
- -webkit-transform: translateY(-30px);
981
- opacity: 0;
982
- }
983
  }
984
- @keyframes fade-out-up {
985
- 0% {
986
- transform: translateY(0);
987
- opacity: 1;
988
- }
989
- 100% {
990
- transform: translateY(-30px);
991
- opacity: 0;
992
- }
993
  }
994
- @-webkit-keyframes opacity-in {
995
- 0% {
996
- opacity: 0;
997
- }
998
- 100% {
999
- opacity: 1;
1000
- }
1001
  }
1002
- @keyframes opacity-in {
1003
- 0% {
1004
- opacity: 0;
1005
- }
1006
- 100% {
1007
- opacity: 1;
1008
- }
1009
  }
1010
- @-webkit-keyframes opacity-out {
1011
- 0% {
1012
- opacity: 1;
1013
- }
1014
- 100% {
1015
- opacity: 0;
1016
- }
1017
  }
1018
- @keyframes opacity-out {
1019
- 0% {
1020
- opacity: 1;
1021
- }
1022
- 100% {
1023
- opacity: 0;
1024
- }
1025
  }
1026
- .alert-block .alert-info:before,
1027
- .alert-block .alert-info textarea,
1028
- .alert-block .alert-info a,
1029
- .alert-block .close {
1030
- position: absolute;
1031
- top: 50%;
1032
- -webkit-transform: translateY(-50%);
1033
- -ms-transform: translateY(-50%);
1034
- transform: translateY(-50%);
1035
  }
1036
- .alert-block {
1037
- color: #606060;
1038
- background: #fff;
1039
- padding: 15px 30px;
1040
- position: relative;
1041
- -webkit-transition: all 200ms;
1042
- transition: all 200ms;
1043
  }
1044
- .alert-block.large {
1045
- margin: 0 15px 30px;
1046
- padding: 22px 30px;
1047
- border-radius: 4px;
 
 
1048
  }
1049
- .alert-block.center {
1050
- text-align: center;
 
1051
  }
1052
- .alert-block.center,
1053
- .alert-block.center.large {
1054
- padding-left: 0;
1055
- padding-right: 0;
 
 
 
1056
  }
1057
- .alert-block.center .alert-info {
1058
- max-width: 800px;
1059
- display: inline-block;
 
 
1060
  }
1061
- .alert-block.center .alert-info a {
1062
- left: 100%;
1063
- right: auto;
1064
  }
1065
- .alert-block .alert-info {
1066
- text-align: left;
1067
- padding-left: 50px;
1068
- position: relative;
1069
  }
1070
- .alert-block .alert-info:before {
1071
- font-family: "FontAwesome";
1072
- font-size: 35px;
1073
- content: " ";
1074
- color: #ccc;
1075
- left: 0;
1076
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1077
  .alert-block .alert-info.no-desc {
1078
- padding: 9px 0 9px 40px;
1079
  }
 
1080
  .alert-block .alert-info.no-desc p {
1081
- position: relative;
1082
- top: -1px;
1083
  }
 
1084
  .alert-block .alert-info.no-desc:before {
1085
- font-size: 28px;
1086
  }
 
1087
  .alert-block .alert-info.code {
1088
- padding-right: 275px;
1089
  }
 
1090
  .alert-block .alert-info textarea {
1091
- width: 245px;
1092
- height: 50px;
1093
- font-family: monospace;
1094
- font-size: 12px;
1095
- color: #606060;
1096
- border: 0;
1097
- padding: 6px 12px;
1098
- overflow-y: scroll;
1099
- right: 0;
1100
- outline: none;
1101
- resize: none;
1102
- border-radius: 4px;
1103
  }
 
1104
  .alert-block .alert-info textarea:hover {
1105
- background: #eee;
1106
  }
 
1107
  .alert-block .alert-info textarea:focus {
1108
- background: #fff;
1109
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
1110
  }
 
1111
  .alert-block .alert-info a {
1112
- font-weight: normal;
1113
- color: #fff;
1114
- background: #bbb;
1115
- white-space: nowrap;
1116
- margin-left: 30px;
1117
- padding-left: 10px;
1118
- padding-right: 10px;
1119
- right: 30px;
1120
  }
 
1121
  .alert-block .alert-info a:hover {
1122
- background: #999;
1123
  }
 
1124
  .alert-block p.alert-title {
1125
- font-size: 16px;
1126
- font-weight: bold;
1127
  }
 
1128
  .alert-block p:not(.alert-title) {
1129
- font-size: 13px;
1130
- font-weight: 600;
1131
- line-height: 15px;
1132
- margin: 3px 0 0;
1133
  }
 
1134
  .alert-block.inline {
1135
- max-width: 800px;
1136
- color: #02b6b3;
1137
- border-left-width: 90px;
1138
- border-left-style: solid;
1139
- border-left-color: #02b6b3;
1140
- text-align: left;
1141
- padding-right: 30px;
1142
- margin: 0 auto 30px;
1143
- border-radius: 4px;
1144
  }
 
1145
  .alert-block.inline .alert-info {
1146
- padding-left: 90px !important;
1147
- margin-left: -90px;
1148
  }
 
1149
  .alert-block.inline .alert-info:before {
1150
- color: #fff;
1151
  }
 
1152
  .alert-block[class*="plan-"] {
1153
- color: #fff;
1154
  }
 
1155
  .alert-block[class*="plan-"] .alert-info {
1156
- padding-left: 0;
1157
  }
 
1158
  .alert-block[class*="plan-"] .alert-info:before {
1159
- font-family: "Raleway", sans-serif;
1160
- font-weight: 800;
1161
- font-size: 20px;
1162
- color: #fff;
1163
- border: 2px solid #fff;
1164
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
1165
- padding: 3px 11px;
1166
- margin-right: 30px;
1167
- right: 100%;
1168
- left: auto;
1169
- border-radius: 4px;
1170
  }
 
1171
  .alert-block[class*="plan-"] p {
1172
- color: #fff;
1173
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13);
1174
  }
 
1175
  .alert-block.gs-primary {
1176
- background: #02b6b3;
1177
  }
 
1178
  .alert-block.gs-primary.inline {
1179
- border-left-color: #2687b9;
1180
  }
 
1181
  .alert-block.gs-primary .alert-info:before {
1182
- content: "\f00c";
1183
- color: rgba(255, 255, 255, 0.5);
1184
  }
 
1185
  .alert-block.gs-primary .alert-info a {
1186
- background: #2481b1;
1187
  }
 
1188
  .alert-block.gs-primary .alert-info a:hover {
1189
- background: #1f6e97;
1190
  }
 
1191
  .alert-block.gs-primary p.alert-title {
1192
- color: #fff;
1193
  }
 
1194
  .alert-block.gs-primary p:not(.alert-title) {
1195
- color: #b2daef;
1196
  }
 
1197
  .alert-block.default-gs-primary {
1198
- border-bottom: 1px solid #b2daef;
1199
  }
 
1200
  .alert-block.default-gs-primary .alert-info:before {
1201
- content: " ";
1202
- color: #02b6b3;
1203
  }
 
1204
  .alert-block.default-gs-primary .alert-info a {
1205
- background: #02b6b3;
1206
  }
 
1207
  .alert-block.default-gs-primary .alert-info a:hover {
1208
- background: #2481b1;
1209
  }
 
1210
  .alert-block.default-gs-primary p {
1211
- color: #02b6b3;
1212
  }
 
1213
  .alert-block.default-gs-primary p:not(.alert-title) {
1214
- color: #5db2de;
1215
  }
 
1216
  .alert-block.gs-success {
1217
- background: #02b6b3;
1218
  }
 
1219
  .alert-block.gs-success.inline {
1220
- border-left-color: #029d9a;
1221
  }
 
1222
  .alert-block.gs-success .alert-info:before {
1223
- content: "\f058";
1224
- color: rgba(255, 255, 255, 0.5);
1225
  }
 
1226
  .alert-block.gs-success .alert-info a {
1227
- background: #65851b;
1228
  }
 
1229
  .alert-block.gs-success .alert-info a:hover {
1230
- background: #526c15;
1231
  }
 
1232
  .alert-block.gs-success p.alert-title {
1233
- color: #fff;
1234
  }
 
1235
  .alert-block.gs-success p:not(.alert-title) {
1236
- color: #c9e785;
1237
  }
 
1238
  .alert-block.default-gs-success {
1239
- border-bottom: 1px solid #c9e785;
1240
  }
 
1241
  .alert-block.default-gs-success .alert-info:before {
1242
- content: "\f058";
1243
- color: #02b6b3;
1244
  }
 
1245
  .alert-block.default-gs-success .alert-info a {
1246
- background: #02b6b3;
1247
  }
 
1248
  .alert-block.default-gs-success .alert-info a:hover {
1249
- background: #65851b;
1250
  }
 
1251
  .alert-block.default-gs-success p {
1252
- color: #02b6b3;
1253
  }
 
1254
  .alert-block.default-gs-success p:not(.alert-title) {
1255
- color: #a3d630;
1256
  }
 
1257
  .alert-block.gs-error {
1258
- background: #d36c65;
1259
  }
 
1260
  .alert-block.gs-error.inline {
1261
- border-left-color: #ca4e45;
1262
  }
 
1263
  .alert-block.gs-error .alert-info:before {
1264
- content: "\f06a";
1265
- color: rgba(255, 255, 255, 0.5);
1266
  }
 
1267
  .alert-block.gs-error .alert-info a {
1268
- background: #c8463d;
1269
  }
 
1270
  .alert-block.gs-error .alert-info a:hover {
1271
- background: #b33b33;
1272
  }
 
1273
  .alert-block.gs-error p.alert-title {
1274
- color: #fff;
1275
  }
 
1276
  .alert-block.gs-error p:not(.alert-title) {
1277
- color: #f5dedc;
1278
  }
 
1279
  .alert-block.default-gs-error {
1280
- border-bottom: 1px solid #f5dedc;
1281
  }
 
1282
  .alert-block.default-gs-error .alert-info:before {
1283
- content: " ";
1284
- color: #d36c65;
1285
  }
 
1286
  .alert-block.default-gs-error .alert-info a {
1287
- background: #d36c65;
1288
  }
 
1289
  .alert-block.default-gs-error .alert-info a:hover {
1290
- background: #c8463d;
1291
  }
 
1292
  .alert-block.default-gs-error p {
1293
- color: #d36c65;
1294
  }
 
1295
  .alert-block.default-gs-error p:not(.alert-title) {
1296
- color: #de928d;
1297
  }
 
1298
  .alert-block.special {
1299
- background: #efc520;
1300
  }
 
1301
  .alert-block.special.inline {
1302
- border-left-color: #e5ba10;
1303
  }
 
1304
  .alert-block.special .alert-info:before {
1305
- content: " ";
1306
- font-size: 35px;
1307
- color: #fff;
1308
  }
 
1309
  .alert-block.special .alert-info a {
1310
- background: #bf9b0e;
1311
  }
 
1312
  .alert-block.special .alert-info a:hover {
1313
- background: #a7880c;
1314
  }
 
1315
  .alert-block.special p {
1316
- color: #fff;
1317
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13);
1318
  }
 
1319
  .alert-block.plan-one {
1320
- background: #00bba4;
1321
  }
 
1322
  .alert-block.plan-one .alert-info:before {
1323
- content: "Tools";
1324
  }
 
1325
  .alert-block.plan-one .alert-info a {
1326
- background: #00a18e;
1327
  }
 
1328
  .alert-block.plan-one .alert-info a:hover {
1329
- background: #008877;
1330
  }
 
1331
  .alert-block.plan-two {
1332
- background: #5777d1;
1333
  }
 
1334
  .alert-block.plan-two .alert-info:before {
1335
- content: "Start";
1336
  }
 
1337
  .alert-block.plan-two .alert-info a {
1338
- background: #4367cb;
1339
  }
 
1340
  .alert-block.plan-two .alert-info a:hover {
1341
- background: #3559c0;
1342
  }
 
1343
  .alert-block.plan-three {
1344
- background: #2c4aa1;
1345
  }
 
1346
  .alert-block.plan-three .alert-info:before {
1347
- content: "Growth";
1348
  }
 
1349
  .alert-block.plan-three .alert-info a {
1350
- background: #27418d;
1351
  }
 
1352
  .alert-block.plan-three .alert-info a:hover {
1353
- background: #213879;
1354
  }
 
1355
  .alert-block.plan-four {
1356
- background: #8600f1;
1357
  }
 
1358
  .alert-block.plan-four .alert-info:before {
1359
- content: "Expand";
1360
  }
 
1361
  .alert-block.plan-four .alert-info a {
1362
- background: #7800d7;
1363
  }
 
1364
  .alert-block.plan-four .alert-info a:hover {
1365
- background: #6a00be;
1366
  }
 
1367
  .alert-block.plan-five {
1368
- background: #f5a623;
1369
  }
 
1370
  .alert-block.plan-five .alert-info:before {
1371
- content: "Enterprise";
1372
  }
 
1373
  .alert-block.plan-five .alert-info a {
1374
- background: #f39c0b;
1375
  }
 
1376
  .alert-block.plan-five .alert-info a:hover {
1377
- background: #db8c0a;
1378
  }
 
1379
  .alert-block .close {
1380
- width: 33px;
1381
- height: 33px;
1382
- font-size: 22px;
1383
- color: #fff;
1384
- padding-top: 4px;
1385
- right: 30px;
1386
- opacity: 0.6;
1387
- -webkit-transition: all 200ms;
1388
- transition: all 200ms;
1389
  }
 
1390
  .alert-block .close i {
1391
- -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1392
- transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1393
- -webkit-transform-origin: 50% 54%;
1394
- -moz-transform-origin: 50% 54%;
1395
- -ms-transform-origin: 50% 54%;
1396
- transform-origin: 50% 54%;
1397
  }
 
1398
  .alert-block .close:hover {
1399
- opacity: 1;
1400
  }
 
1401
  .alert-block .close:hover i {
1402
- -webkit-transform: rotate(180deg);
1403
- -ms-transform: rotate(180deg);
1404
- transform: rotate(180deg);
1405
  }
1406
- .alert-block + div > .content-wrapper {
1407
- margin-top: 30px;
 
1408
  }
 
1409
  @-webkit-keyframes fade-in-up {
1410
- 0% {
1411
- -webkit-transform: translateY(30px);
1412
- opacity: 0;
1413
- }
1414
- 100% {
1415
- -webkit-transform: translateY(0);
1416
- opacity: 1;
1417
- }
 
1418
  }
 
1419
  @keyframes fade-in-up {
1420
- 0% {
1421
- transform: translateY(30px);
1422
- opacity: 0;
1423
- }
1424
- 100% {
1425
- transform: translateY(0);
1426
- opacity: 1;
1427
- }
 
1428
  }
 
1429
  @-webkit-keyframes fade-in-down {
1430
- 0% {
1431
- -webkit-transform: translateY(-30px);
1432
- opacity: 0;
1433
- }
1434
- 100% {
1435
- -webkit-transform: translateY(0);
1436
- opacity: 1;
1437
- }
 
1438
  }
 
1439
  @keyframes fade-in-down {
1440
- 0% {
1441
- transform: translateY(-30px);
1442
- opacity: 0;
1443
- }
1444
- 100% {
1445
- transform: translateY(0);
1446
- opacity: 1;
1447
- }
 
1448
  }
 
1449
  @-webkit-keyframes fade-out-up {
1450
- 0% {
1451
- -webkit-transform: translateY(0);
1452
- opacity: 1;
1453
- }
1454
- 100% {
1455
- -webkit-transform: translateY(-30px);
1456
- opacity: 0;
1457
- }
 
1458
  }
 
1459
  @keyframes fade-out-up {
1460
- 0% {
1461
- transform: translateY(0);
1462
- opacity: 1;
1463
- }
1464
- 100% {
1465
- transform: translateY(-30px);
1466
- opacity: 0;
1467
- }
 
1468
  }
 
1469
  @-webkit-keyframes opacity-in {
1470
- 0% {
1471
- opacity: 0;
1472
- }
1473
- 100% {
1474
- opacity: 1;
1475
- }
 
1476
  }
 
1477
  @keyframes opacity-in {
1478
- 0% {
1479
- opacity: 0;
1480
- }
1481
- 100% {
1482
- opacity: 1;
1483
- }
 
1484
  }
 
1485
  @-webkit-keyframes opacity-out {
1486
- 0% {
1487
- opacity: 1;
1488
- }
1489
- 100% {
1490
- opacity: 0;
1491
- }
 
1492
  }
 
1493
  @keyframes opacity-out {
1494
- 0% {
1495
- opacity: 1;
1496
- }
1497
- 100% {
1498
- opacity: 0;
1499
- }
 
1500
  }
 
1501
  .modal-wrapper {
1502
- background: rgba(0, 0, 0, 0.5);
1503
- padding: 0 30px;
1504
- overflow: scroll;
1505
- z-index: 9;
1506
  }
 
1507
  .modal-wrapper,
1508
  .modal-wrapper .modal-cover {
1509
- position: fixed;
1510
- top: 0;
1511
- right: 0;
1512
- bottom: 0;
1513
- left: 0;
1514
  }
 
1515
  .modal-wrapper .modal-cover {
1516
- z-index: -1;
1517
  }
 
1518
  .modal-wrapper .gs-modal {
1519
- max-width: 860px;
1520
- background: #fff;
1521
- padding: 35px 30px 30px;
1522
- margin: 100px auto 30px;
1523
- opacity: 0;
1524
- border-radius: 4px;
1525
  }
 
1526
  .modal-wrapper .gs-modal.small {
1527
- max-width: 430px;
1528
- padding: 40px 30px;
1529
  }
 
1530
  .modal-wrapper .gs-modal .modal-title {
1531
- text-align: center;
1532
  }
 
1533
  .modal-wrapper .gs-modal .modal-title .title {
1534
- font-family: "Raleway", sans-serif;
1535
- font-weight: 800;
1536
- font-size: 25px;
1537
- font-weight: 300;
1538
- padding-bottom: 11px;
1539
  }
1540
- .modal-wrapper .gs-modal .modal-title .title + p {
1541
- max-width: 400px;
1542
- margin: 10px auto 0;
 
1543
  }
 
1544
  .modal-wrapper .gs-modal img {
1545
- width: 100%;
1546
  }
 
1547
  .modal-wrapper .gs-modal .before-after {
1548
- margin-top: -20px;
1549
  }
1550
- .modal-wrapper .gs-modal .before-after > div {
1551
- text-align: center;
 
1552
  }
1553
- .modal-wrapper .gs-modal .before-after > div strong {
1554
- font-size: 20px;
1555
- margin: 20px 0;
1556
- display: block;
 
1557
  }
1558
- .modal-wrapper .gs-modal .before-after > div[class*="col-"]:first-child {
1559
- padding-left: 0;
1560
- padding-right: 15px;
 
1561
  }
1562
- .modal-wrapper .gs-modal .before-after > div[class*="col-"]:last-child {
1563
- padding-left: 15px;
1564
- padding-right: 0;
 
1565
  }
 
1566
  .modal-wrapper .gs-modal .form-button-group {
1567
- padding-top: 20px;
1568
  }
 
1569
  .modal-wrapper .gs-modal .text-block {
1570
- text-align: left;
1571
- margin-bottom: 30px;
1572
  }
 
1573
  .modal-wrapper .gs-modal .text-block p {
1574
- font-size: 18px;
1575
- line-height: 22px;
1576
- margin-bottom: 15px;
 
1577
  }
 
1578
  .modal-wrapper .gs-modal .text-block p span {
1579
- color: #02b6b3;
1580
  }
 
1581
  .modal-wrapper .gs-modal .status-icon {
1582
- width: 70px;
1583
- height: 70px;
1584
- background: #c4da94;
1585
- border: 5px solid #9bc048;
1586
- margin: -10px auto 30px;
1587
- position: relative;
1588
- -webkit-animation: rotate-in 750ms ease-in-out;
1589
- animation: rotate-in 750ms ease-in-out;
1590
  }
 
1591
  .modal-wrapper .gs-modal .status-icon i {
1592
- font-size: 38px;
1593
- color: #fff;
1594
- margin: -19px 0 0 -19px;
1595
- position: absolute;
1596
- top: 50%;
1597
- left: 50%;
1598
  }
 
1599
  .modal-wrapper .gs-modal .status-icon,
1600
  .modal-wrapper .gs-modal .status-icon:before {
1601
- border-radius: 100%;
1602
  }
 
1603
  .modal-wrapper .gs-modal .status-icon:before {
1604
- width: 100%;
1605
- height: 100%;
1606
- border: 0 solid #9bc048;
1607
- content: "";
1608
- display: inline-block;
1609
- position: absolute;
1610
- top: 0;
1611
- left: 0;
1612
- box-sizing: border-box;
1613
  }
 
1614
  .modal-wrapper.hide {
1615
- display: none;
1616
  }
 
1617
  .modal-wrapper.active {
1618
- display: block;
1619
- -webkit-animation: opacity-in 300ms ease-in-out forwards;
1620
- animation: opacity-in 300ms ease-in-out forwards;
1621
  }
 
1622
  .modal-wrapper.active .gs-modal {
1623
- -webkit-animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1624
- animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1625
  }
 
1626
  .modal-wrapper.rewind {
1627
- -webkit-animation: opacity-out 300ms ease-in-out forwards;
1628
- animation: opacity-out 300ms ease-in-out forwards;
1629
  }
 
1630
  .modal-wrapper.rewind .gs-modal {
1631
- -webkit-animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1632
- animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1633
  }
 
1634
  @-webkit-keyframes fade-in-up {
1635
- 0% {
1636
- -webkit-transform: translateY(30px);
1637
- opacity: 0;
1638
- }
1639
- 100% {
1640
- -webkit-transform: translateY(0);
1641
- opacity: 1;
1642
- }
 
1643
  }
 
1644
  @keyframes fade-in-up {
1645
- 0% {
1646
- transform: translateY(30px);
1647
- opacity: 0;
1648
- }
1649
- 100% {
1650
- transform: translateY(0);
1651
- opacity: 1;
1652
- }
 
1653
  }
 
1654
  @-webkit-keyframes fade-in-down {
1655
- 0% {
1656
- -webkit-transform: translateY(-30px);
1657
- opacity: 0;
1658
- }
1659
- 100% {
1660
- -webkit-transform: translateY(0);
1661
- opacity: 1;
1662
- }
 
1663
  }
 
1664
  @keyframes fade-in-down {
1665
- 0% {
1666
- transform: translateY(-30px);
1667
- opacity: 0;
1668
- }
1669
- 100% {
1670
- transform: translateY(0);
1671
- opacity: 1;
1672
- }
 
1673
  }
 
1674
  @-webkit-keyframes fade-out-up {
1675
- 0% {
1676
- -webkit-transform: translateY(0);
1677
- opacity: 1;
1678
- }
1679
- 100% {
1680
- -webkit-transform: translateY(-30px);
1681
- opacity: 0;
1682
- }
 
1683
  }
 
1684
  @keyframes fade-out-up {
1685
- 0% {
1686
- transform: translateY(0);
1687
- opacity: 1;
1688
- }
1689
- 100% {
1690
- transform: translateY(-30px);
1691
- opacity: 0;
1692
- }
 
1693
  }
 
1694
  @-webkit-keyframes opacity-in {
1695
- 0% {
1696
- opacity: 0;
1697
- }
1698
- 100% {
1699
- opacity: 1;
1700
- }
 
1701
  }
 
1702
  @keyframes opacity-in {
1703
- 0% {
1704
- opacity: 0;
1705
- }
1706
- 100% {
1707
- opacity: 1;
1708
- }
 
1709
  }
 
1710
  @-webkit-keyframes opacity-out {
1711
- 0% {
1712
- opacity: 1;
1713
- }
1714
- 100% {
1715
- opacity: 0;
1716
- }
 
1717
  }
 
1718
  @keyframes opacity-out {
1719
- 0% {
1720
- opacity: 1;
1721
- }
1722
- 100% {
1723
- opacity: 0;
1724
- }
 
1725
  }
 
1726
  div.gs-form {
1727
- position: relative;
1728
  }
 
1729
  form h3,
1730
  div.gs-form h3 {
1731
- margin-bottom: 3px;
1732
  }
 
1733
  form h4,
1734
  div.gs-form h4 {
1735
- color: #02b6b3;
1736
- margin-bottom: 10px;
1737
  }
 
1738
  form p,
1739
  div.gs-form p {
1740
- font-size: 14px;
1741
- color: #999;
1742
- line-height: 15px;
1743
- margin-bottom: 4px;
1744
  }
 
1745
  form p.tutorial,
1746
  div.gs-form p.tutorial {
1747
- font-size: 16px;
1748
- color: #606060;
1749
- line-height: 18px;
1750
- margin-bottom: 8px;
1751
  }
 
1752
  form p .code,
1753
  div.gs-form p .code {
1754
- font-family: Courier New, monospace;
1755
- font-size: 14px;
1756
- font-weight: 600;
1757
- background: #eee;
1758
- padding: 1px 4px;
1759
- margin: 0 3px;
1760
- border-radius: 4px;
1761
  }
 
1762
  form label,
1763
  div.gs-form label {
1764
- font-size: 18px;
1765
- font-weight: 600;
1766
  }
 
1767
  form label span,
1768
  div.gs-form label span {
1769
- font-size: 16px;
1770
- font-weight: normal;
1771
- color: #999;
1772
  }
 
1773
  form label.step,
1774
  div.gs-form label.step {
1775
- width: 34px;
1776
- height: 34px;
1777
- font-size: 25px;
1778
- font-weight: 600;
1779
- color: #fff;
1780
- background: #02b6b3;
1781
- text-align: center;
1782
- padding-top: 3px;
1783
- display: inline-block;
1784
- position: absolute;
1785
- top: 30px;
1786
- left: 50%;
1787
- margin-left: -17px;
1788
- border-radius: 100%;
1789
  }
 
1790
  form label.required,
1791
  div.gs-form label.required {
1792
- position: relative;
1793
  }
 
1794
  form label.required:before,
1795
  div.gs-form label.required:before {
1796
- font-family: "FontAwesome";
1797
- font-size: 10px;
1798
- color: #02b6b3;
1799
- content: " ";
1800
- display: inline-block;
1801
- position: absolute;
1802
- top: 0;
1803
- left: -15px;
1804
  }
 
1805
  form input:not([type="submit"]),
1806
  form select,
1807
  form textarea,
1808
  div.gs-form input:not([type="submit"]),
1809
  div.gs-form select,
1810
  div.gs-form textarea {
1811
- width: 100%;
1812
- font-family: "Source Sans Pro", sans-serif;
1813
- font-size: 20px;
1814
- color: #606060;
1815
- background: #fff;
1816
- border: 1px solid #ccc;
1817
- padding: 3px 15px 5px;
1818
- outline: none;
1819
- border-radius: 4px;
1820
- -webkit-transition: all 200ms;
1821
- transition: all 200ms;
 
1822
  }
 
1823
  form input:not([type="submit"]):hover,
1824
  form select:hover,
1825
  form textarea:hover,
1826
  div.gs-form input:not([type="submit"]):hover,
1827
  div.gs-form select:hover,
1828
  div.gs-form textarea:hover {
1829
- background: #f9f9f9 !important;
1830
  }
 
1831
  form input:not([type="submit"]):focus,
1832
  form select:focus,
1833
  form textarea:focus,
1834
  div.gs-form input:not([type="submit"]):focus,
1835
  div.gs-form select:focus,
1836
  div.gs-form textarea:focus {
1837
- border-color: #02b6b3;
1838
- box-shadow: inset 0 0 3px #b2daef;
1839
  }
 
1840
  form input:not([type="submit"])::-webkit-input-placeholder,
1841
  form select::-webkit-input-placeholder,
1842
  form textarea::-webkit-input-placeholder,
1843
  div.gs-form input:not([type="submit"])::-webkit-input-placeholder,
1844
  div.gs-form select::-webkit-input-placeholder,
1845
  div.gs-form textarea::-webkit-input-placeholder {
1846
- color: #ccc;
1847
- font-style: italic;
1848
  }
 
1849
  form input:not([type="submit"]):-moz-placeholder,
1850
  form select:-moz-placeholder,
1851
  form textarea:-moz-placeholder,
1852
  div.gs-form input:not([type="submit"]):-moz-placeholder,
1853
  div.gs-form select:-moz-placeholder,
1854
  div.gs-form textarea:-moz-placeholder {
1855
- color: #ccc;
1856
- font-style: italic;
1857
  }
 
1858
  form input:not([type="submit"])::-moz-placeholder,
1859
  form select::-moz-placeholder,
1860
  form textarea::-moz-placeholder,
1861
  div.gs-form input:not([type="submit"])::-moz-placeholder,
1862
  div.gs-form select::-moz-placeholder,
1863
  div.gs-form textarea::-moz-placeholder {
1864
- color: #ccc;
1865
- font-style: italic;
1866
  }
 
1867
  form input:not([type="submit"]):-ms-input-placeholder,
1868
  form select:-ms-input-placeholder,
1869
  form textarea:-ms-input-placeholder,
1870
  div.gs-form input:not([type="submit"]):-ms-input-placeholder,
1871
  div.gs-form select:-ms-input-placeholder,
1872
  div.gs-form textarea:-ms-input-placeholder {
1873
- color: #ccc;
1874
- font-style: italic;
1875
  }
1876
- form input:not([type="submit"]) + p,
1877
- form select + p,
1878
- form textarea + p,
1879
- div.gs-form input:not([type="submit"]) + p,
1880
- div.gs-form select + p,
1881
- div.gs-form textarea + p {
1882
- margin-top: 5px;
 
1883
  }
 
1884
  form input[type="submit"],
1885
  form button,
1886
  div.gs-form input[type="submit"],
1887
  div.gs-form button {
1888
- width: auto;
1889
- font-family: "Source Sans Pro", sans-serif;
1890
- font-size: 100%;
1891
- margin-top: -8px;
1892
- margin-bottom: -9px;
1893
- display: inline;
1894
  }
 
1895
  form input[type="submit"]:hover,
1896
  form button:hover,
1897
  div.gs-form input[type="submit"]:hover,
1898
  div.gs-form button:hover {
1899
- cursor: pointer;
1900
  }
 
1901
  form textarea,
1902
  div.gs-form textarea {
1903
- max-width: 100%;
1904
  }
 
1905
  form select,
1906
  div.gs-form select {
1907
- height: 35px;
1908
  }
 
1909
  form .page-inline-select,
1910
  div.gs-form .page-inline-select {
1911
- width: 180px;
1912
- margin-left: 8px;
1913
  }
 
1914
  form .form-content pre,
1915
  div.gs-form .form-content pre {
1916
- margin-top: 18px;
1917
  }
1918
- form .form-content + .form-content,
1919
- div.gs-form .form-content + .form-content {
1920
- margin-top: 30px;
 
1921
  }
1922
- form .form-content + .options-details:not(.form-title),
1923
- div.gs-form .form-content + .options-details:not(.form-title) {
1924
- padding-top: 37px;
 
1925
  }
 
1926
  form .form-content .field-label.show-content,
1927
  div.gs-form .form-content .field-label.show-content {
1928
- border-radius: 2px 0 0 2px;
1929
  }
 
1930
  form .form-content .field-clean,
1931
  div.gs-form .form-content .field-clean {
1932
- padding: 35px 30px;
1933
  }
1934
- form .form-content .field-clean + .field-clean,
1935
- form .form-content .field-clean + .field-group,
1936
- div.gs-form .form-content .field-clean + .field-clean,
1937
- div.gs-form .form-content .field-clean + .field-group {
1938
- border-top: 1px solid #eee;
 
1939
  }
 
1940
  form .form-content .field-clean div[class^="col-"]:not(:first-child),
1941
  div.gs-form .form-content .field-clean div[class^="col-"]:not(:first-child) {
1942
- padding-left: 30px;
1943
  }
 
1944
  form .form-content .field-clean label,
1945
  div.gs-form .form-content .field-clean label {
1946
- margin-bottom: 6px;
1947
- display: block;
1948
  }
 
1949
  form .form-content .field-group,
1950
  div.gs-form .form-content .field-group {
1951
- padding-left: 125px;
1952
- position: relative;
1953
  }
 
1954
  form .form-content .field-group:after,
1955
  div.gs-form .form-content .field-group:after {
1956
- content: "";
1957
- display: block;
1958
- clear: both;
1959
  }
 
1960
  form .form-content .field-group.hide,
1961
  div.gs-form .form-content .field-group.hide {
1962
- display: none;
1963
  }
1964
- form .form-content .field-group.multi-label > div,
1965
- div.gs-form .form-content .field-group.multi-label > div {
1966
- margin-left: -125px;
1967
- padding-left: 125px;
1968
- position: relative;
 
1969
  }
1970
- form .form-content .field-group.multi-label > div + div .field-label,
1971
- form .form-content .field-group.multi-label > div + div .field-input,
1972
- div.gs-form .form-content .field-group.multi-label > div + div .field-label,
1973
- div.gs-form .form-content .field-group.multi-label > div + div .field-input {
1974
- padding-top: 3px;
 
1975
  }
1976
- form .form-content .field-group.multi-label.row-layout > div:first-child .field-label,
1977
- div.gs-form .form-content .field-group.multi-label.row-layout > div:first-child .field-label {
1978
- border-radius: 4px 0 0 0;
 
1979
  }
1980
- form .form-content .field-group.multi-label.row-layout > div:first-child .field-input,
1981
- div.gs-form .form-content .field-group.multi-label.row-layout > div:first-child .field-input {
1982
- padding-bottom: 0;
 
1983
  }
1984
- form .form-content .field-group.multi-label.row-layout > div:last-child .field-label,
1985
- div.gs-form .form-content .field-group.multi-label.row-layout > div:last-child .field-label {
1986
- padding-top: 18px;
 
1987
  }
1988
- form .form-content .field-group.multi-label.row-layout > div:last-child .field-input,
1989
- div.gs-form .form-content .field-group.multi-label.row-layout > div:last-child .field-input {
1990
- padding-bottom: 30px;
 
1991
  }
1992
- form .form-content .field-group:not(.multi-label):not(.not-float) > *,
1993
- div.gs-form .form-content .field-group:not(.multi-label):not(.not-float) > * {
1994
- float: left;
 
1995
  }
 
1996
  form .form-content .field-group:first-child .field-label,
1997
  div.gs-form .form-content .field-group:first-child .field-label {
1998
- border-radius: 3px 0 0 0;
1999
  }
 
2000
  form .form-content .field-group:last-child .field-label,
2001
  div.gs-form .form-content .field-group:last-child .field-label {
2002
- border-radius: 0 0 0 3px;
2003
  }
 
2004
  form .form-content .field-group .field-label,
2005
  div.gs-form .form-content .field-group .field-label {
2006
- width: 125px;
2007
- min-width: 125px;
2008
- height: 100%;
2009
- background: #f9f9f9;
2010
- word-wrap: break-word;
2011
- padding: 55px 0 40px 30px;
2012
- position: absolute;
2013
- top: 0;
2014
- left: 0;
2015
  }
 
2016
  form .form-content .field-group .field-label label,
2017
  form .form-content .field-group .field-label span,
2018
  div.gs-form .form-content .field-group .field-label label,
2019
  div.gs-form .form-content .field-group .field-label span {
2020
- display: block;
2021
  }
 
2022
  form .form-content .field-group .field-label.no-desc,
2023
  div.gs-form .form-content .field-group .field-label.no-desc {
2024
- padding-top: 40px;
2025
  }
 
2026
  form .form-content .field-group .field-label .label-icon,
2027
  div.gs-form .form-content .field-group .field-label .label-icon {
2028
- font-size: 24px;
2029
- color: #ddd;
2030
- text-align: center;
2031
- margin: -15px 20px 5px 0;
2032
  }
 
2033
  form .form-content .field-group .field-input,
2034
  div.gs-form .form-content .field-group .field-input {
2035
- width: 100%;
2036
- padding: 35px 30px 40px;
2037
- position: relative;
2038
  }
 
2039
  div.gs-form .form-content .field-group input.field-input,
2040
  div.gs-form .form-content .field-group input.field-input:focus {
2041
- border: 0;
2042
- font-size: 100%;
2043
- outline: none !important;
2044
  }
2045
- form .form-content .field-group .field-input + .field-input,
2046
- div.gs-form .form-content .field-group .field-input + .field-input {
2047
- padding-top: 0;
2048
- margin-top: -6px;
 
2049
  }
2050
- form .form-content .field-group .field-input > .clearfix + .field-button-group,
2051
- div.gs-form .form-content .field-group .field-input > .clearfix + .field-button-group {
2052
- margin: 25px 0 -20px;
 
2053
  }
 
2054
  form .form-content .field-group .field-input.columns,
2055
  div.gs-form .form-content .field-group .field-input.columns {
2056
- padding-bottom: 35px;
2057
  }
 
2058
  form .form-content .field-group .field-input.columns div[class*="col-"]:first-child,
2059
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:first-child {
2060
- padding: 0;
2061
  }
 
2062
  form .form-content .field-group .field-input.columns div[class*="col-"]:last-child,
2063
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:last-child {
2064
- padding-right: 0;
2065
  }
 
2066
  form .form-content .field-group .field-input .gs-buttons-group,
2067
  div.gs-form .form-content .field-group .field-input .gs-buttons-group {
2068
- text-align: right;
2069
  }
 
2070
  form .form-content .field-group .field-input .gs-buttons-group .gs-button,
2071
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button {
2072
- display: inline-block;
2073
  }
 
2074
  form .form-content .field-group .field-input .gs-buttons-group .gs-button.error,
2075
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button.error {
2076
- padding-top: 6px;
2077
- padding-bottom: 8px;
2078
- margin-left: 4px;
2079
  }
 
2080
  form .form-content .field-group .field-input .input-wrap,
2081
  div.gs-form .form-content .field-group .field-input .input-wrap {
2082
- margin: 10px 0 20px;
2083
  }
 
2084
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices,
2085
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices {
2086
- font-size: 20px;
2087
- color: #606060;
2088
- background-image: none;
2089
- border-color: #ccc;
2090
- box-shadow: none;
2091
- border-radius: 4px;
2092
  }
 
2093
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice,
2094
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice {
2095
- font-size: 16px;
2096
- color: #fff;
2097
- background: #02b6b3;
2098
- border: none;
2099
- padding: 7px 26px 7px 11px;
2100
- box-shadow: none;
2101
  }
 
2102
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close,
2103
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close {
2104
- height: 13px;
2105
- background: none !important;
2106
- background-image: none !important;
2107
- top: 50%;
2108
- right: 6px;
2109
- -webkit-transform: translateY(-50%);
2110
- -ms-transform: translateY(-50%);
2111
- transform: translateY(-50%);
2112
  }
 
2113
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before,
2114
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before {
2115
- font-family: "FontAwesome";
2116
- font-size: 13px;
2117
- color: #fff;
2118
- content: " ";
2119
- display: inline-block;
2120
- opacity: 0.5;
2121
  }
 
2122
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices input,
2123
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices input {
2124
- height: 33px;
2125
- font-family: "Source Sans Pro", sans-serif;
2126
- font-style: italic;
2127
- color: #ccc;
2128
- margin: 0;
2129
  }
 
2130
  form .form-content .field-group .field-input .tutorial-steps li,
2131
  div.gs-form .form-content .field-group .field-input .tutorial-steps li {
2132
- border-bottom: 1px solid #eee;
2133
- counter-increment: step-counter;
2134
- padding: 0 30px 30px;
2135
- margin: 0 -30px 30px;
2136
- position: relative;
2137
  }
 
2138
  form .form-content .field-group .field-input .tutorial-steps li:before,
2139
  div.gs-form .form-content .field-group .field-input .tutorial-steps li:before {
2140
- font-size: 16px;
2141
- font-weight: bold;
2142
- color: #fff;
2143
- background: #02b6b3;
2144
- content: counter(step-counter);
2145
- padding: 1px 6px 3px;
2146
- position: absolute;
2147
- top: 0;
2148
- left: 10px;
2149
- border-radius: 4px;
2150
  }
 
2151
  form .form-content .field-group .field-input .tutorial-steps li img,
2152
  div.gs-form .form-content .field-group .field-input .tutorial-steps li img {
2153
- width: 100%;
2154
- border: 1px solid #ccc;
2155
- margin-top: 15px;
2156
- display: block;
2157
- border-radius: 4px;
2158
  }
 
2159
  form .form-content .field-group .field-input .tutorial-steps li p.tutorial,
2160
  div.gs-form .form-content .field-group .field-input .tutorial-steps li p.tutorial {
2161
- padding: 0 10px;
2162
  }
2163
- form .form-content .field-group .field-input .field-button-group > span.label .checkbox .checkbox-btn,
2164
- div.gs-form .form-content .field-group .field-input .field-button-group > span.label .checkbox .checkbox-btn {
2165
- width: auto;
 
2166
  }
2167
- form .form-content .field-group .field-input .field-button-group > span.label.tooltip > div:before,
2168
- div.gs-form .form-content .field-group .field-input .field-button-group > span.label.tooltip > div:before {
2169
- margin-left: 0;
2170
- right: 45px;
2171
- left: auto;
 
2172
  }
2173
- form .form-content .field-group .field-input .field-button-group > span.label > span,
2174
- div.gs-form .form-content .field-group .field-input .field-button-group > span.label > span {
2175
- margin-right: 7px;
2176
- position: relative;
2177
- top: -12px;
 
2178
  }
2179
- form .form-content .field-group .field-input .field-button-group > span.label + span.label,
2180
- div.gs-form .form-content .field-group .field-input .field-button-group > span.label + span.label {
2181
- margin-left: 30px;
 
2182
  }
 
2183
  form .form-content .field-group .field-input .input-alert-message,
2184
  div.gs-form .form-content .field-group .field-input .input-alert-message {
2185
- font-size: 14px;
2186
- line-height: 15px;
2187
- margin-bottom: 4px;
2188
- position: relative;
2189
- float: right;
2190
  }
 
2191
  form .form-content .field-group .field-input .input-alert-message span,
2192
  div.gs-form .form-content .field-group .field-input .input-alert-message span {
2193
- -webkit-animation: fade-in-left 500ms ease-out;
2194
- animation: fade-in-left 500ms ease-out;
2195
  }
 
2196
  form .form-content .field-group .field-input .input-alert-message:before,
2197
  div.gs-form .form-content .field-group .field-input .input-alert-message:before {
2198
- width: 24px;
2199
- height: 20px;
2200
- font-family: "FontAwesome";
2201
- font-size: 16px;
2202
- color: #fff;
2203
- text-align: center;
2204
- padding-top: 4px;
2205
- position: absolute;
2206
- bottom: -33px;
2207
- right: 9px;
2208
- display: block;
2209
- border-radius: 100%;
2210
- -webkit-animation: rotate-in 750ms ease-in-out;
2211
- animation: rotate-in 750ms ease-in-out;
2212
  }
 
2213
  form .form-content .field-group .field-input .input-alert-message.gs-primary,
2214
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary {
2215
- color: #02b6b3;
2216
  }
 
2217
  form .form-content .field-group .field-input .input-alert-message.gs-primary:before,
2218
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary:before {
2219
- background: #02b6b3;
2220
- content: " ";
2221
  }
 
2222
  form .form-content .field-group .field-input .input-alert-message.gs-success,
2223
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success {
2224
- color: #02b6b3;
2225
  }
 
2226
  form .form-content .field-group .field-input .input-alert-message.gs-success:before,
2227
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success:before {
2228
- background: #02b6b3;
2229
- content: " ";
2230
  }
 
2231
  form .form-content .field-group .field-input .input-alert-message.gs-error,
2232
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error {
2233
- color: #d36c65;
2234
  }
 
2235
  form .form-content .field-group .field-input .input-alert-message.gs-error:before,
2236
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error:before {
2237
- background: #d36c65;
2238
- content: " ";
2239
  }
 
2240
  form .form-content .field-group .field-note,
2241
  div.gs-form .form-content .field-group .field-note {
2242
- font-size: 14px;
2243
- font-style: italic;
2244
- color: #bbb;
2245
- text-align: right;
2246
- position: absolute;
2247
- bottom: 10px;
2248
- right: 30px;
2249
  }
 
2250
  form .form-content .field-group .field-note i,
2251
  div.gs-form .form-content .field-group .field-note i {
2252
- margin-right: 2px;
2253
- position: relative;
2254
- bottom: -1px;
2255
  }
 
2256
  form .form-content .field-group .field-note.alert-note,
2257
  div.gs-form .form-content .field-group .field-note.alert-note {
2258
- margin-left: -125px;
2259
- padding: 13px 30px 13px 155px;
2260
- position: relative;
2261
- right: auto;
2262
- bottom: auto;
2263
- -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2264
- transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2265
  }
 
2266
  form .form-content .field-group .field-note.alert-note.inactive,
2267
  div.gs-form .form-content .field-group .field-note.alert-note.inactive {
2268
- margin-bottom: -50px;
2269
  }
 
2270
  form .form-content .field-group .field-note.alert-note i,
2271
  div.gs-form .form-content .field-group .field-note.alert-note i {
2272
- font-size: 22px;
2273
- position: absolute;
2274
- top: 50%;
2275
- left: 30px;
2276
- -webkit-transform: translateY(-50%);
2277
- -ms-transform: translateY(-50%);
2278
- transform: translateY(-50%);
2279
  }
 
2280
  form .form-content .field-group .field-note.alert-note a.gs-button,
2281
  div.gs-form .form-content .field-group .field-note.alert-note a.gs-button {
2282
- font-size: 13px;
2283
- padding: 2px 7px;
2284
- margin-left: 5px;
2285
  }
 
2286
  form .form-content .field-group .field-note.alert-note.gs-primary,
2287
  div.gs-form .form-content .field-group .field-note.alert-note.gs-primary {
2288
- color: #02b6b3;
2289
- background: #dceef8;
2290
  }
 
2291
  form .form-content .field-group .field-note.alert-note.gs-success,
2292
  div.gs-form .form-content .field-group .field-note.alert-note.gs-success {
2293
- color: #02b6b3;
2294
- background: #dcefb0;
2295
  }
 
2296
  form .form-content .field-group .field-note.alert-note.gs-error,
2297
  div.gs-form .form-content .field-group .field-note.alert-note.gs-error {
2298
- color: #d36c65;
2299
- background: #fff;
2300
  }
 
2301
  form .form-content .field-group .field-tab,
2302
  div.gs-form .form-content .field-group .field-tab {
2303
- display: none;
2304
  }
 
2305
  form .form-content .field-group .field-tab.active,
2306
  div.gs-form .form-content .field-group .field-tab.active {
2307
- display: block;
2308
- -webkit-animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2309
- animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2310
  }
2311
- form .form-content .field-group:not(.field-alert) + .field-group,
2312
- div.gs-form .form-content .field-group:not(.field-alert) + .field-group {
2313
- border-top: 1px solid #eee;
 
2314
  }
 
2315
  form .form-content .field-group.follow-input label i,
2316
  div.gs-form .form-content .field-group.follow-input label i {
2317
- width: 50px;
2318
- height: 50px;
2319
- color: #fff;
2320
- padding: 10px;
2321
- margin-left: 10px;
2322
- position: relative;
2323
- top: -1px;
2324
- border-radius: 4px;
2325
- -webkit-font-smoothing: antialiased;
2326
- -moz-osx-font-smoothing: grayscale;
2327
  }
 
2328
  form .form-content .field-group.follow-input label i:after,
2329
  div.gs-form .form-content .field-group.follow-input label i:after {
2330
- font-size: 22px;
2331
- font-family: "getsocial-icons";
2332
- font-style: normal;
2333
- font-weight: normal;
2334
- font-variant: normal;
2335
- speak: none;
2336
- text-transform: none;
2337
- line-height: 1;
2338
- display: inline-block;
2339
- position: relative;
2340
- bottom: -3px;
2341
  }
 
2342
  form .form-content .field-group.follow-input label span,
2343
  div.gs-form .form-content .field-group.follow-input label span {
2344
- display: none;
2345
  }
 
2346
  form .form-content .field-group.follow-input.fb label i,
2347
  div.gs-form .form-content .field-group.follow-input.fb label i {
2348
- background: #506bb1;
2349
  }
 
2350
  form .form-content .field-group.follow-input.fb label i:after,
2351
  div.gs-form .form-content .field-group.follow-input.fb label i:after {
2352
- content: " ";
2353
  }
 
2354
  form .form-content .field-group.follow-input.tw label i,
2355
  div.gs-form .form-content .field-group.follow-input.tw label i {
2356
- background: #60aade;
2357
  }
 
2358
  form .form-content .field-group.follow-input.tw label i:after,
2359
  div.gs-form .form-content .field-group.follow-input.tw label i:after {
2360
- content: " ";
2361
  }
 
2362
  form .form-content .field-group.follow-input.pn label i,
2363
  div.gs-form .form-content .field-group.follow-input.pn label i {
2364
- background: #ef4448;
2365
  }
 
2366
  form .form-content .field-group.follow-input.pn label i:after,
2367
  div.gs-form .form-content .field-group.follow-input.pn label i:after {
2368
- content: " ";
2369
  }
 
2370
  form .form-content .field-group.follow-input.gp label i,
2371
  div.gs-form .form-content .field-group.follow-input.gp label i {
2372
- background: #e85441;
2373
  }
 
2374
  form .form-content .field-group.follow-input.gp label i:after,
2375
  div.gs-form .form-content .field-group.follow-input.gp label i:after {
2376
- content: " ";
2377
  }
 
2378
  form .form-content .field-group.follow-input.tu label i,
2379
  div.gs-form .form-content .field-group.follow-input.tu label i {
2380
- background: #55677d;
2381
  }
 
2382
  form .form-content .field-group.follow-input.tu label i:after,
2383
  div.gs-form .form-content .field-group.follow-input.tu label i:after {
2384
- content: " ";
2385
  }
 
2386
  form .form-content .field-group.follow-input.ld label i,
2387
  div.gs-form .form-content .field-group.follow-input.ld label i {
2388
- background: #1b93ce;
2389
  }
 
2390
  form .form-content .field-group.follow-input.ld label i:after,
2391
  div.gs-form .form-content .field-group.follow-input.ld label i:after {
2392
- content: " ";
2393
  }
 
2394
  form .form-content .field-group.follow-input.de label i,
2395
  div.gs-form .form-content .field-group.follow-input.de label i {
2396
- background: #797979;
2397
  }
 
2398
  form .form-content .field-group.follow-input.de label i:after,
2399
  div.gs-form .form-content .field-group.follow-input.de label i:after {
2400
- content: " ";
2401
  }
 
2402
  form .form-content .field-group.follow-input.su label i,
2403
  div.gs-form .form-content .field-group.follow-input.su label i {
2404
- background: #f65830;
2405
  }
 
2406
  form .form-content .field-group.follow-input.su label i:after,
2407
  div.gs-form .form-content .field-group.follow-input.su label i:after {
2408
- content: " ";
2409
  }
 
2410
  form .form-content .field-group.follow-input.re label i,
2411
  div.gs-form .form-content .field-group.follow-input.re label i {
2412
- background: #208fdf;
2413
  }
 
2414
  form .form-content .field-group.follow-input.re label i:after,
2415
  div.gs-form .form-content .field-group.follow-input.re label i:after {
2416
- content: " ";
2417
  }
 
2418
  form .form-content .field-group.follow-input.ok label i,
2419
  div.gs-form .form-content .field-group.follow-input.ok label i {
2420
- background: #fa6f0d;
2421
  }
 
2422
  form .form-content .field-group.follow-input.ok label i:after,
2423
  div.gs-form .form-content .field-group.follow-input.ok label i:after {
2424
- content: " ";
2425
  }
 
2426
  form .form-content .field-group.follow-input.hn label i,
2427
  div.gs-form .form-content .field-group.follow-input.hn label i {
2428
- background: #f36201;
2429
  }
 
2430
  form .form-content .field-group.follow-input.hn label i:after,
2431
  div.gs-form .form-content .field-group.follow-input.hn label i:after {
2432
- content: " ";
2433
  }
 
2434
  form .form-content .field-group.follow-input.fbm label i,
2435
  div.gs-form .form-content .field-group.follow-input.fbm label i {
2436
- background: #0d87ff;
2437
  }
 
2438
  form .form-content .field-group.follow-input.fbm label i:after,
2439
  div.gs-form .form-content .field-group.follow-input.fbm label i:after {
2440
- content: " ";
2441
  }
 
2442
  form .form-content .field-group.follow-input.vk label i,
2443
  div.gs-form .form-content .field-group.follow-input.vk label i {
2444
- background: #3b689c;
2445
  }
 
2446
  form .form-content .field-group.follow-input.vk label i:after,
2447
  div.gs-form .form-content .field-group.follow-input.vk label i:after {
2448
- content: " ";
2449
  }
 
2450
  form .form-content .field-group.follow-input.bf label i,
2451
  div.gs-form .form-content .field-group.follow-input.bf label i {
2452
- background: #424242;
2453
  }
 
2454
  form .form-content .field-group.follow-input.bf label i:after,
2455
  div.gs-form .form-content .field-group.follow-input.bf label i:after {
2456
- content: " ";
2457
  }
 
2458
  form .form-content .field-group.follow-input.wa label i,
2459
  div.gs-form .form-content .field-group.follow-input.wa label i {
2460
- background: #02a601;
2461
  }
 
2462
  form .form-content .field-group.follow-input.wa label i:after,
2463
  div.gs-form .form-content .field-group.follow-input.wa label i:after {
2464
- content: " ";
2465
  }
 
2466
  form .form-content .field-group.follow-input.ren label i,
2467
  div.gs-form .form-content .field-group.follow-input.ren label i {
2468
- background: #1e72c8;
2469
  }
 
2470
  form .form-content .field-group.follow-input.ren label i:after,
2471
  div.gs-form .form-content .field-group.follow-input.ren label i:after {
2472
- content: " ";
2473
  }
 
2474
  form .form-content .field-group.follow-input.ba label i,
2475
  div.gs-form .form-content .field-group.follow-input.ba label i {
2476
- background: #314ff3;
2477
  }
 
2478
  form .form-content .field-group.follow-input.ba label i:after,
2479
  div.gs-form .form-content .field-group.follow-input.ba label i:after {
2480
- content: " ";
2481
  }
 
2482
  form .form-content .field-group.follow-input.we label i,
2483
  div.gs-form .form-content .field-group.follow-input.we label i {
2484
- background: #dc3737;
2485
  }
 
2486
  form .form-content .field-group.follow-input.we label i:after,
2487
  div.gs-form .form-content .field-group.follow-input.we label i:after {
2488
- content: " ";
2489
  }
 
2490
  form .form-content .field-group.follow-input.ig label i,
2491
  div.gs-form .form-content .field-group.follow-input.ig label i {
2492
- background: #3F729B;
2493
  }
 
2494
  form .form-content .field-group.follow-input.ig label i:after,
2495
  div.gs-form .form-content .field-group.follow-input.ig label i:after {
2496
- content: " ";
2497
  }
 
2498
  form .form-content .field-group.follow-input.yt label i,
2499
  div.gs-form .form-content .field-group.follow-input.yt label i {
2500
- background: #CD201F;
2501
  }
 
2502
  form .form-content .field-group.follow-input.yt label i:after,
2503
  div.gs-form .form-content .field-group.follow-input.yt label i:after {
2504
- content: " ";
2505
  }
 
2506
  form .form-content .field-group.follow-input.ym label i,
2507
  div.gs-form .form-content .field-group.follow-input.ym label i {
2508
- background: #e16120;
2509
  }
 
2510
  form .form-content .field-group.follow-input.ym label i:after,
2511
  div.gs-form .form-content .field-group.follow-input.ym label i:after {
2512
- content: " ";
2513
  }
 
2514
  form .form-content .field-group.follow-input .field-input,
2515
  div.gs-form .form-content .field-group.follow-input .field-input {
2516
- padding-right: 80px;
2517
  }
 
2518
  form .form-content .field-group.follow-input .field-input .close-field,
2519
  div.gs-form .form-content .field-group.follow-input .field-input .close-field {
2520
- font-size: 18px;
2521
- color: #ccc;
2522
- padding: 7px 9px 6px;
2523
- position: absolute;
2524
- top: 35px;
2525
- right: 20px;
2526
  }
 
2527
  form .form-content .field-group.follow-input .field-input .close-field i,
2528
  div.gs-form .form-content .field-group.follow-input .field-input .close-field i {
2529
- margin-right: 0;
2530
  }
 
2531
  form .form-content .field-group.follow-input .field-input .close-field span,
2532
  div.gs-form .form-content .field-group.follow-input .field-input .close-field span {
2533
- display: none;
2534
  }
 
2535
  form .form-content .field-group.follow-input .field-input .close-field div,
2536
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div {
2537
- width: 115px;
2538
- padding-top: 8px;
2539
- padding-bottom: 8px;
2540
- margin-left: -82px;
2541
- top: 37px;
2542
  }
 
2543
  form .form-content .field-group.follow-input .field-input .close-field div:before,
2544
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div:before {
2545
- margin-left: 0;
2546
- left: auto;
2547
- right: 24px;
2548
  }
 
2549
  form .form-content .field-group.follow-input .field-input .close-field:hover,
2550
  div.gs-form .form-content .field-group.follow-input .field-input .close-field:hover {
2551
- color: #d36c65;
2552
  }
2553
- form .form-content .field-grid + .field-group,
2554
- div.gs-form .form-content .field-grid + .field-group {
2555
- border-top: 1px solid #eee;
 
2556
  }
 
2557
  form .form-content .field-grid .field-label .user-avatar,
2558
  div.gs-form .form-content .field-grid .field-label .user-avatar {
2559
- position: absolute;
2560
- top: 50%;
2561
- left: 50%;
2562
- margin: -23px 0 0 -23px;
2563
- }
2564
- form .form-content .field-grid .field-label .user-avatar > div,
2565
- div.gs-form .form-content .field-grid .field-label .user-avatar > div {
2566
- width: 24px;
2567
- font-size: 12px;
2568
- color: #fff;
2569
- background: #efc520;
2570
- border: 3px solid #f9f9f9;
2571
- text-align: center;
2572
- padding: 3px 0 3px 1px;
2573
- display: inline-block;
2574
- position: absolute;
2575
- top: -7px;
2576
- right: -7px;
 
2577
  }
 
2578
  form .form-content .field-grid .field-label .user-avatar img,
2579
  div.gs-form .form-content .field-grid .field-label .user-avatar img {
2580
- width: 46px;
2581
  }
 
2582
  form .form-content .field-grid .field-label .user-avatar img,
2583
- form .form-content .field-grid .field-label .user-avatar > div,
2584
  div.gs-form .form-content .field-grid .field-label .user-avatar img,
2585
- div.gs-form .form-content .field-grid .field-label .user-avatar > div {
2586
- border-radius: 100%;
2587
  }
2588
- form .form-content .field-grid .field-input > div:not(.field-button-group),
2589
- div.gs-form .form-content .field-grid .field-input > div:not(.field-button-group) {
2590
- display: inline-block;
 
2591
  }
2592
- form .form-content .field-grid .field-input > div.field-button-group,
2593
- div.gs-form .form-content .field-grid .field-input > div.field-button-group {
2594
- margin: -7px 0 -11px;
2595
- float: right;
 
2596
  }
2597
- form .form-content .field-grid .field-input > div.field-button-group a.gs-button,
2598
- div.gs-form .form-content .field-grid .field-input > div.field-button-group a.gs-button {
2599
- padding: 6px 13px 7px !important;
2600
- display: inline-block;
 
2601
  }
2602
- form .form-content .field-grid .field-input > div.field-button-group i.fa-trash,
2603
- div.gs-form .form-content .field-grid .field-input > div.field-button-group i.fa-trash {
2604
- margin-right: 0;
 
2605
  }
 
2606
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group,
2607
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group {
2608
- font-weight: 600;
2609
- color: #7a7a7a;
2610
- background: #f9f9f9;
2611
- padding: 0;
2612
  }
 
2613
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title,
2614
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title {
2615
- border-right: 1px solid #eee;
2616
- padding: 15px 30px;
2617
  }
 
2618
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child,
2619
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child {
2620
- border-right: 0;
2621
  }
 
2622
  form .form-content .field-grid.field-grid-table .field-group,
2623
  div.gs-form .form-content .field-grid.field-grid-table .field-group {
2624
- padding-left: 160px;
2625
  }
 
2626
  form .form-content .field-grid.field-grid-table .field-label,
2627
  div.gs-form .form-content .field-grid.field-grid-table .field-label {
2628
- width: 160px;
2629
- min-width: 160px;
2630
- padding-top: 35px;
2631
  }
 
2632
  form .form-content .field-grid.field-grid-table .field-label a,
2633
  div.gs-form .form-content .field-grid.field-grid-table .field-label a {
2634
- font-size: 16px;
2635
- font-weight: 600;
2636
- color: #02b6b3;
2637
  }
 
2638
  form .form-content .field-grid.field-grid-table .field-label a:hover,
2639
  form .form-content .field-grid.field-grid-table .field-label a:focus,
2640
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:hover,
2641
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:focus {
2642
- color: #2687b9;
2643
  }
 
2644
  form .form-content .field-grid.field-grid-table .grid-desc,
2645
  div.gs-form .form-content .field-grid.field-grid-table .grid-desc {
2646
- font-size: 14px;
2647
- color: #bbb;
2648
  }
 
2649
  form .form-button-group,
2650
  div.gs-form .form-button-group {
2651
- text-align: center;
2652
- padding: 38px 0 20px;
2653
  }
 
2654
  form .form-button-group .form-button-status,
2655
  div.gs-form .form-button-group .form-button-status {
2656
- display: inline-block;
2657
- position: relative;
2658
  }
 
2659
  form .form-button-group .form-button-status p,
2660
  div.gs-form .form-button-group .form-button-status p {
2661
- width: 240px;
2662
- font-size: 14px;
2663
- line-height: 15px;
2664
- position: absolute;
2665
- top: 100%;
2666
- left: 50%;
2667
- margin: 15px 0 0 -120px;
2668
- -webkit-animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
2669
- animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
2670
- }
2671
- form .form-button-group .form-button-status .gs-primary + p,
2672
- div.gs-form .form-button-group .form-button-status .gs-primary + p {
2673
- color: #02b6b3;
2674
- }
2675
- form .form-button-group .form-button-status .gs-success + p,
2676
- div.gs-form .form-button-group .form-button-status .gs-success + p {
2677
- color: #02b6b3;
2678
- }
2679
- form .form-button-group .form-button-status .gs-error + p,
2680
- div.gs-form .form-button-group .form-button-status .gs-error + p {
2681
- color: #d36c65;
 
 
 
2682
  }
 
2683
  form .form-button-group.fixed,
2684
  div.gs-form .form-button-group.fixed {
2685
- max-width: 925px;
2686
- width: 100%;
2687
- background: #f3f3f3;
2688
- padding: 30px 0;
2689
- position: fixed;
2690
- bottom: 0;
2691
- left: 50%;
2692
- z-index: 4;
2693
- -webkit-transform: translateX(-50%);
2694
- -ms-transform: translateX(-50%);
2695
- transform: translateX(-50%);
2696
- box-shadow: 0 -20px 30px -30px rgba(0, 0, 0, 0.5);
2697
- -webkit-animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
2698
- animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
2699
  }
 
2700
  form .extra-notes,
2701
  div.gs-form .extra-notes {
2702
- padding-top: 15px;
2703
  }
 
2704
  form .extra-notes .fa-asterisk,
2705
  div.gs-form .extra-notes .fa-asterisk {
2706
- font-size: 16px;
2707
- color: #02b6b3;
2708
  }
2709
- .edit_exclusion + .edit_exclusion,
 
2710
  .new_exclusion {
2711
- margin-top: 30px;
2712
  }
 
2713
  .form-content {
2714
- background: #fff;
2715
- border: 1px solid #e1e1e1;
2716
- overflow: hidden;
2717
- border-radius: 4px;
2718
  }
 
2719
  .form-content.free-content {
2720
- padding: 30px;
2721
  }
 
2722
  .form-content.show-content {
2723
- overflow: visible;
2724
  }
 
2725
  .form-content.show-content .field-group:first-child .field-label {
2726
- border-top-left-radius: 3px;
2727
  }
 
2728
  .form-content.show-content .field-group:first-child .field-input {
2729
- border-top-right-radius: 3px;
2730
  }
 
2731
  .form-content.show-content .field-group:last-child .field-label {
2732
- border-bottom-left-radius: 3px;
2733
  }
 
2734
  .form-content.show-content .field-group:last-child .field-input {
2735
- border-bottom-right-radius: 3px;
2736
  }
 
2737
  .gs-button {
2738
- font-weight: 600;
2739
- color: #fff;
2740
- border: 2px solid transparent;
2741
- padding: 4px 13px 6px;
2742
- border-radius: 4px;
2743
- -webkit-transition: all 200ms;
2744
- transition: all 200ms;
2745
  }
 
2746
  .gs-button i {
2747
- margin-right: 4px;
2748
  }
 
2749
  .gs-button.special {
2750
- color: #efc520;
2751
  }
 
2752
  .gs-button.special:not(.trans) {
2753
- background: #efc520;
2754
  }
 
2755
  .gs-button.special.trans.border {
2756
- border-color: #efc520;
2757
  }
 
2758
  .gs-button.dark {
2759
- color: #606060;
2760
  }
 
2761
  .gs-button.dark:hover {
2762
- color: #02b6b3;
2763
  }
 
2764
  .gs-button.grey {
2765
- color: #606060;
2766
- background: #f6f6f6;
2767
  }
 
2768
  .gs-button.grey:hover {
2769
- background: #e3e3e3;
2770
  }
 
2771
  .gs-button.disabled {
2772
- color: #aaa;
2773
- background: #eee;
2774
  }
 
2775
  .gs-button:not(.pricing-plan).plan-one:not(.trans) {
2776
- background: #00bba4;
2777
  }
 
2778
  .gs-button:not(.pricing-plan).plan-one:not(.trans):hover {
2779
- background: #008877;
2780
  }
 
2781
  .gs-button:not(.pricing-plan).plan-one.trans {
2782
- color: #00bba4;
2783
  }
 
2784
  .gs-button:not(.pricing-plan).plan-one:not(.trans) {
2785
- background: #00bba4;
2786
  }
 
2787
  .gs-button:not(.pricing-plan).plan-one:not(.trans):hover {
2788
- background: #008877;
2789
  }
 
2790
  .gs-button:not(.pricing-plan).plan-two.trans {
2791
- color: #f29809;
2792
  }
 
2793
  .gs-button:not(.pricing-plan).plan-two.trans.border {
2794
- border-color: #f29809;
2795
  }
 
2796
  .gs-button:not(.pricing-plan).plan-two.trans:hover {
2797
- color: #f29809;
2798
- border-color: #f29809;
2799
  }
 
2800
  .gs-button:not(.pricing-plan).plan-three:not(.trans) {
2801
- background: #dd5a7c;
2802
  }
 
2803
  .gs-button:not(.pricing-plan).plan-three:not(.trans):hover {
2804
- background: #d63861;
2805
  }
 
2806
  .gs-button:not(.pricing-plan).plan-three.trans {
2807
- color: #dd5a7c;
2808
  }
 
2809
  .gs-button:not(.pricing-plan).plan-three.trans.border {
2810
- border-color: #dd5a7c;
2811
  }
 
2812
  .gs-button:not(.pricing-plan).plan-three.trans:hover {
2813
- color: #dd5a7c;
2814
- border-color: #dd5a7c;
2815
  }
 
2816
  .gs-button:not(.pricing-plan).plan-four:not(.trans) {
2817
- background: #9a58e6;
2818
  }
 
2819
  .gs-button:not(.pricing-plan).plan-four:not(.trans):hover {
2820
- background: #8535e1;
2821
  }
 
2822
  .gs-button:not(.pricing-plan).plan-four.trans {
2823
- color: #9a58e6;
2824
  }
 
2825
  .gs-button:not(.pricing-plan).plan-four.trans.border {
2826
- border-color: #9a58e6;
2827
  }
 
2828
  .gs-button:not(.pricing-plan).plan-four.trans:hover {
2829
- color: #9a58e6;
2830
- border-color: #9a58e6;
2831
  }
 
2832
  .gs-button.dropdown {
2833
- width: 100%;
2834
- font-family: "Source Sans Pro", sans-serif;
2835
- font-size: 20px;
2836
- font-weight: normal;
2837
- background: #fff;
2838
- border: 1px solid #ccc;
2839
- padding: 3px 30px 5px 15px;
2840
- position: relative;
2841
  }
 
2842
  .gs-button.dropdown i {
2843
- font-size: 16px;
2844
- position: absolute;
2845
- top: 10px;
2846
- right: 10px;
2847
- -webkit-transition: all 200ms ease-in-out;
2848
- transition: all 200ms ease-in-out;
2849
  }
 
2850
  .gs-button.dropdown.empty {
2851
- font-style: italic;
2852
- color: #ccc;
2853
  }
 
2854
  .gs-button.dropdown.filled {
2855
- color: #fff;
2856
- background: #02b6b3;
2857
- border-color: #02b6b3;
2858
  }
 
2859
  .gs-button.dropdown.filled i {
2860
- color: #88c6e6;
2861
  }
 
2862
  .gs-button.dropdown.filled:hover {
2863
- background: #2687b9;
2864
- border-color: #2687b9;
2865
  }
 
2866
  .gs-button.dropdown.active {
2867
- color: #606060;
2868
- border-color: #02b6b3;
2869
- box-shadow: inset 0 0 3px #b2daef;
2870
  }
 
2871
  .gs-button.dropdown.active i {
2872
- -webkit-transform-origin: 50% 45%;
2873
- -ms-transform-origin: 50% 45%;
2874
- transform-origin: 50% 45%;
2875
- -webkit-transform: rotate(180deg);
2876
- -ms-transform: rotate(180deg);
2877
- transform: rotate(180deg);
2878
  }
 
2879
  .gs-button.dropdown:hover {
2880
- background: #f9f9f9;
2881
  }
 
2882
  .gs-button.pricing-plan {
2883
- min-width: 100px;
2884
- font-size: 20px;
2885
- font-weight: 600;
2886
- color: #fff;
2887
- border: 0;
2888
- text-shadow: 0 1px rgba(0, 0, 0, 0.25);
2889
- padding: 6px 15px;
2890
- border-radius: 4px;
2891
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 0 transparent;
2892
- -webkit-transition: all 200ms;
2893
- transition: all 200ms;
2894
  }
 
2895
  .gs-button.pricing-plan.plan-one {
2896
- background: #02b6b3, #f29809, #dd5a7c, #9a58e6;
2897
  }
 
2898
  .gs-button.pricing-plan.plan-two {
2899
- background: #02b6b3, #f29809, #dd5a7c, #9a58e6;
2900
  }
 
2901
  .gs-button.pricing-plan.plan-three {
2902
- background: #02b6b3, #f29809, #dd5a7c, #9a58e6;
2903
  }
 
2904
  .gs-button.pricing-plan.plan-four {
2905
- background: #02b6b3, #f29809, #dd5a7c, #9a58e6;
2906
  }
 
2907
  .gs-button.gs-primary:not(.trans) {
2908
- background: #02b6b3;
2909
  }
 
2910
  .gs-button.gs-primary.trans {
2911
- color: #02b6b3;
2912
  }
 
2913
  .gs-button.gs-primary.trans.border {
2914
- border-color: #02b6b3;
2915
  }
 
2916
  .gs-button.gs-success:not(.trans) {
2917
- background: #02b6b3;
2918
  }
 
2919
  .gs-button.gs-success:hover:not(.trans) {
2920
- color: #FFFFFF;
2921
  }
 
2922
  .gs-button.gs-success.trans {
2923
- color: #02b6b3;
2924
  }
 
2925
  .gs-button.gs-success.trans.border {
2926
- border-color: #02b6b3;
2927
  }
 
2928
  .gs-button.gs-error:not(.trans) {
2929
- background: #d36c65;
2930
  }
 
2931
  .gs-button.gs-error.trans {
2932
- color: #d36c65;
2933
  }
 
2934
  .gs-button.gs-error.trans.border {
2935
- border-color: #d36c65;
2936
  }
 
2937
  .gs-button.white {
2938
- color: #606060;
2939
- background: #fff;
2940
- border-width: 3px;
2941
- border-style: solid;
2942
- border-color: transparent;
2943
- -webkit-transition: all 200ms;
2944
- transition: all 200ms;
2945
  }
 
2946
  .gs-button.white:hover {
2947
- border-color: #606060;
2948
  }
 
2949
  a.gs-button.special:not(.trans):hover,
2950
  input.gs-button.special:not(.trans):hover,
2951
  button.gs-button.special:not(.trans):hover {
2952
- background: #d7ae0f;
2953
  }
 
2954
  a.gs-button.special.trans.border:hover,
2955
  input.gs-button.special.trans.border:hover,
2956
  button.gs-button.special.trans.border:hover {
2957
- color: #d7ae0f;
2958
- border-color: #d7ae0f;
2959
  }
 
2960
  a.gs-button.dark,
2961
  input.gs-button.dark,
2962
  button.gs-button.dark {
2963
- color: #606060;
2964
  }
 
2965
  a.gs-button.dark:hover,
2966
  input.gs-button.dark:hover,
2967
  button.gs-button.dark:hover {
2968
- color: #02b6b3;
2969
  }
 
2970
  a.gs-button.pricing-plan.plan-one:hover,
2971
  input.gs-button.pricing-plan.plan-one:hover,
2972
  button.gs-button.pricing-plan.plan-one:hover {
2973
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #00bba4;
2974
  }
 
2975
  a.gs-button.pricing-plan.plan-two:hover,
2976
  input.gs-button.pricing-plan.plan-two:hover,
2977
  button.gs-button.pricing-plan.plan-two:hover {
2978
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #5777d1;
2979
  }
 
2980
  a.gs-button.pricing-plan.plan-three:hover,
2981
  input.gs-button.pricing-plan.plan-three:hover,
2982
  button.gs-button.pricing-plan.plan-three:hover {
2983
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #2c4aa1;
2984
  }
 
2985
  a.gs-button.pricing-plan.plan-four:hover,
2986
  input.gs-button.pricing-plan.plan-four:hover,
2987
  button.gs-button.pricing-plan.plan-four:hover {
2988
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #8600f1;
2989
  }
 
2990
  a.gs-button.gs-primary:not(.trans):hover,
2991
  input.gs-button.gs-primary:not(.trans):hover,
2992
  button.gs-button.gs-primary:not(.trans):hover {
2993
- background: #2687b9;
2994
  }
 
2995
  a.gs-button.gs-primary.trans:hover,
2996
  input.gs-button.gs-primary.trans:hover,
2997
  button.gs-button.gs-primary.trans:hover {
2998
- border-color: #02b6b3;
2999
  }
 
3000
  a.gs-button.gs-success:not(.trans):hover,
3001
  input.gs-button.gs-success:not(.trans):hover,
3002
  button.gs-button.gs-success:not(.trans):hover {
3003
- background: #029d9a;
3004
  }
 
3005
  a.gs-button.gs-success.trans:hover,
3006
  input.gs-button.gs-success.trans:hover,
3007
  button.gs-button.gs-success.trans:hover {
3008
- border-color: #02b6b3;
3009
  }
 
3010
  a.gs-button.gs-error:not(.trans):hover,
3011
  input.gs-button.gs-error:not(.trans):hover,
3012
  button.gs-button.gs-error:not(.trans):hover {
3013
- background: #ca4e45;
3014
  }
 
3015
  a.gs-button.gs-error.trans:hover,
3016
  input.gs-button.gs-error.trans:hover,
3017
  button.gs-button.gs-error.trans:hover {
3018
- border-color: #d36c65;
3019
  }
 
3020
  .checkbox {
3021
- position: relative;
3022
  }
 
3023
  .checkbox input {
3024
- height: 34px;
3025
- background: transparent;
3026
- position: absolute;
3027
- margin: 0;
3028
- opacity: 0;
3029
- z-index: 1;
3030
  }
 
3031
  .checkbox input:hover {
3032
- cursor: pointer;
3033
  }
3034
- .checkbox input + .checkbox-btn {
3035
- background: #ccc;
 
3036
  }
3037
- .checkbox input + .checkbox-btn:after {
3038
- left: 0;
3039
- -webkit-transform: translate(2px, 0);
3040
- -ms-transform: translate(2px, 0);
3041
- transform: translate(2px, 0);
 
3042
  }
3043
- .checkbox input:checked + .checkbox-btn:after {
3044
- left: 100%;
3045
- -webkit-transform: translate(-32px, 0);
3046
- -ms-transform: translate(-32px, 0);
3047
- transform: translate(-32px, 0);
 
3048
  }
3049
- .checkbox input:checked + .checkbox-btn.gs-primary {
3050
- background: #02b6b3;
 
3051
  }
3052
- .checkbox input:checked + .checkbox-btn.gs-success {
3053
- background: #02b6b3;
 
3054
  }
3055
- .checkbox input:checked + .checkbox-btn.gs-error {
3056
- background: #d36c65;
 
3057
  }
 
3058
  .checkbox input:hover,
3059
  .checkbox input:focus {
3060
- cursor: pointer;
3061
  }
3062
- .checkbox input:hover + .checkbox-btn,
3063
- .checkbox input:focus + .checkbox-btn {
3064
- background: #b8b8b8;
 
3065
  }
3066
- .checkbox input:hover:checked + .checkbox-btn.gs-primary,
3067
- .checkbox input:focus:checked + .checkbox-btn.gs-primary {
3068
- background: #2687b9;
 
3069
  }
3070
- .checkbox input:hover:checked + .checkbox-btn.gs-success,
3071
- .checkbox input:focus:checked + .checkbox-btn.gs-success {
3072
- background: #029d9a;
 
3073
  }
3074
- .checkbox input:hover:checked + .checkbox-btn.gs-error,
3075
- .checkbox input:focus:checked + .checkbox-btn.gs-error {
3076
- background: #ca4e45;
 
3077
  }
 
3078
  .checkbox .checkbox-btn {
3079
- width: 75px;
3080
- font-weight: 600;
3081
- padding: 7px 15px 9px;
3082
- display: inline-block;
3083
- position: relative;
3084
- overflow: hidden;
3085
- border-radius: 100px;
3086
- -webkit-transition: all 200ms;
3087
- transition: all 200ms;
3088
  }
 
3089
  .checkbox .checkbox-btn *,
3090
  .checkbox .checkbox-btn:after {
3091
- -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3092
- transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3093
  }
 
3094
  .checkbox .checkbox-btn span:first-child {
3095
- margin-right: -8px;
3096
- -webkit-transform: translate(30px, 0);
3097
- -ms-transform: translate(30px, 0);
3098
- transform: translate(30px, 0);
3099
  }
 
3100
  .checkbox .checkbox-btn span:last-child {
3101
- margin-left: 8px;
3102
- -webkit-transform: translate(-30px, 0);
3103
- -ms-transform: translate(-30px, 0);
3104
- transform: translate(-30px, 0);
3105
  }
 
3106
  .checkbox .checkbox-btn span:not(.active) {
3107
- opacity: 0;
3108
  }
 
3109
  .checkbox .checkbox-btn span.active {
3110
- color: #fff;
3111
- -webkit-transform: translate(0, 0);
3112
- -ms-transform: translate(0, 0);
3113
- transform: translate(0, 0);
3114
  }
 
3115
  .checkbox .checkbox-btn:after {
3116
- width: 30px;
3117
- height: 30px;
3118
- background: #fff;
3119
- content: "";
3120
- position: absolute;
3121
- top: 2px;
3122
- border-radius: 100%;
3123
  }
 
3124
  .checkbox.checkbox-margin {
3125
- margin-left: 10px;
3126
  }
 
3127
  .field-label .checkbox {
3128
- margin-top: 8px;
3129
  }
 
3130
  .field-label .checkbox .checkbox-btn {
3131
- width: initial;
3132
- padding: 5px 13px 7px;
3133
  }
 
3134
  .field-label .checkbox .checkbox-btn:after {
3135
- width: 26px;
3136
- height: 26px;
3137
  }
 
3138
  .field-label .checkbox .checkbox-btn span:first-child {
3139
- padding-right: 8px;
3140
  }
 
3141
  .field-label .checkbox .checkbox-btn span:last-child {
3142
- padding-left: 8px;
3143
- margin-left: -8px;
3144
  }
 
3145
  .field-label .checkbox.long {
3146
- margin-left: -15px;
3147
  }
 
3148
  .field-label .checkbox.long span:first-child {
3149
- padding-right: 0;
3150
  }
 
3151
  .field-label .checkbox.long span:last-child {
3152
- padding-left: 0;
3153
  }
 
3154
  .field-label .checkbox input {
3155
- height: 30px;
3156
  }
3157
- .field-label .checkbox input:checked + .checkbox-btn:after {
3158
- -webkit-transform: translate(-28px, 0);
3159
- -ms-transform: translate(-28px, 0);
3160
- transform: translate(-28px, 0);
 
3161
  }
 
3162
  .checkbox-inline input {
3163
- width: auto !important;
3164
- margin: 0 4px 0 0;
3165
- top: 1px !important;
3166
  }
 
3167
  .checkbox-inline:hover {
3168
- cursor: pointer;
3169
  }
 
3170
  .tab-selector {
3171
- border-right: 1px solid #e1e1e1;
3172
- padding-top: 30px !important;
3173
- padding-right: 10px !important;
3174
  }
 
3175
  .tab-selector a {
3176
- border-width: 1px 0 1px 1px;
3177
- border-style: solid;
3178
- border-color: transparent;
3179
- padding: 8px 14px 8px 11px;
3180
- margin: 1px -11px 1px 0;
3181
- display: inline-block;
3182
- float: right;
3183
- border-radius: 4px 0 0 4px;
3184
  }
 
3185
  .tab-selector a,
3186
  .tab-selector a * {
3187
- -webkit-transition: all 200ms;
3188
- transition: all 200ms;
3189
  }
 
3190
  .tab-selector a img {
3191
- border-radius: 3px;
3192
  }
 
3193
  .tab-selector a:hover {
3194
- background: #ebebeb;
3195
  }
 
3196
  .tab-selector a.active {
3197
- background: #fff;
3198
- border-color: #e1e1e1;
3199
- pointer-events: none;
3200
  }
 
3201
  .tab-selector a.active img {
3202
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
3203
  }
 
3204
  .toggle {
3205
- border: 1px solid #b2daef;
3206
- display: inline-block;
3207
- position: relative;
3208
- border-radius: 4px;
3209
  }
 
3210
  .toggle a {
3211
- font-size: 16px;
3212
- color: #7bc0e4;
3213
- padding: 8px 16px 10px;
3214
- margin: -1px;
3215
- display: inline-block;
3216
- border-radius: 4px;
3217
- -webkit-transition: all 300ms ease-in-out;
3218
- transition: all 300ms ease-in-out;
3219
  }
 
3220
  .toggle a:first-child {
3221
- margin-right: 0;
3222
  }
 
3223
  .toggle a:last-child {
3224
- margin-left: 0;
3225
  }
 
3226
  .toggle a.active {
3227
- font-weight: 600;
3228
- color: #fff !important;
3229
- background: #02b6b3;
3230
- pointer-events: none;
3231
- cursor: default !important;
3232
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
3233
  }
 
3234
  .toggle a:hover {
3235
- color: #02b6b3;
3236
  }
 
3237
  .gs-button-big {
3238
- font-size: 20px;
3239
- font-weight: 600;
3240
- color: #fff;
3241
- background: #666;
3242
- padding: 13px 20px 15px;
3243
- display: inline-block;
3244
- position: relative;
3245
- border-radius: 4px;
3246
- -webkit-transition: all 200ms;
3247
- transition: all 200ms;
3248
  }
 
3249
  .gs-button-big i {
3250
- margin: 0 5px 0 -10px;
3251
- position: relative;
3252
- bottom: -1px;
3253
  }
 
3254
  .gs-button-big.cta {
3255
- box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
3256
  }
3257
- .gs-button-big.extra > span:not(.note) {
3258
- font-size: 16px;
3259
- font-weight: 600;
3260
- color: rgba(255, 255, 255, 0.75);
3261
- text-transform: uppercase;
3262
- white-space: nowrap;
3263
- margin-top: 3px;
3264
- position: absolute;
3265
- top: 100%;
3266
- left: 50%;
3267
- -webkit-transform: translateX(-50%);
3268
- -ms-transform: translateX(-50%);
3269
- transform: translateX(-50%);
3270
- }
3271
- .gs-button-big > i.fa-angle-left {
3272
- font-size: 30px;
3273
- margin: 0 5px 0 -5px;
3274
- position: relative;
3275
- bottom: -2px;
 
 
3276
  }
 
3277
  .gs-button-big.primary {
3278
- background: #02b6b3;
3279
  }
 
3280
  .gs-button-big.primary:hover {
3281
- background: #2687b9;
3282
  }
 
3283
  .gs-button-big.simple {
3284
- background: transparent;
3285
- border: 2px solid transparent;
3286
- padding: 8px 23px 10px;
3287
- box-shadow: none;
3288
  }
 
3289
  .gs-button-big.simple:hover {
3290
- border-color: #fff;
3291
  }
 
3292
  .gs-button-big.pricing-plan:not(.trans) {
3293
- color: #fff;
3294
  }
 
3295
  .gs-button-big.pricing-plan:not(.trans).plan-one {
3296
- background: #02b6b3;
3297
  }
 
3298
  .gs-button-big.pricing-plan:not(.trans).plan-one:hover {
3299
- background: #2481b1;
3300
  }
 
3301
  .gs-button-big.pricing-plan:not(.trans).plan-two {
3302
- background: #f29809;
3303
  }
 
3304
  .gs-button-big.pricing-plan:not(.trans).plan-two:hover {
3305
- background: #c17907;
3306
  }
 
3307
  .gs-button-big.pricing-plan:not(.trans).plan-three {
3308
- background: #dd5a7c;
3309
  }
 
3310
  .gs-button-big.pricing-plan:not(.trans).plan-three:hover {
3311
- background: #d4305a;
3312
  }
 
3313
  .gs-button-big.pricing-plan:not(.trans).plan-four {
3314
- background: #9a58e6;
3315
  }
 
3316
  .gs-button-big.pricing-plan:not(.trans).plan-four:hover {
3317
- background: #7f2cdf;
3318
  }
 
3319
  .gs-button-big.pricing-plan.trans {
3320
- background: #fff;
3321
  }
 
3322
  .gs-button-big.pricing-plan.trans.plan-one {
3323
- color: #02b6b3;
3324
  }
 
3325
  .gs-button-big.pricing-plan.trans.plan-one.border {
3326
- border: 1px solid #02b6b3;
3327
  }
 
3328
  .gs-button-big.pricing-plan.trans.plan-one:hover {
3329
- color: #fff;
3330
- background: #02b6b3;
3331
  }
 
3332
  .gs-button-big.pricing-plan.trans.plan-two {
3333
- color: #f29809;
3334
  }
 
3335
  .gs-button-big.pricing-plan.trans.plan-two.border {
3336
- border: 1px solid #f29809;
3337
  }
 
3338
  .gs-button-big.pricing-plan.trans.plan-two:hover {
3339
- color: #fff;
3340
- background: #f29809;
3341
  }
 
3342
  .gs-button-big.pricing-plan.trans.plan-three {
3343
- color: #dd5a7c;
3344
  }
 
3345
  .gs-button-big.pricing-plan.trans.plan-three.border {
3346
- border: 1px solid #dd5a7c;
3347
  }
 
3348
  .gs-button-big.pricing-plan.trans.plan-three:hover {
3349
- color: #fff;
3350
- background: #dd5a7c;
3351
  }
 
3352
  .gs-button-big.pricing-plan.trans.plan-four {
3353
- color: #9a58e6;
3354
  }
 
3355
  .gs-button-big.pricing-plan.trans.plan-four.border {
3356
- border: 1px solid #9a58e6;
3357
  }
 
3358
  .gs-button-big.pricing-plan.trans.plan-four:hover {
3359
- color: #fff;
3360
- background: #9a58e6;
3361
  }
 
3362
  .primary-dark {
3363
- background: #1c6286;
3364
  }
 
3365
  .primary-dark:hover {
3366
- background: #2481b1;
3367
  }
 
3368
  .orange {
3369
- background: #f29809;
3370
  }
 
3371
  .orange:hover {
3372
- background: #cb7f08;
3373
  }
 
3374
  .green {
3375
- background: #8db13d;
3376
  }
 
3377
  .green:hover {
3378
- background: #759333;
3379
  }
 
3380
  .form .form-content .field-group.field-alert p,
3381
  .form .form-content .field-group.field-alert p.alert-title {
3382
- color: #fff;
3383
  }
 
3384
  .form .form-content .field-group.field-alert p.alert-title {
3385
- font-size: 16px;
3386
- font-weight: bold;
3387
- margin-bottom: 5px;
3388
  }
 
3389
  .form .form-content .field-group.field-alert .field-label {
3390
- height: 100%;
3391
- padding: 0;
3392
  }
 
3393
  .form .form-content .field-group.field-alert .field-label:before {
3394
- font-family: "FontAwesome";
3395
- font-size: 38px;
3396
- display: inline-block;
3397
- position: absolute;
3398
- top: 50%;
3399
- left: 50%;
3400
- margin: -19px 0 0 -16px;
3401
  }
 
3402
  .form .form-content .field-group.field-alert .field-input {
3403
- font-size: 14px;
3404
- font-weight: 600;
3405
- color: #fff;
3406
- line-height: 15px;
3407
- padding: 20px 30px;
3408
  }
 
3409
  .form .form-content .field-group.field-alert.gs-primary {
3410
- background: #02b6b3;
3411
  }
 
3412
  .form .form-content .field-group.field-alert.gs-primary .field-label {
3413
- color: #7fc2e5;
3414
- background: #288dc2;
3415
  }
 
3416
  .form .form-content .field-group.field-alert.gs-primary .field-label:before {
3417
- content: " ";
3418
  }
 
3419
  .form .form-content .field-group.field-alert.gs-success {
3420
- background: #02b6b3;
3421
  }
 
3422
  .form .form-content .field-group.field-alert.gs-success .field-label {
3423
- color: #b2dd52;
3424
- background: #72961e;
3425
  }
 
3426
  .form .form-content .field-group.field-alert.gs-success .field-label:before {
3427
- content: " ";
3428
  }
 
3429
  .form .form-content .field-group.field-alert.gs-error {
3430
- background: #d36c65;
3431
  }
 
3432
  .form .form-content .field-group.field-alert.gs-error .field-label {
3433
- color: #e7b0ac;
3434
- background: #cc554d;
3435
  }
 
3436
  .form .form-content .field-group.field-alert.gs-error .field-label:before {
3437
- content: " ";
3438
  }
 
3439
  .form .form-content .field-group.field-alert.white {
3440
- background: #fff;
3441
  }
 
3442
  .form .form-content .field-group.field-alert.white .field-label {
3443
- color: #02b6b3;
3444
- background: #f1f8fc;
3445
  }
 
3446
  .form .form-content .field-group.field-alert.white .field-label:before {
3447
- content: " ";
3448
  }
 
3449
  .form .form-content .field-group.field-alert.white .field-input p,
3450
  .form .form-content .field-group.field-alert.white .field-input p.alert-title {
3451
- color: #02b6b3;
3452
  }
3453
- .large + div .content-wrapper .options-details:first-child {
3454
- margin-top: -33px;
 
3455
  }
 
3456
  @-webkit-keyframes fade-in-up {
3457
- 0% {
3458
- -webkit-transform: translateY(30px);
3459
- opacity: 0;
3460
- }
3461
- 100% {
3462
- -webkit-transform: translateY(0);
3463
- opacity: 1;
3464
- }
 
3465
  }
 
3466
  @keyframes fade-in-up {
3467
- 0% {
3468
- transform: translateY(30px);
3469
- opacity: 0;
3470
- }
3471
- 100% {
3472
- transform: translateY(0);
3473
- opacity: 1;
3474
- }
 
3475
  }
 
3476
  @-webkit-keyframes fade-in-down {
3477
- 0% {
3478
- -webkit-transform: translateY(-30px);
3479
- opacity: 0;
3480
- }
3481
- 100% {
3482
- -webkit-transform: translateY(0);
3483
- opacity: 1;
3484
- }
 
3485
  }
 
3486
  @keyframes fade-in-down {
3487
- 0% {
3488
- transform: translateY(-30px);
3489
- opacity: 0;
3490
- }
3491
- 100% {
3492
- transform: translateY(0);
3493
- opacity: 1;
3494
- }
 
3495
  }
 
3496
  @-webkit-keyframes fade-out-up {
3497
- 0% {
3498
- -webkit-transform: translateY(0);
3499
- opacity: 1;
3500
- }
3501
- 100% {
3502
- -webkit-transform: translateY(-30px);
3503
- opacity: 0;
3504
- }
 
3505
  }
 
3506
  @keyframes fade-out-up {
3507
- 0% {
3508
- transform: translateY(0);
3509
- opacity: 1;
3510
- }
3511
- 100% {
3512
- transform: translateY(-30px);
3513
- opacity: 0;
3514
- }
 
3515
  }
 
3516
  @-webkit-keyframes opacity-in {
3517
- 0% {
3518
- opacity: 0;
3519
- }
3520
- 100% {
3521
- opacity: 1;
3522
- }
 
3523
  }
 
3524
  @keyframes opacity-in {
3525
- 0% {
3526
- opacity: 0;
3527
- }
3528
- 100% {
3529
- opacity: 1;
3530
- }
 
3531
  }
 
3532
  @-webkit-keyframes opacity-out {
3533
- 0% {
3534
- opacity: 1;
3535
- }
3536
- 100% {
3537
- opacity: 0;
3538
- }
 
3539
  }
 
3540
  @keyframes opacity-out {
3541
- 0% {
3542
- opacity: 1;
3543
- }
3544
- 100% {
3545
- opacity: 0;
3546
- }
 
3547
  }
 
3548
  .table-block {
3549
- color: #606060;
3550
- text-align: left;
3551
- padding: 0 30px;
3552
- margin-top: 56px;
3553
- margin-bottom: 28px;
3554
- line-height: 28px;
3555
  }
 
3556
  .table-block table {
3557
- width: 100%;
3558
- margin-bottom: 84px;
3559
  }
 
3560
  .table-block table thead {
3561
- font-family: "Raleway", sans-serif;
3562
- font-weight: 800;
3563
- font-size: 32px;
3564
- line-height: 84px;
3565
- text-align: center;
3566
  }
 
3567
  .table-block table thead th:first-child {
3568
- width: 25%;
3569
  }
 
3570
  .table-block table thead th:not(:first-child) {
3571
- width: 15%;
3572
- background: #f3f3f3;
3573
- padding: 28px 5px;
3574
- line-height: 28px;
3575
- vertical-align: middle;
3576
  }
 
3577
  .table-block table thead th:not(:first-child) img {
3578
- max-width: 184px;
3579
- margin-bottom: -23px;
3580
  }
 
3581
  .table-block table thead th:nth-child(2) {
3582
- border-radius: 4px 0 0 0;
3583
  }
 
3584
  .table-block table thead th:last-child {
3585
- border-radius: 0 4px 0 0;
3586
  }
 
3587
  .table-block table tbody tr:first-child td .feature-label {
3588
- border-top-width: 1px;
3589
- padding-top: 27px;
3590
- border-radius: 4px 0 0 0;
3591
  }
 
3592
  .table-block table tbody tr:first-child.help td .feature-label:before {
3593
- top: 26px !important;
3594
  }
 
3595
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
3596
- border-bottom-width: 1px;
3597
  }
 
3598
  .table-block table tbody tr:nth-last-child(2) td:first-child,
3599
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
3600
- border-radius: 0 0 0 4px;
3601
  }
 
3602
  .table-block table tbody tr:nth-last-child(2) td:last-child {
3603
- border-radius: 0 0 4px 0;
3604
  }
 
3605
  .table-block table tbody tr:nth-child(odd) td:not(:first-child) {
3606
- background: #fafafa;
3607
  }
 
3608
  .table-block table tbody tr:nth-child(odd) td:not(:first-child).on {
3609
- background: #9bc048 !important;
3610
  }
 
3611
  .table-block table tbody tr:nth-child(even) td:not(:first-child) {
3612
- background: #f3f3f3;
3613
  }
 
3614
  .table-block table tbody tr:nth-child(even) td:not(:first-child).on {
3615
- background: #8db13d !important;
3616
  }
 
3617
  .table-block table tbody tr.help td .feature-label {
3618
- position: relative;
3619
  }
3620
- .table-block table tbody tr.help td .feature-label > p {
3621
- font-size: 16px;
3622
- color: #999;
3623
- line-height: 21px;
3624
- margin: 0;
3625
- padding: 14px 0 28px;
3626
- display: none;
 
3627
  }
 
3628
  .table-block table tbody tr.help td .feature-label:before {
3629
- width: 30px;
3630
- height: 30px;
3631
- font-family: "FontAwesome";
3632
- font-size: 20px;
3633
- color: #ddd;
3634
- background: #fff;
3635
- text-align: center;
3636
- content: " ";
3637
- display: inline-block;
3638
- padding-top: 1px;
3639
- box-sizing: border-box;
3640
- position: absolute;
3641
- top: 14px;
3642
- left: -15px;
3643
- border-radius: 100%;
3644
  }
 
3645
  .table-block table tbody tr.help:hover,
3646
  .table-block table tbody tr.help.active {
3647
- cursor: pointer;
3648
  }
 
3649
  .table-block table tbody tr.help:hover td .feature-label,
3650
  .table-block table tbody tr.help.active td .feature-label {
3651
- color: #02b6b3;
3652
- background: #f9f9f9;
3653
  }
 
3654
  .table-block table tbody tr.help:hover td .feature-label:before,
3655
  .table-block table tbody tr.help.active td .feature-label:before {
3656
- color: #02b6b3;
3657
  }
 
3658
  .table-block table tbody tr.help:hover td:not(:first-child) i,
3659
  .table-block table tbody tr.help.active td:not(:first-child) i {
3660
- text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
3661
  }
 
3662
  .table-block table tbody tr.price td:not(:first-child) {
3663
- font-size: 25px;
3664
- font-weight: bold;
3665
  }
 
3666
  .table-block table tbody tr.price td:not(:first-child) span {
3667
- font-size: 20px;
3668
- font-weight: normal;
3669
- margin-left: 4px;
3670
  }
 
3671
  .table-block table tbody tr.gs-button-row td:not(:first-child) {
3672
- background: transparent;
3673
- border-right: none;
3674
- padding: 2px 1px 0;
3675
  }
 
3676
  .table-block table tbody tr.gs-button-row td:not(:first-child) a {
3677
- margin-top: 0;
3678
- display: block;
3679
- border-radius: 0 0 4px 4px;
3680
  }
 
3681
  .table-block table tbody td:not(:first-child) {
3682
- text-align: center;
3683
- vertical-align: middle;
3684
  }
 
3685
  .table-block table tbody td:not(:first-child) i {
3686
- display: block;
3687
- -webkit-transform-origin: 50% 50%;
3688
- -ms-transform-origin: 50% 50%;
3689
- transform-origin: 50% 50%;
3690
- -webkit-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
3691
- transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
3692
  }
 
3693
  .table-block table tbody td:not(:first-child):not(:last-child) {
3694
- border-right: 1px solid #e3e3e3;
3695
  }
 
3696
  .table-block table tbody td:first-child {
3697
- position: relative;
3698
  }
 
3699
  .table-block table tbody td .feature-label {
3700
- font-size: 18px;
3701
- background: #fff;
3702
- border-left-width: 1px;
3703
- border-style: solid;
3704
- border-color: #eee;
3705
- padding: 14px 30px;
3706
  }
 
3707
  .table-block table tbody td.on,
3708
  .table-block table tbody td.off {
3709
- font-size: 16px;
3710
- font-weight: 600;
3711
  }
 
3712
  .table-block table tbody td.on i,
3713
  .table-block table tbody td.off i {
3714
- font-size: 22px;
3715
  }
 
3716
  .table-block table tbody td.on {
3717
- color: #fff;
3718
  }
 
3719
  .table-block table tbody td.off {
3720
- color: #d36c65;
3721
  }
 
3722
  @-webkit-keyframes fade-in-up {
3723
- 0% {
3724
- -webkit-transform: translateY(30px);
3725
- opacity: 0;
3726
- }
3727
- 100% {
3728
- -webkit-transform: translateY(0);
3729
- opacity: 1;
3730
- }
 
3731
  }
 
3732
  @keyframes fade-in-up {
3733
- 0% {
3734
- transform: translateY(30px);
3735
- opacity: 0;
3736
- }
3737
- 100% {
3738
- transform: translateY(0);
3739
- opacity: 1;
3740
- }
 
3741
  }
 
3742
  @-webkit-keyframes fade-in-down {
3743
- 0% {
3744
- -webkit-transform: translateY(-30px);
3745
- opacity: 0;
3746
- }
3747
- 100% {
3748
- -webkit-transform: translateY(0);
3749
- opacity: 1;
3750
- }
 
3751
  }
 
3752
  @keyframes fade-in-down {
3753
- 0% {
3754
- transform: translateY(-30px);
3755
- opacity: 0;
3756
- }
3757
- 100% {
3758
- transform: translateY(0);
3759
- opacity: 1;
3760
- }
 
3761
  }
 
3762
  @-webkit-keyframes fade-out-up {
3763
- 0% {
3764
- -webkit-transform: translateY(0);
3765
- opacity: 1;
3766
- }
3767
- 100% {
3768
- -webkit-transform: translateY(-30px);
3769
- opacity: 0;
3770
- }
 
3771
  }
 
3772
  @keyframes fade-out-up {
3773
- 0% {
3774
- transform: translateY(0);
3775
- opacity: 1;
3776
- }
3777
- 100% {
3778
- transform: translateY(-30px);
3779
- opacity: 0;
3780
- }
 
3781
  }
 
3782
  @-webkit-keyframes opacity-in {
3783
- 0% {
3784
- opacity: 0;
3785
- }
3786
- 100% {
3787
- opacity: 1;
3788
- }
 
3789
  }
 
3790
  @keyframes opacity-in {
3791
- 0% {
3792
- opacity: 0;
3793
- }
3794
- 100% {
3795
- opacity: 1;
3796
- }
 
3797
  }
 
3798
  @-webkit-keyframes opacity-out {
3799
- 0% {
3800
- opacity: 1;
3801
- }
3802
- 100% {
3803
- opacity: 0;
3804
- }
 
3805
  }
 
3806
  @keyframes opacity-out {
3807
- 0% {
3808
- opacity: 1;
3809
- }
3810
- 100% {
3811
- opacity: 0;
3812
- }
 
3813
  }
 
3814
  footer {
3815
- text-align: center;
3816
- overflow: hidden;
3817
- padding-top: 96px;
3818
  }
 
3819
  footer.editor {
3820
- margin-bottom: 77px;
3821
  }
 
3822
  footer #backToTop {
3823
- width: 190px;
3824
- height: 190px;
3825
- font-size: 45px;
3826
- color: #bbb;
3827
- background: #e1e1e1;
3828
- text-align: center;
3829
- padding-top: 18px;
3830
- margin-bottom: -110px;
3831
- display: inline-block;
3832
- border-radius: 100%;
3833
- -webkit-transition: all 200ms ease-out;
3834
- transition: all 200ms ease-out;
3835
  }
 
3836
  footer #backToTop * {
3837
- -webkit-transition-property: -webkit-transform, opacity;
3838
- transition-property: transform, opacity;
3839
- -webkit-transition-timing-function: ease-out;
3840
- transition-timing-function: ease-out;
3841
  }
 
3842
  footer #backToTop i {
3843
- -webkit-transition-duration: 100ms;
3844
- transition-duration: 100ms;
3845
  }
 
3846
  footer #backToTop span {
3847
- font-size: 16px;
3848
- color: #fff;
3849
- margin-top: 15px;
3850
- display: block;
3851
- opacity: 0;
3852
- -webkit-transition-duration: 200ms;
3853
- transition-duration: 200ms;
3854
  }
 
3855
  footer #backToTop:hover {
3856
- color: #fff;
3857
- background: #02b6b3;
3858
- -webkit-transform: translate(0, -20px);
3859
- -ms-transform: translate(0, -20px);
3860
- transform: translate(0, -20px);
3861
- box-shadow: 0 0 0 15px #e1e1e1;
3862
  }
 
3863
  footer #backToTop:hover i {
3864
- -webkit-transform: translate(0, -10px);
3865
- -ms-transform: translate(0, -10px);
3866
- transform: translate(0, -10px);
3867
  }
 
3868
  footer #backToTop:hover span {
3869
- opacity: 1;
3870
- -webkit-transform: translate(0, -30px);
3871
- -ms-transform: translate(0, -30px);
3872
- transform: translate(0, -30px);
3873
  }
 
3874
  @-webkit-keyframes fade-in-up {
3875
- 0% {
3876
- -webkit-transform: translateY(30px);
3877
- opacity: 0;
3878
- }
3879
- 100% {
3880
- -webkit-transform: translateY(0);
3881
- opacity: 1;
3882
- }
 
3883
  }
 
3884
  @keyframes fade-in-up {
3885
- 0% {
3886
- transform: translateY(30px);
3887
- opacity: 0;
3888
- }
3889
- 100% {
3890
- transform: translateY(0);
3891
- opacity: 1;
3892
- }
 
3893
  }
 
3894
  @-webkit-keyframes fade-in-down {
3895
- 0% {
3896
- -webkit-transform: translateY(-30px);
3897
- opacity: 0;
3898
- }
3899
- 100% {
3900
- -webkit-transform: translateY(0);
3901
- opacity: 1;
3902
- }
 
3903
  }
 
3904
  @keyframes fade-in-down {
3905
- 0% {
3906
- transform: translateY(-30px);
3907
- opacity: 0;
3908
- }
3909
- 100% {
3910
- transform: translateY(0);
3911
- opacity: 1;
3912
- }
 
3913
  }
 
3914
  @-webkit-keyframes fade-out-up {
3915
- 0% {
3916
- -webkit-transform: translateY(0);
3917
- opacity: 1;
3918
- }
3919
- 100% {
3920
- -webkit-transform: translateY(-30px);
3921
- opacity: 0;
3922
- }
 
3923
  }
 
3924
  @keyframes fade-out-up {
3925
- 0% {
3926
- transform: translateY(0);
3927
- opacity: 1;
3928
- }
3929
- 100% {
3930
- transform: translateY(-30px);
3931
- opacity: 0;
3932
- }
 
3933
  }
 
3934
  @-webkit-keyframes opacity-in {
3935
- 0% {
3936
- opacity: 0;
3937
- }
3938
- 100% {
3939
- opacity: 1;
3940
- }
 
3941
  }
 
3942
  @keyframes opacity-in {
3943
- 0% {
3944
- opacity: 0;
3945
- }
3946
- 100% {
3947
- opacity: 1;
3948
- }
 
3949
  }
 
3950
  @-webkit-keyframes opacity-out {
3951
- 0% {
3952
- opacity: 1;
3953
- }
3954
- 100% {
3955
- opacity: 0;
3956
- }
 
3957
  }
 
3958
  @keyframes opacity-out {
3959
- 0% {
3960
- opacity: 1;
3961
- }
3962
- 100% {
3963
- opacity: 0;
3964
- }
 
3965
  }
 
3966
  .app-group {
3967
- background: #e4e4e4;
3968
- margin: 0 15px 60px;
3969
- overflow: hidden;
3970
- border-radius: 4px;
3971
- -webkit-transition: all 200ms;
3972
- transition: all 200ms;
3973
  }
 
3974
  .app-group:last-child {
3975
- margin-bottom: 0;
3976
  }
3977
- .app-group.active + .alert-block {
3978
- margin-top: -30px;
 
3979
  }
 
3980
  .app-group:not(.active) {
3981
- margin-bottom: 15px;
3982
  }
3983
- .app-group:not(.active) + .alert-block {
3984
- margin-top: 30px;
 
3985
  }
 
3986
  .app-group .app-group-title {
3987
- padding: 15px 15px 17px;
3988
- position: relative;
3989
  }
 
3990
  .app-group .app-group-title h2 {
3991
- font-family: "Raleway", sans-serif;
3992
- font-weight: 800;
3993
- font-size: 22px;
3994
- color: #999;
3995
  }
3996
- .app-group .app-group-title h2 > span {
3997
- font-family: "Source Sans Pro", sans-serif;
3998
- font-size: 16px;
3999
- color: #bdbdbd;
4000
- margin-left: 7px;
 
4001
  }
 
4002
  .app-group .app-group-title a.app-group-toggle {
4003
- color: #bdbdbd;
4004
- position: absolute;
4005
- top: 0;
4006
- left: 0;
4007
- right: 0;
4008
- bottom: 0;
4009
  }
4010
- .app-group .app-group-title a.app-group-toggle > i {
4011
- position: absolute;
4012
- top: 18px;
4013
- right: 20px;
 
4014
  }
4015
- .app-group .app-group-title a.app-group-toggle > span {
4016
- display: none;
 
4017
  }
 
4018
  .app-group .app-group-title a.app-group-toggle:hover {
4019
- color: #999;
4020
- background: rgba(255, 255, 255, 0.25);
4021
  }
 
4022
  .app-grid {
4023
- padding-top: 120px;
4024
- margin: 0 -30px;
4025
  }
 
4026
  .app-grid:nth-child(2) .app-grid-titles-wrapper {
4027
- border-top-width: 0;
4028
  }
 
4029
  .app-grid .app-link-wrapper {
4030
- width: 25%;
4031
- padding: 22px 15px 20px;
4032
- float: left;
4033
- position: relative;
4034
  }
 
4035
  .app-grid .app-link-wrapper * {
4036
- -webkit-transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
4037
- transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
4038
  }
 
4039
  .app-grid .app-link-wrapper .app-badge-group,
4040
  .app-grid .app-link-wrapper .nocode {
4041
- position: absolute;
4042
- top: 7px;
4043
- z-index: 2;
4044
  }
 
4045
  .app-grid .app-link-wrapper .app-badge-group {
4046
- text-align: right;
4047
- position: absolute;
4048
- right: 7px;
4049
  }
 
4050
  .app-grid .app-link-wrapper .app-badge {
4051
- font-family: "Raleway", sans-serif;
4052
- font-weight: 800;
4053
- font-size: 16px;
4054
- color: #fff;
4055
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
4056
- padding: 4px 8px;
4057
- display: inline-block;
4058
- border-radius: 4px;
4059
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
4060
  }
 
4061
  .app-grid .app-link-wrapper .app-badge.nocode {
4062
- font-size: 14px;
4063
- text-transform: uppercase;
4064
- padding-top: 5px;
4065
- padding-bottom: 5px;
4066
- left: 7px;
4067
  }
 
4068
  .app-grid .app-link-wrapper .app-badge.new {
4069
- background: #f5bd25;
4070
  }
 
4071
  .app-grid .app-link-wrapper .app-badge.nocode {
4072
- background: #8db13d;
4073
- color: #ccc;
4074
- background: #fff;
4075
- text-shadow: none;
4076
- box-shadow: none;
4077
  }
 
4078
  .app-grid .app-link-wrapper .app-badge.plan-one {
4079
- background: #00bba4;
4080
  }
 
4081
  .app-grid .app-link-wrapper .app-badge.plan-two {
4082
- background: #f29809;
4083
  }
 
4084
  .app-grid .app-link-wrapper .app-badge.plan-three {
4085
- background: #dd5a7c;
4086
  }
 
4087
  .app-grid .app-link-wrapper .app-badge.plan-four {
4088
- background: #9a58e6;
4089
  }
 
4090
  .app-grid .app-link-wrapper .app-badge.sharing {
4091
- background: #44B3C2;
4092
- font-size: 14px;
4093
  }
 
4094
  .app-grid .app-link-wrapper .app-badge.tracking {
4095
- background: #F1A94E;
4096
- font-size: 14px;
4097
  }
 
4098
  .app-grid .app-link-wrapper .app-badge.follow {
4099
- background: #E45641;
4100
- font-size: 14px;
4101
  }
 
4102
  .app-grid .app-link-wrapper .app-badge.integrations {
4103
- background: #dd5a7c;
4104
- font-size: 14px;
4105
  }
 
4106
  .app-grid .app-link-wrapper .app-link {
4107
- height: 320px;
4108
- background: #fff;
4109
- border: 1px solid #e3e3e3;
4110
- text-align: center;
4111
- padding: 35px 30px 0;
4112
- overflow: hidden;
4113
- position: relative;
4114
- border-radius: 4px;
4115
  }
 
4116
  .app-grid .app-link-wrapper .app-link .app-link-info {
4117
- background: #fff;
4118
- border-top: 1px solid transparent;
4119
- padding-bottom: 30px;
4120
- margin-top: -52px;
4121
- position: absolute;
4122
- top: 100%;
4123
- left: 0;
4124
- right: 0;
4125
- z-index: 1;
4126
- -webkit-transform: translateY(-82px);
4127
- -ms-transform: translateY(-82px);
4128
- transform: translateY(-82px);
4129
  }
 
4130
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title {
4131
- height: 66px;
4132
- font-family: "Raleway", sans-serif;
4133
- font-weight: 800;
4134
- font-weight: 800;
4135
- font-size: 20px;
4136
- line-height: 24px;
4137
- text-align: center;
4138
- position: relative;
4139
  }
 
4140
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title span {
4141
- width: 100%;
4142
- padding: 0 15px;
4143
- position: absolute;
4144
- top: 50%;
4145
- left: 0;
4146
- -webkit-transform: translateY(-50%);
4147
- -ms-transform: translateY(-50%);
4148
- transform: translateY(-50%);
4149
  }
 
4150
  .app-grid .app-link-wrapper .app-link .app-link-info p:not(.app-title) {
4151
- text-align: left;
4152
- line-height: 22px;
4153
- padding: 0 30px;
4154
- opacity: 0;
 
4155
  }
 
4156
  .app-grid .app-link-wrapper .app-link .app-image {
4157
- position: relative;
4158
  }
 
4159
  .app-grid .app-link-wrapper .app-link .app-image img {
4160
- max-height: 156px;
4161
- max-width: 300px;
4162
- width: 100%;
4163
  }
 
4164
  .app-grid .app-link-wrapper .app-link .installed {
4165
- width: 100%;
4166
- font-family: "Raleway", sans-serif;
4167
- font-weight: 800;
4168
- font-size: 30px;
4169
- color: #fff;
4170
- background: rgba(120, 101, 158, 0.9);
4171
- text-align: center;
4172
- position: absolute;
4173
- top: 0;
4174
- bottom: 10px;
4175
- left: 0;
4176
- border-radius: 4px;
4177
- }
4178
- .app-grid .app-link-wrapper .app-link .installed > span {
4179
- position: absolute;
4180
- top: 50%;
4181
- left: 50%;
4182
- -webkit-transform: translate(-50%, -50%);
4183
- -ms-transform: translate(-50%, -50%);
4184
- transform: translate(-50%, -50%);
 
4185
  }
 
4186
  .app-grid .app-link-wrapper .app-link .installed i {
4187
- font-size: 42px;
4188
- margin-bottom: 5px;
4189
- display: block;
4190
  }
 
4191
  .app-grid .app-link-wrapper .app-link .app-link-buttons {
4192
- height: 72px;
4193
- background: #fff;
4194
- position: absolute;
4195
- bottom: 0;
4196
- left: 0;
4197
- right: 0;
4198
- z-index: 2;
4199
- box-shadow: 0 0px 20px #fff;
4200
  }
 
4201
  .app-grid .app-link-wrapper .app-link .app-link-buttons * {
4202
- -webkit-transition: all 200ms;
4203
- transition: all 200ms;
4204
  }
 
4205
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt {
4206
- color: #fff;
4207
- background: #ca4e45;
4208
- padding: 15px 20px;
4209
  }
 
4210
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a {
4211
- background: #842c26;
4212
- border: 1px solid transparent;
4213
- padding: 4px 25px 6px;
4214
- margin: -5px 5px -6px;
4215
- display: inline-block;
4216
- border-radius: 4px;
4217
  }
 
4218
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a:hover {
4219
- background: #9f352e;
4220
  }
 
4221
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans {
4222
- background: transparent;
4223
  }
 
4224
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans:hover {
4225
- border-color: #fff;
4226
  }
 
4227
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
4228
- font-size: 18px;
4229
- padding: 6px 17px 7px;
4230
- display: inline-block;
4231
- position: relative;
4232
  }
 
4233
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.gs-primary:hover {
4234
- color: #fff;
4235
- background: #02b6b3;
4236
  }
 
4237
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable {
4238
- color: #ccc;
4239
- background: #fff;
4240
  }
 
4241
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable:hover {
4242
- color: #d36c65;
4243
  }
 
4244
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
4245
- background: #02b6b3;
4246
- padding: 9px 8px 5px;
4247
- margin-left: 10px;
4248
- position: absolute;
4249
- top: -2px;
4250
- left: 100%;
4251
- border-radius: 4px;
4252
  }
 
4253
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
4254
- width: 30px;
4255
- }
4256
- .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div {
4257
- width: auto;
4258
- padding: 7px 13px;
4259
- white-space: nowrap;
4260
- top: 38px;
4261
- left: auto;
4262
- right: -10px;
4263
- -webkit-transform: translateX(0);
4264
- -ms-transform: translateX(0);
4265
- transform: translateX(0);
4266
- }
4267
- .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div:before {
4268
- margin-left: 0;
4269
- left: auto;
4270
- right: 25px;
4271
- }
4272
- .app-grid .app-link-wrapper .app-link .app-link-buttons > div {
4273
- white-space: nowrap;
4274
- position: absolute;
4275
- top: 12px;
4276
- left: 50%;
4277
- -webkit-transform: translateX(-50%);
4278
- -ms-transform: translateX(-50%);
4279
- transform: translateX(-50%);
4280
- -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4281
- transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4282
- }
4283
- .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group):not(.active) + .app-button-group {
4284
- margin-top: 10px;
4285
- opacity: 0;
4286
- -webkit-transform: translateX(-50%) translateY(100%);
4287
- -ms-transform: translateX(-50%) translateY(100%);
4288
- transform: translateX(-50%) translateY(100%);
4289
  }
4290
- .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group).active {
4291
- opacity: 0;
4292
- -webkit-transform: translateX(-50%) translateY(-100%);
4293
- -ms-transform: translateX(-50%) translateY(-100%);
4294
- transform: translateX(-50%) translateY(-100%);
 
 
 
 
 
 
4295
  }
4296
- .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group).active + .app-button-group {
4297
- margin-top: 0;
4298
- opacity: 1;
4299
- -webkit-transform: translateX(-50%) translateY(0);
4300
- -ms-transform: translateX(-50%) translateY(0);
4301
- transform: translateX(-50%) translateY(0);
4302
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4303
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group {
4304
- border: 2px solid #d36c65;
4305
- display: inline-block;
4306
- overflow: hidden;
4307
- border-radius: 4px;
4308
  }
 
4309
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a {
4310
- color: #e4a5a1;
4311
- border-width: 0;
4312
- border-radius: 0;
4313
  }
 
4314
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a:hover {
4315
- color: #ca4e45;
4316
- background: #fbf1f0;
4317
  }
 
4318
  .app-grid .app-link-wrapper .app-link .app-link-buttons:before {
4319
- width: 35px;
4320
- height: 35px;
4321
- background: image-url("loader.gif");
4322
- background-size: 35px auto;
4323
- content: "";
4324
- display: none;
4325
- margin-left: -17px;
4326
- position: absolute;
4327
- top: 12px;
4328
- left: 50%;
4329
- z-index: 1;
4330
- -webkit-animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
4331
- animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
4332
  }
 
4333
  .app-grid .app-link-wrapper .app-link .app-link-buttons.loading:before {
4334
- display: inline-block;
4335
  }
 
4336
  .app-grid .app-link-wrapper:hover .app-link .app-image {
4337
- opacity: 0.5;
4338
- -webkit-transform: translateY(-20px);
4339
- -ms-transform: translateY(-20px);
4340
- transform: translateY(-20px);
4341
  }
 
4342
  .app-grid .app-link-wrapper:hover .app-link .app-link-info {
4343
- border-top-color: #e3e3e3;
4344
- -webkit-transform: translateY(-100%);
4345
- -ms-transform: translateY(-100%);
4346
- transform: translateY(-100%);
4347
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
4348
  }
 
4349
  .app-grid .app-link-wrapper:hover .app-link .app-link-info p:not(.app-title) {
4350
- opacity: 1;
4351
- font-weight: 500;
4352
  }
 
4353
  .app-grid .app-link-wrapper:hover .app-link .app-badge.nocode {
4354
- color: #fff;
4355
- background: #8db13d;
4356
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
4357
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
4358
  }
 
4359
  @-webkit-keyframes fade-in-up {
4360
- 0% {
4361
- -webkit-transform: translateY(30px);
4362
- opacity: 0;
4363
- }
4364
- 100% {
4365
- -webkit-transform: translateY(0);
4366
- opacity: 1;
4367
- }
 
4368
  }
 
4369
  @keyframes fade-in-up {
4370
- 0% {
4371
- transform: translateY(30px);
4372
- opacity: 0;
4373
- }
4374
- 100% {
4375
- transform: translateY(0);
4376
- opacity: 1;
4377
- }
 
4378
  }
 
4379
  @-webkit-keyframes fade-in-down {
4380
- 0% {
4381
- -webkit-transform: translateY(-30px);
4382
- opacity: 0;
4383
- }
4384
- 100% {
4385
- -webkit-transform: translateY(0);
4386
- opacity: 1;
4387
- }
 
4388
  }
 
4389
  @keyframes fade-in-down {
4390
- 0% {
4391
- transform: translateY(-30px);
4392
- opacity: 0;
4393
- }
4394
- 100% {
4395
- transform: translateY(0);
4396
- opacity: 1;
4397
- }
 
4398
  }
 
4399
  @-webkit-keyframes fade-out-up {
4400
- 0% {
4401
- -webkit-transform: translateY(0);
4402
- opacity: 1;
4403
- }
4404
- 100% {
4405
- -webkit-transform: translateY(-30px);
4406
- opacity: 0;
4407
- }
 
4408
  }
 
4409
  @keyframes fade-out-up {
4410
- 0% {
4411
- transform: translateY(0);
4412
- opacity: 1;
4413
- }
4414
- 100% {
4415
- transform: translateY(-30px);
4416
- opacity: 0;
4417
- }
 
4418
  }
 
4419
  @-webkit-keyframes opacity-in {
4420
- 0% {
4421
- opacity: 0;
4422
- }
4423
- 100% {
4424
- opacity: 1;
4425
- }
 
4426
  }
 
4427
  @keyframes opacity-in {
4428
- 0% {
4429
- opacity: 0;
4430
- }
4431
- 100% {
4432
- opacity: 1;
4433
- }
 
4434
  }
 
4435
  @-webkit-keyframes opacity-out {
4436
- 0% {
4437
- opacity: 1;
4438
- }
4439
- 100% {
4440
- opacity: 0;
4441
- }
 
4442
  }
 
4443
  @keyframes opacity-out {
4444
- 0% {
4445
- opacity: 1;
4446
- }
4447
- 100% {
4448
- opacity: 0;
4449
- }
 
4450
  }
 
4451
  .app-grid-titles-wrapper {
4452
- background: #fff;
4453
- border-bottom: 1px solid #e9e9e9;
4454
- padding: 40px 30px 20px;
4455
- margin-top: -121px;
4456
- position: absolute;
4457
- left: 0;
4458
- right: 0;
4459
- z-index: 3;
4460
- -webkit-transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
4461
- transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
4462
  }
 
4463
  .app-grid-titles-wrapper.fixed {
4464
- border-top-width: 0;
4465
- border-bottom-color: transparent;
4466
- padding-top: 20px;
4467
- margin-top: 0;
4468
- position: fixed;
4469
- top: 55px;
4470
- box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), inset 0 2px 5px rgba(0, 0, 0, 0.1);
4471
  }
 
4472
  .app-grid-titles-wrapper.fixed h1 {
4473
- font-size: 25px;
4474
- position: relative;
4475
- bottom: -4px;
4476
  }
 
4477
  .app-grid-titles-wrapper.fixed h1 .gs-tooltip {
4478
- top: -2px;
4479
  }
 
4480
  .app-grid-titles-wrapper h1 {
4481
- max-width: 1260px;
4482
- margin: 0 auto;
4483
- padding: 0 400px 0 60px;
4484
- -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4485
- transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4486
  }
 
4487
  h1.app-grid-titles {
4488
- font-family: "Raleway", sans-serif;
4489
- font-weight: 800;
4490
- font-size: 30px;
4491
- font-weight: 800;
4492
  }
4493
- h1.app-grid-titles:not(.filter-on) span.gs-tooltip > div {
4494
- display: none !important;
 
4495
  }
 
4496
  h1.app-grid-titles.filter-on {
4497
- color: #ccc;
4498
  }
 
4499
  h1.app-grid-titles.filter-on i {
4500
- font-size: 20px;
4501
- margin: 0 10px;
4502
- position: relative;
4503
- bottom: 1px;
4504
  }
 
4505
  h1.app-grid-titles.filter-on span.filter-two {
4506
- color: #00bba4;
4507
  }
4508
- h1.app-grid-titles.filter-on span.filter-two > div {
4509
- background: #00bba4;
 
4510
  }
4511
- h1.app-grid-titles.filter-on span.filter-two > div:before {
4512
- border-color: transparent transparent #00bba4 transparent;
 
4513
  }
 
4514
  h1.app-grid-titles.filter-on span.filter-nocode {
4515
- color: #8db13d;
4516
  }
 
4517
  h1.app-grid-titles.filter-on span.filter-primary {
4518
- color: #02b6b3;
4519
  }
4520
- h1.app-grid-titles span.gs-tooltip > div {
4521
- font-family: "Source Sans Pro", sans-serif;
4522
- font-weight: normal;
4523
- margin-top: 10px;
 
4524
  }
4525
- .app-grid-titles-wrapper.fixed h1.app-grid-titles span.gs-tooltip > div {
4526
- margin-top: 6px;
 
4527
  }
 
4528
  #app-grid-filters {
4529
- max-width: 1260px;
4530
- height: 1px;
4531
- font-weight: 600;
4532
- margin: 0 auto;
4533
- position: relative;
4534
- top: 40px;
4535
- z-index: 4;
4536
- -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
4537
- transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
4538
  }
 
4539
  #app-grid-filters.fixed {
4540
- position: fixed;
4541
- top: 71px;
4542
- left: 0;
4543
- right: 0;
4544
  }
 
4545
  #app-grid-filters.fixed .app-grid-filter-holder {
4546
- padding: 0 60px;
4547
  }
 
4548
  #app-grid-filters.fixed #app-filter-dropdown {
4549
- right: 30px;
4550
  }
 
4551
  #app-grid-filters .app-grid-filter-holder {
4552
- display: inline-block;
4553
- position: absolute;
4554
- top: 0;
4555
- right: 0;
4556
  }
 
4557
  #app-grid-filters .app-grid-filter-holder .gs-button {
4558
- margin-left: 5px;
4559
- position: relative;
4560
- z-index: 1;
4561
  }
 
4562
  #app-grid-filters .app-grid-filter-holder .gs-button:first-child {
4563
- margin-left: 0;
4564
- margin-right: -4px;
4565
  }
4566
- #app-grid-filters .app-grid-filter-holder .gs-tooltip > div {
4567
- top: 40px;
 
4568
  }
 
4569
  #app-grid-filters #app-filter {
4570
- padding: 6px 13px 7px;
4571
- display: inline-block;
4572
- z-index: 1;
4573
  }
4574
- #app-grid-filters #app-filter:hover + #app-filter-dropdown {
4575
- display: block;
 
4576
  }
 
4577
  #app-grid-filters #app-filter-dropdown {
4578
- width: 220px;
4579
- background: #fff;
4580
- text-align: left;
4581
- padding: 18px 15px 13px;
4582
- display: none;
4583
- position: absolute;
4584
- top: 100%;
4585
- right: 0;
4586
- border-radius: 4px;
4587
- box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
4588
- -webkit-animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
4589
- animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
4590
  }
 
4591
  #app-grid-filters #app-filter-dropdown:hover {
4592
- display: block;
4593
  }
 
4594
  #app-grid-filters #app-filter-dropdown .gs-button {
4595
- margin: 3px 0;
4596
- padding: 6px 18px 8px 13px;
4597
- display: block;
4598
  }
 
4599
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans) {
4600
- position: relative;
4601
  }
 
4602
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans):before {
4603
- font-family: "FontAwesome";
4604
- font-size: 16px;
4605
- color: #fff;
4606
- content: " ";
4607
- display: block;
4608
- position: absolute;
4609
- top: 50%;
4610
- right: 4px;
4611
- margin-top: -8px;
4612
- opacity: 0.5;
4613
  }
 
4614
  #app-grid-filters #app-filter-dropdown .filter-title {
4615
- margin-bottom: 10px;
4616
- display: block;
4617
  }
 
4618
  html,
4619
  body {
4620
- height: 100%;
4621
  }
 
4622
  body {
4623
- font-family: "Source Sans Pro", sans-serif;
4624
- color: #606060;
4625
- background: #f3f3f3;
4626
  }
 
4627
  body * {
4628
- text-rendering: optimizeLegibility;
4629
- -webkit-font-smoothing: antialiased;
4630
- box-sizing: border-box;
4631
  }
 
4632
  body.no-scroll {
4633
- overflow: hidden;
4634
  }
 
4635
  h1 {
4636
- font-size: 40px;
4637
- font-weight: 300;
4638
  }
 
4639
  h1 strong {
4640
- font-weight: 600;
4641
  }
4642
- h1 + p {
4643
- margin-top: 10px;
 
4644
  }
 
4645
  h2,
4646
  h3 {
4647
- font-size: 20px;
4648
- font-weight: 600;
4649
  }
 
4650
  h4 {
4651
- font-size: 20px;
4652
  }
 
4653
  strong {
4654
- font-weight: 700;
4655
  }
 
4656
  p {
4657
- line-height: 18px;
4658
  }
 
4659
  textarea.code,
4660
  form textarea.code,
4661
  div.form textarea.code {
4662
- width: 100%;
4663
- font-family: Courier New, monospace;
4664
- font-size: 12px;
4665
- color: #000;
4666
- background: #fff;
4667
- border: 1px solid #ccc;
4668
- padding: 13px 20px;
4669
- resize: none;
4670
- outline: none;
4671
- word-wrap: break-word;
4672
- display: block;
4673
- border-radius: 4px;
4674
  }
 
4675
  .gs-tooltip {
4676
- position: relative;
4677
- }
4678
- .gs-tooltip.plan-one > div {
4679
- background: #00bba4;
4680
- }
4681
- .gs-tooltip.plan-one > div:before {
4682
- border-color: transparent transparent #00bba4 transparent;
4683
- }
4684
- .gs-tooltip.plan-two > div {
4685
- background: #00bba4;
4686
- }
4687
- .gs-tooltip.plan-two > div:before {
4688
- border-color: transparent transparent #d98908 transparent;
4689
- }
4690
- .gs-tooltip.plan-three > div {
4691
- background: #d9456b;
4692
- }
4693
- .gs-tooltip.plan-three > div:before {
4694
- border-color: transparent transparent #d9456b transparent;
4695
- }
4696
- .gs-tooltip.plan-four > div {
4697
- background: #8d42e3;
4698
- }
4699
- .gs-tooltip.plan-four > div:before {
4700
- border-color: transparent transparent #8d42e3 transparent;
4701
- }
4702
- .gs-tooltip.nocode > div {
4703
- background: #81a238;
4704
- }
4705
- .gs-tooltip.nocode > div:before {
4706
- border-color: transparent transparent #81a238 transparent;
4707
- }
4708
- .gs-tooltip > div {
4709
- width: 184px;
4710
- font-size: 13px;
4711
- font-weight: normal;
4712
- color: #fff;
4713
- background: #000;
4714
- text-align: left;
4715
- line-height: 15px;
4716
- padding: 10px 15px;
4717
- position: absolute;
4718
- top: 30px;
4719
- left: 50%;
4720
- display: none;
4721
- z-index: 5;
4722
- border-radius: 4px;
4723
- box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
4724
- -webkit-transform: translateX(-50%);
4725
- -ms-transform: translateX(-50%);
4726
- transform: translateX(-50%);
4727
- }
4728
- .gs-tooltip > div:before {
4729
- width: 0;
4730
- height: 0;
4731
- border-style: solid;
4732
- border-width: 0 8px 8px 8px;
4733
- border-color: transparent transparent #000 transparent;
4734
- content: "";
4735
- display: block;
4736
- position: absolute;
4737
- top: -8px;
4738
- left: 50%;
4739
- margin-left: -8px;
4740
- }
4741
- .gs-tooltip:hover > div {
4742
- display: block;
4743
- }
4744
- .min-tip > div {
4745
- width: 95px;
4746
- left: 50%;
4747
- top: 50px;
4748
- text-align: center;
4749
- padding: 5px 5px;
4750
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4751
  #gs-master-wrapper {
4752
- min-width: 1150px;
4753
- min-height: 100%;
4754
- height: auto !important;
4755
- height: 100%;
4756
- margin: 0 auto -190px;
4757
- overflow-y: hidden;
4758
  }
 
4759
  #gs-master-wrapper #master-wrapper-push {
4760
- height: 190px;
4761
  }
 
4762
  main {
4763
- z-index: 3;
4764
- -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
4765
- transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
4766
  }
 
4767
  main.relative {
4768
- position: relative;
4769
  }
4770
- main > div {
4771
- margin: 0 auto;
 
4772
  }
4773
- main > div.large {
4774
- max-width: 1200px;
 
4775
  }
4776
- main > div.large > .alert.global {
4777
- margin: 0 30px;
 
4778
  }
4779
- main > div.medium {
4780
- max-width: 860px;
 
4781
  }
4782
- main > div.special {
4783
- max-width: 920px;
 
4784
  }
4785
- main > div .content-wrapper {
4786
- margin: 30px 30px 0;
 
4787
  }
4788
- main > div .content-wrapper.no-margin {
4789
- margin-top: 0;
 
4790
  }
4791
- main > div .content-wrapper.analytics {
4792
- position: relative;
 
4793
  }
 
4794
  .text-center {
4795
- text-align: center;
4796
  }
 
4797
  .text-left {
4798
- text-align: left;
4799
  }
 
4800
  .text-right {
4801
- text-align: right;
4802
  }
 
4803
  .container *[class^="col-"]:first-of-type {
4804
- padding-right: 15px;
4805
  }
 
4806
  .container *[class^="col-"]:last-of-type {
4807
- padding-left: 15px;
4808
  }
 
4809
  .container *[class^="col-"]:not(:first-of-type):not(:last-of-type) {
4810
- padding-left: 15px;
4811
- padding-right: 15px;
4812
  }
 
4813
  .row {
4814
- margin: 0 -30px;
4815
  }
 
4816
  .row:after {
4817
- content: "";
4818
- display: block;
4819
- clear: both;
4820
  }
 
4821
  .col-1 {
4822
- width: 6.25%;
4823
- position: relative;
4824
- min-height: 1px;
4825
- padding-left: 30px;
4826
- padding-right: 30px;
4827
- float: left;
4828
  }
 
4829
  .col-pull-1 {
4830
- right: 6.25%;
4831
  }
 
4832
  .col-push-1 {
4833
- left: 6.25%;
4834
  }
 
4835
  .col-offset-1 {
4836
- margin-left: 6.25%;
4837
  }
 
4838
  .col-2 {
4839
- width: 12.5%;
4840
- position: relative;
4841
- min-height: 1px;
4842
- padding-left: 30px;
4843
- padding-right: 30px;
4844
- float: left;
4845
  }
 
4846
  .col-pull-2 {
4847
- right: 12.5%;
4848
  }
 
4849
  .col-push-2 {
4850
- left: 12.5%;
4851
  }
 
4852
  .col-offset-2 {
4853
- margin-left: 12.5%;
4854
  }
 
4855
  .col-3 {
4856
- width: 18.75%;
4857
- position: relative;
4858
- min-height: 1px;
4859
- padding-left: 30px;
4860
- padding-right: 30px;
4861
- float: left;
4862
  }
 
4863
  .col-pull-3 {
4864
- right: 18.75%;
4865
  }
 
4866
  .col-push-3 {
4867
- left: 18.75%;
4868
  }
 
4869
  .col-offset-3 {
4870
- margin-left: 18.75%;
4871
  }
 
4872
  .col-4 {
4873
- width: 25%;
4874
- position: relative;
4875
- min-height: 1px;
4876
- padding-left: 30px;
4877
- padding-right: 30px;
4878
- float: left;
4879
  }
 
4880
  .col-pull-4 {
4881
- right: 25%;
4882
  }
 
4883
  .col-push-4 {
4884
- left: 25%;
4885
  }
 
4886
  .col-offset-4 {
4887
- margin-left: 25%;
4888
  }
 
4889
  .col-5 {
4890
- width: 31.25%;
4891
- position: relative;
4892
- min-height: 1px;
4893
- padding-left: 30px;
4894
- padding-right: 30px;
4895
- float: left;
4896
  }
 
4897
  .col-pull-5 {
4898
- right: 31.25%;
4899
  }
 
4900
  .col-push-5 {
4901
- left: 31.25%;
4902
  }
 
4903
  .col-offset-5 {
4904
- margin-left: 31.25%;
4905
  }
 
4906
  .col-6 {
4907
- width: 37.5%;
4908
- position: relative;
4909
- min-height: 1px;
4910
- padding-left: 30px;
4911
- padding-right: 30px;
4912
- float: left;
4913
  }
 
4914
  .col-pull-6 {
4915
- right: 37.5%;
4916
  }
 
4917
  .col-push-6 {
4918
- left: 37.5%;
4919
  }
 
4920
  .col-offset-6 {
4921
- margin-left: 37.5%;
4922
  }
 
4923
  .col-7 {
4924
- width: 43.75%;
4925
- position: relative;
4926
- min-height: 1px;
4927
- padding-left: 30px;
4928
- padding-right: 30px;
4929
- float: left;
4930
  }
 
4931
  .col-pull-7 {
4932
- right: 43.75%;
4933
  }
 
4934
  .col-push-7 {
4935
- left: 43.75%;
4936
  }
 
4937
  .col-offset-7 {
4938
- margin-left: 43.75%;
4939
  }
 
4940
  .col-8 {
4941
- width: 50%;
4942
- position: relative;
4943
- min-height: 1px;
4944
- padding-left: 30px;
4945
- padding-right: 30px;
4946
- float: left;
4947
  }
 
4948
  .col-pull-8 {
4949
- right: 50%;
4950
  }
 
4951
  .col-push-8 {
4952
- left: 50%;
4953
  }
 
4954
  .col-offset-8 {
4955
- margin-left: 50%;
4956
  }
 
4957
  .col-9 {
4958
- width: 56.25%;
4959
- position: relative;
4960
- min-height: 1px;
4961
- padding-left: 30px;
4962
- padding-right: 30px;
4963
- float: left;
4964
  }
 
4965
  .col-pull-9 {
4966
- right: 56.25%;
4967
  }
 
4968
  .col-push-9 {
4969
- left: 56.25%;
4970
  }
 
4971
  .col-offset-9 {
4972
- margin-left: 56.25%;
4973
  }
 
4974
  .col-10 {
4975
- width: 62.5%;
4976
- position: relative;
4977
- min-height: 1px;
4978
- padding-left: 30px;
4979
- padding-right: 30px;
4980
- float: left;
4981
  }
 
4982
  .col-pull-10 {
4983
- right: 62.5%;
4984
  }
 
4985
  .col-push-10 {
4986
- left: 62.5%;
4987
  }
 
4988
  .col-offset-10 {
4989
- margin-left: 62.5%;
4990
  }
 
4991
  .col-11 {
4992
- width: 68.75%;
4993
- position: relative;
4994
- min-height: 1px;
4995
- padding-left: 30px;
4996
- padding-right: 30px;
4997
- float: left;
4998
  }
 
4999
  .col-pull-11 {
5000
- right: 68.75%;
5001
  }
 
5002
  .col-push-11 {
5003
- left: 68.75%;
5004
  }
 
5005
  .col-offset-11 {
5006
- margin-left: 68.75%;
5007
  }
 
5008
  .col-12 {
5009
- width: 75%;
5010
- position: relative;
5011
- min-height: 1px;
5012
- padding-left: 30px;
5013
- padding-right: 30px;
5014
- float: left;
5015
  }
 
5016
  .col-pull-12 {
5017
- right: 75%;
5018
  }
 
5019
  .col-push-12 {
5020
- left: 75%;
5021
  }
 
5022
  .col-offset-12 {
5023
- margin-left: 75%;
5024
  }
 
5025
  .col-13 {
5026
- width: 81.25%;
5027
- position: relative;
5028
- min-height: 1px;
5029
- padding-left: 30px;
5030
- padding-right: 30px;
5031
- float: left;
5032
  }
 
5033
  .col-pull-13 {
5034
- right: 81.25%;
5035
  }
 
5036
  .col-push-13 {
5037
- left: 81.25%;
5038
  }
 
5039
  .col-offset-13 {
5040
- margin-left: 81.25%;
5041
  }
 
5042
  .col-14 {
5043
- width: 87.5%;
5044
- position: relative;
5045
- min-height: 1px;
5046
- padding-left: 30px;
5047
- padding-right: 30px;
5048
- float: left;
5049
  }
 
5050
  .col-pull-14 {
5051
- right: 87.5%;
5052
  }
 
5053
  .col-push-14 {
5054
- left: 87.5%;
5055
  }
 
5056
  .col-offset-14 {
5057
- margin-left: 87.5%;
5058
  }
 
5059
  .col-15 {
5060
- width: 93.75%;
5061
- position: relative;
5062
- min-height: 1px;
5063
- padding-left: 30px;
5064
- padding-right: 30px;
5065
- float: left;
5066
  }
 
5067
  .col-pull-15 {
5068
- right: 93.75%;
5069
  }
 
5070
  .col-push-15 {
5071
- left: 93.75%;
5072
  }
 
5073
  .col-offset-15 {
5074
- margin-left: 93.75%;
5075
  }
 
5076
  .col-16 {
5077
- width: 100%;
5078
- position: relative;
5079
- min-height: 1px;
5080
- padding-left: 30px;
5081
- padding-right: 30px;
5082
- float: left;
5083
  }
 
5084
  .col-pull-16 {
5085
- right: 100%;
5086
  }
 
5087
  .col-push-16 {
5088
- left: 100%;
5089
  }
 
5090
  .col-offset-16 {
5091
- margin-left: 100%;
5092
  }
 
5093
  .gs-clearfix:after {
5094
- content: "";
5095
- display: block;
5096
- clear: both;
5097
  }
 
5098
  @-webkit-keyframes fade-in-up {
5099
- 0% {
5100
- -webkit-transform: translateY(30px);
5101
- opacity: 0;
5102
- }
5103
- 100% {
5104
- -webkit-transform: translateY(0);
5105
- opacity: 1;
5106
- }
 
5107
  }
 
5108
  @keyframes fade-in-up {
5109
- 0% {
5110
- transform: translateY(30px);
5111
- opacity: 0;
5112
- }
5113
- 100% {
5114
- transform: translateY(0);
5115
- opacity: 1;
5116
- }
 
5117
  }
 
5118
  @-webkit-keyframes fade-in-down {
5119
- 0% {
5120
- -webkit-transform: translateY(-30px);
5121
- opacity: 0;
5122
- }
5123
- 100% {
5124
- -webkit-transform: translateY(0);
5125
- opacity: 1;
5126
- }
 
5127
  }
 
5128
  @keyframes fade-in-down {
5129
- 0% {
5130
- transform: translateY(-30px);
5131
- opacity: 0;
5132
- }
5133
- 100% {
5134
- transform: translateY(0);
5135
- opacity: 1;
5136
- }
 
5137
  }
 
5138
  @-webkit-keyframes fade-out-up {
5139
- 0% {
5140
- -webkit-transform: translateY(0);
5141
- opacity: 1;
5142
- }
5143
- 100% {
5144
- -webkit-transform: translateY(-30px);
5145
- opacity: 0;
5146
- }
 
5147
  }
 
5148
  @keyframes fade-out-up {
5149
- 0% {
5150
- transform: translateY(0);
5151
- opacity: 1;
5152
- }
5153
- 100% {
5154
- transform: translateY(-30px);
5155
- opacity: 0;
5156
- }
 
5157
  }
 
5158
  @-webkit-keyframes opacity-in {
5159
- 0% {
5160
- opacity: 0;
5161
- }
5162
- 100% {
5163
- opacity: 1;
5164
- }
 
5165
  }
 
5166
  @keyframes opacity-in {
5167
- 0% {
5168
- opacity: 0;
5169
- }
5170
- 100% {
5171
- opacity: 1;
5172
- }
 
5173
  }
 
5174
  @-webkit-keyframes opacity-out {
5175
- 0% {
5176
- opacity: 1;
5177
- }
5178
- 100% {
5179
- opacity: 0;
5180
- }
 
5181
  }
 
5182
  @keyframes opacity-out {
5183
- 0% {
5184
- opacity: 1;
5185
- }
5186
- 100% {
5187
- opacity: 0;
5188
- }
 
5189
  }
 
5190
  body * {
5191
- outline: none !important;
5192
  }
 
5193
  body a:focus {
5194
- box-shadow: none;
5195
  }
 
5196
  h1 {
5197
- font-size: 27px;
5198
  }
 
5199
  #gs-master-wrapper {
5200
- min-width: 1000px;
5201
- margin: 0 0 0 -20px;
5202
- overflow: hidden;
5203
  }
5204
- main > div.large {
5205
- padding-top: 30px;
 
5206
  }
 
5207
  header {
5208
- width: auto;
5209
- margin-right: -1px;
5210
- padding-top: 0;
5211
- display: block;
5212
  }
 
5213
  header #main-nav {
5214
- width: auto;
5215
- position: static;
5216
  }
5217
- header #main-nav nav > ul > li:not(.right-link) {
5218
- float: left;
 
5219
  }
 
5220
  .title-wrapper {
5221
- padding: 25px 0 27px;
5222
- z-index: 1;
5223
  }
 
5224
  .title-wrapper h1 {
5225
- max-width: 800px;
5226
- text-align: center;
5227
  }
 
5228
  .title-wrapper.app-page h1 {
5229
- max-width: 1200px;
5230
- text-align: left;
5231
- margin: 0 auto;
5232
- padding: 0 30px;
5233
- display: block;
5234
  }
5235
- .app-grid-titles > span {
5236
- max-width: 500px;
5237
- display: block;
 
5238
  }
 
5239
  #app-grid-filters {
5240
- max-width: 1200px;
5241
- padding: 0 60px;
5242
- top: -88px;
5243
  }
 
5244
  #app-grid-filters a {
5245
- padding-top: 6px;
5246
- padding-bottom: 8px;
5247
- display: inline-block;
5248
  }
 
5249
  #app-grid-filters a:not(.trans) {
5250
- color: #fff;
5251
  }
 
5252
  #app-grid-filters .app-grid-filter-holder {
5253
- padding-right: 30px;
5254
- text-align: right;
5255
  }
 
5256
  #app-grid-filters .app-grid-filter-holder #app-filter-dropdown {
5257
- right: 15px;
5258
  }
 
5259
  .app-grid {
5260
- padding-top: 0;
5261
- margin: 0;
5262
  }
 
5263
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
5264
- position: relative;
5265
  }
 
5266
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
5267
- background: #02b6b3;
5268
- padding: 9px 8px 5px;
5269
- margin-left: 10px;
5270
- position: absolute;
5271
- top: -2px;
5272
- left: 100%;
5273
- border-radius: 4px;
5274
  }
 
5275
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
5276
- width: 30px;
5277
- }
5278
- .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div {
5279
- width: auto;
5280
- padding: 7px 13px;
5281
- white-space: nowrap;
5282
- top: 35px;
5283
- left: auto;
5284
- right: -10px;
5285
- -webkit-transform: translateX(0);
5286
- -ms-transform: translateX(0);
5287
- transform: translateX(0);
5288
- }
5289
- .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div:before {
5290
- margin-left: 0;
5291
- left: auto;
5292
- right: 25px;
5293
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5294
  .alert-block .close i {
5295
- -webkit-transform-origin: 50% 50%;
5296
- -moz-transform-origin: 50% 50%;
5297
- -ms-transform-origin: 50% 50%;
5298
- transform-origin: 50% 50%;
5299
  }
 
5300
  .gs-button:disabled {
5301
- color: #fff;
5302
- border-color: transparent;
5303
  }
 
5304
  .create-gs-account:active,
5305
  .create-gs-account:hover,
5306
  .create-gs-account:focus {
5307
- color: #fff;
5308
  }
 
5309
  .loading-create:not(.active) {
5310
- display: none;
5311
  }
 
5312
  .modal-wrapper {
5313
- z-index: 99999;
5314
  }
 
5315
  .modal-wrapper .gs-modal .modal-title .title {
5316
- padding-bottom: 30px;
5317
  }
 
5318
  #confirm-apikey-request-modal.modal-wrapper .gs-modal .modal-title .title {
5319
- padding-bottom: 10px;
5320
  }
 
5321
  .gs-form .checkbox-list {
5322
- padding: 2px 0;
5323
  }
 
5324
  .gs-form .checkbox-list input {
5325
- width: auto;
5326
- border-radius: 100%;
5327
  }
5328
- .gs-form .checkbox-list input + span {
5329
- font-weight: 600;
5330
- color: #606060;
 
5331
  }
5332
- .gs-form .checkbox-list input:checked + span {
5333
- color: ;
 
5334
  }
 
5335
  .gs-form.gs-small {
5336
- max-width: 600px;
5337
- margin: 0 auto;
5338
  }
 
5339
  footer {
5340
- padding: 100px 0 50px;
5341
  }
 
5342
  footer a {
5343
- display: inline-block;
5344
  }
 
5345
  footer a:active,
5346
  footer a:hover,
5347
  footer a:focus {
5348
- color: #fff;
5349
  }
 
5350
  @media all and (max-width: 1360px) {
5351
- .app-grid,
5352
- .alert-block {
5353
- margin-left: auto !important;
5354
- margin-right: auto !important;
5355
- }
5356
- .app-grid {
5357
- max-width: 910px;
5358
- }
5359
- .app-grid .app-link-wrapper {
5360
- width: 33.33333%;
5361
- }
5362
- .alert-block {
5363
- max-width: 880px;
5364
- }
5365
- .alert-block.center .alert-info {
5366
- max-width: 550px;
5367
- }
5368
- .alert-block.center .alert-info a {
5369
- min-width: 145px;
5370
- font-size: 15px;
5371
- text-align: center;
5372
- white-space: normal;
5373
- vertical-align: middle;
5374
- padding-left: 5px;
5375
- padding-right: 5px;
5376
- margin-left: 20px;
5377
- }
 
 
 
 
 
 
5378
  }
 
5379
  .account-info.gs-form .gs-error p {
5380
- color: #fff;
5381
- background: #d36c65;
5382
- border-radius: 5px;
5383
- padding: 10px;
5384
- font-weight: bold;
5385
- visibility: hidden;
5386
  }
 
5387
  .account-info.gs-form .gs-error p {
5388
- color: #fff;
5389
- background: #d36c65;
5390
- border-radius: 5px;
5391
- padding: 10px;
5392
- font-weight: bold;
5393
- visibility: hidden;
5394
  }
 
5395
  .account-info.gs-form .gs-error p:before {
5396
- content: "\f06a";
5397
- color: rgba(255, 255, 255, 0.5);
5398
- font-family: "FontAwesome";
5399
- padding-right: 10px;
5400
  }
5401
 
5402
- input[type=radio][name=gs-place]:checked:before, input[type=radio][name=gs-place-follow]:checked:before {
5403
- background-color: #02b6b3;
 
5404
  }
5405
 
5406
- .alert-block.center.large > .alert-info {
5407
- width: 100%;
5408
- text-align: center;
5409
  }
5410
 
5411
- .alert-block.center.large > .alert-info > a {
5412
  width: 140px;
5413
  left: auto;
5414
  right: -140px;
5415
- white-space: normal;
 
 
 
 
5416
  }
 
 
 
 
1
  @-webkit-keyframes fade-in-up {
2
+ 0% {
3
+ -webkit-transform: translateY(30px);
4
+ opacity: 0;
5
+ }
6
+
7
+ 100% {
8
+ -webkit-transform: translateY(0);
9
+ opacity: 1;
10
+ }
11
  }
12
+
13
  @keyframes fade-in-up {
14
+ 0% {
15
+ transform: translateY(30px);
16
+ opacity: 0;
17
+ }
18
+
19
+ 100% {
20
+ transform: translateY(0);
21
+ opacity: 1;
22
+ }
23
  }
24
+
25
  @-webkit-keyframes fade-in-down {
26
+ 0% {
27
+ -webkit-transform: translateY(-30px);
28
+ opacity: 0;
29
+ }
30
+
31
+ 100% {
32
+ -webkit-transform: translateY(0);
33
+ opacity: 1;
34
+ }
35
  }
36
+
37
  @keyframes fade-in-down {
38
+ 0% {
39
+ transform: translateY(-30px);
40
+ opacity: 0;
41
+ }
42
+
43
+ 100% {
44
+ transform: translateY(0);
45
+ opacity: 1;
46
+ }
47
  }
48
+
49
  @-webkit-keyframes fade-out-up {
50
+ 0% {
51
+ -webkit-transform: translateY(0);
52
+ opacity: 1;
53
+ }
54
+
55
+ 100% {
56
+ -webkit-transform: translateY(-30px);
57
+ opacity: 0;
58
+ }
59
  }
60
+
61
  @keyframes fade-out-up {
62
+ 0% {
63
+ transform: translateY(0);
64
+ opacity: 1;
65
+ }
66
+
67
+ 100% {
68
+ transform: translateY(-30px);
69
+ opacity: 0;
70
+ }
71
  }
72
+
73
  @-webkit-keyframes opacity-in {
74
+ 0% {
75
+ opacity: 0;
76
+ }
77
+
78
+ 100% {
79
+ opacity: 1;
80
+ }
81
  }
82
+
83
  @keyframes opacity-in {
84
+ 0% {
85
+ opacity: 0;
86
+ }
87
+
88
+ 100% {
89
+ opacity: 1;
90
+ }
91
  }
92
+
93
  @-webkit-keyframes opacity-out {
94
+ 0% {
95
+ opacity: 1;
96
+ }
97
+
98
+ 100% {
99
+ opacity: 0;
100
+ }
101
  }
102
+
103
  @keyframes opacity-out {
104
+ 0% {
105
+ opacity: 1;
106
+ }
107
+
108
+ 100% {
109
+ opacity: 0;
110
+ }
111
  }
112
+
113
  @-webkit-keyframes fade-in-up {
114
+ 0% {
115
+ -webkit-transform: translateY(30px);
116
+ opacity: 0;
117
+ }
118
+
119
+ 100% {
120
+ -webkit-transform: translateY(0);
121
+ opacity: 1;
122
+ }
123
  }
124
+
125
  @keyframes fade-in-up {
126
+ 0% {
127
+ transform: translateY(30px);
128
+ opacity: 0;
129
+ }
130
+
131
+ 100% {
132
+ transform: translateY(0);
133
+ opacity: 1;
134
+ }
135
  }
136
+
137
  @-webkit-keyframes fade-in-down {
138
+ 0% {
139
+ -webkit-transform: translateY(-30px);
140
+ opacity: 0;
141
+ }
142
+
143
+ 100% {
144
+ -webkit-transform: translateY(0);
145
+ opacity: 1;
146
+ }
147
  }
148
+
149
  @keyframes fade-in-down {
150
+ 0% {
151
+ transform: translateY(-30px);
152
+ opacity: 0;
153
+ }
154
+
155
+ 100% {
156
+ transform: translateY(0);
157
+ opacity: 1;
158
+ }
159
  }
160
+
161
  @-webkit-keyframes fade-out-up {
162
+ 0% {
163
+ -webkit-transform: translateY(0);
164
+ opacity: 1;
165
+ }
166
+
167
+ 100% {
168
+ -webkit-transform: translateY(-30px);
169
+ opacity: 0;
170
+ }
171
  }
172
+
173
  @keyframes fade-out-up {
174
+ 0% {
175
+ transform: translateY(0);
176
+ opacity: 1;
177
+ }
178
+
179
+ 100% {
180
+ transform: translateY(-30px);
181
+ opacity: 0;
182
+ }
183
  }
184
+
185
  @-webkit-keyframes opacity-in {
186
+ 0% {
187
+ opacity: 0;
188
+ }
189
+
190
+ 100% {
191
+ opacity: 1;
192
+ }
193
  }
194
+
195
  @keyframes opacity-in {
196
+ 0% {
197
+ opacity: 0;
198
+ }
199
+
200
+ 100% {
201
+ opacity: 1;
202
+ }
203
  }
204
+
205
  @-webkit-keyframes opacity-out {
206
+ 0% {
207
+ opacity: 1;
208
+ }
209
+
210
+ 100% {
211
+ opacity: 0;
212
+ }
213
  }
214
+
215
  @keyframes opacity-out {
216
+ 0% {
217
+ opacity: 1;
218
+ }
219
+
220
+ 100% {
221
+ opacity: 0;
222
+ }
223
  }
224
+
225
  html,
226
  body,
227
  div,
303
  mark,
304
  audio,
305
  video {
306
+ margin: 0;
307
+ padding: 0;
308
+ border: 0;
309
+ font-size: 100%;
310
+ font: inherit;
311
+ vertical-align: baseline;
312
  }
313
+
314
  article,
315
  aside,
316
  details,
322
  menu,
323
  nav,
324
  section {
325
+ display: block;
326
  }
327
+
328
  body {
329
+ line-height: 1;
330
  }
331
+
332
  ol,
333
  ul {
334
+ list-style: none;
335
  }
336
+
337
  blockquote,
338
  q {
339
+ quotes: none;
340
  }
341
+
342
  blockquote:before,
343
  blockquote:after,
344
  q:before,
345
  q:after {
346
+ content: "";
347
+ content: none;
348
  }
349
+
350
  table {
351
+ border-collapse: collapse;
352
+ border-spacing: 0;
353
  }
354
+
355
  a {
356
+ text-decoration: none;
357
  }
358
+
359
  @-webkit-keyframes fade-in-up {
360
+ 0% {
361
+ -webkit-transform: translateY(30px);
362
+ opacity: 0;
363
+ }
364
+
365
+ 100% {
366
+ -webkit-transform: translateY(0);
367
+ opacity: 1;
368
+ }
369
  }
370
+
371
  @keyframes fade-in-up {
372
+ 0% {
373
+ transform: translateY(30px);
374
+ opacity: 0;
375
+ }
376
+
377
+ 100% {
378
+ transform: translateY(0);
379
+ opacity: 1;
380
+ }
381
  }
382
+
383
  @-webkit-keyframes fade-in-down {
384
+ 0% {
385
+ -webkit-transform: translateY(-30px);
386
+ opacity: 0;
387
+ }
388
+
389
+ 100% {
390
+ -webkit-transform: translateY(0);
391
+ opacity: 1;
392
+ }
393
  }
394
+
395
  @keyframes fade-in-down {
396
+ 0% {
397
+ transform: translateY(-30px);
398
+ opacity: 0;
399
+ }
400
+
401
+ 100% {
402
+ transform: translateY(0);
403
+ opacity: 1;
404
+ }
405
  }
406
+
407
  @-webkit-keyframes fade-out-up {
408
+ 0% {
409
+ -webkit-transform: translateY(0);
410
+ opacity: 1;
411
+ }
412
+
413
+ 100% {
414
+ -webkit-transform: translateY(-30px);
415
+ opacity: 0;
416
+ }
417
  }
418
+
419
  @keyframes fade-out-up {
420
+ 0% {
421
+ transform: translateY(0);
422
+ opacity: 1;
423
+ }
424
+
425
+ 100% {
426
+ transform: translateY(-30px);
427
+ opacity: 0;
428
+ }
429
  }
430
+
431
  @-webkit-keyframes opacity-in {
432
+ 0% {
433
+ opacity: 0;
434
+ }
435
+
436
+ 100% {
437
+ opacity: 1;
438
+ }
439
  }
440
+
441
  @keyframes opacity-in {
442
+ 0% {
443
+ opacity: 0;
444
+ }
445
+
446
+ 100% {
447
+ opacity: 1;
448
+ }
449
  }
450
+
451
  @-webkit-keyframes opacity-out {
452
+ 0% {
453
+ opacity: 1;
454
+ }
455
+
456
+ 100% {
457
+ opacity: 0;
458
+ }
459
  }
460
+
461
  @keyframes opacity-out {
462
+ 0% {
463
+ opacity: 1;
464
+ }
465
+
466
+ 100% {
467
+ opacity: 0;
468
+ }
469
  }
470
+
471
  header {
472
+ width: 100%;
473
+ padding-top: 53px;
474
+ display: inline-block;
475
  }
476
+
477
  header #logo-wrapper {
478
+ background: #262533;
479
+ padding: 19px 20px;
480
+ float: left;
481
  }
482
 
483
  header #logo-wrapper img {
484
+ width: 100px;
485
  }
486
 
487
  header #logo-wrapper:hover,
488
  header #logo-wrapper:focus {
489
+ background: #1b1a24;
490
  }
491
+
492
  header #logo-wrapper:active {
493
+ background: #17161e;
494
  }
495
+
496
  header #main-nav {
497
+ width: 100%;
498
+ background: #262533;
499
+ position: fixed;
500
+ top: 0;
501
+ left: 0;
502
+ z-index: 6;
503
+ -webkit-transition: all 200ms;
504
+ transition: all 200ms;
505
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
506
  }
507
+
508
  header #main-nav nav {
509
+ padding-left: 148px;
510
  }
511
+
512
+ header #main-nav nav>ul>li,
513
+ header #main-nav nav>ul>li a {
514
+ font-size: 14px;
515
+ color: #fff;
516
+ display: inline-block;
517
  }
518
+
519
+ header #main-nav nav>ul>li>a {
520
+ font-weight: bold;
521
  }
522
+
523
+ header #main-nav nav>ul>li a {
524
+ padding: 19px 17px 22px;
525
  }
526
+
527
+ header #main-nav nav>ul>li a:hover,
528
+ header #main-nav nav>ul>li a:focus {
529
+ background: #1d1c27;
530
  }
531
+
532
+ header #main-nav nav>ul>li a:active {
533
+ background: #17161e;
534
  }
535
+
536
+ header #main-nav nav>ul>li a>i.fa-angle-down {
537
+ font-size: 20px;
538
+ color: #f7f7f9;
539
+ margin: -5px 0 -1px 3px;
540
+ position: relative;
541
+ bottom: -3px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
542
  }
543
+
544
+ header #main-nav nav>ul>li a>i:not(.fa-angle-down) {
545
+ margin-right: 4px;
546
+ position: relative;
547
+ bottom: -1px;
548
  }
549
+
550
+ header #main-nav nav>ul>li a.plan-one {
551
+ background: #00bba4;
552
  }
553
+
554
+ header #main-nav nav>ul>li a.plan-one:hover,
555
+ header #main-nav nav>ul>li a.plan-one:focus {
556
+ background: #00a18e;
557
  }
558
+
559
+ header #main-nav nav>ul>li a.plan-one:active,
560
+ header #main-nav nav>ul>li a.plan-one:focus {
561
+ background: #008877;
562
  }
563
+
564
+ header #main-nav nav>ul>li a.plan-two {
565
+ background: #f29809;
566
  }
567
+
568
+ header #main-nav nav>ul>li a.plan-two:hover,
569
+ header #main-nav nav>ul>li a.plan-two:focus {
570
+ background: #d98908;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
571
  }
572
+
573
+ header #main-nav nav>ul>li a.plan-two:active {
574
+ background: #cb7f08;
 
 
575
  }
576
+
577
+ header #main-nav nav>ul>li a.plan-three {
578
+ background: #dd5a7c;
579
  }
580
+
581
+ header #main-nav nav>ul>li a.plan-three:hover,
582
+ header #main-nav nav>ul>li a.plan-three:focus {
583
+ background: #d9456b;
584
  }
585
+
586
+ header #main-nav nav>ul>li a.plan-three:active {
587
+ background: #d63861;
588
  }
589
+
590
+ header #main-nav nav>ul>li a.plan-four {
591
+ background: #9a58e6;
592
  }
593
+
594
+ header #main-nav nav>ul>li a.plan-four:hover,
595
+ header #main-nav nav>ul>li a.plan-four:focus {
596
+ background: #8d42e3;
 
 
 
 
 
 
597
  }
598
+
599
+ header #main-nav nav>ul>li a.plan-four:active {
600
+ background: #8535e1;
601
  }
602
+
603
+ header #main-nav nav>ul>li.active a.tooltip>div,
604
+ header #main-nav nav>ul>li.active a.tooltip:hover>div,
605
+ header #main-nav nav>ul>li.active a.tooltip:focus>div,
606
+ header #main-nav nav>ul>li.active a.tooltip:active>div {
607
+ display: none !important;
608
  }
609
+
610
+ header #main-nav nav>ul>li.divider {
611
+ border-left: 1px solid #5db2de;
 
612
  }
613
+
614
+ header #main-nav nav>ul>li.icon-link>a {
615
+ padding: 19px 19px 16px !important;
 
616
  }
617
+
618
+ header #main-nav nav>ul>li.icon-link>a.tooltip>div {
619
+ width: auto;
620
+ white-space: nowrap;
621
+ margin-top: 5px;
622
+ top: 100%;
623
  }
624
+
625
+ header #main-nav nav>ul>li.icon-link>a>i {
626
+ font-size: 20px;
627
+ margin: -5px 0 5px;
628
+ bottom: -3px;
 
 
 
 
629
  }
630
+
631
+ header #main-nav nav>ul>li.right-link {
632
+ float: right;
633
+ z-index: 99999999;
 
 
 
 
 
634
  }
635
+
636
+ header #main-nav nav>ul>li:not(.right-link) {
637
+ margin-right: -4px;
 
 
 
 
 
 
638
  }
639
+
640
+ header #main-nav nav>ul>li.submenu-link {
641
+ position: relative;
 
 
 
 
 
 
642
  }
643
+
644
+ header #main-nav nav>ul>li.submenu-link>a {
645
+ padding-right: 7px;
 
 
 
 
 
 
646
  }
647
+
648
+ header #main-nav nav>ul>li.submenu-link.right-link .submenu-wrapper {
649
+ left: auto;
650
+ right: 0;
 
 
 
 
 
651
  }
652
+
653
+ header #main-nav nav>ul>li.submenu-link .submenu-wrapper {
654
+ min-width: 150px;
655
+ padding: 0 5px 5px;
656
+ margin: 0 -5px;
657
+ display: none;
658
+ overflow: hidden;
659
+ position: absolute;
660
+ top: 100%;
661
+ left: 0;
662
+ z-index: 2;
663
+ box-sizing: initial;
664
  }
665
+
666
+ header #main-nav nav>ul>li.submenu-link .submenu {
667
+ min-width: 100%;
668
+ background: #f3f3f3;
669
+ padding: 10px 8px;
670
+ -webkit-transform: translate(0, -100%);
671
+ -ms-transform: translate(0, -100%);
672
+ transform: translate(0, -100%);
673
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
674
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
675
+ border-radius: 0 0 4px 4px;
676
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 9px 8px -10px rgba(0, 0, 0, 0.5);
677
  }
678
+
679
+ header #main-nav nav>ul>li.submenu-link .submenu.active {
680
+ -webkit-transform: translate(0, 0);
681
+ -ms-transform: translate(0, 0);
682
+ transform: translate(0, 0);
 
 
683
  }
684
+
685
+ header #main-nav nav>ul>li.submenu-link .submenu li.divider {
686
+ border-bottom: 1px solid #dfdfdf;
687
+ margin: 0 -8px;
688
+ padding: 0 8px 10px;
 
 
689
  }
690
+
691
+ header #main-nav nav>ul>li.submenu-link .submenu li.divider+li {
692
+ padding-top: 8px;
 
 
 
 
693
  }
694
+
695
+ header #main-nav nav>ul>li.submenu-link .submenu a {
696
+ width: 100%;
697
+ color: #606060;
698
+ white-space: nowrap;
699
+ padding: 8px 10px;
700
+ position: relative;
701
+ border-radius: 4px;
702
  }
703
+
704
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-active,
705
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active {
706
+ padding-right: 35px;
707
  }
708
+
709
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-active:after,
710
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active:after {
711
+ font-family: "FontAwesome";
712
+ font-size: 16px;
713
+ position: absolute;
714
+ top: 50%;
715
+ right: 5px;
716
+ margin-top: -8px;
717
  }
718
+
719
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-active:after {
720
+ content: " ";
721
+ color: #8db13d;
 
 
 
 
 
722
  }
723
+
724
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active:after {
725
+ content: " ";
726
+ color: #d36c65;
 
 
 
 
 
727
  }
728
+
729
+ header #main-nav nav>ul>li.submenu-link .submenu a:hover,
730
+ header #main-nav nav>ul>li.submenu-link .submenu a:focus {
731
+ background: #e6e6e6;
 
 
 
 
 
732
  }
733
+
734
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"] {
735
+ position: relative;
736
+ padding-right: 60px;
 
 
 
 
 
737
  }
738
+
739
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"]>span {
740
+ font-size: 11px;
741
+ color: #fff;
742
+ padding: 2px 5px 3px;
743
+ position: absolute;
744
+ top: 7px;
745
+ right: 4px;
746
+ border-radius: 4px;
747
  }
748
+
749
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-one>span {
750
+ background: #00bba4;
 
 
 
 
 
 
751
  }
752
+
753
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-two>span {
754
+ background: #5777d1;
 
 
 
 
755
  }
756
+
757
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-three>span {
758
+ background: #2c4aa1;
 
 
 
 
759
  }
760
+
761
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-four>span {
762
+ background: #8600f1;
 
 
 
 
763
  }
764
+
765
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-five>span {
766
+ background: #f5a623;
 
 
 
 
767
  }
768
+
769
+ header #main-nav nav>ul>li#cta-nav+#user-nav {
770
+ margin-right: 0;
 
 
 
 
 
 
771
  }
772
+
773
+ header #main-nav nav>ul>li#user-nav {
774
+ margin-right: 4px;
 
 
 
 
775
  }
776
+
777
+ header #main-nav nav>ul>li#user-nav img {
778
+ width: 30px;
779
+ border: 3px solid #72bce2;
780
+ margin: -7px 2px -5px;
781
+ border-radius: 100%;
782
  }
783
+
784
+ header #main-nav nav>ul>li#user-nav>i {
785
+ margin-left: 6px;
786
  }
787
+
788
+ header #main-nav nav>ul>li#user-nav a>div {
789
+ left: auto;
790
+ right: 4px;
791
+ -webkit-transform: translateX(0);
792
+ -ms-transform: translateX(0);
793
+ transform: translateX(0);
794
  }
795
+
796
+ header #main-nav nav>ul>li#user-nav a>div:before {
797
+ margin-left: 0;
798
+ left: auto;
799
+ right: 24px;
800
  }
801
+
802
+ header #main-nav nav>ul>li#store-nav {
803
+ margin-right: -4px;
804
  }
805
+
806
+ header #main-nav nav>ul>li#store-nav>a {
807
+ background: #2a94ca;
 
808
  }
809
+
810
+ header #main-nav nav>ul>li#store-nav>a:hover {
811
+ background: #278abd;
 
 
 
812
  }
813
+
814
+ header #main-nav nav>ul>li#store-nav>a:active {
815
+ background: #2584b5;
816
+ }
817
+
818
+ header #main-nav nav>ul>li#store-nav li.tier-counter {
819
+ background: #2a94ca;
820
+ margin: 0 -8px;
821
+ padding: 11px 8px 0;
822
+ overflow: hidden;
823
+ }
824
+
825
+ header #main-nav nav>ul>li#store-nav li.tier-counter .counter {
826
+ font-size: 12px;
827
+ color: #9dd0eb;
828
+ text-align: right;
829
+ position: relative;
830
+ z-index: 2;
831
+ }
832
+
833
+ header #main-nav nav>ul>li#store-nav li.tier-counter .counter>div:first-of-type {
834
+ font-size: 22px;
835
+ font-weight: 600;
836
+ color: #fff;
837
+ margin: 0 0 10px;
838
+ position: relative;
839
+ left: 0;
840
+ }
841
+
842
+ header #main-nav nav>ul>li#store-nav li.tier-counter.no-limit .badge>span {
843
+ opacity: 1 !important;
844
+ -webkit-transform: translateY(0) !important;
845
+ -ms-transform: translateY(0) !important;
846
+ transform: translateY(0) !important;
847
+ }
848
+
849
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span {
850
+ color: #fff;
851
+ font-weight: 600;
852
+ padding: 2px 7px;
853
+ position: absolute;
854
+ top: -2px;
855
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
856
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
857
+ }
858
+
859
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span:first-child {
860
+ opacity: 1;
861
+ left: 0;
862
+ z-index: 0;
863
+ border-radius: 4px;
864
+ }
865
+
866
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.one {
867
+ background: #02b6b3;
868
+ }
869
+
870
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.two {
871
+ background: #f29809;
872
+ }
873
+
874
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.three {
875
+ background: #dd5a7c;
876
+ }
877
+
878
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.four {
879
+ background: #9a58e6;
880
+ }
881
+
882
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span:not(:first-child):last-child {
883
+ opacity: 0;
884
+ left: -7px;
885
+ z-index: 1;
886
+ -webkit-transform: translateY(100%);
887
+ -ms-transform: translateY(100%);
888
+ transform: translateY(100%);
889
+ }
890
+
891
+ header #main-nav nav>ul>li#store-nav li.tier-counter #progbar {
892
+ height: 6px;
893
+ background: #fff;
894
+ margin: 0 -8px;
895
+ }
896
+
897
+ header #main-nav nav>ul>li#store-nav li.tier-counter #progbar>div {
898
+ width: 50px;
899
+ height: 6px;
900
+ background: #9bc048;
901
+ content: "";
902
+ display: block;
903
+ }
904
+
905
+ header #main-nav nav>ul>li#store-nav li.tier-counter:hover:not(.no-limit) .badge>span:first-child {
906
+ opacity: 0;
907
+ -webkit-transform: translateY(-100%);
908
+ -ms-transform: translateY(-100%);
909
+ transform: translateY(-100%);
910
+ }
911
+
912
+ header #main-nav nav>ul>li#store-nav li.tier-counter:hover:not(.no-limit) .badge>span:last-child {
913
+ opacity: 1;
914
+ -webkit-transform: translateY(0);
915
+ -ms-transform: translateY(0);
916
+ transform: translateY(0);
917
+ }
918
+
919
+ header #main-nav nav>ul>li#store-nav li.extra {
920
+ margin: 0 -8px -10px;
921
+ }
922
+
923
+ header #main-nav nav>ul>li#store-nav li.extra a {
924
+ background: #f3f3f3;
925
+ padding: 12px 18px 13px;
926
+ border-radius: 0 0 4px 4px;
927
+ }
928
+
929
+ header #main-nav nav>ul>li#store-nav li.extra a:hover,
930
+ header #main-nav nav>ul>li#store-nav li.extra a:focus {
931
+ background: #e6e6e6;
932
+ }
933
+
934
+ header #main-nav nav>ul>li#store-nav li.extra a:active {
935
+ background: #dfdfdf;
936
+ }
937
+
938
+ header #main-nav nav>ul>li#store-nav #store-status {
939
+ min-width: 22px;
940
+ font-size: 14px;
941
+ text-align: center;
942
+ display: inline-block;
943
+ padding: 4px 0;
944
+ margin: -4px 4px -4px 2px;
945
+ position: relative;
946
+ bottom: -1px;
947
+ border-radius: 100%;
948
+ }
949
+
950
+ header #main-nav nav>ul>li#store-nav #store-status.active {
951
+ background: #98bf44;
952
+ }
953
+
954
+ header #main-nav nav>ul>li#store-nav #store-status.error {
955
+ background: #d36c65;
956
+ }
957
+
958
+ header #main-nav nav>ul>li#store-nav #site-collection {
959
+ padding-top: 0;
960
+ background: #e6e6e6;
961
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 -45px 10px -10px rgba(0, 0, 0, 0.5), inset 0 68px 10px -10px rgba(0, 0, 0, 0.5);
962
+ }
963
+
964
+ header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra) {
965
+ max-height: 200px;
966
+ padding: 10px 0;
967
+ overflow-y: scroll;
968
+ }
969
+
970
+ header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra) a:hover,
971
+ header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra) a:focus {
972
+ background: #dadada;
973
+ }
974
+
975
+ @-webkit-keyframes fade-in-up {
976
+ 0% {
977
+ -webkit-transform: translateY(30px);
978
+ opacity: 0;
979
+ }
980
+
981
+ 100% {
982
+ -webkit-transform: translateY(0);
983
+ opacity: 1;
984
+ }
985
+ }
986
+
987
+ @keyframes fade-in-up {
988
+ 0% {
989
+ transform: translateY(30px);
990
+ opacity: 0;
991
+ }
992
+
993
+ 100% {
994
+ transform: translateY(0);
995
+ opacity: 1;
996
+ }
997
+ }
998
+
999
+ @-webkit-keyframes fade-in-down {
1000
+ 0% {
1001
+ -webkit-transform: translateY(-30px);
1002
+ opacity: 0;
1003
+ }
1004
+
1005
+ 100% {
1006
+ -webkit-transform: translateY(0);
1007
+ opacity: 1;
1008
+ }
1009
+ }
1010
+
1011
+ @keyframes fade-in-down {
1012
+ 0% {
1013
+ transform: translateY(-30px);
1014
+ opacity: 0;
1015
+ }
1016
+
1017
+ 100% {
1018
+ transform: translateY(0);
1019
+ opacity: 1;
1020
+ }
1021
+ }
1022
+
1023
+ @-webkit-keyframes fade-out-up {
1024
+ 0% {
1025
+ -webkit-transform: translateY(0);
1026
+ opacity: 1;
1027
+ }
1028
+
1029
+ 100% {
1030
+ -webkit-transform: translateY(-30px);
1031
+ opacity: 0;
1032
+ }
1033
+ }
1034
+
1035
+ @keyframes fade-out-up {
1036
+ 0% {
1037
+ transform: translateY(0);
1038
+ opacity: 1;
1039
+ }
1040
+
1041
+ 100% {
1042
+ transform: translateY(-30px);
1043
+ opacity: 0;
1044
+ }
1045
+ }
1046
+
1047
+ @-webkit-keyframes opacity-in {
1048
+ 0% {
1049
+ opacity: 0;
1050
+ }
1051
+
1052
+ 100% {
1053
+ opacity: 1;
1054
+ }
1055
+ }
1056
+
1057
+ @keyframes opacity-in {
1058
+ 0% {
1059
+ opacity: 0;
1060
+ }
1061
+
1062
+ 100% {
1063
+ opacity: 1;
1064
+ }
1065
+ }
1066
+
1067
+ @-webkit-keyframes opacity-out {
1068
+ 0% {
1069
+ opacity: 1;
1070
+ }
1071
+
1072
+ 100% {
1073
+ opacity: 0;
1074
+ }
1075
+ }
1076
+
1077
+ @keyframes opacity-out {
1078
+ 0% {
1079
+ opacity: 1;
1080
+ }
1081
+
1082
+ 100% {
1083
+ opacity: 0;
1084
+ }
1085
+ }
1086
+
1087
+ .title-wrapper {
1088
+ background: #fff;
1089
+ text-align: center;
1090
+ border-bottom: 1px solid #e9e9e9;
1091
+ padding: 46px 0 56px;
1092
+ position: relative;
1093
+ z-index: 4;
1094
+ }
1095
+
1096
+ .title-wrapper h1 {
1097
+ font-family: "Raleway", sans-serif;
1098
+ font-weight: 800;
1099
+ text-align: right;
1100
+ display: inline-block;
1101
+ }
1102
+
1103
+ .title-wrapper h1+p {
1104
+ max-width: 600px;
1105
+ margin-left: auto;
1106
+ margin-right: auto;
1107
+ }
1108
+
1109
+ .title-wrapper.analytics {
1110
+ z-index: 0;
1111
+ }
1112
+
1113
+ @-webkit-keyframes fade-in-up {
1114
+ 0% {
1115
+ -webkit-transform: translateY(30px);
1116
+ opacity: 0;
1117
+ }
1118
+
1119
+ 100% {
1120
+ -webkit-transform: translateY(0);
1121
+ opacity: 1;
1122
+ }
1123
+ }
1124
+
1125
+ @keyframes fade-in-up {
1126
+ 0% {
1127
+ transform: translateY(30px);
1128
+ opacity: 0;
1129
+ }
1130
+
1131
+ 100% {
1132
+ transform: translateY(0);
1133
+ opacity: 1;
1134
+ }
1135
+ }
1136
+
1137
+ @-webkit-keyframes fade-in-down {
1138
+ 0% {
1139
+ -webkit-transform: translateY(-30px);
1140
+ opacity: 0;
1141
+ }
1142
+
1143
+ 100% {
1144
+ -webkit-transform: translateY(0);
1145
+ opacity: 1;
1146
+ }
1147
+ }
1148
+
1149
+ @keyframes fade-in-down {
1150
+ 0% {
1151
+ transform: translateY(-30px);
1152
+ opacity: 0;
1153
+ }
1154
+
1155
+ 100% {
1156
+ transform: translateY(0);
1157
+ opacity: 1;
1158
+ }
1159
+ }
1160
+
1161
+ @-webkit-keyframes fade-out-up {
1162
+ 0% {
1163
+ -webkit-transform: translateY(0);
1164
+ opacity: 1;
1165
+ }
1166
+
1167
+ 100% {
1168
+ -webkit-transform: translateY(-30px);
1169
+ opacity: 0;
1170
+ }
1171
+ }
1172
+
1173
+ @keyframes fade-out-up {
1174
+ 0% {
1175
+ transform: translateY(0);
1176
+ opacity: 1;
1177
+ }
1178
+
1179
+ 100% {
1180
+ transform: translateY(-30px);
1181
+ opacity: 0;
1182
+ }
1183
+ }
1184
+
1185
+ @-webkit-keyframes opacity-in {
1186
+ 0% {
1187
+ opacity: 0;
1188
+ }
1189
+
1190
+ 100% {
1191
+ opacity: 1;
1192
+ }
1193
+ }
1194
+
1195
+ @keyframes opacity-in {
1196
+ 0% {
1197
+ opacity: 0;
1198
+ }
1199
+
1200
+ 100% {
1201
+ opacity: 1;
1202
+ }
1203
+ }
1204
+
1205
+ @-webkit-keyframes opacity-out {
1206
+ 0% {
1207
+ opacity: 1;
1208
+ }
1209
+
1210
+ 100% {
1211
+ opacity: 0;
1212
+ }
1213
+ }
1214
+
1215
+ @keyframes opacity-out {
1216
+ 0% {
1217
+ opacity: 1;
1218
+ }
1219
+
1220
+ 100% {
1221
+ opacity: 0;
1222
+ }
1223
+ }
1224
+
1225
+ .alert-block .alert-info:before,
1226
+ .alert-block .alert-info textarea,
1227
+ .alert-block .alert-info a,
1228
+ .alert-block .close {
1229
+ position: absolute;
1230
+ top: 50%;
1231
+ -webkit-transform: translateY(-50%);
1232
+ -ms-transform: translateY(-50%);
1233
+ transform: translateY(-50%);
1234
+ }
1235
+
1236
+ .alert-block {
1237
+ color: #606060;
1238
+ background: #fff;
1239
+ padding: 15px 30px;
1240
+ position: relative;
1241
+ -webkit-transition: all 200ms;
1242
+ transition: all 200ms;
1243
+ }
1244
+
1245
+ .alert-block.large {
1246
+ margin: 0 15px 30px;
1247
+ padding: 22px 30px;
1248
+ border-radius: 4px;
1249
+ }
1250
+
1251
+ .alert-block.center {
1252
+ text-align: center;
1253
+ }
1254
+
1255
+ .alert-block.center,
1256
+ .alert-block.center.large {
1257
+ padding-left: 0;
1258
+ padding-right: 0;
1259
+ }
1260
+
1261
+ .alert-block.center .alert-info {
1262
+ max-width: 800px;
1263
+ display: inline-block;
1264
+ }
1265
+
1266
+ .alert-block.center .alert-info a {
1267
+ left: 100%;
1268
+ right: auto;
1269
+ }
1270
+
1271
+ .alert-block .alert-info {
1272
+ text-align: left;
1273
+ padding-left: 50px;
1274
+ position: relative;
1275
+ }
1276
+
1277
+ .alert-block .alert-info:before {
1278
+ font-family: "FontAwesome";
1279
+ font-size: 35px;
1280
+ content: " ";
1281
+ color: #ccc;
1282
+ left: 0;
1283
+ }
1284
+
1285
  .alert-block .alert-info.no-desc {
1286
+ padding: 9px 0 9px 40px;
1287
  }
1288
+
1289
  .alert-block .alert-info.no-desc p {
1290
+ position: relative;
1291
+ top: -1px;
1292
  }
1293
+
1294
  .alert-block .alert-info.no-desc:before {
1295
+ font-size: 28px;
1296
  }
1297
+
1298
  .alert-block .alert-info.code {
1299
+ padding-right: 275px;
1300
  }
1301
+
1302
  .alert-block .alert-info textarea {
1303
+ width: 245px;
1304
+ height: 50px;
1305
+ font-family: monospace;
1306
+ font-size: 12px;
1307
+ color: #606060;
1308
+ border: 0;
1309
+ padding: 6px 12px;
1310
+ overflow-y: scroll;
1311
+ right: 0;
1312
+ outline: none;
1313
+ resize: none;
1314
+ border-radius: 4px;
1315
  }
1316
+
1317
  .alert-block .alert-info textarea:hover {
1318
+ background: #eee;
1319
  }
1320
+
1321
  .alert-block .alert-info textarea:focus {
1322
+ background: #fff;
1323
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
1324
  }
1325
+
1326
  .alert-block .alert-info a {
1327
+ font-weight: normal;
1328
+ color: #fff;
1329
+ background: #bbb;
1330
+ white-space: nowrap;
1331
+ margin-left: 30px;
1332
+ padding-left: 10px;
1333
+ padding-right: 10px;
1334
+ right: 30px;
1335
  }
1336
+
1337
  .alert-block .alert-info a:hover {
1338
+ background: #999;
1339
  }
1340
+
1341
  .alert-block p.alert-title {
1342
+ font-size: 16px;
1343
+ font-weight: bold;
1344
  }
1345
+
1346
  .alert-block p:not(.alert-title) {
1347
+ font-size: 13px;
1348
+ font-weight: 600;
1349
+ line-height: 15px;
1350
+ margin: 3px 0 0;
1351
  }
1352
+
1353
  .alert-block.inline {
1354
+ max-width: 800px;
1355
+ color: #02b6b3;
1356
+ border-left-width: 90px;
1357
+ border-left-style: solid;
1358
+ border-left-color: #02b6b3;
1359
+ text-align: left;
1360
+ padding-right: 30px;
1361
+ margin: 0 auto 30px;
1362
+ border-radius: 4px;
1363
  }
1364
+
1365
  .alert-block.inline .alert-info {
1366
+ padding-left: 90px !important;
1367
+ margin-left: -90px;
1368
  }
1369
+
1370
  .alert-block.inline .alert-info:before {
1371
+ color: #fff;
1372
  }
1373
+
1374
  .alert-block[class*="plan-"] {
1375
+ color: #fff;
1376
  }
1377
+
1378
  .alert-block[class*="plan-"] .alert-info {
1379
+ padding-left: 0;
1380
  }
1381
+
1382
  .alert-block[class*="plan-"] .alert-info:before {
1383
+ font-family: "Raleway", sans-serif;
1384
+ font-weight: 800;
1385
+ font-size: 20px;
1386
+ color: #fff;
1387
+ border: 2px solid #fff;
1388
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
1389
+ padding: 3px 11px;
1390
+ margin-right: 30px;
1391
+ right: 100%;
1392
+ left: auto;
1393
+ border-radius: 4px;
1394
  }
1395
+
1396
  .alert-block[class*="plan-"] p {
1397
+ color: #fff;
1398
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13);
1399
  }
1400
+
1401
  .alert-block.gs-primary {
1402
+ background: #02b6b3;
1403
  }
1404
+
1405
  .alert-block.gs-primary.inline {
1406
+ border-left-color: #2687b9;
1407
  }
1408
+
1409
  .alert-block.gs-primary .alert-info:before {
1410
+ content: "\f00c";
1411
+ color: rgba(255, 255, 255, 0.5);
1412
  }
1413
+
1414
  .alert-block.gs-primary .alert-info a {
1415
+ background: #2481b1;
1416
  }
1417
+
1418
  .alert-block.gs-primary .alert-info a:hover {
1419
+ background: #1f6e97;
1420
  }
1421
+
1422
  .alert-block.gs-primary p.alert-title {
1423
+ color: #fff;
1424
  }
1425
+
1426
  .alert-block.gs-primary p:not(.alert-title) {
1427
+ color: #b2daef;
1428
  }
1429
+
1430
  .alert-block.default-gs-primary {
1431
+ border-bottom: 1px solid #b2daef;
1432
  }
1433
+
1434
  .alert-block.default-gs-primary .alert-info:before {
1435
+ content: " ";
1436
+ color: #02b6b3;
1437
  }
1438
+
1439
  .alert-block.default-gs-primary .alert-info a {
1440
+ background: #02b6b3;
1441
  }
1442
+
1443
  .alert-block.default-gs-primary .alert-info a:hover {
1444
+ background: #2481b1;
1445
  }
1446
+
1447
  .alert-block.default-gs-primary p {
1448
+ color: #02b6b3;
1449
  }
1450
+
1451
  .alert-block.default-gs-primary p:not(.alert-title) {
1452
+ color: #5db2de;
1453
  }
1454
+
1455
  .alert-block.gs-success {
1456
+ background: #02b6b3;
1457
  }
1458
+
1459
  .alert-block.gs-success.inline {
1460
+ border-left-color: #029d9a;
1461
  }
1462
+
1463
  .alert-block.gs-success .alert-info:before {
1464
+ content: "\f058";
1465
+ color: rgba(255, 255, 255, 0.5);
1466
  }
1467
+
1468
  .alert-block.gs-success .alert-info a {
1469
+ background: #65851b;
1470
  }
1471
+
1472
  .alert-block.gs-success .alert-info a:hover {
1473
+ background: #526c15;
1474
  }
1475
+
1476
  .alert-block.gs-success p.alert-title {
1477
+ color: #fff;
1478
  }
1479
+
1480
  .alert-block.gs-success p:not(.alert-title) {
1481
+ color: #c9e785;
1482
  }
1483
+
1484
  .alert-block.default-gs-success {
1485
+ border-bottom: 1px solid #c9e785;
1486
  }
1487
+
1488
  .alert-block.default-gs-success .alert-info:before {
1489
+ content: "\f058";
1490
+ color: #02b6b3;
1491
  }
1492
+
1493
  .alert-block.default-gs-success .alert-info a {
1494
+ background: #02b6b3;
1495
  }
1496
+
1497
  .alert-block.default-gs-success .alert-info a:hover {
1498
+ background: #65851b;
1499
  }
1500
+
1501
  .alert-block.default-gs-success p {
1502
+ color: #02b6b3;
1503
  }
1504
+
1505
  .alert-block.default-gs-success p:not(.alert-title) {
1506
+ color: #a3d630;
1507
  }
1508
+
1509
  .alert-block.gs-error {
1510
+ background: #d36c65;
1511
  }
1512
+
1513
  .alert-block.gs-error.inline {
1514
+ border-left-color: #ca4e45;
1515
  }
1516
+
1517
  .alert-block.gs-error .alert-info:before {
1518
+ content: "\f06a";
1519
+ color: rgba(255, 255, 255, 0.5);
1520
  }
1521
+
1522
  .alert-block.gs-error .alert-info a {
1523
+ background: #c8463d;
1524
  }
1525
+
1526
  .alert-block.gs-error .alert-info a:hover {
1527
+ background: #b33b33;
1528
  }
1529
+
1530
  .alert-block.gs-error p.alert-title {
1531
+ color: #fff;
1532
  }
1533
+
1534
  .alert-block.gs-error p:not(.alert-title) {
1535
+ color: #f5dedc;
1536
  }
1537
+
1538
  .alert-block.default-gs-error {
1539
+ border-bottom: 1px solid #f5dedc;
1540
  }
1541
+
1542
  .alert-block.default-gs-error .alert-info:before {
1543
+ content: " ";
1544
+ color: #d36c65;
1545
  }
1546
+
1547
  .alert-block.default-gs-error .alert-info a {
1548
+ background: #d36c65;
1549
  }
1550
+
1551
  .alert-block.default-gs-error .alert-info a:hover {
1552
+ background: #c8463d;
1553
  }
1554
+
1555
  .alert-block.default-gs-error p {
1556
+ color: #d36c65;
1557
  }
1558
+
1559
  .alert-block.default-gs-error p:not(.alert-title) {
1560
+ color: #de928d;
1561
  }
1562
+
1563
  .alert-block.special {
1564
+ background: #efc520;
1565
  }
1566
+
1567
  .alert-block.special.inline {
1568
+ border-left-color: #e5ba10;
1569
  }
1570
+
1571
  .alert-block.special .alert-info:before {
1572
+ content: " ";
1573
+ font-size: 35px;
1574
+ color: #fff;
1575
  }
1576
+
1577
  .alert-block.special .alert-info a {
1578
+ background: #bf9b0e;
1579
  }
1580
+
1581
  .alert-block.special .alert-info a:hover {
1582
+ background: #a7880c;
1583
  }
1584
+
1585
  .alert-block.special p {
1586
+ color: #fff;
1587
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13);
1588
  }
1589
+
1590
  .alert-block.plan-one {
1591
+ background: #00bba4;
1592
  }
1593
+
1594
  .alert-block.plan-one .alert-info:before {
1595
+ content: "Tools";
1596
  }
1597
+
1598
  .alert-block.plan-one .alert-info a {
1599
+ background: #00a18e;
1600
  }
1601
+
1602
  .alert-block.plan-one .alert-info a:hover {
1603
+ background: #008877;
1604
  }
1605
+
1606
  .alert-block.plan-two {
1607
+ background: #5777d1;
1608
  }
1609
+
1610
  .alert-block.plan-two .alert-info:before {
1611
+ content: "Start";
1612
  }
1613
+
1614
  .alert-block.plan-two .alert-info a {
1615
+ background: #4367cb;
1616
  }
1617
+
1618
  .alert-block.plan-two .alert-info a:hover {
1619
+ background: #3559c0;
1620
  }
1621
+
1622
  .alert-block.plan-three {
1623
+ background: #2c4aa1;
1624
  }
1625
+
1626
  .alert-block.plan-three .alert-info:before {
1627
+ content: "Growth";
1628
  }
1629
+
1630
  .alert-block.plan-three .alert-info a {
1631
+ background: #27418d;
1632
  }
1633
+
1634
  .alert-block.plan-three .alert-info a:hover {
1635
+ background: #213879;
1636
  }
1637
+
1638
  .alert-block.plan-four {
1639
+ background: #8600f1;
1640
  }
1641
+
1642
  .alert-block.plan-four .alert-info:before {
1643
+ content: "Expand";
1644
  }
1645
+
1646
  .alert-block.plan-four .alert-info a {
1647
+ background: #7800d7;
1648
  }
1649
+
1650
  .alert-block.plan-four .alert-info a:hover {
1651
+ background: #6a00be;
1652
  }
1653
+
1654
  .alert-block.plan-five {
1655
+ background: #f5a623;
1656
  }
1657
+
1658
  .alert-block.plan-five .alert-info:before {
1659
+ content: "Enterprise";
1660
  }
1661
+
1662
  .alert-block.plan-five .alert-info a {
1663
+ background: #f39c0b;
1664
  }
1665
+
1666
  .alert-block.plan-five .alert-info a:hover {
1667
+ background: #db8c0a;
1668
  }
1669
+
1670
  .alert-block .close {
1671
+ width: 33px;
1672
+ height: 33px;
1673
+ font-size: 22px;
1674
+ color: #fff;
1675
+ padding-top: 4px;
1676
+ right: 30px;
1677
+ opacity: 0.6;
1678
+ -webkit-transition: all 200ms;
1679
+ transition: all 200ms;
1680
  }
1681
+
1682
  .alert-block .close i {
1683
+ -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1684
+ transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1685
+ -webkit-transform-origin: 50% 54%;
1686
+ -moz-transform-origin: 50% 54%;
1687
+ -ms-transform-origin: 50% 54%;
1688
+ transform-origin: 50% 54%;
1689
  }
1690
+
1691
  .alert-block .close:hover {
1692
+ opacity: 1;
1693
  }
1694
+
1695
  .alert-block .close:hover i {
1696
+ -webkit-transform: rotate(180deg);
1697
+ -ms-transform: rotate(180deg);
1698
+ transform: rotate(180deg);
1699
  }
1700
+
1701
+ .alert-block+div>.content-wrapper {
1702
+ margin-top: 30px;
1703
  }
1704
+
1705
  @-webkit-keyframes fade-in-up {
1706
+ 0% {
1707
+ -webkit-transform: translateY(30px);
1708
+ opacity: 0;
1709
+ }
1710
+
1711
+ 100% {
1712
+ -webkit-transform: translateY(0);
1713
+ opacity: 1;
1714
+ }
1715
  }
1716
+
1717
  @keyframes fade-in-up {
1718
+ 0% {
1719
+ transform: translateY(30px);
1720
+ opacity: 0;
1721
+ }
1722
+
1723
+ 100% {
1724
+ transform: translateY(0);
1725
+ opacity: 1;
1726
+ }
1727
  }
1728
+
1729
  @-webkit-keyframes fade-in-down {
1730
+ 0% {
1731
+ -webkit-transform: translateY(-30px);
1732
+ opacity: 0;
1733
+ }
1734
+
1735
+ 100% {
1736
+ -webkit-transform: translateY(0);
1737
+ opacity: 1;
1738
+ }
1739
  }
1740
+
1741
  @keyframes fade-in-down {
1742
+ 0% {
1743
+ transform: translateY(-30px);
1744
+ opacity: 0;
1745
+ }
1746
+
1747
+ 100% {
1748
+ transform: translateY(0);
1749
+ opacity: 1;
1750
+ }
1751
  }
1752
+
1753
  @-webkit-keyframes fade-out-up {
1754
+ 0% {
1755
+ -webkit-transform: translateY(0);
1756
+ opacity: 1;
1757
+ }
1758
+
1759
+ 100% {
1760
+ -webkit-transform: translateY(-30px);
1761
+ opacity: 0;
1762
+ }
1763
  }
1764
+
1765
  @keyframes fade-out-up {
1766
+ 0% {
1767
+ transform: translateY(0);
1768
+ opacity: 1;
1769
+ }
1770
+
1771
+ 100% {
1772
+ transform: translateY(-30px);
1773
+ opacity: 0;
1774
+ }
1775
  }
1776
+
1777
  @-webkit-keyframes opacity-in {
1778
+ 0% {
1779
+ opacity: 0;
1780
+ }
1781
+
1782
+ 100% {
1783
+ opacity: 1;
1784
+ }
1785
  }
1786
+
1787
  @keyframes opacity-in {
1788
+ 0% {
1789
+ opacity: 0;
1790
+ }
1791
+
1792
+ 100% {
1793
+ opacity: 1;
1794
+ }
1795
  }
1796
+
1797
  @-webkit-keyframes opacity-out {
1798
+ 0% {
1799
+ opacity: 1;
1800
+ }
1801
+
1802
+ 100% {
1803
+ opacity: 0;
1804
+ }
1805
  }
1806
+
1807
  @keyframes opacity-out {
1808
+ 0% {
1809
+ opacity: 1;
1810
+ }
1811
+
1812
+ 100% {
1813
+ opacity: 0;
1814
+ }
1815
  }
1816
+
1817
  .modal-wrapper {
1818
+ background: rgba(0, 0, 0, 0.5);
1819
+ padding: 0 30px;
1820
+ overflow: scroll;
1821
+ z-index: 9;
1822
  }
1823
+
1824
  .modal-wrapper,
1825
  .modal-wrapper .modal-cover {
1826
+ position: fixed;
1827
+ top: 0;
1828
+ right: 0;
1829
+ bottom: 0;
1830
+ left: 0;
1831
  }
1832
+
1833
  .modal-wrapper .modal-cover {
1834
+ z-index: -1;
1835
  }
1836
+
1837
  .modal-wrapper .gs-modal {
1838
+ max-width: 860px;
1839
+ background: #fff;
1840
+ padding: 35px 30px 30px;
1841
+ margin: 100px auto 30px;
1842
+ opacity: 0;
1843
+ border-radius: 4px;
1844
  }
1845
+
1846
  .modal-wrapper .gs-modal.small {
1847
+ max-width: 430px;
1848
+ padding: 40px 30px;
1849
  }
1850
+
1851
  .modal-wrapper .gs-modal .modal-title {
1852
+ text-align: center;
1853
  }
1854
+
1855
  .modal-wrapper .gs-modal .modal-title .title {
1856
+ font-family: "Raleway", sans-serif;
1857
+ font-weight: 800;
1858
+ font-size: 25px;
1859
+ font-weight: 300;
1860
+ padding-bottom: 11px;
1861
  }
1862
+
1863
+ .modal-wrapper .gs-modal .modal-title .title+p {
1864
+ max-width: 400px;
1865
+ margin: 10px auto 0;
1866
  }
1867
+
1868
  .modal-wrapper .gs-modal img {
1869
+ width: 100%;
1870
  }
1871
+
1872
  .modal-wrapper .gs-modal .before-after {
1873
+ margin-top: -20px;
1874
  }
1875
+
1876
+ .modal-wrapper .gs-modal .before-after>div {
1877
+ text-align: center;
1878
  }
1879
+
1880
+ .modal-wrapper .gs-modal .before-after>div strong {
1881
+ font-size: 20px;
1882
+ margin: 20px 0;
1883
+ display: block;
1884
  }
1885
+
1886
+ .modal-wrapper .gs-modal .before-after>div[class*="col-"]:first-child {
1887
+ padding-left: 0;
1888
+ padding-right: 15px;
1889
  }
1890
+
1891
+ .modal-wrapper .gs-modal .before-after>div[class*="col-"]:last-child {
1892
+ padding-left: 15px;
1893
+ padding-right: 0;
1894
  }
1895
+
1896
  .modal-wrapper .gs-modal .form-button-group {
1897
+ padding-top: 20px;
1898
  }
1899
+
1900
  .modal-wrapper .gs-modal .text-block {
1901
+ text-align: left;
1902
+ margin-bottom: 30px;
1903
  }
1904
+
1905
  .modal-wrapper .gs-modal .text-block p {
1906
+ font-size: 18px;
1907
+ line-height: 22px;
1908
+ margin-bottom: 15px;
1909
+ font-weight: 500;
1910
  }
1911
+
1912
  .modal-wrapper .gs-modal .text-block p span {
1913
+ color: #02b6b3;
1914
  }
1915
+
1916
  .modal-wrapper .gs-modal .status-icon {
1917
+ width: 70px;
1918
+ height: 70px;
1919
+ background: #c4da94;
1920
+ border: 5px solid #9bc048;
1921
+ margin: -10px auto 30px;
1922
+ position: relative;
1923
+ -webkit-animation: rotate-in 750ms ease-in-out;
1924
+ animation: rotate-in 750ms ease-in-out;
1925
  }
1926
+
1927
  .modal-wrapper .gs-modal .status-icon i {
1928
+ font-size: 38px;
1929
+ color: #fff;
1930
+ margin: -19px 0 0 -19px;
1931
+ position: absolute;
1932
+ top: 50%;
1933
+ left: 50%;
1934
  }
1935
+
1936
  .modal-wrapper .gs-modal .status-icon,
1937
  .modal-wrapper .gs-modal .status-icon:before {
1938
+ border-radius: 100%;
1939
  }
1940
+
1941
  .modal-wrapper .gs-modal .status-icon:before {
1942
+ width: 100%;
1943
+ height: 100%;
1944
+ border: 0 solid #9bc048;
1945
+ content: "";
1946
+ display: inline-block;
1947
+ position: absolute;
1948
+ top: 0;
1949
+ left: 0;
1950
+ box-sizing: border-box;
1951
  }
1952
+
1953
  .modal-wrapper.hide {
1954
+ display: none;
1955
  }
1956
+
1957
  .modal-wrapper.active {
1958
+ display: block;
1959
+ -webkit-animation: opacity-in 300ms ease-in-out forwards;
1960
+ animation: opacity-in 300ms ease-in-out forwards;
1961
  }
1962
+
1963
  .modal-wrapper.active .gs-modal {
1964
+ -webkit-animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1965
+ animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1966
  }
1967
+
1968
  .modal-wrapper.rewind {
1969
+ -webkit-animation: opacity-out 300ms ease-in-out forwards;
1970
+ animation: opacity-out 300ms ease-in-out forwards;
1971
  }
1972
+
1973
  .modal-wrapper.rewind .gs-modal {
1974
+ -webkit-animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1975
+ animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1976
  }
1977
+
1978
  @-webkit-keyframes fade-in-up {
1979
+ 0% {
1980
+ -webkit-transform: translateY(30px);
1981
+ opacity: 0;
1982
+ }
1983
+
1984
+ 100% {
1985
+ -webkit-transform: translateY(0);
1986
+ opacity: 1;
1987
+ }
1988
  }
1989
+
1990
  @keyframes fade-in-up {
1991
+ 0% {
1992
+ transform: translateY(30px);
1993
+ opacity: 0;
1994
+ }
1995
+
1996
+ 100% {
1997
+ transform: translateY(0);
1998
+ opacity: 1;
1999
+ }
2000
  }
2001
+
2002
  @-webkit-keyframes fade-in-down {
2003
+ 0% {
2004
+ -webkit-transform: translateY(-30px);
2005
+ opacity: 0;
2006
+ }
2007
+
2008
+ 100% {
2009
+ -webkit-transform: translateY(0);
2010
+ opacity: 1;
2011
+ }
2012
  }
2013
+
2014
  @keyframes fade-in-down {
2015
+ 0% {
2016
+ transform: translateY(-30px);
2017
+ opacity: 0;
2018
+ }
2019
+
2020
+ 100% {
2021
+ transform: translateY(0);
2022
+ opacity: 1;
2023
+ }
2024
  }
2025
+
2026
  @-webkit-keyframes fade-out-up {
2027
+ 0% {
2028
+ -webkit-transform: translateY(0);
2029
+ opacity: 1;
2030
+ }
2031
+
2032
+ 100% {
2033
+ -webkit-transform: translateY(-30px);
2034
+ opacity: 0;
2035
+ }
2036
  }
2037
+
2038
  @keyframes fade-out-up {
2039
+ 0% {
2040
+ transform: translateY(0);
2041
+ opacity: 1;
2042
+ }
2043
+
2044
+ 100% {
2045
+ transform: translateY(-30px);
2046
+ opacity: 0;
2047
+ }
2048
  }
2049
+
2050
  @-webkit-keyframes opacity-in {
2051
+ 0% {
2052
+ opacity: 0;
2053
+ }
2054
+
2055
+ 100% {
2056
+ opacity: 1;
2057
+ }
2058
  }
2059
+
2060
  @keyframes opacity-in {
2061
+ 0% {
2062
+ opacity: 0;
2063
+ }
2064
+
2065
+ 100% {
2066
+ opacity: 1;
2067
+ }
2068
  }
2069
+
2070
  @-webkit-keyframes opacity-out {
2071
+ 0% {
2072
+ opacity: 1;
2073
+ }
2074
+
2075
+ 100% {
2076
+ opacity: 0;
2077
+ }
2078
  }
2079
+
2080
  @keyframes opacity-out {
2081
+ 0% {
2082
+ opacity: 1;
2083
+ }
2084
+
2085
+ 100% {
2086
+ opacity: 0;
2087
+ }
2088
  }
2089
+
2090
  div.gs-form {
2091
+ position: relative;
2092
  }
2093
+
2094
  form h3,
2095
  div.gs-form h3 {
2096
+ margin-bottom: 3px;
2097
  }
2098
+
2099
  form h4,
2100
  div.gs-form h4 {
2101
+ color: #02b6b3;
2102
+ margin-bottom: 10px;
2103
  }
2104
+
2105
  form p,
2106
  div.gs-form p {
2107
+ font-size: 14px;
2108
+ color: #999;
2109
+ line-height: 15px;
2110
+ margin-bottom: 4px;
2111
  }
2112
+
2113
  form p.tutorial,
2114
  div.gs-form p.tutorial {
2115
+ font-size: 16px;
2116
+ color: #606060;
2117
+ line-height: 18px;
2118
+ margin-bottom: 8px;
2119
  }
2120
+
2121
  form p .code,
2122
  div.gs-form p .code {
2123
+ font-family: Courier New, monospace;
2124
+ font-size: 14px;
2125
+ font-weight: 600;
2126
+ background: #eee;
2127
+ padding: 1px 4px;
2128
+ margin: 0 3px;
2129
+ border-radius: 4px;
2130
  }
2131
+
2132
  form label,
2133
  div.gs-form label {
2134
+ font-size: 18px;
2135
+ font-weight: 600;
2136
  }
2137
+
2138
  form label span,
2139
  div.gs-form label span {
2140
+ font-size: 16px;
2141
+ font-weight: 500;
2142
+ color: #999;
2143
  }
2144
+
2145
  form label.step,
2146
  div.gs-form label.step {
2147
+ width: 34px;
2148
+ height: 34px;
2149
+ font-size: 25px;
2150
+ font-weight: 600;
2151
+ color: #fff;
2152
+ background: #02b6b3;
2153
+ text-align: center;
2154
+ padding-top: 3px;
2155
+ display: inline-block;
2156
+ position: absolute;
2157
+ top: 30px;
2158
+ left: 50%;
2159
+ margin-left: -17px;
2160
+ border-radius: 100%;
2161
  }
2162
+
2163
  form label.required,
2164
  div.gs-form label.required {
2165
+ position: relative;
2166
  }
2167
+
2168
  form label.required:before,
2169
  div.gs-form label.required:before {
2170
+ font-family: "FontAwesome";
2171
+ font-size: 10px;
2172
+ color: #02b6b3;
2173
+ content: " ";
2174
+ display: inline-block;
2175
+ position: absolute;
2176
+ top: 0;
2177
+ left: -15px;
2178
  }
2179
+
2180
  form input:not([type="submit"]),
2181
  form select,
2182
  form textarea,
2183
  div.gs-form input:not([type="submit"]),
2184
  div.gs-form select,
2185
  div.gs-form textarea {
2186
+ width: 100%;
2187
+ font-family: "Source Sans Pro", sans-serif;
2188
+ font-size: 20px;
2189
+ font-weight: 500;
2190
+ color: #606060;
2191
+ background: #fff;
2192
+ border: 1px solid #ccc;
2193
+ padding: 3px 15px 5px;
2194
+ outline: none;
2195
+ border-radius: 4px;
2196
+ -webkit-transition: all 200ms;
2197
+ transition: all 200ms;
2198
  }
2199
+
2200
  form input:not([type="submit"]):hover,
2201
  form select:hover,
2202
  form textarea:hover,
2203
  div.gs-form input:not([type="submit"]):hover,
2204
  div.gs-form select:hover,
2205
  div.gs-form textarea:hover {
2206
+ background: #f9f9f9 !important;
2207
  }
2208
+
2209
  form input:not([type="submit"]):focus,
2210
  form select:focus,
2211
  form textarea:focus,
2212
  div.gs-form input:not([type="submit"]):focus,
2213
  div.gs-form select:focus,
2214
  div.gs-form textarea:focus {
2215
+ border-color: #02b6b3;
2216
+ box-shadow: inset 0 0 3px #b2daef;
2217
  }
2218
+
2219
  form input:not([type="submit"])::-webkit-input-placeholder,
2220
  form select::-webkit-input-placeholder,
2221
  form textarea::-webkit-input-placeholder,
2222
  div.gs-form input:not([type="submit"])::-webkit-input-placeholder,
2223
  div.gs-form select::-webkit-input-placeholder,
2224
  div.gs-form textarea::-webkit-input-placeholder {
2225
+ color: #ccc;
2226
+ font-style: italic;
2227
  }
2228
+
2229
  form input:not([type="submit"]):-moz-placeholder,
2230
  form select:-moz-placeholder,
2231
  form textarea:-moz-placeholder,
2232
  div.gs-form input:not([type="submit"]):-moz-placeholder,
2233
  div.gs-form select:-moz-placeholder,
2234
  div.gs-form textarea:-moz-placeholder {
2235
+ color: #ccc;
2236
+ font-style: italic;
2237
  }
2238
+
2239
  form input:not([type="submit"])::-moz-placeholder,
2240
  form select::-moz-placeholder,
2241
  form textarea::-moz-placeholder,
2242
  div.gs-form input:not([type="submit"])::-moz-placeholder,
2243
  div.gs-form select::-moz-placeholder,
2244
  div.gs-form textarea::-moz-placeholder {
2245
+ color: #ccc;
2246
+ font-style: italic;
2247
  }
2248
+
2249
  form input:not([type="submit"]):-ms-input-placeholder,
2250
  form select:-ms-input-placeholder,
2251
  form textarea:-ms-input-placeholder,
2252
  div.gs-form input:not([type="submit"]):-ms-input-placeholder,
2253
  div.gs-form select:-ms-input-placeholder,
2254
  div.gs-form textarea:-ms-input-placeholder {
2255
+ color: #ccc;
2256
+ font-style: italic;
2257
  }
2258
+
2259
+ form input:not([type="submit"])+p,
2260
+ form select+p,
2261
+ form textarea+p,
2262
+ div.gs-form input:not([type="submit"])+p,
2263
+ div.gs-form select+p,
2264
+ div.gs-form textarea+p {
2265
+ margin-top: 5px;
2266
  }
2267
+
2268
  form input[type="submit"],
2269
  form button,
2270
  div.gs-form input[type="submit"],
2271
  div.gs-form button {
2272
+ width: auto;
2273
+ font-family: "Source Sans Pro", sans-serif;
2274
+ font-size: 100%;
2275
+ margin-top: -8px;
2276
+ margin-bottom: -9px;
2277
+ display: inline;
2278
  }
2279
+
2280
  form input[type="submit"]:hover,
2281
  form button:hover,
2282
  div.gs-form input[type="submit"]:hover,
2283
  div.gs-form button:hover {
2284
+ cursor: pointer;
2285
  }
2286
+
2287
  form textarea,
2288
  div.gs-form textarea {
2289
+ max-width: 100%;
2290
  }
2291
+
2292
  form select,
2293
  div.gs-form select {
2294
+ height: 35px;
2295
  }
2296
+
2297
  form .page-inline-select,
2298
  div.gs-form .page-inline-select {
2299
+ width: 180px;
2300
+ margin-left: 8px;
2301
  }
2302
+
2303
  form .form-content pre,
2304
  div.gs-form .form-content pre {
2305
+ margin-top: 18px;
2306
  }
2307
+
2308
+ form .form-content+.form-content,
2309
+ div.gs-form .form-content+.form-content {
2310
+ margin-top: 30px;
2311
  }
2312
+
2313
+ form .form-content+.options-details:not(.form-title),
2314
+ div.gs-form .form-content+.options-details:not(.form-title) {
2315
+ padding-top: 37px;
2316
  }
2317
+
2318
  form .form-content .field-label.show-content,
2319
  div.gs-form .form-content .field-label.show-content {
2320
+ border-radius: 2px 0 0 2px;
2321
  }
2322
+
2323
  form .form-content .field-clean,
2324
  div.gs-form .form-content .field-clean {
2325
+ padding: 35px 30px;
2326
  }
2327
+
2328
+ form .form-content .field-clean+.field-clean,
2329
+ form .form-content .field-clean+.field-group,
2330
+ div.gs-form .form-content .field-clean+.field-clean,
2331
+ div.gs-form .form-content .field-clean+.field-group {
2332
+ border-top: 1px solid #eee;
2333
  }
2334
+
2335
  form .form-content .field-clean div[class^="col-"]:not(:first-child),
2336
  div.gs-form .form-content .field-clean div[class^="col-"]:not(:first-child) {
2337
+ padding-left: 30px;
2338
  }
2339
+
2340
  form .form-content .field-clean label,
2341
  div.gs-form .form-content .field-clean label {
2342
+ margin-bottom: 6px;
2343
+ display: block;
2344
  }
2345
+
2346
  form .form-content .field-group,
2347
  div.gs-form .form-content .field-group {
2348
+ padding-left: 125px;
2349
+ position: relative;
2350
  }
2351
+
2352
  form .form-content .field-group:after,
2353
  div.gs-form .form-content .field-group:after {
2354
+ content: "";
2355
+ display: block;
2356
+ clear: both;
2357
  }
2358
+
2359
  form .form-content .field-group.hide,
2360
  div.gs-form .form-content .field-group.hide {
2361
+ display: none;
2362
  }
2363
+
2364
+ form .form-content .field-group.multi-label>div,
2365
+ div.gs-form .form-content .field-group.multi-label>div {
2366
+ margin-left: -125px;
2367
+ padding-left: 125px;
2368
+ position: relative;
2369
  }
2370
+
2371
+ form .form-content .field-group.multi-label>div+div .field-label,
2372
+ form .form-content .field-group.multi-label>div+div .field-input,
2373
+ div.gs-form .form-content .field-group.multi-label>div+div .field-label,
2374
+ div.gs-form .form-content .field-group.multi-label>div+div .field-input {
2375
+ padding-top: 3px;
2376
  }
2377
+
2378
+ form .form-content .field-group.multi-label.row-layout>div:first-child .field-label,
2379
+ div.gs-form .form-content .field-group.multi-label.row-layout>div:first-child .field-label {
2380
+ border-radius: 4px 0 0 0;
2381
  }
2382
+
2383
+ form .form-content .field-group.multi-label.row-layout>div:first-child .field-input,
2384
+ div.gs-form .form-content .field-group.multi-label.row-layout>div:first-child .field-input {
2385
+ padding-bottom: 0;
2386
  }
2387
+
2388
+ form .form-content .field-group.multi-label.row-layout>div:last-child .field-label,
2389
+ div.gs-form .form-content .field-group.multi-label.row-layout>div:last-child .field-label {
2390
+ padding-top: 18px;
2391
  }
2392
+
2393
+ form .form-content .field-group.multi-label.row-layout>div:last-child .field-input,
2394
+ div.gs-form .form-content .field-group.multi-label.row-layout>div:last-child .field-input {
2395
+ padding-bottom: 30px;
2396
  }
2397
+
2398
+ form .form-content .field-group:not(.multi-label):not(.not-float)>*,
2399
+ div.gs-form .form-content .field-group:not(.multi-label):not(.not-float)>* {
2400
+ float: left;
2401
  }
2402
+
2403
  form .form-content .field-group:first-child .field-label,
2404
  div.gs-form .form-content .field-group:first-child .field-label {
2405
+ border-radius: 3px 0 0 0;
2406
  }
2407
+
2408
  form .form-content .field-group:last-child .field-label,
2409
  div.gs-form .form-content .field-group:last-child .field-label {
2410
+ border-radius: 0 0 0 3px;
2411
  }
2412
+
2413
  form .form-content .field-group .field-label,
2414
  div.gs-form .form-content .field-group .field-label {
2415
+ width: 125px;
2416
+ min-width: 125px;
2417
+ height: 100%;
2418
+ background: #f9f9f9;
2419
+ word-wrap: break-word;
2420
+ padding: 55px 0 40px 30px;
2421
+ position: absolute;
2422
+ top: 0;
2423
+ left: 0;
2424
  }
2425
+
2426
  form .form-content .field-group .field-label label,
2427
  form .form-content .field-group .field-label span,
2428
  div.gs-form .form-content .field-group .field-label label,
2429
  div.gs-form .form-content .field-group .field-label span {
2430
+ display: block;
2431
  }
2432
+
2433
  form .form-content .field-group .field-label.no-desc,
2434
  div.gs-form .form-content .field-group .field-label.no-desc {
2435
+ padding-top: 40px;
2436
  }
2437
+
2438
  form .form-content .field-group .field-label .label-icon,
2439
  div.gs-form .form-content .field-group .field-label .label-icon {
2440
+ font-size: 24px;
2441
+ color: #ddd;
2442
+ text-align: center;
2443
+ margin: -15px 20px 5px 0;
2444
  }
2445
+
2446
  form .form-content .field-group .field-input,
2447
  div.gs-form .form-content .field-group .field-input {
2448
+ width: 100%;
2449
+ padding: 35px 30px 40px;
2450
+ position: relative;
2451
  }
2452
+
2453
  div.gs-form .form-content .field-group input.field-input,
2454
  div.gs-form .form-content .field-group input.field-input:focus {
2455
+ border: 0;
2456
+ font-size: 100%;
2457
+ outline: none !important;
2458
  }
2459
+
2460
+ form .form-content .field-group .field-input+.field-input,
2461
+ div.gs-form .form-content .field-group .field-input+.field-input {
2462
+ padding-top: 0;
2463
+ margin-top: -6px;
2464
  }
2465
+
2466
+ form .form-content .field-group .field-input>.clearfix+.field-button-group,
2467
+ div.gs-form .form-content .field-group .field-input>.clearfix+.field-button-group {
2468
+ margin: 25px 0 -20px;
2469
  }
2470
+
2471
  form .form-content .field-group .field-input.columns,
2472
  div.gs-form .form-content .field-group .field-input.columns {
2473
+ padding-bottom: 35px;
2474
  }
2475
+
2476
  form .form-content .field-group .field-input.columns div[class*="col-"]:first-child,
2477
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:first-child {
2478
+ padding: 0;
2479
  }
2480
+
2481
  form .form-content .field-group .field-input.columns div[class*="col-"]:last-child,
2482
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:last-child {
2483
+ padding-right: 0;
2484
  }
2485
+
2486
  form .form-content .field-group .field-input .gs-buttons-group,
2487
  div.gs-form .form-content .field-group .field-input .gs-buttons-group {
2488
+ text-align: right;
2489
  }
2490
+
2491
  form .form-content .field-group .field-input .gs-buttons-group .gs-button,
2492
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button {
2493
+ display: inline-block;
2494
  }
2495
+
2496
  form .form-content .field-group .field-input .gs-buttons-group .gs-button.error,
2497
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button.error {
2498
+ padding-top: 6px;
2499
+ padding-bottom: 8px;
2500
+ margin-left: 4px;
2501
  }
2502
+
2503
  form .form-content .field-group .field-input .input-wrap,
2504
  div.gs-form .form-content .field-group .field-input .input-wrap {
2505
+ margin: 10px 0 20px;
2506
  }
2507
+
2508
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices,
2509
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices {
2510
+ font-size: 20px;
2511
+ color: #606060;
2512
+ background-image: none;
2513
+ border-color: #ccc;
2514
+ box-shadow: none;
2515
+ border-radius: 4px;
2516
  }
2517
+
2518
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice,
2519
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice {
2520
+ font-size: 16px;
2521
+ color: #fff;
2522
+ background: #02b6b3;
2523
+ border: none;
2524
+ padding: 7px 26px 7px 11px;
2525
+ box-shadow: none;
2526
  }
2527
+
2528
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close,
2529
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close {
2530
+ height: 13px;
2531
+ background: none !important;
2532
+ background-image: none !important;
2533
+ top: 50%;
2534
+ right: 6px;
2535
+ -webkit-transform: translateY(-50%);
2536
+ -ms-transform: translateY(-50%);
2537
+ transform: translateY(-50%);
2538
  }
2539
+
2540
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before,
2541
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before {
2542
+ font-family: "FontAwesome";
2543
+ font-size: 13px;
2544
+ color: #fff;
2545
+ content: " ";
2546
+ display: inline-block;
2547
+ opacity: 0.5;
2548
  }
2549
+
2550
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices input,
2551
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices input {
2552
+ height: 33px;
2553
+ font-family: "Source Sans Pro", sans-serif;
2554
+ font-style: italic;
2555
+ color: #ccc;
2556
+ margin: 0;
2557
  }
2558
+
2559
  form .form-content .field-group .field-input .tutorial-steps li,
2560
  div.gs-form .form-content .field-group .field-input .tutorial-steps li {
2561
+ border-bottom: 1px solid #eee;
2562
+ counter-increment: step-counter;
2563
+ padding: 0 30px 30px;
2564
+ margin: 0 -30px 30px;
2565
+ position: relative;
2566
  }
2567
+
2568
  form .form-content .field-group .field-input .tutorial-steps li:before,
2569
  div.gs-form .form-content .field-group .field-input .tutorial-steps li:before {
2570
+ font-size: 16px;
2571
+ font-weight: bold;
2572
+ color: #fff;
2573
+ background: #02b6b3;
2574
+ content: counter(step-counter);
2575
+ padding: 1px 6px 3px;
2576
+ position: absolute;
2577
+ top: 0;
2578
+ left: 10px;
2579
+ border-radius: 4px;
2580
  }
2581
+
2582
  form .form-content .field-group .field-input .tutorial-steps li img,
2583
  div.gs-form .form-content .field-group .field-input .tutorial-steps li img {
2584
+ width: 100%;
2585
+ border: 1px solid #ccc;
2586
+ margin-top: 15px;
2587
+ display: block;
2588
+ border-radius: 4px;
2589
  }
2590
+
2591
  form .form-content .field-group .field-input .tutorial-steps li p.tutorial,
2592
  div.gs-form .form-content .field-group .field-input .tutorial-steps li p.tutorial {
2593
+ padding: 0 10px;
2594
  }
2595
+
2596
+ form .form-content .field-group .field-input .field-button-group>span.label .checkbox .checkbox-btn,
2597
+ div.gs-form .form-content .field-group .field-input .field-button-group>span.label .checkbox .checkbox-btn {
2598
+ width: auto;
2599
  }
2600
+
2601
+ form .form-content .field-group .field-input .field-button-group>span.label.tooltip>div:before,
2602
+ div.gs-form .form-content .field-group .field-input .field-button-group>span.label.tooltip>div:before {
2603
+ margin-left: 0;
2604
+ right: 45px;
2605
+ left: auto;
2606
  }
2607
+
2608
+ form .form-content .field-group .field-input .field-button-group>span.label>span,
2609
+ div.gs-form .form-content .field-group .field-input .field-button-group>span.label>span {
2610
+ margin-right: 7px;
2611
+ position: relative;
2612
+ top: -12px;
2613
  }
2614
+
2615
+ form .form-content .field-group .field-input .field-button-group>span.label+span.label,
2616
+ div.gs-form .form-content .field-group .field-input .field-button-group>span.label+span.label {
2617
+ margin-left: 30px;
2618
  }
2619
+
2620
  form .form-content .field-group .field-input .input-alert-message,
2621
  div.gs-form .form-content .field-group .field-input .input-alert-message {
2622
+ font-size: 14px;
2623
+ line-height: 15px;
2624
+ margin-bottom: 4px;
2625
+ position: relative;
2626
+ float: right;
2627
  }
2628
+
2629
  form .form-content .field-group .field-input .input-alert-message span,
2630
  div.gs-form .form-content .field-group .field-input .input-alert-message span {
2631
+ -webkit-animation: fade-in-left 500ms ease-out;
2632
+ animation: fade-in-left 500ms ease-out;
2633
  }
2634
+
2635
  form .form-content .field-group .field-input .input-alert-message:before,
2636
  div.gs-form .form-content .field-group .field-input .input-alert-message:before {
2637
+ width: 24px;
2638
+ height: 20px;
2639
+ font-family: "FontAwesome";
2640
+ font-size: 16px;
2641
+ color: #fff;
2642
+ text-align: center;
2643
+ padding-top: 4px;
2644
+ position: absolute;
2645
+ bottom: -33px;
2646
+ right: 9px;
2647
+ display: block;
2648
+ border-radius: 100%;
2649
+ -webkit-animation: rotate-in 750ms ease-in-out;
2650
+ animation: rotate-in 750ms ease-in-out;
2651
  }
2652
+
2653
  form .form-content .field-group .field-input .input-alert-message.gs-primary,
2654
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary {
2655
+ color: #02b6b3;
2656
  }
2657
+
2658
  form .form-content .field-group .field-input .input-alert-message.gs-primary:before,
2659
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary:before {
2660
+ background: #02b6b3;
2661
+ content: " ";
2662
  }
2663
+
2664
  form .form-content .field-group .field-input .input-alert-message.gs-success,
2665
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success {
2666
+ color: #02b6b3;
2667
  }
2668
+
2669
  form .form-content .field-group .field-input .input-alert-message.gs-success:before,
2670
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success:before {
2671
+ background: #02b6b3;
2672
+ content: " ";
2673
  }
2674
+
2675
  form .form-content .field-group .field-input .input-alert-message.gs-error,
2676
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error {
2677
+ color: #d36c65;
2678
  }
2679
+
2680
  form .form-content .field-group .field-input .input-alert-message.gs-error:before,
2681
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error:before {
2682
+ background: #d36c65;
2683
+ content: " ";
2684
  }
2685
+
2686
  form .form-content .field-group .field-note,
2687
  div.gs-form .form-content .field-group .field-note {
2688
+ font-size: 14px;
2689
+ font-style: italic;
2690
+ color: #bbb;
2691
+ text-align: right;
2692
+ position: absolute;
2693
+ bottom: 10px;
2694
+ right: 30px;
2695
  }
2696
+
2697
  form .form-content .field-group .field-note i,
2698
  div.gs-form .form-content .field-group .field-note i {
2699
+ margin-right: 2px;
2700
+ position: relative;
2701
+ bottom: -1px;
2702
  }
2703
+
2704
  form .form-content .field-group .field-note.alert-note,
2705
  div.gs-form .form-content .field-group .field-note.alert-note {
2706
+ margin-left: -125px;
2707
+ padding: 13px 30px 13px 155px;
2708
+ position: relative;
2709
+ right: auto;
2710
+ bottom: auto;
2711
+ -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2712
+ transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2713
  }
2714
+
2715
  form .form-content .field-group .field-note.alert-note.inactive,
2716
  div.gs-form .form-content .field-group .field-note.alert-note.inactive {
2717
+ margin-bottom: -50px;
2718
  }
2719
+
2720
  form .form-content .field-group .field-note.alert-note i,
2721
  div.gs-form .form-content .field-group .field-note.alert-note i {
2722
+ font-size: 22px;
2723
+ position: absolute;
2724
+ top: 50%;
2725
+ left: 30px;
2726
+ -webkit-transform: translateY(-50%);
2727
+ -ms-transform: translateY(-50%);
2728
+ transform: translateY(-50%);
2729
  }
2730
+
2731
  form .form-content .field-group .field-note.alert-note a.gs-button,
2732
  div.gs-form .form-content .field-group .field-note.alert-note a.gs-button {
2733
+ font-size: 13px;
2734
+ padding: 2px 7px;
2735
+ margin-left: 5px;
2736
  }
2737
+
2738
  form .form-content .field-group .field-note.alert-note.gs-primary,
2739
  div.gs-form .form-content .field-group .field-note.alert-note.gs-primary {
2740
+ color: #02b6b3;
2741
+ background: #dceef8;
2742
  }
2743
+
2744
  form .form-content .field-group .field-note.alert-note.gs-success,
2745
  div.gs-form .form-content .field-group .field-note.alert-note.gs-success {
2746
+ color: #02b6b3;
2747
+ background: #dcefb0;
2748
  }
2749
+
2750
  form .form-content .field-group .field-note.alert-note.gs-error,
2751
  div.gs-form .form-content .field-group .field-note.alert-note.gs-error {
2752
+ color: #d36c65;
2753
+ background: #fff;
2754
  }
2755
+
2756
  form .form-content .field-group .field-tab,
2757
  div.gs-form .form-content .field-group .field-tab {
2758
+ display: none;
2759
  }
2760
+
2761
  form .form-content .field-group .field-tab.active,
2762
  div.gs-form .form-content .field-group .field-tab.active {
2763
+ display: block;
2764
+ -webkit-animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2765
+ animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2766
  }
2767
+
2768
+ form .form-content .field-group:not(.field-alert)+.field-group,
2769
+ div.gs-form .form-content .field-group:not(.field-alert)+.field-group {
2770
+ border-top: 1px solid #eee;
2771
  }
2772
+
2773
  form .form-content .field-group.follow-input label i,
2774
  div.gs-form .form-content .field-group.follow-input label i {
2775
+ width: 50px;
2776
+ height: 50px;
2777
+ color: #fff;
2778
+ padding: 10px;
2779
+ margin-left: 10px;
2780
+ position: relative;
2781
+ top: -1px;
2782
+ border-radius: 4px;
2783
+ -webkit-font-smoothing: antialiased;
2784
+ -moz-osx-font-smoothing: grayscale;
2785
  }
2786
+
2787
  form .form-content .field-group.follow-input label i:after,
2788
  div.gs-form .form-content .field-group.follow-input label i:after {
2789
+ font-size: 22px;
2790
+ font-family: "getsocial-icons";
2791
+ font-style: normal;
2792
+ font-weight: normal;
2793
+ font-variant: normal;
2794
+ speak: none;
2795
+ text-transform: none;
2796
+ line-height: 1;
2797
+ display: inline-block;
2798
+ position: relative;
2799
+ bottom: -3px;
2800
  }
2801
+
2802
  form .form-content .field-group.follow-input label span,
2803
  div.gs-form .form-content .field-group.follow-input label span {
2804
+ display: none;
2805
  }
2806
+
2807
  form .form-content .field-group.follow-input.fb label i,
2808
  div.gs-form .form-content .field-group.follow-input.fb label i {
2809
+ background: #506bb1;
2810
  }
2811
+
2812
  form .form-content .field-group.follow-input.fb label i:after,
2813
  div.gs-form .form-content .field-group.follow-input.fb label i:after {
2814
+ content: " ";
2815
  }
2816
+
2817
  form .form-content .field-group.follow-input.tw label i,
2818
  div.gs-form .form-content .field-group.follow-input.tw label i {
2819
+ background: #60aade;
2820
  }
2821
+
2822
  form .form-content .field-group.follow-input.tw label i:after,
2823
  div.gs-form .form-content .field-group.follow-input.tw label i:after {
2824
+ content: " ";
2825
  }
2826
+
2827
  form .form-content .field-group.follow-input.pn label i,
2828
  div.gs-form .form-content .field-group.follow-input.pn label i {
2829
+ background: #ef4448;
2830
  }
2831
+
2832
  form .form-content .field-group.follow-input.pn label i:after,
2833
  div.gs-form .form-content .field-group.follow-input.pn label i:after {
2834
+ content: " ";
2835
  }
2836
+
2837
  form .form-content .field-group.follow-input.gp label i,
2838
  div.gs-form .form-content .field-group.follow-input.gp label i {
2839
+ background: #e85441;
2840
  }
2841
+
2842
  form .form-content .field-group.follow-input.gp label i:after,
2843
  div.gs-form .form-content .field-group.follow-input.gp label i:after {
2844
+ content: " ";
2845
  }
2846
+
2847
  form .form-content .field-group.follow-input.tu label i,
2848
  div.gs-form .form-content .field-group.follow-input.tu label i {
2849
+ background: #55677d;
2850
  }
2851
+
2852
  form .form-content .field-group.follow-input.tu label i:after,
2853
  div.gs-form .form-content .field-group.follow-input.tu label i:after {
2854
+ content: " ";
2855
  }
2856
+
2857
  form .form-content .field-group.follow-input.ld label i,
2858
  div.gs-form .form-content .field-group.follow-input.ld label i {
2859
+ background: #1b93ce;
2860
  }
2861
+
2862
  form .form-content .field-group.follow-input.ld label i:after,
2863
  div.gs-form .form-content .field-group.follow-input.ld label i:after {
2864
+ content: " ";
2865
  }
2866
+
2867
  form .form-content .field-group.follow-input.de label i,
2868
  div.gs-form .form-content .field-group.follow-input.de label i {
2869
+ background: #797979;
2870
  }
2871
+
2872
  form .form-content .field-group.follow-input.de label i:after,
2873
  div.gs-form .form-content .field-group.follow-input.de label i:after {
2874
+ content: " ";
2875
  }
2876
+
2877
  form .form-content .field-group.follow-input.su label i,
2878
  div.gs-form .form-content .field-group.follow-input.su label i {
2879
+ background: #f65830;
2880
  }
2881
+
2882
  form .form-content .field-group.follow-input.su label i:after,
2883
  div.gs-form .form-content .field-group.follow-input.su label i:after {
2884
+ content: " ";
2885
  }
2886
+
2887
  form .form-content .field-group.follow-input.re label i,
2888
  div.gs-form .form-content .field-group.follow-input.re label i {
2889
+ background: #208fdf;
2890
  }
2891
+
2892
  form .form-content .field-group.follow-input.re label i:after,
2893
  div.gs-form .form-content .field-group.follow-input.re label i:after {
2894
+ content: " ";
2895
  }
2896
+
2897
  form .form-content .field-group.follow-input.ok label i,
2898
  div.gs-form .form-content .field-group.follow-input.ok label i {
2899
+ background: #fa6f0d;
2900
  }
2901
+
2902
  form .form-content .field-group.follow-input.ok label i:after,
2903
  div.gs-form .form-content .field-group.follow-input.ok label i:after {
2904
+ content: " ";
2905
  }
2906
+
2907
  form .form-content .field-group.follow-input.hn label i,
2908
  div.gs-form .form-content .field-group.follow-input.hn label i {
2909
+ background: #f36201;
2910
  }
2911
+
2912
  form .form-content .field-group.follow-input.hn label i:after,
2913
  div.gs-form .form-content .field-group.follow-input.hn label i:after {
2914
+ content: " ";
2915
  }
2916
+
2917
  form .form-content .field-group.follow-input.fbm label i,
2918
  div.gs-form .form-content .field-group.follow-input.fbm label i {
2919
+ background: #0d87ff;
2920
  }
2921
+
2922
  form .form-content .field-group.follow-input.fbm label i:after,
2923
  div.gs-form .form-content .field-group.follow-input.fbm label i:after {
2924
+ content: " ";
2925
  }
2926
+
2927
  form .form-content .field-group.follow-input.vk label i,
2928
  div.gs-form .form-content .field-group.follow-input.vk label i {
2929
+ background: #3b689c;
2930
  }
2931
+
2932
  form .form-content .field-group.follow-input.vk label i:after,
2933
  div.gs-form .form-content .field-group.follow-input.vk label i:after {
2934
+ content: " ";
2935
  }
2936
+
2937
  form .form-content .field-group.follow-input.bf label i,
2938
  div.gs-form .form-content .field-group.follow-input.bf label i {
2939
+ background: #424242;
2940
  }
2941
+
2942
  form .form-content .field-group.follow-input.bf label i:after,
2943
  div.gs-form .form-content .field-group.follow-input.bf label i:after {
2944
+ content: " ";
2945
  }
2946
+
2947
  form .form-content .field-group.follow-input.wa label i,
2948
  div.gs-form .form-content .field-group.follow-input.wa label i {
2949
+ background: #02a601;
2950
  }
2951
+
2952
  form .form-content .field-group.follow-input.wa label i:after,
2953
  div.gs-form .form-content .field-group.follow-input.wa label i:after {
2954
+ content: " ";
2955
  }
2956
+
2957
  form .form-content .field-group.follow-input.ren label i,
2958
  div.gs-form .form-content .field-group.follow-input.ren label i {
2959
+ background: #1e72c8;
2960
  }
2961
+
2962
  form .form-content .field-group.follow-input.ren label i:after,
2963
  div.gs-form .form-content .field-group.follow-input.ren label i:after {
2964
+ content: " ";
2965
  }
2966
+
2967
  form .form-content .field-group.follow-input.ba label i,
2968
  div.gs-form .form-content .field-group.follow-input.ba label i {
2969
+ background: #314ff3;
2970
  }
2971
+
2972
  form .form-content .field-group.follow-input.ba label i:after,
2973
  div.gs-form .form-content .field-group.follow-input.ba label i:after {
2974
+ content: " ";
2975
  }
2976
+
2977
  form .form-content .field-group.follow-input.we label i,
2978
  div.gs-form .form-content .field-group.follow-input.we label i {
2979
+ background: #dc3737;
2980
  }
2981
+
2982
  form .form-content .field-group.follow-input.we label i:after,
2983
  div.gs-form .form-content .field-group.follow-input.we label i:after {
2984
+ content: " ";
2985
  }
2986
+
2987
  form .form-content .field-group.follow-input.ig label i,
2988
  div.gs-form .form-content .field-group.follow-input.ig label i {
2989
+ background: #3F729B;
2990
  }
2991
+
2992
  form .form-content .field-group.follow-input.ig label i:after,
2993
  div.gs-form .form-content .field-group.follow-input.ig label i:after {
2994
+ content: " ";
2995
  }
2996
+
2997
  form .form-content .field-group.follow-input.yt label i,
2998
  div.gs-form .form-content .field-group.follow-input.yt label i {
2999
+ background: #CD201F;
3000
  }
3001
+
3002
  form .form-content .field-group.follow-input.yt label i:after,
3003
  div.gs-form .form-content .field-group.follow-input.yt label i:after {
3004
+ content: " ";
3005
  }
3006
+
3007
  form .form-content .field-group.follow-input.ym label i,
3008
  div.gs-form .form-content .field-group.follow-input.ym label i {
3009
+ background: #e16120;
3010
  }
3011
+
3012
  form .form-content .field-group.follow-input.ym label i:after,
3013
  div.gs-form .form-content .field-group.follow-input.ym label i:after {
3014
+ content: " ";
3015
  }
3016
+
3017
  form .form-content .field-group.follow-input .field-input,
3018
  div.gs-form .form-content .field-group.follow-input .field-input {
3019
+ padding-right: 80px;
3020
  }
3021
+
3022
  form .form-content .field-group.follow-input .field-input .close-field,
3023
  div.gs-form .form-content .field-group.follow-input .field-input .close-field {
3024
+ font-size: 18px;
3025
+ color: #ccc;
3026
+ padding: 7px 9px 6px;
3027
+ position: absolute;
3028
+ top: 35px;
3029
+ right: 20px;
3030
  }
3031
+
3032
  form .form-content .field-group.follow-input .field-input .close-field i,
3033
  div.gs-form .form-content .field-group.follow-input .field-input .close-field i {
3034
+ margin-right: 0;
3035
  }
3036
+
3037
  form .form-content .field-group.follow-input .field-input .close-field span,
3038
  div.gs-form .form-content .field-group.follow-input .field-input .close-field span {
3039
+ display: none;
3040
  }
3041
+
3042
  form .form-content .field-group.follow-input .field-input .close-field div,
3043
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div {
3044
+ width: 115px;
3045
+ padding-top: 8px;
3046
+ padding-bottom: 8px;
3047
+ margin-left: -82px;
3048
+ top: 37px;
3049
  }
3050
+
3051
  form .form-content .field-group.follow-input .field-input .close-field div:before,
3052
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div:before {
3053
+ margin-left: 0;
3054
+ left: auto;
3055
+ right: 24px;
3056
  }
3057
+
3058
  form .form-content .field-group.follow-input .field-input .close-field:hover,
3059
  div.gs-form .form-content .field-group.follow-input .field-input .close-field:hover {
3060
+ color: #d36c65;
3061
  }
3062
+
3063
+ form .form-content .field-grid+.field-group,
3064
+ div.gs-form .form-content .field-grid+.field-group {
3065
+ border-top: 1px solid #eee;
3066
  }
3067
+
3068
  form .form-content .field-grid .field-label .user-avatar,
3069
  div.gs-form .form-content .field-grid .field-label .user-avatar {
3070
+ position: absolute;
3071
+ top: 50%;
3072
+ left: 50%;
3073
+ margin: -23px 0 0 -23px;
3074
+ }
3075
+
3076
+ form .form-content .field-grid .field-label .user-avatar>div,
3077
+ div.gs-form .form-content .field-grid .field-label .user-avatar>div {
3078
+ width: 24px;
3079
+ font-size: 12px;
3080
+ color: #fff;
3081
+ background: #efc520;
3082
+ border: 3px solid #f9f9f9;
3083
+ text-align: center;
3084
+ padding: 3px 0 3px 1px;
3085
+ display: inline-block;
3086
+ position: absolute;
3087
+ top: -7px;
3088
+ right: -7px;
3089
  }
3090
+
3091
  form .form-content .field-grid .field-label .user-avatar img,
3092
  div.gs-form .form-content .field-grid .field-label .user-avatar img {
3093
+ width: 46px;
3094
  }
3095
+
3096
  form .form-content .field-grid .field-label .user-avatar img,
3097
+ form .form-content .field-grid .field-label .user-avatar>div,
3098
  div.gs-form .form-content .field-grid .field-label .user-avatar img,
3099
+ div.gs-form .form-content .field-grid .field-label .user-avatar>div {
3100
+ border-radius: 100%;
3101
  }
3102
+
3103
+ form .form-content .field-grid .field-input>div:not(.field-button-group),
3104
+ div.gs-form .form-content .field-grid .field-input>div:not(.field-button-group) {
3105
+ display: inline-block;
3106
  }
3107
+
3108
+ form .form-content .field-grid .field-input>div.field-button-group,
3109
+ div.gs-form .form-content .field-grid .field-input>div.field-button-group {
3110
+ margin: -7px 0 -11px;
3111
+ float: right;
3112
  }
3113
+
3114
+ form .form-content .field-grid .field-input>div.field-button-group a.gs-button,
3115
+ div.gs-form .form-content .field-grid .field-input>div.field-button-group a.gs-button {
3116
+ padding: 6px 13px 7px !important;
3117
+ display: inline-block;
3118
  }
3119
+
3120
+ form .form-content .field-grid .field-input>div.field-button-group i.fa-trash,
3121
+ div.gs-form .form-content .field-grid .field-input>div.field-button-group i.fa-trash {
3122
+ margin-right: 0;
3123
  }
3124
+
3125
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group,
3126
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group {
3127
+ font-weight: 600;
3128
+ color: #7a7a7a;
3129
+ background: #f9f9f9;
3130
+ padding: 0;
3131
  }
3132
+
3133
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title,
3134
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title {
3135
+ border-right: 1px solid #eee;
3136
+ padding: 15px 30px;
3137
  }
3138
+
3139
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child,
3140
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child {
3141
+ border-right: 0;
3142
  }
3143
+
3144
  form .form-content .field-grid.field-grid-table .field-group,
3145
  div.gs-form .form-content .field-grid.field-grid-table .field-group {
3146
+ padding-left: 160px;
3147
  }
3148
+
3149
  form .form-content .field-grid.field-grid-table .field-label,
3150
  div.gs-form .form-content .field-grid.field-grid-table .field-label {
3151
+ width: 160px;
3152
+ min-width: 160px;
3153
+ padding-top: 35px;
3154
  }
3155
+
3156
  form .form-content .field-grid.field-grid-table .field-label a,
3157
  div.gs-form .form-content .field-grid.field-grid-table .field-label a {
3158
+ font-size: 16px;
3159
+ font-weight: 600;
3160
+ color: #02b6b3;
3161
  }
3162
+
3163
  form .form-content .field-grid.field-grid-table .field-label a:hover,
3164
  form .form-content .field-grid.field-grid-table .field-label a:focus,
3165
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:hover,
3166
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:focus {
3167
+ color: #2687b9;
3168
  }
3169
+
3170
  form .form-content .field-grid.field-grid-table .grid-desc,
3171
  div.gs-form .form-content .field-grid.field-grid-table .grid-desc {
3172
+ font-size: 14px;
3173
+ color: #bbb;
3174
  }
3175
+
3176
  form .form-button-group,
3177
  div.gs-form .form-button-group {
3178
+ text-align: center;
3179
+ padding: 38px 0 20px;
3180
  }
3181
+
3182
  form .form-button-group .form-button-status,
3183
  div.gs-form .form-button-group .form-button-status {
3184
+ display: inline-block;
3185
+ position: relative;
3186
  }
3187
+
3188
  form .form-button-group .form-button-status p,
3189
  div.gs-form .form-button-group .form-button-status p {
3190
+ width: 240px;
3191
+ font-size: 14px;
3192
+ line-height: 15px;
3193
+ position: absolute;
3194
+ top: 100%;
3195
+ left: 50%;
3196
+ margin: 15px 0 0 -120px;
3197
+ -webkit-animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
3198
+ animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
3199
+ }
3200
+
3201
+ form .form-button-group .form-button-status .gs-primary+p,
3202
+ div.gs-form .form-button-group .form-button-status .gs-primary+p {
3203
+ color: #02b6b3;
3204
+ }
3205
+
3206
+ form .form-button-group .form-button-status .gs-success+p,
3207
+ div.gs-form .form-button-group .form-button-status .gs-success+p {
3208
+ color: #02b6b3;
3209
+ }
3210
+
3211
+ form .form-button-group .form-button-status .gs-error+p,
3212
+ div.gs-form .form-button-group .form-button-status .gs-error+p {
3213
+ color: #d36c65;
3214
  }
3215
+
3216
  form .form-button-group.fixed,
3217
  div.gs-form .form-button-group.fixed {
3218
+ max-width: 925px;
3219
+ width: 100%;
3220
+ background: #f3f3f3;
3221
+ padding: 30px 0;
3222
+ position: fixed;
3223
+ bottom: 0;
3224
+ left: 50%;
3225
+ z-index: 4;
3226
+ -webkit-transform: translateX(-50%);
3227
+ -ms-transform: translateX(-50%);
3228
+ transform: translateX(-50%);
3229
+ box-shadow: 0 -20px 30px -30px rgba(0, 0, 0, 0.5);
3230
+ -webkit-animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
3231
+ animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
3232
  }
3233
+
3234
  form .extra-notes,
3235
  div.gs-form .extra-notes {
3236
+ padding-top: 15px;
3237
  }
3238
+
3239
  form .extra-notes .fa-asterisk,
3240
  div.gs-form .extra-notes .fa-asterisk {
3241
+ font-size: 16px;
3242
+ color: #02b6b3;
3243
  }
3244
+
3245
+ .edit_exclusion+.edit_exclusion,
3246
  .new_exclusion {
3247
+ margin-top: 30px;
3248
  }
3249
+
3250
  .form-content {
3251
+ background: #fff;
3252
+ border: 1px solid #e1e1e1;
3253
+ overflow: hidden;
3254
+ border-radius: 4px;
3255
  }
3256
+
3257
  .form-content.free-content {
3258
+ padding: 30px;
3259
  }
3260
+
3261
  .form-content.show-content {
3262
+ overflow: visible;
3263
  }
3264
+
3265
  .form-content.show-content .field-group:first-child .field-label {
3266
+ border-top-left-radius: 3px;
3267
  }
3268
+
3269
  .form-content.show-content .field-group:first-child .field-input {
3270
+ border-top-right-radius: 3px;
3271
  }
3272
+
3273
  .form-content.show-content .field-group:last-child .field-label {
3274
+ border-bottom-left-radius: 3px;
3275
  }
3276
+
3277
  .form-content.show-content .field-group:last-child .field-input {
3278
+ border-bottom-right-radius: 3px;
3279
  }
3280
+
3281
  .gs-button {
3282
+ font-weight: 600;
3283
+ color: #fff;
3284
+ border: 2px solid transparent;
3285
+ padding: 4px 13px 6px;
3286
+ border-radius: 4px;
3287
+ -webkit-transition: all 200ms;
3288
+ transition: all 200ms;
3289
  }
3290
+
3291
  .gs-button i {
3292
+ margin-right: 4px;
3293
  }
3294
+
3295
  .gs-button.special {
3296
+ color: #efc520;
3297
  }
3298
+
3299
  .gs-button.special:not(.trans) {
3300
+ background: #efc520;
3301
  }
3302
+
3303
  .gs-button.special.trans.border {
3304
+ border-color: #efc520;
3305
  }
3306
+
3307
  .gs-button.dark {
3308
+ color: #606060;
3309
  }
3310
+
3311
  .gs-button.dark:hover {
3312
+ color: #02b6b3;
3313
  }
3314
+
3315
  .gs-button.grey {
3316
+ color: #606060;
3317
+ background: #f6f6f6;
3318
  }
3319
+
3320
  .gs-button.grey:hover {
3321
+ background: #e3e3e3;
3322
  }
3323
+
3324
  .gs-button.disabled {
3325
+ color: #aaa;
3326
+ background: #eee;
3327
  }
3328
+
3329
  .gs-button:not(.pricing-plan).plan-one:not(.trans) {
3330
+ background: #00bba4;
3331
  }
3332
+
3333
  .gs-button:not(.pricing-plan).plan-one:not(.trans):hover {
3334
+ background: #008877;
3335
  }
3336
+
3337
  .gs-button:not(.pricing-plan).plan-one.trans {
3338
+ color: #00bba4;
3339
  }
3340
+
3341
  .gs-button:not(.pricing-plan).plan-one:not(.trans) {
3342
+ background: #00bba4;
3343
  }
3344
+
3345
  .gs-button:not(.pricing-plan).plan-one:not(.trans):hover {
3346
+ background: #008877;
3347
  }
3348
+
3349
  .gs-button:not(.pricing-plan).plan-two.trans {
3350
+ color: #f29809;
3351
  }
3352
+
3353
  .gs-button:not(.pricing-plan).plan-two.trans.border {
3354
+ border-color: #f29809;
3355
  }
3356
+
3357
  .gs-button:not(.pricing-plan).plan-two.trans:hover {
3358
+ color: #f29809;
3359
+ border-color: #f29809;
3360
  }
3361
+
3362
  .gs-button:not(.pricing-plan).plan-three:not(.trans) {
3363
+ background: #dd5a7c;
3364
  }
3365
+
3366
  .gs-button:not(.pricing-plan).plan-three:not(.trans):hover {
3367
+ background: #d63861;
3368
  }
3369
+
3370
  .gs-button:not(.pricing-plan).plan-three.trans {
3371
+ color: #dd5a7c;
3372
  }
3373
+
3374
  .gs-button:not(.pricing-plan).plan-three.trans.border {
3375
+ border-color: #dd5a7c;
3376
  }
3377
+
3378
  .gs-button:not(.pricing-plan).plan-three.trans:hover {
3379
+ color: #dd5a7c;
3380
+ border-color: #dd5a7c;
3381
  }
3382
+
3383
  .gs-button:not(.pricing-plan).plan-four:not(.trans) {
3384
+ background: #9a58e6;
3385
  }
3386
+
3387
  .gs-button:not(.pricing-plan).plan-four:not(.trans):hover {
3388
+ background: #8535e1;
3389
  }
3390
+
3391
  .gs-button:not(.pricing-plan).plan-four.trans {
3392
+ color: #9a58e6;
3393
  }
3394
+
3395
  .gs-button:not(.pricing-plan).plan-four.trans.border {
3396
+ border-color: #9a58e6;
3397
  }
3398
+
3399
  .gs-button:not(.pricing-plan).plan-four.trans:hover {
3400
+ color: #9a58e6;
3401
+ border-color: #9a58e6;
3402
  }
3403
+
3404
  .gs-button.dropdown {
3405
+ width: 100%;
3406
+ font-family: "Source Sans Pro", sans-serif;
3407
+ font-size: 20px;
3408
+ font-weight: normal;
3409
+ background: #fff;
3410
+ border: 1px solid #ccc;
3411
+ padding: 3px 30px 5px 15px;
3412
+ position: relative;
3413
  }
3414
+
3415
  .gs-button.dropdown i {
3416
+ font-size: 16px;
3417
+ position: absolute;
3418
+ top: 10px;
3419
+ right: 10px;
3420
+ -webkit-transition: all 200ms ease-in-out;
3421
+ transition: all 200ms ease-in-out;
3422
  }
3423
+
3424
  .gs-button.dropdown.empty {
3425
+ font-style: italic;
3426
+ color: #ccc;
3427
  }
3428
+
3429
  .gs-button.dropdown.filled {
3430
+ color: #fff;
3431
+ background: #02b6b3;
3432
+ border-color: #02b6b3;
3433
  }
3434
+
3435
  .gs-button.dropdown.filled i {
3436
+ color: #88c6e6;
3437
  }
3438
+
3439
  .gs-button.dropdown.filled:hover {
3440
+ background: #2687b9;
3441
+ border-color: #2687b9;
3442
  }
3443
+
3444
  .gs-button.dropdown.active {
3445
+ color: #606060;
3446
+ border-color: #02b6b3;
3447
+ box-shadow: inset 0 0 3px #b2daef;
3448
  }
3449
+
3450
  .gs-button.dropdown.active i {
3451
+ -webkit-transform-origin: 50% 45%;
3452
+ -ms-transform-origin: 50% 45%;
3453
+ transform-origin: 50% 45%;
3454
+ -webkit-transform: rotate(180deg);
3455
+ -ms-transform: rotate(180deg);
3456
+ transform: rotate(180deg);
3457
  }
3458
+
3459
  .gs-button.dropdown:hover {
3460
+ background: #f9f9f9;
3461
  }
3462
+
3463
  .gs-button.pricing-plan {
3464
+ min-width: 100px;
3465
+ font-size: 20px;
3466
+ font-weight: 600;
3467
+ color: #fff;
3468
+ border: 0;
3469
+ text-shadow: 0 1px rgba(0, 0, 0, 0.25);
3470
+ padding: 6px 15px;
3471
+ border-radius: 4px;
3472
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 0 transparent;
3473
+ -webkit-transition: all 200ms;
3474
+ transition: all 200ms;
3475
  }
3476
+
3477
  .gs-button.pricing-plan.plan-one {
3478
+ background: #02b6b3, #f29809, #dd5a7c, #9a58e6;
3479
  }
3480
+
3481
  .gs-button.pricing-plan.plan-two {
3482
+ background: #02b6b3, #f29809, #dd5a7c, #9a58e6;
3483
  }
3484
+
3485
  .gs-button.pricing-plan.plan-three {
3486
+ background: #02b6b3, #f29809, #dd5a7c, #9a58e6;
3487
  }
3488
+
3489
  .gs-button.pricing-plan.plan-four {
3490
+ background: #02b6b3, #f29809, #dd5a7c, #9a58e6;
3491
  }
3492
+
3493
  .gs-button.gs-primary:not(.trans) {
3494
+ background: #02b6b3;
3495
  }
3496
+
3497
  .gs-button.gs-primary.trans {
3498
+ color: #02b6b3;
3499
  }
3500
+
3501
  .gs-button.gs-primary.trans.border {
3502
+ border-color: #02b6b3;
3503
  }
3504
+
3505
  .gs-button.gs-success:not(.trans) {
3506
+ background: #02b6b3;
3507
  }
3508
+
3509
  .gs-button.gs-success:hover:not(.trans) {
3510
+ color: #FFFFFF;
3511
  }
3512
+
3513
  .gs-button.gs-success.trans {
3514
+ color: #02b6b3;
3515
  }
3516
+
3517
  .gs-button.gs-success.trans.border {
3518
+ border-color: #02b6b3;
3519
  }
3520
+
3521
  .gs-button.gs-error:not(.trans) {
3522
+ background: #d36c65;
3523
  }
3524
+
3525
  .gs-button.gs-error.trans {
3526
+ color: #d36c65;
3527
  }
3528
+
3529
  .gs-button.gs-error.trans.border {
3530
+ border-color: #d36c65;
3531
  }
3532
+
3533
  .gs-button.white {
3534
+ color: #606060;
3535
+ background: #fff;
3536
+ border-width: 3px;
3537
+ border-style: solid;
3538
+ border-color: transparent;
3539
+ -webkit-transition: all 200ms;
3540
+ transition: all 200ms;
3541
  }
3542
+
3543
  .gs-button.white:hover {
3544
+ border-color: #606060;
3545
  }
3546
+
3547
  a.gs-button.special:not(.trans):hover,
3548
  input.gs-button.special:not(.trans):hover,
3549
  button.gs-button.special:not(.trans):hover {
3550
+ background: #d7ae0f;
3551
  }
3552
+
3553
  a.gs-button.special.trans.border:hover,
3554
  input.gs-button.special.trans.border:hover,
3555
  button.gs-button.special.trans.border:hover {
3556
+ color: #d7ae0f;
3557
+ border-color: #d7ae0f;
3558
  }
3559
+
3560
  a.gs-button.dark,
3561
  input.gs-button.dark,
3562
  button.gs-button.dark {
3563
+ color: #606060;
3564
  }
3565
+
3566
  a.gs-button.dark:hover,
3567
  input.gs-button.dark:hover,
3568
  button.gs-button.dark:hover {
3569
+ color: #02b6b3;
3570
  }
3571
+
3572
  a.gs-button.pricing-plan.plan-one:hover,
3573
  input.gs-button.pricing-plan.plan-one:hover,
3574
  button.gs-button.pricing-plan.plan-one:hover {
3575
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #00bba4;
3576
  }
3577
+
3578
  a.gs-button.pricing-plan.plan-two:hover,
3579
  input.gs-button.pricing-plan.plan-two:hover,
3580
  button.gs-button.pricing-plan.plan-two:hover {
3581
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #5777d1;
3582
  }
3583
+
3584
  a.gs-button.pricing-plan.plan-three:hover,
3585
  input.gs-button.pricing-plan.plan-three:hover,
3586
  button.gs-button.pricing-plan.plan-three:hover {
3587
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #2c4aa1;
3588
  }
3589
+
3590
  a.gs-button.pricing-plan.plan-four:hover,
3591
  input.gs-button.pricing-plan.plan-four:hover,
3592
  button.gs-button.pricing-plan.plan-four:hover {
3593
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #8600f1;
3594
  }
3595
+
3596
  a.gs-button.gs-primary:not(.trans):hover,
3597
  input.gs-button.gs-primary:not(.trans):hover,
3598
  button.gs-button.gs-primary:not(.trans):hover {
3599
+ background: #2687b9;
3600
  }
3601
+
3602
  a.gs-button.gs-primary.trans:hover,
3603
  input.gs-button.gs-primary.trans:hover,
3604
  button.gs-button.gs-primary.trans:hover {
3605
+ border-color: #02b6b3;
3606
  }
3607
+
3608
  a.gs-button.gs-success:not(.trans):hover,
3609
  input.gs-button.gs-success:not(.trans):hover,
3610
  button.gs-button.gs-success:not(.trans):hover {
3611
+ background: #029d9a;
3612
  }
3613
+
3614
  a.gs-button.gs-success.trans:hover,
3615
  input.gs-button.gs-success.trans:hover,
3616
  button.gs-button.gs-success.trans:hover {
3617
+ border-color: #02b6b3;
3618
  }
3619
+
3620
  a.gs-button.gs-error:not(.trans):hover,
3621
  input.gs-button.gs-error:not(.trans):hover,
3622
  button.gs-button.gs-error:not(.trans):hover {
3623
+ background: #ca4e45;
3624
  }
3625
+
3626
  a.gs-button.gs-error.trans:hover,
3627
  input.gs-button.gs-error.trans:hover,
3628
  button.gs-button.gs-error.trans:hover {
3629
+ border-color: #d36c65;
3630
  }
3631
+
3632
  .checkbox {
3633
+ position: relative;
3634
  }
3635
+
3636
  .checkbox input {
3637
+ height: 34px;
3638
+ background: transparent;
3639
+ position: absolute;
3640
+ margin: 0;
3641
+ opacity: 0;
3642
+ z-index: 1;
3643
  }
3644
+
3645
  .checkbox input:hover {
3646
+ cursor: pointer;
3647
  }
3648
+
3649
+ .checkbox input+.checkbox-btn {
3650
+ background: #ccc;
3651
  }
3652
+
3653
+ .checkbox input+.checkbox-btn:after {
3654
+ left: 0;
3655
+ -webkit-transform: translate(2px, 0);
3656
+ -ms-transform: translate(2px, 0);
3657
+ transform: translate(2px, 0);
3658
  }
3659
+
3660
+ .checkbox input:checked+.checkbox-btn:after {
3661
+ left: 100%;
3662
+ -webkit-transform: translate(-32px, 0);
3663
+ -ms-transform: translate(-32px, 0);
3664
+ transform: translate(-32px, 0);
3665
  }
3666
+
3667
+ .checkbox input:checked+.checkbox-btn.gs-primary {
3668
+ background: #02b6b3;
3669
  }
3670
+
3671
+ .checkbox input:checked+.checkbox-btn.gs-success {
3672
+ background: #02b6b3;
3673
  }
3674
+
3675
+ .checkbox input:checked+.checkbox-btn.gs-error {
3676
+ background: #d36c65;
3677
  }
3678
+
3679
  .checkbox input:hover,
3680
  .checkbox input:focus {
3681
+ cursor: pointer;
3682
  }
3683
+
3684
+ .checkbox input:hover+.checkbox-btn,
3685
+ .checkbox input:focus+.checkbox-btn {
3686
+ background: #b8b8b8;
3687
  }
3688
+
3689
+ .checkbox input:hover:checked+.checkbox-btn.gs-primary,
3690
+ .checkbox input:focus:checked+.checkbox-btn.gs-primary {
3691
+ background: #2687b9;
3692
  }
3693
+
3694
+ .checkbox input:hover:checked+.checkbox-btn.gs-success,
3695
+ .checkbox input:focus:checked+.checkbox-btn.gs-success {
3696
+ background: #029d9a;
3697
  }
3698
+
3699
+ .checkbox input:hover:checked+.checkbox-btn.gs-error,
3700
+ .checkbox input:focus:checked+.checkbox-btn.gs-error {
3701
+ background: #ca4e45;
3702
  }
3703
+
3704
  .checkbox .checkbox-btn {
3705
+ width: 75px;
3706
+ font-weight: 600;
3707
+ padding: 7px 15px 9px;
3708
+ display: inline-block;
3709
+ position: relative;
3710
+ overflow: hidden;
3711
+ border-radius: 100px;
3712
+ -webkit-transition: all 200ms;
3713
+ transition: all 200ms;
3714
  }
3715
+
3716
  .checkbox .checkbox-btn *,
3717
  .checkbox .checkbox-btn:after {
3718
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3719
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3720
  }
3721
+
3722
  .checkbox .checkbox-btn span:first-child {
3723
+ margin-right: -8px;
3724
+ -webkit-transform: translate(30px, 0);
3725
+ -ms-transform: translate(30px, 0);
3726
+ transform: translate(30px, 0);
3727
  }
3728
+
3729
  .checkbox .checkbox-btn span:last-child {
3730
+ margin-left: 8px;
3731
+ -webkit-transform: translate(-30px, 0);
3732
+ -ms-transform: translate(-30px, 0);
3733
+ transform: translate(-30px, 0);
3734
  }
3735
+
3736
  .checkbox .checkbox-btn span:not(.active) {
3737
+ opacity: 0;
3738
  }
3739
+
3740
  .checkbox .checkbox-btn span.active {
3741
+ color: #fff;
3742
+ -webkit-transform: translate(0, 0);
3743
+ -ms-transform: translate(0, 0);
3744
+ transform: translate(0, 0);
3745
  }
3746
+
3747
  .checkbox .checkbox-btn:after {
3748
+ width: 30px;
3749
+ height: 30px;
3750
+ background: #fff;
3751
+ content: "";
3752
+ position: absolute;
3753
+ top: 2px;
3754
+ border-radius: 100%;
3755
  }
3756
+
3757
  .checkbox.checkbox-margin {
3758
+ margin-left: 10px;
3759
  }
3760
+
3761
  .field-label .checkbox {
3762
+ margin-top: 8px;
3763
  }
3764
+
3765
  .field-label .checkbox .checkbox-btn {
3766
+ width: initial;
3767
+ padding: 5px 13px 7px;
3768
  }
3769
+
3770
  .field-label .checkbox .checkbox-btn:after {
3771
+ width: 26px;
3772
+ height: 26px;
3773
  }
3774
+
3775
  .field-label .checkbox .checkbox-btn span:first-child {
3776
+ padding-right: 8px;
3777
  }
3778
+
3779
  .field-label .checkbox .checkbox-btn span:last-child {
3780
+ padding-left: 8px;
3781
+ margin-left: -8px;
3782
  }
3783
+
3784
  .field-label .checkbox.long {
3785
+ margin-left: -15px;
3786
  }
3787
+
3788
  .field-label .checkbox.long span:first-child {
3789
+ padding-right: 0;
3790
  }
3791
+
3792
  .field-label .checkbox.long span:last-child {
3793
+ padding-left: 0;
3794
  }
3795
+
3796
  .field-label .checkbox input {
3797
+ height: 30px;
3798
  }
3799
+
3800
+ .field-label .checkbox input:checked+.checkbox-btn:after {
3801
+ -webkit-transform: translate(-28px, 0);
3802
+ -ms-transform: translate(-28px, 0);
3803
+ transform: translate(-28px, 0);
3804
  }
3805
+
3806
  .checkbox-inline input {
3807
+ width: auto !important;
3808
+ margin: 0 4px 0 0;
3809
+ top: 1px !important;
3810
  }
3811
+
3812
  .checkbox-inline:hover {
3813
+ cursor: pointer;
3814
  }
3815
+
3816
  .tab-selector {
3817
+ border-right: 1px solid #e1e1e1;
3818
+ padding-top: 30px !important;
3819
+ padding-right: 10px !important;
3820
  }
3821
+
3822
  .tab-selector a {
3823
+ border-width: 1px 0 1px 1px;
3824
+ border-style: solid;
3825
+ border-color: transparent;
3826
+ padding: 8px 14px 8px 11px;
3827
+ margin: 1px -11px 1px 0;
3828
+ display: inline-block;
3829
+ float: right;
3830
+ border-radius: 4px 0 0 4px;
3831
  }
3832
+
3833
  .tab-selector a,
3834
  .tab-selector a * {
3835
+ -webkit-transition: all 200ms;
3836
+ transition: all 200ms;
3837
  }
3838
+
3839
  .tab-selector a img {
3840
+ border-radius: 3px;
3841
  }
3842
+
3843
  .tab-selector a:hover {
3844
+ background: #ebebeb;
3845
  }
3846
+
3847
  .tab-selector a.active {
3848
+ background: #fff;
3849
+ border-color: #e1e1e1;
3850
+ pointer-events: none;
3851
  }
3852
+
3853
  .tab-selector a.active img {
3854
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
3855
  }
3856
+
3857
  .toggle {
3858
+ border: 1px solid #b2daef;
3859
+ display: inline-block;
3860
+ position: relative;
3861
+ border-radius: 4px;
3862
  }
3863
+
3864
  .toggle a {
3865
+ font-size: 16px;
3866
+ color: #7bc0e4;
3867
+ padding: 8px 16px 10px;
3868
+ margin: -1px;
3869
+ display: inline-block;
3870
+ border-radius: 4px;
3871
+ -webkit-transition: all 300ms ease-in-out;
3872
+ transition: all 300ms ease-in-out;
3873
  }
3874
+
3875
  .toggle a:first-child {
3876
+ margin-right: 0;
3877
  }
3878
+
3879
  .toggle a:last-child {
3880
+ margin-left: 0;
3881
  }
3882
+
3883
  .toggle a.active {
3884
+ font-weight: 600;
3885
+ color: #fff !important;
3886
+ background: #02b6b3;
3887
+ pointer-events: none;
3888
+ cursor: default !important;
3889
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
3890
  }
3891
+
3892
  .toggle a:hover {
3893
+ color: #02b6b3;
3894
  }
3895
+
3896
  .gs-button-big {
3897
+ font-size: 20px;
3898
+ font-weight: 600;
3899
+ color: #fff;
3900
+ background: #666;
3901
+ padding: 13px 20px 15px;
3902
+ display: inline-block;
3903
+ position: relative;
3904
+ border-radius: 4px;
3905
+ -webkit-transition: all 200ms;
3906
+ transition: all 200ms;
3907
  }
3908
+
3909
  .gs-button-big i {
3910
+ margin: 0 5px 0 -10px;
3911
+ position: relative;
3912
+ bottom: -1px;
3913
  }
3914
+
3915
  .gs-button-big.cta {
3916
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
3917
  }
3918
+
3919
+ .gs-button-big.extra>span:not(.note) {
3920
+ font-size: 16px;
3921
+ font-weight: 600;
3922
+ color: rgba(255, 255, 255, 0.75);
3923
+ text-transform: uppercase;
3924
+ white-space: nowrap;
3925
+ margin-top: 3px;
3926
+ position: absolute;
3927
+ top: 100%;
3928
+ left: 50%;
3929
+ -webkit-transform: translateX(-50%);
3930
+ -ms-transform: translateX(-50%);
3931
+ transform: translateX(-50%);
3932
+ }
3933
+
3934
+ .gs-button-big>i.fa-angle-left {
3935
+ font-size: 30px;
3936
+ margin: 0 5px 0 -5px;
3937
+ position: relative;
3938
+ bottom: -2px;
3939
  }
3940
+
3941
  .gs-button-big.primary {
3942
+ background: #02b6b3;
3943
  }
3944
+
3945
  .gs-button-big.primary:hover {
3946
+ background: #2687b9;
3947
  }
3948
+
3949
  .gs-button-big.simple {
3950
+ background: transparent;
3951
+ border: 2px solid transparent;
3952
+ padding: 8px 23px 10px;
3953
+ box-shadow: none;
3954
  }
3955
+
3956
  .gs-button-big.simple:hover {
3957
+ border-color: #fff;
3958
  }
3959
+
3960
  .gs-button-big.pricing-plan:not(.trans) {
3961
+ color: #fff;
3962
  }
3963
+
3964
  .gs-button-big.pricing-plan:not(.trans).plan-one {
3965
+ background: #02b6b3;
3966
  }
3967
+
3968
  .gs-button-big.pricing-plan:not(.trans).plan-one:hover {
3969
+ background: #2481b1;
3970
  }
3971
+
3972
  .gs-button-big.pricing-plan:not(.trans).plan-two {
3973
+ background: #f29809;
3974
  }
3975
+
3976
  .gs-button-big.pricing-plan:not(.trans).plan-two:hover {
3977
+ background: #c17907;
3978
  }
3979
+
3980
  .gs-button-big.pricing-plan:not(.trans).plan-three {
3981
+ background: #dd5a7c;
3982
  }
3983
+
3984
  .gs-button-big.pricing-plan:not(.trans).plan-three:hover {
3985
+ background: #d4305a;
3986
  }
3987
+
3988
  .gs-button-big.pricing-plan:not(.trans).plan-four {
3989
+ background: #9a58e6;
3990
  }
3991
+
3992
  .gs-button-big.pricing-plan:not(.trans).plan-four:hover {
3993
+ background: #7f2cdf;
3994
  }
3995
+
3996
  .gs-button-big.pricing-plan.trans {
3997
+ background: #fff;
3998
  }
3999
+
4000
  .gs-button-big.pricing-plan.trans.plan-one {
4001
+ color: #02b6b3;
4002
  }
4003
+
4004
  .gs-button-big.pricing-plan.trans.plan-one.border {
4005
+ border: 1px solid #02b6b3;
4006
  }
4007
+
4008
  .gs-button-big.pricing-plan.trans.plan-one:hover {
4009
+ color: #fff;
4010
+ background: #02b6b3;
4011
  }
4012
+
4013
  .gs-button-big.pricing-plan.trans.plan-two {
4014
+ color: #f29809;
4015
  }
4016
+
4017
  .gs-button-big.pricing-plan.trans.plan-two.border {
4018
+ border: 1px solid #f29809;
4019
  }
4020
+
4021
  .gs-button-big.pricing-plan.trans.plan-two:hover {
4022
+ color: #fff;
4023
+ background: #f29809;
4024
  }
4025
+
4026
  .gs-button-big.pricing-plan.trans.plan-three {
4027
+ color: #dd5a7c;
4028
  }
4029
+
4030
  .gs-button-big.pricing-plan.trans.plan-three.border {
4031
+ border: 1px solid #dd5a7c;
4032
  }
4033
+
4034
  .gs-button-big.pricing-plan.trans.plan-three:hover {
4035
+ color: #fff;
4036
+ background: #dd5a7c;
4037
  }
4038
+
4039
  .gs-button-big.pricing-plan.trans.plan-four {
4040
+ color: #9a58e6;
4041
  }
4042
+
4043
  .gs-button-big.pricing-plan.trans.plan-four.border {
4044
+ border: 1px solid #9a58e6;
4045
  }
4046
+
4047
  .gs-button-big.pricing-plan.trans.plan-four:hover {
4048
+ color: #fff;
4049
+ background: #9a58e6;
4050
  }
4051
+
4052
  .primary-dark {
4053
+ background: #1c6286;
4054
  }
4055
+
4056
  .primary-dark:hover {
4057
+ background: #2481b1;
4058
  }
4059
+
4060
  .orange {
4061
+ background: #f29809;
4062
  }
4063
+
4064
  .orange:hover {
4065
+ background: #cb7f08;
4066
  }
4067
+
4068
  .green {
4069
+ background: #8db13d;
4070
  }
4071
+
4072
  .green:hover {
4073
+ background: #759333;
4074
  }
4075
+
4076
  .form .form-content .field-group.field-alert p,
4077
  .form .form-content .field-group.field-alert p.alert-title {
4078
+ color: #fff;
4079
  }
4080
+
4081
  .form .form-content .field-group.field-alert p.alert-title {
4082
+ font-size: 16px;
4083
+ font-weight: bold;
4084
+ margin-bottom: 5px;
4085
  }
4086
+
4087
  .form .form-content .field-group.field-alert .field-label {
4088
+ height: 100%;
4089
+ padding: 0;
4090
  }
4091
+
4092
  .form .form-content .field-group.field-alert .field-label:before {
4093
+ font-family: "FontAwesome";
4094
+ font-size: 38px;
4095
+ display: inline-block;
4096
+ position: absolute;
4097
+ top: 50%;
4098
+ left: 50%;
4099
+ margin: -19px 0 0 -16px;
4100
  }
4101
+
4102
  .form .form-content .field-group.field-alert .field-input {
4103
+ font-size: 14px;
4104
+ font-weight: 600;
4105
+ color: #fff;
4106
+ line-height: 15px;
4107
+ padding: 20px 30px;
4108
  }
4109
+
4110
  .form .form-content .field-group.field-alert.gs-primary {
4111
+ background: #02b6b3;
4112
  }
4113
+
4114
  .form .form-content .field-group.field-alert.gs-primary .field-label {
4115
+ color: #7fc2e5;
4116
+ background: #288dc2;
4117
  }
4118
+
4119
  .form .form-content .field-group.field-alert.gs-primary .field-label:before {
4120
+ content: " ";
4121
  }
4122
+
4123
  .form .form-content .field-group.field-alert.gs-success {
4124
+ background: #02b6b3;
4125
  }
4126
+
4127
  .form .form-content .field-group.field-alert.gs-success .field-label {
4128
+ color: #b2dd52;
4129
+ background: #72961e;
4130
  }
4131
+
4132
  .form .form-content .field-group.field-alert.gs-success .field-label:before {
4133
+ content: " ";
4134
  }
4135
+
4136
  .form .form-content .field-group.field-alert.gs-error {
4137
+ background: #d36c65;
4138
  }
4139
+
4140
  .form .form-content .field-group.field-alert.gs-error .field-label {
4141
+ color: #e7b0ac;
4142
+ background: #cc554d;
4143
  }
4144
+
4145
  .form .form-content .field-group.field-alert.gs-error .field-label:before {
4146
+ content: " ";
4147
  }
4148
+
4149
  .form .form-content .field-group.field-alert.white {
4150
+ background: #fff;
4151
  }
4152
+
4153
  .form .form-content .field-group.field-alert.white .field-label {
4154
+ color: #02b6b3;
4155
+ background: #f1f8fc;
4156
  }
4157
+
4158
  .form .form-content .field-group.field-alert.white .field-label:before {
4159
+ content: " ";
4160
  }
4161
+
4162
  .form .form-content .field-group.field-alert.white .field-input p,
4163
  .form .form-content .field-group.field-alert.white .field-input p.alert-title {
4164
+ color: #02b6b3;
4165
  }
4166
+
4167
+ .large+div .content-wrapper .options-details:first-child {
4168
+ margin-top: -33px;
4169
  }
4170
+
4171
  @-webkit-keyframes fade-in-up {
4172
+ 0% {
4173
+ -webkit-transform: translateY(30px);
4174
+ opacity: 0;
4175
+ }
4176
+
4177
+ 100% {
4178
+ -webkit-transform: translateY(0);
4179
+ opacity: 1;
4180
+ }
4181
  }
4182
+
4183
  @keyframes fade-in-up {
4184
+ 0% {
4185
+ transform: translateY(30px);
4186
+ opacity: 0;
4187
+ }
4188
+
4189
+ 100% {
4190
+ transform: translateY(0);
4191
+ opacity: 1;
4192
+ }
4193
  }
4194
+
4195
  @-webkit-keyframes fade-in-down {
4196
+ 0% {
4197
+ -webkit-transform: translateY(-30px);
4198
+ opacity: 0;
4199
+ }
4200
+
4201
+ 100% {
4202
+ -webkit-transform: translateY(0);
4203
+ opacity: 1;
4204
+ }
4205
  }
4206
+
4207
  @keyframes fade-in-down {
4208
+ 0% {
4209
+ transform: translateY(-30px);
4210
+ opacity: 0;
4211
+ }
4212
+
4213
+ 100% {
4214
+ transform: translateY(0);
4215
+ opacity: 1;
4216
+ }
4217
  }
4218
+
4219
  @-webkit-keyframes fade-out-up {
4220
+ 0% {
4221
+ -webkit-transform: translateY(0);
4222
+ opacity: 1;
4223
+ }
4224
+
4225
+ 100% {
4226
+ -webkit-transform: translateY(-30px);
4227
+ opacity: 0;
4228
+ }
4229
  }
4230
+
4231
  @keyframes fade-out-up {
4232
+ 0% {
4233
+ transform: translateY(0);
4234
+ opacity: 1;
4235
+ }
4236
+
4237
+ 100% {
4238
+ transform: translateY(-30px);
4239
+ opacity: 0;
4240
+ }
4241
  }
4242
+
4243
  @-webkit-keyframes opacity-in {
4244
+ 0% {
4245
+ opacity: 0;
4246
+ }
4247
+
4248
+ 100% {
4249
+ opacity: 1;
4250
+ }
4251
  }
4252
+
4253
  @keyframes opacity-in {
4254
+ 0% {
4255
+ opacity: 0;
4256
+ }
4257
+
4258
+ 100% {
4259
+ opacity: 1;
4260
+ }
4261
  }
4262
+
4263
  @-webkit-keyframes opacity-out {
4264
+ 0% {
4265
+ opacity: 1;
4266
+ }
4267
+
4268
+ 100% {
4269
+ opacity: 0;
4270
+ }
4271
  }
4272
+
4273
  @keyframes opacity-out {
4274
+ 0% {
4275
+ opacity: 1;
4276
+ }
4277
+
4278
+ 100% {
4279
+ opacity: 0;
4280
+ }
4281
  }
4282
+
4283
  .table-block {
4284
+ color: #606060;
4285
+ text-align: left;
4286
+ padding: 0 30px;
4287
+ margin-top: 56px;
4288
+ margin-bottom: 28px;
4289
+ line-height: 28px;
4290
  }
4291
+
4292
  .table-block table {
4293
+ width: 100%;
4294
+ margin-bottom: 84px;
4295
  }
4296
+
4297
  .table-block table thead {
4298
+ font-family: "Raleway", sans-serif;
4299
+ font-weight: 800;
4300
+ font-size: 32px;
4301
+ line-height: 84px;
4302
+ text-align: center;
4303
  }
4304
+
4305
  .table-block table thead th:first-child {
4306
+ width: 25%;
4307
  }
4308
+
4309
  .table-block table thead th:not(:first-child) {
4310
+ width: 15%;
4311
+ background: #f3f3f3;
4312
+ padding: 28px 5px;
4313
+ line-height: 28px;
4314
+ vertical-align: middle;
4315
  }
4316
+
4317
  .table-block table thead th:not(:first-child) img {
4318
+ max-width: 184px;
4319
+ margin-bottom: -23px;
4320
  }
4321
+
4322
  .table-block table thead th:nth-child(2) {
4323
+ border-radius: 4px 0 0 0;
4324
  }
4325
+
4326
  .table-block table thead th:last-child {
4327
+ border-radius: 0 4px 0 0;
4328
  }
4329
+
4330
  .table-block table tbody tr:first-child td .feature-label {
4331
+ border-top-width: 1px;
4332
+ padding-top: 27px;
4333
+ border-radius: 4px 0 0 0;
4334
  }
4335
+
4336
  .table-block table tbody tr:first-child.help td .feature-label:before {
4337
+ top: 26px !important;
4338
  }
4339
+
4340
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
4341
+ border-bottom-width: 1px;
4342
  }
4343
+
4344
  .table-block table tbody tr:nth-last-child(2) td:first-child,
4345
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
4346
+ border-radius: 0 0 0 4px;
4347
  }
4348
+
4349
  .table-block table tbody tr:nth-last-child(2) td:last-child {
4350
+ border-radius: 0 0 4px 0;
4351
  }
4352
+
4353
  .table-block table tbody tr:nth-child(odd) td:not(:first-child) {
4354
+ background: #fafafa;
4355
  }
4356
+
4357
  .table-block table tbody tr:nth-child(odd) td:not(:first-child).on {
4358
+ background: #9bc048 !important;
4359
  }
4360
+
4361
  .table-block table tbody tr:nth-child(even) td:not(:first-child) {
4362
+ background: #f3f3f3;
4363
  }
4364
+
4365
  .table-block table tbody tr:nth-child(even) td:not(:first-child).on {
4366
+ background: #8db13d !important;
4367
  }
4368
+
4369
  .table-block table tbody tr.help td .feature-label {
4370
+ position: relative;
4371
  }
4372
+
4373
+ .table-block table tbody tr.help td .feature-label>p {
4374
+ font-size: 16px;
4375
+ color: #999;
4376
+ line-height: 21px;
4377
+ margin: 0;
4378
+ padding: 14px 0 28px;
4379
+ display: none;
4380
  }
4381
+
4382
  .table-block table tbody tr.help td .feature-label:before {
4383
+ width: 30px;
4384
+ height: 30px;
4385
+ font-family: "FontAwesome";
4386
+ font-size: 20px;
4387
+ color: #ddd;
4388
+ background: #fff;
4389
+ text-align: center;
4390
+ content: " ";
4391
+ display: inline-block;
4392
+ padding-top: 1px;
4393
+ box-sizing: border-box;
4394
+ position: absolute;
4395
+ top: 14px;
4396
+ left: -15px;
4397
+ border-radius: 100%;
4398
  }
4399
+
4400
  .table-block table tbody tr.help:hover,
4401
  .table-block table tbody tr.help.active {
4402
+ cursor: pointer;
4403
  }
4404
+
4405
  .table-block table tbody tr.help:hover td .feature-label,
4406
  .table-block table tbody tr.help.active td .feature-label {
4407
+ color: #02b6b3;
4408
+ background: #f9f9f9;
4409
  }
4410
+
4411
  .table-block table tbody tr.help:hover td .feature-label:before,
4412
  .table-block table tbody tr.help.active td .feature-label:before {
4413
+ color: #02b6b3;
4414
  }
4415
+
4416
  .table-block table tbody tr.help:hover td:not(:first-child) i,
4417
  .table-block table tbody tr.help.active td:not(:first-child) i {
4418
+ text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
4419
  }
4420
+
4421
  .table-block table tbody tr.price td:not(:first-child) {
4422
+ font-size: 25px;
4423
+ font-weight: bold;
4424
  }
4425
+
4426
  .table-block table tbody tr.price td:not(:first-child) span {
4427
+ font-size: 20px;
4428
+ font-weight: normal;
4429
+ margin-left: 4px;
4430
  }
4431
+
4432
  .table-block table tbody tr.gs-button-row td:not(:first-child) {
4433
+ background: transparent;
4434
+ border-right: none;
4435
+ padding: 2px 1px 0;
4436
  }
4437
+
4438
  .table-block table tbody tr.gs-button-row td:not(:first-child) a {
4439
+ margin-top: 0;
4440
+ display: block;
4441
+ border-radius: 0 0 4px 4px;
4442
  }
4443
+
4444
  .table-block table tbody td:not(:first-child) {
4445
+ text-align: center;
4446
+ vertical-align: middle;
4447
  }
4448
+
4449
  .table-block table tbody td:not(:first-child) i {
4450
+ display: block;
4451
+ -webkit-transform-origin: 50% 50%;
4452
+ -ms-transform-origin: 50% 50%;
4453
+ transform-origin: 50% 50%;
4454
+ -webkit-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
4455
+ transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
4456
  }
4457
+
4458
  .table-block table tbody td:not(:first-child):not(:last-child) {
4459
+ border-right: 1px solid #e3e3e3;
4460
  }
4461
+
4462
  .table-block table tbody td:first-child {
4463
+ position: relative;
4464
  }
4465
+
4466
  .table-block table tbody td .feature-label {
4467
+ font-size: 18px;
4468
+ background: #fff;
4469
+ border-left-width: 1px;
4470
+ border-style: solid;
4471
+ border-color: #eee;
4472
+ padding: 14px 30px;
4473
  }
4474
+
4475
  .table-block table tbody td.on,
4476
  .table-block table tbody td.off {
4477
+ font-size: 16px;
4478
+ font-weight: 600;
4479
  }
4480
+
4481
  .table-block table tbody td.on i,
4482
  .table-block table tbody td.off i {
4483
+ font-size: 22px;
4484
  }
4485
+
4486
  .table-block table tbody td.on {
4487
+ color: #fff;
4488
  }
4489
+
4490
  .table-block table tbody td.off {
4491
+ color: #d36c65;
4492
  }
4493
+
4494
  @-webkit-keyframes fade-in-up {
4495
+ 0% {
4496
+ -webkit-transform: translateY(30px);
4497
+ opacity: 0;
4498
+ }
4499
+
4500
+ 100% {
4501
+ -webkit-transform: translateY(0);
4502
+ opacity: 1;
4503
+ }
4504
  }
4505
+
4506
  @keyframes fade-in-up {
4507
+ 0% {
4508
+ transform: translateY(30px);
4509
+ opacity: 0;
4510
+ }
4511
+
4512
+ 100% {
4513
+ transform: translateY(0);
4514
+ opacity: 1;
4515
+ }
4516
  }
4517
+
4518
  @-webkit-keyframes fade-in-down {
4519
+ 0% {
4520
+ -webkit-transform: translateY(-30px);
4521
+ opacity: 0;
4522
+ }
4523
+
4524
+ 100% {
4525
+ -webkit-transform: translateY(0);
4526
+ opacity: 1;
4527
+ }
4528
  }
4529
+
4530
  @keyframes fade-in-down {
4531
+ 0% {
4532
+ transform: translateY(-30px);
4533
+ opacity: 0;
4534
+ }
4535
+
4536
+ 100% {
4537
+ transform: translateY(0);
4538
+ opacity: 1;
4539
+ }
4540
  }
4541
+
4542
  @-webkit-keyframes fade-out-up {
4543
+ 0% {
4544
+ -webkit-transform: translateY(0);
4545
+ opacity: 1;
4546
+ }
4547
+
4548
+ 100% {
4549
+ -webkit-transform: translateY(-30px);
4550
+ opacity: 0;
4551
+ }
4552
  }
4553
+
4554
  @keyframes fade-out-up {
4555
+ 0% {
4556
+ transform: translateY(0);
4557
+ opacity: 1;
4558
+ }
4559
+
4560
+ 100% {
4561
+ transform: translateY(-30px);
4562
+ opacity: 0;
4563
+ }
4564
  }
4565
+
4566
  @-webkit-keyframes opacity-in {
4567
+ 0% {
4568
+ opacity: 0;
4569
+ }
4570
+
4571
+ 100% {
4572
+ opacity: 1;
4573
+ }
4574
  }
4575
+
4576
  @keyframes opacity-in {
4577
+ 0% {
4578
+ opacity: 0;
4579
+ }
4580
+
4581
+ 100% {
4582
+ opacity: 1;
4583
+ }
4584
  }
4585
+
4586
  @-webkit-keyframes opacity-out {
4587
+ 0% {
4588
+ opacity: 1;
4589
+ }
4590
+
4591
+ 100% {
4592
+ opacity: 0;
4593
+ }
4594
  }
4595
+
4596
  @keyframes opacity-out {
4597
+ 0% {
4598
+ opacity: 1;
4599
+ }
4600
+
4601
+ 100% {
4602
+ opacity: 0;
4603
+ }
4604
  }
4605
+
4606
  footer {
4607
+ text-align: center;
4608
+ overflow: hidden;
4609
+ padding-top: 96px;
4610
  }
4611
+
4612
  footer.editor {
4613
+ margin-bottom: 77px;
4614
  }
4615
+
4616
  footer #backToTop {
4617
+ width: 190px;
4618
+ height: 190px;
4619
+ font-size: 45px;
4620
+ color: #bbb;
4621
+ background: #e1e1e1;
4622
+ text-align: center;
4623
+ padding-top: 18px;
4624
+ margin-bottom: -110px;
4625
+ display: inline-block;
4626
+ border-radius: 100%;
4627
+ -webkit-transition: all 200ms ease-out;
4628
+ transition: all 200ms ease-out;
4629
  }
4630
+
4631
  footer #backToTop * {
4632
+ -webkit-transition-property: -webkit-transform, opacity;
4633
+ transition-property: transform, opacity;
4634
+ -webkit-transition-timing-function: ease-out;
4635
+ transition-timing-function: ease-out;
4636
  }
4637
+
4638
  footer #backToTop i {
4639
+ -webkit-transition-duration: 100ms;
4640
+ transition-duration: 100ms;
4641
  }
4642
+
4643
  footer #backToTop span {
4644
+ font-size: 16px;
4645
+ color: #fff;
4646
+ margin-top: 15px;
4647
+ display: block;
4648
+ opacity: 0;
4649
+ -webkit-transition-duration: 200ms;
4650
+ transition-duration: 200ms;
4651
  }
4652
+
4653
  footer #backToTop:hover {
4654
+ color: #fff;
4655
+ background: #02b6b3;
4656
+ -webkit-transform: translate(0, -20px);
4657
+ -ms-transform: translate(0, -20px);
4658
+ transform: translate(0, -20px);
4659
+ box-shadow: 0 0 0 15px #e1e1e1;
4660
  }
4661
+
4662
  footer #backToTop:hover i {
4663
+ -webkit-transform: translate(0, -10px);
4664
+ -ms-transform: translate(0, -10px);
4665
+ transform: translate(0, -10px);
4666
  }
4667
+
4668
  footer #backToTop:hover span {
4669
+ opacity: 1;
4670
+ -webkit-transform: translate(0, -30px);
4671
+ -ms-transform: translate(0, -30px);
4672
+ transform: translate(0, -30px);
4673
  }
4674
+
4675
  @-webkit-keyframes fade-in-up {
4676
+ 0% {
4677
+ -webkit-transform: translateY(30px);
4678
+ opacity: 0;
4679
+ }
4680
+
4681
+ 100% {
4682
+ -webkit-transform: translateY(0);
4683
+ opacity: 1;
4684
+ }
4685
  }
4686
+
4687
  @keyframes fade-in-up {
4688
+ 0% {
4689
+ transform: translateY(30px);
4690
+ opacity: 0;
4691
+ }
4692
+
4693
+ 100% {
4694
+ transform: translateY(0);
4695
+ opacity: 1;
4696
+ }
4697
  }
4698
+
4699
  @-webkit-keyframes fade-in-down {
4700
+ 0% {
4701
+ -webkit-transform: translateY(-30px);
4702
+ opacity: 0;
4703
+ }
4704
+
4705
+ 100% {
4706
+ -webkit-transform: translateY(0);
4707
+ opacity: 1;
4708
+ }
4709
  }
4710
+
4711
  @keyframes fade-in-down {
4712
+ 0% {
4713
+ transform: translateY(-30px);
4714
+ opacity: 0;
4715
+ }
4716
+
4717
+ 100% {
4718
+ transform: translateY(0);
4719
+ opacity: 1;
4720
+ }
4721
  }
4722
+
4723
  @-webkit-keyframes fade-out-up {
4724
+ 0% {
4725
+ -webkit-transform: translateY(0);
4726
+ opacity: 1;
4727
+ }
4728
+
4729
+ 100% {
4730
+ -webkit-transform: translateY(-30px);
4731
+ opacity: 0;
4732
+ }
4733
  }
4734
+
4735
  @keyframes fade-out-up {
4736
+ 0% {
4737
+ transform: translateY(0);
4738
+ opacity: 1;
4739
+ }
4740
+
4741
+ 100% {
4742
+ transform: translateY(-30px);
4743
+ opacity: 0;
4744
+ }
4745
  }
4746
+
4747
  @-webkit-keyframes opacity-in {
4748
+ 0% {
4749
+ opacity: 0;
4750
+ }
4751
+
4752
+ 100% {
4753
+ opacity: 1;
4754
+ }
4755
  }
4756
+
4757
  @keyframes opacity-in {
4758
+ 0% {
4759
+ opacity: 0;
4760
+ }
4761
+
4762
+ 100% {
4763
+ opacity: 1;
4764
+ }
4765
  }
4766
+
4767
  @-webkit-keyframes opacity-out {
4768
+ 0% {
4769
+ opacity: 1;
4770
+ }
4771
+
4772
+ 100% {
4773
+ opacity: 0;
4774
+ }
4775
  }
4776
+
4777
  @keyframes opacity-out {
4778
+ 0% {
4779
+ opacity: 1;
4780
+ }
4781
+
4782
+ 100% {
4783
+ opacity: 0;
4784
+ }
4785
  }
4786
+
4787
  .app-group {
4788
+ background: #e4e4e4;
4789
+ margin: 0 15px 60px;
4790
+ overflow: hidden;
4791
+ border-radius: 4px;
4792
+ -webkit-transition: all 200ms;
4793
+ transition: all 200ms;
4794
  }
4795
+
4796
  .app-group:last-child {
4797
+ margin-bottom: 0;
4798
  }
4799
+
4800
+ .app-group.active+.alert-block {
4801
+ margin-top: -30px;
4802
  }
4803
+
4804
  .app-group:not(.active) {
4805
+ margin-bottom: 15px;
4806
  }
4807
+
4808
+ .app-group:not(.active)+.alert-block {
4809
+ margin-top: 30px;
4810
  }
4811
+
4812
  .app-group .app-group-title {
4813
+ padding: 15px 15px 17px;
4814
+ position: relative;
4815
  }
4816
+
4817
  .app-group .app-group-title h2 {
4818
+ font-family: "Raleway", sans-serif;
4819
+ font-weight: 800;
4820
+ font-size: 22px;
4821
+ color: #999;
4822
  }
4823
+
4824
+ .app-group .app-group-title h2>span {
4825
+ font-family: "Source Sans Pro", sans-serif;
4826
+ font-size: 16px;
4827
+ color: #bdbdbd;
4828
+ margin-left: 7px;
4829
  }
4830
+
4831
  .app-group .app-group-title a.app-group-toggle {
4832
+ color: #bdbdbd;
4833
+ position: absolute;
4834
+ top: 0;
4835
+ left: 0;
4836
+ right: 0;
4837
+ bottom: 0;
4838
  }
4839
+
4840
+ .app-group .app-group-title a.app-group-toggle>i {
4841
+ position: absolute;
4842
+ top: 18px;
4843
+ right: 20px;
4844
  }
4845
+
4846
+ .app-group .app-group-title a.app-group-toggle>span {
4847
+ display: none;
4848
  }
4849
+
4850
  .app-group .app-group-title a.app-group-toggle:hover {
4851
+ color: #999;
4852
+ background: rgba(255, 255, 255, 0.25);
4853
  }
4854
+
4855
  .app-grid {
4856
+ padding-top: 120px;
4857
+ margin: 0 -30px;
4858
  }
4859
+
4860
  .app-grid:nth-child(2) .app-grid-titles-wrapper {
4861
+ border-top-width: 0;
4862
  }
4863
+
4864
  .app-grid .app-link-wrapper {
4865
+ width: 25%;
4866
+ padding: 22px 15px 20px;
4867
+ float: left;
4868
+ position: relative;
4869
  }
4870
+
4871
  .app-grid .app-link-wrapper * {
4872
+ -webkit-transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
4873
+ transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
4874
  }
4875
+
4876
  .app-grid .app-link-wrapper .app-badge-group,
4877
  .app-grid .app-link-wrapper .nocode {
4878
+ position: absolute;
4879
+ top: 7px;
4880
+ z-index: 2;
4881
  }
4882
+
4883
  .app-grid .app-link-wrapper .app-badge-group {
4884
+ text-align: right;
4885
+ position: absolute;
4886
+ right: 7px;
4887
  }
4888
+
4889
  .app-grid .app-link-wrapper .app-badge {
4890
+ font-family: "Raleway", sans-serif;
4891
+ font-weight: 800;
4892
+ font-size: 16px;
4893
+ color: #fff;
4894
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
4895
+ padding: 4px 8px;
4896
+ display: inline-block;
4897
+ border-radius: 4px;
4898
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
4899
  }
4900
+
4901
  .app-grid .app-link-wrapper .app-badge.nocode {
4902
+ font-size: 14px;
4903
+ text-transform: uppercase;
4904
+ padding-top: 5px;
4905
+ padding-bottom: 5px;
4906
+ left: 7px;
4907
  }
4908
+
4909
  .app-grid .app-link-wrapper .app-badge.new {
4910
+ background: #f5bd25;
4911
  }
4912
+
4913
  .app-grid .app-link-wrapper .app-badge.nocode {
4914
+ background: #8db13d;
4915
+ color: #ccc;
4916
+ background: #fff;
4917
+ text-shadow: none;
4918
+ box-shadow: none;
4919
  }
4920
+
4921
  .app-grid .app-link-wrapper .app-badge.plan-one {
4922
+ background: #00bba4;
4923
  }
4924
+
4925
  .app-grid .app-link-wrapper .app-badge.plan-two {
4926
+ background: #f29809;
4927
  }
4928
+
4929
  .app-grid .app-link-wrapper .app-badge.plan-three {
4930
+ background: #dd5a7c;
4931
  }
4932
+
4933
  .app-grid .app-link-wrapper .app-badge.plan-four {
4934
+ background: #9a58e6;
4935
  }
4936
+
4937
  .app-grid .app-link-wrapper .app-badge.sharing {
4938
+ background: #44B3C2;
4939
+ font-size: 14px;
4940
  }
4941
+
4942
  .app-grid .app-link-wrapper .app-badge.tracking {
4943
+ background: #F1A94E;
4944
+ font-size: 14px;
4945
  }
4946
+
4947
  .app-grid .app-link-wrapper .app-badge.follow {
4948
+ background: #E45641;
4949
+ font-size: 14px;
4950
  }
4951
+
4952
  .app-grid .app-link-wrapper .app-badge.integrations {
4953
+ background: #dd5a7c;
4954
+ font-size: 14px;
4955
  }
4956
+
4957
  .app-grid .app-link-wrapper .app-link {
4958
+ height: 320px;
4959
+ background: #fff;
4960
+ border: 1px solid #e3e3e3;
4961
+ text-align: center;
4962
+ padding: 35px 30px 0;
4963
+ overflow: hidden;
4964
+ position: relative;
4965
+ border-radius: 4px;
4966
  }
4967
+
4968
  .app-grid .app-link-wrapper .app-link .app-link-info {
4969
+ background: #fff;
4970
+ border-top: 1px solid transparent;
4971
+ padding-bottom: 30px;
4972
+ margin-top: -52px;
4973
+ position: absolute;
4974
+ top: 100%;
4975
+ left: 0;
4976
+ right: 0;
4977
+ z-index: 1;
4978
+ -webkit-transform: translateY(-82px);
4979
+ -ms-transform: translateY(-82px);
4980
+ transform: translateY(-82px);
4981
  }
4982
+
4983
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title {
4984
+ height: 66px;
4985
+ font-family: "Raleway", sans-serif;
4986
+ font-weight: 800;
4987
+ font-weight: 800;
4988
+ font-size: 20px;
4989
+ line-height: 24px;
4990
+ text-align: center;
4991
+ position: relative;
4992
  }
4993
+
4994
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title span {
4995
+ width: 100%;
4996
+ padding: 0 15px;
4997
+ position: absolute;
4998
+ top: 50%;
4999
+ left: 0;
5000
+ -webkit-transform: translateY(-50%);
5001
+ -ms-transform: translateY(-50%);
5002
+ transform: translateY(-50%);
5003
  }
5004
+
5005
  .app-grid .app-link-wrapper .app-link .app-link-info p:not(.app-title) {
5006
+ text-align: left;
5007
+ line-height: 22px;
5008
+ padding: 0 30px;
5009
+ opacity: 0;
5010
+ font-weight: 500
5011
  }
5012
+
5013
  .app-grid .app-link-wrapper .app-link .app-image {
5014
+ position: relative;
5015
  }
5016
+
5017
  .app-grid .app-link-wrapper .app-link .app-image img {
5018
+ max-height: 156px;
5019
+ max-width: 300px;
5020
+ width: 100%;
5021
  }
5022
+
5023
  .app-grid .app-link-wrapper .app-link .installed {
5024
+ width: 100%;
5025
+ font-family: "Raleway", sans-serif;
5026
+ font-weight: 800;
5027
+ font-size: 30px;
5028
+ color: #fff;
5029
+ background: rgba(120, 101, 158, 0.9);
5030
+ text-align: center;
5031
+ position: absolute;
5032
+ top: 0;
5033
+ bottom: 10px;
5034
+ left: 0;
5035
+ border-radius: 4px;
5036
+ }
5037
+
5038
+ .app-grid .app-link-wrapper .app-link .installed>span {
5039
+ position: absolute;
5040
+ top: 50%;
5041
+ left: 50%;
5042
+ -webkit-transform: translate(-50%, -50%);
5043
+ -ms-transform: translate(-50%, -50%);
5044
+ transform: translate(-50%, -50%);
5045
  }
5046
+
5047
  .app-grid .app-link-wrapper .app-link .installed i {
5048
+ font-size: 42px;
5049
+ margin-bottom: 5px;
5050
+ display: block;
5051
  }
5052
+
5053
  .app-grid .app-link-wrapper .app-link .app-link-buttons {
5054
+ height: 72px;
5055
+ background: #fff;
5056
+ position: absolute;
5057
+ bottom: 0;
5058
+ left: 0;
5059
+ right: 0;
5060
+ z-index: 2;
5061
+ box-shadow: 0 0px 20px #fff;
5062
  }
5063
+
5064
  .app-grid .app-link-wrapper .app-link .app-link-buttons * {
5065
+ -webkit-transition: all 200ms;
5066
+ transition: all 200ms;
5067
  }
5068
+
5069
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt {
5070
+ color: #fff;
5071
+ background: #ca4e45;
5072
+ padding: 15px 20px;
5073
  }
5074
+
5075
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a {
5076
+ background: #842c26;
5077
+ border: 1px solid transparent;
5078
+ padding: 4px 25px 6px;
5079
+ margin: -5px 5px -6px;
5080
+ display: inline-block;
5081
+ border-radius: 4px;
5082
  }
5083
+
5084
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a:hover {
5085
+ background: #9f352e;
5086
  }
5087
+
5088
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans {
5089
+ background: transparent;
5090
  }
5091
+
5092
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans:hover {
5093
+ border-color: #fff;
5094
  }
5095
+
5096
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
5097
+ font-size: 18px;
5098
+ padding: 6px 17px 7px;
5099
+ display: inline-block;
5100
+ position: relative;
5101
  }
5102
+
5103
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.gs-primary:hover {
5104
+ color: #fff;
5105
+ background: #02b6b3;
5106
  }
5107
+
5108
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable {
5109
+ color: #ccc;
5110
+ background: #fff;
5111
  }
5112
+
5113
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable:hover {
5114
+ color: #d36c65;
5115
  }
5116
+
5117
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
5118
+ background: #02b6b3;
5119
+ padding: 9px 8px 5px;
5120
+ margin-left: 10px;
5121
+ position: absolute;
5122
+ top: -2px;
5123
+ left: 100%;
5124
+ border-radius: 4px;
5125
  }
5126
+
5127
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
5128
+ width: 30px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5129
  }
5130
+
5131
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div {
5132
+ width: auto;
5133
+ padding: 7px 13px;
5134
+ white-space: nowrap;
5135
+ top: 38px;
5136
+ left: auto;
5137
+ right: -10px;
5138
+ -webkit-transform: translateX(0);
5139
+ -ms-transform: translateX(0);
5140
+ transform: translateX(0);
5141
  }
5142
+
5143
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div:before {
5144
+ margin-left: 0;
5145
+ left: auto;
5146
+ right: 25px;
 
5147
  }
5148
+
5149
+ .app-grid .app-link-wrapper .app-link .app-link-buttons>div {
5150
+ white-space: nowrap;
5151
+ position: absolute;
5152
+ top: 12px;
5153
+ left: 50%;
5154
+ -webkit-transform: translateX(-50%);
5155
+ -ms-transform: translateX(-50%);
5156
+ transform: translateX(-50%);
5157
+ -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5158
+ transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5159
+ }
5160
+
5161
+ .app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group):not(.active)+.app-button-group {
5162
+ margin-top: 10px;
5163
+ opacity: 0;
5164
+ -webkit-transform: translateX(-50%) translateY(100%);
5165
+ -ms-transform: translateX(-50%) translateY(100%);
5166
+ transform: translateX(-50%) translateY(100%);
5167
+ }
5168
+
5169
+ .app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group).active {
5170
+ opacity: 0;
5171
+ -webkit-transform: translateX(-50%) translateY(-100%);
5172
+ -ms-transform: translateX(-50%) translateY(-100%);
5173
+ transform: translateX(-50%) translateY(-100%);
5174
+ }
5175
+
5176
+ .app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group).active+.app-button-group {
5177
+ margin-top: 0;
5178
+ opacity: 1;
5179
+ -webkit-transform: translateX(-50%) translateY(0);
5180
+ -ms-transform: translateX(-50%) translateY(0);
5181
+ transform: translateX(-50%) translateY(0);
5182
+ }
5183
+
5184
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group {
5185
+ border: 2px solid #d36c65;
5186
+ display: inline-block;
5187
+ overflow: hidden;
5188
+ border-radius: 4px;
5189
  }
5190
+
5191
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a {
5192
+ color: #e4a5a1;
5193
+ border-width: 0;
5194
+ border-radius: 0;
5195
  }
5196
+
5197
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a:hover {
5198
+ color: #ca4e45;
5199
+ background: #fbf1f0;
5200
  }
5201
+
5202
  .app-grid .app-link-wrapper .app-link .app-link-buttons:before {
5203
+ width: 35px;
5204
+ height: 35px;
5205
+ background: image-url("loader.gif");
5206
+ background-size: 35px auto;
5207
+ content: "";
5208
+ display: none;
5209
+ margin-left: -17px;
5210
+ position: absolute;
5211
+ top: 12px;
5212
+ left: 50%;
5213
+ z-index: 1;
5214
+ -webkit-animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
5215
+ animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
5216
  }
5217
+
5218
  .app-grid .app-link-wrapper .app-link .app-link-buttons.loading:before {
5219
+ display: inline-block;
5220
  }
5221
+
5222
  .app-grid .app-link-wrapper:hover .app-link .app-image {
5223
+ opacity: 0.5;
5224
+ -webkit-transform: translateY(-20px);
5225
+ -ms-transform: translateY(-20px);
5226
+ transform: translateY(-20px);
5227
  }
5228
+
5229
  .app-grid .app-link-wrapper:hover .app-link .app-link-info {
5230
+ border-top-color: #e3e3e3;
5231
+ -webkit-transform: translateY(-100%);
5232
+ -ms-transform: translateY(-100%);
5233
+ transform: translateY(-100%);
5234
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
5235
  }
5236
+
5237
  .app-grid .app-link-wrapper:hover .app-link .app-link-info p:not(.app-title) {
5238
+ opacity: 1;
5239
+ font-weight: 500;
5240
  }
5241
+
5242
  .app-grid .app-link-wrapper:hover .app-link .app-badge.nocode {
5243
+ color: #fff;
5244
+ background: #8db13d;
5245
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
5246
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
5247
  }
5248
+
5249
  @-webkit-keyframes fade-in-up {
5250
+ 0% {
5251
+ -webkit-transform: translateY(30px);
5252
+ opacity: 0;
5253
+ }
5254
+
5255
+ 100% {
5256
+ -webkit-transform: translateY(0);
5257
+ opacity: 1;
5258
+ }
5259
  }
5260
+
5261
  @keyframes fade-in-up {
5262
+ 0% {
5263
+ transform: translateY(30px);
5264
+ opacity: 0;
5265
+ }
5266
+
5267
+ 100% {
5268
+ transform: translateY(0);
5269
+ opacity: 1;
5270
+ }
5271
  }
5272
+
5273
  @-webkit-keyframes fade-in-down {
5274
+ 0% {
5275
+ -webkit-transform: translateY(-30px);
5276
+ opacity: 0;
5277
+ }
5278
+
5279
+ 100% {
5280
+ -webkit-transform: translateY(0);
5281
+ opacity: 1;
5282
+ }
5283
  }
5284
+
5285
  @keyframes fade-in-down {
5286
+ 0% {
5287
+ transform: translateY(-30px);
5288
+ opacity: 0;
5289
+ }
5290
+
5291
+ 100% {
5292
+ transform: translateY(0);
5293
+ opacity: 1;
5294
+ }
5295
  }
5296
+
5297
  @-webkit-keyframes fade-out-up {
5298
+ 0% {
5299
+ -webkit-transform: translateY(0);
5300
+ opacity: 1;
5301
+ }
5302
+
5303
+ 100% {
5304
+ -webkit-transform: translateY(-30px);
5305
+ opacity: 0;
5306
+ }
5307
  }
5308
+
5309
  @keyframes fade-out-up {
5310
+ 0% {
5311
+ transform: translateY(0);
5312
+ opacity: 1;
5313
+ }
5314
+
5315
+ 100% {
5316
+ transform: translateY(-30px);
5317
+ opacity: 0;
5318
+ }
5319
  }
5320
+
5321
  @-webkit-keyframes opacity-in {
5322
+ 0% {
5323
+ opacity: 0;
5324
+ }
5325
+
5326
+ 100% {
5327
+ opacity: 1;
5328
+ }
5329
  }
5330
+
5331
  @keyframes opacity-in {
5332
+ 0% {
5333
+ opacity: 0;
5334
+ }
5335
+
5336
+ 100% {
5337
+ opacity: 1;
5338
+ }
5339
  }
5340
+
5341
  @-webkit-keyframes opacity-out {
5342
+ 0% {
5343
+ opacity: 1;
5344
+ }
5345
+
5346
+ 100% {
5347
+ opacity: 0;
5348
+ }
5349
  }
5350
+
5351
  @keyframes opacity-out {
5352
+ 0% {
5353
+ opacity: 1;
5354
+ }
5355
+
5356
+ 100% {
5357
+ opacity: 0;
5358
+ }
5359
  }
5360
+
5361
  .app-grid-titles-wrapper {
5362
+ background: #fff;
5363
+ border-bottom: 1px solid #e9e9e9;
5364
+ padding: 40px 30px 20px;
5365
+ margin-top: -121px;
5366
+ position: absolute;
5367
+ left: 0;
5368
+ right: 0;
5369
+ z-index: 3;
5370
+ -webkit-transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
5371
+ transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
5372
  }
5373
+
5374
  .app-grid-titles-wrapper.fixed {
5375
+ border-top-width: 0;
5376
+ border-bottom-color: transparent;
5377
+ padding-top: 20px;
5378
+ margin-top: 0;
5379
+ position: fixed;
5380
+ top: 55px;
5381
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), inset 0 2px 5px rgba(0, 0, 0, 0.1);
5382
  }
5383
+
5384
  .app-grid-titles-wrapper.fixed h1 {
5385
+ font-size: 25px;
5386
+ position: relative;
5387
+ bottom: -4px;
5388
  }
5389
+
5390
  .app-grid-titles-wrapper.fixed h1 .gs-tooltip {
5391
+ top: -2px;
5392
  }
5393
+
5394
  .app-grid-titles-wrapper h1 {
5395
+ max-width: 1260px;
5396
+ margin: 0 auto;
5397
+ padding: 0 400px 0 60px;
5398
+ -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5399
+ transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5400
  }
5401
+
5402
  h1.app-grid-titles {
5403
+ font-family: "Raleway", sans-serif;
5404
+ font-weight: 800;
5405
+ font-size: 30px;
5406
+ font-weight: 800;
5407
  }
5408
+
5409
+ h1.app-grid-titles:not(.filter-on) span.gs-tooltip>div {
5410
+ display: none !important;
5411
  }
5412
+
5413
  h1.app-grid-titles.filter-on {
5414
+ color: #ccc;
5415
  }
5416
+
5417
  h1.app-grid-titles.filter-on i {
5418
+ font-size: 20px;
5419
+ margin: 0 10px;
5420
+ position: relative;
5421
+ bottom: 1px;
5422
  }
5423
+
5424
  h1.app-grid-titles.filter-on span.filter-two {
5425
+ color: #00bba4;
5426
  }
5427
+
5428
+ h1.app-grid-titles.filter-on span.filter-two>div {
5429
+ background: #00bba4;
5430
  }
5431
+
5432
+ h1.app-grid-titles.filter-on span.filter-two>div:before {
5433
+ border-color: transparent transparent #00bba4 transparent;
5434
  }
5435
+
5436
  h1.app-grid-titles.filter-on span.filter-nocode {
5437
+ color: #8db13d;
5438
  }
5439
+
5440
  h1.app-grid-titles.filter-on span.filter-primary {
5441
+ color: #02b6b3;
5442
  }
5443
+
5444
+ h1.app-grid-titles span.gs-tooltip>div {
5445
+ font-family: "Source Sans Pro", sans-serif;
5446
+ font-weight: normal;
5447
+ margin-top: 10px;
5448
  }
5449
+
5450
+ .app-grid-titles-wrapper.fixed h1.app-grid-titles span.gs-tooltip>div {
5451
+ margin-top: 6px;
5452
  }
5453
+
5454
  #app-grid-filters {
5455
+ max-width: 1260px;
5456
+ height: 1px;
5457
+ font-weight: 600;
5458
+ margin: 0 auto;
5459
+ position: relative;
5460
+ top: 40px;
5461
+ z-index: 4;
5462
+ -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
5463
+ transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
5464
  }
5465
+
5466
  #app-grid-filters.fixed {
5467
+ position: fixed;
5468
+ top: 71px;
5469
+ left: 0;
5470
+ right: 0;
5471
  }
5472
+
5473
  #app-grid-filters.fixed .app-grid-filter-holder {
5474
+ padding: 0 60px;
5475
  }
5476
+
5477
  #app-grid-filters.fixed #app-filter-dropdown {
5478
+ right: 30px;
5479
  }
5480
+
5481
  #app-grid-filters .app-grid-filter-holder {
5482
+ display: inline-block;
5483
+ position: absolute;
5484
+ top: 0;
5485
+ right: 0;
5486
  }
5487
+
5488
  #app-grid-filters .app-grid-filter-holder .gs-button {
5489
+ margin-left: 5px;
5490
+ position: relative;
5491
+ z-index: 1;
5492
  }
5493
+
5494
  #app-grid-filters .app-grid-filter-holder .gs-button:first-child {
5495
+ margin-left: 0;
5496
+ margin-right: -4px;
5497
  }
5498
+
5499
+ #app-grid-filters .app-grid-filter-holder .gs-tooltip>div {
5500
+ top: 40px;
5501
  }
5502
+
5503
  #app-grid-filters #app-filter {
5504
+ padding: 6px 13px 7px;
5505
+ display: inline-block;
5506
+ z-index: 1;
5507
  }
5508
+
5509
+ #app-grid-filters #app-filter:hover+#app-filter-dropdown {
5510
+ display: block;
5511
  }
5512
+
5513
  #app-grid-filters #app-filter-dropdown {
5514
+ width: 220px;
5515
+ background: #fff;
5516
+ text-align: left;
5517
+ padding: 18px 15px 13px;
5518
+ display: none;
5519
+ position: absolute;
5520
+ top: 100%;
5521
+ right: 0;
5522
+ border-radius: 4px;
5523
+ box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
5524
+ -webkit-animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
5525
+ animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
5526
  }
5527
+
5528
  #app-grid-filters #app-filter-dropdown:hover {
5529
+ display: block;
5530
  }
5531
+
5532
  #app-grid-filters #app-filter-dropdown .gs-button {
5533
+ margin: 3px 0;
5534
+ padding: 6px 18px 8px 13px;
5535
+ display: block;
5536
  }
5537
+
5538
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans) {
5539
+ position: relative;
5540
  }
5541
+
5542
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans):before {
5543
+ font-family: "FontAwesome";
5544
+ font-size: 16px;
5545
+ color: #fff;
5546
+ content: " ";
5547
+ display: block;
5548
+ position: absolute;
5549
+ top: 50%;
5550
+ right: 4px;
5551
+ margin-top: -8px;
5552
+ opacity: 0.5;
5553
  }
5554
+
5555
  #app-grid-filters #app-filter-dropdown .filter-title {
5556
+ margin-bottom: 10px;
5557
+ display: block;
5558
  }
5559
+
5560
  html,
5561
  body {
5562
+ height: 100%;
5563
  }
5564
+
5565
  body {
5566
+ font-family: "Source Sans Pro", sans-serif;
5567
+ color: #606060;
5568
+ background: #f3f3f3;
5569
  }
5570
+
5571
  body * {
5572
+ text-rendering: optimizeLegibility;
5573
+ -webkit-font-smoothing: antialiased;
5574
+ box-sizing: border-box;
5575
  }
5576
+
5577
  body.no-scroll {
5578
+ overflow: hidden;
5579
  }
5580
+
5581
  h1 {
5582
+ font-size: 40px;
5583
+ font-weight: 300;
5584
  }
5585
+
5586
  h1 strong {
5587
+ font-weight: 600;
5588
  }
5589
+
5590
+ h1+p {
5591
+ margin-top: 10px;
5592
  }
5593
+
5594
  h2,
5595
  h3 {
5596
+ font-size: 20px;
5597
+ font-weight: 600;
5598
  }
5599
+
5600
  h4 {
5601
+ font-size: 20px;
5602
  }
5603
+
5604
  strong {
5605
+ font-weight: 700;
5606
  }
5607
+
5608
  p {
5609
+ line-height: 18px;
5610
  }
5611
+
5612
  textarea.code,
5613
  form textarea.code,
5614
  div.form textarea.code {
5615
+ width: 100%;
5616
+ font-family: Courier New, monospace;
5617
+ font-size: 12px;
5618
+ color: #000;
5619
+ background: #fff;
5620
+ border: 1px solid #ccc;
5621
+ padding: 13px 20px;
5622
+ resize: none;
5623
+ outline: none;
5624
+ word-wrap: break-word;
5625
+ display: block;
5626
+ border-radius: 4px;
5627
  }
5628
+
5629
  .gs-tooltip {
5630
+ position: relative;
5631
+ }
5632
+
5633
+ .gs-tooltip.plan-one>div {
5634
+ background: #00bba4;
5635
+ }
5636
+
5637
+ .gs-tooltip.plan-one>div:before {
5638
+ border-color: transparent transparent #00bba4 transparent;
5639
+ }
5640
+
5641
+ .gs-tooltip.plan-two>div {
5642
+ background: #00bba4;
5643
+ }
5644
+
5645
+ .gs-tooltip.plan-two>div:before {
5646
+ border-color: transparent transparent #d98908 transparent;
5647
+ }
5648
+
5649
+ .gs-tooltip.plan-three>div {
5650
+ background: #d9456b;
5651
+ }
5652
+
5653
+ .gs-tooltip.plan-three>div:before {
5654
+ border-color: transparent transparent #d9456b transparent;
5655
+ }
5656
+
5657
+ .gs-tooltip.plan-four>div {
5658
+ background: #8d42e3;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5659
  }
5660
+
5661
+ .gs-tooltip.plan-four>div:before {
5662
+ border-color: transparent transparent #8d42e3 transparent;
5663
+ }
5664
+
5665
+ .gs-tooltip.nocode>div {
5666
+ background: #81a238;
5667
+ }
5668
+
5669
+ .gs-tooltip.nocode>div:before {
5670
+ border-color: transparent transparent #81a238 transparent;
5671
+ }
5672
+
5673
+ .gs-tooltip>div {
5674
+ width: 184px;
5675
+ font-size: 13px;
5676
+ font-weight: normal;
5677
+ color: #fff;
5678
+ background: #000;
5679
+ text-align: left;
5680
+ line-height: 15px;
5681
+ padding: 10px 15px;
5682
+ position: absolute;
5683
+ top: 30px;
5684
+ left: 50%;
5685
+ display: none;
5686
+ z-index: 5;
5687
+ border-radius: 4px;
5688
+ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
5689
+ -webkit-transform: translateX(-50%);
5690
+ -ms-transform: translateX(-50%);
5691
+ transform: translateX(-50%);
5692
+ }
5693
+
5694
+ .gs-tooltip>div:before {
5695
+ width: 0;
5696
+ height: 0;
5697
+ border-style: solid;
5698
+ border-width: 0 8px 8px 8px;
5699
+ border-color: transparent transparent #000 transparent;
5700
+ content: "";
5701
+ display: block;
5702
+ position: absolute;
5703
+ top: -8px;
5704
+ left: 50%;
5705
+ margin-left: -8px;
5706
+ }
5707
+
5708
+ .gs-tooltip:hover>div {
5709
+ display: block;
5710
+ }
5711
+
5712
+ .min-tip>div {
5713
+ width: 95px;
5714
+ left: 50%;
5715
+ top: 50px;
5716
+ text-align: center;
5717
+ padding: 5px 5px;
5718
+ }
5719
+
5720
  #gs-master-wrapper {
5721
+ min-width: 1150px;
5722
+ min-height: 100%;
5723
+ height: auto !important;
5724
+ height: 100%;
5725
+ margin: 0 auto -190px;
5726
+ overflow-y: hidden;
5727
  }
5728
+
5729
  #gs-master-wrapper #master-wrapper-push {
5730
+ height: 190px;
5731
  }
5732
+
5733
  main {
5734
+ z-index: 3;
5735
+ -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
5736
+ transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
5737
  }
5738
+
5739
  main.relative {
5740
+ position: relative;
5741
  }
5742
+
5743
+ main>div {
5744
+ margin: 0 auto;
5745
  }
5746
+
5747
+ main>div.large {
5748
+ max-width: 1200px;
5749
  }
5750
+
5751
+ main>div.large>.alert.global {
5752
+ margin: 0 30px;
5753
  }
5754
+
5755
+ main>div.medium {
5756
+ max-width: 860px;
5757
  }
5758
+
5759
+ main>div.special {
5760
+ max-width: 920px;
5761
  }
5762
+
5763
+ main>div .content-wrapper {
5764
+ margin: 30px 30px 0;
5765
  }
5766
+
5767
+ main>div .content-wrapper.no-margin {
5768
+ margin-top: 0;
5769
  }
5770
+
5771
+ main>div .content-wrapper.analytics {
5772
+ position: relative;
5773
  }
5774
+
5775
  .text-center {
5776
+ text-align: center;
5777
  }
5778
+
5779
  .text-left {
5780
+ text-align: left;
5781
  }
5782
+
5783
  .text-right {
5784
+ text-align: right;
5785
  }
5786
+
5787
  .container *[class^="col-"]:first-of-type {
5788
+ padding-right: 15px;
5789
  }
5790
+
5791
  .container *[class^="col-"]:last-of-type {
5792
+ padding-left: 15px;
5793
  }
5794
+
5795
  .container *[class^="col-"]:not(:first-of-type):not(:last-of-type) {
5796
+ padding-left: 15px;
5797
+ padding-right: 15px;
5798
  }
5799
+
5800
  .row {
5801
+ margin: 0 -30px;
5802
  }
5803
+
5804
  .row:after {
5805
+ content: "";
5806
+ display: block;
5807
+ clear: both;
5808
  }
5809
+
5810
  .col-1 {
5811
+ width: 6.25%;
5812
+ position: relative;
5813
+ min-height: 1px;
5814
+ padding-left: 30px;
5815
+ padding-right: 30px;
5816
+ float: left;
5817
  }
5818
+
5819
  .col-pull-1 {
5820
+ right: 6.25%;
5821
  }
5822
+
5823
  .col-push-1 {
5824
+ left: 6.25%;
5825
  }
5826
+
5827
  .col-offset-1 {
5828
+ margin-left: 6.25%;
5829
  }
5830
+
5831
  .col-2 {
5832
+ width: 12.5%;
5833
+ position: relative;
5834
+ min-height: 1px;
5835
+ padding-left: 30px;
5836
+ padding-right: 30px;
5837
+ float: left;
5838
  }
5839
+
5840
  .col-pull-2 {
5841
+ right: 12.5%;
5842
  }
5843
+
5844
  .col-push-2 {
5845
+ left: 12.5%;
5846
  }
5847
+
5848
  .col-offset-2 {
5849
+ margin-left: 12.5%;
5850
  }
5851
+
5852
  .col-3 {
5853
+ width: 18.75%;
5854
+ position: relative;
5855
+ min-height: 1px;
5856
+ padding-left: 30px;
5857
+ padding-right: 30px;
5858
+ float: left;
5859
  }
5860
+
5861
  .col-pull-3 {
5862
+ right: 18.75%;
5863
  }
5864
+
5865
  .col-push-3 {
5866
+ left: 18.75%;
5867
  }
5868
+
5869
  .col-offset-3 {
5870
+ margin-left: 18.75%;
5871
  }
5872
+
5873
  .col-4 {
5874
+ width: 25%;
5875
+ position: relative;
5876
+ min-height: 1px;
5877
+ padding-left: 30px;
5878
+ padding-right: 30px;
5879
+ float: left;
5880
  }
5881
+
5882
  .col-pull-4 {
5883
+ right: 25%;
5884
  }
5885
+
5886
  .col-push-4 {
5887
+ left: 25%;
5888
  }
5889
+
5890
  .col-offset-4 {
5891
+ margin-left: 25%;
5892
  }
5893
+
5894
  .col-5 {
5895
+ width: 31.25%;
5896
+ position: relative;
5897
+ min-height: 1px;
5898
+ padding-left: 30px;
5899
+ padding-right: 30px;
5900
+ float: left;
5901
  }
5902
+
5903
  .col-pull-5 {
5904
+ right: 31.25%;
5905
  }
5906
+
5907
  .col-push-5 {
5908
+ left: 31.25%;
5909
  }
5910
+
5911
  .col-offset-5 {
5912
+ margin-left: 31.25%;
5913
  }
5914
+
5915
  .col-6 {
5916
+ width: 37.5%;
5917
+ position: relative;
5918
+ min-height: 1px;
5919
+ padding-left: 30px;
5920
+ padding-right: 30px;
5921
+ float: left;
5922
  }
5923
+
5924
  .col-pull-6 {
5925
+ right: 37.5%;
5926
  }
5927
+
5928
  .col-push-6 {
5929
+ left: 37.5%;
5930
  }
5931
+
5932
  .col-offset-6 {
5933
+ margin-left: 37.5%;
5934
  }
5935
+
5936
  .col-7 {
5937
+ width: 43.75%;
5938
+ position: relative;
5939
+ min-height: 1px;
5940
+ padding-left: 30px;
5941
+ padding-right: 30px;
5942
+ float: left;
5943
  }
5944
+
5945
  .col-pull-7 {
5946
+ right: 43.75%;
5947
  }
5948
+
5949
  .col-push-7 {
5950
+ left: 43.75%;
5951
  }
5952
+
5953
  .col-offset-7 {
5954
+ margin-left: 43.75%;
5955
  }
5956
+
5957
  .col-8 {
5958
+ width: 50%;
5959
+ position: relative;
5960
+ min-height: 1px;
5961
+ padding-left: 30px;
5962
+ padding-right: 30px;
5963
+ float: left;
5964
  }
5965
+
5966
  .col-pull-8 {
5967
+ right: 50%;
5968
  }
5969
+
5970
  .col-push-8 {
5971
+ left: 50%;
5972
  }
5973
+
5974
  .col-offset-8 {
5975
+ margin-left: 50%;
5976
  }
5977
+
5978
  .col-9 {
5979
+ width: 56.25%;
5980
+ position: relative;
5981
+ min-height: 1px;
5982
+ padding-left: 30px;
5983
+ padding-right: 30px;
5984
+ float: left;
5985
  }
5986
+
5987
  .col-pull-9 {
5988
+ right: 56.25%;
5989
  }
5990
+
5991
  .col-push-9 {
5992
+ left: 56.25%;
5993
  }
5994
+
5995
  .col-offset-9 {
5996
+ margin-left: 56.25%;
5997
  }
5998
+
5999
  .col-10 {
6000
+ width: 62.5%;
6001
+ position: relative;
6002
+ min-height: 1px;
6003
+ padding-left: 30px;
6004
+ padding-right: 30px;
6005
+ float: left;
6006
  }
6007
+
6008
  .col-pull-10 {
6009
+ right: 62.5%;
6010
  }
6011
+
6012
  .col-push-10 {
6013
+ left: 62.5%;
6014
  }
6015
+
6016
  .col-offset-10 {
6017
+ margin-left: 62.5%;
6018
  }
6019
+
6020
  .col-11 {
6021
+ width: 68.75%;
6022
+ position: relative;
6023
+ min-height: 1px;
6024
+ padding-left: 30px;
6025
+ padding-right: 30px;
6026
+ float: left;
6027
  }
6028
+
6029
  .col-pull-11 {
6030
+ right: 68.75%;
6031
  }
6032
+
6033
  .col-push-11 {
6034
+ left: 68.75%;
6035
  }
6036
+
6037
  .col-offset-11 {
6038
+ margin-left: 68.75%;
6039
  }
6040
+
6041
  .col-12 {
6042
+ width: 75%;
6043
+ position: relative;
6044
+ min-height: 1px;
6045
+ padding-left: 30px;
6046
+ padding-right: 30px;
6047
+ float: left;
6048
  }
6049
+
6050
  .col-pull-12 {
6051
+ right: 75%;
6052
  }
6053
+
6054
  .col-push-12 {
6055
+ left: 75%;
6056
  }
6057
+
6058
  .col-offset-12 {
6059
+ margin-left: 75%;
6060
  }
6061
+
6062
  .col-13 {
6063
+ width: 81.25%;
6064
+ position: relative;
6065
+ min-height: 1px;
6066
+ padding-left: 30px;
6067
+ padding-right: 30px;
6068
+ float: left;
6069
  }
6070
+
6071
  .col-pull-13 {
6072
+ right: 81.25%;
6073
  }
6074
+
6075
  .col-push-13 {
6076
+ left: 81.25%;
6077
  }
6078
+
6079
  .col-offset-13 {
6080
+ margin-left: 81.25%;
6081
  }
6082
+
6083
  .col-14 {
6084
+ width: 87.5%;
6085
+ position: relative;
6086
+ min-height: 1px;
6087
+ padding-left: 30px;
6088
+ padding-right: 30px;
6089
+ float: left;
6090
  }
6091
+
6092
  .col-pull-14 {
6093
+ right: 87.5%;
6094
  }
6095
+
6096
  .col-push-14 {
6097
+ left: 87.5%;
6098
  }
6099
+
6100
  .col-offset-14 {
6101
+ margin-left: 87.5%;
6102
  }
6103
+
6104
  .col-15 {
6105
+ width: 93.75%;
6106
+ position: relative;
6107
+ min-height: 1px;
6108
+ padding-left: 30px;
6109
+ padding-right: 30px;
6110
+ float: left;
6111
  }
6112
+
6113
  .col-pull-15 {
6114
+ right: 93.75%;
6115
  }
6116
+
6117
  .col-push-15 {
6118
+ left: 93.75%;
6119
  }
6120
+
6121
  .col-offset-15 {
6122
+ margin-left: 93.75%;
6123
  }
6124
+
6125
  .col-16 {
6126
+ width: 100%;
6127
+ position: relative;
6128
+ min-height: 1px;
6129
+ padding-left: 30px;
6130
+ padding-right: 30px;
6131
+ float: left;
6132
  }
6133
+
6134
  .col-pull-16 {
6135
+ right: 100%;
6136
  }
6137
+
6138
  .col-push-16 {
6139
+ left: 100%;
6140
  }
6141
+
6142
  .col-offset-16 {
6143
+ margin-left: 100%;
6144
  }
6145
+
6146
  .gs-clearfix:after {
6147
+ content: "";
6148
+ display: block;
6149
+ clear: both;
6150
  }
6151
+
6152
  @-webkit-keyframes fade-in-up {
6153
+ 0% {
6154
+ -webkit-transform: translateY(30px);
6155
+ opacity: 0;
6156
+ }
6157
+
6158
+ 100% {
6159
+ -webkit-transform: translateY(0);
6160
+ opacity: 1;
6161
+ }
6162
  }
6163
+
6164
  @keyframes fade-in-up {
6165
+ 0% {
6166
+ transform: translateY(30px);
6167
+ opacity: 0;
6168
+ }
6169
+
6170
+ 100% {
6171
+ transform: translateY(0);
6172
+ opacity: 1;
6173
+ }
6174
  }
6175
+
6176
  @-webkit-keyframes fade-in-down {
6177
+ 0% {
6178
+ -webkit-transform: translateY(-30px);
6179
+ opacity: 0;
6180
+ }
6181
+
6182
+ 100% {
6183
+ -webkit-transform: translateY(0);
6184
+ opacity: 1;
6185
+ }
6186
  }
6187
+
6188
  @keyframes fade-in-down {
6189
+ 0% {
6190
+ transform: translateY(-30px);
6191
+ opacity: 0;
6192
+ }
6193
+
6194
+ 100% {
6195
+ transform: translateY(0);
6196
+ opacity: 1;
6197
+ }
6198
  }
6199
+
6200
  @-webkit-keyframes fade-out-up {
6201
+ 0% {
6202
+ -webkit-transform: translateY(0);
6203
+ opacity: 1;
6204
+ }
6205
+
6206
+ 100% {
6207
+ -webkit-transform: translateY(-30px);
6208
+ opacity: 0;
6209
+ }
6210
  }
6211
+
6212
  @keyframes fade-out-up {
6213
+ 0% {
6214
+ transform: translateY(0);
6215
+ opacity: 1;
6216
+ }
6217
+
6218
+ 100% {
6219
+ transform: translateY(-30px);
6220
+ opacity: 0;
6221
+ }
6222
  }
6223
+
6224
  @-webkit-keyframes opacity-in {
6225
+ 0% {
6226
+ opacity: 0;
6227
+ }
6228
+
6229
+ 100% {
6230
+ opacity: 1;
6231
+ }
6232
  }
6233
+
6234
  @keyframes opacity-in {
6235
+ 0% {
6236
+ opacity: 0;
6237
+ }
6238
+
6239
+ 100% {
6240
+ opacity: 1;
6241
+ }
6242
  }
6243
+
6244
  @-webkit-keyframes opacity-out {
6245
+ 0% {
6246
+ opacity: 1;
6247
+ }
6248
+
6249
+ 100% {
6250
+ opacity: 0;
6251
+ }
6252
  }
6253
+
6254
  @keyframes opacity-out {
6255
+ 0% {
6256
+ opacity: 1;
6257
+ }
6258
+
6259
+ 100% {
6260
+ opacity: 0;
6261
+ }
6262
  }
6263
+
6264
  body * {
6265
+ outline: none !important;
6266
  }
6267
+
6268
  body a:focus {
6269
+ box-shadow: none;
6270
  }
6271
+
6272
  h1 {
6273
+ font-size: 27px;
6274
  }
6275
+
6276
  #gs-master-wrapper {
6277
+ min-width: 1000px;
6278
+ margin: 0 0 0 -20px;
6279
+ overflow: hidden;
6280
  }
6281
+
6282
+ main>div.large {
6283
+ padding-top: 30px;
6284
  }
6285
+
6286
  header {
6287
+ width: auto;
6288
+ margin-right: -1px;
6289
+ padding-top: 0;
6290
+ display: block;
6291
  }
6292
+
6293
  header #main-nav {
6294
+ width: auto;
6295
+ position: static;
6296
  }
6297
+
6298
+ header #main-nav nav>ul>li:not(.right-link) {
6299
+ float: left;
6300
  }
6301
+
6302
  .title-wrapper {
6303
+ padding: 25px 0 27px;
6304
+ z-index: 1;
6305
  }
6306
+
6307
  .title-wrapper h1 {
6308
+ max-width: 800px;
6309
+ text-align: center;
6310
  }
6311
+
6312
  .title-wrapper.app-page h1 {
6313
+ max-width: 1200px;
6314
+ text-align: left;
6315
+ margin: 0 auto;
6316
+ padding: 0 30px;
6317
+ display: block;
6318
  }
6319
+
6320
+ .app-grid-titles>span {
6321
+ max-width: 500px;
6322
+ display: block;
6323
  }
6324
+
6325
  #app-grid-filters {
6326
+ max-width: 1200px;
6327
+ padding: 0 60px;
6328
+ top: -88px;
6329
  }
6330
+
6331
  #app-grid-filters a {
6332
+ padding-top: 6px;
6333
+ padding-bottom: 8px;
6334
+ display: inline-block;
6335
  }
6336
+
6337
  #app-grid-filters a:not(.trans) {
6338
+ color: #fff;
6339
  }
6340
+
6341
  #app-grid-filters .app-grid-filter-holder {
6342
+ padding-right: 30px;
6343
+ text-align: right;
6344
  }
6345
+
6346
  #app-grid-filters .app-grid-filter-holder #app-filter-dropdown {
6347
+ right: 15px;
6348
  }
6349
+
6350
  .app-grid {
6351
+ padding-top: 0;
6352
+ margin: 0;
6353
  }
6354
+
6355
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
6356
+ position: relative;
6357
  }
6358
+
6359
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
6360
+ background: #02b6b3;
6361
+ padding: 9px 8px 5px;
6362
+ margin-left: 10px;
6363
+ position: absolute;
6364
+ top: -2px;
6365
+ left: 100%;
6366
+ border-radius: 4px;
6367
  }
6368
+
6369
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
6370
+ width: 30px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6371
  }
6372
+
6373
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div {
6374
+ width: auto;
6375
+ padding: 7px 13px;
6376
+ white-space: nowrap;
6377
+ top: 35px;
6378
+ left: auto;
6379
+ right: -10px;
6380
+ -webkit-transform: translateX(0);
6381
+ -ms-transform: translateX(0);
6382
+ transform: translateX(0);
6383
+ }
6384
+
6385
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div:before {
6386
+ margin-left: 0;
6387
+ left: auto;
6388
+ right: 25px;
6389
+ }
6390
+
6391
  .alert-block .close i {
6392
+ -webkit-transform-origin: 50% 50%;
6393
+ -moz-transform-origin: 50% 50%;
6394
+ -ms-transform-origin: 50% 50%;
6395
+ transform-origin: 50% 50%;
6396
  }
6397
+
6398
  .gs-button:disabled {
6399
+ color: #fff;
6400
+ border-color: transparent;
6401
  }
6402
+
6403
  .create-gs-account:active,
6404
  .create-gs-account:hover,
6405
  .create-gs-account:focus {
6406
+ color: #fff;
6407
  }
6408
+
6409
  .loading-create:not(.active) {
6410
+ display: none;
6411
  }
6412
+
6413
  .modal-wrapper {
6414
+ z-index: 99999;
6415
  }
6416
+
6417
  .modal-wrapper .gs-modal .modal-title .title {
6418
+ padding-bottom: 30px;
6419
  }
6420
+
6421
  #confirm-apikey-request-modal.modal-wrapper .gs-modal .modal-title .title {
6422
+ padding-bottom: 10px;
6423
  }
6424
+
6425
  .gs-form .checkbox-list {
6426
+ padding: 2px 0;
6427
  }
6428
+
6429
  .gs-form .checkbox-list input {
6430
+ width: auto;
6431
+ border-radius: 100%;
6432
  }
6433
+
6434
+ .gs-form .checkbox-list input+span {
6435
+ font-weight: 500;
6436
+ color: #606060;
6437
  }
6438
+
6439
+ .gs-form .checkbox-list input:checked+span {
6440
+ font-weight: 600;
6441
  }
6442
+
6443
  .gs-form.gs-small {
6444
+ max-width: 600px;
6445
+ margin: 0 auto;
6446
  }
6447
+
6448
  footer {
6449
+ padding: 100px 0 50px;
6450
  }
6451
+
6452
  footer a {
6453
+ display: inline-block;
6454
  }
6455
+
6456
  footer a:active,
6457
  footer a:hover,
6458
  footer a:focus {
6459
+ color: #fff;
6460
  }
6461
+
6462
  @media all and (max-width: 1360px) {
6463
+
6464
+ .app-grid,
6465
+ .alert-block {
6466
+ margin-left: auto !important;
6467
+ margin-right: auto !important;
6468
+ }
6469
+
6470
+ .app-grid {
6471
+ max-width: 910px;
6472
+ }
6473
+
6474
+ .app-grid .app-link-wrapper {
6475
+ width: 33.33333%;
6476
+ }
6477
+
6478
+ .alert-block {
6479
+ max-width: 880px;
6480
+ }
6481
+
6482
+ .alert-block.center .alert-info {
6483
+ max-width: 550px;
6484
+ }
6485
+
6486
+ .alert-block.center .alert-info a {
6487
+ min-width: 145px;
6488
+ font-size: 15px;
6489
+ text-align: center;
6490
+ white-space: normal;
6491
+ vertical-align: middle;
6492
+ padding-left: 5px;
6493
+ padding-right: 5px;
6494
+ margin-left: 20px;
6495
+ }
6496
  }
6497
+
6498
  .account-info.gs-form .gs-error p {
6499
+ color: #fff;
6500
+ background: #d36c65;
6501
+ border-radius: 5px;
6502
+ padding: 10px;
6503
+ font-weight: bold;
6504
+ visibility: hidden;
6505
  }
6506
+
6507
  .account-info.gs-form .gs-error p {
6508
+ color: #fff;
6509
+ background: #d36c65;
6510
+ border-radius: 5px;
6511
+ padding: 10px;
6512
+ font-weight: bold;
6513
+ visibility: hidden;
6514
  }
6515
+
6516
  .account-info.gs-form .gs-error p:before {
6517
+ content: "\f06a";
6518
+ color: rgba(255, 255, 255, 0.5);
6519
+ font-family: "FontAwesome";
6520
+ padding-right: 10px;
6521
  }
6522
 
6523
+ input[type=radio][name=gs-place]:checked:before,
6524
+ input[type=radio][name=gs-place-follow]:checked:before {
6525
+ background-color: #02b6b3;
6526
  }
6527
 
6528
+ .alert-block.center.large>.alert-info {
6529
+ width: 100%;
6530
+ text-align: center;
6531
  }
6532
 
6533
+ .alert-block.center.large>.alert-info>a {
6534
  width: 140px;
6535
  left: auto;
6536
  right: -140px;
6537
+ white-space: normal;
6538
+ }
6539
+
6540
+ .checkbox-list.gs-place {
6541
+ font-weight: 500;
6542
  }
6543
+
6544
+ .checkbox-list.gs-place > input:checked + p {
6545
+ font-weight: 600;
6546
+ }
init.php CHANGED
@@ -19,9 +19,7 @@ if (get_option('gs-popup-showed') != "showed") {
19
  <div class="field-label no-desc">
20
  <label for="site-name">URL</label>
21
  </div>
22
- <div class="field-input">
23
- <?php echo get_option('siteurl') ?>
24
- </div>
25
  </div>
26
  <div class="field-group">
27
  <div class="field-label no-desc">
@@ -43,7 +41,7 @@ if (get_option('gs-popup-showed') != "showed") {
43
  <?php settings_fields( 'getsocial-gs-settings' ); ?>
44
  <?php do_settings_sections( 'getsocial-gs-settings' ); ?>
45
  <div class="form-content">
46
- <input type="hidden" name="gs-user-email" value="">
47
  <div class="field-clean">
48
  <div class="field-input">
49
  <span id="error-type-1" class="hidden">
@@ -54,13 +52,13 @@ if (get_option('gs-popup-showed') != "showed") {
54
  <p>If you can't find it request it <a id="request_api_key" href="#">here</a></p><br>
55
  <input id="gs-api-key" type="text" name="gs-api-key" size="60" value="" maxlength="20"/>
56
  <p>Need help?
57
- <a href="#" class="uservoice-contact" id="contact_us">Contact us</a>
58
  </p>
59
  </span>
60
  </div>
61
  </div>
62
  </div>
63
- <span id="check-key-href" style="display: none;"><?php echo $GS->gs_account() ?>/api/v1/sites/verify_key?url=<?php echo get_option('siteurl'); ?></span>
64
  <div class="form-button-group">
65
  <input type="submit" name="save-changes" class="gs-button gs-success" value="Save Changes" />
66
  <span class="loading-create gs-button gs-success trans border gs-big hide">
@@ -90,7 +88,7 @@ if (get_option('gs-popup-showed') != "showed") {
90
  <div class="form-content">
91
  <div class="field-group">
92
  <div class="field-label">
93
- <label for=""><br>API KEY</label>
94
  </div>
95
  <div class="field-input">
96
  <input type="text" name="gs-api-key" size="60" value="<?php echo get_option('gs-api-key'); ?>" />
@@ -118,7 +116,7 @@ if (get_option('gs-popup-showed') != "showed") {
118
  </div>
119
  <br>
120
  <div class="checkbox-list gs-place">
121
- <input type="checkbox" name="gs-posts-page" value="active" <?php echo (get_option('gs-posts-page') == 'active') ? 'checked' : '' ?>>Enable Multiple Share Bars in the same page (Sharing in Excerpts)
122
  </div>
123
  </div>
124
  </div>
@@ -164,7 +162,7 @@ if (get_option('gs-popup-showed') != "showed") {
164
  Track all social interactions made on your website without any code. Social sharing analytics, directly on Google Analytics.
165
  </p>
166
  <div class="clearfix text-center" style="margin-top: 30px">
167
- <div class="col-16">
168
  <p style="margin-bottom: 0"><strong>Our Blog's example</strong></p>
169
  <img src="<?php echo plugins_url( '/img/modals/ga_integration.png', __FILE__ ) ?>" alt="">
170
  </div>
@@ -190,7 +188,7 @@ if (get_option('gs-popup-showed') != "showed") {
190
  Half of shares made on our blog are made via dark social channels, such as copy & paste, SMS and chat applications. What about yours?
191
  </p>
192
  <div class="clearfix text-center" style="margin-top: 30px">
193
- <div class="col-16">
194
  <p style="margin-bottom: 0"><strong>Out Blog's example</strong></p>
195
  <img src="<?php echo plugins_url( '/img/modals/ga_integration.png', __FILE__ ) ?>" alt="">
196
  </div>
@@ -216,7 +214,7 @@ if (get_option('gs-popup-showed') != "showed") {
216
  Real-time integration with MailChimp. Connect our Subscriber Bar features to the world’s #1 e-mail marketing tool.
217
  </p>
218
  <div class="clearfix text-center" style="margin-top: 30px">
219
- <div class="col-16" style="margin-top: 30px">
220
  <img src="<?php echo plugins_url( '/img/modals/mailchimp.png', __FILE__ ) ?>" alt="">
221
  </div>
222
  </div>
19
  <div class="field-label no-desc">
20
  <label for="site-name">URL</label>
21
  </div>
22
+ <input type="email" class="field-input" id="gs-site-url" value="<?php echo get_option('siteurl'); ?>">
 
 
23
  </div>
24
  <div class="field-group">
25
  <div class="field-label no-desc">
41
  <?php settings_fields( 'getsocial-gs-settings' ); ?>
42
  <?php do_settings_sections( 'getsocial-gs-settings' ); ?>
43
  <div class="form-content">
44
+ <input type="hidden" name="gs-user-email" value="<?php echo wp_get_current_user()->data->user_email ?>">
45
  <div class="field-clean">
46
  <div class="field-input">
47
  <span id="error-type-1" class="hidden">
52
  <p>If you can't find it request it <a id="request_api_key" href="#">here</a></p><br>
53
  <input id="gs-api-key" type="text" name="gs-api-key" size="60" value="" maxlength="20"/>
54
  <p>Need help?
55
+ <a href="javascript:Intercom('show');" class="uservoice-contact" id="contact_us">Contact us</a>
56
  </p>
57
  </span>
58
  </div>
59
  </div>
60
  </div>
61
+ <span id="check-key-href" style="display: none;"><?php echo $GS->gs_account() ?>/api/v1/sites/verify_key</span>
62
  <div class="form-button-group">
63
  <input type="submit" name="save-changes" class="gs-button gs-success" value="Save Changes" />
64
  <span class="loading-create gs-button gs-success trans border gs-big hide">
88
  <div class="form-content">
89
  <div class="field-group">
90
  <div class="field-label">
91
+ <label for="">API KEY</label>
92
  </div>
93
  <div class="field-input">
94
  <input type="text" name="gs-api-key" size="60" value="<?php echo get_option('gs-api-key'); ?>" />
116
  </div>
117
  <br>
118
  <div class="checkbox-list gs-place">
119
+ <input type="checkbox" name="gs-posts-page" value="active" <?php echo (get_option('gs-posts-page') == 'active') ? 'checked' : '' ?>><span>Enable Multiple Share Bars in the same page (Sharing in Excerpts)</span>
120
  </div>
121
  </div>
122
  </div>
162
  Track all social interactions made on your website without any code. Social sharing analytics, directly on Google Analytics.
163
  </p>
164
  <div class="clearfix text-center" style="margin-top: 30px">
165
+ <div class="col-16" style="float: none;">
166
  <p style="margin-bottom: 0"><strong>Our Blog's example</strong></p>
167
  <img src="<?php echo plugins_url( '/img/modals/ga_integration.png', __FILE__ ) ?>" alt="">
168
  </div>
188
  Half of shares made on our blog are made via dark social channels, such as copy & paste, SMS and chat applications. What about yours?
189
  </p>
190
  <div class="clearfix text-center" style="margin-top: 30px">
191
+ <div class="col-16" style="float: none;">
192
  <p style="margin-bottom: 0"><strong>Out Blog's example</strong></p>
193
  <img src="<?php echo plugins_url( '/img/modals/ga_integration.png', __FILE__ ) ?>" alt="">
194
  </div>
214
  Real-time integration with MailChimp. Connect our Subscriber Bar features to the world’s #1 e-mail marketing tool.
215
  </p>
216
  <div class="clearfix text-center" style="margin-top: 30px">
217
+ <div class="col-16" style="margin-top: 30px; float: none;">
218
  <img src="<?php echo plugins_url( '/img/modals/mailchimp.png', __FILE__ ) ?>" alt="">
219
  </div>
220
  </div>
js/create_popover.js CHANGED
@@ -1,47 +1,46 @@
 
 
 
 
 
1
 
2
- jQuery( document ).ready(function($) {
3
- if (popup_showed != 'showed') {
4
- jQuery(function () {
5
- jQuery.get(GETSOCIAL_ONBOARDING_PATH, function (data) {
6
- jQuery("#toplevel_page_wp-share-buttons-analytics-by-getsocial-init").append(data);
7
 
8
- viewable();
9
- });
10
- });
11
- }
12
 
13
- function isScrolledIntoView(elem) {
14
- var $elem = $(elem);
15
- var $window = $(window);
16
 
17
- var docViewTop = $window.scrollTop();
18
- var docViewBottom = docViewTop + $window.height();
19
 
20
- var elemTop = $elem.offset().top;
21
- var elemBottom = elemTop + $elem.height();
22
 
23
- return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
24
- }
25
 
26
- function viewable() {
27
 
28
- jQuery("#toplevel_page_wp-share-buttons-analytics-by-getsocial-init").each(function(i, el) {
29
 
30
- var el = jQuery(el);
 
 
 
 
 
 
31
 
32
- if (isScrolledIntoView(el)) {
33
- jQuery("#getsocial-onboarding-popup").removeClass("gs-menu-hidden");
34
- } else {
35
- jQuery("#getsocial-onboarding-popup").addClass("gs-menu-hidden");
36
- }
37
- });
38
- }
39
 
40
- jQuery(window).scroll(function() {
41
- viewable();
42
- });
43
-
44
- jQuery(window).blur(function() {
45
- viewable();
46
- });
47
  });
1
+ jQuery(document).ready(function($) {
2
+ if (popup_showed != 'showed') {
3
+ jQuery(function() {
4
+ jQuery.get(GETSOCIAL_ONBOARDING_PATH, function(data) {
5
+ jQuery("#toplevel_page_wp-share-buttons-analytics-by-getsocial-init").append(data);
6
 
7
+ viewable();
8
+ });
9
+ });
10
+ }
 
11
 
12
+ function isScrolledIntoView(elem) {
13
+ var $elem = $(elem);
14
+ var $window = $(window);
 
15
 
16
+ var docViewTop = $window.scrollTop();
17
+ var docViewBottom = docViewTop + $window.height();
 
18
 
19
+ var elemTop = $elem.offset().top;
20
+ var elemBottom = elemTop + $elem.height();
21
 
22
+ return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
23
+ }
24
 
25
+ function viewable() {
 
26
 
27
+ jQuery("#toplevel_page_wp-share-buttons-analytics-by-getsocial-init").each(function(i, el) {
28
 
29
+ var el = jQuery(el);
30
 
31
+ if (isScrolledIntoView(el)) {
32
+ jQuery("#getsocial-onboarding-popup").removeClass("gs-menu-hidden");
33
+ } else {
34
+ jQuery("#getsocial-onboarding-popup").addClass("gs-menu-hidden");
35
+ }
36
+ });
37
+ }
38
 
39
+ jQuery(window).scroll(function() {
40
+ viewable();
41
+ });
 
 
 
 
42
 
43
+ jQuery(window).blur(function() {
44
+ viewable();
45
+ });
 
 
 
 
46
  });
js/plugin.js CHANGED
@@ -1,495 +1,498 @@
1
- function forceUpdate(event){
2
- var data = {
3
- 'action': 'gs_update'
4
- };
5
-
6
- // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
7
- jQuery.post(ajaxurl, data, function(response) { console.log('getsocial.io updated');});
 
8
  }
9
 
10
- function forceUpdateWithValues(){
11
- if (getsocial_is_installed == "") {
12
- return;
13
- }
14
 
15
- jQuery.get(jQuery('main').attr('data-href'), {}, function(response){
16
- var data = {
17
- 'action': 'gs_update_with_values',
18
- 'response': response
19
- };
20
 
21
- // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
22
- jQuery.post(ajaxurl, data , function(response) {
23
- console.log('getsocial.io updated w/values');
24
- });
25
  });
 
26
  }
27
 
28
- var getsocial_window;
29
-
30
- jQuery('.getsocial-tab').on('click', function(e){
31
- e.preventDefault();
32
- $this = jQuery(this);
33
-
34
- if(!$this.hasClass('only-activate')){
35
- getsocial_window = window.open($this.attr('href'));
36
- }
37
- });
38
-
39
- jQuery('#request_api_key').on('click', function(e){
40
- e.preventDefault();
41
 
42
- user_data = jQuery(".account-info .field-input");
43
-
44
- url = jQuery(user_data[0]).text().trim();
45
  email = jQuery(user_data[1]).val();
46
 
47
- var data = {
48
- 'source': 'wordpress',
49
- 'url': url,
50
- 'email': email
51
- };
52
-
53
- jQuery.get(jQuery('main').attr('data-href') + 'recovery/apikey', data, function(response) {
54
- if (response.success) {
55
- modal_id = jQuery('#confirm-apikey-request-modal');
56
 
57
- if( !modal_id.hasClass('active') ){
 
 
58
 
59
- modal_id.removeClass('hide').addClass('active');
60
- var detectIE = document.addEventListener && !window.requestAnimationFrame;
61
 
62
- if(detectIE){
63
- modal_id.find('.gs-modal').css({ 'opacity' : 1 });
64
- }
65
 
66
- jQuery('body').addClass('no-scroll');
67
- }
 
 
68
  }
69
- });
70
- })
71
-
72
- function handleMessage(event){
73
- currEvent = event.data;
74
 
75
- switch (currEvent){
76
- case 'publish':
77
- forceUpdate(currEvent);
78
- break;
79
- default:
80
- break;
81
  }
82
- }
 
83
 
84
- jQuery(function($){
 
85
 
86
- jQuery('.uservoice-contact').on('click', function(e){
87
- e.stopPropagation();
88
- });
 
 
 
 
 
89
 
90
- jQuery('#api-key-form').submit(function(){
91
- var wp_data = jQuery(this).serialize();
92
- jQuery('.notification-bar').hide();
 
 
93
 
 
 
 
94
 
95
- if (isEmailFormat(jQuery(this).find('#gs-api-key').val())) {
96
- jQuery('.notification-bar').hide();
97
- jQuery('.notification-bar.gs-error').show().find('p').html('API KEY is not an e-mail.');
 
 
 
 
 
 
 
 
98
  } else {
99
- if(jQuery(this).find('#gs-api-key').val() == 0) {
100
- jQuery('.notification-bar').hide();
101
- jQuery('.notification-bar.gs-error').show().find('p').html('API KEY cannot be blank.');
 
 
 
 
 
 
 
 
 
 
 
 
102
  } else {
103
- if(jQuery(this).find('#gs-api-key').val().length != 20) {
104
- jQuery('.notification-bar').hide();
105
- jQuery('.notification-bar.gs-error').show().find('p').html('API KEY must have 20 digits.');
106
- } else {
107
- jQuery(this).find('input').prop('disabled', true);
108
- jQuery(this).find('.loading-create').addClass('active');
109
- jQuery(this).find('input[type="submit"]').hide();
110
-
111
- jQuery.post(document.getElementById('check-key-href').innerHTML, { api_key: jQuery(this).find('#gs-api-key').val() }, function(data){
112
- if (data.success) {
113
- jQuery.post( 'options.php', wp_data).success( function(response){
114
- jQuery('.loading-create').removeClass('active');
115
- jQuery('.notification-bar.starting').show();
116
-
117
- setTimeout('window.location.reload();', 3000);
118
- });
119
- } else {
120
- jQuery('.loading-create').removeClass('active');
121
- jQuery('#api-key-form').find('input[type="submit"]').show();
122
- jQuery('#api-key-form').find('input').prop('disabled', false);
123
- jQuery('.notification-bar').hide();
124
- jQuery('.notification-bar.gs-error').show().find('p').html('API KEY is invalid.');
125
- }
126
- });
127
- }
128
  }
 
129
  }
 
 
130
 
131
- return false;
132
- });
133
-
134
- jQuery('.create-gs-account').on('click', function(e){
135
- e.preventDefault();
136
-
137
- if (!validateEmail(jQuery("#gs-user-email").val())) {
138
- jQuery('#error-type-3>p')[0].style.visibility = "visible";
139
- return;
140
- }
141
-
142
- jQuery('.notification-bar').hide();
143
- jQuery('.create-gs-account').hide();
144
- jQuery('.loading-create').addClass('active');
145
-
146
- jQuery.post(
147
- jQuery(this).attr('href'),
148
- {
149
- email: jQuery("#gs-user-email").val(),
150
- url: jQuery(".account-info .field-input").text().trim(),
151
- source: 'wordpress'
152
- },
153
- function(data) {
154
- if(data.errors != undefined){
155
- jQuery('.loading-create').removeClass('active');
156
- jQuery('.account-info').hide();
157
- jQuery('.notification-bar.gs-error').show().find('p').html(data.errors[0]);
158
- jQuery('#error-type-' + data.error_type).show();
159
- jQuery('.api-key').show();
160
-
161
- if (data.error_type == 1) {
162
- $("input[name='save-changes']").hide();
163
- }
164
- } else {
165
- jQuery('#gs-api-key').attr('value', data.api_key);
166
- jQuery("input[name='gs-user-email']").attr('value', jQuery("#gs-user-email").val());
167
- jQuery('#api-key-form').trigger('submit');
168
- }
169
- }
170
- );
171
- });
172
 
173
- if(jQuery('.graphs').length > 0){
174
- var $graphs = jQuery('.graphs'),
175
- graph_api = $graphs.attr('data-graph-api');
176
 
177
- $.get(graph_api, function(data){
178
- $.each(['total_visits', 'total_shares', 'total_leads'], function(i,stat){
179
- jQuery('.'+stat).html(data[stat]);
180
- });
181
- })
182
  }
183
 
184
- jQuery(document).on('click', '.deactivate', function(e){
185
- e.preventDefault();
186
-
187
- $this = jQuery(this);
188
-
189
- if(confirm('Are you sure you want to deactivate the application?') == true){
190
- $.post($this.attr('data-disable-app'), function(data){
191
- if(window.location.href.match(/delete/)) {
192
- window.location.reload();
193
- } else {
194
- window.location = window.location.href+'&delete=1'
195
- }
196
- });
 
 
 
 
 
 
 
 
 
 
 
197
  }
 
 
 
 
 
 
 
 
 
 
 
 
198
  });
 
199
 
200
- jQuery(document).on('click', '.only-activate', function(e){
 
201
 
202
- if ($(this)[0].pathname == "/auth/mailchimp") {
203
 
204
- if ($(this).attr('prevent')) {
205
- alert("You need to install Hello Buddy or Subscriber Bar to work with this app");
206
- } else {
207
- window.open($(this).attr('href'), '_blank')
208
- }
209
- return;
210
  }
211
-
212
- e.preventDefault();
213
-
214
- $.post($(this).attr('href'), function(data){
215
- window.location = window.location.href+'&update=1'
216
- });
217
-
218
- return false;
219
- });
220
-
221
- if (!window.addEventListener){
222
- window.attachEvent('onmessage', handleMessage);
223
- } else {
224
- window.addEventListener('message', handleMessage);
225
  }
 
226
 
227
- /** ==================================== *\
228
- * HEADER SUBMENU ACTION
229
- * ===================================== */
230
- $('.submenu-link > a').on('click', function(e){
231
- e.stopPropagation();
232
-
233
- var $menu = $(this).next('.submenu-wrapper'),
234
- $menu_list = $menu.find('.submenu'),
235
- $link = $(this).closest('.submenu-link'),
236
- $link_list = $('.submenu-link');
237
-
238
- if( $menu.is(':visible') ){
239
- $menu_list.removeClass('active');
240
- $link_list.removeClass('active');
241
- $menu.stop().delay(200).hide(0);
242
- } else {
243
- var $link_active = $('.submenu-link.active'),
244
- $menu_active = $('.submenu.active');
245
 
246
- $menu_active.removeClass('active');
247
- $link_active.removeClass('active');
248
- $menu_active.parent().stop().delay(200).hide(0);
249
 
250
- $menu.stop().show();
 
 
 
 
 
 
251
 
252
- var $menu_height = $menu.find('.submenu').outerHeight();
253
 
254
- $menu.css({ height: $menu_height });
255
- $menu_list.addClass('active');
256
- $link.addClass('active');
257
- }
258
  });
259
 
260
- $('body').on('click', function(e) {
261
- var clickedElement = e.target;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
262
 
263
- if( $(clickedElement).attr('id') !== 'help' ){
264
- if($('div.submenu-wrapper').is(':visible')) {
265
- $('.submenu.active').removeClass('active');
266
- $('.submenu-link.active').removeClass('active');
267
- $('div.submenu-wrapper').stop().delay(200).hide(0);
268
- }
269
- if( $('.uv-popover').is(':visible') ){
270
- $('.uv-popover').hide().removeClass().addClass('uv-popover uv-is-hidden').removeAttr('style id');
271
- }
272
- }
273
- });
274
 
275
- /** ==================================== *\
276
- * APP FILTER DROPDOWN
277
- * ===================================== */
278
- var app_title_parent = $('#app-title'),
279
- app_title = app_title_parent.children('span'),
280
- app_title_text = app_title.html();
281
 
282
- function capitalizeFirstLetter(string) {
283
- return string.charAt(0).toUpperCase() + string.slice(1);
284
- }
285
 
286
- function clearFilters() {
287
- $('div.app-link-wrapper').show();
288
- $('div.app-group').show();
289
- app_title.html(app_title_text);
290
- app_title_parent.removeClass('filter-on');
291
- $('#clear-filter').hide();
292
- $('div.app-grid-filter-holder a').addClass('trans');
293
- $('#app-finder').show();
294
-
295
- // update app title count
296
- $.each($('.app-group'), function(i, group){
297
- $(group).find('.app-group-title h2 span').html("(" + $(group).find('.app-link-wrapper').length + " Apps)");
298
- });
299
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
300
 
301
- function filterApps() {
302
- var filters = [],
303
- title = '',
304
- categoryFilter = '';
305
-
306
- $('div.app-grid-titles-wrapper').show();
307
- $('div.app-link-wrapper').hide();
308
-
309
- $('div.app-grid-filter-holder').find('a').each(function(i, el) {
310
- var filter = $(el).data('filter'),
311
- filterIsActive = !$(el).hasClass('trans'),
312
- isCategoryFilter = $(el).parent().attr('id') === 'app-filter-dropdown',
313
- filter_name = filter === 'two' ? 'tools' : filter;
314
-
315
- if(typeof(filter) === 'undefined') return;
316
 
317
- if(filterIsActive){
318
- filters.push('filter-' + filter);
319
 
320
- if(title.length > 0) title += '<i class="fa fa-plus"></i>';
 
 
 
 
321
 
322
- if(isCategoryFilter) {
323
- categoryFilter = filter;
324
 
325
- title += '<span class="filter-primary gs-tooltip">' + capitalizeFirstLetter(filter_name) + ' Apps';
326
- title += "<div>";
327
- title += 'Apps that are <strong>related to ' + capitalizeFirstLetter(filter_name) + '</strong>';
328
- } else {
329
- title += '<span class="filter-' + filter + ' gs-tooltip ' + (filter === 'nocode' ? 'nocode' : '') + '">' + capitalizeFirstLetter(filter_name) + ' Apps';
330
- title += "<div>";
331
- title += filter === 'nocode' ? "Apps that <strong>require no code</strong> to be installed" : "Apps that are only available in the <strong>" + capitalizeFirstLetter(filter_name) + " Plan</strong>";
332
- }
333
 
334
- title += "</div></span>";
335
- }
336
- });
337
 
338
- if(filters.length > 0) {
339
- $('div.app-link-wrapper.' + filters.join('.')).show();
340
- $('div.app-link-wrapper.' + filters.join('.')).parents('.app-group').first().show();
341
- app_title_parent.addClass('filter-on');
342
- app_title.html(title.replace('_', ' '));
343
- $('#clear-filter').show();
344
- $('#app-finder').hide();
345
  } else {
346
- clearFilters();
 
 
347
  }
348
 
349
- $.each($('.app-group'), function(i, group){
350
- var selectedApps = $(group).find('.app-link-wrapper').filter(function () {
351
- return this.style.display == 'block';
352
- });
353
 
354
- if (selectedApps.length == 0) {
355
- $(group).hide();
356
- } else {
357
- $(group).find('.app-group-title h2 span').html("(" + selectedApps.length + " Apps)");
358
- }
359
- });
 
 
 
360
  }
361
 
362
- $('div.app-grid-filter-holder').find('a:not(#app-filter):not(.gs-error)').on('click', function() {
363
- var enableFilter = $(this).hasClass('trans'),
364
- isCategoryFilter = $(this).parent().attr('id') === 'app-filter-dropdown';
365
-
366
- // disable other filters
367
- if(isCategoryFilter) {
368
- $('div.app-grid-filter-holder').find('a:not(#app-filter):not(.gs-error)').each(function(i, el) { $(el).addClass('trans') });
369
- }
370
-
371
- if(enableFilter) {
372
- $(this).removeClass('trans');
373
-
374
- if(isCategoryFilter) { $('#app-filter').removeClass('trans'); }
375
- } else {
376
- $(this).addClass('trans');
377
-
378
- if(isCategoryFilter) { $('#app-filter').addClass('trans'); }
379
- }
380
 
381
- filterApps();
 
 
 
 
382
  });
 
383
 
384
- $('#clear-filter').on('click', function() {
385
- clearFilters();
386
- });
387
 
388
- /** ==================================== *\
389
- * APP GRID TOGGLE
390
- * ===================================== */
391
- if( $('.app-group').length > 0 ){
392
- $('.app-group-title').find('a').on('click', function(){
393
- var group_toggle = $(this),
394
- group_parent = group_toggle.closest('.app-group'),
395
- group_body = group_parent.find('.app-group-body');
396
-
397
- group_toggle.find('i').toggleClass('fa-minus-square fa-plus-square');
398
- group_parent.toggleClass('active');
399
- group_body.slideToggle(250);
400
- });
401
  }
402
 
403
- /** ==================================== *\
404
- * ALERT CLOSE BUTTON
405
- * ===================================== */
406
- $('.alert-block').children('.close').on('click', function(){
407
- var wrap = $(this).closest('.alert-block');
408
-
409
- if(wrap.length === 1){
410
- wrap.remove();
411
- } else {
412
- $(this).remove();
413
- }
414
- });
415
-
416
- /** ==================================== *\
417
- * SCROLL TO TOP
418
- * ===================================== */
419
- $('#gs-backToTop').on('click', function(){
420
- $('html, body').animate({ scrollTop: 0 }, 400);
421
- });
422
 
423
- /** ==================================== *\
424
- * MODAL ACTION
425
- * ===================================== */
426
-
427
- var detectIE = document.addEventListener && !window.requestAnimationFrame;
428
 
429
- function modal(trigger) {
430
- jQuery(trigger).on('click', function(event){
431
- event.stopPropagation()
432
- var modal_link = jQuery(this).attr('id'),
433
- modal_id = jQuery('#' + modal_link + '-modal');
434
 
435
- if( !modal_id.hasClass('active') ){
436
- modal_id.removeClass('hide').addClass('active');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
437
 
438
- if(detectIE){
439
- modal_id.find('.gs-modal').css({ 'opacity' : 1 });
440
- }
 
 
441
 
442
- jQuery('body').addClass('no-scroll');
443
- }
444
- });
 
445
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
446
 
447
- modal('#settings');
 
 
 
448
 
449
- modal('#install-ga_integration');
450
 
451
- modal('#install-copy-and-share');
452
 
453
- modal('#install-mailchimp');
454
 
455
- modal('#thankyou');
456
 
457
- jQuery('.modal-close').on('click', function(){
458
- jQuery('.modal-wrapper.active').stop().removeClass('active').addClass('rewind').delay(detectIE ? 0 : 700).queue(function(){
459
- jQuery(this).removeClass('rewind').addClass('hide');
460
 
461
- if(detectIE){
462
- jQuery(this).find('.gs-modal').css({ 'opacity' : 0 });
463
- }
464
 
465
- jQuery('body').removeClass('no-scroll');
466
- jQuery.dequeue(this);
 
467
  });
 
 
 
 
468
  });
 
469
 
 
470
  setInterval('forceUpdateWithValues()', 10000);
 
471
 
472
- function validateEmail(email) {
473
- var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
474
 
475
- // if mail is valid, test for local domains
476
- if (re.test(email)) {
477
- var domain = email.replace(/.*@/, "");
478
- var sub_level = domain.split(".")[0];
479
- var top_level = domain.split(".")[1];
480
 
481
- if (sub_level == "localhost" || sub_level == "local" || sub_level == "localdomain"
482
- || top_level == "localhost" || top_level == "local" || top_level == "localdomain") {
483
- return false;
484
- } else {
485
- return true;
486
- }
487
- }
488
  }
 
489
 
490
- function isEmailFormat(email) {
491
- var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
492
 
493
- return re.test(email);
494
- }
495
  });
1
+ function forceUpdate() {
2
+ var data = {
3
+ 'action': 'gs_update'
4
+ };
5
+
6
+ jQuery.post(ajaxurl, data, function() {
7
+ console.log('getsocial.io updated');
8
+ });
9
  }
10
 
11
+ function forceUpdateWithValues() {
12
+ if (getsocial_is_installed == null) {
13
+ return;
14
+ }
15
 
16
+ jQuery.get(jQuery('main').attr('data-href'), {}, function(response) {
17
+ var data = {
18
+ 'action': 'gs_update_with_values',
19
+ 'response': response
20
+ };
21
 
22
+ jQuery.post(ajaxurl, data, function() {
23
+ console.log('getsocial.io updated w/values');
 
 
24
  });
25
+ });
26
  }
27
 
28
+ jQuery('#request_api_key').on('click', function(e) {
29
+ e.preventDefault();
 
 
 
 
 
 
 
 
 
 
 
30
 
31
+ var user_data = jQuery(".account-info .field-input"),
32
+ url = jQuery(user_data[0]).text().trim(),
 
33
  email = jQuery(user_data[1]).val();
34
 
35
+ var data = {
36
+ 'source': 'wordpress',
37
+ 'url': url,
38
+ 'email': email
39
+ };
 
 
 
 
40
 
41
+ jQuery.get(jQuery('main').attr('data-href') + 'recovery/apikey', data, function(response) {
42
+ if (response.success) {
43
+ var modal_id = jQuery('#confirm-apikey-request-modal');
44
 
45
+ if (!modal_id.hasClass('active')) {
 
46
 
47
+ modal_id.removeClass('hide').addClass('active');
48
+ var detectIE = document.addEventListener && !window.requestAnimationFrame;
 
49
 
50
+ if (detectIE) {
51
+ modal_id.find('.gs-modal').css({
52
+ 'opacity': 1
53
+ });
54
  }
 
 
 
 
 
55
 
56
+ jQuery('body').addClass('no-scroll');
57
+ }
 
 
 
 
58
  }
59
+ });
60
+ });
61
 
62
+ function handleMessage(event) {
63
+ var currEvent = event.data;
64
 
65
+ switch (currEvent) {
66
+ case 'publish':
67
+ forceUpdate(currEvent);
68
+ break;
69
+ default:
70
+ break;
71
+ }
72
+ }
73
 
74
+ jQuery(function($) {
75
+
76
+ jQuery('.uservoice-contact').on('click', function(e) {
77
+ e.stopPropagation();
78
+ });
79
 
80
+ jQuery('#api-key-form').submit(function() {
81
+ var wp_data = jQuery(this).serialize();
82
+ jQuery('.notification-bar').hide();
83
 
84
+ if (isEmailFormat(jQuery(this).find('#gs-api-key').val())) {
85
+ jQuery('.notification-bar').hide();
86
+ jQuery('.notification-bar.gs-error').show().find('p').html('API KEY is not an e-mail.');
87
+ } else {
88
+ if (jQuery(this).find('#gs-api-key').val() == 0) {
89
+ jQuery('.notification-bar').hide();
90
+ jQuery('.notification-bar.gs-error').show().find('p').html('API KEY cannot be blank.');
91
+ } else {
92
+ if (jQuery(this).find('#gs-api-key').val().length != 20) {
93
+ jQuery('.notification-bar').hide();
94
+ jQuery('.notification-bar.gs-error').show().find('p').html('API KEY must have 20 digits.');
95
  } else {
96
+ jQuery(this).find('input').prop('disabled', true);
97
+ jQuery(this).find('.loading-create').addClass('active');
98
+ jQuery(this).find('input[type="submit"]').hide();
99
+
100
+ jQuery.post(document.getElementById('check-key-href').innerHTML, {
101
+ url: jQuery("#gs-site-url").val(),
102
+ api_key: jQuery(this).find('#gs-api-key').val()
103
+ }, function(data) {
104
+ if (data.success) {
105
+ jQuery.post('options.php', wp_data).success(function() {
106
+ jQuery('.loading-create').removeClass('active');
107
+ jQuery('.notification-bar.starting').show();
108
+
109
+ setTimeout('window.location.reload();', 3000);
110
+ });
111
  } else {
112
+ jQuery('.loading-create').removeClass('active');
113
+ jQuery('#api-key-form').find('input[type="submit"]').show();
114
+ jQuery('#api-key-form').find('input').prop('disabled', false);
115
+ jQuery('.notification-bar').hide();
116
+ jQuery('.notification-bar.gs-error').show().find('p').html('API KEY is invalid.');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
117
  }
118
+ });
119
  }
120
+ }
121
+ }
122
 
123
+ return false;
124
+ });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
125
 
126
+ jQuery('.create-gs-account').on('click', function(e) {
127
+ e.preventDefault();
 
128
 
129
+ if (!validateEmail(jQuery("#gs-user-email").val())) {
130
+ jQuery('#error-type-3>p')[0].style.visibility = "visible";
131
+ return;
 
 
132
  }
133
 
134
+ jQuery('.notification-bar').hide();
135
+ jQuery('.create-gs-account').hide();
136
+ jQuery('.loading-create').addClass('active');
137
+
138
+ jQuery.post(
139
+ jQuery(this).attr('href'), {
140
+ email: jQuery("#gs-user-email").val(),
141
+ url: jQuery("#gs-site-url").val(),
142
+ source: 'wordpress'
143
+ },
144
+ function(data) {
145
+ if (data.errors != undefined) {
146
+ jQuery('.loading-create').removeClass('active');
147
+ jQuery('.account-info').hide();
148
+ jQuery('.notification-bar.gs-error').show().find('p').html(data.errors[0]);
149
+ jQuery('#error-type-' + data.error_type).show();
150
+ jQuery('.api-key').show();
151
+
152
+ if (data.error_type == 1) {
153
+ $("input[name='save-changes']").hide();
154
+ }
155
+ } else {
156
+ jQuery('#gs-api-key').attr('value', data.api_key);
157
+ jQuery('#api-key-form').trigger('submit');
158
  }
159
+ }
160
+ );
161
+ });
162
+
163
+ if (jQuery('.graphs').length > 0) {
164
+ var $graphs = jQuery('.graphs'),
165
+ graph_api = $graphs.attr('data-graph-api');
166
+
167
+ $.get(graph_api, function(data) {
168
+ $.each(['total_visits', 'total_shares', 'total_leads'], function(i, stat) {
169
+ jQuery('.' + stat).html(data[stat]);
170
+ });
171
  });
172
+ }
173
 
174
+ jQuery(document).on('click', '.deactivate', function(e) {
175
+ e.preventDefault();
176
 
177
+ var $this = jQuery(this);
178
 
179
+ if (confirm('Are you sure you want to deactivate the application?') == true) {
180
+ $.post($this.attr('data-disable-app'), function() {
181
+ if (window.location.href.match(/delete/)) {
182
+ window.location.reload();
183
+ } else {
184
+ window.location = window.location.href + '&delete=1';
185
  }
186
+ });
 
 
 
 
 
 
 
 
 
 
 
 
 
187
  }
188
+ });
189
 
190
+ jQuery(document).on('click', '.only-activate', function(e) {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
191
 
192
+ if ($(this)[0].pathname == "/auth/mailchimp") {
 
 
193
 
194
+ if ($(this).attr('prevent')) {
195
+ alert("You need to install Hello Buddy or Subscriber Bar to work with this app");
196
+ } else {
197
+ window.open($(this).attr('href'), '_blank');
198
+ }
199
+ return;
200
+ }
201
 
202
+ e.preventDefault();
203
 
204
+ $.post($(this).attr('href'), function() {
205
+ window.location = window.location.href + '&update=1';
 
 
206
  });
207
 
208
+ return false;
209
+ });
210
+
211
+ if (!window.addEventListener) {
212
+ window.attachEvent('onmessage', handleMessage);
213
+ } else {
214
+ window.addEventListener('message', handleMessage);
215
+ }
216
+
217
+ /** ==================================== *\
218
+ * HEADER SUBMENU ACTION
219
+ * ===================================== */
220
+ $('.submenu-link > a').on('click', function(e) {
221
+ e.stopPropagation();
222
+
223
+ var $menu = $(this).next('.submenu-wrapper'),
224
+ $menu_list = $menu.find('.submenu'),
225
+ $link = $(this).closest('.submenu-link'),
226
+ $link_list = $('.submenu-link');
227
+
228
+ if ($menu.is(':visible')) {
229
+ $menu_list.removeClass('active');
230
+ $link_list.removeClass('active');
231
+ $menu.stop().delay(200).hide(0);
232
+ } else {
233
+ var $link_active = $('.submenu-link.active'),
234
+ $menu_active = $('.submenu.active');
235
 
236
+ $menu_active.removeClass('active');
237
+ $link_active.removeClass('active');
238
+ $menu_active.parent().stop().delay(200).hide(0);
 
 
 
 
 
 
 
 
239
 
240
+ $menu.stop().show();
 
 
 
 
 
241
 
242
+ var $menu_height = $menu.find('.submenu').outerHeight();
 
 
243
 
244
+ $menu.css({
245
+ height: $menu_height
246
+ });
247
+ $menu_list.addClass('active');
248
+ $link.addClass('active');
 
 
 
 
 
 
 
 
249
  }
250
+ });
251
+
252
+ $('body').on('click', function(e) {
253
+ var clickedElement = e.target;
254
+
255
+ if ($(clickedElement).attr('id') !== 'help') {
256
+ if ($('div.submenu-wrapper').is(':visible')) {
257
+ $('.submenu.active').removeClass('active');
258
+ $('.submenu-link.active').removeClass('active');
259
+ $('div.submenu-wrapper').stop().delay(200).hide(0);
260
+ }
261
+ if ($('.uv-popover').is(':visible')) {
262
+ $('.uv-popover').hide().removeClass().addClass('uv-popover uv-is-hidden').removeAttr('style id');
263
+ }
264
+ }
265
+ });
266
+
267
+ /** ==================================== *\
268
+ * APP FILTER DROPDOWN
269
+ * ===================================== */
270
+ var app_title_parent = $('#app-title'),
271
+ app_title = app_title_parent.children('span'),
272
+ app_title_text = app_title.html();
273
+
274
+ function capitalizeFirstLetter(string) {
275
+ return string.charAt(0).toUpperCase() + string.slice(1);
276
+ }
277
+
278
+ function clearFilters() {
279
+ $('div.app-link-wrapper').show();
280
+ $('div.app-group').show();
281
+ app_title.html(app_title_text);
282
+ app_title_parent.removeClass('filter-on');
283
+ $('#clear-filter').hide();
284
+ $('div.app-grid-filter-holder a').addClass('trans');
285
+ $('#app-finder').show();
286
+
287
+ // update app title count
288
+ $.each($('.app-group'), function(i, group) {
289
+ $(group).find('.app-group-title h2 span').html("(" + $(group).find('.app-link-wrapper').length + " Apps)");
290
+ });
291
+ }
292
 
293
+ function filterApps() {
294
+ var filters = [],
295
+ title = '';
 
 
 
 
 
 
 
 
 
 
 
 
296
 
297
+ $('div.app-grid-titles-wrapper').show();
298
+ $('div.app-link-wrapper').hide();
299
 
300
+ $('div.app-grid-filter-holder').find('a').each(function(i, el) {
301
+ var filter = $(el).data('filter'),
302
+ filterIsActive = !$(el).hasClass('trans'),
303
+ isCategoryFilter = $(el).parent().attr('id') === 'app-filter-dropdown',
304
+ filter_name = filter === 'one' ? 'tools' : filter;
305
 
306
+ if (typeof(filter) === 'undefined') return;
 
307
 
308
+ if (filterIsActive) {
309
+ filters.push('filter-' + filter);
 
 
 
 
 
 
310
 
311
+ if (title.length > 0) title += '<i class="fa fa-plus"></i>';
 
 
312
 
313
+ if (isCategoryFilter) {
314
+ title += '<span class="filter-primary gs-tooltip">' + capitalizeFirstLetter(filter_name) + ' Apps';
315
+ title += "<div>";
316
+ title += 'Apps that are <strong>related to ' + capitalizeFirstLetter(filter_name) + '</strong>';
 
 
 
317
  } else {
318
+ title += '<span class="filter-' + filter + ' gs-tooltip ' + (filter === 'nocode' ? 'nocode' : '') + '">' + capitalizeFirstLetter(filter_name) + ' Apps';
319
+ title += "<div>";
320
+ title += filter === 'nocode' ? "Apps that <strong>require no code</strong> to be installed" : "Apps that are only available in the <strong>" + capitalizeFirstLetter(filter_name) + " Plan</strong>";
321
  }
322
 
323
+ title += "</div></span>";
324
+ }
325
+ });
 
326
 
327
+ if (filters.length > 0) {
328
+ $('div.app-link-wrapper.' + filters.join('.')).show();
329
+ $('div.app-link-wrapper.' + filters.join('.')).parents('.app-group').first().show();
330
+ app_title_parent.addClass('filter-on');
331
+ app_title.html(title.replace('_', ' '));
332
+ $('#clear-filter').show();
333
+ $('#app-finder').hide();
334
+ } else {
335
+ clearFilters();
336
  }
337
 
338
+ $.each($('.app-group'), function(i, group) {
339
+ var selectedApps = $(group).find('.app-link-wrapper').filter(function() {
340
+ return this.style.display == 'block';
341
+ });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
342
 
343
+ if (selectedApps.length == 0) {
344
+ $(group).hide();
345
+ } else {
346
+ $(group).find('.app-group-title h2 span').html("(" + selectedApps.length + " Apps)");
347
+ }
348
  });
349
+ }
350
 
351
+ $('div.app-grid-filter-holder').find('a:not(#app-filter):not(.gs-error)').on('click', function() {
352
+ var enableFilter = $(this).hasClass('trans'),
353
+ isCategoryFilter = $(this).parent().attr('id') === 'app-filter-dropdown';
354
 
355
+ // disable other filters
356
+ if (isCategoryFilter) {
357
+ $('div.app-grid-filter-holder').find('a:not(#app-filter):not(.gs-error)').each(function(i, el) {
358
+ $(el).addClass('trans');
359
+ });
 
 
 
 
 
 
 
 
360
  }
361
 
362
+ if (enableFilter) {
363
+ $(this).removeClass('trans');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
364
 
365
+ if (isCategoryFilter) {
366
+ $('#app-filter').removeClass('trans');
367
+ }
368
+ } else {
369
+ $(this).addClass('trans');
370
 
371
+ if (isCategoryFilter) {
372
+ $('#app-filter').addClass('trans');
373
+ }
374
+ }
 
375
 
376
+ filterApps();
377
+ });
378
+
379
+ $('#clear-filter').on('click', function() {
380
+ clearFilters();
381
+ });
382
+
383
+ /** ==================================== *\
384
+ * APP GRID TOGGLE
385
+ * ===================================== */
386
+ if ($('.app-group').length > 0) {
387
+ $('.app-group-title').find('a').on('click', function() {
388
+ var group_toggle = $(this),
389
+ group_parent = group_toggle.closest('.app-group'),
390
+ group_body = group_parent.find('.app-group-body');
391
+
392
+ group_toggle.find('i').toggleClass('fa-minus-square fa-plus-square');
393
+ group_parent.toggleClass('active');
394
+ group_body.slideToggle(250);
395
+ });
396
+ }
397
 
398
+ /** ==================================== *\
399
+ * ALERT CLOSE BUTTON
400
+ * ===================================== */
401
+ $('.alert-block').children('.close').on('click', function() {
402
+ var wrap = $(this).closest('.alert-block');
403
 
404
+ if (wrap.length === 1) {
405
+ wrap.remove();
406
+ } else {
407
+ $(this).remove();
408
  }
409
+ });
410
+
411
+ /** ==================================== *\
412
+ * SCROLL TO TOP
413
+ * ===================================== */
414
+ $('#gs-backToTop').on('click', function() {
415
+ $('html, body').animate({
416
+ scrollTop: 0
417
+ }, 400);
418
+ });
419
+
420
+ /** ==================================== *\
421
+ * MODAL ACTION
422
+ * ===================================== */
423
+
424
+ var detectIE = document.addEventListener && !window.requestAnimationFrame;
425
+
426
+ function modal(trigger) {
427
+ jQuery(trigger).on('click', function(event) {
428
+ event.stopPropagation();
429
+ var modal_link = jQuery(this).attr('id'),
430
+ modal_id = jQuery('#' + modal_link + '-modal');
431
+
432
+ if (!modal_id.hasClass('active')) {
433
+ modal_id.removeClass('hide').addClass('active');
434
+
435
+ if (detectIE) {
436
+ modal_id.find('.gs-modal').css({
437
+ 'opacity': 1
438
+ });
439
+ }
440
 
441
+ jQuery('body').addClass('no-scroll');
442
+ }
443
+ });
444
+ }
445
 
446
+ modal('#settings');
447
 
448
+ modal('#install-ga_integration');
449
 
450
+ modal('#install-copy-and-share');
451
 
452
+ modal('#install-mailchimp');
453
 
454
+ modal('#thankyou');
 
 
455
 
456
+ jQuery('.modal-close').on('click', function() {
457
+ jQuery('.modal-wrapper.active').stop().removeClass('active').addClass('rewind').delay(detectIE ? 0 : 700).queue(function() {
458
+ jQuery(this).removeClass('rewind').addClass('hide');
459
 
460
+ if (detectIE) {
461
+ jQuery(this).find('.gs-modal').css({
462
+ 'opacity': 0
463
  });
464
+ }
465
+
466
+ jQuery('body').removeClass('no-scroll');
467
+ jQuery.dequeue(this);
468
  });
469
+ });
470
 
471
+ if (getsocial_is_installed != null) {
472
  setInterval('forceUpdateWithValues()', 10000);
473
+ }
474
 
475
+ function validateEmail(email) {
476
+ var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
477
 
478
+ // if mail is valid, test for local domains
479
+ if (re.test(email)) {
480
+ var domain = email.replace(/.*@/, "");
481
+ var sub_level = domain.split(".")[0];
482
+ var top_level = domain.split(".")[1];
483
 
484
+ if (sub_level == "localhost" || sub_level == "local" || sub_level == "localdomain" ||
485
+ top_level == "localhost" || top_level == "local" || top_level == "localdomain") {
486
+ return false;
487
+ } else {
488
+ return true;
489
+ }
 
490
  }
491
+ }
492
 
493
+ function isEmailFormat(email) {
494
+ var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
495
 
496
+ return re.test(email);
497
+ }
498
  });
lib/gs.php CHANGED
@@ -2,7 +2,7 @@
2
 
3
  class GS {
4
 
5
- public $plugin_version = "4.2.3";
6
  private $gs_account = "https://getsocial.io";
7
  private $gs_url_api = "https://api.at.getsocial.io";
8
  public $api_url = "https://getsocial.io/api/v1/";
2
 
3
  class GS {
4
 
5
+ public $plugin_version = "4.3";
6
  private $gs_account = "https://getsocial.io";
7
  private $gs_url_api = "https://api.at.getsocial.io";
8
  public $api_url = "https://getsocial.io/api/v1/";
readme.txt CHANGED
@@ -1,13 +1,13 @@
1
  === Wordpress Social Share Buttons & Analytics Plugin – GetSocial.io ===
2
  Plugin Name: Wordpress Social Share Buttons & Analytics Plugin
3
- Version: 4.2.3
4
  Author: GetSocial.io
5
  Author URI: https://getsocial.io/
6
  Contributors: sharebuttons, socialsharing, socialshare, socialbuttons, socialtools, socialanalytics, GetSocial.io, joaoromao
7
  Tags: share buttons, social sharing, social analytics, share, social media
8
  Requires at least: 3.0
9
  Tested up to: 5.2.1
10
- Stable tag: 4.2.3
11
  Requires PHP: 5.2.4
12
  License: GPL v2 - http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
13
 
@@ -244,6 +244,10 @@ GetSocial services or applications subscriptions, advertising or any other kind
244
  9. Analytics for your Social Bars
245
 
246
  == Changelog ==
 
 
 
 
247
  **4.2.3**
248
  - Update code to fit new GetSocial pricing plans
249
 
1
  === Wordpress Social Share Buttons & Analytics Plugin – GetSocial.io ===
2
  Plugin Name: Wordpress Social Share Buttons & Analytics Plugin
3
+ Version: 4.3
4
  Author: GetSocial.io
5
  Author URI: https://getsocial.io/
6
  Contributors: sharebuttons, socialsharing, socialshare, socialbuttons, socialtools, socialanalytics, GetSocial.io, joaoromao
7
  Tags: share buttons, social sharing, social analytics, share, social media
8
  Requires at least: 3.0
9
  Tested up to: 5.2.1
10
+ Stable tag: 4.3
11
  Requires PHP: 5.2.4
12
  License: GPL v2 - http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
13
 
244
  9. Analytics for your Social Bars
245
 
246
  == Changelog ==
247
+ **4.3**
248
+ - Add possibility to register a different URL for testing purposes
249
+ - Clean unused code
250
+
251
  **4.2.3**
252
  - Update code to fit new GetSocial pricing plans
253
 
tmpl/apps_filters.php CHANGED
@@ -2,7 +2,7 @@
2
  <div class="app-grid-filter-holder">
3
  <a href="javascript:void(0)" id="clear-filter" class="gs-button gs-error trans" style="display: none"><i class="fa fa-times-circle"></i> Clear filter</a>
4
  <?php if ($plan_is_free) { ?>
5
- <a href="javascript:void(0)" class="gs-button plan-one trans gs-tooltip" data-filter="two">Tools Plan<div>Apps that are only available in the <strong>Tools Plan</strong></div></a>
6
  <?php } ?>
7
  <a href="javascript:void(0)" id="app-filter" class="gs-button gs-primary trans"><i class="fa fa-filter"></i> Category</a>
8
  <div id="app-filter-dropdown">
2
  <div class="app-grid-filter-holder">
3
  <a href="javascript:void(0)" id="clear-filter" class="gs-button gs-error trans" style="display: none"><i class="fa fa-times-circle"></i> Clear filter</a>
4
  <?php if ($plan_is_free) { ?>
5
+ <a href="javascript:void(0)" class="gs-button plan-one trans gs-tooltip" data-filter="one">Tools Plan<div>Apps that are only available in the <strong>Tools Plan</strong></div></a>
6
  <?php } ?>
7
  <a href="javascript:void(0)" id="app-filter" class="gs-button gs-primary trans"><i class="fa fa-filter"></i> Category</a>
8
  <div id="app-filter-dropdown">
tmpl/footer.php CHANGED
@@ -7,16 +7,16 @@
7
  <?php } ?>
8
 
9
  <div class="alert-block plan-free gs-primary alert-info" style="max-width: 600px; padding: 20px 30px; margin: 60px auto 0; border-radius: 4px;">
10
- <p class="alert-title" style="margin-bottom: 20px; font-size: 18px;">
11
  Love GetSocial? Here are a couple of ways you can help:</p>
12
- <ol style="text-align: left; line-height: 18px; color: #fff; padding-left: 15px; font-size: 15px; list-style-type: decimal;">
13
  <li style="margin-bottom: 5px">Go to WordPress.org now and give <a style="color: inherit;" href="https://wordpress.org/support/view/plugin-reviews/wp-share-buttons-analytics-by-getsocial?filter=5#postform" target="_blank"><strong>this plugin a 5 <i class="fa fa-star"></i> rating</strong></a></li>
14
  <li>Blog about GetSocial and <a style="color: inherit;" href="https://wordpress.org/plugins/wp-share-buttons-analytics-by-getsocial/" target="_blank">link to the plugin page</a> or <strong><a style="color: inherit;" href="http://getsocial.io" target="_blank">getsocial.io</strong></a>.
15
  </ol>
16
  </div>
17
 
18
  <div style="text-align: center; margin-top: 15px; font-size: 16px;">
19
- <a target="_blank" href="http://getsocial.io/" style="color: #339ed5 !important;">GetSocial Share Buttons <?php echo $GS->plugin_version; ?></a>
20
  </div>
21
  <a href="javascript:void(0)" id="thankyou" class="ssba-btn-thank-you pull-right gs-button gs-primary" style="position: fixed; bottom: 150px; right: 0; border-radius: 4px 0 0 4px; font-size: 20px; padding-top: 6px;"><i class="fa fa-star" style="color:yellow"></i></a>
22
  <?php } ?>
@@ -28,9 +28,9 @@
28
  <div class="modal-title">
29
  <p class="title" style="padding-bottom: 10px;">Thank you!</p>
30
  </div>
31
- <p class="alert-block" style="text-align: left; padding-bottom: 0">
32
  We’re thrilled you chose <a style="color:#02b6b3" target="_blank" href="http://getsocial.io/">Social Sharing, Smart Popup & Share Buttons by GetSocial.io</a> to increase your traffic, shares and subscribers on WordPress.<br><br><strong>We honestly hope the plugin is working out for you and your website.</strong><br><br>
33
- <div style="padding: 20px 10px; background: #02b6b3; color: #fff; border-radius: 4px; margin-top: 10px;">If you like the plugin, please consider supporting us through a <a style="color:#fff; font-weight: bold; text-decoration: underline;" target="_blank" href="https://wordpress.org/support/view/plugin-reviews/wp-share-buttons-analytics-by-getsocial?filter=5#postform">positive review on WordPress.org</a>.</div>
34
  </p>
35
  </div>
36
  <div class="modal-cover modal-close"></div>
7
  <?php } ?>
8
 
9
  <div class="alert-block plan-free gs-primary alert-info" style="max-width: 600px; padding: 20px 30px; margin: 60px auto 0; border-radius: 4px;">
10
+ <p class="alert-title" style="margin-bottom: 20px; font-size: 18px; font-weight: 600;">
11
  Love GetSocial? Here are a couple of ways you can help:</p>
12
+ <ol style="text-align: left; line-height: 18px; color: #fff; padding-left: 15px; font-size: 15px; list-style-type: decimal; font-weight: 500;">
13
  <li style="margin-bottom: 5px">Go to WordPress.org now and give <a style="color: inherit;" href="https://wordpress.org/support/view/plugin-reviews/wp-share-buttons-analytics-by-getsocial?filter=5#postform" target="_blank"><strong>this plugin a 5 <i class="fa fa-star"></i> rating</strong></a></li>
14
  <li>Blog about GetSocial and <a style="color: inherit;" href="https://wordpress.org/plugins/wp-share-buttons-analytics-by-getsocial/" target="_blank">link to the plugin page</a> or <strong><a style="color: inherit;" href="http://getsocial.io" target="_blank">getsocial.io</strong></a>.
15
  </ol>
16
  </div>
17
 
18
  <div style="text-align: center; margin-top: 15px; font-size: 16px;">
19
+ <a target="_blank" href="http://getsocial.io/" style="color: #339ed5 !important; font-weight: 500;">GetSocial Share Buttons <?php echo $GS->plugin_version; ?></a>
20
  </div>
21
  <a href="javascript:void(0)" id="thankyou" class="ssba-btn-thank-you pull-right gs-button gs-primary" style="position: fixed; bottom: 150px; right: 0; border-radius: 4px 0 0 4px; font-size: 20px; padding-top: 6px;"><i class="fa fa-star" style="color:yellow"></i></a>
22
  <?php } ?>
28
  <div class="modal-title">
29
  <p class="title" style="padding-bottom: 10px;">Thank you!</p>
30
  </div>
31
+ <p class="alert-block" style="text-align: left; padding-bottom: 0; font-weight: 500;">
32
  We’re thrilled you chose <a style="color:#02b6b3" target="_blank" href="http://getsocial.io/">Social Sharing, Smart Popup & Share Buttons by GetSocial.io</a> to increase your traffic, shares and subscribers on WordPress.<br><br><strong>We honestly hope the plugin is working out for you and your website.</strong><br><br>
33
+ <div style="padding: 20px 10px; background: #02b6b3; color: #fff; border-radius: 4px; margin-top: 10px; font-weight: 500;">If you like the plugin, please consider supporting us through a <a style="color:#fff; font-weight: bold; text-decoration: underline;" target="_blank" href="https://wordpress.org/support/view/plugin-reviews/wp-share-buttons-analytics-by-getsocial?filter=5#postform">positive review on WordPress.org</a>.</div>
34
  </p>
35
  </div>
36
  <div class="modal-cover modal-close"></div>
tmpl/header.php CHANGED
@@ -62,13 +62,11 @@ wp_enqueue_script('gs-plugin');
62
  </a>
63
  <div class="submenu-wrapper">
64
  <ul class="submenu">
65
- <?php if (get_option('gs-pro')) { ?>
66
  <li>
67
- <a href="mailto:b33e7fd1@incoming.intercom-mail.com">
68
  Email Support
69
  </a>
70
  </li>
71
- <?php } ?>
72
  <li>
73
  <a href="http://help.getsocial.io/" target="_blank">
74
  <i class="fa fa-life-bouy"></i> Documentation
62
  </a>
63
  <div class="submenu-wrapper">
64
  <ul class="submenu">
 
65
  <li>
66
+ <a target="_blank" href="mailto:support@getsocial.io">
67
  Email Support
68
  </a>
69
  </li>
 
70
  <li>
71
  <a href="http://help.getsocial.io/" target="_blank">
72
  <i class="fa fa-life-bouy"></i> Documentation
wp-share-buttons-analytics-getsocial.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: Social Share Buttons & Analytics by GetSocial.io
4
  * Plugin URI: https://getsocial.io
5
  * Description: Social Share Buttons & Analytics is a free WordPress plugin that enables you to add beautiful share buttons to your page in various formats. Upgrade to get analytics and track all social shares happening on your page. See how much traffic, conversions, and shares each post generated.
6
- * Version: 4.2.3
7
  * Author: Getsocial, S.A.
8
  * Author URI: http://getsocial.io
9
  * License: GPL2
3
  * Plugin Name: Social Share Buttons & Analytics by GetSocial.io
4
  * Plugin URI: https://getsocial.io
5
  * Description: Social Share Buttons & Analytics is a free WordPress plugin that enables you to add beautiful share buttons to your page in various formats. Upgrade to get analytics and track all social shares happening on your page. See how much traffic, conversions, and shares each post generated.
6
+ * Version: 4.3
7
  * Author: Getsocial, S.A.
8
  * Author URI: http://getsocial.io
9
  * License: GPL2