Social Media Share Buttons - Version 4.0.1

Version Description

Download this release

Release Info

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

Code changes from version 3.2.3 to 4.0.1

Files changed (11) hide show
  1. css/getsocial-style.css +3124 -4203
  2. init.php +6 -62
  3. js/plugin.js +5 -16
  4. lib/gs.php +2 -1
  5. readme.txt +11 -3
  6. tmpl/apps.php +23 -33
  7. tmpl/apps_config.php +46 -99
  8. tmpl/apps_filters.php +3 -8
  9. tmpl/footer.php +8 -8
  10. tmpl/header.php +6 -10
  11. wp-share-buttons-analytics-getsocial.php +1 -1
css/getsocial-style.css CHANGED
@@ -1,227 +1,187 @@
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
-
12
-
13
  @keyframes fade-in-up {
14
- 0% {
15
- transform: translateY(30px);
16
- opacity: 0;
17
- }
18
- 100% {
19
- transform: translateY(0);
20
- opacity: 1;
21
- }
22
  }
23
-
24
-
25
  @-webkit-keyframes fade-in-down {
26
- 0% {
27
- -webkit-transform: translateY(-30px);
28
- opacity: 0;
29
- }
30
- 100% {
31
- -webkit-transform: translateY(0);
32
- opacity: 1;
33
- }
34
  }
35
-
36
-
37
  @keyframes fade-in-down {
38
- 0% {
39
- transform: translateY(-30px);
40
- opacity: 0;
41
- }
42
- 100% {
43
- transform: translateY(0);
44
- opacity: 1;
45
- }
46
  }
47
-
48
-
49
  @-webkit-keyframes fade-out-up {
50
- 0% {
51
- -webkit-transform: translateY(0);
52
- opacity: 1;
53
- }
54
- 100% {
55
- -webkit-transform: translateY(-30px);
56
- opacity: 0;
57
- }
58
  }
59
-
60
-
61
  @keyframes fade-out-up {
62
- 0% {
63
- transform: translateY(0);
64
- opacity: 1;
65
- }
66
- 100% {
67
- transform: translateY(-30px);
68
- opacity: 0;
69
- }
70
  }
71
-
72
-
73
  @-webkit-keyframes opacity-in {
74
- 0% {
75
- opacity: 0;
76
- }
77
- 100% {
78
- opacity: 1;
79
- }
80
  }
81
-
82
-
83
  @keyframes opacity-in {
84
- 0% {
85
- opacity: 0;
86
- }
87
- 100% {
88
- opacity: 1;
89
- }
90
  }
91
-
92
-
93
  @-webkit-keyframes opacity-out {
94
- 0% {
95
- opacity: 1;
96
- }
97
- 100% {
98
- opacity: 0;
99
- }
100
  }
101
-
102
-
103
  @keyframes opacity-out {
104
- 0% {
105
- opacity: 1;
106
- }
107
- 100% {
108
- opacity: 0;
109
- }
110
  }
111
-
112
-
113
  @-webkit-keyframes fade-in-up {
114
- 0% {
115
- -webkit-transform: translateY(30px);
116
- opacity: 0;
117
- }
118
- 100% {
119
- -webkit-transform: translateY(0);
120
- opacity: 1;
121
- }
122
  }
123
-
124
-
125
  @keyframes fade-in-up {
126
- 0% {
127
- transform: translateY(30px);
128
- opacity: 0;
129
- }
130
- 100% {
131
- transform: translateY(0);
132
- opacity: 1;
133
- }
134
  }
135
-
136
-
137
  @-webkit-keyframes fade-in-down {
138
- 0% {
139
- -webkit-transform: translateY(-30px);
140
- opacity: 0;
141
- }
142
- 100% {
143
- -webkit-transform: translateY(0);
144
- opacity: 1;
145
- }
146
  }
147
-
148
-
149
  @keyframes fade-in-down {
150
- 0% {
151
- transform: translateY(-30px);
152
- opacity: 0;
153
- }
154
- 100% {
155
- transform: translateY(0);
156
- opacity: 1;
157
- }
158
  }
159
-
160
-
161
  @-webkit-keyframes fade-out-up {
162
- 0% {
163
- -webkit-transform: translateY(0);
164
- opacity: 1;
165
- }
166
- 100% {
167
- -webkit-transform: translateY(-30px);
168
- opacity: 0;
169
- }
170
  }
171
-
172
-
173
  @keyframes fade-out-up {
174
- 0% {
175
- transform: translateY(0);
176
- opacity: 1;
177
- }
178
- 100% {
179
- transform: translateY(-30px);
180
- opacity: 0;
181
- }
182
  }
183
-
184
-
185
  @-webkit-keyframes opacity-in {
186
- 0% {
187
- opacity: 0;
188
- }
189
- 100% {
190
- opacity: 1;
191
- }
192
  }
193
-
194
-
195
  @keyframes opacity-in {
196
- 0% {
197
- opacity: 0;
198
- }
199
- 100% {
200
- opacity: 1;
201
- }
202
  }
203
-
204
-
205
  @-webkit-keyframes opacity-out {
206
- 0% {
207
- opacity: 1;
208
- }
209
- 100% {
210
- opacity: 0;
211
- }
212
  }
213
-
214
-
215
  @keyframes opacity-out {
216
- 0% {
217
- opacity: 1;
218
- }
219
- 100% {
220
- opacity: 0;
221
- }
222
  }
223
-
224
-
225
  html,
226
  body,
227
  div,
@@ -303,14 +263,13 @@ time,
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,6109 +281,5071 @@ hgroup,
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
- 100% {
365
- -webkit-transform: translateY(0);
366
- opacity: 1;
367
- }
368
  }
369
-
370
-
371
  @keyframes fade-in-up {
372
- 0% {
373
- transform: translateY(30px);
374
- opacity: 0;
375
- }
376
- 100% {
377
- transform: translateY(0);
378
- opacity: 1;
379
- }
380
  }
381
-
382
-
383
  @-webkit-keyframes fade-in-down {
384
- 0% {
385
- -webkit-transform: translateY(-30px);
386
- opacity: 0;
387
- }
388
- 100% {
389
- -webkit-transform: translateY(0);
390
- opacity: 1;
391
- }
392
  }
393
-
394
-
395
  @keyframes fade-in-down {
396
- 0% {
397
- transform: translateY(-30px);
398
- opacity: 0;
399
- }
400
- 100% {
401
- transform: translateY(0);
402
- opacity: 1;
403
- }
404
  }
405
-
406
-
407
  @-webkit-keyframes fade-out-up {
408
- 0% {
409
- -webkit-transform: translateY(0);
410
- opacity: 1;
411
- }
412
- 100% {
413
- -webkit-transform: translateY(-30px);
414
- opacity: 0;
415
- }
416
  }
417
-
418
-
419
  @keyframes fade-out-up {
420
- 0% {
421
- transform: translateY(0);
422
- opacity: 1;
423
- }
424
- 100% {
425
- transform: translateY(-30px);
426
- opacity: 0;
427
- }
428
  }
429
-
430
-
431
  @-webkit-keyframes opacity-in {
432
- 0% {
433
- opacity: 0;
434
- }
435
- 100% {
436
- opacity: 1;
437
- }
438
  }
439
-
440
-
441
  @keyframes opacity-in {
442
- 0% {
443
- opacity: 0;
444
- }
445
- 100% {
446
- opacity: 1;
447
- }
448
  }
449
-
450
-
451
  @-webkit-keyframes opacity-out {
452
- 0% {
453
- opacity: 1;
454
- }
455
- 100% {
456
- opacity: 0;
457
- }
458
  }
459
-
460
-
461
  @keyframes opacity-out {
462
- 0% {
463
- opacity: 1;
464
- }
465
- 100% {
466
- opacity: 0;
467
- }
468
  }
469
-
470
-
471
  header {
472
- width: 100%;
473
- padding-top: 53px;
474
- display: inline-block;
475
  }
476
-
477
  header #logo-wrapper {
478
- background: #2481b1;
479
- padding: 14px 15px;
480
- float: left;
481
  }
482
-
483
  header #logo-wrapper:hover,
484
  header #logo-wrapper:focus {
485
- background: #20729b;
486
  }
487
-
488
  header #logo-wrapper:active {
489
- background: #1e6b93;
490
  }
491
-
492
  header #main-nav {
493
- width: 100%;
494
- background: #339ed5;
495
- position: fixed;
496
- top: 0;
497
- left: 0;
498
- z-index: 6;
499
- -webkit-transition: all 200ms;
500
- transition: all 200ms;
501
- box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
502
- }
503
-
504
  header #main-nav nav {
505
- padding-left: 148px;
506
  }
507
-
508
  header #main-nav nav > ul > li,
509
  header #main-nav nav > ul > li a {
510
- font-size: 14px;
511
- color: #fff;
512
- display: inline-block;
513
  }
514
-
515
  header #main-nav nav > ul > li > a {
516
- font-weight: bold;
517
  }
518
-
519
  header #main-nav nav > ul > li a {
520
- padding: 19px 17px 22px;
521
  }
522
-
523
  header #main-nav nav > ul > li a:hover,
524
  header #main-nav nav > ul > li a:focus {
525
- background: #2a94ca;
526
  }
527
-
528
  header #main-nav nav > ul > li a:active {
529
- background: #278abd;
530
  }
531
-
532
  header #main-nav nav > ul > li a > i.fa-angle-down {
533
- font-size: 20px;
534
- color: #88c6e6;
535
- margin: -5px 0 -1px 3px;
536
- position: relative;
537
- bottom: -3px;
538
  }
539
-
540
  header #main-nav nav > ul > li a > i:not(.fa-angle-down) {
541
- margin-right: 4px;
542
- position: relative;
543
- bottom: -1px;
544
  }
545
-
546
  header #main-nav nav > ul > li a.plan-one {
547
- background: #339ed5;
548
  }
549
-
550
  header #main-nav nav > ul > li a.plan-one:hover,
551
  header #main-nav nav > ul > li a.plan-one:focus {
552
- background: #2990c6;
553
  }
554
-
555
  header #main-nav nav > ul > li a.plan-one:active {
556
- background: #2687b9;
557
  }
558
-
559
  header #main-nav nav > ul > li a.plan-two {
560
- background: #f29809;
561
  }
562
-
563
  header #main-nav nav > ul > li a.plan-two:hover,
564
  header #main-nav nav > ul > li a.plan-two:focus {
565
- background: #d98908;
566
  }
567
-
568
  header #main-nav nav > ul > li a.plan-two:active {
569
- background: #cb7f08;
570
  }
571
-
572
  header #main-nav nav > ul > li a.plan-three {
573
- background: #dd5a7c;
574
  }
575
-
576
  header #main-nav nav > ul > li a.plan-three:hover,
577
  header #main-nav nav > ul > li a.plan-three:focus {
578
- background: #d9456b;
579
  }
580
-
581
  header #main-nav nav > ul > li a.plan-three:active {
582
- background: #d63861;
583
  }
584
-
585
  header #main-nav nav > ul > li a.plan-four {
586
- background: #9a58e6;
587
  }
588
-
589
  header #main-nav nav > ul > li a.plan-four:hover,
590
  header #main-nav nav > ul > li a.plan-four:focus {
591
- background: #8d42e3;
592
  }
593
-
594
  header #main-nav nav > ul > li a.plan-four:active {
595
- background: #8535e1;
596
  }
597
-
598
  header #main-nav nav > ul > li.active a.tooltip > div,
599
  header #main-nav nav > ul > li.active a.tooltip:hover > div,
600
  header #main-nav nav > ul > li.active a.tooltip:focus > div,
601
  header #main-nav nav > ul > li.active a.tooltip:active > div {
602
- display: none !important;
603
  }
604
-
605
  header #main-nav nav > ul > li.divider {
606
- border-left: 1px solid #5db2de;
607
  }
608
-
609
  header #main-nav nav > ul > li.icon-link > a {
610
- padding: 19px 19px 16px !important;
611
  }
612
-
613
  header #main-nav nav > ul > li.icon-link > a.tooltip > div {
614
- width: auto;
615
- white-space: nowrap;
616
- margin-top: 5px;
617
- top: 100%;
618
  }
619
-
620
  header #main-nav nav > ul > li.icon-link > a > i {
621
- font-size: 20px;
622
- margin: -5px 0 5px;
623
- bottom: -3px;
624
  }
625
-
626
  header #main-nav nav > ul > li.right-link {
627
- float: right;
628
- z-index: 99999999;
629
  }
630
-
631
  header #main-nav nav > ul > li:not(.right-link) {
632
- margin-right: -4px;
633
  }
634
-
635
  header #main-nav nav > ul > li.submenu-link {
636
- position: relative;
637
  }
638
-
639
  header #main-nav nav > ul > li.submenu-link > a {
640
- padding-right: 7px;
641
  }
642
-
643
  header #main-nav nav > ul > li.submenu-link.right-link .submenu-wrapper {
644
- left: auto;
645
- right: 0;
646
  }
647
-
648
  header #main-nav nav > ul > li.submenu-link .submenu-wrapper {
649
- min-width: 150px;
650
- padding: 0 5px 5px;
651
- margin: 0 -5px;
652
- display: none;
653
- overflow: hidden;
654
- position: absolute;
655
- top: 100%;
656
- left: 0;
657
- z-index: 2;
658
- box-sizing: initial;
659
- }
660
-
661
  header #main-nav nav > ul > li.submenu-link .submenu {
662
- min-width: 100%;
663
- background: #f3f3f3;
664
- padding: 10px 8px;
665
- -webkit-transform: translate(0, -100%);
666
- -ms-transform: translate(0, -100%);
667
- transform: translate(0, -100%);
668
- -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
669
- transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
670
- border-radius: 0 0 4px 4px;
671
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 9px 8px -10px rgba(0, 0, 0, 0.5);
672
- }
673
-
674
  header #main-nav nav > ul > li.submenu-link .submenu.active {
675
- -webkit-transform: translate(0, 0);
676
- -ms-transform: translate(0, 0);
677
- transform: translate(0, 0);
678
  }
679
-
680
  header #main-nav nav > ul > li.submenu-link .submenu li.divider {
681
- border-bottom: 1px solid #dfdfdf;
682
- margin: 0 -8px;
683
- padding: 0 8px 10px;
684
  }
685
-
686
  header #main-nav nav > ul > li.submenu-link .submenu li.divider + li {
687
- padding-top: 8px;
688
  }
689
-
690
  header #main-nav nav > ul > li.submenu-link .submenu a {
691
- width: 100%;
692
- color: #606060;
693
- white-space: nowrap;
694
- padding: 8px 10px;
695
- position: relative;
696
- border-radius: 4px;
697
- }
698
-
699
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-active,
700
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active {
701
- padding-right: 35px;
702
  }
703
-
704
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-active:after,
705
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active:after {
706
- font-family: "FontAwesome";
707
- font-size: 16px;
708
- position: absolute;
709
- top: 50%;
710
- right: 5px;
711
- margin-top: -8px;
712
- }
713
-
714
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-active:after {
715
- content: " ";
716
- color: #8db13d;
717
  }
718
-
719
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active:after {
720
- content: " ";
721
- color: #d36c65;
722
  }
723
-
724
  header #main-nav nav > ul > li.submenu-link .submenu a:hover,
725
  header #main-nav nav > ul > li.submenu-link .submenu a:focus {
726
- background: #e6e6e6;
727
  }
728
-
729
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"] {
730
- position: relative;
731
- padding-right: 60px;
732
  }
733
-
734
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"] > span {
735
- font-size: 11px;
736
- color: #fff;
737
- padding: 2px 5px 3px;
738
- position: absolute;
739
- top: 7px;
740
- right: 4px;
741
- border-radius: 4px;
742
- }
743
-
744
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-one > span {
745
- background: #339ed5;
746
  }
747
-
748
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-two > span {
749
- background: #f29809;
750
  }
751
-
752
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-three > span {
753
- background: #dd5a7c;
754
  }
755
-
756
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-four > span {
757
- background: #9a58e6;
758
  }
759
-
760
  header #main-nav nav > ul > li#cta-nav + #user-nav {
761
- margin-right: 0;
762
  }
763
-
764
  header #main-nav nav > ul > li#user-nav {
765
- margin-right: 4px;
766
  }
767
-
768
  header #main-nav nav > ul > li#user-nav img {
769
- width: 30px;
770
- border: 3px solid #72bce2;
771
- margin: -7px 2px -5px;
772
- border-radius: 100%;
773
  }
774
-
775
  header #main-nav nav > ul > li#user-nav > i {
776
- margin-left: 6px;
777
  }
778
-
779
  header #main-nav nav > ul > li#user-nav a > div {
780
- left: auto;
781
- right: 4px;
782
- -webkit-transform: translateX(0);
783
- -ms-transform: translateX(0);
784
- transform: translateX(0);
785
  }
786
-
787
  header #main-nav nav > ul > li#user-nav a > div:before {
788
- margin-left: 0;
789
- left: auto;
790
- right: 24px;
791
  }
792
-
793
  header #main-nav nav > ul > li#store-nav {
794
- margin-right: -4px;
795
  }
796
-
797
  header #main-nav nav > ul > li#store-nav > a {
798
- background: #2a94ca;
799
  }
800
-
801
  header #main-nav nav > ul > li#store-nav > a:hover {
802
- background: #278abd;
803
  }
804
-
805
  header #main-nav nav > ul > li#store-nav > a:active {
806
- background: #2584b5;
807
  }
808
-
809
  header #main-nav nav > ul > li#store-nav li.tier-counter {
810
- background: #2a94ca;
811
- margin: 0 -8px;
812
- padding: 11px 8px 0;
813
- overflow: hidden;
814
  }
815
-
816
  header #main-nav nav > ul > li#store-nav li.tier-counter .counter {
817
- font-size: 12px;
818
- color: #9dd0eb;
819
- text-align: right;
820
- position: relative;
821
- z-index: 2;
822
  }
823
-
824
  header #main-nav nav > ul > li#store-nav li.tier-counter .counter > div:first-of-type {
825
- font-size: 22px;
826
- font-weight: 600;
827
- color: #fff;
828
- margin: 0 0 10px;
829
- position: relative;
830
- left: 0;
831
- }
832
-
833
  header #main-nav nav > ul > li#store-nav li.tier-counter.no-limit .badge > span {
834
- opacity: 1 !important;
835
- -webkit-transform: translateY(0) !important;
836
- -ms-transform: translateY(0) !important;
837
- transform: translateY(0) !important;
838
  }
839
-
840
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span {
841
- color: #fff;
842
- font-weight: 600;
843
- padding: 2px 7px;
844
- position: absolute;
845
- top: -2px;
846
- -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
847
- transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
848
- }
849
-
850
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span:first-child {
851
- opacity: 1;
852
- left: 0;
853
- z-index: 0;
854
- border-radius: 4px;
855
  }
856
-
857
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.one {
858
- background: #339ed5;
859
  }
860
-
861
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.two {
862
- background: #f29809;
863
  }
864
-
865
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.three {
866
- background: #dd5a7c;
867
  }
868
-
869
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.four {
870
- background: #9a58e6;
871
  }
872
-
873
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span:not(:first-child):last-child {
874
- opacity: 0;
875
- left: -7px;
876
- z-index: 1;
877
- -webkit-transform: translateY(100%);
878
- -ms-transform: translateY(100%);
879
- transform: translateY(100%);
880
- }
881
-
882
  header #main-nav nav > ul > li#store-nav li.tier-counter #progbar {
883
- height: 6px;
884
- background: #fff;
885
- margin: 0 -8px;
886
  }
887
-
888
  header #main-nav nav > ul > li#store-nav li.tier-counter #progbar > div {
889
- width: 50px;
890
- height: 6px;
891
- background: #9bc048;
892
- content: "";
893
- display: block;
894
  }
895
-
896
  header #main-nav nav > ul > li#store-nav li.tier-counter:hover:not(.no-limit) .badge > span:first-child {
897
- opacity: 0;
898
- -webkit-transform: translateY(-100%);
899
- -ms-transform: translateY(-100%);
900
- transform: translateY(-100%);
901
  }
902
-
903
  header #main-nav nav > ul > li#store-nav li.tier-counter:hover:not(.no-limit) .badge > span:last-child {
904
- opacity: 1;
905
- -webkit-transform: translateY(0);
906
- -ms-transform: translateY(0);
907
- transform: translateY(0);
908
  }
909
-
910
  header #main-nav nav > ul > li#store-nav li.extra {
911
- margin: 0 -8px -10px;
912
  }
913
-
914
  header #main-nav nav > ul > li#store-nav li.extra a {
915
- background: #f3f3f3;
916
- padding: 12px 18px 13px;
917
- border-radius: 0 0 4px 4px;
918
  }
919
-
920
  header #main-nav nav > ul > li#store-nav li.extra a:hover,
921
  header #main-nav nav > ul > li#store-nav li.extra a:focus {
922
- background: #e6e6e6;
923
  }
924
-
925
  header #main-nav nav > ul > li#store-nav li.extra a:active {
926
- background: #dfdfdf;
927
  }
928
-
929
  header #main-nav nav > ul > li#store-nav #store-status {
930
- min-width: 22px;
931
- font-size: 14px;
932
- text-align: center;
933
- display: inline-block;
934
- padding: 4px 0;
935
- margin: -4px 4px -4px 2px;
936
- position: relative;
937
- bottom: -1px;
938
- border-radius: 100%;
939
- }
940
-
941
  header #main-nav nav > ul > li#store-nav #store-status.active {
942
- background: #98bf44;
943
  }
944
-
945
  header #main-nav nav > ul > li#store-nav #store-status.error {
946
- background: #d36c65;
947
  }
948
-
949
  header #main-nav nav > ul > li#store-nav #site-collection {
950
- padding-top: 0;
951
- background: #e6e6e6;
952
- 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);
953
  }
954
-
955
  header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) {
956
- max-height: 200px;
957
- padding: 10px 0;
958
- overflow-y: scroll;
959
  }
960
-
961
  header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) a:hover,
962
  header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) a:focus {
963
- background: #dadada;
964
  }
965
-
966
  @-webkit-keyframes fade-in-up {
967
- 0% {
968
- -webkit-transform: translateY(30px);
969
- opacity: 0;
970
- }
971
- 100% {
972
- -webkit-transform: translateY(0);
973
- opacity: 1;
974
- }
975
  }
976
-
977
-
978
  @keyframes fade-in-up {
979
- 0% {
980
- transform: translateY(30px);
981
- opacity: 0;
982
- }
983
- 100% {
984
- transform: translateY(0);
985
- opacity: 1;
986
- }
987
  }
988
-
989
-
990
  @-webkit-keyframes fade-in-down {
991
- 0% {
992
- -webkit-transform: translateY(-30px);
993
- opacity: 0;
994
- }
995
- 100% {
996
- -webkit-transform: translateY(0);
997
- opacity: 1;
998
- }
999
  }
1000
-
1001
-
1002
  @keyframes fade-in-down {
1003
- 0% {
1004
- transform: translateY(-30px);
1005
- opacity: 0;
1006
- }
1007
- 100% {
1008
- transform: translateY(0);
1009
- opacity: 1;
1010
- }
1011
  }
1012
-
1013
-
1014
  @-webkit-keyframes fade-out-up {
1015
- 0% {
1016
- -webkit-transform: translateY(0);
1017
- opacity: 1;
1018
- }
1019
- 100% {
1020
- -webkit-transform: translateY(-30px);
1021
- opacity: 0;
1022
- }
1023
  }
1024
-
1025
-
1026
  @keyframes fade-out-up {
1027
- 0% {
1028
- transform: translateY(0);
1029
- opacity: 1;
1030
- }
1031
- 100% {
1032
- transform: translateY(-30px);
1033
- opacity: 0;
1034
- }
1035
  }
1036
-
1037
-
1038
  @-webkit-keyframes opacity-in {
1039
- 0% {
1040
- opacity: 0;
1041
- }
1042
- 100% {
1043
- opacity: 1;
1044
- }
1045
  }
1046
-
1047
-
1048
  @keyframes opacity-in {
1049
- 0% {
1050
- opacity: 0;
1051
- }
1052
- 100% {
1053
- opacity: 1;
1054
- }
1055
  }
1056
-
1057
-
1058
  @-webkit-keyframes opacity-out {
1059
- 0% {
1060
- opacity: 1;
1061
- }
1062
- 100% {
1063
- opacity: 0;
1064
- }
1065
  }
1066
-
1067
-
1068
  @keyframes opacity-out {
1069
- 0% {
1070
- opacity: 1;
1071
- }
1072
- 100% {
1073
- opacity: 0;
1074
- }
1075
  }
1076
-
1077
-
1078
  .title-wrapper {
1079
- background: #fff;
1080
- text-align: center;
1081
- border-bottom: 1px solid #e9e9e9;
1082
- padding: 46px 0 56px;
1083
- position: relative;
1084
- z-index: 4;
1085
- }
1086
-
1087
  .title-wrapper h1 {
1088
- font-family: "Raleway", sans-serif;
1089
- font-weight: 800;
1090
- text-align: right;
1091
- display: inline-block;
1092
  }
1093
-
1094
  .title-wrapper h1 + p {
1095
- max-width: 600px;
1096
- margin-left: auto;
1097
- margin-right: auto;
1098
  }
1099
-
1100
  .title-wrapper.analytics {
1101
- z-index: 0;
1102
  }
1103
-
1104
  @-webkit-keyframes fade-in-up {
1105
- 0% {
1106
- -webkit-transform: translateY(30px);
1107
- opacity: 0;
1108
- }
1109
- 100% {
1110
- -webkit-transform: translateY(0);
1111
- opacity: 1;
1112
- }
1113
  }
1114
-
1115
-
1116
  @keyframes fade-in-up {
1117
- 0% {
1118
- transform: translateY(30px);
1119
- opacity: 0;
1120
- }
1121
- 100% {
1122
- transform: translateY(0);
1123
- opacity: 1;
1124
- }
1125
  }
1126
-
1127
-
1128
  @-webkit-keyframes fade-in-down {
1129
- 0% {
1130
- -webkit-transform: translateY(-30px);
1131
- opacity: 0;
1132
- }
1133
- 100% {
1134
- -webkit-transform: translateY(0);
1135
- opacity: 1;
1136
- }
1137
  }
1138
-
1139
-
1140
  @keyframes fade-in-down {
1141
- 0% {
1142
- transform: translateY(-30px);
1143
- opacity: 0;
1144
- }
1145
- 100% {
1146
- transform: translateY(0);
1147
- opacity: 1;
1148
- }
1149
  }
1150
-
1151
-
1152
  @-webkit-keyframes fade-out-up {
1153
- 0% {
1154
- -webkit-transform: translateY(0);
1155
- opacity: 1;
1156
- }
1157
- 100% {
1158
- -webkit-transform: translateY(-30px);
1159
- opacity: 0;
1160
- }
1161
  }
1162
-
1163
-
1164
  @keyframes fade-out-up {
1165
- 0% {
1166
- transform: translateY(0);
1167
- opacity: 1;
1168
- }
1169
- 100% {
1170
- transform: translateY(-30px);
1171
- opacity: 0;
1172
- }
1173
  }
1174
-
1175
-
1176
  @-webkit-keyframes opacity-in {
1177
- 0% {
1178
- opacity: 0;
1179
- }
1180
- 100% {
1181
- opacity: 1;
1182
- }
1183
  }
1184
-
1185
-
1186
  @keyframes opacity-in {
1187
- 0% {
1188
- opacity: 0;
1189
- }
1190
- 100% {
1191
- opacity: 1;
1192
- }
1193
  }
1194
-
1195
-
1196
  @-webkit-keyframes opacity-out {
1197
- 0% {
1198
- opacity: 1;
1199
- }
1200
- 100% {
1201
- opacity: 0;
1202
- }
1203
  }
1204
-
1205
-
1206
  @keyframes opacity-out {
1207
- 0% {
1208
- opacity: 1;
1209
- }
1210
- 100% {
1211
- opacity: 0;
1212
- }
1213
  }
1214
-
1215
-
1216
  .alert-block .alert-info:before,
1217
  .alert-block .alert-info textarea,
1218
  .alert-block .alert-info a,
1219
  .alert-block .close {
1220
- position: absolute;
1221
- top: 50%;
1222
- -webkit-transform: translateY(-50%);
1223
- -ms-transform: translateY(-50%);
1224
- transform: translateY(-50%);
1225
  }
1226
-
1227
  .alert-block {
1228
- color: #606060;
1229
- background: #fff;
1230
- padding: 15px 30px;
1231
- position: relative;
1232
- -webkit-transition: all 200ms;
1233
- transition: all 200ms;
1234
- }
1235
-
1236
  .alert-block.large {
1237
- margin: 0 15px 30px;
1238
- padding: 22px 30px;
1239
- border-radius: 4px;
1240
  }
1241
-
1242
  .alert-block.center {
1243
- text-align: center;
1244
  }
1245
-
1246
  .alert-block.center,
1247
  .alert-block.center.large {
1248
- padding-left: 0;
1249
- padding-right: 0;
1250
  }
1251
-
1252
  .alert-block.center .alert-info {
1253
- max-width: 800px;
1254
- display: inline-block;
1255
  }
1256
-
1257
  .alert-block.center .alert-info a {
1258
- left: 100%;
1259
- right: auto;
1260
  }
1261
-
1262
  .alert-block .alert-info {
1263
- text-align: left;
1264
- padding-left: 50px;
1265
- position: relative;
1266
  }
1267
-
1268
  .alert-block .alert-info:before {
1269
- font-family: "FontAwesome";
1270
- font-size: 35px;
1271
- content: " ";
1272
- color: #ccc;
1273
- left: 0;
1274
  }
1275
-
1276
  .alert-block .alert-info.no-desc {
1277
- padding: 9px 0 9px 40px;
1278
  }
1279
-
1280
  .alert-block .alert-info.no-desc p {
1281
- position: relative;
1282
- top: -1px;
1283
  }
1284
-
1285
  .alert-block .alert-info.no-desc:before {
1286
- font-size: 28px;
1287
  }
1288
-
1289
  .alert-block .alert-info.code {
1290
- padding-right: 275px;
1291
  }
1292
-
1293
  .alert-block .alert-info textarea {
1294
- width: 245px;
1295
- height: 50px;
1296
- font-family: monospace;
1297
- font-size: 12px;
1298
- color: #606060;
1299
- border: 0;
1300
- padding: 6px 12px;
1301
- overflow-y: scroll;
1302
- right: 0;
1303
- outline: none;
1304
- resize: none;
1305
- border-radius: 4px;
1306
- }
1307
-
1308
  .alert-block .alert-info textarea:hover {
1309
- background: #eee;
1310
  }
1311
-
1312
  .alert-block .alert-info textarea:focus {
1313
- background: #fff;
1314
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
1315
  }
1316
-
1317
  .alert-block .alert-info a {
1318
- font-weight: normal;
1319
- color: #fff;
1320
- background: #bbb;
1321
- white-space: nowrap;
1322
- margin-left: 30px;
1323
- padding-left: 10px;
1324
- padding-right: 10px;
1325
- right: 30px;
1326
- }
1327
-
1328
  .alert-block .alert-info a:hover {
1329
- background: #999;
1330
  }
1331
-
1332
  .alert-block p.alert-title {
1333
- font-size: 16px;
1334
- font-weight: bold;
1335
  }
1336
-
1337
  .alert-block p:not(.alert-title) {
1338
- font-size: 13px;
1339
- font-weight: 600;
1340
- line-height: 15px;
1341
- margin: 3px 0 0;
1342
  }
1343
-
1344
  .alert-block.inline {
1345
- max-width: 800px;
1346
- color: #339ed5;
1347
- border-left-width: 90px;
1348
- border-left-style: solid;
1349
- border-left-color: #339ed5;
1350
- text-align: left;
1351
- padding-right: 30px;
1352
- margin: 0 auto 30px;
1353
- border-radius: 4px;
1354
- }
1355
-
1356
  .alert-block.inline .alert-info {
1357
- padding-left: 90px !important;
1358
- margin-left: -90px;
1359
  }
1360
-
1361
  .alert-block.inline .alert-info:before {
1362
- color: #fff;
1363
  }
1364
-
1365
  .alert-block[class*="plan-"] {
1366
- color: #fff;
1367
  }
1368
-
1369
  .alert-block[class*="plan-"] .alert-info {
1370
- padding-left: 0;
1371
  }
1372
-
1373
  .alert-block[class*="plan-"] .alert-info:before {
1374
- font-family: "Raleway", sans-serif;
1375
- font-weight: 800;
1376
- font-size: 20px;
1377
- color: #fff;
1378
- border: 2px solid #fff;
1379
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
1380
- padding: 3px 11px;
1381
- margin-right: 30px;
1382
- right: 100%;
1383
- left: auto;
1384
- border-radius: 4px;
1385
- }
1386
-
1387
  .alert-block[class*="plan-"] p {
1388
- color: #fff;
1389
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13);
1390
  }
1391
-
1392
  .alert-block.gs-primary {
1393
- background: #339ed5;
1394
  }
1395
-
1396
  .alert-block.gs-primary.inline {
1397
- border-left-color: #2687b9;
1398
  }
1399
-
1400
  .alert-block.gs-primary .alert-info:before {
1401
- content: " ";
1402
- color: rgba(255, 255, 255, 0.5);
1403
  }
1404
-
1405
  .alert-block.gs-primary .alert-info a {
1406
- background: #2481b1;
1407
  }
1408
-
1409
  .alert-block.gs-primary .alert-info a:hover {
1410
- background: #1f6e97;
1411
  }
1412
-
1413
  .alert-block.gs-primary p.alert-title {
1414
- color: #fff;
1415
  }
1416
-
1417
  .alert-block.gs-primary p:not(.alert-title) {
1418
- color: #b2daef;
1419
  }
1420
-
1421
  .alert-block.default-gs-primary {
1422
- border-bottom: 1px solid #b2daef;
1423
  }
1424
-
1425
  .alert-block.default-gs-primary .alert-info:before {
1426
- content: " ";
1427
- color: #339ed5;
1428
  }
1429
-
1430
  .alert-block.default-gs-primary .alert-info a {
1431
- background: #339ed5;
1432
  }
1433
-
1434
  .alert-block.default-gs-primary .alert-info a:hover {
1435
- background: #2481b1;
1436
  }
1437
-
1438
  .alert-block.default-gs-primary p {
1439
- color: #339ed5;
1440
  }
1441
-
1442
  .alert-block.default-gs-primary p:not(.alert-title) {
1443
- color: #5db2de;
1444
  }
1445
-
1446
  .alert-block.gs-success {
1447
- background: #85b023;
1448
  }
1449
-
1450
  .alert-block.gs-success.inline {
1451
- border-left-color: #6b8e1c;
1452
  }
1453
-
1454
  .alert-block.gs-success .alert-info:before {
1455
- content: " ";
1456
- color: rgba(255, 255, 255, 0.5);
1457
  }
1458
-
1459
  .alert-block.gs-success .alert-info a {
1460
- background: #65851b;
1461
  }
1462
-
1463
  .alert-block.gs-success .alert-info a:hover {
1464
- background: #526c15;
1465
  }
1466
-
1467
  .alert-block.gs-success p.alert-title {
1468
- color: #fff;
1469
  }
1470
-
1471
  .alert-block.gs-success p:not(.alert-title) {
1472
- color: #c9e785;
1473
  }
1474
-
1475
  .alert-block.default-gs-success {
1476
- border-bottom: 1px solid #c9e785;
1477
  }
1478
-
1479
  .alert-block.default-gs-success .alert-info:before {
1480
- content: " ";
1481
- color: #85b023;
1482
  }
1483
-
1484
  .alert-block.default-gs-success .alert-info a {
1485
- background: #85b023;
1486
  }
1487
-
1488
  .alert-block.default-gs-success .alert-info a:hover {
1489
- background: #65851b;
1490
  }
1491
-
1492
  .alert-block.default-gs-success p {
1493
- color: #85b023;
1494
  }
1495
-
1496
  .alert-block.default-gs-success p:not(.alert-title) {
1497
- color: #a3d630;
1498
  }
1499
-
1500
  .alert-block.gs-error {
1501
- background: #d36c65;
1502
  }
1503
-
1504
  .alert-block.gs-error.inline {
1505
- border-left-color: #ca4e45;
1506
  }
1507
-
1508
  .alert-block.gs-error .alert-info:before {
1509
- content: "\f06a";
1510
- color: rgba(255, 255, 255, 0.5);
1511
  }
1512
-
1513
  .alert-block.gs-error .alert-info a {
1514
- background: #c8463d;
1515
  }
1516
-
1517
  .alert-block.gs-error .alert-info a:hover {
1518
- background: #b33b33;
1519
  }
1520
-
1521
  .alert-block.gs-error p.alert-title {
1522
- color: #fff;
1523
  }
1524
-
1525
  .alert-block.gs-error p:not(.alert-title) {
1526
- color: #f5dedc;
1527
  }
1528
-
1529
  .alert-block.default-gs-error {
1530
- border-bottom: 1px solid #f5dedc;
1531
  }
1532
-
1533
  .alert-block.default-gs-error .alert-info:before {
1534
- content: " ";
1535
- color: #d36c65;
1536
  }
1537
-
1538
  .alert-block.default-gs-error .alert-info a {
1539
- background: #d36c65;
1540
  }
1541
-
1542
  .alert-block.default-gs-error .alert-info a:hover {
1543
- background: #c8463d;
1544
  }
1545
-
1546
  .alert-block.default-gs-error p {
1547
- color: #d36c65;
1548
  }
1549
-
1550
  .alert-block.default-gs-error p:not(.alert-title) {
1551
- color: #de928d;
1552
  }
1553
-
1554
  .alert-block.special {
1555
- background: #efc520;
1556
  }
1557
-
1558
  .alert-block.special.inline {
1559
- border-left-color: #e5ba10;
1560
  }
1561
-
1562
  .alert-block.special .alert-info:before {
1563
- content: " ";
1564
- font-size: 35px;
1565
- color: #fff;
1566
  }
1567
-
1568
  .alert-block.special .alert-info a {
1569
- background: #bf9b0e;
1570
  }
1571
-
1572
  .alert-block.special .alert-info a:hover {
1573
- background: #a7880c;
1574
  }
1575
-
1576
  .alert-block.special p {
1577
- color: #fff;
1578
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13);
1579
  }
1580
-
1581
  .alert-block.plan-two {
1582
- background: #f29809;
1583
  }
1584
-
1585
  .alert-block.plan-two .alert-info:before {
1586
- content: "Starter";
1587
  }
1588
-
1589
  .alert-block.plan-two .alert-info a {
1590
- background: #b27007;
1591
  }
1592
-
1593
  .alert-block.plan-two .alert-info a:hover {
1594
- background: #996006;
1595
  }
1596
-
1597
  .alert-block.plan-three {
1598
- background: #dd5a7c;
1599
  }
1600
-
1601
  .alert-block.plan-three .alert-info:before {
1602
- content: "Growth";
1603
  }
1604
-
1605
  .alert-block.plan-three .alert-info a {
1606
- background: #b6254b;
1607
  }
1608
-
1609
  .alert-block.plan-three .alert-info a:hover {
1610
- background: #a12142;
1611
  }
1612
-
1613
  .alert-block.plan-four {
1614
- background: #9a58e6;
1615
  }
1616
-
1617
  .alert-block.plan-four .alert-info:before {
1618
- content: "Insights";
1619
  }
1620
-
1621
  .alert-block.plan-four .alert-info a {
1622
- background: #6b1dc5;
1623
  }
1624
-
1625
  .alert-block.plan-four .alert-info a:hover {
1626
- background: #5f1aaf;
1627
  }
1628
-
1629
  .alert-block .close {
1630
- width: 33px;
1631
- height: 33px;
1632
- font-size: 22px;
1633
- color: #fff;
1634
- padding-top: 4px;
1635
- right: 30px;
1636
- opacity: 0.6;
1637
- -webkit-transition: all 200ms;
1638
- transition: all 200ms;
1639
- }
1640
-
1641
  .alert-block .close i {
1642
- -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1643
- transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1644
- -webkit-transform-origin: 50% 54%;
1645
- -moz-transform-origin: 50% 54%;
1646
- -ms-transform-origin: 50% 54%;
1647
- transform-origin: 50% 54%;
1648
- }
1649
-
1650
  .alert-block .close:hover {
1651
- opacity: 1;
1652
  }
1653
-
1654
  .alert-block .close:hover i {
1655
- -webkit-transform: rotate(180deg);
1656
- -ms-transform: rotate(180deg);
1657
- transform: rotate(180deg);
1658
  }
1659
-
1660
  .alert-block + div > .content-wrapper {
1661
- margin-top: 30px;
1662
  }
1663
-
1664
  @-webkit-keyframes fade-in-up {
1665
- 0% {
1666
- -webkit-transform: translateY(30px);
1667
- opacity: 0;
1668
- }
1669
- 100% {
1670
- -webkit-transform: translateY(0);
1671
- opacity: 1;
1672
- }
1673
  }
1674
-
1675
-
1676
  @keyframes fade-in-up {
1677
- 0% {
1678
- transform: translateY(30px);
1679
- opacity: 0;
1680
- }
1681
- 100% {
1682
- transform: translateY(0);
1683
- opacity: 1;
1684
- }
1685
  }
1686
-
1687
-
1688
  @-webkit-keyframes fade-in-down {
1689
- 0% {
1690
- -webkit-transform: translateY(-30px);
1691
- opacity: 0;
1692
- }
1693
- 100% {
1694
- -webkit-transform: translateY(0);
1695
- opacity: 1;
1696
- }
1697
  }
1698
-
1699
-
1700
  @keyframes fade-in-down {
1701
- 0% {
1702
- transform: translateY(-30px);
1703
- opacity: 0;
1704
- }
1705
- 100% {
1706
- transform: translateY(0);
1707
- opacity: 1;
1708
- }
1709
  }
1710
-
1711
-
1712
  @-webkit-keyframes fade-out-up {
1713
- 0% {
1714
- -webkit-transform: translateY(0);
1715
- opacity: 1;
1716
- }
1717
- 100% {
1718
- -webkit-transform: translateY(-30px);
1719
- opacity: 0;
1720
- }
1721
  }
1722
-
1723
-
1724
  @keyframes fade-out-up {
1725
- 0% {
1726
- transform: translateY(0);
1727
- opacity: 1;
1728
- }
1729
- 100% {
1730
- transform: translateY(-30px);
1731
- opacity: 0;
1732
- }
1733
  }
1734
-
1735
-
1736
  @-webkit-keyframes opacity-in {
1737
- 0% {
1738
- opacity: 0;
1739
- }
1740
- 100% {
1741
- opacity: 1;
1742
- }
1743
  }
1744
-
1745
-
1746
  @keyframes opacity-in {
1747
- 0% {
1748
- opacity: 0;
1749
- }
1750
- 100% {
1751
- opacity: 1;
1752
- }
1753
  }
1754
-
1755
-
1756
  @-webkit-keyframes opacity-out {
1757
- 0% {
1758
- opacity: 1;
1759
- }
1760
- 100% {
1761
- opacity: 0;
1762
- }
1763
  }
1764
-
1765
-
1766
  @keyframes opacity-out {
1767
- 0% {
1768
- opacity: 1;
1769
- }
1770
- 100% {
1771
- opacity: 0;
1772
- }
1773
  }
1774
-
1775
-
1776
  .modal-wrapper {
1777
- background: rgba(0, 0, 0, 0.5);
1778
- padding: 0 30px;
1779
- overflow: scroll;
1780
- z-index: 9;
1781
  }
1782
-
1783
  .modal-wrapper,
1784
  .modal-wrapper .modal-cover {
1785
- position: fixed;
1786
- top: 0;
1787
- right: 0;
1788
- bottom: 0;
1789
- left: 0;
1790
  }
1791
-
1792
  .modal-wrapper .modal-cover {
1793
- z-index: -1;
1794
  }
1795
-
1796
  .modal-wrapper .gs-modal {
1797
- max-width: 860px;
1798
- background: #fff;
1799
- padding: 35px 30px 30px;
1800
- margin: 100px auto 30px;
1801
- opacity: 0;
1802
- border-radius: 4px;
1803
- }
1804
-
1805
  .modal-wrapper .gs-modal.small {
1806
- max-width: 430px;
1807
- padding: 40px 30px;
1808
  }
1809
-
1810
  .modal-wrapper .gs-modal .modal-title {
1811
- text-align: center;
1812
  }
1813
-
1814
  .modal-wrapper .gs-modal .modal-title .title {
1815
- font-family: "Raleway", sans-serif;
1816
- font-weight: 800;
1817
- font-size: 25px;
1818
- font-weight: 300;
1819
- padding-bottom: 11px;
1820
  }
1821
-
1822
  .modal-wrapper .gs-modal .modal-title .title + p {
1823
- max-width: 400px;
1824
- margin: 10px auto 0;
1825
  }
1826
-
1827
  .modal-wrapper .gs-modal img {
1828
- width: 100%;
1829
  }
1830
-
1831
  .modal-wrapper .gs-modal .before-after {
1832
- margin-top: -20px;
1833
  }
1834
-
1835
  .modal-wrapper .gs-modal .before-after > div {
1836
- text-align: center;
1837
  }
1838
-
1839
  .modal-wrapper .gs-modal .before-after > div strong {
1840
- font-size: 20px;
1841
- margin: 20px 0;
1842
- display: block;
1843
  }
1844
-
1845
  .modal-wrapper .gs-modal .before-after > div[class*="col-"]:first-child {
1846
- padding-left: 0;
1847
- padding-right: 15px;
1848
  }
1849
-
1850
  .modal-wrapper .gs-modal .before-after > div[class*="col-"]:last-child {
1851
- padding-left: 15px;
1852
- padding-right: 0;
1853
  }
1854
-
1855
  .modal-wrapper .gs-modal .form-button-group {
1856
- padding-top: 20px;
1857
  }
1858
-
1859
  .modal-wrapper .gs-modal .text-block {
1860
- text-align: left;
1861
- margin-bottom: 30px;
1862
  }
1863
-
1864
  .modal-wrapper .gs-modal .text-block p {
1865
- font-size: 18px;
1866
- line-height: 22px;
1867
- margin-bottom: 15px;
1868
  }
1869
-
1870
  .modal-wrapper .gs-modal .text-block p span {
1871
- color: #339ed5;
1872
  }
1873
-
1874
  .modal-wrapper .gs-modal .status-icon {
1875
- width: 70px;
1876
- height: 70px;
1877
- background: #c4da94;
1878
- border: 5px solid #9bc048;
1879
- margin: -10px auto 30px;
1880
- position: relative;
1881
- -webkit-animation: rotate-in 750ms ease-in-out;
1882
- animation: rotate-in 750ms ease-in-out;
1883
- }
1884
-
1885
  .modal-wrapper .gs-modal .status-icon i {
1886
- font-size: 38px;
1887
- color: #fff;
1888
- margin: -19px 0 0 -19px;
1889
- position: absolute;
1890
- top: 50%;
1891
- left: 50%;
1892
- }
1893
-
1894
  .modal-wrapper .gs-modal .status-icon,
1895
  .modal-wrapper .gs-modal .status-icon:before {
1896
- border-radius: 100%;
1897
  }
1898
-
1899
  .modal-wrapper .gs-modal .status-icon:before {
1900
- width: 100%;
1901
- height: 100%;
1902
- border: 0 solid #9bc048;
1903
- content: "";
1904
- display: inline-block;
1905
- position: absolute;
1906
- top: 0;
1907
- left: 0;
1908
- box-sizing: border-box;
1909
- }
1910
-
1911
  .modal-wrapper.hide {
1912
- display: none;
1913
  }
1914
-
1915
  .modal-wrapper.active {
1916
- display: block;
1917
- -webkit-animation: opacity-in 300ms ease-in-out forwards;
1918
- animation: opacity-in 300ms ease-in-out forwards;
1919
  }
1920
-
1921
  .modal-wrapper.active .gs-modal {
1922
- -webkit-animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1923
- animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1924
  }
1925
-
1926
  .modal-wrapper.rewind {
1927
- -webkit-animation: opacity-out 300ms ease-in-out forwards;
1928
- animation: opacity-out 300ms ease-in-out forwards;
1929
  }
1930
-
1931
  .modal-wrapper.rewind .gs-modal {
1932
- -webkit-animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1933
- animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1934
  }
1935
-
1936
  @-webkit-keyframes fade-in-up {
1937
- 0% {
1938
- -webkit-transform: translateY(30px);
1939
- opacity: 0;
1940
- }
1941
- 100% {
1942
- -webkit-transform: translateY(0);
1943
- opacity: 1;
1944
- }
1945
  }
1946
-
1947
-
1948
  @keyframes fade-in-up {
1949
- 0% {
1950
- transform: translateY(30px);
1951
- opacity: 0;
1952
- }
1953
- 100% {
1954
- transform: translateY(0);
1955
- opacity: 1;
1956
- }
1957
  }
1958
-
1959
-
1960
  @-webkit-keyframes fade-in-down {
1961
- 0% {
1962
- -webkit-transform: translateY(-30px);
1963
- opacity: 0;
1964
- }
1965
- 100% {
1966
- -webkit-transform: translateY(0);
1967
- opacity: 1;
1968
- }
1969
  }
1970
-
1971
-
1972
  @keyframes fade-in-down {
1973
- 0% {
1974
- transform: translateY(-30px);
1975
- opacity: 0;
1976
- }
1977
- 100% {
1978
- transform: translateY(0);
1979
- opacity: 1;
1980
- }
1981
  }
1982
-
1983
-
1984
  @-webkit-keyframes fade-out-up {
1985
- 0% {
1986
- -webkit-transform: translateY(0);
1987
- opacity: 1;
1988
- }
1989
- 100% {
1990
- -webkit-transform: translateY(-30px);
1991
- opacity: 0;
1992
- }
1993
  }
1994
-
1995
-
1996
  @keyframes fade-out-up {
1997
- 0% {
1998
- transform: translateY(0);
1999
- opacity: 1;
2000
- }
2001
- 100% {
2002
- transform: translateY(-30px);
2003
- opacity: 0;
2004
- }
2005
  }
2006
-
2007
-
2008
  @-webkit-keyframes opacity-in {
2009
- 0% {
2010
- opacity: 0;
2011
- }
2012
- 100% {
2013
- opacity: 1;
2014
- }
2015
  }
2016
-
2017
-
2018
  @keyframes opacity-in {
2019
- 0% {
2020
- opacity: 0;
2021
- }
2022
- 100% {
2023
- opacity: 1;
2024
- }
2025
  }
2026
-
2027
-
2028
  @-webkit-keyframes opacity-out {
2029
- 0% {
2030
- opacity: 1;
2031
- }
2032
- 100% {
2033
- opacity: 0;
2034
- }
2035
  }
2036
-
2037
-
2038
  @keyframes opacity-out {
2039
- 0% {
2040
- opacity: 1;
2041
- }
2042
- 100% {
2043
- opacity: 0;
2044
- }
2045
  }
2046
-
2047
-
2048
  div.gs-form {
2049
- position: relative;
2050
  }
2051
-
2052
  form h3,
2053
  div.gs-form h3 {
2054
- margin-bottom: 3px;
2055
  }
2056
-
2057
  form h4,
2058
  div.gs-form h4 {
2059
- color: #339ed5;
2060
- margin-bottom: 10px;
2061
  }
2062
-
2063
  form p,
2064
  div.gs-form p {
2065
- font-size: 14px;
2066
- color: #999;
2067
- line-height: 15px;
2068
- margin-bottom: 4px;
2069
  }
2070
-
2071
  form p.tutorial,
2072
  div.gs-form p.tutorial {
2073
- font-size: 16px;
2074
- color: #606060;
2075
- line-height: 18px;
2076
- margin-bottom: 8px;
2077
  }
2078
-
2079
  form p .code,
2080
  div.gs-form p .code {
2081
- font-family: Courier New, monospace;
2082
- font-size: 14px;
2083
- font-weight: 600;
2084
- background: #eee;
2085
- padding: 1px 4px;
2086
- margin: 0 3px;
2087
- border-radius: 4px;
2088
- }
2089
-
2090
  form label,
2091
  div.gs-form label {
2092
- font-size: 18px;
2093
- font-weight: 600;
2094
  }
2095
-
2096
  form label span,
2097
  div.gs-form label span {
2098
- font-size: 16px;
2099
- font-weight: normal;
2100
- color: #999;
2101
  }
2102
-
2103
  form label.step,
2104
  div.gs-form label.step {
2105
- width: 34px;
2106
- height: 34px;
2107
- font-size: 25px;
2108
- font-weight: 600;
2109
- color: #fff;
2110
- background: #339ed5;
2111
- text-align: center;
2112
- padding-top: 3px;
2113
- display: inline-block;
2114
- position: absolute;
2115
- top: 30px;
2116
- left: 50%;
2117
- margin-left: -17px;
2118
- border-radius: 100%;
2119
- }
2120
-
2121
  form label.required,
2122
  div.gs-form label.required {
2123
- position: relative;
2124
  }
2125
-
2126
  form label.required:before,
2127
  div.gs-form label.required:before {
2128
- font-family: "FontAwesome";
2129
- font-size: 10px;
2130
- color: #339ed5;
2131
- content: " ";
2132
- display: inline-block;
2133
- position: absolute;
2134
- top: 0;
2135
- left: -15px;
2136
- }
2137
-
2138
  form input:not([type="submit"]),
2139
  form select,
2140
  form textarea,
2141
  div.gs-form input:not([type="submit"]),
2142
  div.gs-form select,
2143
  div.gs-form textarea {
2144
- width: 100%;
2145
- font-family: "Source Sans Pro", sans-serif;
2146
- font-size: 20px;
2147
- color: #606060;
2148
- background: #fff;
2149
- border: 1px solid #ccc;
2150
- padding: 3px 15px 5px;
2151
- outline: none;
2152
- border-radius: 4px;
2153
- -webkit-transition: all 200ms;
2154
- transition: all 200ms;
2155
- }
2156
-
2157
  form input:not([type="submit"]):hover,
2158
  form select:hover,
2159
  form textarea:hover,
2160
  div.gs-form input:not([type="submit"]):hover,
2161
  div.gs-form select:hover,
2162
  div.gs-form textarea:hover {
2163
- background: #f9f9f9 !important;
2164
  }
2165
-
2166
  form input:not([type="submit"]):focus,
2167
  form select:focus,
2168
  form textarea:focus,
2169
  div.gs-form input:not([type="submit"]):focus,
2170
  div.gs-form select:focus,
2171
  div.gs-form textarea:focus {
2172
- border-color: #339ed5;
2173
- box-shadow: inset 0 0 3px #b2daef;
2174
  }
2175
-
2176
  form input:not([type="submit"])::-webkit-input-placeholder,
2177
  form select::-webkit-input-placeholder,
2178
  form textarea::-webkit-input-placeholder,
2179
  div.gs-form input:not([type="submit"])::-webkit-input-placeholder,
2180
  div.gs-form select::-webkit-input-placeholder,
2181
  div.gs-form textarea::-webkit-input-placeholder {
2182
- color: #ccc;
2183
- font-style: italic;
2184
  }
2185
-
2186
  form input:not([type="submit"]):-moz-placeholder,
2187
  form select:-moz-placeholder,
2188
  form textarea:-moz-placeholder,
2189
  div.gs-form input:not([type="submit"]):-moz-placeholder,
2190
  div.gs-form select:-moz-placeholder,
2191
  div.gs-form textarea:-moz-placeholder {
2192
- color: #ccc;
2193
- font-style: italic;
2194
  }
2195
-
2196
  form input:not([type="submit"])::-moz-placeholder,
2197
  form select::-moz-placeholder,
2198
  form textarea::-moz-placeholder,
2199
  div.gs-form input:not([type="submit"])::-moz-placeholder,
2200
  div.gs-form select::-moz-placeholder,
2201
  div.gs-form textarea::-moz-placeholder {
2202
- color: #ccc;
2203
- font-style: italic;
2204
  }
2205
-
2206
  form input:not([type="submit"]):-ms-input-placeholder,
2207
  form select:-ms-input-placeholder,
2208
  form textarea:-ms-input-placeholder,
2209
  div.gs-form input:not([type="submit"]):-ms-input-placeholder,
2210
  div.gs-form select:-ms-input-placeholder,
2211
  div.gs-form textarea:-ms-input-placeholder {
2212
- color: #ccc;
2213
- font-style: italic;
2214
  }
2215
-
2216
  form input:not([type="submit"]) + p,
2217
  form select + p,
2218
  form textarea + p,
2219
  div.gs-form input:not([type="submit"]) + p,
2220
  div.gs-form select + p,
2221
  div.gs-form textarea + p {
2222
- margin-top: 5px;
2223
  }
2224
-
2225
  form input[type="submit"],
2226
  form button,
2227
  div.gs-form input[type="submit"],
2228
  div.gs-form button {
2229
- width: auto;
2230
- font-family: "Source Sans Pro", sans-serif;
2231
- font-size: 100%;
2232
- margin-top: -8px;
2233
- margin-bottom: -9px;
2234
- display: inline;
2235
- }
2236
-
2237
  form input[type="submit"]:hover,
2238
  form button:hover,
2239
  div.gs-form input[type="submit"]:hover,
2240
  div.gs-form button:hover {
2241
- cursor: pointer;
2242
  }
2243
-
2244
  form textarea,
2245
  div.gs-form textarea {
2246
- max-width: 100%;
2247
  }
2248
-
2249
  form select,
2250
  div.gs-form select {
2251
- height: 35px;
2252
  }
2253
-
2254
  form .page-inline-select,
2255
  div.gs-form .page-inline-select {
2256
- width: 180px;
2257
- margin-left: 8px;
2258
  }
2259
-
2260
  form .form-content pre,
2261
  div.gs-form .form-content pre {
2262
- margin-top: 18px;
2263
  }
2264
-
2265
  form .form-content + .form-content,
2266
  div.gs-form .form-content + .form-content {
2267
- margin-top: 30px;
2268
  }
2269
-
2270
  form .form-content + .options-details:not(.form-title),
2271
  div.gs-form .form-content + .options-details:not(.form-title) {
2272
- padding-top: 37px;
2273
  }
2274
-
2275
  form .form-content .field-label.show-content,
2276
  div.gs-form .form-content .field-label.show-content {
2277
- border-radius: 2px 0 0 2px;
2278
  }
2279
-
2280
  form .form-content .field-clean,
2281
  div.gs-form .form-content .field-clean {
2282
- padding: 35px 30px;
2283
  }
2284
-
2285
  form .form-content .field-clean + .field-clean,
2286
  form .form-content .field-clean + .field-group,
2287
  div.gs-form .form-content .field-clean + .field-clean,
2288
  div.gs-form .form-content .field-clean + .field-group {
2289
- border-top: 1px solid #eee;
2290
  }
2291
-
2292
  form .form-content .field-clean div[class^="col-"]:not(:first-child),
2293
  div.gs-form .form-content .field-clean div[class^="col-"]:not(:first-child) {
2294
- padding-left: 30px;
2295
  }
2296
-
2297
  form .form-content .field-clean label,
2298
  div.gs-form .form-content .field-clean label {
2299
- margin-bottom: 6px;
2300
- display: block;
2301
  }
2302
-
2303
  form .form-content .field-group,
2304
  div.gs-form .form-content .field-group {
2305
- padding-left: 125px;
2306
- position: relative;
2307
  }
2308
-
2309
  form .form-content .field-group:after,
2310
  div.gs-form .form-content .field-group:after {
2311
- content: "";
2312
- display: block;
2313
- clear: both;
2314
  }
2315
-
2316
  form .form-content .field-group.hide,
2317
  div.gs-form .form-content .field-group.hide {
2318
- display: none;
2319
  }
2320
-
2321
  form .form-content .field-group.multi-label > div,
2322
  div.gs-form .form-content .field-group.multi-label > div {
2323
- margin-left: -125px;
2324
- padding-left: 125px;
2325
- position: relative;
2326
  }
2327
-
2328
  form .form-content .field-group.multi-label > div + div .field-label,
2329
  form .form-content .field-group.multi-label > div + div .field-input,
2330
  div.gs-form .form-content .field-group.multi-label > div + div .field-label,
2331
  div.gs-form .form-content .field-group.multi-label > div + div .field-input {
2332
- padding-top: 3px;
2333
  }
2334
-
2335
  form .form-content .field-group.multi-label.row-layout > div:first-child .field-label,
2336
  div.gs-form .form-content .field-group.multi-label.row-layout > div:first-child .field-label {
2337
- border-radius: 4px 0 0 0;
2338
  }
2339
-
2340
  form .form-content .field-group.multi-label.row-layout > div:first-child .field-input,
2341
  div.gs-form .form-content .field-group.multi-label.row-layout > div:first-child .field-input {
2342
- padding-bottom: 0;
2343
  }
2344
-
2345
  form .form-content .field-group.multi-label.row-layout > div:last-child .field-label,
2346
  div.gs-form .form-content .field-group.multi-label.row-layout > div:last-child .field-label {
2347
- padding-top: 18px;
2348
  }
2349
-
2350
  form .form-content .field-group.multi-label.row-layout > div:last-child .field-input,
2351
  div.gs-form .form-content .field-group.multi-label.row-layout > div:last-child .field-input {
2352
- padding-bottom: 30px;
2353
  }
2354
-
2355
  form .form-content .field-group:not(.multi-label):not(.not-float) > *,
2356
  div.gs-form .form-content .field-group:not(.multi-label):not(.not-float) > * {
2357
- float: left;
2358
  }
2359
-
2360
  form .form-content .field-group:first-child .field-label,
2361
  div.gs-form .form-content .field-group:first-child .field-label {
2362
- border-radius: 3px 0 0 0;
2363
  }
2364
-
2365
  form .form-content .field-group:last-child .field-label,
2366
  div.gs-form .form-content .field-group:last-child .field-label {
2367
- border-radius: 0 0 0 3px;
2368
  }
2369
-
2370
  form .form-content .field-group .field-label,
2371
  div.gs-form .form-content .field-group .field-label {
2372
- width: 125px;
2373
- min-width: 125px;
2374
- height: 100%;
2375
- background: #f9f9f9;
2376
- word-wrap: break-word;
2377
- padding: 55px 0 40px 30px;
2378
- position: absolute;
2379
- top: 0;
2380
- left: 0;
2381
- }
2382
-
2383
  form .form-content .field-group .field-label label,
2384
  form .form-content .field-group .field-label span,
2385
  div.gs-form .form-content .field-group .field-label label,
2386
  div.gs-form .form-content .field-group .field-label span {
2387
- display: block;
2388
  }
2389
-
2390
  form .form-content .field-group .field-label.no-desc,
2391
  div.gs-form .form-content .field-group .field-label.no-desc {
2392
- padding-top: 40px;
2393
  }
2394
-
2395
  form .form-content .field-group .field-label .label-icon,
2396
  div.gs-form .form-content .field-group .field-label .label-icon {
2397
- font-size: 24px;
2398
- color: #ddd;
2399
- text-align: center;
2400
- margin: -15px 20px 5px 0;
2401
  }
2402
-
2403
  form .form-content .field-group .field-input,
2404
  div.gs-form .form-content .field-group .field-input {
2405
- width: 100%;
2406
- padding: 35px 30px 40px;
2407
- position: relative;
2408
  }
2409
-
2410
  div.gs-form .form-content .field-group input.field-input,
2411
  div.gs-form .form-content .field-group input.field-input:focus {
2412
- border: 0;
2413
- font-size: 100%;
2414
- outline: none !important;
2415
  }
2416
-
2417
  form .form-content .field-group .field-input + .field-input,
2418
  div.gs-form .form-content .field-group .field-input + .field-input {
2419
- padding-top: 0;
2420
- margin-top: -6px;
2421
  }
2422
-
2423
  form .form-content .field-group .field-input > .clearfix + .field-button-group,
2424
  div.gs-form .form-content .field-group .field-input > .clearfix + .field-button-group {
2425
- margin: 25px 0 -20px;
2426
  }
2427
-
2428
  form .form-content .field-group .field-input.columns,
2429
  div.gs-form .form-content .field-group .field-input.columns {
2430
- padding-bottom: 35px;
2431
  }
2432
-
2433
  form .form-content .field-group .field-input.columns div[class*="col-"]:first-child,
2434
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:first-child {
2435
- padding: 0;
2436
  }
2437
-
2438
  form .form-content .field-group .field-input.columns div[class*="col-"]:last-child,
2439
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:last-child {
2440
- padding-right: 0;
2441
  }
2442
-
2443
  form .form-content .field-group .field-input .gs-buttons-group,
2444
  div.gs-form .form-content .field-group .field-input .gs-buttons-group {
2445
- text-align: right;
2446
  }
2447
-
2448
  form .form-content .field-group .field-input .gs-buttons-group .gs-button,
2449
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button {
2450
- display: inline-block;
2451
  }
2452
-
2453
  form .form-content .field-group .field-input .gs-buttons-group .gs-button.error,
2454
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button.error {
2455
- padding-top: 6px;
2456
- padding-bottom: 8px;
2457
- margin-left: 4px;
2458
  }
2459
-
2460
  form .form-content .field-group .field-input .input-wrap,
2461
  div.gs-form .form-content .field-group .field-input .input-wrap {
2462
- margin: 10px 0 20px;
2463
  }
2464
-
2465
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices,
2466
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices {
2467
- font-size: 20px;
2468
- color: #606060;
2469
- background-image: none;
2470
- border-color: #ccc;
2471
- box-shadow: none;
2472
- border-radius: 4px;
2473
- }
2474
-
2475
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice,
2476
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice {
2477
- font-size: 16px;
2478
- color: #fff;
2479
- background: #339ed5;
2480
- border: none;
2481
- padding: 7px 26px 7px 11px;
2482
- box-shadow: none;
2483
- }
2484
-
2485
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close,
2486
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close {
2487
- height: 13px;
2488
- background: none !important;
2489
- background-image: none !important;
2490
- top: 50%;
2491
- right: 6px;
2492
- -webkit-transform: translateY(-50%);
2493
- -ms-transform: translateY(-50%);
2494
- transform: translateY(-50%);
2495
- }
2496
-
2497
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before,
2498
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before {
2499
- font-family: "FontAwesome";
2500
- font-size: 13px;
2501
- color: #fff;
2502
- content: " ";
2503
- display: inline-block;
2504
- opacity: 0.5;
2505
- }
2506
-
2507
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices input,
2508
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices input {
2509
- height: 33px;
2510
- font-family: "Source Sans Pro", sans-serif;
2511
- font-style: italic;
2512
- color: #ccc;
2513
- margin: 0;
2514
  }
2515
-
2516
  form .form-content .field-group .field-input .tutorial-steps li,
2517
  div.gs-form .form-content .field-group .field-input .tutorial-steps li {
2518
- border-bottom: 1px solid #eee;
2519
- counter-increment: step-counter;
2520
- padding: 0 30px 30px;
2521
- margin: 0 -30px 30px;
2522
- position: relative;
2523
  }
2524
-
2525
  form .form-content .field-group .field-input .tutorial-steps li:before,
2526
  div.gs-form .form-content .field-group .field-input .tutorial-steps li:before {
2527
- font-size: 16px;
2528
- font-weight: bold;
2529
- color: #fff;
2530
- background: #339ed5;
2531
- content: counter(step-counter);
2532
- padding: 1px 6px 3px;
2533
- position: absolute;
2534
- top: 0;
2535
- left: 10px;
2536
- border-radius: 4px;
2537
- }
2538
-
2539
  form .form-content .field-group .field-input .tutorial-steps li img,
2540
  div.gs-form .form-content .field-group .field-input .tutorial-steps li img {
2541
- width: 100%;
2542
- border: 1px solid #ccc;
2543
- margin-top: 15px;
2544
- display: block;
2545
- border-radius: 4px;
2546
  }
2547
-
2548
  form .form-content .field-group .field-input .tutorial-steps li p.tutorial,
2549
  div.gs-form .form-content .field-group .field-input .tutorial-steps li p.tutorial {
2550
- padding: 0 10px;
2551
  }
2552
-
2553
  form .form-content .field-group .field-input .field-button-group > span.label .checkbox .checkbox-btn,
2554
  div.gs-form .form-content .field-group .field-input .field-button-group > span.label .checkbox .checkbox-btn {
2555
- width: auto;
2556
  }
2557
-
2558
  form .form-content .field-group .field-input .field-button-group > span.label.tooltip > div:before,
2559
  div.gs-form .form-content .field-group .field-input .field-button-group > span.label.tooltip > div:before {
2560
- margin-left: 0;
2561
- right: 45px;
2562
- left: auto;
2563
  }
2564
-
2565
  form .form-content .field-group .field-input .field-button-group > span.label > span,
2566
  div.gs-form .form-content .field-group .field-input .field-button-group > span.label > span {
2567
- margin-right: 7px;
2568
- position: relative;
2569
- top: -12px;
2570
  }
2571
-
2572
  form .form-content .field-group .field-input .field-button-group > span.label + span.label,
2573
  div.gs-form .form-content .field-group .field-input .field-button-group > span.label + span.label {
2574
- margin-left: 30px;
2575
  }
2576
-
2577
  form .form-content .field-group .field-input .input-alert-message,
2578
  div.gs-form .form-content .field-group .field-input .input-alert-message {
2579
- font-size: 14px;
2580
- line-height: 15px;
2581
- margin-bottom: 4px;
2582
- position: relative;
2583
- float: right;
2584
  }
2585
-
2586
  form .form-content .field-group .field-input .input-alert-message span,
2587
  div.gs-form .form-content .field-group .field-input .input-alert-message span {
2588
- -webkit-animation: fade-in-left 500ms ease-out;
2589
- animation: fade-in-left 500ms ease-out;
2590
  }
2591
-
2592
  form .form-content .field-group .field-input .input-alert-message:before,
2593
  div.gs-form .form-content .field-group .field-input .input-alert-message:before {
2594
- width: 24px;
2595
- height: 20px;
2596
- font-family: "FontAwesome";
2597
- font-size: 16px;
2598
- color: #fff;
2599
- text-align: center;
2600
- padding-top: 4px;
2601
- position: absolute;
2602
- bottom: -33px;
2603
- right: 9px;
2604
- display: block;
2605
- border-radius: 100%;
2606
- -webkit-animation: rotate-in 750ms ease-in-out;
2607
- animation: rotate-in 750ms ease-in-out;
2608
- }
2609
-
2610
  form .form-content .field-group .field-input .input-alert-message.gs-primary,
2611
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary {
2612
- color: #339ed5;
2613
  }
2614
-
2615
  form .form-content .field-group .field-input .input-alert-message.gs-primary:before,
2616
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary:before {
2617
- background: #339ed5;
2618
- content: " ";
2619
  }
2620
-
2621
  form .form-content .field-group .field-input .input-alert-message.gs-success,
2622
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success {
2623
- color: #85b023;
2624
  }
2625
-
2626
  form .form-content .field-group .field-input .input-alert-message.gs-success:before,
2627
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success:before {
2628
- background: #85b023;
2629
- content: " ";
2630
  }
2631
-
2632
  form .form-content .field-group .field-input .input-alert-message.gs-error,
2633
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error {
2634
- color: #d36c65;
2635
  }
2636
-
2637
  form .form-content .field-group .field-input .input-alert-message.gs-error:before,
2638
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error:before {
2639
- background: #d36c65;
2640
- content: " ";
2641
  }
2642
-
2643
  form .form-content .field-group .field-note,
2644
  div.gs-form .form-content .field-group .field-note {
2645
- font-size: 14px;
2646
- font-style: italic;
2647
- color: #bbb;
2648
- text-align: right;
2649
- position: absolute;
2650
- bottom: 10px;
2651
- right: 30px;
2652
- }
2653
-
2654
  form .form-content .field-group .field-note i,
2655
  div.gs-form .form-content .field-group .field-note i {
2656
- margin-right: 2px;
2657
- position: relative;
2658
- bottom: -1px;
2659
  }
2660
-
2661
  form .form-content .field-group .field-note.alert-note,
2662
  div.gs-form .form-content .field-group .field-note.alert-note {
2663
- margin-left: -125px;
2664
- padding: 13px 30px 13px 155px;
2665
- position: relative;
2666
- right: auto;
2667
- bottom: auto;
2668
- -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2669
- transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2670
- }
2671
-
2672
  form .form-content .field-group .field-note.alert-note.inactive,
2673
  div.gs-form .form-content .field-group .field-note.alert-note.inactive {
2674
- margin-bottom: -50px;
2675
  }
2676
-
2677
  form .form-content .field-group .field-note.alert-note i,
2678
  div.gs-form .form-content .field-group .field-note.alert-note i {
2679
- font-size: 22px;
2680
- position: absolute;
2681
- top: 50%;
2682
- left: 30px;
2683
- -webkit-transform: translateY(-50%);
2684
- -ms-transform: translateY(-50%);
2685
- transform: translateY(-50%);
2686
- }
2687
-
2688
  form .form-content .field-group .field-note.alert-note a.gs-button,
2689
  div.gs-form .form-content .field-group .field-note.alert-note a.gs-button {
2690
- font-size: 13px;
2691
- padding: 2px 7px;
2692
- margin-left: 5px;
2693
  }
2694
-
2695
  form .form-content .field-group .field-note.alert-note.gs-primary,
2696
  div.gs-form .form-content .field-group .field-note.alert-note.gs-primary {
2697
- color: #339ed5;
2698
- background: #dceef8;
2699
  }
2700
-
2701
  form .form-content .field-group .field-note.alert-note.gs-success,
2702
  div.gs-form .form-content .field-group .field-note.alert-note.gs-success {
2703
- color: #85b023;
2704
- background: #dcefb0;
2705
  }
2706
-
2707
  form .form-content .field-group .field-note.alert-note.gs-error,
2708
  div.gs-form .form-content .field-group .field-note.alert-note.gs-error {
2709
- color: #d36c65;
2710
- background: #fff;
2711
  }
2712
-
2713
  form .form-content .field-group .field-tab,
2714
  div.gs-form .form-content .field-group .field-tab {
2715
- display: none;
2716
  }
2717
-
2718
  form .form-content .field-group .field-tab.active,
2719
  div.gs-form .form-content .field-group .field-tab.active {
2720
- display: block;
2721
- -webkit-animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2722
- animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2723
  }
2724
-
2725
  form .form-content .field-group:not(.field-alert) + .field-group,
2726
  div.gs-form .form-content .field-group:not(.field-alert) + .field-group {
2727
- border-top: 1px solid #eee;
2728
  }
2729
-
2730
  form .form-content .field-group.follow-input label i,
2731
  div.gs-form .form-content .field-group.follow-input label i {
2732
- width: 50px;
2733
- height: 50px;
2734
- color: #fff;
2735
- padding: 10px;
2736
- margin-left: 10px;
2737
- position: relative;
2738
- top: -1px;
2739
- border-radius: 4px;
2740
- -webkit-font-smoothing: antialiased;
2741
- -moz-osx-font-smoothing: grayscale;
2742
- }
2743
-
2744
  form .form-content .field-group.follow-input label i:after,
2745
  div.gs-form .form-content .field-group.follow-input label i:after {
2746
- font-size: 22px;
2747
- font-family: "getsocial-icons";
2748
- font-style: normal;
2749
- font-weight: normal;
2750
- font-variant: normal;
2751
- speak: none;
2752
- text-transform: none;
2753
- line-height: 1;
2754
- display: inline-block;
2755
- position: relative;
2756
- bottom: -3px;
2757
- }
2758
-
2759
  form .form-content .field-group.follow-input label span,
2760
  div.gs-form .form-content .field-group.follow-input label span {
2761
- display: none;
2762
  }
2763
-
2764
  form .form-content .field-group.follow-input.fb label i,
2765
  div.gs-form .form-content .field-group.follow-input.fb label i {
2766
- background: #506bb1;
2767
  }
2768
-
2769
  form .form-content .field-group.follow-input.fb label i:after,
2770
  div.gs-form .form-content .field-group.follow-input.fb label i:after {
2771
- content: " ";
2772
  }
2773
-
2774
  form .form-content .field-group.follow-input.tw label i,
2775
  div.gs-form .form-content .field-group.follow-input.tw label i {
2776
- background: #60aade;
2777
  }
2778
-
2779
  form .form-content .field-group.follow-input.tw label i:after,
2780
  div.gs-form .form-content .field-group.follow-input.tw label i:after {
2781
- content: " ";
2782
  }
2783
-
2784
  form .form-content .field-group.follow-input.pn label i,
2785
  div.gs-form .form-content .field-group.follow-input.pn label i {
2786
- background: #ef4448;
2787
  }
2788
-
2789
  form .form-content .field-group.follow-input.pn label i:after,
2790
  div.gs-form .form-content .field-group.follow-input.pn label i:after {
2791
- content: " ";
2792
  }
2793
-
2794
  form .form-content .field-group.follow-input.gp label i,
2795
  div.gs-form .form-content .field-group.follow-input.gp label i {
2796
- background: #e85441;
2797
  }
2798
-
2799
  form .form-content .field-group.follow-input.gp label i:after,
2800
  div.gs-form .form-content .field-group.follow-input.gp label i:after {
2801
- content: " ";
2802
  }
2803
-
2804
  form .form-content .field-group.follow-input.tu label i,
2805
  div.gs-form .form-content .field-group.follow-input.tu label i {
2806
- background: #55677d;
2807
  }
2808
-
2809
  form .form-content .field-group.follow-input.tu label i:after,
2810
  div.gs-form .form-content .field-group.follow-input.tu label i:after {
2811
- content: " ";
2812
  }
2813
-
2814
  form .form-content .field-group.follow-input.ld label i,
2815
  div.gs-form .form-content .field-group.follow-input.ld label i {
2816
- background: #1b93ce;
2817
  }
2818
-
2819
  form .form-content .field-group.follow-input.ld label i:after,
2820
  div.gs-form .form-content .field-group.follow-input.ld label i:after {
2821
- content: " ";
2822
  }
2823
-
2824
  form .form-content .field-group.follow-input.de label i,
2825
  div.gs-form .form-content .field-group.follow-input.de label i {
2826
- background: #797979;
2827
  }
2828
-
2829
  form .form-content .field-group.follow-input.de label i:after,
2830
  div.gs-form .form-content .field-group.follow-input.de label i:after {
2831
- content: " ";
2832
  }
2833
-
2834
  form .form-content .field-group.follow-input.su label i,
2835
  div.gs-form .form-content .field-group.follow-input.su label i {
2836
- background: #f65830;
2837
  }
2838
-
2839
  form .form-content .field-group.follow-input.su label i:after,
2840
  div.gs-form .form-content .field-group.follow-input.su label i:after {
2841
- content: " ";
2842
  }
2843
-
2844
  form .form-content .field-group.follow-input.re label i,
2845
  div.gs-form .form-content .field-group.follow-input.re label i {
2846
- background: #208fdf;
2847
  }
2848
-
2849
  form .form-content .field-group.follow-input.re label i:after,
2850
  div.gs-form .form-content .field-group.follow-input.re label i:after {
2851
- content: " ";
2852
  }
2853
-
2854
  form .form-content .field-group.follow-input.ok label i,
2855
  div.gs-form .form-content .field-group.follow-input.ok label i {
2856
- background: #fa6f0d;
2857
  }
2858
-
2859
  form .form-content .field-group.follow-input.ok label i:after,
2860
  div.gs-form .form-content .field-group.follow-input.ok label i:after {
2861
- content: " ";
2862
  }
2863
-
2864
  form .form-content .field-group.follow-input.hn label i,
2865
  div.gs-form .form-content .field-group.follow-input.hn label i {
2866
- background: #f36201;
2867
  }
2868
-
2869
  form .form-content .field-group.follow-input.hn label i:after,
2870
  div.gs-form .form-content .field-group.follow-input.hn label i:after {
2871
- content: " ";
2872
  }
2873
-
2874
  form .form-content .field-group.follow-input.fbm label i,
2875
  div.gs-form .form-content .field-group.follow-input.fbm label i {
2876
- background: #0d87ff;
2877
  }
2878
-
2879
  form .form-content .field-group.follow-input.fbm label i:after,
2880
  div.gs-form .form-content .field-group.follow-input.fbm label i:after {
2881
- content: " ";
2882
  }
2883
-
2884
  form .form-content .field-group.follow-input.vk label i,
2885
  div.gs-form .form-content .field-group.follow-input.vk label i {
2886
- background: #3b689c;
2887
  }
2888
-
2889
  form .form-content .field-group.follow-input.vk label i:after,
2890
  div.gs-form .form-content .field-group.follow-input.vk label i:after {
2891
- content: " ";
2892
  }
2893
-
2894
  form .form-content .field-group.follow-input.bf label i,
2895
  div.gs-form .form-content .field-group.follow-input.bf label i {
2896
- background: #424242;
2897
  }
2898
-
2899
  form .form-content .field-group.follow-input.bf label i:after,
2900
  div.gs-form .form-content .field-group.follow-input.bf label i:after {
2901
- content: " ";
2902
  }
2903
-
2904
  form .form-content .field-group.follow-input.wa label i,
2905
  div.gs-form .form-content .field-group.follow-input.wa label i {
2906
- background: #02a601;
2907
  }
2908
-
2909
  form .form-content .field-group.follow-input.wa label i:after,
2910
  div.gs-form .form-content .field-group.follow-input.wa label i:after {
2911
- content: " ";
2912
  }
2913
-
2914
  form .form-content .field-group.follow-input.ren label i,
2915
  div.gs-form .form-content .field-group.follow-input.ren label i {
2916
- background: #1e72c8;
2917
  }
2918
-
2919
  form .form-content .field-group.follow-input.ren label i:after,
2920
  div.gs-form .form-content .field-group.follow-input.ren label i:after {
2921
- content: " ";
2922
  }
2923
-
2924
  form .form-content .field-group.follow-input.ba label i,
2925
  div.gs-form .form-content .field-group.follow-input.ba label i {
2926
- background: #314ff3;
2927
  }
2928
-
2929
  form .form-content .field-group.follow-input.ba label i:after,
2930
  div.gs-form .form-content .field-group.follow-input.ba label i:after {
2931
- content: " ";
2932
  }
2933
-
2934
  form .form-content .field-group.follow-input.we label i,
2935
  div.gs-form .form-content .field-group.follow-input.we label i {
2936
- background: #dc3737;
2937
  }
2938
-
2939
  form .form-content .field-group.follow-input.we label i:after,
2940
  div.gs-form .form-content .field-group.follow-input.we label i:after {
2941
- content: " ";
2942
  }
2943
-
2944
  form .form-content .field-group.follow-input.ig label i,
2945
  div.gs-form .form-content .field-group.follow-input.ig label i {
2946
- background: #3F729B;
2947
  }
2948
-
2949
  form .form-content .field-group.follow-input.ig label i:after,
2950
  div.gs-form .form-content .field-group.follow-input.ig label i:after {
2951
- content: " ";
2952
  }
2953
-
2954
  form .form-content .field-group.follow-input.yt label i,
2955
  div.gs-form .form-content .field-group.follow-input.yt label i {
2956
- background: #CD201F;
2957
  }
2958
-
2959
  form .form-content .field-group.follow-input.yt label i:after,
2960
  div.gs-form .form-content .field-group.follow-input.yt label i:after {
2961
- content: " ";
2962
  }
2963
-
2964
  form .form-content .field-group.follow-input.ym label i,
2965
  div.gs-form .form-content .field-group.follow-input.ym label i {
2966
- background: #e16120;
2967
  }
2968
-
2969
  form .form-content .field-group.follow-input.ym label i:after,
2970
  div.gs-form .form-content .field-group.follow-input.ym label i:after {
2971
- content: " ";
2972
  }
2973
-
2974
  form .form-content .field-group.follow-input .field-input,
2975
  div.gs-form .form-content .field-group.follow-input .field-input {
2976
- padding-right: 80px;
2977
  }
2978
-
2979
  form .form-content .field-group.follow-input .field-input .close-field,
2980
  div.gs-form .form-content .field-group.follow-input .field-input .close-field {
2981
- font-size: 18px;
2982
- color: #ccc;
2983
- padding: 7px 9px 6px;
2984
- position: absolute;
2985
- top: 35px;
2986
- right: 20px;
2987
- }
2988
-
2989
  form .form-content .field-group.follow-input .field-input .close-field i,
2990
  div.gs-form .form-content .field-group.follow-input .field-input .close-field i {
2991
- margin-right: 0;
2992
  }
2993
-
2994
  form .form-content .field-group.follow-input .field-input .close-field span,
2995
  div.gs-form .form-content .field-group.follow-input .field-input .close-field span {
2996
- display: none;
2997
  }
2998
-
2999
  form .form-content .field-group.follow-input .field-input .close-field div,
3000
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div {
3001
- width: 115px;
3002
- padding-top: 8px;
3003
- padding-bottom: 8px;
3004
- margin-left: -82px;
3005
- top: 37px;
3006
  }
3007
-
3008
  form .form-content .field-group.follow-input .field-input .close-field div:before,
3009
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div:before {
3010
- margin-left: 0;
3011
- left: auto;
3012
- right: 24px;
3013
  }
3014
-
3015
  form .form-content .field-group.follow-input .field-input .close-field:hover,
3016
  div.gs-form .form-content .field-group.follow-input .field-input .close-field:hover {
3017
- color: #d36c65;
3018
  }
3019
-
3020
  form .form-content .field-grid + .field-group,
3021
  div.gs-form .form-content .field-grid + .field-group {
3022
- border-top: 1px solid #eee;
3023
  }
3024
-
3025
  form .form-content .field-grid .field-label .user-avatar,
3026
  div.gs-form .form-content .field-grid .field-label .user-avatar {
3027
- position: absolute;
3028
- top: 50%;
3029
- left: 50%;
3030
- margin: -23px 0 0 -23px;
3031
  }
3032
-
3033
  form .form-content .field-grid .field-label .user-avatar > div,
3034
  div.gs-form .form-content .field-grid .field-label .user-avatar > div {
3035
- width: 24px;
3036
- font-size: 12px;
3037
- color: #fff;
3038
- background: #efc520;
3039
- border: 3px solid #f9f9f9;
3040
- text-align: center;
3041
- padding: 3px 0 3px 1px;
3042
- display: inline-block;
3043
- position: absolute;
3044
- top: -7px;
3045
- right: -7px;
3046
- }
3047
-
3048
  form .form-content .field-grid .field-label .user-avatar img,
3049
  div.gs-form .form-content .field-grid .field-label .user-avatar img {
3050
- width: 46px;
3051
  }
3052
-
3053
  form .form-content .field-grid .field-label .user-avatar img,
3054
  form .form-content .field-grid .field-label .user-avatar > div,
3055
  div.gs-form .form-content .field-grid .field-label .user-avatar img,
3056
  div.gs-form .form-content .field-grid .field-label .user-avatar > div {
3057
- border-radius: 100%;
3058
  }
3059
-
3060
  form .form-content .field-grid .field-input > div:not(.field-button-group),
3061
  div.gs-form .form-content .field-grid .field-input > div:not(.field-button-group) {
3062
- display: inline-block;
3063
  }
3064
-
3065
  form .form-content .field-grid .field-input > div.field-button-group,
3066
  div.gs-form .form-content .field-grid .field-input > div.field-button-group {
3067
- margin: -7px 0 -11px;
3068
- float: right;
3069
  }
3070
-
3071
  form .form-content .field-grid .field-input > div.field-button-group a.gs-button,
3072
  div.gs-form .form-content .field-grid .field-input > div.field-button-group a.gs-button {
3073
- padding: 6px 13px 7px !important;
3074
- display: inline-block;
3075
  }
3076
-
3077
  form .form-content .field-grid .field-input > div.field-button-group i.fa-trash,
3078
  div.gs-form .form-content .field-grid .field-input > div.field-button-group i.fa-trash {
3079
- margin-right: 0;
3080
  }
3081
-
3082
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group,
3083
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group {
3084
- font-weight: 600;
3085
- color: #7a7a7a;
3086
- background: #f9f9f9;
3087
- padding: 0;
3088
  }
3089
-
3090
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title,
3091
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title {
3092
- border-right: 1px solid #eee;
3093
- padding: 15px 30px;
3094
  }
3095
-
3096
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child,
3097
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child {
3098
- border-right: 0;
3099
  }
3100
-
3101
  form .form-content .field-grid.field-grid-table .field-group,
3102
  div.gs-form .form-content .field-grid.field-grid-table .field-group {
3103
- padding-left: 160px;
3104
  }
3105
-
3106
  form .form-content .field-grid.field-grid-table .field-label,
3107
  div.gs-form .form-content .field-grid.field-grid-table .field-label {
3108
- width: 160px;
3109
- min-width: 160px;
3110
- padding-top: 35px;
3111
  }
3112
-
3113
  form .form-content .field-grid.field-grid-table .field-label a,
3114
  div.gs-form .form-content .field-grid.field-grid-table .field-label a {
3115
- font-size: 16px;
3116
- font-weight: 600;
3117
- color: #339ed5;
3118
  }
3119
-
3120
  form .form-content .field-grid.field-grid-table .field-label a:hover,
3121
  form .form-content .field-grid.field-grid-table .field-label a:focus,
3122
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:hover,
3123
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:focus {
3124
- color: #2687b9;
3125
  }
3126
-
3127
  form .form-content .field-grid.field-grid-table .grid-desc,
3128
  div.gs-form .form-content .field-grid.field-grid-table .grid-desc {
3129
- font-size: 14px;
3130
- color: #bbb;
3131
  }
3132
-
3133
  form .form-button-group,
3134
  div.gs-form .form-button-group {
3135
- text-align: center;
3136
- padding: 38px 0 20px;
3137
  }
3138
-
3139
  form .form-button-group .form-button-status,
3140
  div.gs-form .form-button-group .form-button-status {
3141
- display: inline-block;
3142
- position: relative;
3143
  }
3144
-
3145
  form .form-button-group .form-button-status p,
3146
  div.gs-form .form-button-group .form-button-status p {
3147
- width: 240px;
3148
- font-size: 14px;
3149
- line-height: 15px;
3150
- position: absolute;
3151
- top: 100%;
3152
- left: 50%;
3153
- margin: 15px 0 0 -120px;
3154
- -webkit-animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
3155
- animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
3156
- }
3157
-
3158
  form .form-button-group .form-button-status .gs-primary + p,
3159
  div.gs-form .form-button-group .form-button-status .gs-primary + p {
3160
- color: #339ed5;
3161
  }
3162
-
3163
  form .form-button-group .form-button-status .gs-success + p,
3164
  div.gs-form .form-button-group .form-button-status .gs-success + p {
3165
- color: #85b023;
3166
  }
3167
-
3168
  form .form-button-group .form-button-status .gs-error + p,
3169
  div.gs-form .form-button-group .form-button-status .gs-error + p {
3170
- color: #d36c65;
3171
  }
3172
-
3173
  form .form-button-group.fixed,
3174
  div.gs-form .form-button-group.fixed {
3175
- max-width: 925px;
3176
- width: 100%;
3177
- background: #f3f3f3;
3178
- padding: 30px 0;
3179
- position: fixed;
3180
- bottom: 0;
3181
- left: 50%;
3182
- z-index: 4;
3183
- -webkit-transform: translateX(-50%);
3184
- -ms-transform: translateX(-50%);
3185
- transform: translateX(-50%);
3186
- box-shadow: 0 -20px 30px -30px rgba(0, 0, 0, 0.5);
3187
- -webkit-animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
3188
- animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
3189
- }
3190
-
3191
  form .extra-notes,
3192
  div.gs-form .extra-notes {
3193
- padding-top: 15px;
3194
  }
3195
-
3196
  form .extra-notes .fa-asterisk,
3197
  div.gs-form .extra-notes .fa-asterisk {
3198
- font-size: 16px;
3199
- color: #339ed5;
3200
  }
3201
-
3202
  .edit_exclusion + .edit_exclusion,
3203
  .new_exclusion {
3204
- margin-top: 30px;
3205
  }
3206
-
3207
  .form-content {
3208
- background: #fff;
3209
- border: 1px solid #e1e1e1;
3210
- overflow: hidden;
3211
- border-radius: 4px;
3212
  }
3213
-
3214
  .form-content.free-content {
3215
- padding: 30px;
3216
  }
3217
-
3218
  .form-content.show-content {
3219
- overflow: visible;
3220
  }
3221
-
3222
  .form-content.show-content .field-group:first-child .field-label {
3223
- border-top-left-radius: 3px;
3224
  }
3225
-
3226
  .form-content.show-content .field-group:first-child .field-input {
3227
- border-top-right-radius: 3px;
3228
  }
3229
-
3230
  .form-content.show-content .field-group:last-child .field-label {
3231
- border-bottom-left-radius: 3px;
3232
  }
3233
-
3234
  .form-content.show-content .field-group:last-child .field-input {
3235
- border-bottom-right-radius: 3px;
3236
  }
3237
-
3238
  .gs-button {
3239
- font-weight: 600;
3240
- color: #fff;
3241
- border: 2px solid transparent;
3242
- padding: 4px 13px 6px;
3243
- border-radius: 4px;
3244
- -webkit-transition: all 200ms;
3245
- transition: all 200ms;
3246
- }
3247
-
3248
  .gs-button i {
3249
- margin-right: 4px;
3250
  }
3251
-
3252
  .gs-button.special {
3253
- color: #efc520;
3254
  }
3255
-
3256
  .gs-button.special:not(.trans) {
3257
- background: #efc520;
3258
  }
3259
-
3260
  .gs-button.special.trans.border {
3261
- border-color: #efc520;
3262
  }
3263
-
3264
  .gs-button.dark {
3265
- color: #606060;
3266
  }
3267
-
3268
  .gs-button.dark:hover {
3269
- color: #339ed5;
3270
  }
3271
-
3272
  .gs-button.grey {
3273
- color: #606060;
3274
- background: #f6f6f6;
3275
  }
3276
-
3277
  .gs-button.grey:hover {
3278
- background: #e3e3e3;
3279
  }
3280
-
3281
  .gs-button.disabled {
3282
- color: #aaa;
3283
- background: #eee;
3284
  }
3285
-
3286
  .gs-button:not(.pricing-plan).plan-two:not(.trans) {
3287
- background: #f29809;
3288
  }
3289
-
3290
  .gs-button:not(.pricing-plan).plan-two:not(.trans):hover {
3291
- background: #cb7f08;
3292
  }
3293
-
3294
  .gs-button:not(.pricing-plan).plan-two.trans {
3295
- color: #f29809;
3296
  }
3297
-
3298
  .gs-button:not(.pricing-plan).plan-two.trans.border {
3299
- border-color: #f29809;
3300
  }
3301
-
3302
  .gs-button:not(.pricing-plan).plan-two.trans:hover {
3303
- color: #f29809;
3304
- border-color: #f29809;
3305
  }
3306
-
3307
  .gs-button:not(.pricing-plan).plan-three:not(.trans) {
3308
- background: #dd5a7c;
3309
  }
3310
-
3311
  .gs-button:not(.pricing-plan).plan-three:not(.trans):hover {
3312
- background: #d63861;
3313
  }
3314
-
3315
  .gs-button:not(.pricing-plan).plan-three.trans {
3316
- color: #dd5a7c;
3317
  }
3318
-
3319
  .gs-button:not(.pricing-plan).plan-three.trans.border {
3320
- border-color: #dd5a7c;
3321
  }
3322
-
3323
  .gs-button:not(.pricing-plan).plan-three.trans:hover {
3324
- color: #dd5a7c;
3325
- border-color: #dd5a7c;
3326
  }
3327
-
3328
  .gs-button:not(.pricing-plan).plan-four:not(.trans) {
3329
- background: #9a58e6;
3330
  }
3331
-
3332
  .gs-button:not(.pricing-plan).plan-four:not(.trans):hover {
3333
- background: #8535e1;
3334
  }
3335
-
3336
  .gs-button:not(.pricing-plan).plan-four.trans {
3337
- color: #9a58e6;
3338
  }
3339
-
3340
  .gs-button:not(.pricing-plan).plan-four.trans.border {
3341
- border-color: #9a58e6;
3342
  }
3343
-
3344
  .gs-button:not(.pricing-plan).plan-four.trans:hover {
3345
- color: #9a58e6;
3346
- border-color: #9a58e6;
3347
  }
3348
-
3349
  .gs-button.dropdown {
3350
- width: 100%;
3351
- font-family: "Source Sans Pro", sans-serif;
3352
- font-size: 20px;
3353
- font-weight: normal;
3354
- background: #fff;
3355
- border: 1px solid #ccc;
3356
- padding: 3px 30px 5px 15px;
3357
- position: relative;
3358
- }
3359
-
3360
  .gs-button.dropdown i {
3361
- font-size: 16px;
3362
- position: absolute;
3363
- top: 10px;
3364
- right: 10px;
3365
- -webkit-transition: all 200ms ease-in-out;
3366
- transition: all 200ms ease-in-out;
3367
- }
3368
-
3369
  .gs-button.dropdown.empty {
3370
- font-style: italic;
3371
- color: #ccc;
3372
  }
3373
-
3374
  .gs-button.dropdown.filled {
3375
- color: #fff;
3376
- background: #339ed5;
3377
- border-color: #339ed5;
3378
  }
3379
-
3380
  .gs-button.dropdown.filled i {
3381
- color: #88c6e6;
3382
  }
3383
-
3384
  .gs-button.dropdown.filled:hover {
3385
- background: #2687b9;
3386
- border-color: #2687b9;
3387
  }
3388
-
3389
  .gs-button.dropdown.active {
3390
- color: #606060;
3391
- border-color: #339ed5;
3392
- box-shadow: inset 0 0 3px #b2daef;
3393
  }
3394
-
3395
  .gs-button.dropdown.active i {
3396
- -webkit-transform-origin: 50% 45%;
3397
- -ms-transform-origin: 50% 45%;
3398
- transform-origin: 50% 45%;
3399
- -webkit-transform: rotate(180deg);
3400
- -ms-transform: rotate(180deg);
3401
- transform: rotate(180deg);
3402
- }
3403
-
3404
  .gs-button.dropdown:hover {
3405
- background: #f9f9f9;
3406
  }
3407
-
3408
  .gs-button.pricing-plan {
3409
- min-width: 100px;
3410
- font-size: 20px;
3411
- font-weight: 600;
3412
- color: #fff;
3413
- border: 0;
3414
- text-shadow: 0 1px rgba(0, 0, 0, 0.25);
3415
- padding: 6px 15px;
3416
- border-radius: 4px;
3417
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 0 transparent;
3418
- -webkit-transition: all 200ms;
3419
- transition: all 200ms;
3420
- }
3421
-
3422
  .gs-button.pricing-plan.plan-one {
3423
- background: #339ed5, #f29809, #dd5a7c, #9a58e6;
3424
  }
3425
-
3426
  .gs-button.pricing-plan.plan-two {
3427
- background: #339ed5, #f29809, #dd5a7c, #9a58e6;
3428
  }
3429
-
3430
  .gs-button.pricing-plan.plan-three {
3431
- background: #339ed5, #f29809, #dd5a7c, #9a58e6;
3432
  }
3433
-
3434
  .gs-button.pricing-plan.plan-four {
3435
- background: #339ed5, #f29809, #dd5a7c, #9a58e6;
3436
  }
3437
-
3438
  .gs-button.gs-primary:not(.trans) {
3439
- background: #339ed5;
3440
  }
3441
-
3442
  .gs-button.gs-primary.trans {
3443
- color: #339ed5;
3444
  }
3445
-
3446
  .gs-button.gs-primary.trans.border {
3447
- border-color: #339ed5;
3448
  }
3449
-
3450
  .gs-button.gs-success:not(.trans) {
3451
- background: #85b023;
3452
  }
3453
-
3454
  .gs-button.gs-success:hover:not(.trans) {
3455
- color: #FFFFFF;
3456
  }
3457
-
3458
  .gs-button.gs-success.trans {
3459
- color: #85b023;
3460
  }
3461
-
3462
  .gs-button.gs-success.trans.border {
3463
- border-color: #85b023;
3464
  }
3465
-
3466
  .gs-button.gs-error:not(.trans) {
3467
- background: #d36c65;
3468
  }
3469
-
3470
  .gs-button.gs-error.trans {
3471
- color: #d36c65;
3472
  }
3473
-
3474
  .gs-button.gs-error.trans.border {
3475
- border-color: #d36c65;
3476
  }
3477
-
3478
  .gs-button.white {
3479
- color: #606060;
3480
- background: #fff;
3481
- border-width: 3px;
3482
- border-style: solid;
3483
- border-color: transparent;
3484
- -webkit-transition: all 200ms;
3485
- transition: all 200ms;
3486
- }
3487
-
3488
  .gs-button.white:hover {
3489
- border-color: #606060;
3490
  }
3491
-
3492
  a.gs-button.special:not(.trans):hover,
3493
  input.gs-button.special:not(.trans):hover,
3494
  button.gs-button.special:not(.trans):hover {
3495
- background: #d7ae0f;
3496
  }
3497
-
3498
  a.gs-button.special.trans.border:hover,
3499
  input.gs-button.special.trans.border:hover,
3500
  button.gs-button.special.trans.border:hover {
3501
- color: #d7ae0f;
3502
- border-color: #d7ae0f;
3503
  }
3504
-
3505
  a.gs-button.dark,
3506
  input.gs-button.dark,
3507
  button.gs-button.dark {
3508
- color: #606060;
3509
  }
3510
-
3511
  a.gs-button.dark:hover,
3512
  input.gs-button.dark:hover,
3513
  button.gs-button.dark:hover {
3514
- color: #339ed5;
3515
  }
3516
-
3517
  a.gs-button.pricing-plan.plan-one:hover,
3518
  input.gs-button.pricing-plan.plan-one:hover,
3519
  button.gs-button.pricing-plan.plan-one:hover {
3520
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #1e6b93;
3521
  }
3522
-
3523
  a.gs-button.pricing-plan.plan-two:hover,
3524
  input.gs-button.pricing-plan.plan-two:hover,
3525
  button.gs-button.pricing-plan.plan-two:hover {
3526
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #9e6306;
3527
  }
3528
-
3529
  a.gs-button.pricing-plan.plan-three:hover,
3530
  input.gs-button.pricing-plan.plan-three:hover,
3531
  button.gs-button.pricing-plan.plan-three:hover {
3532
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #ba264d;
3533
  }
3534
-
3535
  a.gs-button.pricing-plan.plan-four:hover,
3536
  input.gs-button.pricing-plan.plan-four:hover,
3537
  button.gs-button.pricing-plan.plan-four:hover {
3538
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #6e1ec9;
3539
  }
3540
-
3541
  a.gs-button.gs-primary:not(.trans):hover,
3542
  input.gs-button.gs-primary:not(.trans):hover,
3543
  button.gs-button.gs-primary:not(.trans):hover {
3544
- background: #2687b9;
3545
  }
3546
-
3547
  a.gs-button.gs-primary.trans:hover,
3548
  input.gs-button.gs-primary.trans:hover,
3549
  button.gs-button.gs-primary.trans:hover {
3550
- border-color: #339ed5;
3551
  }
3552
-
3553
  a.gs-button.gs-success:not(.trans):hover,
3554
  input.gs-button.gs-success:not(.trans):hover,
3555
  button.gs-button.gs-success:not(.trans):hover {
3556
- background: #6b8e1c;
3557
  }
3558
-
3559
  a.gs-button.gs-success.trans:hover,
3560
  input.gs-button.gs-success.trans:hover,
3561
  button.gs-button.gs-success.trans:hover {
3562
- border-color: #85b023;
3563
  }
3564
-
3565
  a.gs-button.gs-error:not(.trans):hover,
3566
  input.gs-button.gs-error:not(.trans):hover,
3567
  button.gs-button.gs-error:not(.trans):hover {
3568
- background: #ca4e45;
3569
  }
3570
-
3571
  a.gs-button.gs-error.trans:hover,
3572
  input.gs-button.gs-error.trans:hover,
3573
  button.gs-button.gs-error.trans:hover {
3574
- border-color: #d36c65;
3575
  }
3576
-
3577
  .checkbox {
3578
- position: relative;
3579
  }
3580
-
3581
  .checkbox input {
3582
- height: 34px;
3583
- background: transparent;
3584
- position: absolute;
3585
- margin: 0;
3586
- opacity: 0;
3587
- z-index: 1;
3588
- }
3589
-
3590
  .checkbox input:hover {
3591
- cursor: pointer;
3592
  }
3593
-
3594
  .checkbox input + .checkbox-btn {
3595
- background: #ccc;
3596
  }
3597
-
3598
  .checkbox input + .checkbox-btn:after {
3599
- left: 0;
3600
- -webkit-transform: translate(2px, 0);
3601
- -ms-transform: translate(2px, 0);
3602
- transform: translate(2px, 0);
3603
  }
3604
-
3605
  .checkbox input:checked + .checkbox-btn:after {
3606
- left: 100%;
3607
- -webkit-transform: translate(-32px, 0);
3608
- -ms-transform: translate(-32px, 0);
3609
- transform: translate(-32px, 0);
3610
  }
3611
-
3612
  .checkbox input:checked + .checkbox-btn.gs-primary {
3613
- background: #339ed5;
3614
  }
3615
-
3616
  .checkbox input:checked + .checkbox-btn.gs-success {
3617
- background: #85b023;
3618
  }
3619
-
3620
  .checkbox input:checked + .checkbox-btn.gs-error {
3621
- background: #d36c65;
3622
  }
3623
-
3624
  .checkbox input:hover,
3625
  .checkbox input:focus {
3626
- cursor: pointer;
3627
  }
3628
-
3629
  .checkbox input:hover + .checkbox-btn,
3630
  .checkbox input:focus + .checkbox-btn {
3631
- background: #b8b8b8;
3632
  }
3633
-
3634
  .checkbox input:hover:checked + .checkbox-btn.gs-primary,
3635
  .checkbox input:focus:checked + .checkbox-btn.gs-primary {
3636
- background: #2687b9;
3637
  }
3638
-
3639
  .checkbox input:hover:checked + .checkbox-btn.gs-success,
3640
  .checkbox input:focus:checked + .checkbox-btn.gs-success {
3641
- background: #6b8e1c;
3642
  }
3643
-
3644
  .checkbox input:hover:checked + .checkbox-btn.gs-error,
3645
  .checkbox input:focus:checked + .checkbox-btn.gs-error {
3646
- background: #ca4e45;
3647
  }
3648
-
3649
  .checkbox .checkbox-btn {
3650
- width: 75px;
3651
- font-weight: 600;
3652
- padding: 7px 15px 9px;
3653
- display: inline-block;
3654
- position: relative;
3655
- overflow: hidden;
3656
- border-radius: 100px;
3657
- -webkit-transition: all 200ms;
3658
- transition: all 200ms;
3659
- }
3660
-
3661
  .checkbox .checkbox-btn *,
3662
  .checkbox .checkbox-btn:after {
3663
- -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3664
- transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3665
  }
3666
-
3667
  .checkbox .checkbox-btn span:first-child {
3668
- margin-right: -8px;
3669
- -webkit-transform: translate(30px, 0);
3670
- -ms-transform: translate(30px, 0);
3671
- transform: translate(30px, 0);
3672
  }
3673
-
3674
  .checkbox .checkbox-btn span:last-child {
3675
- margin-left: 8px;
3676
- -webkit-transform: translate(-30px, 0);
3677
- -ms-transform: translate(-30px, 0);
3678
- transform: translate(-30px, 0);
3679
  }
3680
-
3681
  .checkbox .checkbox-btn span:not(.active) {
3682
- opacity: 0;
3683
  }
3684
-
3685
  .checkbox .checkbox-btn span.active {
3686
- color: #fff;
3687
- -webkit-transform: translate(0, 0);
3688
- -ms-transform: translate(0, 0);
3689
- transform: translate(0, 0);
3690
  }
3691
-
3692
  .checkbox .checkbox-btn:after {
3693
- width: 30px;
3694
- height: 30px;
3695
- background: #fff;
3696
- content: "";
3697
- position: absolute;
3698
- top: 2px;
3699
- border-radius: 100%;
3700
- }
3701
-
3702
  .checkbox.checkbox-margin {
3703
- margin-left: 10px;
3704
  }
3705
-
3706
  .field-label .checkbox {
3707
- margin-top: 8px;
3708
  }
3709
-
3710
  .field-label .checkbox .checkbox-btn {
3711
- width: initial;
3712
- padding: 5px 13px 7px;
3713
  }
3714
-
3715
  .field-label .checkbox .checkbox-btn:after {
3716
- width: 26px;
3717
- height: 26px;
3718
  }
3719
-
3720
  .field-label .checkbox .checkbox-btn span:first-child {
3721
- padding-right: 8px;
3722
  }
3723
-
3724
  .field-label .checkbox .checkbox-btn span:last-child {
3725
- padding-left: 8px;
3726
- margin-left: -8px;
3727
  }
3728
-
3729
  .field-label .checkbox.long {
3730
- margin-left: -15px;
3731
  }
3732
-
3733
  .field-label .checkbox.long span:first-child {
3734
- padding-right: 0;
3735
  }
3736
-
3737
  .field-label .checkbox.long span:last-child {
3738
- padding-left: 0;
3739
  }
3740
-
3741
  .field-label .checkbox input {
3742
- height: 30px;
3743
  }
3744
-
3745
  .field-label .checkbox input:checked + .checkbox-btn:after {
3746
- -webkit-transform: translate(-28px, 0);
3747
- -ms-transform: translate(-28px, 0);
3748
- transform: translate(-28px, 0);
3749
  }
3750
-
3751
  .checkbox-inline input {
3752
- width: auto !important;
3753
- margin: 0 4px 0 0;
3754
- top: 1px !important;
3755
  }
3756
-
3757
  .checkbox-inline:hover {
3758
- cursor: pointer;
3759
  }
3760
-
3761
  .tab-selector {
3762
- border-right: 1px solid #e1e1e1;
3763
- padding-top: 30px !important;
3764
- padding-right: 10px !important;
3765
  }
3766
-
3767
  .tab-selector a {
3768
- border-width: 1px 0 1px 1px;
3769
- border-style: solid;
3770
- border-color: transparent;
3771
- padding: 8px 14px 8px 11px;
3772
- margin: 1px -11px 1px 0;
3773
- display: inline-block;
3774
- float: right;
3775
- border-radius: 4px 0 0 4px;
3776
- }
3777
-
3778
  .tab-selector a,
3779
  .tab-selector a * {
3780
- -webkit-transition: all 200ms;
3781
- transition: all 200ms;
3782
  }
3783
-
3784
  .tab-selector a img {
3785
- border-radius: 3px;
3786
  }
3787
-
3788
  .tab-selector a:hover {
3789
- background: #ebebeb;
3790
  }
3791
-
3792
  .tab-selector a.active {
3793
- background: #fff;
3794
- border-color: #e1e1e1;
3795
- pointer-events: none;
3796
  }
3797
-
3798
  .tab-selector a.active img {
3799
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
3800
  }
3801
-
3802
  .toggle {
3803
- border: 1px solid #b2daef;
3804
- display: inline-block;
3805
- position: relative;
3806
- border-radius: 4px;
3807
  }
3808
-
3809
  .toggle a {
3810
- font-size: 16px;
3811
- color: #7bc0e4;
3812
- padding: 8px 16px 10px;
3813
- margin: -1px;
3814
- display: inline-block;
3815
- border-radius: 4px;
3816
- -webkit-transition: all 300ms ease-in-out;
3817
- transition: all 300ms ease-in-out;
3818
- }
3819
-
3820
  .toggle a:first-child {
3821
- margin-right: 0;
3822
  }
3823
-
3824
  .toggle a:last-child {
3825
- margin-left: 0;
3826
  }
3827
-
3828
  .toggle a.active {
3829
- font-weight: 600;
3830
- color: #fff !important;
3831
- background: #339ed5;
3832
- pointer-events: none;
3833
- cursor: default !important;
3834
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
3835
- }
3836
-
3837
  .toggle a:hover {
3838
- color: #339ed5;
3839
  }
3840
-
3841
  .gs-button-big {
3842
- font-size: 20px;
3843
- font-weight: 600;
3844
- color: #fff;
3845
- background: #666;
3846
- padding: 13px 20px 15px;
3847
- display: inline-block;
3848
- position: relative;
3849
- border-radius: 4px;
3850
- -webkit-transition: all 200ms;
3851
- transition: all 200ms;
3852
- }
3853
-
3854
  .gs-button-big i {
3855
- margin: 0 5px 0 -10px;
3856
- position: relative;
3857
- bottom: -1px;
3858
  }
3859
-
3860
  .gs-button-big.cta {
3861
- box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
3862
  }
3863
-
3864
  .gs-button-big.extra > span:not(.note) {
3865
- font-size: 16px;
3866
- font-weight: 600;
3867
- color: rgba(255, 255, 255, 0.75);
3868
- text-transform: uppercase;
3869
- white-space: nowrap;
3870
- margin-top: 3px;
3871
- position: absolute;
3872
- top: 100%;
3873
- left: 50%;
3874
- -webkit-transform: translateX(-50%);
3875
- -ms-transform: translateX(-50%);
3876
- transform: translateX(-50%);
3877
- }
3878
-
3879
  .gs-button-big > i.fa-angle-left {
3880
- font-size: 30px;
3881
- margin: 0 5px 0 -5px;
3882
- position: relative;
3883
- bottom: -2px;
3884
  }
3885
-
3886
  .gs-button-big.primary {
3887
- background: #339ed5;
3888
  }
3889
-
3890
  .gs-button-big.primary:hover {
3891
- background: #2687b9;
3892
  }
3893
-
3894
  .gs-button-big.simple {
3895
- background: transparent;
3896
- border: 2px solid transparent;
3897
- padding: 8px 23px 10px;
3898
- box-shadow: none;
3899
  }
3900
-
3901
  .gs-button-big.simple:hover {
3902
- border-color: #fff;
3903
  }
3904
-
3905
  .gs-button-big.pricing-plan:not(.trans) {
3906
- color: #fff;
3907
  }
3908
-
3909
  .gs-button-big.pricing-plan:not(.trans).plan-one {
3910
- background: #339ed5;
3911
  }
3912
-
3913
  .gs-button-big.pricing-plan:not(.trans).plan-one:hover {
3914
- background: #2481b1;
3915
  }
3916
-
3917
  .gs-button-big.pricing-plan:not(.trans).plan-two {
3918
- background: #f29809;
3919
  }
3920
-
3921
  .gs-button-big.pricing-plan:not(.trans).plan-two:hover {
3922
- background: #c17907;
3923
  }
3924
-
3925
  .gs-button-big.pricing-plan:not(.trans).plan-three {
3926
- background: #dd5a7c;
3927
  }
3928
-
3929
  .gs-button-big.pricing-plan:not(.trans).plan-three:hover {
3930
- background: #d4305a;
3931
  }
3932
-
3933
  .gs-button-big.pricing-plan:not(.trans).plan-four {
3934
- background: #9a58e6;
3935
  }
3936
-
3937
  .gs-button-big.pricing-plan:not(.trans).plan-four:hover {
3938
- background: #7f2cdf;
3939
  }
3940
-
3941
  .gs-button-big.pricing-plan.trans {
3942
- background: #fff;
3943
  }
3944
-
3945
  .gs-button-big.pricing-plan.trans.plan-one {
3946
- color: #339ed5;
3947
  }
3948
-
3949
  .gs-button-big.pricing-plan.trans.plan-one.border {
3950
- border: 1px solid #339ed5;
3951
  }
3952
-
3953
  .gs-button-big.pricing-plan.trans.plan-one:hover {
3954
- color: #fff;
3955
- background: #339ed5;
3956
  }
3957
-
3958
  .gs-button-big.pricing-plan.trans.plan-two {
3959
- color: #f29809;
3960
  }
3961
-
3962
  .gs-button-big.pricing-plan.trans.plan-two.border {
3963
- border: 1px solid #f29809;
3964
  }
3965
-
3966
  .gs-button-big.pricing-plan.trans.plan-two:hover {
3967
- color: #fff;
3968
- background: #f29809;
3969
  }
3970
-
3971
  .gs-button-big.pricing-plan.trans.plan-three {
3972
- color: #dd5a7c;
3973
  }
3974
-
3975
  .gs-button-big.pricing-plan.trans.plan-three.border {
3976
- border: 1px solid #dd5a7c;
3977
  }
3978
-
3979
  .gs-button-big.pricing-plan.trans.plan-three:hover {
3980
- color: #fff;
3981
- background: #dd5a7c;
3982
  }
3983
-
3984
  .gs-button-big.pricing-plan.trans.plan-four {
3985
- color: #9a58e6;
3986
  }
3987
-
3988
  .gs-button-big.pricing-plan.trans.plan-four.border {
3989
- border: 1px solid #9a58e6;
3990
  }
3991
-
3992
  .gs-button-big.pricing-plan.trans.plan-four:hover {
3993
- color: #fff;
3994
- background: #9a58e6;
3995
  }
3996
-
3997
  .primary-dark {
3998
- background: #1c6286;
3999
  }
4000
-
4001
  .primary-dark:hover {
4002
- background: #2481b1;
4003
  }
4004
-
4005
  .orange {
4006
- background: #f29809;
4007
  }
4008
-
4009
  .orange:hover {
4010
- background: #cb7f08;
4011
  }
4012
-
4013
  .green {
4014
- background: #8db13d;
4015
  }
4016
-
4017
  .green:hover {
4018
- background: #759333;
4019
  }
4020
-
4021
  .form .form-content .field-group.field-alert p,
4022
  .form .form-content .field-group.field-alert p.alert-title {
4023
- color: #fff;
4024
  }
4025
-
4026
  .form .form-content .field-group.field-alert p.alert-title {
4027
- font-size: 16px;
4028
- font-weight: bold;
4029
- margin-bottom: 5px;
4030
  }
4031
-
4032
  .form .form-content .field-group.field-alert .field-label {
4033
- height: 100%;
4034
- padding: 0;
4035
  }
4036
-
4037
  .form .form-content .field-group.field-alert .field-label:before {
4038
- font-family: "FontAwesome";
4039
- font-size: 38px;
4040
- display: inline-block;
4041
- position: absolute;
4042
- top: 50%;
4043
- left: 50%;
4044
- margin: -19px 0 0 -16px;
4045
- }
4046
-
4047
  .form .form-content .field-group.field-alert .field-input {
4048
- font-size: 14px;
4049
- font-weight: 600;
4050
- color: #fff;
4051
- line-height: 15px;
4052
- padding: 20px 30px;
4053
  }
4054
-
4055
  .form .form-content .field-group.field-alert.gs-primary {
4056
- background: #339ed5;
4057
  }
4058
-
4059
  .form .form-content .field-group.field-alert.gs-primary .field-label {
4060
- color: #7fc2e5;
4061
- background: #288dc2;
4062
  }
4063
-
4064
  .form .form-content .field-group.field-alert.gs-primary .field-label:before {
4065
- content: " ";
4066
  }
4067
-
4068
  .form .form-content .field-group.field-alert.gs-success {
4069
- background: #85b023;
4070
  }
4071
-
4072
  .form .form-content .field-group.field-alert.gs-success .field-label {
4073
- color: #b2dd52;
4074
- background: #72961e;
4075
  }
4076
-
4077
  .form .form-content .field-group.field-alert.gs-success .field-label:before {
4078
- content: " ";
4079
  }
4080
-
4081
  .form .form-content .field-group.field-alert.gs-error {
4082
- background: #d36c65;
4083
  }
4084
-
4085
  .form .form-content .field-group.field-alert.gs-error .field-label {
4086
- color: #e7b0ac;
4087
- background: #cc554d;
4088
  }
4089
-
4090
  .form .form-content .field-group.field-alert.gs-error .field-label:before {
4091
- content: " ";
4092
  }
4093
-
4094
  .form .form-content .field-group.field-alert.white {
4095
- background: #fff;
4096
  }
4097
-
4098
  .form .form-content .field-group.field-alert.white .field-label {
4099
- color: #339ed5;
4100
- background: #f1f8fc;
4101
  }
4102
-
4103
  .form .form-content .field-group.field-alert.white .field-label:before {
4104
- content: " ";
4105
  }
4106
-
4107
  .form .form-content .field-group.field-alert.white .field-input p,
4108
  .form .form-content .field-group.field-alert.white .field-input p.alert-title {
4109
- color: #339ed5;
4110
  }
4111
-
4112
  .large + div .content-wrapper .options-details:first-child {
4113
- margin-top: -33px;
4114
  }
4115
-
4116
  @-webkit-keyframes fade-in-up {
4117
- 0% {
4118
- -webkit-transform: translateY(30px);
4119
- opacity: 0;
4120
- }
4121
- 100% {
4122
- -webkit-transform: translateY(0);
4123
- opacity: 1;
4124
- }
4125
  }
4126
-
4127
-
4128
  @keyframes fade-in-up {
4129
- 0% {
4130
- transform: translateY(30px);
4131
- opacity: 0;
4132
- }
4133
- 100% {
4134
- transform: translateY(0);
4135
- opacity: 1;
4136
- }
4137
  }
4138
-
4139
-
4140
  @-webkit-keyframes fade-in-down {
4141
- 0% {
4142
- -webkit-transform: translateY(-30px);
4143
- opacity: 0;
4144
- }
4145
- 100% {
4146
- -webkit-transform: translateY(0);
4147
- opacity: 1;
4148
- }
4149
  }
4150
-
4151
-
4152
  @keyframes fade-in-down {
4153
- 0% {
4154
- transform: translateY(-30px);
4155
- opacity: 0;
4156
- }
4157
- 100% {
4158
- transform: translateY(0);
4159
- opacity: 1;
4160
- }
4161
  }
4162
-
4163
-
4164
  @-webkit-keyframes fade-out-up {
4165
- 0% {
4166
- -webkit-transform: translateY(0);
4167
- opacity: 1;
4168
- }
4169
- 100% {
4170
- -webkit-transform: translateY(-30px);
4171
- opacity: 0;
4172
- }
4173
  }
4174
-
4175
-
4176
  @keyframes fade-out-up {
4177
- 0% {
4178
- transform: translateY(0);
4179
- opacity: 1;
4180
- }
4181
- 100% {
4182
- transform: translateY(-30px);
4183
- opacity: 0;
4184
- }
4185
  }
4186
-
4187
-
4188
  @-webkit-keyframes opacity-in {
4189
- 0% {
4190
- opacity: 0;
4191
- }
4192
- 100% {
4193
- opacity: 1;
4194
- }
4195
  }
4196
-
4197
-
4198
  @keyframes opacity-in {
4199
- 0% {
4200
- opacity: 0;
4201
- }
4202
- 100% {
4203
- opacity: 1;
4204
- }
4205
  }
4206
-
4207
-
4208
  @-webkit-keyframes opacity-out {
4209
- 0% {
4210
- opacity: 1;
4211
- }
4212
- 100% {
4213
- opacity: 0;
4214
- }
4215
  }
4216
-
4217
-
4218
  @keyframes opacity-out {
4219
- 0% {
4220
- opacity: 1;
4221
- }
4222
- 100% {
4223
- opacity: 0;
4224
- }
4225
  }
4226
-
4227
-
4228
  .table-block {
4229
- color: #606060;
4230
- text-align: left;
4231
- padding: 0 30px;
4232
- margin-top: 56px;
4233
- margin-bottom: 28px;
4234
- line-height: 28px;
4235
- }
4236
-
4237
  .table-block table {
4238
- width: 100%;
4239
- margin-bottom: 84px;
4240
  }
4241
-
4242
  .table-block table thead {
4243
- font-family: "Raleway", sans-serif;
4244
- font-weight: 800;
4245
- font-size: 32px;
4246
- line-height: 84px;
4247
- text-align: center;
4248
  }
4249
-
4250
  .table-block table thead th:first-child {
4251
- width: 25%;
4252
  }
4253
-
4254
  .table-block table thead th:not(:first-child) {
4255
- width: 15%;
4256
- background: #f3f3f3;
4257
- padding: 28px 5px;
4258
- line-height: 28px;
4259
- vertical-align: middle;
4260
  }
4261
-
4262
  .table-block table thead th:not(:first-child) img {
4263
- max-width: 184px;
4264
- margin-bottom: -23px;
4265
  }
4266
-
4267
  .table-block table thead th:nth-child(2) {
4268
- border-radius: 4px 0 0 0;
4269
  }
4270
-
4271
  .table-block table thead th:last-child {
4272
- border-radius: 0 4px 0 0;
4273
  }
4274
-
4275
  .table-block table tbody tr:first-child td .feature-label {
4276
- border-top-width: 1px;
4277
- padding-top: 27px;
4278
- border-radius: 4px 0 0 0;
4279
  }
4280
-
4281
  .table-block table tbody tr:first-child.help td .feature-label:before {
4282
- top: 26px !important;
4283
  }
4284
-
4285
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
4286
- border-bottom-width: 1px;
4287
  }
4288
-
4289
  .table-block table tbody tr:nth-last-child(2) td:first-child,
4290
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
4291
- border-radius: 0 0 0 4px;
4292
  }
4293
-
4294
  .table-block table tbody tr:nth-last-child(2) td:last-child {
4295
- border-radius: 0 0 4px 0;
4296
  }
4297
-
4298
  .table-block table tbody tr:nth-child(odd) td:not(:first-child) {
4299
- background: #fafafa;
4300
  }
4301
-
4302
  .table-block table tbody tr:nth-child(odd) td:not(:first-child).on {
4303
- background: #9bc048 !important;
4304
  }
4305
-
4306
  .table-block table tbody tr:nth-child(even) td:not(:first-child) {
4307
- background: #f3f3f3;
4308
  }
4309
-
4310
  .table-block table tbody tr:nth-child(even) td:not(:first-child).on {
4311
- background: #8db13d !important;
4312
  }
4313
-
4314
  .table-block table tbody tr.help td .feature-label {
4315
- position: relative;
4316
  }
4317
-
4318
  .table-block table tbody tr.help td .feature-label > p {
4319
- font-size: 16px;
4320
- color: #999;
4321
- line-height: 21px;
4322
- margin: 0;
4323
- padding: 14px 0 28px;
4324
- display: none;
4325
- }
4326
-
4327
  .table-block table tbody tr.help td .feature-label:before {
4328
- width: 30px;
4329
- height: 30px;
4330
- font-family: "FontAwesome";
4331
- font-size: 20px;
4332
- color: #ddd;
4333
- background: #fff;
4334
- text-align: center;
4335
- content: " ";
4336
- display: inline-block;
4337
- padding-top: 1px;
4338
- box-sizing: border-box;
4339
- position: absolute;
4340
- top: 14px;
4341
- left: -15px;
4342
- border-radius: 100%;
4343
- }
4344
-
4345
  .table-block table tbody tr.help:hover,
4346
  .table-block table tbody tr.help.active {
4347
- cursor: pointer;
4348
  }
4349
-
4350
  .table-block table tbody tr.help:hover td .feature-label,
4351
  .table-block table tbody tr.help.active td .feature-label {
4352
- color: #339ed5;
4353
- background: #f9f9f9;
4354
  }
4355
-
4356
  .table-block table tbody tr.help:hover td .feature-label:before,
4357
  .table-block table tbody tr.help.active td .feature-label:before {
4358
- color: #339ed5;
4359
  }
4360
-
4361
  .table-block table tbody tr.help:hover td:not(:first-child) i,
4362
  .table-block table tbody tr.help.active td:not(:first-child) i {
4363
- text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
4364
  }
4365
-
4366
  .table-block table tbody tr.price td:not(:first-child) {
4367
- font-size: 25px;
4368
- font-weight: bold;
4369
  }
4370
-
4371
  .table-block table tbody tr.price td:not(:first-child) span {
4372
- font-size: 20px;
4373
- font-weight: normal;
4374
- margin-left: 4px;
4375
  }
4376
-
4377
  .table-block table tbody tr.gs-button-row td:not(:first-child) {
4378
- background: transparent;
4379
- border-right: none;
4380
- padding: 2px 1px 0;
4381
  }
4382
-
4383
  .table-block table tbody tr.gs-button-row td:not(:first-child) a {
4384
- margin-top: 0;
4385
- display: block;
4386
- border-radius: 0 0 4px 4px;
4387
  }
4388
-
4389
  .table-block table tbody td:not(:first-child) {
4390
- text-align: center;
4391
- vertical-align: middle;
4392
  }
4393
-
4394
  .table-block table tbody td:not(:first-child) i {
4395
- display: block;
4396
- -webkit-transform-origin: 50% 50%;
4397
- -ms-transform-origin: 50% 50%;
4398
- transform-origin: 50% 50%;
4399
- -webkit-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
4400
- transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
4401
- }
4402
-
4403
  .table-block table tbody td:not(:first-child):not(:last-child) {
4404
- border-right: 1px solid #e3e3e3;
4405
  }
4406
-
4407
  .table-block table tbody td:first-child {
4408
- position: relative;
4409
  }
4410
-
4411
  .table-block table tbody td .feature-label {
4412
- font-size: 18px;
4413
- background: #fff;
4414
- border-left-width: 1px;
4415
- border-style: solid;
4416
- border-color: #eee;
4417
- padding: 14px 30px;
4418
- }
4419
-
4420
  .table-block table tbody td.on,
4421
  .table-block table tbody td.off {
4422
- font-size: 16px;
4423
- font-weight: 600;
4424
  }
4425
-
4426
  .table-block table tbody td.on i,
4427
  .table-block table tbody td.off i {
4428
- font-size: 22px;
4429
  }
4430
-
4431
  .table-block table tbody td.on {
4432
- color: #fff;
4433
  }
4434
-
4435
  .table-block table tbody td.off {
4436
- color: #d36c65;
4437
  }
4438
-
4439
  @-webkit-keyframes fade-in-up {
4440
- 0% {
4441
- -webkit-transform: translateY(30px);
4442
- opacity: 0;
4443
- }
4444
- 100% {
4445
- -webkit-transform: translateY(0);
4446
- opacity: 1;
4447
- }
4448
  }
4449
-
4450
-
4451
  @keyframes fade-in-up {
4452
- 0% {
4453
- transform: translateY(30px);
4454
- opacity: 0;
4455
- }
4456
- 100% {
4457
- transform: translateY(0);
4458
- opacity: 1;
4459
- }
4460
  }
4461
-
4462
-
4463
  @-webkit-keyframes fade-in-down {
4464
- 0% {
4465
- -webkit-transform: translateY(-30px);
4466
- opacity: 0;
4467
- }
4468
- 100% {
4469
- -webkit-transform: translateY(0);
4470
- opacity: 1;
4471
- }
4472
  }
4473
-
4474
-
4475
  @keyframes fade-in-down {
4476
- 0% {
4477
- transform: translateY(-30px);
4478
- opacity: 0;
4479
- }
4480
- 100% {
4481
- transform: translateY(0);
4482
- opacity: 1;
4483
- }
4484
  }
4485
-
4486
-
4487
  @-webkit-keyframes fade-out-up {
4488
- 0% {
4489
- -webkit-transform: translateY(0);
4490
- opacity: 1;
4491
- }
4492
- 100% {
4493
- -webkit-transform: translateY(-30px);
4494
- opacity: 0;
4495
- }
4496
  }
4497
-
4498
-
4499
  @keyframes fade-out-up {
4500
- 0% {
4501
- transform: translateY(0);
4502
- opacity: 1;
4503
- }
4504
- 100% {
4505
- transform: translateY(-30px);
4506
- opacity: 0;
4507
- }
4508
  }
4509
-
4510
-
4511
  @-webkit-keyframes opacity-in {
4512
- 0% {
4513
- opacity: 0;
4514
- }
4515
- 100% {
4516
- opacity: 1;
4517
- }
4518
  }
4519
-
4520
-
4521
  @keyframes opacity-in {
4522
- 0% {
4523
- opacity: 0;
4524
- }
4525
- 100% {
4526
- opacity: 1;
4527
- }
4528
  }
4529
-
4530
-
4531
  @-webkit-keyframes opacity-out {
4532
- 0% {
4533
- opacity: 1;
4534
- }
4535
- 100% {
4536
- opacity: 0;
4537
- }
4538
  }
4539
-
4540
-
4541
  @keyframes opacity-out {
4542
- 0% {
4543
- opacity: 1;
4544
- }
4545
- 100% {
4546
- opacity: 0;
4547
- }
4548
  }
4549
-
4550
-
4551
  footer {
4552
- text-align: center;
4553
- overflow: hidden;
4554
- padding-top: 96px;
4555
  }
4556
-
4557
  footer.editor {
4558
- margin-bottom: 77px;
4559
  }
4560
-
4561
  footer #backToTop {
4562
- width: 190px;
4563
- height: 190px;
4564
- font-size: 45px;
4565
- color: #bbb;
4566
- background: #e1e1e1;
4567
- text-align: center;
4568
- padding-top: 18px;
4569
- margin-bottom: -110px;
4570
- display: inline-block;
4571
- border-radius: 100%;
4572
- -webkit-transition: all 200ms ease-out;
4573
- transition: all 200ms ease-out;
4574
- }
4575
-
4576
  footer #backToTop * {
4577
- -webkit-transition-property: -webkit-transform, opacity;
4578
- transition-property: transform, opacity;
4579
- -webkit-transition-timing-function: ease-out;
4580
- transition-timing-function: ease-out;
4581
  }
4582
-
4583
  footer #backToTop i {
4584
- -webkit-transition-duration: 100ms;
4585
- transition-duration: 100ms;
4586
  }
4587
-
4588
  footer #backToTop span {
4589
- font-size: 16px;
4590
- color: #fff;
4591
- margin-top: 15px;
4592
- display: block;
4593
- opacity: 0;
4594
- -webkit-transition-duration: 200ms;
4595
- transition-duration: 200ms;
4596
- }
4597
-
4598
  footer #backToTop:hover {
4599
- color: #fff;
4600
- background: #339ed5;
4601
- -webkit-transform: translate(0, -20px);
4602
- -ms-transform: translate(0, -20px);
4603
- transform: translate(0, -20px);
4604
- box-shadow: 0 0 0 15px #e1e1e1;
4605
- }
4606
-
4607
  footer #backToTop:hover i {
4608
- -webkit-transform: translate(0, -10px);
4609
- -ms-transform: translate(0, -10px);
4610
- transform: translate(0, -10px);
4611
  }
4612
-
4613
  footer #backToTop:hover span {
4614
- opacity: 1;
4615
- -webkit-transform: translate(0, -30px);
4616
- -ms-transform: translate(0, -30px);
4617
- transform: translate(0, -30px);
4618
  }
4619
-
4620
  @-webkit-keyframes fade-in-up {
4621
- 0% {
4622
- -webkit-transform: translateY(30px);
4623
- opacity: 0;
4624
- }
4625
- 100% {
4626
- -webkit-transform: translateY(0);
4627
- opacity: 1;
4628
- }
4629
  }
4630
-
4631
-
4632
  @keyframes fade-in-up {
4633
- 0% {
4634
- transform: translateY(30px);
4635
- opacity: 0;
4636
- }
4637
- 100% {
4638
- transform: translateY(0);
4639
- opacity: 1;
4640
- }
4641
  }
4642
-
4643
-
4644
  @-webkit-keyframes fade-in-down {
4645
- 0% {
4646
- -webkit-transform: translateY(-30px);
4647
- opacity: 0;
4648
- }
4649
- 100% {
4650
- -webkit-transform: translateY(0);
4651
- opacity: 1;
4652
- }
4653
  }
4654
-
4655
-
4656
  @keyframes fade-in-down {
4657
- 0% {
4658
- transform: translateY(-30px);
4659
- opacity: 0;
4660
- }
4661
- 100% {
4662
- transform: translateY(0);
4663
- opacity: 1;
4664
- }
4665
  }
4666
-
4667
-
4668
  @-webkit-keyframes fade-out-up {
4669
- 0% {
4670
- -webkit-transform: translateY(0);
4671
- opacity: 1;
4672
- }
4673
- 100% {
4674
- -webkit-transform: translateY(-30px);
4675
- opacity: 0;
4676
- }
4677
  }
4678
-
4679
-
4680
  @keyframes fade-out-up {
4681
- 0% {
4682
- transform: translateY(0);
4683
- opacity: 1;
4684
- }
4685
- 100% {
4686
- transform: translateY(-30px);
4687
- opacity: 0;
4688
- }
4689
  }
4690
-
4691
-
4692
  @-webkit-keyframes opacity-in {
4693
- 0% {
4694
- opacity: 0;
4695
- }
4696
- 100% {
4697
- opacity: 1;
4698
- }
4699
  }
4700
-
4701
-
4702
  @keyframes opacity-in {
4703
- 0% {
4704
- opacity: 0;
4705
- }
4706
- 100% {
4707
- opacity: 1;
4708
- }
4709
  }
4710
-
4711
-
4712
  @-webkit-keyframes opacity-out {
4713
- 0% {
4714
- opacity: 1;
4715
- }
4716
- 100% {
4717
- opacity: 0;
4718
- }
4719
  }
4720
-
4721
-
4722
  @keyframes opacity-out {
4723
- 0% {
4724
- opacity: 1;
4725
- }
4726
- 100% {
4727
- opacity: 0;
4728
- }
4729
  }
4730
-
4731
-
4732
  .app-group {
4733
- background: #e4e4e4;
4734
- margin: 0 15px 60px;
4735
- overflow: hidden;
4736
- border-radius: 4px;
4737
- -webkit-transition: all 200ms;
4738
- transition: all 200ms;
4739
- }
4740
-
4741
  .app-group:last-child {
4742
- margin-bottom: 0;
4743
  }
4744
-
4745
  .app-group.active + .alert-block {
4746
- margin-top: -30px;
4747
  }
4748
-
4749
  .app-group:not(.active) {
4750
- margin-bottom: 15px;
4751
  }
4752
-
4753
  .app-group:not(.active) + .alert-block {
4754
- margin-top: 30px;
4755
  }
4756
-
4757
  .app-group .app-group-title {
4758
- padding: 15px 15px 17px;
4759
- position: relative;
4760
  }
4761
-
4762
  .app-group .app-group-title h2 {
4763
- font-family: "Raleway", sans-serif;
4764
- font-weight: 800;
4765
- font-size: 22px;
4766
- color: #999;
4767
  }
4768
-
4769
  .app-group .app-group-title h2 > span {
4770
- font-family: "Source Sans Pro", sans-serif;
4771
- font-size: 16px;
4772
- color: #bdbdbd;
4773
- margin-left: 7px;
4774
  }
4775
-
4776
  .app-group .app-group-title a.app-group-toggle {
4777
- color: #bdbdbd;
4778
- position: absolute;
4779
- top: 0;
4780
- left: 0;
4781
- right: 0;
4782
- bottom: 0;
4783
- }
4784
-
4785
  .app-group .app-group-title a.app-group-toggle > i {
4786
- position: absolute;
4787
- top: 18px;
4788
- right: 20px;
4789
  }
4790
-
4791
  .app-group .app-group-title a.app-group-toggle > span {
4792
- display: none;
4793
  }
4794
-
4795
  .app-group .app-group-title a.app-group-toggle:hover {
4796
- color: #999;
4797
- background: rgba(255, 255, 255, 0.25);
4798
  }
4799
-
4800
  .app-grid {
4801
- padding-top: 120px;
4802
- margin: 0 -30px;
4803
  }
4804
-
4805
  .app-grid:nth-child(2) .app-grid-titles-wrapper {
4806
- border-top-width: 0;
4807
  }
4808
-
4809
  .app-grid .app-link-wrapper {
4810
- width: 25%;
4811
- padding: 22px 15px 20px;
4812
- float: left;
4813
- position: relative;
4814
  }
4815
-
4816
  .app-grid .app-link-wrapper * {
4817
- -webkit-transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
4818
- transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
4819
  }
4820
-
4821
  .app-grid .app-link-wrapper .app-badge-group,
4822
  .app-grid .app-link-wrapper .nocode {
4823
- position: absolute;
4824
- top: 7px;
4825
- z-index: 2;
4826
  }
4827
-
4828
  .app-grid .app-link-wrapper .app-badge-group {
4829
- text-align: right;
4830
- position: absolute;
4831
- right: 7px;
4832
  }
4833
-
4834
  .app-grid .app-link-wrapper .app-badge {
4835
- font-family: "Raleway", sans-serif;
4836
- font-weight: 800;
4837
- font-size: 16px;
4838
- color: #fff;
4839
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
4840
- padding: 4px 8px;
4841
- display: inline-block;
4842
- border-radius: 4px;
4843
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
4844
- }
4845
-
4846
  .app-grid .app-link-wrapper .app-badge.nocode {
4847
- font-size: 14px;
4848
- text-transform: uppercase;
4849
- padding-top: 5px;
4850
- padding-bottom: 5px;
4851
- left: 7px;
4852
  }
4853
-
4854
  .app-grid .app-link-wrapper .app-badge.new {
4855
- background: #f5bd25;
4856
  }
4857
-
4858
  .app-grid .app-link-wrapper .app-badge.nocode {
4859
- background: #8db13d;
4860
- color: #ccc;
4861
- background: #fff;
4862
- text-shadow: none;
4863
- box-shadow: none;
4864
  }
4865
-
4866
  .app-grid .app-link-wrapper .app-badge.plan-one {
4867
- background: #339ed5;
4868
  }
4869
-
4870
  .app-grid .app-link-wrapper .app-badge.plan-two {
4871
- background: #f29809;
4872
  }
4873
-
4874
  .app-grid .app-link-wrapper .app-badge.plan-three {
4875
- background: #dd5a7c;
4876
  }
4877
-
4878
  .app-grid .app-link-wrapper .app-badge.plan-four {
4879
- background: #9a58e6;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4880
  }
4881
-
4882
  .app-grid .app-link-wrapper .app-link {
4883
- height: 320px;
4884
- background: #fff;
4885
- border: 1px solid #e3e3e3;
4886
- text-align: center;
4887
- padding: 35px 30px 0;
4888
- overflow: hidden;
4889
- position: relative;
4890
- border-radius: 4px;
4891
- }
4892
-
4893
  .app-grid .app-link-wrapper .app-link .app-link-info {
4894
- background: #fff;
4895
- border-top: 1px solid transparent;
4896
- padding-bottom: 30px;
4897
- margin-top: -52px;
4898
- position: absolute;
4899
- top: 100%;
4900
- left: 0;
4901
- right: 0;
4902
- z-index: 1;
4903
- -webkit-transform: translateY(-82px);
4904
- -ms-transform: translateY(-82px);
4905
- transform: translateY(-82px);
4906
- }
4907
-
4908
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title {
4909
- height: 66px;
4910
- font-family: "Raleway", sans-serif;
4911
- font-weight: 800;
4912
- font-weight: 800;
4913
- font-size: 20px;
4914
- line-height: 24px;
4915
- text-align: center;
4916
- position: relative;
4917
- }
4918
-
4919
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title span {
4920
- width: 100%;
4921
- padding: 0 15px;
4922
- position: absolute;
4923
- top: 50%;
4924
- left: 0;
4925
- -webkit-transform: translateY(-50%);
4926
- -ms-transform: translateY(-50%);
4927
- transform: translateY(-50%);
4928
- }
4929
-
4930
  .app-grid .app-link-wrapper .app-link .app-link-info p:not(.app-title) {
4931
- text-align: left;
4932
- line-height: 22px;
4933
- padding: 0 30px;
4934
- opacity: 0;
4935
  }
4936
-
4937
  .app-grid .app-link-wrapper .app-link .app-image {
4938
- position: relative;
4939
  }
4940
-
4941
  .app-grid .app-link-wrapper .app-link .app-image img {
4942
- max-height: 156px;
4943
- max-width: 300px;
4944
- width: 100%;
4945
  }
4946
-
4947
  .app-grid .app-link-wrapper .app-link .installed {
4948
- width: 100%;
4949
- font-family: "Raleway", sans-serif;
4950
- font-weight: 800;
4951
- font-size: 30px;
4952
- color: #fff;
4953
- background: rgba(141, 177, 61, 0.9);
4954
- text-align: center;
4955
- position: absolute;
4956
- top: 0;
4957
- bottom: 10px;
4958
- left: 0;
4959
- border-radius: 4px;
4960
- }
4961
-
4962
  .app-grid .app-link-wrapper .app-link .installed > span {
4963
- position: absolute;
4964
- top: 50%;
4965
- left: 50%;
4966
- -webkit-transform: translate(-50%, -50%);
4967
- -ms-transform: translate(-50%, -50%);
4968
- transform: translate(-50%, -50%);
4969
- }
4970
-
4971
  .app-grid .app-link-wrapper .app-link .installed i {
4972
- font-size: 42px;
4973
- margin-bottom: 5px;
4974
- display: block;
4975
  }
4976
-
4977
  .app-grid .app-link-wrapper .app-link .app-link-buttons {
4978
- height: 72px;
4979
- background: #fff;
4980
- position: absolute;
4981
- bottom: 0;
4982
- left: 0;
4983
- right: 0;
4984
- z-index: 2;
4985
- box-shadow: 0 0px 20px #fff;
4986
- }
4987
-
4988
  .app-grid .app-link-wrapper .app-link .app-link-buttons * {
4989
- -webkit-transition: all 200ms;
4990
- transition: all 200ms;
4991
  }
4992
-
4993
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt {
4994
- color: #fff;
4995
- background: #ca4e45;
4996
- padding: 15px 20px;
4997
  }
4998
-
4999
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a {
5000
- background: #842c26;
5001
- border: 1px solid transparent;
5002
- padding: 4px 25px 6px;
5003
- margin: -5px 5px -6px;
5004
- display: inline-block;
5005
- border-radius: 4px;
5006
- }
5007
-
5008
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a:hover {
5009
- background: #9f352e;
5010
  }
5011
-
5012
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans {
5013
- background: transparent;
5014
  }
5015
-
5016
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans:hover {
5017
- border-color: #fff;
5018
  }
5019
-
5020
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
5021
- font-size: 18px;
5022
- padding: 6px 17px 7px;
5023
- display: inline-block;
5024
- position: relative;
5025
  }
5026
-
5027
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.gs-primary:hover {
5028
- color: #fff;
5029
- background: #339ed5;
5030
  }
5031
-
5032
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable {
5033
- color: #ccc;
5034
- background: #fff;
5035
  }
5036
-
5037
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable:hover {
5038
- color: #d36c65;
5039
  }
5040
-
5041
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
5042
- background: #339ed5;
5043
- padding: 9px 8px 5px;
5044
- margin-left: 10px;
5045
- position: absolute;
5046
- top: -2px;
5047
- left: 100%;
5048
- border-radius: 4px;
5049
- }
5050
-
5051
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
5052
- width: 30px;
5053
  }
5054
-
5055
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div {
5056
- width: auto;
5057
- padding: 7px 13px;
5058
- white-space: nowrap;
5059
- top: 38px;
5060
- left: auto;
5061
- right: -10px;
5062
- -webkit-transform: translateX(0);
5063
- -ms-transform: translateX(0);
5064
- transform: translateX(0);
5065
- }
5066
-
5067
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div:before {
5068
- margin-left: 0;
5069
- left: auto;
5070
- right: 25px;
5071
  }
5072
-
5073
  .app-grid .app-link-wrapper .app-link .app-link-buttons > div {
5074
- white-space: nowrap;
5075
- position: absolute;
5076
- top: 12px;
5077
- left: 50%;
5078
- -webkit-transform: translateX(-50%);
5079
- -ms-transform: translateX(-50%);
5080
- transform: translateX(-50%);
5081
- -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5082
- transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5083
- }
5084
-
5085
  .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group):not(.active) + .app-button-group {
5086
- margin-top: 10px;
5087
- opacity: 0;
5088
- -webkit-transform: translateX(-50%) translateY(100%);
5089
- -ms-transform: translateX(-50%) translateY(100%);
5090
- transform: translateX(-50%) translateY(100%);
5091
  }
5092
-
5093
  .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group).active {
5094
- opacity: 0;
5095
- -webkit-transform: translateX(-50%) translateY(-100%);
5096
- -ms-transform: translateX(-50%) translateY(-100%);
5097
- transform: translateX(-50%) translateY(-100%);
5098
  }
5099
-
5100
  .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group).active + .app-button-group {
5101
- margin-top: 0;
5102
- opacity: 1;
5103
- -webkit-transform: translateX(-50%) translateY(0);
5104
- -ms-transform: translateX(-50%) translateY(0);
5105
- transform: translateX(-50%) translateY(0);
5106
  }
5107
-
5108
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group {
5109
- border: 2px solid #d36c65;
5110
- display: inline-block;
5111
- overflow: hidden;
5112
- border-radius: 4px;
5113
  }
5114
-
5115
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a {
5116
- color: #e4a5a1;
5117
- border-width: 0;
5118
- border-radius: 0;
5119
  }
5120
-
5121
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a:hover {
5122
- color: #ca4e45;
5123
- background: #fbf1f0;
5124
  }
5125
-
5126
  .app-grid .app-link-wrapper .app-link .app-link-buttons:before {
5127
- width: 35px;
5128
- height: 35px;
5129
- background: image-url("loader.gif");
5130
- background-size: 35px auto;
5131
- content: "";
5132
- display: none;
5133
- margin-left: -17px;
5134
- position: absolute;
5135
- top: 12px;
5136
- left: 50%;
5137
- z-index: 1;
5138
- -webkit-animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
5139
- animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
5140
- }
5141
-
5142
  .app-grid .app-link-wrapper .app-link .app-link-buttons.loading:before {
5143
- display: inline-block;
5144
  }
5145
-
5146
  .app-grid .app-link-wrapper:hover .app-link .app-image {
5147
- opacity: 0.5;
5148
- -webkit-transform: translateY(-20px);
5149
- -ms-transform: translateY(-20px);
5150
- transform: translateY(-20px);
5151
  }
5152
-
5153
  .app-grid .app-link-wrapper:hover .app-link .app-link-info {
5154
- border-top-color: #e3e3e3;
5155
- -webkit-transform: translateY(-100%);
5156
- -ms-transform: translateY(-100%);
5157
- transform: translateY(-100%);
5158
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
5159
  }
5160
-
5161
  .app-grid .app-link-wrapper:hover .app-link .app-link-info p:not(.app-title) {
5162
- opacity: 1;
5163
  }
5164
-
5165
  .app-grid .app-link-wrapper:hover .app-link .app-badge.nocode {
5166
- color: #fff;
5167
- background: #8db13d;
5168
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
5169
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
5170
  }
5171
-
5172
  @-webkit-keyframes fade-in-up {
5173
- 0% {
5174
- -webkit-transform: translateY(30px);
5175
- opacity: 0;
5176
- }
5177
- 100% {
5178
- -webkit-transform: translateY(0);
5179
- opacity: 1;
5180
- }
5181
  }
5182
-
5183
-
5184
  @keyframes fade-in-up {
5185
- 0% {
5186
- transform: translateY(30px);
5187
- opacity: 0;
5188
- }
5189
- 100% {
5190
- transform: translateY(0);
5191
- opacity: 1;
5192
- }
5193
  }
5194
-
5195
-
5196
  @-webkit-keyframes fade-in-down {
5197
- 0% {
5198
- -webkit-transform: translateY(-30px);
5199
- opacity: 0;
5200
- }
5201
- 100% {
5202
- -webkit-transform: translateY(0);
5203
- opacity: 1;
5204
- }
5205
  }
5206
-
5207
-
5208
  @keyframes fade-in-down {
5209
- 0% {
5210
- transform: translateY(-30px);
5211
- opacity: 0;
5212
- }
5213
- 100% {
5214
- transform: translateY(0);
5215
- opacity: 1;
5216
- }
5217
  }
5218
-
5219
-
5220
  @-webkit-keyframes fade-out-up {
5221
- 0% {
5222
- -webkit-transform: translateY(0);
5223
- opacity: 1;
5224
- }
5225
- 100% {
5226
- -webkit-transform: translateY(-30px);
5227
- opacity: 0;
5228
- }
5229
  }
5230
-
5231
-
5232
  @keyframes fade-out-up {
5233
- 0% {
5234
- transform: translateY(0);
5235
- opacity: 1;
5236
- }
5237
- 100% {
5238
- transform: translateY(-30px);
5239
- opacity: 0;
5240
- }
5241
  }
5242
-
5243
-
5244
  @-webkit-keyframes opacity-in {
5245
- 0% {
5246
- opacity: 0;
5247
- }
5248
- 100% {
5249
- opacity: 1;
5250
- }
5251
  }
5252
-
5253
-
5254
  @keyframes opacity-in {
5255
- 0% {
5256
- opacity: 0;
5257
- }
5258
- 100% {
5259
- opacity: 1;
5260
- }
5261
  }
5262
-
5263
-
5264
  @-webkit-keyframes opacity-out {
5265
- 0% {
5266
- opacity: 1;
5267
- }
5268
- 100% {
5269
- opacity: 0;
5270
- }
5271
  }
5272
-
5273
-
5274
  @keyframes opacity-out {
5275
- 0% {
5276
- opacity: 1;
5277
- }
5278
- 100% {
5279
- opacity: 0;
5280
- }
5281
  }
5282
-
5283
-
5284
  .app-grid-titles-wrapper {
5285
- background: #fff;
5286
- border-bottom: 1px solid #e9e9e9;
5287
- padding: 40px 30px 20px;
5288
- margin-top: -121px;
5289
- position: absolute;
5290
- left: 0;
5291
- right: 0;
5292
- z-index: 3;
5293
- -webkit-transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
5294
- transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
5295
- }
5296
-
5297
  .app-grid-titles-wrapper.fixed {
5298
- border-top-width: 0;
5299
- border-bottom-color: transparent;
5300
- padding-top: 20px;
5301
- margin-top: 0;
5302
- position: fixed;
5303
- top: 55px;
5304
- box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), inset 0 2px 5px rgba(0, 0, 0, 0.1);
5305
- }
5306
-
5307
  .app-grid-titles-wrapper.fixed h1 {
5308
- font-size: 25px;
5309
- position: relative;
5310
- bottom: -4px;
5311
  }
5312
-
5313
  .app-grid-titles-wrapper.fixed h1 .gs-tooltip {
5314
- top: -2px;
5315
  }
5316
-
5317
  .app-grid-titles-wrapper h1 {
5318
- max-width: 1260px;
5319
- margin: 0 auto;
5320
- padding: 0 400px 0 60px;
5321
- -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5322
- transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5323
  }
5324
-
5325
  h1.app-grid-titles {
5326
- font-family: "Raleway", sans-serif;
5327
- font-weight: 800;
5328
- font-size: 30px;
5329
- font-weight: 800;
5330
  }
5331
-
5332
  h1.app-grid-titles:not(.filter-on) span.gs-tooltip > div {
5333
- display: none !important;
5334
  }
5335
-
5336
  h1.app-grid-titles.filter-on {
5337
- color: #ccc;
5338
  }
5339
-
5340
  h1.app-grid-titles.filter-on i {
5341
- font-size: 20px;
5342
- margin: 0 10px;
5343
- position: relative;
5344
- bottom: 1px;
5345
  }
5346
-
5347
  h1.app-grid-titles.filter-on span.filter-two {
5348
- color: #f29809;
5349
  }
5350
-
5351
  h1.app-grid-titles.filter-on span.filter-two > div {
5352
- background: #f29809;
5353
  }
5354
-
5355
  h1.app-grid-titles.filter-on span.filter-two > div:before {
5356
- border-color: transparent transparent #f29809 transparent;
5357
  }
5358
-
5359
  h1.app-grid-titles.filter-on span.filter-nocode {
5360
- color: #8db13d;
5361
  }
5362
-
5363
  h1.app-grid-titles.filter-on span.filter-primary {
5364
- color: #339ed5;
5365
  }
5366
-
5367
  h1.app-grid-titles span.gs-tooltip > div {
5368
- font-family: "Source Sans Pro", sans-serif;
5369
- font-weight: normal;
5370
- margin-top: 10px;
5371
  }
5372
-
5373
  .app-grid-titles-wrapper.fixed h1.app-grid-titles span.gs-tooltip > div {
5374
- margin-top: 6px;
5375
  }
5376
-
5377
  #app-grid-filters {
5378
- max-width: 1260px;
5379
- height: 1px;
5380
- font-weight: 600;
5381
- margin: 0 auto;
5382
- position: relative;
5383
- top: 40px;
5384
- z-index: 4;
5385
- -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
5386
- transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
5387
- }
5388
-
5389
  #app-grid-filters.fixed {
5390
- position: fixed;
5391
- top: 71px;
5392
- left: 0;
5393
- right: 0;
5394
  }
5395
-
5396
  #app-grid-filters.fixed .app-grid-filter-holder {
5397
- padding: 0 60px;
5398
  }
5399
-
5400
  #app-grid-filters.fixed #app-filter-dropdown {
5401
- right: 30px;
5402
  }
5403
-
5404
  #app-grid-filters .app-grid-filter-holder {
5405
- display: inline-block;
5406
- position: absolute;
5407
- top: 0;
5408
- right: 0;
5409
  }
5410
-
5411
  #app-grid-filters .app-grid-filter-holder .gs-button {
5412
- margin-left: 5px;
5413
- position: relative;
5414
- z-index: 1;
5415
  }
5416
-
5417
  #app-grid-filters .app-grid-filter-holder .gs-button:first-child {
5418
- margin-left: 0;
5419
- margin-right: -4px;
5420
  }
5421
-
5422
  #app-grid-filters .app-grid-filter-holder .gs-tooltip > div {
5423
- top: 40px;
5424
  }
5425
-
5426
  #app-grid-filters #app-filter {
5427
- padding: 6px 13px 7px;
5428
- display: inline-block;
5429
- z-index: 1;
5430
  }
5431
-
5432
  #app-grid-filters #app-filter:hover + #app-filter-dropdown {
5433
- display: block;
5434
  }
5435
-
5436
  #app-grid-filters #app-filter-dropdown {
5437
- width: 220px;
5438
- background: #fff;
5439
- text-align: left;
5440
- padding: 18px 15px 13px;
5441
- display: none;
5442
- position: absolute;
5443
- top: 100%;
5444
- right: 0;
5445
- border-radius: 4px;
5446
- box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
5447
- -webkit-animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
5448
- animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
5449
- }
5450
-
5451
  #app-grid-filters #app-filter-dropdown:hover {
5452
- display: block;
5453
  }
5454
-
5455
  #app-grid-filters #app-filter-dropdown .gs-button {
5456
- margin: 3px 0;
5457
- padding: 6px 18px 8px 13px;
5458
- display: block;
5459
  }
5460
-
5461
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans) {
5462
- position: relative;
5463
  }
5464
-
5465
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans):before {
5466
- font-family: "FontAwesome";
5467
- font-size: 16px;
5468
- color: #fff;
5469
- content: " ";
5470
- display: block;
5471
- position: absolute;
5472
- top: 50%;
5473
- right: 4px;
5474
- margin-top: -8px;
5475
- opacity: 0.5;
5476
- }
5477
-
5478
  #app-grid-filters #app-filter-dropdown .filter-title {
5479
- margin-bottom: 10px;
5480
- display: block;
5481
  }
5482
-
5483
  html,
5484
  body {
5485
- height: 100%;
5486
  }
5487
-
5488
  body {
5489
- font-family: "Source Sans Pro", sans-serif;
5490
- color: #606060;
5491
- background: #f3f3f3;
5492
  }
5493
-
5494
  body * {
5495
- text-rendering: optimizeLegibility;
5496
- -webkit-font-smoothing: antialiased;
5497
- box-sizing: border-box;
5498
  }
5499
-
5500
  body.no-scroll {
5501
- overflow: hidden;
5502
  }
5503
-
5504
  h1 {
5505
- font-size: 40px;
5506
- font-weight: 300;
5507
  }
5508
-
5509
  h1 strong {
5510
- font-weight: 600;
5511
  }
5512
-
5513
  h1 + p {
5514
- margin-top: 10px;
5515
  }
5516
-
5517
  h2,
5518
  h3 {
5519
- font-size: 20px;
5520
- font-weight: 600;
5521
  }
5522
-
5523
  h4 {
5524
- font-size: 20px;
5525
  }
5526
-
5527
  strong {
5528
- font-weight: 700;
5529
  }
5530
-
5531
  p {
5532
- line-height: 18px;
5533
  }
5534
-
5535
  textarea.code,
5536
  form textarea.code,
5537
  div.form textarea.code {
5538
- width: 100%;
5539
- font-family: Courier New, monospace;
5540
- font-size: 12px;
5541
- color: #000;
5542
- background: #fff;
5543
- border: 1px solid #ccc;
5544
- padding: 13px 20px;
5545
- resize: none;
5546
- outline: none;
5547
- word-wrap: break-word;
5548
- display: block;
5549
- border-radius: 4px;
5550
- }
5551
-
5552
  .gs-tooltip {
5553
- position: relative;
5554
  }
5555
-
5556
  .gs-tooltip.plan-two > div {
5557
- background: #d98908;
5558
  }
5559
-
5560
  .gs-tooltip.plan-two > div:before {
5561
- border-color: transparent transparent #d98908 transparent;
5562
  }
5563
-
5564
  .gs-tooltip.plan-three > div {
5565
- background: #d9456b;
5566
  }
5567
-
5568
  .gs-tooltip.plan-three > div:before {
5569
- border-color: transparent transparent #d9456b transparent;
5570
  }
5571
-
5572
  .gs-tooltip.plan-four > div {
5573
- background: #8d42e3;
5574
  }
5575
-
5576
  .gs-tooltip.plan-four > div:before {
5577
- border-color: transparent transparent #8d42e3 transparent;
5578
  }
5579
-
5580
  .gs-tooltip.nocode > div {
5581
- background: #81a238;
5582
  }
5583
-
5584
  .gs-tooltip.nocode > div:before {
5585
- border-color: transparent transparent #81a238 transparent;
5586
  }
5587
-
5588
  .gs-tooltip > div {
5589
- width: 184px;
5590
- font-size: 13px;
5591
- font-weight: normal;
5592
- color: #fff;
5593
- background: #000;
5594
- text-align: left;
5595
- line-height: 15px;
5596
- padding: 10px 15px;
5597
- position: absolute;
5598
- top: 30px;
5599
- left: 50%;
5600
- display: none;
5601
- z-index: 5;
5602
- border-radius: 4px;
5603
- box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
5604
- -webkit-transform: translateX(-50%);
5605
- -ms-transform: translateX(-50%);
5606
- transform: translateX(-50%);
5607
- }
5608
-
5609
  .gs-tooltip > div:before {
5610
- width: 0;
5611
- height: 0;
5612
- border-style: solid;
5613
- border-width: 0 8px 8px 8px;
5614
- border-color: transparent transparent #000 transparent;
5615
- content: "";
5616
- display: block;
5617
- position: absolute;
5618
- top: -8px;
5619
- left: 50%;
5620
- margin-left: -8px;
5621
- }
5622
-
5623
  .gs-tooltip:hover > div {
5624
- display: block;
5625
  }
5626
-
5627
  .min-tip > div {
5628
- width: 95px;
5629
- left: 50%;
5630
- top: 50px;
5631
- text-align: center;
5632
- padding: 5px 5px;
5633
  }
5634
-
5635
  #gs-master-wrapper {
5636
- min-width: 1150px;
5637
- min-height: 100%;
5638
- height: auto !important;
5639
- height: 100%;
5640
- margin: 0 auto -190px;
5641
- overflow-y: hidden;
5642
- }
5643
-
5644
  #gs-master-wrapper #master-wrapper-push {
5645
- height: 190px;
5646
  }
5647
-
5648
  main {
5649
- z-index: 3;
5650
- -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
5651
- transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
5652
  }
5653
-
5654
  main.relative {
5655
- position: relative;
5656
  }
5657
-
5658
  main > div {
5659
- margin: 0 auto;
5660
  }
5661
-
5662
  main > div.large {
5663
- max-width: 1200px;
5664
  }
5665
-
5666
  main > div.large > .alert.global {
5667
- margin: 0 30px;
5668
  }
5669
-
5670
  main > div.medium {
5671
- max-width: 860px;
5672
  }
5673
-
5674
  main > div.special {
5675
- max-width: 920px;
5676
  }
5677
-
5678
  main > div .content-wrapper {
5679
- margin: 30px 30px 0;
5680
  }
5681
-
5682
  main > div .content-wrapper.no-margin {
5683
- margin-top: 0;
5684
  }
5685
-
5686
  main > div .content-wrapper.analytics {
5687
- position: relative;
5688
  }
5689
-
5690
  .text-center {
5691
- text-align: center;
5692
  }
5693
-
5694
  .text-left {
5695
- text-align: left;
5696
  }
5697
-
5698
  .text-right {
5699
- text-align: right;
5700
  }
5701
-
5702
  .container *[class^="col-"]:first-of-type {
5703
- padding-right: 15px;
5704
  }
5705
-
5706
  .container *[class^="col-"]:last-of-type {
5707
- padding-left: 15px;
5708
  }
5709
-
5710
  .container *[class^="col-"]:not(:first-of-type):not(:last-of-type) {
5711
- padding-left: 15px;
5712
- padding-right: 15px;
5713
  }
5714
-
5715
  .row {
5716
- margin: 0 -30px;
5717
  }
5718
-
5719
  .row:after {
5720
- content: "";
5721
- display: block;
5722
- clear: both;
5723
  }
5724
-
5725
  .col-1 {
5726
- width: 6.25%;
5727
- position: relative;
5728
- min-height: 1px;
5729
- padding-left: 30px;
5730
- padding-right: 30px;
5731
- float: left;
5732
- }
5733
-
5734
  .col-pull-1 {
5735
- right: 6.25%;
5736
  }
5737
-
5738
  .col-push-1 {
5739
- left: 6.25%;
5740
  }
5741
-
5742
  .col-offset-1 {
5743
- margin-left: 6.25%;
5744
  }
5745
-
5746
  .col-2 {
5747
- width: 12.5%;
5748
- position: relative;
5749
- min-height: 1px;
5750
- padding-left: 30px;
5751
- padding-right: 30px;
5752
- float: left;
5753
- }
5754
-
5755
  .col-pull-2 {
5756
- right: 12.5%;
5757
  }
5758
-
5759
  .col-push-2 {
5760
- left: 12.5%;
5761
  }
5762
-
5763
  .col-offset-2 {
5764
- margin-left: 12.5%;
5765
  }
5766
-
5767
  .col-3 {
5768
- width: 18.75%;
5769
- position: relative;
5770
- min-height: 1px;
5771
- padding-left: 30px;
5772
- padding-right: 30px;
5773
- float: left;
5774
- }
5775
-
5776
  .col-pull-3 {
5777
- right: 18.75%;
5778
  }
5779
-
5780
  .col-push-3 {
5781
- left: 18.75%;
5782
  }
5783
-
5784
  .col-offset-3 {
5785
- margin-left: 18.75%;
5786
  }
5787
-
5788
  .col-4 {
5789
- width: 25%;
5790
- position: relative;
5791
- min-height: 1px;
5792
- padding-left: 30px;
5793
- padding-right: 30px;
5794
- float: left;
5795
- }
5796
-
5797
  .col-pull-4 {
5798
- right: 25%;
5799
  }
5800
-
5801
  .col-push-4 {
5802
- left: 25%;
5803
  }
5804
-
5805
  .col-offset-4 {
5806
- margin-left: 25%;
5807
  }
5808
-
5809
  .col-5 {
5810
- width: 31.25%;
5811
- position: relative;
5812
- min-height: 1px;
5813
- padding-left: 30px;
5814
- padding-right: 30px;
5815
- float: left;
5816
- }
5817
-
5818
  .col-pull-5 {
5819
- right: 31.25%;
5820
  }
5821
-
5822
  .col-push-5 {
5823
- left: 31.25%;
5824
  }
5825
-
5826
  .col-offset-5 {
5827
- margin-left: 31.25%;
5828
  }
5829
-
5830
  .col-6 {
5831
- width: 37.5%;
5832
- position: relative;
5833
- min-height: 1px;
5834
- padding-left: 30px;
5835
- padding-right: 30px;
5836
- float: left;
5837
- }
5838
-
5839
  .col-pull-6 {
5840
- right: 37.5%;
5841
  }
5842
-
5843
  .col-push-6 {
5844
- left: 37.5%;
5845
  }
5846
-
5847
  .col-offset-6 {
5848
- margin-left: 37.5%;
5849
  }
5850
-
5851
  .col-7 {
5852
- width: 43.75%;
5853
- position: relative;
5854
- min-height: 1px;
5855
- padding-left: 30px;
5856
- padding-right: 30px;
5857
- float: left;
5858
- }
5859
-
5860
  .col-pull-7 {
5861
- right: 43.75%;
5862
  }
5863
-
5864
  .col-push-7 {
5865
- left: 43.75%;
5866
  }
5867
-
5868
  .col-offset-7 {
5869
- margin-left: 43.75%;
5870
  }
5871
-
5872
  .col-8 {
5873
- width: 50%;
5874
- position: relative;
5875
- min-height: 1px;
5876
- padding-left: 30px;
5877
- padding-right: 30px;
5878
- float: left;
5879
- }
5880
-
5881
  .col-pull-8 {
5882
- right: 50%;
5883
  }
5884
-
5885
  .col-push-8 {
5886
- left: 50%;
5887
  }
5888
-
5889
  .col-offset-8 {
5890
- margin-left: 50%;
5891
  }
5892
-
5893
  .col-9 {
5894
- width: 56.25%;
5895
- position: relative;
5896
- min-height: 1px;
5897
- padding-left: 30px;
5898
- padding-right: 30px;
5899
- float: left;
5900
- }
5901
-
5902
  .col-pull-9 {
5903
- right: 56.25%;
5904
  }
5905
-
5906
  .col-push-9 {
5907
- left: 56.25%;
5908
  }
5909
-
5910
  .col-offset-9 {
5911
- margin-left: 56.25%;
5912
  }
5913
-
5914
  .col-10 {
5915
- width: 62.5%;
5916
- position: relative;
5917
- min-height: 1px;
5918
- padding-left: 30px;
5919
- padding-right: 30px;
5920
- float: left;
5921
- }
5922
-
5923
  .col-pull-10 {
5924
- right: 62.5%;
5925
  }
5926
-
5927
  .col-push-10 {
5928
- left: 62.5%;
5929
  }
5930
-
5931
  .col-offset-10 {
5932
- margin-left: 62.5%;
5933
  }
5934
-
5935
  .col-11 {
5936
- width: 68.75%;
5937
- position: relative;
5938
- min-height: 1px;
5939
- padding-left: 30px;
5940
- padding-right: 30px;
5941
- float: left;
5942
- }
5943
-
5944
  .col-pull-11 {
5945
- right: 68.75%;
5946
  }
5947
-
5948
  .col-push-11 {
5949
- left: 68.75%;
5950
  }
5951
-
5952
  .col-offset-11 {
5953
- margin-left: 68.75%;
5954
  }
5955
-
5956
  .col-12 {
5957
- width: 75%;
5958
- position: relative;
5959
- min-height: 1px;
5960
- padding-left: 30px;
5961
- padding-right: 30px;
5962
- float: left;
5963
- }
5964
-
5965
  .col-pull-12 {
5966
- right: 75%;
5967
  }
5968
-
5969
  .col-push-12 {
5970
- left: 75%;
5971
  }
5972
-
5973
  .col-offset-12 {
5974
- margin-left: 75%;
5975
  }
5976
-
5977
  .col-13 {
5978
- width: 81.25%;
5979
- position: relative;
5980
- min-height: 1px;
5981
- padding-left: 30px;
5982
- padding-right: 30px;
5983
- float: left;
5984
- }
5985
-
5986
  .col-pull-13 {
5987
- right: 81.25%;
5988
  }
5989
-
5990
  .col-push-13 {
5991
- left: 81.25%;
5992
  }
5993
-
5994
  .col-offset-13 {
5995
- margin-left: 81.25%;
5996
  }
5997
-
5998
  .col-14 {
5999
- width: 87.5%;
6000
- position: relative;
6001
- min-height: 1px;
6002
- padding-left: 30px;
6003
- padding-right: 30px;
6004
- float: left;
6005
- }
6006
-
6007
  .col-pull-14 {
6008
- right: 87.5%;
6009
  }
6010
-
6011
  .col-push-14 {
6012
- left: 87.5%;
6013
  }
6014
-
6015
  .col-offset-14 {
6016
- margin-left: 87.5%;
6017
  }
6018
-
6019
  .col-15 {
6020
- width: 93.75%;
6021
- position: relative;
6022
- min-height: 1px;
6023
- padding-left: 30px;
6024
- padding-right: 30px;
6025
- float: left;
6026
- }
6027
-
6028
  .col-pull-15 {
6029
- right: 93.75%;
6030
  }
6031
-
6032
  .col-push-15 {
6033
- left: 93.75%;
6034
  }
6035
-
6036
  .col-offset-15 {
6037
- margin-left: 93.75%;
6038
  }
6039
-
6040
  .col-16 {
6041
- width: 100%;
6042
- position: relative;
6043
- min-height: 1px;
6044
- padding-left: 30px;
6045
- padding-right: 30px;
6046
- float: left;
6047
- }
6048
-
6049
  .col-pull-16 {
6050
- right: 100%;
6051
  }
6052
-
6053
  .col-push-16 {
6054
- left: 100%;
6055
  }
6056
-
6057
  .col-offset-16 {
6058
- margin-left: 100%;
6059
  }
6060
-
6061
  .gs-clearfix:after {
6062
- content: "";
6063
- display: block;
6064
- clear: both;
6065
  }
6066
-
6067
  @-webkit-keyframes fade-in-up {
6068
- 0% {
6069
- -webkit-transform: translateY(30px);
6070
- opacity: 0;
6071
- }
6072
- 100% {
6073
- -webkit-transform: translateY(0);
6074
- opacity: 1;
6075
- }
6076
  }
6077
-
6078
-
6079
  @keyframes fade-in-up {
6080
- 0% {
6081
- transform: translateY(30px);
6082
- opacity: 0;
6083
- }
6084
- 100% {
6085
- transform: translateY(0);
6086
- opacity: 1;
6087
- }
6088
  }
6089
-
6090
-
6091
  @-webkit-keyframes fade-in-down {
6092
- 0% {
6093
- -webkit-transform: translateY(-30px);
6094
- opacity: 0;
6095
- }
6096
- 100% {
6097
- -webkit-transform: translateY(0);
6098
- opacity: 1;
6099
- }
6100
  }
6101
-
6102
-
6103
  @keyframes fade-in-down {
6104
- 0% {
6105
- transform: translateY(-30px);
6106
- opacity: 0;
6107
- }
6108
- 100% {
6109
- transform: translateY(0);
6110
- opacity: 1;
6111
- }
6112
  }
6113
-
6114
-
6115
  @-webkit-keyframes fade-out-up {
6116
- 0% {
6117
- -webkit-transform: translateY(0);
6118
- opacity: 1;
6119
- }
6120
- 100% {
6121
- -webkit-transform: translateY(-30px);
6122
- opacity: 0;
6123
- }
6124
  }
6125
-
6126
-
6127
  @keyframes fade-out-up {
6128
- 0% {
6129
- transform: translateY(0);
6130
- opacity: 1;
6131
- }
6132
- 100% {
6133
- transform: translateY(-30px);
6134
- opacity: 0;
6135
- }
6136
  }
6137
-
6138
-
6139
  @-webkit-keyframes opacity-in {
6140
- 0% {
6141
- opacity: 0;
6142
- }
6143
- 100% {
6144
- opacity: 1;
6145
- }
6146
  }
6147
-
6148
-
6149
  @keyframes opacity-in {
6150
- 0% {
6151
- opacity: 0;
6152
- }
6153
- 100% {
6154
- opacity: 1;
6155
- }
6156
  }
6157
-
6158
-
6159
  @-webkit-keyframes opacity-out {
6160
- 0% {
6161
- opacity: 1;
6162
- }
6163
- 100% {
6164
- opacity: 0;
6165
- }
6166
  }
6167
-
6168
-
6169
  @keyframes opacity-out {
6170
- 0% {
6171
- opacity: 1;
6172
- }
6173
- 100% {
6174
- opacity: 0;
6175
- }
6176
  }
6177
-
6178
-
6179
  body * {
6180
- outline: none !important;
6181
  }
6182
-
6183
  body a:focus {
6184
- box-shadow: none;
6185
  }
6186
-
6187
  h1 {
6188
- font-size: 27px;
6189
  }
6190
-
6191
  #gs-master-wrapper {
6192
- min-width: 1000px;
6193
- margin: 0 0 0 -20px;
6194
- overflow: hidden;
6195
  }
6196
-
6197
  main > div.large {
6198
- padding-top: 30px;
6199
  }
6200
-
6201
  header {
6202
- width: auto;
6203
- margin-right: -1px;
6204
- padding-top: 0;
6205
- display: block;
6206
  }
6207
-
6208
  header #main-nav {
6209
- width: auto;
6210
- position: static;
6211
  }
6212
-
6213
  header #main-nav nav > ul > li:not(.right-link) {
6214
- float: left;
6215
  }
6216
-
6217
  .title-wrapper {
6218
- padding: 25px 0 27px;
6219
- z-index: 1;
6220
  }
6221
-
6222
  .title-wrapper h1 {
6223
- max-width: 800px;
6224
- text-align: center;
6225
  }
6226
-
6227
  .title-wrapper.app-page h1 {
6228
- max-width: 1200px;
6229
- text-align: left;
6230
- margin: 0 auto;
6231
- padding: 0 30px;
6232
- display: block;
6233
  }
6234
-
6235
  .app-grid-titles > span {
6236
- max-width: 500px;
6237
- display: block;
6238
  }
6239
-
6240
  #app-grid-filters {
6241
- max-width: 1200px;
6242
- padding: 0 60px;
6243
- top: -88px;
6244
  }
6245
-
6246
  #app-grid-filters a {
6247
- padding-top: 6px;
6248
- padding-bottom: 8px;
6249
- display: inline-block;
6250
  }
6251
-
6252
  #app-grid-filters a:not(.trans) {
6253
- color: #fff;
6254
  }
6255
-
6256
  #app-grid-filters .app-grid-filter-holder {
6257
- padding-right: 30px;
6258
- text-align: right;
6259
  }
6260
-
6261
  #app-grid-filters .app-grid-filter-holder #app-filter-dropdown {
6262
- right: 15px;
6263
  }
6264
-
6265
  .app-grid {
6266
- padding-top: 0;
6267
- margin: 0;
6268
  }
6269
-
6270
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
6271
- position: relative;
6272
  }
6273
-
6274
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
6275
- background: #339ed5;
6276
- padding: 9px 8px 5px;
6277
- margin-left: 10px;
6278
- position: absolute;
6279
- top: -2px;
6280
- left: 100%;
6281
- border-radius: 4px;
6282
- }
6283
-
6284
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
6285
- width: 30px;
6286
  }
6287
-
6288
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div {
6289
- width: auto;
6290
- padding: 7px 13px;
6291
- white-space: nowrap;
6292
- top: 35px;
6293
- left: auto;
6294
- right: -10px;
6295
- -webkit-transform: translateX(0);
6296
- -ms-transform: translateX(0);
6297
- transform: translateX(0);
6298
- }
6299
-
6300
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div:before {
6301
- margin-left: 0;
6302
- left: auto;
6303
- right: 25px;
6304
  }
6305
-
6306
  .alert-block .close i {
6307
- -webkit-transform-origin: 50% 50%;
6308
- -moz-transform-origin: 50% 50%;
6309
- -ms-transform-origin: 50% 50%;
6310
- transform-origin: 50% 50%;
6311
  }
6312
-
6313
  .gs-button:disabled {
6314
- color: #fff;
6315
- border-color: transparent;
6316
  }
6317
-
6318
  .create-gs-account:active,
6319
  .create-gs-account:hover,
6320
  .create-gs-account:focus {
6321
- color: #fff;
6322
  }
6323
-
6324
  .loading-create:not(.active) {
6325
- display: none;
6326
  }
6327
-
6328
  .modal-wrapper {
6329
- z-index: 99999;
6330
  }
6331
-
6332
  .modal-wrapper .gs-modal .modal-title .title {
6333
- padding-bottom: 30px;
6334
  }
6335
-
6336
  #confirm-apikey-request-modal.modal-wrapper .gs-modal .modal-title .title {
6337
- padding-bottom: 10px;
6338
  }
6339
-
6340
  .gs-form .checkbox-list {
6341
- padding: 2px 0;
6342
  }
6343
-
6344
  .gs-form .checkbox-list input {
6345
- width: auto;
6346
- border-radius: 100%;
6347
  }
6348
-
6349
  .gs-form .checkbox-list input + span {
6350
- font-weight: 600;
6351
- color: #606060;
6352
  }
6353
-
6354
  .gs-form .checkbox-list input:checked + span {
6355
- color: #339ed5;
6356
  }
6357
-
6358
  .gs-form.gs-small {
6359
- max-width: 600px;
6360
- margin: 0 auto;
6361
  }
6362
-
6363
  footer {
6364
- padding: 100px 0 50px;
6365
  }
6366
-
6367
  footer a {
6368
- display: inline-block;
6369
  }
6370
-
6371
  footer a:active,
6372
  footer a:hover,
6373
  footer a:focus {
6374
- color: #fff;
6375
  }
6376
-
6377
  @media all and (max-width: 1360px) {
6378
- .app-grid,
6379
- .alert-block {
6380
- margin-left: auto !important;
6381
- margin-right: auto !important;
6382
- }
6383
- .app-grid {
6384
- max-width: 910px;
6385
- }
6386
- .app-grid .app-link-wrapper {
6387
- width: 33.33333%;
6388
- }
6389
- .alert-block {
6390
- max-width: 880px;
6391
- }
6392
- .alert-block.center .alert-info {
6393
- max-width: 550px;
6394
- }
6395
- .alert-block.center .alert-info a {
6396
- min-width: 145px;
6397
- font-size: 15px;
6398
- text-align: center;
6399
- white-space: normal;
6400
- vertical-align: middle;
6401
- padding-left: 5px;
6402
- padding-right: 5px;
6403
- margin-left: 20px;
6404
- }
6405
  }
6406
-
6407
  .account-info.gs-form .gs-error p {
6408
- color: #fff;
6409
- background: #d36c65;
6410
- border-radius: 5px;
6411
- padding: 10px;
6412
- font-weight: bold;
6413
- visibility: hidden;
6414
- }
6415
-
6416
  .account-info.gs-form .gs-error p {
6417
- color: #fff;
6418
- background: #d36c65;
6419
- border-radius: 5px;
6420
- padding: 10px;
6421
- font-weight: bold;
6422
- visibility: hidden;
6423
- }
6424
-
6425
  .account-info.gs-form .gs-error p:before {
6426
- content: "\f06a";
6427
- color: rgba(255, 255, 255, 0.5);
6428
- font-family: "FontAwesome";
6429
- padding-right: 10px;
6430
  }
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
  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
  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: #2481b1;
410
+ padding: 14px 15px;
411
+ float: left;
412
  }
 
413
  header #logo-wrapper:hover,
414
  header #logo-wrapper:focus {
415
+ background: #20729b;
416
  }
 
417
  header #logo-wrapper:active {
418
+ background: #1e6b93;
419
  }
 
420
  header #main-nav {
421
+ width: 100%;
422
+ background: #339ed5;
423
+ position: fixed;
424
+ top: 0;
425
+ left: 0;
426
+ z-index: 6;
427
+ -webkit-transition: all 200ms;
428
+ transition: all 200ms;
429
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
430
+ }
 
431
  header #main-nav nav {
432
+ padding-left: 148px;
433
  }
 
434
  header #main-nav nav > ul > li,
435
  header #main-nav nav > ul > li a {
436
+ font-size: 14px;
437
+ color: #fff;
438
+ display: inline-block;
439
  }
 
440
  header #main-nav nav > ul > li > a {
441
+ font-weight: bold;
442
  }
 
443
  header #main-nav nav > ul > li a {
444
+ padding: 19px 17px 22px;
445
  }
 
446
  header #main-nav nav > ul > li a:hover,
447
  header #main-nav nav > ul > li a:focus {
448
+ background: #2a94ca;
449
  }
 
450
  header #main-nav nav > ul > li a:active {
451
+ background: #278abd;
452
  }
 
453
  header #main-nav nav > ul > li a > i.fa-angle-down {
454
+ font-size: 20px;
455
+ color: #88c6e6;
456
+ margin: -5px 0 -1px 3px;
457
+ position: relative;
458
+ bottom: -3px;
459
  }
 
460
  header #main-nav nav > ul > li a > i:not(.fa-angle-down) {
461
+ margin-right: 4px;
462
+ position: relative;
463
+ bottom: -1px;
464
  }
 
465
  header #main-nav nav > ul > li a.plan-one {
466
+ background: #339ed5;
467
  }
 
468
  header #main-nav nav > ul > li a.plan-one:hover,
469
  header #main-nav nav > ul > li a.plan-one:focus {
470
+ background: #2990c6;
471
  }
 
472
  header #main-nav nav > ul > li a.plan-one:active {
473
+ background: #2687b9;
474
  }
 
475
  header #main-nav nav > ul > li a.plan-two {
476
+ background: #f29809;
477
  }
 
478
  header #main-nav nav > ul > li a.plan-two:hover,
479
  header #main-nav nav > ul > li a.plan-two:focus {
480
+ background: #d98908;
481
  }
 
482
  header #main-nav nav > ul > li a.plan-two:active {
483
+ background: #cb7f08;
484
  }
 
485
  header #main-nav nav > ul > li a.plan-three {
486
+ background: #dd5a7c;
487
  }
 
488
  header #main-nav nav > ul > li a.plan-three:hover,
489
  header #main-nav nav > ul > li a.plan-three:focus {
490
+ background: #d9456b;
491
  }
 
492
  header #main-nav nav > ul > li a.plan-three:active {
493
+ background: #d63861;
494
  }
 
495
  header #main-nav nav > ul > li a.plan-four {
496
+ background: #9a58e6;
497
  }
 
498
  header #main-nav nav > ul > li a.plan-four:hover,
499
  header #main-nav nav > ul > li a.plan-four:focus {
500
+ background: #8d42e3;
501
  }
 
502
  header #main-nav nav > ul > li a.plan-four:active {
503
+ background: #8535e1;
504
  }
 
505
  header #main-nav nav > ul > li.active a.tooltip > div,
506
  header #main-nav nav > ul > li.active a.tooltip:hover > div,
507
  header #main-nav nav > ul > li.active a.tooltip:focus > div,
508
  header #main-nav nav > ul > li.active a.tooltip:active > div {
509
+ display: none !important;
510
  }
 
511
  header #main-nav nav > ul > li.divider {
512
+ border-left: 1px solid #5db2de;
513
  }
 
514
  header #main-nav nav > ul > li.icon-link > a {
515
+ padding: 19px 19px 16px !important;
516
  }
 
517
  header #main-nav nav > ul > li.icon-link > a.tooltip > div {
518
+ width: auto;
519
+ white-space: nowrap;
520
+ margin-top: 5px;
521
+ top: 100%;
522
  }
 
523
  header #main-nav nav > ul > li.icon-link > a > i {
524
+ font-size: 20px;
525
+ margin: -5px 0 5px;
526
+ bottom: -3px;
527
  }
 
528
  header #main-nav nav > ul > li.right-link {
529
+ float: right;
530
+ z-index: 99999999;
531
  }
 
532
  header #main-nav nav > ul > li:not(.right-link) {
533
+ margin-right: -4px;
534
  }
 
535
  header #main-nav nav > ul > li.submenu-link {
536
+ position: relative;
537
  }
 
538
  header #main-nav nav > ul > li.submenu-link > a {
539
+ padding-right: 7px;
540
  }
 
541
  header #main-nav nav > ul > li.submenu-link.right-link .submenu-wrapper {
542
+ left: auto;
543
+ right: 0;
544
  }
 
545
  header #main-nav nav > ul > li.submenu-link .submenu-wrapper {
546
+ min-width: 150px;
547
+ padding: 0 5px 5px;
548
+ margin: 0 -5px;
549
+ display: none;
550
+ overflow: hidden;
551
+ position: absolute;
552
+ top: 100%;
553
+ left: 0;
554
+ z-index: 2;
555
+ box-sizing: initial;
556
+ }
 
557
  header #main-nav nav > ul > li.submenu-link .submenu {
558
+ min-width: 100%;
559
+ background: #f3f3f3;
560
+ padding: 10px 8px;
561
+ -webkit-transform: translate(0, -100%);
562
+ -ms-transform: translate(0, -100%);
563
+ transform: translate(0, -100%);
564
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
565
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
566
+ border-radius: 0 0 4px 4px;
567
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 9px 8px -10px rgba(0, 0, 0, 0.5);
568
+ }
 
569
  header #main-nav nav > ul > li.submenu-link .submenu.active {
570
+ -webkit-transform: translate(0, 0);
571
+ -ms-transform: translate(0, 0);
572
+ transform: translate(0, 0);
573
  }
 
574
  header #main-nav nav > ul > li.submenu-link .submenu li.divider {
575
+ border-bottom: 1px solid #dfdfdf;
576
+ margin: 0 -8px;
577
+ padding: 0 8px 10px;
578
  }
 
579
  header #main-nav nav > ul > li.submenu-link .submenu li.divider + li {
580
+ padding-top: 8px;
581
  }
 
582
  header #main-nav nav > ul > li.submenu-link .submenu a {
583
+ width: 100%;
584
+ color: #606060;
585
+ white-space: nowrap;
586
+ padding: 8px 10px;
587
+ position: relative;
588
+ border-radius: 4px;
589
+ }
 
590
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-active,
591
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active {
592
+ padding-right: 35px;
593
  }
 
594
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-active:after,
595
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active:after {
596
+ font-family: "FontAwesome";
597
+ font-size: 16px;
598
+ position: absolute;
599
+ top: 50%;
600
+ right: 5px;
601
+ margin-top: -8px;
602
+ }
 
603
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-active:after {
604
+ content: " ";
605
+ color: #8db13d;
606
  }
 
607
  header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active:after {
608
+ content: " ";
609
+ color: #d36c65;
610
  }
 
611
  header #main-nav nav > ul > li.submenu-link .submenu a:hover,
612
  header #main-nav nav > ul > li.submenu-link .submenu a:focus {
613
+ background: #e6e6e6;
614
  }
 
615
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"] {
616
+ position: relative;
617
+ padding-right: 60px;
618
  }
 
619
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"] > span {
620
+ font-size: 11px;
621
+ color: #fff;
622
+ padding: 2px 5px 3px;
623
+ position: absolute;
624
+ top: 7px;
625
+ right: 4px;
626
+ border-radius: 4px;
627
+ }
 
628
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-one > span {
629
+ background: #339ed5;
630
  }
 
631
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-two > span {
632
+ background: #f29809;
633
  }
 
634
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-three > span {
635
+ background: #dd5a7c;
636
  }
 
637
  header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-four > span {
638
+ background: #9a58e6;
639
  }
 
640
  header #main-nav nav > ul > li#cta-nav + #user-nav {
641
+ margin-right: 0;
642
  }
 
643
  header #main-nav nav > ul > li#user-nav {
644
+ margin-right: 4px;
645
  }
 
646
  header #main-nav nav > ul > li#user-nav img {
647
+ width: 30px;
648
+ border: 3px solid #72bce2;
649
+ margin: -7px 2px -5px;
650
+ border-radius: 100%;
651
  }
 
652
  header #main-nav nav > ul > li#user-nav > i {
653
+ margin-left: 6px;
654
  }
 
655
  header #main-nav nav > ul > li#user-nav a > div {
656
+ left: auto;
657
+ right: 4px;
658
+ -webkit-transform: translateX(0);
659
+ -ms-transform: translateX(0);
660
+ transform: translateX(0);
661
  }
 
662
  header #main-nav nav > ul > li#user-nav a > div:before {
663
+ margin-left: 0;
664
+ left: auto;
665
+ right: 24px;
666
  }
 
667
  header #main-nav nav > ul > li#store-nav {
668
+ margin-right: -4px;
669
  }
 
670
  header #main-nav nav > ul > li#store-nav > a {
671
+ background: #2a94ca;
672
  }
 
673
  header #main-nav nav > ul > li#store-nav > a:hover {
674
+ background: #278abd;
675
  }
 
676
  header #main-nav nav > ul > li#store-nav > a:active {
677
+ background: #2584b5;
678
  }
 
679
  header #main-nav nav > ul > li#store-nav li.tier-counter {
680
+ background: #2a94ca;
681
+ margin: 0 -8px;
682
+ padding: 11px 8px 0;
683
+ overflow: hidden;
684
  }
 
685
  header #main-nav nav > ul > li#store-nav li.tier-counter .counter {
686
+ font-size: 12px;
687
+ color: #9dd0eb;
688
+ text-align: right;
689
+ position: relative;
690
+ z-index: 2;
691
  }
 
692
  header #main-nav nav > ul > li#store-nav li.tier-counter .counter > div:first-of-type {
693
+ font-size: 22px;
694
+ font-weight: 600;
695
+ color: #fff;
696
+ margin: 0 0 10px;
697
+ position: relative;
698
+ left: 0;
699
+ }
 
700
  header #main-nav nav > ul > li#store-nav li.tier-counter.no-limit .badge > span {
701
+ opacity: 1 !important;
702
+ -webkit-transform: translateY(0) !important;
703
+ -ms-transform: translateY(0) !important;
704
+ transform: translateY(0) !important;
705
  }
 
706
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span {
707
+ color: #fff;
708
+ font-weight: 600;
709
+ padding: 2px 7px;
710
+ position: absolute;
711
+ top: -2px;
712
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
713
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
714
+ }
 
715
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span:first-child {
716
+ opacity: 1;
717
+ left: 0;
718
+ z-index: 0;
719
+ border-radius: 4px;
720
  }
 
721
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.one {
722
+ background: #339ed5;
723
  }
 
724
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.two {
725
+ background: #f29809;
726
  }
 
727
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.three {
728
+ background: #dd5a7c;
729
  }
 
730
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.four {
731
+ background: #9a58e6;
732
  }
 
733
  header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span:not(:first-child):last-child {
734
+ opacity: 0;
735
+ left: -7px;
736
+ z-index: 1;
737
+ -webkit-transform: translateY(100%);
738
+ -ms-transform: translateY(100%);
739
+ transform: translateY(100%);
740
+ }
 
741
  header #main-nav nav > ul > li#store-nav li.tier-counter #progbar {
742
+ height: 6px;
743
+ background: #fff;
744
+ margin: 0 -8px;
745
  }
 
746
  header #main-nav nav > ul > li#store-nav li.tier-counter #progbar > div {
747
+ width: 50px;
748
+ height: 6px;
749
+ background: #9bc048;
750
+ content: "";
751
+ display: block;
752
  }
 
753
  header #main-nav nav > ul > li#store-nav li.tier-counter:hover:not(.no-limit) .badge > span:first-child {
754
+ opacity: 0;
755
+ -webkit-transform: translateY(-100%);
756
+ -ms-transform: translateY(-100%);
757
+ transform: translateY(-100%);
758
  }
 
759
  header #main-nav nav > ul > li#store-nav li.tier-counter:hover:not(.no-limit) .badge > span:last-child {
760
+ opacity: 1;
761
+ -webkit-transform: translateY(0);
762
+ -ms-transform: translateY(0);
763
+ transform: translateY(0);
764
  }
 
765
  header #main-nav nav > ul > li#store-nav li.extra {
766
+ margin: 0 -8px -10px;
767
  }
 
768
  header #main-nav nav > ul > li#store-nav li.extra a {
769
+ background: #f3f3f3;
770
+ padding: 12px 18px 13px;
771
+ border-radius: 0 0 4px 4px;
772
  }
 
773
  header #main-nav nav > ul > li#store-nav li.extra a:hover,
774
  header #main-nav nav > ul > li#store-nav li.extra a:focus {
775
+ background: #e6e6e6;
776
  }
 
777
  header #main-nav nav > ul > li#store-nav li.extra a:active {
778
+ background: #dfdfdf;
779
  }
 
780
  header #main-nav nav > ul > li#store-nav #store-status {
781
+ min-width: 22px;
782
+ font-size: 14px;
783
+ text-align: center;
784
+ display: inline-block;
785
+ padding: 4px 0;
786
+ margin: -4px 4px -4px 2px;
787
+ position: relative;
788
+ bottom: -1px;
789
+ border-radius: 100%;
790
+ }
 
791
  header #main-nav nav > ul > li#store-nav #store-status.active {
792
+ background: #98bf44;
793
  }
 
794
  header #main-nav nav > ul > li#store-nav #store-status.error {
795
+ background: #d36c65;
796
  }
 
797
  header #main-nav nav > ul > li#store-nav #site-collection {
798
+ padding-top: 0;
799
+ background: #e6e6e6;
800
+ 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);
801
  }
 
802
  header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) {
803
+ max-height: 200px;
804
+ padding: 10px 0;
805
+ overflow-y: scroll;
806
  }
 
807
  header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) a:hover,
808
  header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) a:focus {
809
+ background: #dadada;
810
  }
 
811
  @-webkit-keyframes fade-in-up {
812
+ 0% {
813
+ -webkit-transform: translateY(30px);
814
+ opacity: 0;
815
+ }
816
+ 100% {
817
+ -webkit-transform: translateY(0);
818
+ opacity: 1;
819
+ }
820
  }
 
 
821
  @keyframes fade-in-up {
822
+ 0% {
823
+ transform: translateY(30px);
824
+ opacity: 0;
825
+ }
826
+ 100% {
827
+ transform: translateY(0);
828
+ opacity: 1;
829
+ }
830
  }
 
 
831
  @-webkit-keyframes fade-in-down {
832
+ 0% {
833
+ -webkit-transform: translateY(-30px);
834
+ opacity: 0;
835
+ }
836
+ 100% {
837
+ -webkit-transform: translateY(0);
838
+ opacity: 1;
839
+ }
840
  }
 
 
841
  @keyframes fade-in-down {
842
+ 0% {
843
+ transform: translateY(-30px);
844
+ opacity: 0;
845
+ }
846
+ 100% {
847
+ transform: translateY(0);
848
+ opacity: 1;
849
+ }
850
  }
 
 
851
  @-webkit-keyframes fade-out-up {
852
+ 0% {
853
+ -webkit-transform: translateY(0);
854
+ opacity: 1;
855
+ }
856
+ 100% {
857
+ -webkit-transform: translateY(-30px);
858
+ opacity: 0;
859
+ }
860
  }
 
 
861
  @keyframes fade-out-up {
862
+ 0% {
863
+ transform: translateY(0);
864
+ opacity: 1;
865
+ }
866
+ 100% {
867
+ transform: translateY(-30px);
868
+ opacity: 0;
869
+ }
870
  }
 
 
871
  @-webkit-keyframes opacity-in {
872
+ 0% {
873
+ opacity: 0;
874
+ }
875
+ 100% {
876
+ opacity: 1;
877
+ }
878
  }
 
 
879
  @keyframes opacity-in {
880
+ 0% {
881
+ opacity: 0;
882
+ }
883
+ 100% {
884
+ opacity: 1;
885
+ }
886
  }
 
 
887
  @-webkit-keyframes opacity-out {
888
+ 0% {
889
+ opacity: 1;
890
+ }
891
+ 100% {
892
+ opacity: 0;
893
+ }
894
  }
 
 
895
  @keyframes opacity-out {
896
+ 0% {
897
+ opacity: 1;
898
+ }
899
+ 100% {
900
+ opacity: 0;
901
+ }
902
  }
 
 
903
  .title-wrapper {
904
+ background: #fff;
905
+ text-align: center;
906
+ border-bottom: 1px solid #e9e9e9;
907
+ padding: 46px 0 56px;
908
+ position: relative;
909
+ z-index: 4;
910
+ }
 
911
  .title-wrapper h1 {
912
+ font-family: "Raleway", sans-serif;
913
+ font-weight: 800;
914
+ text-align: right;
915
+ display: inline-block;
916
  }
 
917
  .title-wrapper h1 + p {
918
+ max-width: 600px;
919
+ margin-left: auto;
920
+ margin-right: auto;
921
  }
 
922
  .title-wrapper.analytics {
923
+ z-index: 0;
924
  }
 
925
  @-webkit-keyframes fade-in-up {
926
+ 0% {
927
+ -webkit-transform: translateY(30px);
928
+ opacity: 0;
929
+ }
930
+ 100% {
931
+ -webkit-transform: translateY(0);
932
+ opacity: 1;
933
+ }
934
  }
 
 
935
  @keyframes fade-in-up {
936
+ 0% {
937
+ transform: translateY(30px);
938
+ opacity: 0;
939
+ }
940
+ 100% {
941
+ transform: translateY(0);
942
+ opacity: 1;
943
+ }
944
  }
 
 
945
  @-webkit-keyframes fade-in-down {
946
+ 0% {
947
+ -webkit-transform: translateY(-30px);
948
+ opacity: 0;
949
+ }
950
+ 100% {
951
+ -webkit-transform: translateY(0);
952
+ opacity: 1;
953
+ }
954
  }
 
 
955
  @keyframes fade-in-down {
956
+ 0% {
957
+ transform: translateY(-30px);
958
+ opacity: 0;
959
+ }
960
+ 100% {
961
+ transform: translateY(0);
962
+ opacity: 1;
963
+ }
964
  }
 
 
965
  @-webkit-keyframes fade-out-up {
966
+ 0% {
967
+ -webkit-transform: translateY(0);
968
+ opacity: 1;
969
+ }
970
+ 100% {
971
+ -webkit-transform: translateY(-30px);
972
+ opacity: 0;
973
+ }
974
  }
 
 
975
  @keyframes fade-out-up {
976
+ 0% {
977
+ transform: translateY(0);
978
+ opacity: 1;
979
+ }
980
+ 100% {
981
+ transform: translateY(-30px);
982
+ opacity: 0;
983
+ }
984
  }
 
 
985
  @-webkit-keyframes opacity-in {
986
+ 0% {
987
+ opacity: 0;
988
+ }
989
+ 100% {
990
+ opacity: 1;
991
+ }
992
  }
 
 
993
  @keyframes opacity-in {
994
+ 0% {
995
+ opacity: 0;
996
+ }
997
+ 100% {
998
+ opacity: 1;
999
+ }
1000
  }
 
 
1001
  @-webkit-keyframes opacity-out {
1002
+ 0% {
1003
+ opacity: 1;
1004
+ }
1005
+ 100% {
1006
+ opacity: 0;
1007
+ }
1008
  }
 
 
1009
  @keyframes opacity-out {
1010
+ 0% {
1011
+ opacity: 1;
1012
+ }
1013
+ 100% {
1014
+ opacity: 0;
1015
+ }
1016
  }
 
 
1017
  .alert-block .alert-info:before,
1018
  .alert-block .alert-info textarea,
1019
  .alert-block .alert-info a,
1020
  .alert-block .close {
1021
+ position: absolute;
1022
+ top: 50%;
1023
+ -webkit-transform: translateY(-50%);
1024
+ -ms-transform: translateY(-50%);
1025
+ transform: translateY(-50%);
1026
  }
 
1027
  .alert-block {
1028
+ color: #606060;
1029
+ background: #fff;
1030
+ padding: 15px 30px;
1031
+ position: relative;
1032
+ -webkit-transition: all 200ms;
1033
+ transition: all 200ms;
1034
+ }
 
1035
  .alert-block.large {
1036
+ margin: 0 15px 30px;
1037
+ padding: 22px 30px;
1038
+ border-radius: 4px;
1039
  }
 
1040
  .alert-block.center {
1041
+ text-align: center;
1042
  }
 
1043
  .alert-block.center,
1044
  .alert-block.center.large {
1045
+ padding-left: 0;
1046
+ padding-right: 0;
1047
  }
 
1048
  .alert-block.center .alert-info {
1049
+ max-width: 800px;
1050
+ display: inline-block;
1051
  }
 
1052
  .alert-block.center .alert-info a {
1053
+ left: 100%;
1054
+ right: auto;
1055
  }
 
1056
  .alert-block .alert-info {
1057
+ text-align: left;
1058
+ padding-left: 50px;
1059
+ position: relative;
1060
  }
 
1061
  .alert-block .alert-info:before {
1062
+ font-family: "FontAwesome";
1063
+ font-size: 35px;
1064
+ content: " ";
1065
+ color: #ccc;
1066
+ left: 0;
1067
  }
 
1068
  .alert-block .alert-info.no-desc {
1069
+ padding: 9px 0 9px 40px;
1070
  }
 
1071
  .alert-block .alert-info.no-desc p {
1072
+ position: relative;
1073
+ top: -1px;
1074
  }
 
1075
  .alert-block .alert-info.no-desc:before {
1076
+ font-size: 28px;
1077
  }
 
1078
  .alert-block .alert-info.code {
1079
+ padding-right: 275px;
1080
  }
 
1081
  .alert-block .alert-info textarea {
1082
+ width: 245px;
1083
+ height: 50px;
1084
+ font-family: monospace;
1085
+ font-size: 12px;
1086
+ color: #606060;
1087
+ border: 0;
1088
+ padding: 6px 12px;
1089
+ overflow-y: scroll;
1090
+ right: 0;
1091
+ outline: none;
1092
+ resize: none;
1093
+ border-radius: 4px;
1094
+ }
 
1095
  .alert-block .alert-info textarea:hover {
1096
+ background: #eee;
1097
  }
 
1098
  .alert-block .alert-info textarea:focus {
1099
+ background: #fff;
1100
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
1101
  }
 
1102
  .alert-block .alert-info a {
1103
+ font-weight: normal;
1104
+ color: #fff;
1105
+ background: #bbb;
1106
+ white-space: nowrap;
1107
+ margin-left: 30px;
1108
+ padding-left: 10px;
1109
+ padding-right: 10px;
1110
+ right: 30px;
1111
+ }
 
1112
  .alert-block .alert-info a:hover {
1113
+ background: #999;
1114
  }
 
1115
  .alert-block p.alert-title {
1116
+ font-size: 16px;
1117
+ font-weight: bold;
1118
  }
 
1119
  .alert-block p:not(.alert-title) {
1120
+ font-size: 13px;
1121
+ font-weight: 600;
1122
+ line-height: 15px;
1123
+ margin: 3px 0 0;
1124
  }
 
1125
  .alert-block.inline {
1126
+ max-width: 800px;
1127
+ color: #339ed5;
1128
+ border-left-width: 90px;
1129
+ border-left-style: solid;
1130
+ border-left-color: #339ed5;
1131
+ text-align: left;
1132
+ padding-right: 30px;
1133
+ margin: 0 auto 30px;
1134
+ border-radius: 4px;
1135
+ }
 
1136
  .alert-block.inline .alert-info {
1137
+ padding-left: 90px !important;
1138
+ margin-left: -90px;
1139
  }
 
1140
  .alert-block.inline .alert-info:before {
1141
+ color: #fff;
1142
  }
 
1143
  .alert-block[class*="plan-"] {
1144
+ color: #fff;
1145
  }
 
1146
  .alert-block[class*="plan-"] .alert-info {
1147
+ padding-left: 0;
1148
  }
 
1149
  .alert-block[class*="plan-"] .alert-info:before {
1150
+ font-family: "Raleway", sans-serif;
1151
+ font-weight: 800;
1152
+ font-size: 20px;
1153
+ color: #fff;
1154
+ border: 2px solid #fff;
1155
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
1156
+ padding: 3px 11px;
1157
+ margin-right: 30px;
1158
+ right: 100%;
1159
+ left: auto;
1160
+ border-radius: 4px;
1161
+ }
 
1162
  .alert-block[class*="plan-"] p {
1163
+ color: #fff;
1164
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13);
1165
  }
 
1166
  .alert-block.gs-primary {
1167
+ background: #339ed5;
1168
  }
 
1169
  .alert-block.gs-primary.inline {
1170
+ border-left-color: #2687b9;
1171
  }
 
1172
  .alert-block.gs-primary .alert-info:before {
1173
+ content: " ";
1174
+ color: rgba(255, 255, 255, 0.5);
1175
  }
 
1176
  .alert-block.gs-primary .alert-info a {
1177
+ background: #2481b1;
1178
  }
 
1179
  .alert-block.gs-primary .alert-info a:hover {
1180
+ background: #1f6e97;
1181
  }
 
1182
  .alert-block.gs-primary p.alert-title {
1183
+ color: #fff;
1184
  }
 
1185
  .alert-block.gs-primary p:not(.alert-title) {
1186
+ color: #b2daef;
1187
  }
 
1188
  .alert-block.default-gs-primary {
1189
+ border-bottom: 1px solid #b2daef;
1190
  }
 
1191
  .alert-block.default-gs-primary .alert-info:before {
1192
+ content: " ";
1193
+ color: #339ed5;
1194
  }
 
1195
  .alert-block.default-gs-primary .alert-info a {
1196
+ background: #339ed5;
1197
  }
 
1198
  .alert-block.default-gs-primary .alert-info a:hover {
1199
+ background: #2481b1;
1200
  }
 
1201
  .alert-block.default-gs-primary p {
1202
+ color: #339ed5;
1203
  }
 
1204
  .alert-block.default-gs-primary p:not(.alert-title) {
1205
+ color: #5db2de;
1206
  }
 
1207
  .alert-block.gs-success {
1208
+ background: #85b023;
1209
  }
 
1210
  .alert-block.gs-success.inline {
1211
+ border-left-color: #6b8e1c;
1212
  }
 
1213
  .alert-block.gs-success .alert-info:before {
1214
+ content: " ";
1215
+ color: rgba(255, 255, 255, 0.5);
1216
  }
 
1217
  .alert-block.gs-success .alert-info a {
1218
+ background: #65851b;
1219
  }
 
1220
  .alert-block.gs-success .alert-info a:hover {
1221
+ background: #526c15;
1222
  }
 
1223
  .alert-block.gs-success p.alert-title {
1224
+ color: #fff;
1225
  }
 
1226
  .alert-block.gs-success p:not(.alert-title) {
1227
+ color: #c9e785;
1228
  }
 
1229
  .alert-block.default-gs-success {
1230
+ border-bottom: 1px solid #c9e785;
1231
  }
 
1232
  .alert-block.default-gs-success .alert-info:before {
1233
+ content: " ";
1234
+ color: #85b023;
1235
  }
 
1236
  .alert-block.default-gs-success .alert-info a {
1237
+ background: #85b023;
1238
  }
 
1239
  .alert-block.default-gs-success .alert-info a:hover {
1240
+ background: #65851b;
1241
  }
 
1242
  .alert-block.default-gs-success p {
1243
+ color: #85b023;
1244
  }
 
1245
  .alert-block.default-gs-success p:not(.alert-title) {
1246
+ color: #a3d630;
1247
  }
 
1248
  .alert-block.gs-error {
1249
+ background: #d36c65;
1250
  }
 
1251
  .alert-block.gs-error.inline {
1252
+ border-left-color: #ca4e45;
1253
  }
 
1254
  .alert-block.gs-error .alert-info:before {
1255
+ content: "\f06a";
1256
+ color: rgba(255, 255, 255, 0.5);
1257
  }
 
1258
  .alert-block.gs-error .alert-info a {
1259
+ background: #c8463d;
1260
  }
 
1261
  .alert-block.gs-error .alert-info a:hover {
1262
+ background: #b33b33;
1263
  }
 
1264
  .alert-block.gs-error p.alert-title {
1265
+ color: #fff;
1266
  }
 
1267
  .alert-block.gs-error p:not(.alert-title) {
1268
+ color: #f5dedc;
1269
  }
 
1270
  .alert-block.default-gs-error {
1271
+ border-bottom: 1px solid #f5dedc;
1272
  }
 
1273
  .alert-block.default-gs-error .alert-info:before {
1274
+ content: " ";
1275
+ color: #d36c65;
1276
  }
 
1277
  .alert-block.default-gs-error .alert-info a {
1278
+ background: #d36c65;
1279
  }
 
1280
  .alert-block.default-gs-error .alert-info a:hover {
1281
+ background: #c8463d;
1282
  }
 
1283
  .alert-block.default-gs-error p {
1284
+ color: #d36c65;
1285
  }
 
1286
  .alert-block.default-gs-error p:not(.alert-title) {
1287
+ color: #de928d;
1288
  }
 
1289
  .alert-block.special {
1290
+ background: #efc520;
1291
  }
 
1292
  .alert-block.special.inline {
1293
+ border-left-color: #e5ba10;
1294
  }
 
1295
  .alert-block.special .alert-info:before {
1296
+ content: " ";
1297
+ font-size: 35px;
1298
+ color: #fff;
1299
  }
 
1300
  .alert-block.special .alert-info a {
1301
+ background: #bf9b0e;
1302
  }
 
1303
  .alert-block.special .alert-info a:hover {
1304
+ background: #a7880c;
1305
  }
 
1306
  .alert-block.special p {
1307
+ color: #fff;
1308
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13);
1309
  }
 
1310
  .alert-block.plan-two {
1311
+ background: #f29809;
1312
  }
 
1313
  .alert-block.plan-two .alert-info:before {
1314
+ content: "Tools";
1315
  }
 
1316
  .alert-block.plan-two .alert-info a {
1317
+ background: #b27007;
1318
  }
 
1319
  .alert-block.plan-two .alert-info a:hover {
1320
+ background: #996006;
1321
  }
 
1322
  .alert-block.plan-three {
1323
+ background: #dd5a7c;
1324
  }
 
1325
  .alert-block.plan-three .alert-info:before {
1326
+ content: "Growth";
1327
  }
 
1328
  .alert-block.plan-three .alert-info a {
1329
+ background: #b6254b;
1330
  }
 
1331
  .alert-block.plan-three .alert-info a:hover {
1332
+ background: #a12142;
1333
  }
 
1334
  .alert-block.plan-four {
1335
+ background: #9a58e6;
1336
  }
 
1337
  .alert-block.plan-four .alert-info:before {
1338
+ content: "Insights";
1339
  }
 
1340
  .alert-block.plan-four .alert-info a {
1341
+ background: #6b1dc5;
1342
  }
 
1343
  .alert-block.plan-four .alert-info a:hover {
1344
+ background: #5f1aaf;
1345
  }
 
1346
  .alert-block .close {
1347
+ width: 33px;
1348
+ height: 33px;
1349
+ font-size: 22px;
1350
+ color: #fff;
1351
+ padding-top: 4px;
1352
+ right: 30px;
1353
+ opacity: 0.6;
1354
+ -webkit-transition: all 200ms;
1355
+ transition: all 200ms;
1356
+ }
 
1357
  .alert-block .close i {
1358
+ -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1359
+ transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1360
+ -webkit-transform-origin: 50% 54%;
1361
+ -moz-transform-origin: 50% 54%;
1362
+ -ms-transform-origin: 50% 54%;
1363
+ transform-origin: 50% 54%;
1364
+ }
 
1365
  .alert-block .close:hover {
1366
+ opacity: 1;
1367
  }
 
1368
  .alert-block .close:hover i {
1369
+ -webkit-transform: rotate(180deg);
1370
+ -ms-transform: rotate(180deg);
1371
+ transform: rotate(180deg);
1372
  }
 
1373
  .alert-block + div > .content-wrapper {
1374
+ margin-top: 30px;
1375
  }
 
1376
  @-webkit-keyframes fade-in-up {
1377
+ 0% {
1378
+ -webkit-transform: translateY(30px);
1379
+ opacity: 0;
1380
+ }
1381
+ 100% {
1382
+ -webkit-transform: translateY(0);
1383
+ opacity: 1;
1384
+ }
1385
  }
 
 
1386
  @keyframes fade-in-up {
1387
+ 0% {
1388
+ transform: translateY(30px);
1389
+ opacity: 0;
1390
+ }
1391
+ 100% {
1392
+ transform: translateY(0);
1393
+ opacity: 1;
1394
+ }
1395
  }
 
 
1396
  @-webkit-keyframes fade-in-down {
1397
+ 0% {
1398
+ -webkit-transform: translateY(-30px);
1399
+ opacity: 0;
1400
+ }
1401
+ 100% {
1402
+ -webkit-transform: translateY(0);
1403
+ opacity: 1;
1404
+ }
1405
  }
 
 
1406
  @keyframes fade-in-down {
1407
+ 0% {
1408
+ transform: translateY(-30px);
1409
+ opacity: 0;
1410
+ }
1411
+ 100% {
1412
+ transform: translateY(0);
1413
+ opacity: 1;
1414
+ }
1415
  }
 
 
1416
  @-webkit-keyframes fade-out-up {
1417
+ 0% {
1418
+ -webkit-transform: translateY(0);
1419
+ opacity: 1;
1420
+ }
1421
+ 100% {
1422
+ -webkit-transform: translateY(-30px);
1423
+ opacity: 0;
1424
+ }
1425
  }
 
 
1426
  @keyframes fade-out-up {
1427
+ 0% {
1428
+ transform: translateY(0);
1429
+ opacity: 1;
1430
+ }
1431
+ 100% {
1432
+ transform: translateY(-30px);
1433
+ opacity: 0;
1434
+ }
1435
  }
 
 
1436
  @-webkit-keyframes opacity-in {
1437
+ 0% {
1438
+ opacity: 0;
1439
+ }
1440
+ 100% {
1441
+ opacity: 1;
1442
+ }
1443
  }
 
 
1444
  @keyframes opacity-in {
1445
+ 0% {
1446
+ opacity: 0;
1447
+ }
1448
+ 100% {
1449
+ opacity: 1;
1450
+ }
1451
  }
 
 
1452
  @-webkit-keyframes opacity-out {
1453
+ 0% {
1454
+ opacity: 1;
1455
+ }
1456
+ 100% {
1457
+ opacity: 0;
1458
+ }
1459
  }
 
 
1460
  @keyframes opacity-out {
1461
+ 0% {
1462
+ opacity: 1;
1463
+ }
1464
+ 100% {
1465
+ opacity: 0;
1466
+ }
1467
  }
 
 
1468
  .modal-wrapper {
1469
+ background: rgba(0, 0, 0, 0.5);
1470
+ padding: 0 30px;
1471
+ overflow: scroll;
1472
+ z-index: 9;
1473
  }
 
1474
  .modal-wrapper,
1475
  .modal-wrapper .modal-cover {
1476
+ position: fixed;
1477
+ top: 0;
1478
+ right: 0;
1479
+ bottom: 0;
1480
+ left: 0;
1481
  }
 
1482
  .modal-wrapper .modal-cover {
1483
+ z-index: -1;
1484
  }
 
1485
  .modal-wrapper .gs-modal {
1486
+ max-width: 860px;
1487
+ background: #fff;
1488
+ padding: 35px 30px 30px;
1489
+ margin: 100px auto 30px;
1490
+ opacity: 0;
1491
+ border-radius: 4px;
1492
+ }
 
1493
  .modal-wrapper .gs-modal.small {
1494
+ max-width: 430px;
1495
+ padding: 40px 30px;
1496
  }
 
1497
  .modal-wrapper .gs-modal .modal-title {
1498
+ text-align: center;
1499
  }
 
1500
  .modal-wrapper .gs-modal .modal-title .title {
1501
+ font-family: "Raleway", sans-serif;
1502
+ font-weight: 800;
1503
+ font-size: 25px;
1504
+ font-weight: 300;
1505
+ padding-bottom: 11px;
1506
  }
 
1507
  .modal-wrapper .gs-modal .modal-title .title + p {
1508
+ max-width: 400px;
1509
+ margin: 10px auto 0;
1510
  }
 
1511
  .modal-wrapper .gs-modal img {
1512
+ width: 100%;
1513
  }
 
1514
  .modal-wrapper .gs-modal .before-after {
1515
+ margin-top: -20px;
1516
  }
 
1517
  .modal-wrapper .gs-modal .before-after > div {
1518
+ text-align: center;
1519
  }
 
1520
  .modal-wrapper .gs-modal .before-after > div strong {
1521
+ font-size: 20px;
1522
+ margin: 20px 0;
1523
+ display: block;
1524
  }
 
1525
  .modal-wrapper .gs-modal .before-after > div[class*="col-"]:first-child {
1526
+ padding-left: 0;
1527
+ padding-right: 15px;
1528
  }
 
1529
  .modal-wrapper .gs-modal .before-after > div[class*="col-"]:last-child {
1530
+ padding-left: 15px;
1531
+ padding-right: 0;
1532
  }
 
1533
  .modal-wrapper .gs-modal .form-button-group {
1534
+ padding-top: 20px;
1535
  }
 
1536
  .modal-wrapper .gs-modal .text-block {
1537
+ text-align: left;
1538
+ margin-bottom: 30px;
1539
  }
 
1540
  .modal-wrapper .gs-modal .text-block p {
1541
+ font-size: 18px;
1542
+ line-height: 22px;
1543
+ margin-bottom: 15px;
1544
  }
 
1545
  .modal-wrapper .gs-modal .text-block p span {
1546
+ color: #339ed5;
1547
  }
 
1548
  .modal-wrapper .gs-modal .status-icon {
1549
+ width: 70px;
1550
+ height: 70px;
1551
+ background: #c4da94;
1552
+ border: 5px solid #9bc048;
1553
+ margin: -10px auto 30px;
1554
+ position: relative;
1555
+ -webkit-animation: rotate-in 750ms ease-in-out;
1556
+ animation: rotate-in 750ms ease-in-out;
1557
+ }
 
1558
  .modal-wrapper .gs-modal .status-icon i {
1559
+ font-size: 38px;
1560
+ color: #fff;
1561
+ margin: -19px 0 0 -19px;
1562
+ position: absolute;
1563
+ top: 50%;
1564
+ left: 50%;
1565
+ }
 
1566
  .modal-wrapper .gs-modal .status-icon,
1567
  .modal-wrapper .gs-modal .status-icon:before {
1568
+ border-radius: 100%;
1569
  }
 
1570
  .modal-wrapper .gs-modal .status-icon:before {
1571
+ width: 100%;
1572
+ height: 100%;
1573
+ border: 0 solid #9bc048;
1574
+ content: "";
1575
+ display: inline-block;
1576
+ position: absolute;
1577
+ top: 0;
1578
+ left: 0;
1579
+ box-sizing: border-box;
1580
+ }
 
1581
  .modal-wrapper.hide {
1582
+ display: none;
1583
  }
 
1584
  .modal-wrapper.active {
1585
+ display: block;
1586
+ -webkit-animation: opacity-in 300ms ease-in-out forwards;
1587
+ animation: opacity-in 300ms ease-in-out forwards;
1588
  }
 
1589
  .modal-wrapper.active .gs-modal {
1590
+ -webkit-animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1591
+ animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1592
  }
 
1593
  .modal-wrapper.rewind {
1594
+ -webkit-animation: opacity-out 300ms ease-in-out forwards;
1595
+ animation: opacity-out 300ms ease-in-out forwards;
1596
  }
 
1597
  .modal-wrapper.rewind .gs-modal {
1598
+ -webkit-animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1599
+ animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1600
  }
 
1601
  @-webkit-keyframes fade-in-up {
1602
+ 0% {
1603
+ -webkit-transform: translateY(30px);
1604
+ opacity: 0;
1605
+ }
1606
+ 100% {
1607
+ -webkit-transform: translateY(0);
1608
+ opacity: 1;
1609
+ }
1610
  }
 
 
1611
  @keyframes fade-in-up {
1612
+ 0% {
1613
+ transform: translateY(30px);
1614
+ opacity: 0;
1615
+ }
1616
+ 100% {
1617
+ transform: translateY(0);
1618
+ opacity: 1;
1619
+ }
1620
  }
 
 
1621
  @-webkit-keyframes fade-in-down {
1622
+ 0% {
1623
+ -webkit-transform: translateY(-30px);
1624
+ opacity: 0;
1625
+ }
1626
+ 100% {
1627
+ -webkit-transform: translateY(0);
1628
+ opacity: 1;
1629
+ }
1630
  }
 
 
1631
  @keyframes fade-in-down {
1632
+ 0% {
1633
+ transform: translateY(-30px);
1634
+ opacity: 0;
1635
+ }
1636
+ 100% {
1637
+ transform: translateY(0);
1638
+ opacity: 1;
1639
+ }
1640
  }
 
 
1641
  @-webkit-keyframes fade-out-up {
1642
+ 0% {
1643
+ -webkit-transform: translateY(0);
1644
+ opacity: 1;
1645
+ }
1646
+ 100% {
1647
+ -webkit-transform: translateY(-30px);
1648
+ opacity: 0;
1649
+ }
1650
  }
 
 
1651
  @keyframes fade-out-up {
1652
+ 0% {
1653
+ transform: translateY(0);
1654
+ opacity: 1;
1655
+ }
1656
+ 100% {
1657
+ transform: translateY(-30px);
1658
+ opacity: 0;
1659
+ }
1660
  }
 
 
1661
  @-webkit-keyframes opacity-in {
1662
+ 0% {
1663
+ opacity: 0;
1664
+ }
1665
+ 100% {
1666
+ opacity: 1;
1667
+ }
1668
  }
 
 
1669
  @keyframes opacity-in {
1670
+ 0% {
1671
+ opacity: 0;
1672
+ }
1673
+ 100% {
1674
+ opacity: 1;
1675
+ }
1676
  }
 
 
1677
  @-webkit-keyframes opacity-out {
1678
+ 0% {
1679
+ opacity: 1;
1680
+ }
1681
+ 100% {
1682
+ opacity: 0;
1683
+ }
1684
  }
 
 
1685
  @keyframes opacity-out {
1686
+ 0% {
1687
+ opacity: 1;
1688
+ }
1689
+ 100% {
1690
+ opacity: 0;
1691
+ }
1692
  }
 
 
1693
  div.gs-form {
1694
+ position: relative;
1695
  }
 
1696
  form h3,
1697
  div.gs-form h3 {
1698
+ margin-bottom: 3px;
1699
  }
 
1700
  form h4,
1701
  div.gs-form h4 {
1702
+ color: #339ed5;
1703
+ margin-bottom: 10px;
1704
  }
 
1705
  form p,
1706
  div.gs-form p {
1707
+ font-size: 14px;
1708
+ color: #999;
1709
+ line-height: 15px;
1710
+ margin-bottom: 4px;
1711
  }
 
1712
  form p.tutorial,
1713
  div.gs-form p.tutorial {
1714
+ font-size: 16px;
1715
+ color: #606060;
1716
+ line-height: 18px;
1717
+ margin-bottom: 8px;
1718
  }
 
1719
  form p .code,
1720
  div.gs-form p .code {
1721
+ font-family: Courier New, monospace;
1722
+ font-size: 14px;
1723
+ font-weight: 600;
1724
+ background: #eee;
1725
+ padding: 1px 4px;
1726
+ margin: 0 3px;
1727
+ border-radius: 4px;
1728
+ }
 
1729
  form label,
1730
  div.gs-form label {
1731
+ font-size: 18px;
1732
+ font-weight: 600;
1733
  }
 
1734
  form label span,
1735
  div.gs-form label span {
1736
+ font-size: 16px;
1737
+ font-weight: normal;
1738
+ color: #999;
1739
  }
 
1740
  form label.step,
1741
  div.gs-form label.step {
1742
+ width: 34px;
1743
+ height: 34px;
1744
+ font-size: 25px;
1745
+ font-weight: 600;
1746
+ color: #fff;
1747
+ background: #339ed5;
1748
+ text-align: center;
1749
+ padding-top: 3px;
1750
+ display: inline-block;
1751
+ position: absolute;
1752
+ top: 30px;
1753
+ left: 50%;
1754
+ margin-left: -17px;
1755
+ border-radius: 100%;
1756
+ }
 
1757
  form label.required,
1758
  div.gs-form label.required {
1759
+ position: relative;
1760
  }
 
1761
  form label.required:before,
1762
  div.gs-form label.required:before {
1763
+ font-family: "FontAwesome";
1764
+ font-size: 10px;
1765
+ color: #339ed5;
1766
+ content: " ";
1767
+ display: inline-block;
1768
+ position: absolute;
1769
+ top: 0;
1770
+ left: -15px;
1771
+ }
 
1772
  form input:not([type="submit"]),
1773
  form select,
1774
  form textarea,
1775
  div.gs-form input:not([type="submit"]),
1776
  div.gs-form select,
1777
  div.gs-form textarea {
1778
+ width: 100%;
1779
+ font-family: "Source Sans Pro", sans-serif;
1780
+ font-size: 20px;
1781
+ color: #606060;
1782
+ background: #fff;
1783
+ border: 1px solid #ccc;
1784
+ padding: 3px 15px 5px;
1785
+ outline: none;
1786
+ border-radius: 4px;
1787
+ -webkit-transition: all 200ms;
1788
+ transition: all 200ms;
1789
+ }
 
1790
  form input:not([type="submit"]):hover,
1791
  form select:hover,
1792
  form textarea:hover,
1793
  div.gs-form input:not([type="submit"]):hover,
1794
  div.gs-form select:hover,
1795
  div.gs-form textarea:hover {
1796
+ background: #f9f9f9 !important;
1797
  }
 
1798
  form input:not([type="submit"]):focus,
1799
  form select:focus,
1800
  form textarea:focus,
1801
  div.gs-form input:not([type="submit"]):focus,
1802
  div.gs-form select:focus,
1803
  div.gs-form textarea:focus {
1804
+ border-color: #339ed5;
1805
+ box-shadow: inset 0 0 3px #b2daef;
1806
  }
 
1807
  form input:not([type="submit"])::-webkit-input-placeholder,
1808
  form select::-webkit-input-placeholder,
1809
  form textarea::-webkit-input-placeholder,
1810
  div.gs-form input:not([type="submit"])::-webkit-input-placeholder,
1811
  div.gs-form select::-webkit-input-placeholder,
1812
  div.gs-form textarea::-webkit-input-placeholder {
1813
+ color: #ccc;
1814
+ font-style: italic;
1815
  }
 
1816
  form input:not([type="submit"]):-moz-placeholder,
1817
  form select:-moz-placeholder,
1818
  form textarea:-moz-placeholder,
1819
  div.gs-form input:not([type="submit"]):-moz-placeholder,
1820
  div.gs-form select:-moz-placeholder,
1821
  div.gs-form textarea:-moz-placeholder {
1822
+ color: #ccc;
1823
+ font-style: italic;
1824
  }
 
1825
  form input:not([type="submit"])::-moz-placeholder,
1826
  form select::-moz-placeholder,
1827
  form textarea::-moz-placeholder,
1828
  div.gs-form input:not([type="submit"])::-moz-placeholder,
1829
  div.gs-form select::-moz-placeholder,
1830
  div.gs-form textarea::-moz-placeholder {
1831
+ color: #ccc;
1832
+ font-style: italic;
1833
  }
 
1834
  form input:not([type="submit"]):-ms-input-placeholder,
1835
  form select:-ms-input-placeholder,
1836
  form textarea:-ms-input-placeholder,
1837
  div.gs-form input:not([type="submit"]):-ms-input-placeholder,
1838
  div.gs-form select:-ms-input-placeholder,
1839
  div.gs-form textarea:-ms-input-placeholder {
1840
+ color: #ccc;
1841
+ font-style: italic;
1842
  }
 
1843
  form input:not([type="submit"]) + p,
1844
  form select + p,
1845
  form textarea + p,
1846
  div.gs-form input:not([type="submit"]) + p,
1847
  div.gs-form select + p,
1848
  div.gs-form textarea + p {
1849
+ margin-top: 5px;
1850
  }
 
1851
  form input[type="submit"],
1852
  form button,
1853
  div.gs-form input[type="submit"],
1854
  div.gs-form button {
1855
+ width: auto;
1856
+ font-family: "Source Sans Pro", sans-serif;
1857
+ font-size: 100%;
1858
+ margin-top: -8px;
1859
+ margin-bottom: -9px;
1860
+ display: inline;
1861
+ }
 
1862
  form input[type="submit"]:hover,
1863
  form button:hover,
1864
  div.gs-form input[type="submit"]:hover,
1865
  div.gs-form button:hover {
1866
+ cursor: pointer;
1867
  }
 
1868
  form textarea,
1869
  div.gs-form textarea {
1870
+ max-width: 100%;
1871
  }
 
1872
  form select,
1873
  div.gs-form select {
1874
+ height: 35px;
1875
  }
 
1876
  form .page-inline-select,
1877
  div.gs-form .page-inline-select {
1878
+ width: 180px;
1879
+ margin-left: 8px;
1880
  }
 
1881
  form .form-content pre,
1882
  div.gs-form .form-content pre {
1883
+ margin-top: 18px;
1884
  }
 
1885
  form .form-content + .form-content,
1886
  div.gs-form .form-content + .form-content {
1887
+ margin-top: 30px;
1888
  }
 
1889
  form .form-content + .options-details:not(.form-title),
1890
  div.gs-form .form-content + .options-details:not(.form-title) {
1891
+ padding-top: 37px;
1892
  }
 
1893
  form .form-content .field-label.show-content,
1894
  div.gs-form .form-content .field-label.show-content {
1895
+ border-radius: 2px 0 0 2px;
1896
  }
 
1897
  form .form-content .field-clean,
1898
  div.gs-form .form-content .field-clean {
1899
+ padding: 35px 30px;
1900
  }
 
1901
  form .form-content .field-clean + .field-clean,
1902
  form .form-content .field-clean + .field-group,
1903
  div.gs-form .form-content .field-clean + .field-clean,
1904
  div.gs-form .form-content .field-clean + .field-group {
1905
+ border-top: 1px solid #eee;
1906
  }
 
1907
  form .form-content .field-clean div[class^="col-"]:not(:first-child),
1908
  div.gs-form .form-content .field-clean div[class^="col-"]:not(:first-child) {
1909
+ padding-left: 30px;
1910
  }
 
1911
  form .form-content .field-clean label,
1912
  div.gs-form .form-content .field-clean label {
1913
+ margin-bottom: 6px;
1914
+ display: block;
1915
  }
 
1916
  form .form-content .field-group,
1917
  div.gs-form .form-content .field-group {
1918
+ padding-left: 125px;
1919
+ position: relative;
1920
  }
 
1921
  form .form-content .field-group:after,
1922
  div.gs-form .form-content .field-group:after {
1923
+ content: "";
1924
+ display: block;
1925
+ clear: both;
1926
  }
 
1927
  form .form-content .field-group.hide,
1928
  div.gs-form .form-content .field-group.hide {
1929
+ display: none;
1930
  }
 
1931
  form .form-content .field-group.multi-label > div,
1932
  div.gs-form .form-content .field-group.multi-label > div {
1933
+ margin-left: -125px;
1934
+ padding-left: 125px;
1935
+ position: relative;
1936
  }
 
1937
  form .form-content .field-group.multi-label > div + div .field-label,
1938
  form .form-content .field-group.multi-label > div + div .field-input,
1939
  div.gs-form .form-content .field-group.multi-label > div + div .field-label,
1940
  div.gs-form .form-content .field-group.multi-label > div + div .field-input {
1941
+ padding-top: 3px;
1942
  }
 
1943
  form .form-content .field-group.multi-label.row-layout > div:first-child .field-label,
1944
  div.gs-form .form-content .field-group.multi-label.row-layout > div:first-child .field-label {
1945
+ border-radius: 4px 0 0 0;
1946
  }
 
1947
  form .form-content .field-group.multi-label.row-layout > div:first-child .field-input,
1948
  div.gs-form .form-content .field-group.multi-label.row-layout > div:first-child .field-input {
1949
+ padding-bottom: 0;
1950
  }
 
1951
  form .form-content .field-group.multi-label.row-layout > div:last-child .field-label,
1952
  div.gs-form .form-content .field-group.multi-label.row-layout > div:last-child .field-label {
1953
+ padding-top: 18px;
1954
  }
 
1955
  form .form-content .field-group.multi-label.row-layout > div:last-child .field-input,
1956
  div.gs-form .form-content .field-group.multi-label.row-layout > div:last-child .field-input {
1957
+ padding-bottom: 30px;
1958
  }
 
1959
  form .form-content .field-group:not(.multi-label):not(.not-float) > *,
1960
  div.gs-form .form-content .field-group:not(.multi-label):not(.not-float) > * {
1961
+ float: left;
1962
  }
 
1963
  form .form-content .field-group:first-child .field-label,
1964
  div.gs-form .form-content .field-group:first-child .field-label {
1965
+ border-radius: 3px 0 0 0;
1966
  }
 
1967
  form .form-content .field-group:last-child .field-label,
1968
  div.gs-form .form-content .field-group:last-child .field-label {
1969
+ border-radius: 0 0 0 3px;
1970
  }
 
1971
  form .form-content .field-group .field-label,
1972
  div.gs-form .form-content .field-group .field-label {
1973
+ width: 125px;
1974
+ min-width: 125px;
1975
+ height: 100%;
1976
+ background: #f9f9f9;
1977
+ word-wrap: break-word;
1978
+ padding: 55px 0 40px 30px;
1979
+ position: absolute;
1980
+ top: 0;
1981
+ left: 0;
1982
+ }
 
1983
  form .form-content .field-group .field-label label,
1984
  form .form-content .field-group .field-label span,
1985
  div.gs-form .form-content .field-group .field-label label,
1986
  div.gs-form .form-content .field-group .field-label span {
1987
+ display: block;
1988
  }
 
1989
  form .form-content .field-group .field-label.no-desc,
1990
  div.gs-form .form-content .field-group .field-label.no-desc {
1991
+ padding-top: 40px;
1992
  }
 
1993
  form .form-content .field-group .field-label .label-icon,
1994
  div.gs-form .form-content .field-group .field-label .label-icon {
1995
+ font-size: 24px;
1996
+ color: #ddd;
1997
+ text-align: center;
1998
+ margin: -15px 20px 5px 0;
1999
  }
 
2000
  form .form-content .field-group .field-input,
2001
  div.gs-form .form-content .field-group .field-input {
2002
+ width: 100%;
2003
+ padding: 35px 30px 40px;
2004
+ position: relative;
2005
  }
 
2006
  div.gs-form .form-content .field-group input.field-input,
2007
  div.gs-form .form-content .field-group input.field-input:focus {
2008
+ border: 0;
2009
+ font-size: 100%;
2010
+ outline: none !important;
2011
  }
 
2012
  form .form-content .field-group .field-input + .field-input,
2013
  div.gs-form .form-content .field-group .field-input + .field-input {
2014
+ padding-top: 0;
2015
+ margin-top: -6px;
2016
  }
 
2017
  form .form-content .field-group .field-input > .clearfix + .field-button-group,
2018
  div.gs-form .form-content .field-group .field-input > .clearfix + .field-button-group {
2019
+ margin: 25px 0 -20px;
2020
  }
 
2021
  form .form-content .field-group .field-input.columns,
2022
  div.gs-form .form-content .field-group .field-input.columns {
2023
+ padding-bottom: 35px;
2024
  }
 
2025
  form .form-content .field-group .field-input.columns div[class*="col-"]:first-child,
2026
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:first-child {
2027
+ padding: 0;
2028
  }
 
2029
  form .form-content .field-group .field-input.columns div[class*="col-"]:last-child,
2030
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:last-child {
2031
+ padding-right: 0;
2032
  }
 
2033
  form .form-content .field-group .field-input .gs-buttons-group,
2034
  div.gs-form .form-content .field-group .field-input .gs-buttons-group {
2035
+ text-align: right;
2036
  }
 
2037
  form .form-content .field-group .field-input .gs-buttons-group .gs-button,
2038
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button {
2039
+ display: inline-block;
2040
  }
 
2041
  form .form-content .field-group .field-input .gs-buttons-group .gs-button.error,
2042
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button.error {
2043
+ padding-top: 6px;
2044
+ padding-bottom: 8px;
2045
+ margin-left: 4px;
2046
  }
 
2047
  form .form-content .field-group .field-input .input-wrap,
2048
  div.gs-form .form-content .field-group .field-input .input-wrap {
2049
+ margin: 10px 0 20px;
2050
  }
 
2051
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices,
2052
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices {
2053
+ font-size: 20px;
2054
+ color: #606060;
2055
+ background-image: none;
2056
+ border-color: #ccc;
2057
+ box-shadow: none;
2058
+ border-radius: 4px;
2059
+ }
 
2060
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice,
2061
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice {
2062
+ font-size: 16px;
2063
+ color: #fff;
2064
+ background: #339ed5;
2065
+ border: none;
2066
+ padding: 7px 26px 7px 11px;
2067
+ box-shadow: none;
2068
+ }
 
2069
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close,
2070
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close {
2071
+ height: 13px;
2072
+ background: none !important;
2073
+ background-image: none !important;
2074
+ top: 50%;
2075
+ right: 6px;
2076
+ -webkit-transform: translateY(-50%);
2077
+ -ms-transform: translateY(-50%);
2078
+ transform: translateY(-50%);
2079
+ }
 
2080
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before,
2081
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before {
2082
+ font-family: "FontAwesome";
2083
+ font-size: 13px;
2084
+ color: #fff;
2085
+ content: " ";
2086
+ display: inline-block;
2087
+ opacity: 0.5;
2088
+ }
 
2089
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices input,
2090
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices input {
2091
+ height: 33px;
2092
+ font-family: "Source Sans Pro", sans-serif;
2093
+ font-style: italic;
2094
+ color: #ccc;
2095
+ margin: 0;
2096
  }
 
2097
  form .form-content .field-group .field-input .tutorial-steps li,
2098
  div.gs-form .form-content .field-group .field-input .tutorial-steps li {
2099
+ border-bottom: 1px solid #eee;
2100
+ counter-increment: step-counter;
2101
+ padding: 0 30px 30px;
2102
+ margin: 0 -30px 30px;
2103
+ position: relative;
2104
  }
 
2105
  form .form-content .field-group .field-input .tutorial-steps li:before,
2106
  div.gs-form .form-content .field-group .field-input .tutorial-steps li:before {
2107
+ font-size: 16px;
2108
+ font-weight: bold;
2109
+ color: #fff;
2110
+ background: #339ed5;
2111
+ content: counter(step-counter);
2112
+ padding: 1px 6px 3px;
2113
+ position: absolute;
2114
+ top: 0;
2115
+ left: 10px;
2116
+ border-radius: 4px;
2117
+ }
 
2118
  form .form-content .field-group .field-input .tutorial-steps li img,
2119
  div.gs-form .form-content .field-group .field-input .tutorial-steps li img {
2120
+ width: 100%;
2121
+ border: 1px solid #ccc;
2122
+ margin-top: 15px;
2123
+ display: block;
2124
+ border-radius: 4px;
2125
  }
 
2126
  form .form-content .field-group .field-input .tutorial-steps li p.tutorial,
2127
  div.gs-form .form-content .field-group .field-input .tutorial-steps li p.tutorial {
2128
+ padding: 0 10px;
2129
  }
 
2130
  form .form-content .field-group .field-input .field-button-group > span.label .checkbox .checkbox-btn,
2131
  div.gs-form .form-content .field-group .field-input .field-button-group > span.label .checkbox .checkbox-btn {
2132
+ width: auto;
2133
  }
 
2134
  form .form-content .field-group .field-input .field-button-group > span.label.tooltip > div:before,
2135
  div.gs-form .form-content .field-group .field-input .field-button-group > span.label.tooltip > div:before {
2136
+ margin-left: 0;
2137
+ right: 45px;
2138
+ left: auto;
2139
  }
 
2140
  form .form-content .field-group .field-input .field-button-group > span.label > span,
2141
  div.gs-form .form-content .field-group .field-input .field-button-group > span.label > span {
2142
+ margin-right: 7px;
2143
+ position: relative;
2144
+ top: -12px;
2145
  }
 
2146
  form .form-content .field-group .field-input .field-button-group > span.label + span.label,
2147
  div.gs-form .form-content .field-group .field-input .field-button-group > span.label + span.label {
2148
+ margin-left: 30px;
2149
  }
 
2150
  form .form-content .field-group .field-input .input-alert-message,
2151
  div.gs-form .form-content .field-group .field-input .input-alert-message {
2152
+ font-size: 14px;
2153
+ line-height: 15px;
2154
+ margin-bottom: 4px;
2155
+ position: relative;
2156
+ float: right;
2157
  }
 
2158
  form .form-content .field-group .field-input .input-alert-message span,
2159
  div.gs-form .form-content .field-group .field-input .input-alert-message span {
2160
+ -webkit-animation: fade-in-left 500ms ease-out;
2161
+ animation: fade-in-left 500ms ease-out;
2162
  }
 
2163
  form .form-content .field-group .field-input .input-alert-message:before,
2164
  div.gs-form .form-content .field-group .field-input .input-alert-message:before {
2165
+ width: 24px;
2166
+ height: 20px;
2167
+ font-family: "FontAwesome";
2168
+ font-size: 16px;
2169
+ color: #fff;
2170
+ text-align: center;
2171
+ padding-top: 4px;
2172
+ position: absolute;
2173
+ bottom: -33px;
2174
+ right: 9px;
2175
+ display: block;
2176
+ border-radius: 100%;
2177
+ -webkit-animation: rotate-in 750ms ease-in-out;
2178
+ animation: rotate-in 750ms ease-in-out;
2179
+ }
 
2180
  form .form-content .field-group .field-input .input-alert-message.gs-primary,
2181
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary {
2182
+ color: #339ed5;
2183
  }
 
2184
  form .form-content .field-group .field-input .input-alert-message.gs-primary:before,
2185
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary:before {
2186
+ background: #339ed5;
2187
+ content: " ";
2188
  }
 
2189
  form .form-content .field-group .field-input .input-alert-message.gs-success,
2190
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success {
2191
+ color: #85b023;
2192
  }
 
2193
  form .form-content .field-group .field-input .input-alert-message.gs-success:before,
2194
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success:before {
2195
+ background: #85b023;
2196
+ content: " ";
2197
  }
 
2198
  form .form-content .field-group .field-input .input-alert-message.gs-error,
2199
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error {
2200
+ color: #d36c65;
2201
  }
 
2202
  form .form-content .field-group .field-input .input-alert-message.gs-error:before,
2203
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error:before {
2204
+ background: #d36c65;
2205
+ content: " ";
2206
  }
 
2207
  form .form-content .field-group .field-note,
2208
  div.gs-form .form-content .field-group .field-note {
2209
+ font-size: 14px;
2210
+ font-style: italic;
2211
+ color: #bbb;
2212
+ text-align: right;
2213
+ position: absolute;
2214
+ bottom: 10px;
2215
+ right: 30px;
2216
+ }
 
2217
  form .form-content .field-group .field-note i,
2218
  div.gs-form .form-content .field-group .field-note i {
2219
+ margin-right: 2px;
2220
+ position: relative;
2221
+ bottom: -1px;
2222
  }
 
2223
  form .form-content .field-group .field-note.alert-note,
2224
  div.gs-form .form-content .field-group .field-note.alert-note {
2225
+ margin-left: -125px;
2226
+ padding: 13px 30px 13px 155px;
2227
+ position: relative;
2228
+ right: auto;
2229
+ bottom: auto;
2230
+ -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2231
+ transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2232
+ }
 
2233
  form .form-content .field-group .field-note.alert-note.inactive,
2234
  div.gs-form .form-content .field-group .field-note.alert-note.inactive {
2235
+ margin-bottom: -50px;
2236
  }
 
2237
  form .form-content .field-group .field-note.alert-note i,
2238
  div.gs-form .form-content .field-group .field-note.alert-note i {
2239
+ font-size: 22px;
2240
+ position: absolute;
2241
+ top: 50%;
2242
+ left: 30px;
2243
+ -webkit-transform: translateY(-50%);
2244
+ -ms-transform: translateY(-50%);
2245
+ transform: translateY(-50%);
2246
+ }
 
2247
  form .form-content .field-group .field-note.alert-note a.gs-button,
2248
  div.gs-form .form-content .field-group .field-note.alert-note a.gs-button {
2249
+ font-size: 13px;
2250
+ padding: 2px 7px;
2251
+ margin-left: 5px;
2252
  }
 
2253
  form .form-content .field-group .field-note.alert-note.gs-primary,
2254
  div.gs-form .form-content .field-group .field-note.alert-note.gs-primary {
2255
+ color: #339ed5;
2256
+ background: #dceef8;
2257
  }
 
2258
  form .form-content .field-group .field-note.alert-note.gs-success,
2259
  div.gs-form .form-content .field-group .field-note.alert-note.gs-success {
2260
+ color: #85b023;
2261
+ background: #dcefb0;
2262
  }
 
2263
  form .form-content .field-group .field-note.alert-note.gs-error,
2264
  div.gs-form .form-content .field-group .field-note.alert-note.gs-error {
2265
+ color: #d36c65;
2266
+ background: #fff;
2267
  }
 
2268
  form .form-content .field-group .field-tab,
2269
  div.gs-form .form-content .field-group .field-tab {
2270
+ display: none;
2271
  }
 
2272
  form .form-content .field-group .field-tab.active,
2273
  div.gs-form .form-content .field-group .field-tab.active {
2274
+ display: block;
2275
+ -webkit-animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2276
+ animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2277
  }
 
2278
  form .form-content .field-group:not(.field-alert) + .field-group,
2279
  div.gs-form .form-content .field-group:not(.field-alert) + .field-group {
2280
+ border-top: 1px solid #eee;
2281
  }
 
2282
  form .form-content .field-group.follow-input label i,
2283
  div.gs-form .form-content .field-group.follow-input label i {
2284
+ width: 50px;
2285
+ height: 50px;
2286
+ color: #fff;
2287
+ padding: 10px;
2288
+ margin-left: 10px;
2289
+ position: relative;
2290
+ top: -1px;
2291
+ border-radius: 4px;
2292
+ -webkit-font-smoothing: antialiased;
2293
+ -moz-osx-font-smoothing: grayscale;
2294
+ }
 
2295
  form .form-content .field-group.follow-input label i:after,
2296
  div.gs-form .form-content .field-group.follow-input label i:after {
2297
+ font-size: 22px;
2298
+ font-family: "getsocial-icons";
2299
+ font-style: normal;
2300
+ font-weight: normal;
2301
+ font-variant: normal;
2302
+ speak: none;
2303
+ text-transform: none;
2304
+ line-height: 1;
2305
+ display: inline-block;
2306
+ position: relative;
2307
+ bottom: -3px;
2308
+ }
 
2309
  form .form-content .field-group.follow-input label span,
2310
  div.gs-form .form-content .field-group.follow-input label span {
2311
+ display: none;
2312
  }
 
2313
  form .form-content .field-group.follow-input.fb label i,
2314
  div.gs-form .form-content .field-group.follow-input.fb label i {
2315
+ background: #506bb1;
2316
  }
 
2317
  form .form-content .field-group.follow-input.fb label i:after,
2318
  div.gs-form .form-content .field-group.follow-input.fb label i:after {
2319
+ content: " ";
2320
  }
 
2321
  form .form-content .field-group.follow-input.tw label i,
2322
  div.gs-form .form-content .field-group.follow-input.tw label i {
2323
+ background: #60aade;
2324
  }
 
2325
  form .form-content .field-group.follow-input.tw label i:after,
2326
  div.gs-form .form-content .field-group.follow-input.tw label i:after {
2327
+ content: " ";
2328
  }
 
2329
  form .form-content .field-group.follow-input.pn label i,
2330
  div.gs-form .form-content .field-group.follow-input.pn label i {
2331
+ background: #ef4448;
2332
  }
 
2333
  form .form-content .field-group.follow-input.pn label i:after,
2334
  div.gs-form .form-content .field-group.follow-input.pn label i:after {
2335
+ content: " ";
2336
  }
 
2337
  form .form-content .field-group.follow-input.gp label i,
2338
  div.gs-form .form-content .field-group.follow-input.gp label i {
2339
+ background: #e85441;
2340
  }
 
2341
  form .form-content .field-group.follow-input.gp label i:after,
2342
  div.gs-form .form-content .field-group.follow-input.gp label i:after {
2343
+ content: " ";
2344
  }
 
2345
  form .form-content .field-group.follow-input.tu label i,
2346
  div.gs-form .form-content .field-group.follow-input.tu label i {
2347
+ background: #55677d;
2348
  }
 
2349
  form .form-content .field-group.follow-input.tu label i:after,
2350
  div.gs-form .form-content .field-group.follow-input.tu label i:after {
2351
+ content: " ";
2352
  }
 
2353
  form .form-content .field-group.follow-input.ld label i,
2354
  div.gs-form .form-content .field-group.follow-input.ld label i {
2355
+ background: #1b93ce;
2356
  }
 
2357
  form .form-content .field-group.follow-input.ld label i:after,
2358
  div.gs-form .form-content .field-group.follow-input.ld label i:after {
2359
+ content: " ";
2360
  }
 
2361
  form .form-content .field-group.follow-input.de label i,
2362
  div.gs-form .form-content .field-group.follow-input.de label i {
2363
+ background: #797979;
2364
  }
 
2365
  form .form-content .field-group.follow-input.de label i:after,
2366
  div.gs-form .form-content .field-group.follow-input.de label i:after {
2367
+ content: " ";
2368
  }
 
2369
  form .form-content .field-group.follow-input.su label i,
2370
  div.gs-form .form-content .field-group.follow-input.su label i {
2371
+ background: #f65830;
2372
  }
 
2373
  form .form-content .field-group.follow-input.su label i:after,
2374
  div.gs-form .form-content .field-group.follow-input.su label i:after {
2375
+ content: " ";
2376
  }
 
2377
  form .form-content .field-group.follow-input.re label i,
2378
  div.gs-form .form-content .field-group.follow-input.re label i {
2379
+ background: #208fdf;
2380
  }
 
2381
  form .form-content .field-group.follow-input.re label i:after,
2382
  div.gs-form .form-content .field-group.follow-input.re label i:after {
2383
+ content: " ";
2384
  }
 
2385
  form .form-content .field-group.follow-input.ok label i,
2386
  div.gs-form .form-content .field-group.follow-input.ok label i {
2387
+ background: #fa6f0d;
2388
  }
 
2389
  form .form-content .field-group.follow-input.ok label i:after,
2390
  div.gs-form .form-content .field-group.follow-input.ok label i:after {
2391
+ content: " ";
2392
  }
 
2393
  form .form-content .field-group.follow-input.hn label i,
2394
  div.gs-form .form-content .field-group.follow-input.hn label i {
2395
+ background: #f36201;
2396
  }
 
2397
  form .form-content .field-group.follow-input.hn label i:after,
2398
  div.gs-form .form-content .field-group.follow-input.hn label i:after {
2399
+ content: " ";
2400
  }
 
2401
  form .form-content .field-group.follow-input.fbm label i,
2402
  div.gs-form .form-content .field-group.follow-input.fbm label i {
2403
+ background: #0d87ff;
2404
  }
 
2405
  form .form-content .field-group.follow-input.fbm label i:after,
2406
  div.gs-form .form-content .field-group.follow-input.fbm label i:after {
2407
+ content: " ";
2408
  }
 
2409
  form .form-content .field-group.follow-input.vk label i,
2410
  div.gs-form .form-content .field-group.follow-input.vk label i {
2411
+ background: #3b689c;
2412
  }
 
2413
  form .form-content .field-group.follow-input.vk label i:after,
2414
  div.gs-form .form-content .field-group.follow-input.vk label i:after {
2415
+ content: " ";
2416
  }
 
2417
  form .form-content .field-group.follow-input.bf label i,
2418
  div.gs-form .form-content .field-group.follow-input.bf label i {
2419
+ background: #424242;
2420
  }
 
2421
  form .form-content .field-group.follow-input.bf label i:after,
2422
  div.gs-form .form-content .field-group.follow-input.bf label i:after {
2423
+ content: " ";
2424
  }
 
2425
  form .form-content .field-group.follow-input.wa label i,
2426
  div.gs-form .form-content .field-group.follow-input.wa label i {
2427
+ background: #02a601;
2428
  }
 
2429
  form .form-content .field-group.follow-input.wa label i:after,
2430
  div.gs-form .form-content .field-group.follow-input.wa label i:after {
2431
+ content: " ";
2432
  }
 
2433
  form .form-content .field-group.follow-input.ren label i,
2434
  div.gs-form .form-content .field-group.follow-input.ren label i {
2435
+ background: #1e72c8;
2436
  }
 
2437
  form .form-content .field-group.follow-input.ren label i:after,
2438
  div.gs-form .form-content .field-group.follow-input.ren label i:after {
2439
+ content: " ";
2440
  }
 
2441
  form .form-content .field-group.follow-input.ba label i,
2442
  div.gs-form .form-content .field-group.follow-input.ba label i {
2443
+ background: #314ff3;
2444
  }
 
2445
  form .form-content .field-group.follow-input.ba label i:after,
2446
  div.gs-form .form-content .field-group.follow-input.ba label i:after {
2447
+ content: " ";
2448
  }
 
2449
  form .form-content .field-group.follow-input.we label i,
2450
  div.gs-form .form-content .field-group.follow-input.we label i {
2451
+ background: #dc3737;
2452
  }
 
2453
  form .form-content .field-group.follow-input.we label i:after,
2454
  div.gs-form .form-content .field-group.follow-input.we label i:after {
2455
+ content: " ";
2456
  }
 
2457
  form .form-content .field-group.follow-input.ig label i,
2458
  div.gs-form .form-content .field-group.follow-input.ig label i {
2459
+ background: #3F729B;
2460
  }
 
2461
  form .form-content .field-group.follow-input.ig label i:after,
2462
  div.gs-form .form-content .field-group.follow-input.ig label i:after {
2463
+ content: " ";
2464
  }
 
2465
  form .form-content .field-group.follow-input.yt label i,
2466
  div.gs-form .form-content .field-group.follow-input.yt label i {
2467
+ background: #CD201F;
2468
  }
 
2469
  form .form-content .field-group.follow-input.yt label i:after,
2470
  div.gs-form .form-content .field-group.follow-input.yt label i:after {
2471
+ content: " ";
2472
  }
 
2473
  form .form-content .field-group.follow-input.ym label i,
2474
  div.gs-form .form-content .field-group.follow-input.ym label i {
2475
+ background: #e16120;
2476
  }
 
2477
  form .form-content .field-group.follow-input.ym label i:after,
2478
  div.gs-form .form-content .field-group.follow-input.ym label i:after {
2479
+ content: " ";
2480
  }
 
2481
  form .form-content .field-group.follow-input .field-input,
2482
  div.gs-form .form-content .field-group.follow-input .field-input {
2483
+ padding-right: 80px;
2484
  }
 
2485
  form .form-content .field-group.follow-input .field-input .close-field,
2486
  div.gs-form .form-content .field-group.follow-input .field-input .close-field {
2487
+ font-size: 18px;
2488
+ color: #ccc;
2489
+ padding: 7px 9px 6px;
2490
+ position: absolute;
2491
+ top: 35px;
2492
+ right: 20px;
2493
+ }
 
2494
  form .form-content .field-group.follow-input .field-input .close-field i,
2495
  div.gs-form .form-content .field-group.follow-input .field-input .close-field i {
2496
+ margin-right: 0;
2497
  }
 
2498
  form .form-content .field-group.follow-input .field-input .close-field span,
2499
  div.gs-form .form-content .field-group.follow-input .field-input .close-field span {
2500
+ display: none;
2501
  }
 
2502
  form .form-content .field-group.follow-input .field-input .close-field div,
2503
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div {
2504
+ width: 115px;
2505
+ padding-top: 8px;
2506
+ padding-bottom: 8px;
2507
+ margin-left: -82px;
2508
+ top: 37px;
2509
  }
 
2510
  form .form-content .field-group.follow-input .field-input .close-field div:before,
2511
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div:before {
2512
+ margin-left: 0;
2513
+ left: auto;
2514
+ right: 24px;
2515
  }
 
2516
  form .form-content .field-group.follow-input .field-input .close-field:hover,
2517
  div.gs-form .form-content .field-group.follow-input .field-input .close-field:hover {
2518
+ color: #d36c65;
2519
  }
 
2520
  form .form-content .field-grid + .field-group,
2521
  div.gs-form .form-content .field-grid + .field-group {
2522
+ border-top: 1px solid #eee;
2523
  }
 
2524
  form .form-content .field-grid .field-label .user-avatar,
2525
  div.gs-form .form-content .field-grid .field-label .user-avatar {
2526
+ position: absolute;
2527
+ top: 50%;
2528
+ left: 50%;
2529
+ margin: -23px 0 0 -23px;
2530
  }
 
2531
  form .form-content .field-grid .field-label .user-avatar > div,
2532
  div.gs-form .form-content .field-grid .field-label .user-avatar > div {
2533
+ width: 24px;
2534
+ font-size: 12px;
2535
+ color: #fff;
2536
+ background: #efc520;
2537
+ border: 3px solid #f9f9f9;
2538
+ text-align: center;
2539
+ padding: 3px 0 3px 1px;
2540
+ display: inline-block;
2541
+ position: absolute;
2542
+ top: -7px;
2543
+ right: -7px;
2544
+ }
 
2545
  form .form-content .field-grid .field-label .user-avatar img,
2546
  div.gs-form .form-content .field-grid .field-label .user-avatar img {
2547
+ width: 46px;
2548
  }
 
2549
  form .form-content .field-grid .field-label .user-avatar img,
2550
  form .form-content .field-grid .field-label .user-avatar > div,
2551
  div.gs-form .form-content .field-grid .field-label .user-avatar img,
2552
  div.gs-form .form-content .field-grid .field-label .user-avatar > div {
2553
+ border-radius: 100%;
2554
  }
 
2555
  form .form-content .field-grid .field-input > div:not(.field-button-group),
2556
  div.gs-form .form-content .field-grid .field-input > div:not(.field-button-group) {
2557
+ display: inline-block;
2558
  }
 
2559
  form .form-content .field-grid .field-input > div.field-button-group,
2560
  div.gs-form .form-content .field-grid .field-input > div.field-button-group {
2561
+ margin: -7px 0 -11px;
2562
+ float: right;
2563
  }
 
2564
  form .form-content .field-grid .field-input > div.field-button-group a.gs-button,
2565
  div.gs-form .form-content .field-grid .field-input > div.field-button-group a.gs-button {
2566
+ padding: 6px 13px 7px !important;
2567
+ display: inline-block;
2568
  }
 
2569
  form .form-content .field-grid .field-input > div.field-button-group i.fa-trash,
2570
  div.gs-form .form-content .field-grid .field-input > div.field-button-group i.fa-trash {
2571
+ margin-right: 0;
2572
  }
 
2573
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group,
2574
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group {
2575
+ font-weight: 600;
2576
+ color: #7a7a7a;
2577
+ background: #f9f9f9;
2578
+ padding: 0;
2579
  }
 
2580
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title,
2581
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title {
2582
+ border-right: 1px solid #eee;
2583
+ padding: 15px 30px;
2584
  }
 
2585
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child,
2586
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child {
2587
+ border-right: 0;
2588
  }
 
2589
  form .form-content .field-grid.field-grid-table .field-group,
2590
  div.gs-form .form-content .field-grid.field-grid-table .field-group {
2591
+ padding-left: 160px;
2592
  }
 
2593
  form .form-content .field-grid.field-grid-table .field-label,
2594
  div.gs-form .form-content .field-grid.field-grid-table .field-label {
2595
+ width: 160px;
2596
+ min-width: 160px;
2597
+ padding-top: 35px;
2598
  }
 
2599
  form .form-content .field-grid.field-grid-table .field-label a,
2600
  div.gs-form .form-content .field-grid.field-grid-table .field-label a {
2601
+ font-size: 16px;
2602
+ font-weight: 600;
2603
+ color: #339ed5;
2604
  }
 
2605
  form .form-content .field-grid.field-grid-table .field-label a:hover,
2606
  form .form-content .field-grid.field-grid-table .field-label a:focus,
2607
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:hover,
2608
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:focus {
2609
+ color: #2687b9;
2610
  }
 
2611
  form .form-content .field-grid.field-grid-table .grid-desc,
2612
  div.gs-form .form-content .field-grid.field-grid-table .grid-desc {
2613
+ font-size: 14px;
2614
+ color: #bbb;
2615
  }
 
2616
  form .form-button-group,
2617
  div.gs-form .form-button-group {
2618
+ text-align: center;
2619
+ padding: 38px 0 20px;
2620
  }
 
2621
  form .form-button-group .form-button-status,
2622
  div.gs-form .form-button-group .form-button-status {
2623
+ display: inline-block;
2624
+ position: relative;
2625
  }
 
2626
  form .form-button-group .form-button-status p,
2627
  div.gs-form .form-button-group .form-button-status p {
2628
+ width: 240px;
2629
+ font-size: 14px;
2630
+ line-height: 15px;
2631
+ position: absolute;
2632
+ top: 100%;
2633
+ left: 50%;
2634
+ margin: 15px 0 0 -120px;
2635
+ -webkit-animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
2636
+ animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
2637
+ }
 
2638
  form .form-button-group .form-button-status .gs-primary + p,
2639
  div.gs-form .form-button-group .form-button-status .gs-primary + p {
2640
+ color: #339ed5;
2641
  }
 
2642
  form .form-button-group .form-button-status .gs-success + p,
2643
  div.gs-form .form-button-group .form-button-status .gs-success + p {
2644
+ color: #85b023;
2645
  }
 
2646
  form .form-button-group .form-button-status .gs-error + p,
2647
  div.gs-form .form-button-group .form-button-status .gs-error + p {
2648
+ color: #d36c65;
2649
  }
 
2650
  form .form-button-group.fixed,
2651
  div.gs-form .form-button-group.fixed {
2652
+ max-width: 925px;
2653
+ width: 100%;
2654
+ background: #f3f3f3;
2655
+ padding: 30px 0;
2656
+ position: fixed;
2657
+ bottom: 0;
2658
+ left: 50%;
2659
+ z-index: 4;
2660
+ -webkit-transform: translateX(-50%);
2661
+ -ms-transform: translateX(-50%);
2662
+ transform: translateX(-50%);
2663
+ box-shadow: 0 -20px 30px -30px rgba(0, 0, 0, 0.5);
2664
+ -webkit-animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
2665
+ animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
2666
+ }
 
2667
  form .extra-notes,
2668
  div.gs-form .extra-notes {
2669
+ padding-top: 15px;
2670
  }
 
2671
  form .extra-notes .fa-asterisk,
2672
  div.gs-form .extra-notes .fa-asterisk {
2673
+ font-size: 16px;
2674
+ color: #339ed5;
2675
  }
 
2676
  .edit_exclusion + .edit_exclusion,
2677
  .new_exclusion {
2678
+ margin-top: 30px;
2679
  }
 
2680
  .form-content {
2681
+ background: #fff;
2682
+ border: 1px solid #e1e1e1;
2683
+ overflow: hidden;
2684
+ border-radius: 4px;
2685
  }
 
2686
  .form-content.free-content {
2687
+ padding: 30px;
2688
  }
 
2689
  .form-content.show-content {
2690
+ overflow: visible;
2691
  }
 
2692
  .form-content.show-content .field-group:first-child .field-label {
2693
+ border-top-left-radius: 3px;
2694
  }
 
2695
  .form-content.show-content .field-group:first-child .field-input {
2696
+ border-top-right-radius: 3px;
2697
  }
 
2698
  .form-content.show-content .field-group:last-child .field-label {
2699
+ border-bottom-left-radius: 3px;
2700
  }
 
2701
  .form-content.show-content .field-group:last-child .field-input {
2702
+ border-bottom-right-radius: 3px;
2703
  }
 
2704
  .gs-button {
2705
+ font-weight: 600;
2706
+ color: #fff;
2707
+ border: 2px solid transparent;
2708
+ padding: 4px 13px 6px;
2709
+ border-radius: 4px;
2710
+ -webkit-transition: all 200ms;
2711
+ transition: all 200ms;
2712
+ }
 
2713
  .gs-button i {
2714
+ margin-right: 4px;
2715
  }
 
2716
  .gs-button.special {
2717
+ color: #efc520;
2718
  }
 
2719
  .gs-button.special:not(.trans) {
2720
+ background: #efc520;
2721
  }
 
2722
  .gs-button.special.trans.border {
2723
+ border-color: #efc520;
2724
  }
 
2725
  .gs-button.dark {
2726
+ color: #606060;
2727
  }
 
2728
  .gs-button.dark:hover {
2729
+ color: #339ed5;
2730
  }
 
2731
  .gs-button.grey {
2732
+ color: #606060;
2733
+ background: #f6f6f6;
2734
  }
 
2735
  .gs-button.grey:hover {
2736
+ background: #e3e3e3;
2737
  }
 
2738
  .gs-button.disabled {
2739
+ color: #aaa;
2740
+ background: #eee;
2741
  }
 
2742
  .gs-button:not(.pricing-plan).plan-two:not(.trans) {
2743
+ background: #f29809;
2744
  }
 
2745
  .gs-button:not(.pricing-plan).plan-two:not(.trans):hover {
2746
+ background: #cb7f08;
2747
  }
 
2748
  .gs-button:not(.pricing-plan).plan-two.trans {
2749
+ color: #f29809;
2750
  }
 
2751
  .gs-button:not(.pricing-plan).plan-two.trans.border {
2752
+ border-color: #f29809;
2753
  }
 
2754
  .gs-button:not(.pricing-plan).plan-two.trans:hover {
2755
+ color: #f29809;
2756
+ border-color: #f29809;
2757
  }
 
2758
  .gs-button:not(.pricing-plan).plan-three:not(.trans) {
2759
+ background: #dd5a7c;
2760
  }
 
2761
  .gs-button:not(.pricing-plan).plan-three:not(.trans):hover {
2762
+ background: #d63861;
2763
  }
 
2764
  .gs-button:not(.pricing-plan).plan-three.trans {
2765
+ color: #dd5a7c;
2766
  }
 
2767
  .gs-button:not(.pricing-plan).plan-three.trans.border {
2768
+ border-color: #dd5a7c;
2769
  }
 
2770
  .gs-button:not(.pricing-plan).plan-three.trans:hover {
2771
+ color: #dd5a7c;
2772
+ border-color: #dd5a7c;
2773
  }
 
2774
  .gs-button:not(.pricing-plan).plan-four:not(.trans) {
2775
+ background: #9a58e6;
2776
  }
 
2777
  .gs-button:not(.pricing-plan).plan-four:not(.trans):hover {
2778
+ background: #8535e1;
2779
  }
 
2780
  .gs-button:not(.pricing-plan).plan-four.trans {
2781
+ color: #9a58e6;
2782
  }
 
2783
  .gs-button:not(.pricing-plan).plan-four.trans.border {
2784
+ border-color: #9a58e6;
2785
  }
 
2786
  .gs-button:not(.pricing-plan).plan-four.trans:hover {
2787
+ color: #9a58e6;
2788
+ border-color: #9a58e6;
2789
  }
 
2790
  .gs-button.dropdown {
2791
+ width: 100%;
2792
+ font-family: "Source Sans Pro", sans-serif;
2793
+ font-size: 20px;
2794
+ font-weight: normal;
2795
+ background: #fff;
2796
+ border: 1px solid #ccc;
2797
+ padding: 3px 30px 5px 15px;
2798
+ position: relative;
2799
+ }
 
2800
  .gs-button.dropdown i {
2801
+ font-size: 16px;
2802
+ position: absolute;
2803
+ top: 10px;
2804
+ right: 10px;
2805
+ -webkit-transition: all 200ms ease-in-out;
2806
+ transition: all 200ms ease-in-out;
2807
+ }
 
2808
  .gs-button.dropdown.empty {
2809
+ font-style: italic;
2810
+ color: #ccc;
2811
  }
 
2812
  .gs-button.dropdown.filled {
2813
+ color: #fff;
2814
+ background: #339ed5;
2815
+ border-color: #339ed5;
2816
  }
 
2817
  .gs-button.dropdown.filled i {
2818
+ color: #88c6e6;
2819
  }
 
2820
  .gs-button.dropdown.filled:hover {
2821
+ background: #2687b9;
2822
+ border-color: #2687b9;
2823
  }
 
2824
  .gs-button.dropdown.active {
2825
+ color: #606060;
2826
+ border-color: #339ed5;
2827
+ box-shadow: inset 0 0 3px #b2daef;
2828
  }
 
2829
  .gs-button.dropdown.active i {
2830
+ -webkit-transform-origin: 50% 45%;
2831
+ -ms-transform-origin: 50% 45%;
2832
+ transform-origin: 50% 45%;
2833
+ -webkit-transform: rotate(180deg);
2834
+ -ms-transform: rotate(180deg);
2835
+ transform: rotate(180deg);
2836
+ }
 
2837
  .gs-button.dropdown:hover {
2838
+ background: #f9f9f9;
2839
  }
 
2840
  .gs-button.pricing-plan {
2841
+ min-width: 100px;
2842
+ font-size: 20px;
2843
+ font-weight: 600;
2844
+ color: #fff;
2845
+ border: 0;
2846
+ text-shadow: 0 1px rgba(0, 0, 0, 0.25);
2847
+ padding: 6px 15px;
2848
+ border-radius: 4px;
2849
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 0 transparent;
2850
+ -webkit-transition: all 200ms;
2851
+ transition: all 200ms;
2852
+ }
 
2853
  .gs-button.pricing-plan.plan-one {
2854
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6;
2855
  }
 
2856
  .gs-button.pricing-plan.plan-two {
2857
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6;
2858
  }
 
2859
  .gs-button.pricing-plan.plan-three {
2860
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6;
2861
  }
 
2862
  .gs-button.pricing-plan.plan-four {
2863
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6;
2864
  }
 
2865
  .gs-button.gs-primary:not(.trans) {
2866
+ background: #339ed5;
2867
  }
 
2868
  .gs-button.gs-primary.trans {
2869
+ color: #339ed5;
2870
  }
 
2871
  .gs-button.gs-primary.trans.border {
2872
+ border-color: #339ed5;
2873
  }
 
2874
  .gs-button.gs-success:not(.trans) {
2875
+ background: #85b023;
2876
  }
 
2877
  .gs-button.gs-success:hover:not(.trans) {
2878
+ color: #FFFFFF;
2879
  }
 
2880
  .gs-button.gs-success.trans {
2881
+ color: #85b023;
2882
  }
 
2883
  .gs-button.gs-success.trans.border {
2884
+ border-color: #85b023;
2885
  }
 
2886
  .gs-button.gs-error:not(.trans) {
2887
+ background: #d36c65;
2888
  }
 
2889
  .gs-button.gs-error.trans {
2890
+ color: #d36c65;
2891
  }
 
2892
  .gs-button.gs-error.trans.border {
2893
+ border-color: #d36c65;
2894
  }
 
2895
  .gs-button.white {
2896
+ color: #606060;
2897
+ background: #fff;
2898
+ border-width: 3px;
2899
+ border-style: solid;
2900
+ border-color: transparent;
2901
+ -webkit-transition: all 200ms;
2902
+ transition: all 200ms;
2903
+ }
 
2904
  .gs-button.white:hover {
2905
+ border-color: #606060;
2906
  }
 
2907
  a.gs-button.special:not(.trans):hover,
2908
  input.gs-button.special:not(.trans):hover,
2909
  button.gs-button.special:not(.trans):hover {
2910
+ background: #d7ae0f;
2911
  }
 
2912
  a.gs-button.special.trans.border:hover,
2913
  input.gs-button.special.trans.border:hover,
2914
  button.gs-button.special.trans.border:hover {
2915
+ color: #d7ae0f;
2916
+ border-color: #d7ae0f;
2917
  }
 
2918
  a.gs-button.dark,
2919
  input.gs-button.dark,
2920
  button.gs-button.dark {
2921
+ color: #606060;
2922
  }
 
2923
  a.gs-button.dark:hover,
2924
  input.gs-button.dark:hover,
2925
  button.gs-button.dark:hover {
2926
+ color: #339ed5;
2927
  }
 
2928
  a.gs-button.pricing-plan.plan-one:hover,
2929
  input.gs-button.pricing-plan.plan-one:hover,
2930
  button.gs-button.pricing-plan.plan-one:hover {
2931
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #1e6b93;
2932
  }
 
2933
  a.gs-button.pricing-plan.plan-two:hover,
2934
  input.gs-button.pricing-plan.plan-two:hover,
2935
  button.gs-button.pricing-plan.plan-two:hover {
2936
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #9e6306;
2937
  }
 
2938
  a.gs-button.pricing-plan.plan-three:hover,
2939
  input.gs-button.pricing-plan.plan-three:hover,
2940
  button.gs-button.pricing-plan.plan-three:hover {
2941
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #ba264d;
2942
  }
 
2943
  a.gs-button.pricing-plan.plan-four:hover,
2944
  input.gs-button.pricing-plan.plan-four:hover,
2945
  button.gs-button.pricing-plan.plan-four:hover {
2946
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #6e1ec9;
2947
  }
 
2948
  a.gs-button.gs-primary:not(.trans):hover,
2949
  input.gs-button.gs-primary:not(.trans):hover,
2950
  button.gs-button.gs-primary:not(.trans):hover {
2951
+ background: #2687b9;
2952
  }
 
2953
  a.gs-button.gs-primary.trans:hover,
2954
  input.gs-button.gs-primary.trans:hover,
2955
  button.gs-button.gs-primary.trans:hover {
2956
+ border-color: #339ed5;
2957
  }
 
2958
  a.gs-button.gs-success:not(.trans):hover,
2959
  input.gs-button.gs-success:not(.trans):hover,
2960
  button.gs-button.gs-success:not(.trans):hover {
2961
+ background: #6b8e1c;
2962
  }
 
2963
  a.gs-button.gs-success.trans:hover,
2964
  input.gs-button.gs-success.trans:hover,
2965
  button.gs-button.gs-success.trans:hover {
2966
+ border-color: #85b023;
2967
  }
 
2968
  a.gs-button.gs-error:not(.trans):hover,
2969
  input.gs-button.gs-error:not(.trans):hover,
2970
  button.gs-button.gs-error:not(.trans):hover {
2971
+ background: #ca4e45;
2972
  }
 
2973
  a.gs-button.gs-error.trans:hover,
2974
  input.gs-button.gs-error.trans:hover,
2975
  button.gs-button.gs-error.trans:hover {
2976
+ border-color: #d36c65;
2977
  }
 
2978
  .checkbox {
2979
+ position: relative;
2980
  }
 
2981
  .checkbox input {
2982
+ height: 34px;
2983
+ background: transparent;
2984
+ position: absolute;
2985
+ margin: 0;
2986
+ opacity: 0;
2987
+ z-index: 1;
2988
+ }
 
2989
  .checkbox input:hover {
2990
+ cursor: pointer;
2991
  }
 
2992
  .checkbox input + .checkbox-btn {
2993
+ background: #ccc;
2994
  }
 
2995
  .checkbox input + .checkbox-btn:after {
2996
+ left: 0;
2997
+ -webkit-transform: translate(2px, 0);
2998
+ -ms-transform: translate(2px, 0);
2999
+ transform: translate(2px, 0);
3000
  }
 
3001
  .checkbox input:checked + .checkbox-btn:after {
3002
+ left: 100%;
3003
+ -webkit-transform: translate(-32px, 0);
3004
+ -ms-transform: translate(-32px, 0);
3005
+ transform: translate(-32px, 0);
3006
  }
 
3007
  .checkbox input:checked + .checkbox-btn.gs-primary {
3008
+ background: #339ed5;
3009
  }
 
3010
  .checkbox input:checked + .checkbox-btn.gs-success {
3011
+ background: #85b023;
3012
  }
 
3013
  .checkbox input:checked + .checkbox-btn.gs-error {
3014
+ background: #d36c65;
3015
  }
 
3016
  .checkbox input:hover,
3017
  .checkbox input:focus {
3018
+ cursor: pointer;
3019
  }
 
3020
  .checkbox input:hover + .checkbox-btn,
3021
  .checkbox input:focus + .checkbox-btn {
3022
+ background: #b8b8b8;
3023
  }
 
3024
  .checkbox input:hover:checked + .checkbox-btn.gs-primary,
3025
  .checkbox input:focus:checked + .checkbox-btn.gs-primary {
3026
+ background: #2687b9;
3027
  }
 
3028
  .checkbox input:hover:checked + .checkbox-btn.gs-success,
3029
  .checkbox input:focus:checked + .checkbox-btn.gs-success {
3030
+ background: #6b8e1c;
3031
  }
 
3032
  .checkbox input:hover:checked + .checkbox-btn.gs-error,
3033
  .checkbox input:focus:checked + .checkbox-btn.gs-error {
3034
+ background: #ca4e45;
3035
  }
 
3036
  .checkbox .checkbox-btn {
3037
+ width: 75px;
3038
+ font-weight: 600;
3039
+ padding: 7px 15px 9px;
3040
+ display: inline-block;
3041
+ position: relative;
3042
+ overflow: hidden;
3043
+ border-radius: 100px;
3044
+ -webkit-transition: all 200ms;
3045
+ transition: all 200ms;
3046
+ }
 
3047
  .checkbox .checkbox-btn *,
3048
  .checkbox .checkbox-btn:after {
3049
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3050
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3051
  }
 
3052
  .checkbox .checkbox-btn span:first-child {
3053
+ margin-right: -8px;
3054
+ -webkit-transform: translate(30px, 0);
3055
+ -ms-transform: translate(30px, 0);
3056
+ transform: translate(30px, 0);
3057
  }
 
3058
  .checkbox .checkbox-btn span:last-child {
3059
+ margin-left: 8px;
3060
+ -webkit-transform: translate(-30px, 0);
3061
+ -ms-transform: translate(-30px, 0);
3062
+ transform: translate(-30px, 0);
3063
  }
 
3064
  .checkbox .checkbox-btn span:not(.active) {
3065
+ opacity: 0;
3066
  }
 
3067
  .checkbox .checkbox-btn span.active {
3068
+ color: #fff;
3069
+ -webkit-transform: translate(0, 0);
3070
+ -ms-transform: translate(0, 0);
3071
+ transform: translate(0, 0);
3072
  }
 
3073
  .checkbox .checkbox-btn:after {
3074
+ width: 30px;
3075
+ height: 30px;
3076
+ background: #fff;
3077
+ content: "";
3078
+ position: absolute;
3079
+ top: 2px;
3080
+ border-radius: 100%;
3081
+ }
 
3082
  .checkbox.checkbox-margin {
3083
+ margin-left: 10px;
3084
  }
 
3085
  .field-label .checkbox {
3086
+ margin-top: 8px;
3087
  }
 
3088
  .field-label .checkbox .checkbox-btn {
3089
+ width: initial;
3090
+ padding: 5px 13px 7px;
3091
  }
 
3092
  .field-label .checkbox .checkbox-btn:after {
3093
+ width: 26px;
3094
+ height: 26px;
3095
  }
 
3096
  .field-label .checkbox .checkbox-btn span:first-child {
3097
+ padding-right: 8px;
3098
  }
 
3099
  .field-label .checkbox .checkbox-btn span:last-child {
3100
+ padding-left: 8px;
3101
+ margin-left: -8px;
3102
  }
 
3103
  .field-label .checkbox.long {
3104
+ margin-left: -15px;
3105
  }
 
3106
  .field-label .checkbox.long span:first-child {
3107
+ padding-right: 0;
3108
  }
 
3109
  .field-label .checkbox.long span:last-child {
3110
+ padding-left: 0;
3111
  }
 
3112
  .field-label .checkbox input {
3113
+ height: 30px;
3114
  }
 
3115
  .field-label .checkbox input:checked + .checkbox-btn:after {
3116
+ -webkit-transform: translate(-28px, 0);
3117
+ -ms-transform: translate(-28px, 0);
3118
+ transform: translate(-28px, 0);
3119
  }
 
3120
  .checkbox-inline input {
3121
+ width: auto !important;
3122
+ margin: 0 4px 0 0;
3123
+ top: 1px !important;
3124
  }
 
3125
  .checkbox-inline:hover {
3126
+ cursor: pointer;
3127
  }
 
3128
  .tab-selector {
3129
+ border-right: 1px solid #e1e1e1;
3130
+ padding-top: 30px !important;
3131
+ padding-right: 10px !important;
3132
  }
 
3133
  .tab-selector a {
3134
+ border-width: 1px 0 1px 1px;
3135
+ border-style: solid;
3136
+ border-color: transparent;
3137
+ padding: 8px 14px 8px 11px;
3138
+ margin: 1px -11px 1px 0;
3139
+ display: inline-block;
3140
+ float: right;
3141
+ border-radius: 4px 0 0 4px;
3142
+ }
 
3143
  .tab-selector a,
3144
  .tab-selector a * {
3145
+ -webkit-transition: all 200ms;
3146
+ transition: all 200ms;
3147
  }
 
3148
  .tab-selector a img {
3149
+ border-radius: 3px;
3150
  }
 
3151
  .tab-selector a:hover {
3152
+ background: #ebebeb;
3153
  }
 
3154
  .tab-selector a.active {
3155
+ background: #fff;
3156
+ border-color: #e1e1e1;
3157
+ pointer-events: none;
3158
  }
 
3159
  .tab-selector a.active img {
3160
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
3161
  }
 
3162
  .toggle {
3163
+ border: 1px solid #b2daef;
3164
+ display: inline-block;
3165
+ position: relative;
3166
+ border-radius: 4px;
3167
  }
 
3168
  .toggle a {
3169
+ font-size: 16px;
3170
+ color: #7bc0e4;
3171
+ padding: 8px 16px 10px;
3172
+ margin: -1px;
3173
+ display: inline-block;
3174
+ border-radius: 4px;
3175
+ -webkit-transition: all 300ms ease-in-out;
3176
+ transition: all 300ms ease-in-out;
3177
+ }
 
3178
  .toggle a:first-child {
3179
+ margin-right: 0;
3180
  }
 
3181
  .toggle a:last-child {
3182
+ margin-left: 0;
3183
  }
 
3184
  .toggle a.active {
3185
+ font-weight: 600;
3186
+ color: #fff !important;
3187
+ background: #339ed5;
3188
+ pointer-events: none;
3189
+ cursor: default !important;
3190
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
3191
+ }
 
3192
  .toggle a:hover {
3193
+ color: #339ed5;
3194
  }
 
3195
  .gs-button-big {
3196
+ font-size: 20px;
3197
+ font-weight: 600;
3198
+ color: #fff;
3199
+ background: #666;
3200
+ padding: 13px 20px 15px;
3201
+ display: inline-block;
3202
+ position: relative;
3203
+ border-radius: 4px;
3204
+ -webkit-transition: all 200ms;
3205
+ transition: all 200ms;
3206
+ }
 
3207
  .gs-button-big i {
3208
+ margin: 0 5px 0 -10px;
3209
+ position: relative;
3210
+ bottom: -1px;
3211
  }
 
3212
  .gs-button-big.cta {
3213
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
3214
  }
 
3215
  .gs-button-big.extra > span:not(.note) {
3216
+ font-size: 16px;
3217
+ font-weight: 600;
3218
+ color: rgba(255, 255, 255, 0.75);
3219
+ text-transform: uppercase;
3220
+ white-space: nowrap;
3221
+ margin-top: 3px;
3222
+ position: absolute;
3223
+ top: 100%;
3224
+ left: 50%;
3225
+ -webkit-transform: translateX(-50%);
3226
+ -ms-transform: translateX(-50%);
3227
+ transform: translateX(-50%);
3228
+ }
 
3229
  .gs-button-big > i.fa-angle-left {
3230
+ font-size: 30px;
3231
+ margin: 0 5px 0 -5px;
3232
+ position: relative;
3233
+ bottom: -2px;
3234
  }
 
3235
  .gs-button-big.primary {
3236
+ background: #339ed5;
3237
  }
 
3238
  .gs-button-big.primary:hover {
3239
+ background: #2687b9;
3240
  }
 
3241
  .gs-button-big.simple {
3242
+ background: transparent;
3243
+ border: 2px solid transparent;
3244
+ padding: 8px 23px 10px;
3245
+ box-shadow: none;
3246
  }
 
3247
  .gs-button-big.simple:hover {
3248
+ border-color: #fff;
3249
  }
 
3250
  .gs-button-big.pricing-plan:not(.trans) {
3251
+ color: #fff;
3252
  }
 
3253
  .gs-button-big.pricing-plan:not(.trans).plan-one {
3254
+ background: #339ed5;
3255
  }
 
3256
  .gs-button-big.pricing-plan:not(.trans).plan-one:hover {
3257
+ background: #2481b1;
3258
  }
 
3259
  .gs-button-big.pricing-plan:not(.trans).plan-two {
3260
+ background: #f29809;
3261
  }
 
3262
  .gs-button-big.pricing-plan:not(.trans).plan-two:hover {
3263
+ background: #c17907;
3264
  }
 
3265
  .gs-button-big.pricing-plan:not(.trans).plan-three {
3266
+ background: #dd5a7c;
3267
  }
 
3268
  .gs-button-big.pricing-plan:not(.trans).plan-three:hover {
3269
+ background: #d4305a;
3270
  }
 
3271
  .gs-button-big.pricing-plan:not(.trans).plan-four {
3272
+ background: #9a58e6;
3273
  }
 
3274
  .gs-button-big.pricing-plan:not(.trans).plan-four:hover {
3275
+ background: #7f2cdf;
3276
  }
 
3277
  .gs-button-big.pricing-plan.trans {
3278
+ background: #fff;
3279
  }
 
3280
  .gs-button-big.pricing-plan.trans.plan-one {
3281
+ color: #339ed5;
3282
  }
 
3283
  .gs-button-big.pricing-plan.trans.plan-one.border {
3284
+ border: 1px solid #339ed5;
3285
  }
 
3286
  .gs-button-big.pricing-plan.trans.plan-one:hover {
3287
+ color: #fff;
3288
+ background: #339ed5;
3289
  }
 
3290
  .gs-button-big.pricing-plan.trans.plan-two {
3291
+ color: #f29809;
3292
  }
 
3293
  .gs-button-big.pricing-plan.trans.plan-two.border {
3294
+ border: 1px solid #f29809;
3295
  }
 
3296
  .gs-button-big.pricing-plan.trans.plan-two:hover {
3297
+ color: #fff;
3298
+ background: #f29809;
3299
  }
 
3300
  .gs-button-big.pricing-plan.trans.plan-three {
3301
+ color: #dd5a7c;
3302
  }
 
3303
  .gs-button-big.pricing-plan.trans.plan-three.border {
3304
+ border: 1px solid #dd5a7c;
3305
  }
 
3306
  .gs-button-big.pricing-plan.trans.plan-three:hover {
3307
+ color: #fff;
3308
+ background: #dd5a7c;
3309
  }
 
3310
  .gs-button-big.pricing-plan.trans.plan-four {
3311
+ color: #9a58e6;
3312
  }
 
3313
  .gs-button-big.pricing-plan.trans.plan-four.border {
3314
+ border: 1px solid #9a58e6;
3315
  }
 
3316
  .gs-button-big.pricing-plan.trans.plan-four:hover {
3317
+ color: #fff;
3318
+ background: #9a58e6;
3319
  }
 
3320
  .primary-dark {
3321
+ background: #1c6286;
3322
  }
 
3323
  .primary-dark:hover {
3324
+ background: #2481b1;
3325
  }
 
3326
  .orange {
3327
+ background: #f29809;
3328
  }
 
3329
  .orange:hover {
3330
+ background: #cb7f08;
3331
  }
 
3332
  .green {
3333
+ background: #8db13d;
3334
  }
 
3335
  .green:hover {
3336
+ background: #759333;
3337
  }
 
3338
  .form .form-content .field-group.field-alert p,
3339
  .form .form-content .field-group.field-alert p.alert-title {
3340
+ color: #fff;
3341
  }
 
3342
  .form .form-content .field-group.field-alert p.alert-title {
3343
+ font-size: 16px;
3344
+ font-weight: bold;
3345
+ margin-bottom: 5px;
3346
  }
 
3347
  .form .form-content .field-group.field-alert .field-label {
3348
+ height: 100%;
3349
+ padding: 0;
3350
  }
 
3351
  .form .form-content .field-group.field-alert .field-label:before {
3352
+ font-family: "FontAwesome";
3353
+ font-size: 38px;
3354
+ display: inline-block;
3355
+ position: absolute;
3356
+ top: 50%;
3357
+ left: 50%;
3358
+ margin: -19px 0 0 -16px;
3359
+ }
 
3360
  .form .form-content .field-group.field-alert .field-input {
3361
+ font-size: 14px;
3362
+ font-weight: 600;
3363
+ color: #fff;
3364
+ line-height: 15px;
3365
+ padding: 20px 30px;
3366
  }
 
3367
  .form .form-content .field-group.field-alert.gs-primary {
3368
+ background: #339ed5;
3369
  }
 
3370
  .form .form-content .field-group.field-alert.gs-primary .field-label {
3371
+ color: #7fc2e5;
3372
+ background: #288dc2;
3373
  }
 
3374
  .form .form-content .field-group.field-alert.gs-primary .field-label:before {
3375
+ content: " ";
3376
  }
 
3377
  .form .form-content .field-group.field-alert.gs-success {
3378
+ background: #85b023;
3379
  }
 
3380
  .form .form-content .field-group.field-alert.gs-success .field-label {
3381
+ color: #b2dd52;
3382
+ background: #72961e;
3383
  }
 
3384
  .form .form-content .field-group.field-alert.gs-success .field-label:before {
3385
+ content: " ";
3386
  }
 
3387
  .form .form-content .field-group.field-alert.gs-error {
3388
+ background: #d36c65;
3389
  }
 
3390
  .form .form-content .field-group.field-alert.gs-error .field-label {
3391
+ color: #e7b0ac;
3392
+ background: #cc554d;
3393
  }
 
3394
  .form .form-content .field-group.field-alert.gs-error .field-label:before {
3395
+ content: " ";
3396
  }
 
3397
  .form .form-content .field-group.field-alert.white {
3398
+ background: #fff;
3399
  }
 
3400
  .form .form-content .field-group.field-alert.white .field-label {
3401
+ color: #339ed5;
3402
+ background: #f1f8fc;
3403
  }
 
3404
  .form .form-content .field-group.field-alert.white .field-label:before {
3405
+ content: " ";
3406
  }
 
3407
  .form .form-content .field-group.field-alert.white .field-input p,
3408
  .form .form-content .field-group.field-alert.white .field-input p.alert-title {
3409
+ color: #339ed5;
3410
  }
 
3411
  .large + div .content-wrapper .options-details:first-child {
3412
+ margin-top: -33px;
3413
  }
 
3414
  @-webkit-keyframes fade-in-up {
3415
+ 0% {
3416
+ -webkit-transform: translateY(30px);
3417
+ opacity: 0;
3418
+ }
3419
+ 100% {
3420
+ -webkit-transform: translateY(0);
3421
+ opacity: 1;
3422
+ }
3423
  }
 
 
3424
  @keyframes fade-in-up {
3425
+ 0% {
3426
+ transform: translateY(30px);
3427
+ opacity: 0;
3428
+ }
3429
+ 100% {
3430
+ transform: translateY(0);
3431
+ opacity: 1;
3432
+ }
3433
  }
 
 
3434
  @-webkit-keyframes fade-in-down {
3435
+ 0% {
3436
+ -webkit-transform: translateY(-30px);
3437
+ opacity: 0;
3438
+ }
3439
+ 100% {
3440
+ -webkit-transform: translateY(0);
3441
+ opacity: 1;
3442
+ }
3443
  }
 
 
3444
  @keyframes fade-in-down {
3445
+ 0% {
3446
+ transform: translateY(-30px);
3447
+ opacity: 0;
3448
+ }
3449
+ 100% {
3450
+ transform: translateY(0);
3451
+ opacity: 1;
3452
+ }
3453
  }
 
 
3454
  @-webkit-keyframes fade-out-up {
3455
+ 0% {
3456
+ -webkit-transform: translateY(0);
3457
+ opacity: 1;
3458
+ }
3459
+ 100% {
3460
+ -webkit-transform: translateY(-30px);
3461
+ opacity: 0;
3462
+ }
3463
  }
 
 
3464
  @keyframes fade-out-up {
3465
+ 0% {
3466
+ transform: translateY(0);
3467
+ opacity: 1;
3468
+ }
3469
+ 100% {
3470
+ transform: translateY(-30px);
3471
+ opacity: 0;
3472
+ }
3473
  }
 
 
3474
  @-webkit-keyframes opacity-in {
3475
+ 0% {
3476
+ opacity: 0;
3477
+ }
3478
+ 100% {
3479
+ opacity: 1;
3480
+ }
3481
  }
 
 
3482
  @keyframes opacity-in {
3483
+ 0% {
3484
+ opacity: 0;
3485
+ }
3486
+ 100% {
3487
+ opacity: 1;
3488
+ }
3489
  }
 
 
3490
  @-webkit-keyframes opacity-out {
3491
+ 0% {
3492
+ opacity: 1;
3493
+ }
3494
+ 100% {
3495
+ opacity: 0;
3496
+ }
3497
  }
 
 
3498
  @keyframes opacity-out {
3499
+ 0% {
3500
+ opacity: 1;
3501
+ }
3502
+ 100% {
3503
+ opacity: 0;
3504
+ }
3505
  }
 
 
3506
  .table-block {
3507
+ color: #606060;
3508
+ text-align: left;
3509
+ padding: 0 30px;
3510
+ margin-top: 56px;
3511
+ margin-bottom: 28px;
3512
+ line-height: 28px;
3513
+ }
 
3514
  .table-block table {
3515
+ width: 100%;
3516
+ margin-bottom: 84px;
3517
  }
 
3518
  .table-block table thead {
3519
+ font-family: "Raleway", sans-serif;
3520
+ font-weight: 800;
3521
+ font-size: 32px;
3522
+ line-height: 84px;
3523
+ text-align: center;
3524
  }
 
3525
  .table-block table thead th:first-child {
3526
+ width: 25%;
3527
  }
 
3528
  .table-block table thead th:not(:first-child) {
3529
+ width: 15%;
3530
+ background: #f3f3f3;
3531
+ padding: 28px 5px;
3532
+ line-height: 28px;
3533
+ vertical-align: middle;
3534
  }
 
3535
  .table-block table thead th:not(:first-child) img {
3536
+ max-width: 184px;
3537
+ margin-bottom: -23px;
3538
  }
 
3539
  .table-block table thead th:nth-child(2) {
3540
+ border-radius: 4px 0 0 0;
3541
  }
 
3542
  .table-block table thead th:last-child {
3543
+ border-radius: 0 4px 0 0;
3544
  }
 
3545
  .table-block table tbody tr:first-child td .feature-label {
3546
+ border-top-width: 1px;
3547
+ padding-top: 27px;
3548
+ border-radius: 4px 0 0 0;
3549
  }
 
3550
  .table-block table tbody tr:first-child.help td .feature-label:before {
3551
+ top: 26px !important;
3552
  }
 
3553
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
3554
+ border-bottom-width: 1px;
3555
  }
 
3556
  .table-block table tbody tr:nth-last-child(2) td:first-child,
3557
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
3558
+ border-radius: 0 0 0 4px;
3559
  }
 
3560
  .table-block table tbody tr:nth-last-child(2) td:last-child {
3561
+ border-radius: 0 0 4px 0;
3562
  }
 
3563
  .table-block table tbody tr:nth-child(odd) td:not(:first-child) {
3564
+ background: #fafafa;
3565
  }
 
3566
  .table-block table tbody tr:nth-child(odd) td:not(:first-child).on {
3567
+ background: #9bc048 !important;
3568
  }
 
3569
  .table-block table tbody tr:nth-child(even) td:not(:first-child) {
3570
+ background: #f3f3f3;
3571
  }
 
3572
  .table-block table tbody tr:nth-child(even) td:not(:first-child).on {
3573
+ background: #8db13d !important;
3574
  }
 
3575
  .table-block table tbody tr.help td .feature-label {
3576
+ position: relative;
3577
  }
 
3578
  .table-block table tbody tr.help td .feature-label > p {
3579
+ font-size: 16px;
3580
+ color: #999;
3581
+ line-height: 21px;
3582
+ margin: 0;
3583
+ padding: 14px 0 28px;
3584
+ display: none;
3585
+ }
 
3586
  .table-block table tbody tr.help td .feature-label:before {
3587
+ width: 30px;
3588
+ height: 30px;
3589
+ font-family: "FontAwesome";
3590
+ font-size: 20px;
3591
+ color: #ddd;
3592
+ background: #fff;
3593
+ text-align: center;
3594
+ content: " ";
3595
+ display: inline-block;
3596
+ padding-top: 1px;
3597
+ box-sizing: border-box;
3598
+ position: absolute;
3599
+ top: 14px;
3600
+ left: -15px;
3601
+ border-radius: 100%;
3602
+ }
 
3603
  .table-block table tbody tr.help:hover,
3604
  .table-block table tbody tr.help.active {
3605
+ cursor: pointer;
3606
  }
 
3607
  .table-block table tbody tr.help:hover td .feature-label,
3608
  .table-block table tbody tr.help.active td .feature-label {
3609
+ color: #339ed5;
3610
+ background: #f9f9f9;
3611
  }
 
3612
  .table-block table tbody tr.help:hover td .feature-label:before,
3613
  .table-block table tbody tr.help.active td .feature-label:before {
3614
+ color: #339ed5;
3615
  }
 
3616
  .table-block table tbody tr.help:hover td:not(:first-child) i,
3617
  .table-block table tbody tr.help.active td:not(:first-child) i {
3618
+ text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
3619
  }
 
3620
  .table-block table tbody tr.price td:not(:first-child) {
3621
+ font-size: 25px;
3622
+ font-weight: bold;
3623
  }
 
3624
  .table-block table tbody tr.price td:not(:first-child) span {
3625
+ font-size: 20px;
3626
+ font-weight: normal;
3627
+ margin-left: 4px;
3628
  }
 
3629
  .table-block table tbody tr.gs-button-row td:not(:first-child) {
3630
+ background: transparent;
3631
+ border-right: none;
3632
+ padding: 2px 1px 0;
3633
  }
 
3634
  .table-block table tbody tr.gs-button-row td:not(:first-child) a {
3635
+ margin-top: 0;
3636
+ display: block;
3637
+ border-radius: 0 0 4px 4px;
3638
  }
 
3639
  .table-block table tbody td:not(:first-child) {
3640
+ text-align: center;
3641
+ vertical-align: middle;
3642
  }
 
3643
  .table-block table tbody td:not(:first-child) i {
3644
+ display: block;
3645
+ -webkit-transform-origin: 50% 50%;
3646
+ -ms-transform-origin: 50% 50%;
3647
+ transform-origin: 50% 50%;
3648
+ -webkit-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
3649
+ transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
3650
+ }
 
3651
  .table-block table tbody td:not(:first-child):not(:last-child) {
3652
+ border-right: 1px solid #e3e3e3;
3653
  }
 
3654
  .table-block table tbody td:first-child {
3655
+ position: relative;
3656
  }
 
3657
  .table-block table tbody td .feature-label {
3658
+ font-size: 18px;
3659
+ background: #fff;
3660
+ border-left-width: 1px;
3661
+ border-style: solid;
3662
+ border-color: #eee;
3663
+ padding: 14px 30px;
3664
+ }
 
3665
  .table-block table tbody td.on,
3666
  .table-block table tbody td.off {
3667
+ font-size: 16px;
3668
+ font-weight: 600;
3669
  }
 
3670
  .table-block table tbody td.on i,
3671
  .table-block table tbody td.off i {
3672
+ font-size: 22px;
3673
  }
 
3674
  .table-block table tbody td.on {
3675
+ color: #fff;
3676
  }
 
3677
  .table-block table tbody td.off {
3678
+ color: #d36c65;
3679
  }
 
3680
  @-webkit-keyframes fade-in-up {
3681
+ 0% {
3682
+ -webkit-transform: translateY(30px);
3683
+ opacity: 0;
3684
+ }
3685
+ 100% {
3686
+ -webkit-transform: translateY(0);
3687
+ opacity: 1;
3688
+ }
3689
  }
 
 
3690
  @keyframes fade-in-up {
3691
+ 0% {
3692
+ transform: translateY(30px);
3693
+ opacity: 0;
3694
+ }
3695
+ 100% {
3696
+ transform: translateY(0);
3697
+ opacity: 1;
3698
+ }
3699
  }
 
 
3700
  @-webkit-keyframes fade-in-down {
3701
+ 0% {
3702
+ -webkit-transform: translateY(-30px);
3703
+ opacity: 0;
3704
+ }
3705
+ 100% {
3706
+ -webkit-transform: translateY(0);
3707
+ opacity: 1;
3708
+ }
3709
  }
 
 
3710
  @keyframes fade-in-down {
3711
+ 0% {
3712
+ transform: translateY(-30px);
3713
+ opacity: 0;
3714
+ }
3715
+ 100% {
3716
+ transform: translateY(0);
3717
+ opacity: 1;
3718
+ }
3719
  }
 
 
3720
  @-webkit-keyframes fade-out-up {
3721
+ 0% {
3722
+ -webkit-transform: translateY(0);
3723
+ opacity: 1;
3724
+ }
3725
+ 100% {
3726
+ -webkit-transform: translateY(-30px);
3727
+ opacity: 0;
3728
+ }
3729
  }
 
 
3730
  @keyframes fade-out-up {
3731
+ 0% {
3732
+ transform: translateY(0);
3733
+ opacity: 1;
3734
+ }
3735
+ 100% {
3736
+ transform: translateY(-30px);
3737
+ opacity: 0;
3738
+ }
3739
  }
 
 
3740
  @-webkit-keyframes opacity-in {
3741
+ 0% {
3742
+ opacity: 0;
3743
+ }
3744
+ 100% {
3745
+ opacity: 1;
3746
+ }
3747
  }
 
 
3748
  @keyframes opacity-in {
3749
+ 0% {
3750
+ opacity: 0;
3751
+ }
3752
+ 100% {
3753
+ opacity: 1;
3754
+ }
3755
  }
 
 
3756
  @-webkit-keyframes opacity-out {
3757
+ 0% {
3758
+ opacity: 1;
3759
+ }
3760
+ 100% {
3761
+ opacity: 0;
3762
+ }
3763
  }
 
 
3764
  @keyframes opacity-out {
3765
+ 0% {
3766
+ opacity: 1;
3767
+ }
3768
+ 100% {
3769
+ opacity: 0;
3770
+ }
3771
  }
 
 
3772
  footer {
3773
+ text-align: center;
3774
+ overflow: hidden;
3775
+ padding-top: 96px;
3776
  }
 
3777
  footer.editor {
3778
+ margin-bottom: 77px;
3779
  }
 
3780
  footer #backToTop {
3781
+ width: 190px;
3782
+ height: 190px;
3783
+ font-size: 45px;
3784
+ color: #bbb;
3785
+ background: #e1e1e1;
3786
+ text-align: center;
3787
+ padding-top: 18px;
3788
+ margin-bottom: -110px;
3789
+ display: inline-block;
3790
+ border-radius: 100%;
3791
+ -webkit-transition: all 200ms ease-out;
3792
+ transition: all 200ms ease-out;
3793
+ }
 
3794
  footer #backToTop * {
3795
+ -webkit-transition-property: -webkit-transform, opacity;
3796
+ transition-property: transform, opacity;
3797
+ -webkit-transition-timing-function: ease-out;
3798
+ transition-timing-function: ease-out;
3799
  }
 
3800
  footer #backToTop i {
3801
+ -webkit-transition-duration: 100ms;
3802
+ transition-duration: 100ms;
3803
  }
 
3804
  footer #backToTop span {
3805
+ font-size: 16px;
3806
+ color: #fff;
3807
+ margin-top: 15px;
3808
+ display: block;
3809
+ opacity: 0;
3810
+ -webkit-transition-duration: 200ms;
3811
+ transition-duration: 200ms;
3812
+ }
 
3813
  footer #backToTop:hover {
3814
+ color: #fff;
3815
+ background: #339ed5;
3816
+ -webkit-transform: translate(0, -20px);
3817
+ -ms-transform: translate(0, -20px);
3818
+ transform: translate(0, -20px);
3819
+ box-shadow: 0 0 0 15px #e1e1e1;
3820
+ }
 
3821
  footer #backToTop:hover i {
3822
+ -webkit-transform: translate(0, -10px);
3823
+ -ms-transform: translate(0, -10px);
3824
+ transform: translate(0, -10px);
3825
  }
 
3826
  footer #backToTop:hover span {
3827
+ opacity: 1;
3828
+ -webkit-transform: translate(0, -30px);
3829
+ -ms-transform: translate(0, -30px);
3830
+ transform: translate(0, -30px);
3831
  }
 
3832
  @-webkit-keyframes fade-in-up {
3833
+ 0% {
3834
+ -webkit-transform: translateY(30px);
3835
+ opacity: 0;
3836
+ }
3837
+ 100% {
3838
+ -webkit-transform: translateY(0);
3839
+ opacity: 1;
3840
+ }
3841
  }
 
 
3842
  @keyframes fade-in-up {
3843
+ 0% {
3844
+ transform: translateY(30px);
3845
+ opacity: 0;
3846
+ }
3847
+ 100% {
3848
+ transform: translateY(0);
3849
+ opacity: 1;
3850
+ }
3851
  }
 
 
3852
  @-webkit-keyframes fade-in-down {
3853
+ 0% {
3854
+ -webkit-transform: translateY(-30px);
3855
+ opacity: 0;
3856
+ }
3857
+ 100% {
3858
+ -webkit-transform: translateY(0);
3859
+ opacity: 1;
3860
+ }
3861
  }
 
 
3862
  @keyframes fade-in-down {
3863
+ 0% {
3864
+ transform: translateY(-30px);
3865
+ opacity: 0;
3866
+ }
3867
+ 100% {
3868
+ transform: translateY(0);
3869
+ opacity: 1;
3870
+ }
3871
  }
 
 
3872
  @-webkit-keyframes fade-out-up {
3873
+ 0% {
3874
+ -webkit-transform: translateY(0);
3875
+ opacity: 1;
3876
+ }
3877
+ 100% {
3878
+ -webkit-transform: translateY(-30px);
3879
+ opacity: 0;
3880
+ }
3881
  }
 
 
3882
  @keyframes fade-out-up {
3883
+ 0% {
3884
+ transform: translateY(0);
3885
+ opacity: 1;
3886
+ }
3887
+ 100% {
3888
+ transform: translateY(-30px);
3889
+ opacity: 0;
3890
+ }
3891
  }
 
 
3892
  @-webkit-keyframes opacity-in {
3893
+ 0% {
3894
+ opacity: 0;
3895
+ }
3896
+ 100% {
3897
+ opacity: 1;
3898
+ }
3899
  }
 
 
3900
  @keyframes opacity-in {
3901
+ 0% {
3902
+ opacity: 0;
3903
+ }
3904
+ 100% {
3905
+ opacity: 1;
3906
+ }
3907
  }
 
 
3908
  @-webkit-keyframes opacity-out {
3909
+ 0% {
3910
+ opacity: 1;
3911
+ }
3912
+ 100% {
3913
+ opacity: 0;
3914
+ }
3915
  }
 
 
3916
  @keyframes opacity-out {
3917
+ 0% {
3918
+ opacity: 1;
3919
+ }
3920
+ 100% {
3921
+ opacity: 0;
3922
+ }
3923
  }
 
 
3924
  .app-group {
3925
+ background: #e4e4e4;
3926
+ margin: 0 15px 60px;
3927
+ overflow: hidden;
3928
+ border-radius: 4px;
3929
+ -webkit-transition: all 200ms;
3930
+ transition: all 200ms;
3931
+ }
 
3932
  .app-group:last-child {
3933
+ margin-bottom: 0;
3934
  }
 
3935
  .app-group.active + .alert-block {
3936
+ margin-top: -30px;
3937
  }
 
3938
  .app-group:not(.active) {
3939
+ margin-bottom: 15px;
3940
  }
 
3941
  .app-group:not(.active) + .alert-block {
3942
+ margin-top: 30px;
3943
  }
 
3944
  .app-group .app-group-title {
3945
+ padding: 15px 15px 17px;
3946
+ position: relative;
3947
  }
 
3948
  .app-group .app-group-title h2 {
3949
+ font-family: "Raleway", sans-serif;
3950
+ font-weight: 800;
3951
+ font-size: 22px;
3952
+ color: #999;
3953
  }
 
3954
  .app-group .app-group-title h2 > span {
3955
+ font-family: "Source Sans Pro", sans-serif;
3956
+ font-size: 16px;
3957
+ color: #bdbdbd;
3958
+ margin-left: 7px;
3959
  }
 
3960
  .app-group .app-group-title a.app-group-toggle {
3961
+ color: #bdbdbd;
3962
+ position: absolute;
3963
+ top: 0;
3964
+ left: 0;
3965
+ right: 0;
3966
+ bottom: 0;
3967
+ }
 
3968
  .app-group .app-group-title a.app-group-toggle > i {
3969
+ position: absolute;
3970
+ top: 18px;
3971
+ right: 20px;
3972
  }
 
3973
  .app-group .app-group-title a.app-group-toggle > span {
3974
+ display: none;
3975
  }
 
3976
  .app-group .app-group-title a.app-group-toggle:hover {
3977
+ color: #999;
3978
+ background: rgba(255, 255, 255, 0.25);
3979
  }
 
3980
  .app-grid {
3981
+ padding-top: 120px;
3982
+ margin: 0 -30px;
3983
  }
 
3984
  .app-grid:nth-child(2) .app-grid-titles-wrapper {
3985
+ border-top-width: 0;
3986
  }
 
3987
  .app-grid .app-link-wrapper {
3988
+ width: 25%;
3989
+ padding: 22px 15px 20px;
3990
+ float: left;
3991
+ position: relative;
3992
  }
 
3993
  .app-grid .app-link-wrapper * {
3994
+ -webkit-transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
3995
+ transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
3996
  }
 
3997
  .app-grid .app-link-wrapper .app-badge-group,
3998
  .app-grid .app-link-wrapper .nocode {
3999
+ position: absolute;
4000
+ top: 7px;
4001
+ z-index: 2;
4002
  }
 
4003
  .app-grid .app-link-wrapper .app-badge-group {
4004
+ text-align: right;
4005
+ position: absolute;
4006
+ right: 7px;
4007
  }
 
4008
  .app-grid .app-link-wrapper .app-badge {
4009
+ font-family: "Raleway", sans-serif;
4010
+ font-weight: 800;
4011
+ font-size: 16px;
4012
+ color: #fff;
4013
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
4014
+ padding: 4px 8px;
4015
+ display: inline-block;
4016
+ border-radius: 4px;
4017
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
4018
+ }
 
4019
  .app-grid .app-link-wrapper .app-badge.nocode {
4020
+ font-size: 14px;
4021
+ text-transform: uppercase;
4022
+ padding-top: 5px;
4023
+ padding-bottom: 5px;
4024
+ left: 7px;
4025
  }
 
4026
  .app-grid .app-link-wrapper .app-badge.new {
4027
+ background: #f5bd25;
4028
  }
 
4029
  .app-grid .app-link-wrapper .app-badge.nocode {
4030
+ background: #8db13d;
4031
+ color: #ccc;
4032
+ background: #fff;
4033
+ text-shadow: none;
4034
+ box-shadow: none;
4035
  }
 
4036
  .app-grid .app-link-wrapper .app-badge.plan-one {
4037
+ background: #339ed5;
4038
  }
 
4039
  .app-grid .app-link-wrapper .app-badge.plan-two {
4040
+ background: #f29809;
4041
  }
 
4042
  .app-grid .app-link-wrapper .app-badge.plan-three {
4043
+ background: #dd5a7c;
4044
  }
 
4045
  .app-grid .app-link-wrapper .app-badge.plan-four {
4046
+ background: #9a58e6;
4047
+ }
4048
+ .app-grid .app-link-wrapper .app-badge.sharing {
4049
+ background: #44B3C2;
4050
+ font-size: 14px;
4051
+ }
4052
+ .app-grid .app-link-wrapper .app-badge.tracking {
4053
+ background: #F1A94E;
4054
+ font-size: 14px;
4055
+ }
4056
+ .app-grid .app-link-wrapper .app-badge.follow {
4057
+ background: #E45641;
4058
+ font-size: 14px;
4059
+ }
4060
+ .app-grid .app-link-wrapper .app-badge.integrations {
4061
+ background: #dd5a7c;
4062
+ font-size: 14px;
4063
  }
 
4064
  .app-grid .app-link-wrapper .app-link {
4065
+ height: 320px;
4066
+ background: #fff;
4067
+ border: 1px solid #e3e3e3;
4068
+ text-align: center;
4069
+ padding: 35px 30px 0;
4070
+ overflow: hidden;
4071
+ position: relative;
4072
+ border-radius: 4px;
4073
+ }
 
4074
  .app-grid .app-link-wrapper .app-link .app-link-info {
4075
+ background: #fff;
4076
+ border-top: 1px solid transparent;
4077
+ padding-bottom: 30px;
4078
+ margin-top: -52px;
4079
+ position: absolute;
4080
+ top: 100%;
4081
+ left: 0;
4082
+ right: 0;
4083
+ z-index: 1;
4084
+ -webkit-transform: translateY(-82px);
4085
+ -ms-transform: translateY(-82px);
4086
+ transform: translateY(-82px);
4087
+ }
 
4088
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title {
4089
+ height: 66px;
4090
+ font-family: "Raleway", sans-serif;
4091
+ font-weight: 800;
4092
+ font-weight: 800;
4093
+ font-size: 20px;
4094
+ line-height: 24px;
4095
+ text-align: center;
4096
+ position: relative;
4097
+ }
 
4098
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title span {
4099
+ width: 100%;
4100
+ padding: 0 15px;
4101
+ position: absolute;
4102
+ top: 50%;
4103
+ left: 0;
4104
+ -webkit-transform: translateY(-50%);
4105
+ -ms-transform: translateY(-50%);
4106
+ transform: translateY(-50%);
4107
+ }
 
4108
  .app-grid .app-link-wrapper .app-link .app-link-info p:not(.app-title) {
4109
+ text-align: left;
4110
+ line-height: 22px;
4111
+ padding: 0 30px;
4112
+ opacity: 0;
4113
  }
 
4114
  .app-grid .app-link-wrapper .app-link .app-image {
4115
+ position: relative;
4116
  }
 
4117
  .app-grid .app-link-wrapper .app-link .app-image img {
4118
+ max-height: 156px;
4119
+ max-width: 300px;
4120
+ width: 100%;
4121
  }
 
4122
  .app-grid .app-link-wrapper .app-link .installed {
4123
+ width: 100%;
4124
+ font-family: "Raleway", sans-serif;
4125
+ font-weight: 800;
4126
+ font-size: 30px;
4127
+ color: #fff;
4128
+ background: rgba(141, 177, 61, 0.9);
4129
+ text-align: center;
4130
+ position: absolute;
4131
+ top: 0;
4132
+ bottom: 10px;
4133
+ left: 0;
4134
+ border-radius: 4px;
4135
+ }
 
4136
  .app-grid .app-link-wrapper .app-link .installed > span {
4137
+ position: absolute;
4138
+ top: 50%;
4139
+ left: 50%;
4140
+ -webkit-transform: translate(-50%, -50%);
4141
+ -ms-transform: translate(-50%, -50%);
4142
+ transform: translate(-50%, -50%);
4143
+ }
 
4144
  .app-grid .app-link-wrapper .app-link .installed i {
4145
+ font-size: 42px;
4146
+ margin-bottom: 5px;
4147
+ display: block;
4148
  }
 
4149
  .app-grid .app-link-wrapper .app-link .app-link-buttons {
4150
+ height: 72px;
4151
+ background: #fff;
4152
+ position: absolute;
4153
+ bottom: 0;
4154
+ left: 0;
4155
+ right: 0;
4156
+ z-index: 2;
4157
+ box-shadow: 0 0px 20px #fff;
4158
+ }
 
4159
  .app-grid .app-link-wrapper .app-link .app-link-buttons * {
4160
+ -webkit-transition: all 200ms;
4161
+ transition: all 200ms;
4162
  }
 
4163
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt {
4164
+ color: #fff;
4165
+ background: #ca4e45;
4166
+ padding: 15px 20px;
4167
  }
 
4168
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a {
4169
+ background: #842c26;
4170
+ border: 1px solid transparent;
4171
+ padding: 4px 25px 6px;
4172
+ margin: -5px 5px -6px;
4173
+ display: inline-block;
4174
+ border-radius: 4px;
4175
+ }
 
4176
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a:hover {
4177
+ background: #9f352e;
4178
  }
 
4179
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans {
4180
+ background: transparent;
4181
  }
 
4182
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans:hover {
4183
+ border-color: #fff;
4184
  }
 
4185
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
4186
+ font-size: 18px;
4187
+ padding: 6px 17px 7px;
4188
+ display: inline-block;
4189
+ position: relative;
4190
  }
 
4191
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.gs-primary:hover {
4192
+ color: #fff;
4193
+ background: #339ed5;
4194
  }
 
4195
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable {
4196
+ color: #ccc;
4197
+ background: #fff;
4198
  }
 
4199
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable:hover {
4200
+ color: #d36c65;
4201
  }
 
4202
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
4203
+ background: #339ed5;
4204
+ padding: 9px 8px 5px;
4205
+ margin-left: 10px;
4206
+ position: absolute;
4207
+ top: -2px;
4208
+ left: 100%;
4209
+ border-radius: 4px;
4210
+ }
 
4211
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
4212
+ width: 30px;
4213
  }
 
4214
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div {
4215
+ width: auto;
4216
+ padding: 7px 13px;
4217
+ white-space: nowrap;
4218
+ top: 38px;
4219
+ left: auto;
4220
+ right: -10px;
4221
+ -webkit-transform: translateX(0);
4222
+ -ms-transform: translateX(0);
4223
+ transform: translateX(0);
4224
+ }
 
4225
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div:before {
4226
+ margin-left: 0;
4227
+ left: auto;
4228
+ right: 25px;
4229
  }
 
4230
  .app-grid .app-link-wrapper .app-link .app-link-buttons > div {
4231
+ white-space: nowrap;
4232
+ position: absolute;
4233
+ top: 12px;
4234
+ left: 50%;
4235
+ -webkit-transform: translateX(-50%);
4236
+ -ms-transform: translateX(-50%);
4237
+ transform: translateX(-50%);
4238
+ -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4239
+ transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4240
+ }
 
4241
  .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group):not(.active) + .app-button-group {
4242
+ margin-top: 10px;
4243
+ opacity: 0;
4244
+ -webkit-transform: translateX(-50%) translateY(100%);
4245
+ -ms-transform: translateX(-50%) translateY(100%);
4246
+ transform: translateX(-50%) translateY(100%);
4247
  }
 
4248
  .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group).active {
4249
+ opacity: 0;
4250
+ -webkit-transform: translateX(-50%) translateY(-100%);
4251
+ -ms-transform: translateX(-50%) translateY(-100%);
4252
+ transform: translateX(-50%) translateY(-100%);
4253
  }
 
4254
  .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group).active + .app-button-group {
4255
+ margin-top: 0;
4256
+ opacity: 1;
4257
+ -webkit-transform: translateX(-50%) translateY(0);
4258
+ -ms-transform: translateX(-50%) translateY(0);
4259
+ transform: translateX(-50%) translateY(0);
4260
  }
 
4261
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group {
4262
+ border: 2px solid #d36c65;
4263
+ display: inline-block;
4264
+ overflow: hidden;
4265
+ border-radius: 4px;
4266
  }
 
4267
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a {
4268
+ color: #e4a5a1;
4269
+ border-width: 0;
4270
+ border-radius: 0;
4271
  }
 
4272
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a:hover {
4273
+ color: #ca4e45;
4274
+ background: #fbf1f0;
4275
  }
 
4276
  .app-grid .app-link-wrapper .app-link .app-link-buttons:before {
4277
+ width: 35px;
4278
+ height: 35px;
4279
+ background: image-url("loader.gif");
4280
+ background-size: 35px auto;
4281
+ content: "";
4282
+ display: none;
4283
+ margin-left: -17px;
4284
+ position: absolute;
4285
+ top: 12px;
4286
+ left: 50%;
4287
+ z-index: 1;
4288
+ -webkit-animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
4289
+ animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
4290
+ }
 
4291
  .app-grid .app-link-wrapper .app-link .app-link-buttons.loading:before {
4292
+ display: inline-block;
4293
  }
 
4294
  .app-grid .app-link-wrapper:hover .app-link .app-image {
4295
+ opacity: 0.5;
4296
+ -webkit-transform: translateY(-20px);
4297
+ -ms-transform: translateY(-20px);
4298
+ transform: translateY(-20px);
4299
  }
 
4300
  .app-grid .app-link-wrapper:hover .app-link .app-link-info {
4301
+ border-top-color: #e3e3e3;
4302
+ -webkit-transform: translateY(-100%);
4303
+ -ms-transform: translateY(-100%);
4304
+ transform: translateY(-100%);
4305
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
4306
  }
 
4307
  .app-grid .app-link-wrapper:hover .app-link .app-link-info p:not(.app-title) {
4308
+ opacity: 1;
4309
  }
 
4310
  .app-grid .app-link-wrapper:hover .app-link .app-badge.nocode {
4311
+ color: #fff;
4312
+ background: #8db13d;
4313
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
4314
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
4315
  }
 
4316
  @-webkit-keyframes fade-in-up {
4317
+ 0% {
4318
+ -webkit-transform: translateY(30px);
4319
+ opacity: 0;
4320
+ }
4321
+ 100% {
4322
+ -webkit-transform: translateY(0);
4323
+ opacity: 1;
4324
+ }
4325
  }
 
 
4326
  @keyframes fade-in-up {
4327
+ 0% {
4328
+ transform: translateY(30px);
4329
+ opacity: 0;
4330
+ }
4331
+ 100% {
4332
+ transform: translateY(0);
4333
+ opacity: 1;
4334
+ }
4335
  }
 
 
4336
  @-webkit-keyframes fade-in-down {
4337
+ 0% {
4338
+ -webkit-transform: translateY(-30px);
4339
+ opacity: 0;
4340
+ }
4341
+ 100% {
4342
+ -webkit-transform: translateY(0);
4343
+ opacity: 1;
4344
+ }
4345
  }
 
 
4346
  @keyframes fade-in-down {
4347
+ 0% {
4348
+ transform: translateY(-30px);
4349
+ opacity: 0;
4350
+ }
4351
+ 100% {
4352
+ transform: translateY(0);
4353
+ opacity: 1;
4354
+ }
4355
  }
 
 
4356
  @-webkit-keyframes fade-out-up {
4357
+ 0% {
4358
+ -webkit-transform: translateY(0);
4359
+ opacity: 1;
4360
+ }
4361
+ 100% {
4362
+ -webkit-transform: translateY(-30px);
4363
+ opacity: 0;
4364
+ }
4365
  }
 
 
4366
  @keyframes fade-out-up {
4367
+ 0% {
4368
+ transform: translateY(0);
4369
+ opacity: 1;
4370
+ }
4371
+ 100% {
4372
+ transform: translateY(-30px);
4373
+ opacity: 0;
4374
+ }
4375
  }
 
 
4376
  @-webkit-keyframes opacity-in {
4377
+ 0% {
4378
+ opacity: 0;
4379
+ }
4380
+ 100% {
4381
+ opacity: 1;
4382
+ }
4383
  }
 
 
4384
  @keyframes opacity-in {
4385
+ 0% {
4386
+ opacity: 0;
4387
+ }
4388
+ 100% {
4389
+ opacity: 1;
4390
+ }
4391
  }
 
 
4392
  @-webkit-keyframes opacity-out {
4393
+ 0% {
4394
+ opacity: 1;
4395
+ }
4396
+ 100% {
4397
+ opacity: 0;
4398
+ }
4399
  }
 
 
4400
  @keyframes opacity-out {
4401
+ 0% {
4402
+ opacity: 1;
4403
+ }
4404
+ 100% {
4405
+ opacity: 0;
4406
+ }
4407
  }
 
 
4408
  .app-grid-titles-wrapper {
4409
+ background: #fff;
4410
+ border-bottom: 1px solid #e9e9e9;
4411
+ padding: 40px 30px 20px;
4412
+ margin-top: -121px;
4413
+ position: absolute;
4414
+ left: 0;
4415
+ right: 0;
4416
+ z-index: 3;
4417
+ -webkit-transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
4418
+ transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
4419
+ }
 
4420
  .app-grid-titles-wrapper.fixed {
4421
+ border-top-width: 0;
4422
+ border-bottom-color: transparent;
4423
+ padding-top: 20px;
4424
+ margin-top: 0;
4425
+ position: fixed;
4426
+ top: 55px;
4427
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), inset 0 2px 5px rgba(0, 0, 0, 0.1);
4428
+ }
 
4429
  .app-grid-titles-wrapper.fixed h1 {
4430
+ font-size: 25px;
4431
+ position: relative;
4432
+ bottom: -4px;
4433
  }
 
4434
  .app-grid-titles-wrapper.fixed h1 .gs-tooltip {
4435
+ top: -2px;
4436
  }
 
4437
  .app-grid-titles-wrapper h1 {
4438
+ max-width: 1260px;
4439
+ margin: 0 auto;
4440
+ padding: 0 400px 0 60px;
4441
+ -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4442
+ transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4443
  }
 
4444
  h1.app-grid-titles {
4445
+ font-family: "Raleway", sans-serif;
4446
+ font-weight: 800;
4447
+ font-size: 30px;
4448
+ font-weight: 800;
4449
  }
 
4450
  h1.app-grid-titles:not(.filter-on) span.gs-tooltip > div {
4451
+ display: none !important;
4452
  }
 
4453
  h1.app-grid-titles.filter-on {
4454
+ color: #ccc;
4455
  }
 
4456
  h1.app-grid-titles.filter-on i {
4457
+ font-size: 20px;
4458
+ margin: 0 10px;
4459
+ position: relative;
4460
+ bottom: 1px;
4461
  }
 
4462
  h1.app-grid-titles.filter-on span.filter-two {
4463
+ color: #f29809;
4464
  }
 
4465
  h1.app-grid-titles.filter-on span.filter-two > div {
4466
+ background: #f29809;
4467
  }
 
4468
  h1.app-grid-titles.filter-on span.filter-two > div:before {
4469
+ border-color: transparent transparent #f29809 transparent;
4470
  }
 
4471
  h1.app-grid-titles.filter-on span.filter-nocode {
4472
+ color: #8db13d;
4473
  }
 
4474
  h1.app-grid-titles.filter-on span.filter-primary {
4475
+ color: #339ed5;
4476
  }
 
4477
  h1.app-grid-titles span.gs-tooltip > div {
4478
+ font-family: "Source Sans Pro", sans-serif;
4479
+ font-weight: normal;
4480
+ margin-top: 10px;
4481
  }
 
4482
  .app-grid-titles-wrapper.fixed h1.app-grid-titles span.gs-tooltip > div {
4483
+ margin-top: 6px;
4484
  }
 
4485
  #app-grid-filters {
4486
+ max-width: 1260px;
4487
+ height: 1px;
4488
+ font-weight: 600;
4489
+ margin: 0 auto;
4490
+ position: relative;
4491
+ top: 40px;
4492
+ z-index: 4;
4493
+ -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
4494
+ transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
4495
+ }
 
4496
  #app-grid-filters.fixed {
4497
+ position: fixed;
4498
+ top: 71px;
4499
+ left: 0;
4500
+ right: 0;
4501
  }
 
4502
  #app-grid-filters.fixed .app-grid-filter-holder {
4503
+ padding: 0 60px;
4504
  }
 
4505
  #app-grid-filters.fixed #app-filter-dropdown {
4506
+ right: 30px;
4507
  }
 
4508
  #app-grid-filters .app-grid-filter-holder {
4509
+ display: inline-block;
4510
+ position: absolute;
4511
+ top: 0;
4512
+ right: 0;
4513
  }
 
4514
  #app-grid-filters .app-grid-filter-holder .gs-button {
4515
+ margin-left: 5px;
4516
+ position: relative;
4517
+ z-index: 1;
4518
  }
 
4519
  #app-grid-filters .app-grid-filter-holder .gs-button:first-child {
4520
+ margin-left: 0;
4521
+ margin-right: -4px;
4522
  }
 
4523
  #app-grid-filters .app-grid-filter-holder .gs-tooltip > div {
4524
+ top: 40px;
4525
  }
 
4526
  #app-grid-filters #app-filter {
4527
+ padding: 6px 13px 7px;
4528
+ display: inline-block;
4529
+ z-index: 1;
4530
  }
 
4531
  #app-grid-filters #app-filter:hover + #app-filter-dropdown {
4532
+ display: block;
4533
  }
 
4534
  #app-grid-filters #app-filter-dropdown {
4535
+ width: 220px;
4536
+ background: #fff;
4537
+ text-align: left;
4538
+ padding: 18px 15px 13px;
4539
+ display: none;
4540
+ position: absolute;
4541
+ top: 100%;
4542
+ right: 0;
4543
+ border-radius: 4px;
4544
+ box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
4545
+ -webkit-animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
4546
+ animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
4547
+ }
 
4548
  #app-grid-filters #app-filter-dropdown:hover {
4549
+ display: block;
4550
  }
 
4551
  #app-grid-filters #app-filter-dropdown .gs-button {
4552
+ margin: 3px 0;
4553
+ padding: 6px 18px 8px 13px;
4554
+ display: block;
4555
  }
 
4556
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans) {
4557
+ position: relative;
4558
  }
 
4559
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans):before {
4560
+ font-family: "FontAwesome";
4561
+ font-size: 16px;
4562
+ color: #fff;
4563
+ content: " ";
4564
+ display: block;
4565
+ position: absolute;
4566
+ top: 50%;
4567
+ right: 4px;
4568
+ margin-top: -8px;
4569
+ opacity: 0.5;
4570
+ }
 
4571
  #app-grid-filters #app-filter-dropdown .filter-title {
4572
+ margin-bottom: 10px;
4573
+ display: block;
4574
  }
 
4575
  html,
4576
  body {
4577
+ height: 100%;
4578
  }
 
4579
  body {
4580
+ font-family: "Source Sans Pro", sans-serif;
4581
+ color: #606060;
4582
+ background: #f3f3f3;
4583
  }
 
4584
  body * {
4585
+ text-rendering: optimizeLegibility;
4586
+ -webkit-font-smoothing: antialiased;
4587
+ box-sizing: border-box;
4588
  }
 
4589
  body.no-scroll {
4590
+ overflow: hidden;
4591
  }
 
4592
  h1 {
4593
+ font-size: 40px;
4594
+ font-weight: 300;
4595
  }
 
4596
  h1 strong {
4597
+ font-weight: 600;
4598
  }
 
4599
  h1 + p {
4600
+ margin-top: 10px;
4601
  }
 
4602
  h2,
4603
  h3 {
4604
+ font-size: 20px;
4605
+ font-weight: 600;
4606
  }
 
4607
  h4 {
4608
+ font-size: 20px;
4609
  }
 
4610
  strong {
4611
+ font-weight: 700;
4612
  }
 
4613
  p {
4614
+ line-height: 18px;
4615
  }
 
4616
  textarea.code,
4617
  form textarea.code,
4618
  div.form textarea.code {
4619
+ width: 100%;
4620
+ font-family: Courier New, monospace;
4621
+ font-size: 12px;
4622
+ color: #000;
4623
+ background: #fff;
4624
+ border: 1px solid #ccc;
4625
+ padding: 13px 20px;
4626
+ resize: none;
4627
+ outline: none;
4628
+ word-wrap: break-word;
4629
+ display: block;
4630
+ border-radius: 4px;
4631
+ }
 
4632
  .gs-tooltip {
4633
+ position: relative;
4634
  }
 
4635
  .gs-tooltip.plan-two > div {
4636
+ background: #d98908;
4637
  }
 
4638
  .gs-tooltip.plan-two > div:before {
4639
+ border-color: transparent transparent #d98908 transparent;
4640
  }
 
4641
  .gs-tooltip.plan-three > div {
4642
+ background: #d9456b;
4643
  }
 
4644
  .gs-tooltip.plan-three > div:before {
4645
+ border-color: transparent transparent #d9456b transparent;
4646
  }
 
4647
  .gs-tooltip.plan-four > div {
4648
+ background: #8d42e3;
4649
  }
 
4650
  .gs-tooltip.plan-four > div:before {
4651
+ border-color: transparent transparent #8d42e3 transparent;
4652
  }
 
4653
  .gs-tooltip.nocode > div {
4654
+ background: #81a238;
4655
  }
 
4656
  .gs-tooltip.nocode > div:before {
4657
+ border-color: transparent transparent #81a238 transparent;
4658
  }
 
4659
  .gs-tooltip > div {
4660
+ width: 184px;
4661
+ font-size: 13px;
4662
+ font-weight: normal;
4663
+ color: #fff;
4664
+ background: #000;
4665
+ text-align: left;
4666
+ line-height: 15px;
4667
+ padding: 10px 15px;
4668
+ position: absolute;
4669
+ top: 30px;
4670
+ left: 50%;
4671
+ display: none;
4672
+ z-index: 5;
4673
+ border-radius: 4px;
4674
+ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
4675
+ -webkit-transform: translateX(-50%);
4676
+ -ms-transform: translateX(-50%);
4677
+ transform: translateX(-50%);
4678
+ }
 
4679
  .gs-tooltip > div:before {
4680
+ width: 0;
4681
+ height: 0;
4682
+ border-style: solid;
4683
+ border-width: 0 8px 8px 8px;
4684
+ border-color: transparent transparent #000 transparent;
4685
+ content: "";
4686
+ display: block;
4687
+ position: absolute;
4688
+ top: -8px;
4689
+ left: 50%;
4690
+ margin-left: -8px;
4691
+ }
 
4692
  .gs-tooltip:hover > div {
4693
+ display: block;
4694
  }
 
4695
  .min-tip > div {
4696
+ width: 95px;
4697
+ left: 50%;
4698
+ top: 50px;
4699
+ text-align: center;
4700
+ padding: 5px 5px;
4701
  }
 
4702
  #gs-master-wrapper {
4703
+ min-width: 1150px;
4704
+ min-height: 100%;
4705
+ height: auto !important;
4706
+ height: 100%;
4707
+ margin: 0 auto -190px;
4708
+ overflow-y: hidden;
4709
+ }
 
4710
  #gs-master-wrapper #master-wrapper-push {
4711
+ height: 190px;
4712
  }
 
4713
  main {
4714
+ z-index: 3;
4715
+ -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
4716
+ transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
4717
  }
 
4718
  main.relative {
4719
+ position: relative;
4720
  }
 
4721
  main > div {
4722
+ margin: 0 auto;
4723
  }
 
4724
  main > div.large {
4725
+ max-width: 1200px;
4726
  }
 
4727
  main > div.large > .alert.global {
4728
+ margin: 0 30px;
4729
  }
 
4730
  main > div.medium {
4731
+ max-width: 860px;
4732
  }
 
4733
  main > div.special {
4734
+ max-width: 920px;
4735
  }
 
4736
  main > div .content-wrapper {
4737
+ margin: 30px 30px 0;
4738
  }
 
4739
  main > div .content-wrapper.no-margin {
4740
+ margin-top: 0;
4741
  }
 
4742
  main > div .content-wrapper.analytics {
4743
+ position: relative;
4744
  }
 
4745
  .text-center {
4746
+ text-align: center;
4747
  }
 
4748
  .text-left {
4749
+ text-align: left;
4750
  }
 
4751
  .text-right {
4752
+ text-align: right;
4753
  }
 
4754
  .container *[class^="col-"]:first-of-type {
4755
+ padding-right: 15px;
4756
  }
 
4757
  .container *[class^="col-"]:last-of-type {
4758
+ padding-left: 15px;
4759
  }
 
4760
  .container *[class^="col-"]:not(:first-of-type):not(:last-of-type) {
4761
+ padding-left: 15px;
4762
+ padding-right: 15px;
4763
  }
 
4764
  .row {
4765
+ margin: 0 -30px;
4766
  }
 
4767
  .row:after {
4768
+ content: "";
4769
+ display: block;
4770
+ clear: both;
4771
  }
 
4772
  .col-1 {
4773
+ width: 6.25%;
4774
+ position: relative;
4775
+ min-height: 1px;
4776
+ padding-left: 30px;
4777
+ padding-right: 30px;
4778
+ float: left;
4779
+ }
 
4780
  .col-pull-1 {
4781
+ right: 6.25%;
4782
  }
 
4783
  .col-push-1 {
4784
+ left: 6.25%;
4785
  }
 
4786
  .col-offset-1 {
4787
+ margin-left: 6.25%;
4788
  }
 
4789
  .col-2 {
4790
+ width: 12.5%;
4791
+ position: relative;
4792
+ min-height: 1px;
4793
+ padding-left: 30px;
4794
+ padding-right: 30px;
4795
+ float: left;
4796
+ }
 
4797
  .col-pull-2 {
4798
+ right: 12.5%;
4799
  }
 
4800
  .col-push-2 {
4801
+ left: 12.5%;
4802
  }
 
4803
  .col-offset-2 {
4804
+ margin-left: 12.5%;
4805
  }
 
4806
  .col-3 {
4807
+ width: 18.75%;
4808
+ position: relative;
4809
+ min-height: 1px;
4810
+ padding-left: 30px;
4811
+ padding-right: 30px;
4812
+ float: left;
4813
+ }
 
4814
  .col-pull-3 {
4815
+ right: 18.75%;
4816
  }
 
4817
  .col-push-3 {
4818
+ left: 18.75%;
4819
  }
 
4820
  .col-offset-3 {
4821
+ margin-left: 18.75%;
4822
  }
 
4823
  .col-4 {
4824
+ width: 25%;
4825
+ position: relative;
4826
+ min-height: 1px;
4827
+ padding-left: 30px;
4828
+ padding-right: 30px;
4829
+ float: left;
4830
+ }
 
4831
  .col-pull-4 {
4832
+ right: 25%;
4833
  }
 
4834
  .col-push-4 {
4835
+ left: 25%;
4836
  }
 
4837
  .col-offset-4 {
4838
+ margin-left: 25%;
4839
  }
 
4840
  .col-5 {
4841
+ width: 31.25%;
4842
+ position: relative;
4843
+ min-height: 1px;
4844
+ padding-left: 30px;
4845
+ padding-right: 30px;
4846
+ float: left;
4847
+ }
 
4848
  .col-pull-5 {
4849
+ right: 31.25%;
4850
  }
 
4851
  .col-push-5 {
4852
+ left: 31.25%;
4853
  }
 
4854
  .col-offset-5 {
4855
+ margin-left: 31.25%;
4856
  }
 
4857
  .col-6 {
4858
+ width: 37.5%;
4859
+ position: relative;
4860
+ min-height: 1px;
4861
+ padding-left: 30px;
4862
+ padding-right: 30px;
4863
+ float: left;
4864
+ }
 
4865
  .col-pull-6 {
4866
+ right: 37.5%;
4867
  }
 
4868
  .col-push-6 {
4869
+ left: 37.5%;
4870
  }
 
4871
  .col-offset-6 {
4872
+ margin-left: 37.5%;
4873
  }
 
4874
  .col-7 {
4875
+ width: 43.75%;
4876
+ position: relative;
4877
+ min-height: 1px;
4878
+ padding-left: 30px;
4879
+ padding-right: 30px;
4880
+ float: left;
4881
+ }
 
4882
  .col-pull-7 {
4883
+ right: 43.75%;
4884
  }
 
4885
  .col-push-7 {
4886
+ left: 43.75%;
4887
  }
 
4888
  .col-offset-7 {
4889
+ margin-left: 43.75%;
4890
  }
 
4891
  .col-8 {
4892
+ width: 50%;
4893
+ position: relative;
4894
+ min-height: 1px;
4895
+ padding-left: 30px;
4896
+ padding-right: 30px;
4897
+ float: left;
4898
+ }
 
4899
  .col-pull-8 {
4900
+ right: 50%;
4901
  }
 
4902
  .col-push-8 {
4903
+ left: 50%;
4904
  }
 
4905
  .col-offset-8 {
4906
+ margin-left: 50%;
4907
  }
 
4908
  .col-9 {
4909
+ width: 56.25%;
4910
+ position: relative;
4911
+ min-height: 1px;
4912
+ padding-left: 30px;
4913
+ padding-right: 30px;
4914
+ float: left;
4915
+ }
 
4916
  .col-pull-9 {
4917
+ right: 56.25%;
4918
  }
 
4919
  .col-push-9 {
4920
+ left: 56.25%;
4921
  }
 
4922
  .col-offset-9 {
4923
+ margin-left: 56.25%;
4924
  }
 
4925
  .col-10 {
4926
+ width: 62.5%;
4927
+ position: relative;
4928
+ min-height: 1px;
4929
+ padding-left: 30px;
4930
+ padding-right: 30px;
4931
+ float: left;
4932
+ }
 
4933
  .col-pull-10 {
4934
+ right: 62.5%;
4935
  }
 
4936
  .col-push-10 {
4937
+ left: 62.5%;
4938
  }
 
4939
  .col-offset-10 {
4940
+ margin-left: 62.5%;
4941
  }
 
4942
  .col-11 {
4943
+ width: 68.75%;
4944
+ position: relative;
4945
+ min-height: 1px;
4946
+ padding-left: 30px;
4947
+ padding-right: 30px;
4948
+ float: left;
4949
+ }
 
4950
  .col-pull-11 {
4951
+ right: 68.75%;
4952
  }
 
4953
  .col-push-11 {
4954
+ left: 68.75%;
4955
  }
 
4956
  .col-offset-11 {
4957
+ margin-left: 68.75%;
4958
  }
 
4959
  .col-12 {
4960
+ width: 75%;
4961
+ position: relative;
4962
+ min-height: 1px;
4963
+ padding-left: 30px;
4964
+ padding-right: 30px;
4965
+ float: left;
4966
+ }
 
4967
  .col-pull-12 {
4968
+ right: 75%;
4969
  }
 
4970
  .col-push-12 {
4971
+ left: 75%;
4972
  }
 
4973
  .col-offset-12 {
4974
+ margin-left: 75%;
4975
  }
 
4976
  .col-13 {
4977
+ width: 81.25%;
4978
+ position: relative;
4979
+ min-height: 1px;
4980
+ padding-left: 30px;
4981
+ padding-right: 30px;
4982
+ float: left;
4983
+ }
 
4984
  .col-pull-13 {
4985
+ right: 81.25%;
4986
  }
 
4987
  .col-push-13 {
4988
+ left: 81.25%;
4989
  }
 
4990
  .col-offset-13 {
4991
+ margin-left: 81.25%;
4992
  }
 
4993
  .col-14 {
4994
+ width: 87.5%;
4995
+ position: relative;
4996
+ min-height: 1px;
4997
+ padding-left: 30px;
4998
+ padding-right: 30px;
4999
+ float: left;
5000
+ }
 
5001
  .col-pull-14 {
5002
+ right: 87.5%;
5003
  }
 
5004
  .col-push-14 {
5005
+ left: 87.5%;
5006
  }
 
5007
  .col-offset-14 {
5008
+ margin-left: 87.5%;
5009
  }
 
5010
  .col-15 {
5011
+ width: 93.75%;
5012
+ position: relative;
5013
+ min-height: 1px;
5014
+ padding-left: 30px;
5015
+ padding-right: 30px;
5016
+ float: left;
5017
+ }
 
5018
  .col-pull-15 {
5019
+ right: 93.75%;
5020
  }
 
5021
  .col-push-15 {
5022
+ left: 93.75%;
5023
  }
 
5024
  .col-offset-15 {
5025
+ margin-left: 93.75%;
5026
  }
 
5027
  .col-16 {
5028
+ width: 100%;
5029
+ position: relative;
5030
+ min-height: 1px;
5031
+ padding-left: 30px;
5032
+ padding-right: 30px;
5033
+ float: left;
5034
+ }
 
5035
  .col-pull-16 {
5036
+ right: 100%;
5037
  }
 
5038
  .col-push-16 {
5039
+ left: 100%;
5040
  }
 
5041
  .col-offset-16 {
5042
+ margin-left: 100%;
5043
  }
 
5044
  .gs-clearfix:after {
5045
+ content: "";
5046
+ display: block;
5047
+ clear: both;
5048
  }
 
5049
  @-webkit-keyframes fade-in-up {
5050
+ 0% {
5051
+ -webkit-transform: translateY(30px);
5052
+ opacity: 0;
5053
+ }
5054
+ 100% {
5055
+ -webkit-transform: translateY(0);
5056
+ opacity: 1;
5057
+ }
5058
  }
 
 
5059
  @keyframes fade-in-up {
5060
+ 0% {
5061
+ transform: translateY(30px);
5062
+ opacity: 0;
5063
+ }
5064
+ 100% {
5065
+ transform: translateY(0);
5066
+ opacity: 1;
5067
+ }
5068
  }
 
 
5069
  @-webkit-keyframes fade-in-down {
5070
+ 0% {
5071
+ -webkit-transform: translateY(-30px);
5072
+ opacity: 0;
5073
+ }
5074
+ 100% {
5075
+ -webkit-transform: translateY(0);
5076
+ opacity: 1;
5077
+ }
5078
  }
 
 
5079
  @keyframes fade-in-down {
5080
+ 0% {
5081
+ transform: translateY(-30px);
5082
+ opacity: 0;
5083
+ }
5084
+ 100% {
5085
+ transform: translateY(0);
5086
+ opacity: 1;
5087
+ }
5088
  }
 
 
5089
  @-webkit-keyframes fade-out-up {
5090
+ 0% {
5091
+ -webkit-transform: translateY(0);
5092
+ opacity: 1;
5093
+ }
5094
+ 100% {
5095
+ -webkit-transform: translateY(-30px);
5096
+ opacity: 0;
5097
+ }
5098
  }
 
 
5099
  @keyframes fade-out-up {
5100
+ 0% {
5101
+ transform: translateY(0);
5102
+ opacity: 1;
5103
+ }
5104
+ 100% {
5105
+ transform: translateY(-30px);
5106
+ opacity: 0;
5107
+ }
5108
  }
 
 
5109
  @-webkit-keyframes opacity-in {
5110
+ 0% {
5111
+ opacity: 0;
5112
+ }
5113
+ 100% {
5114
+ opacity: 1;
5115
+ }
5116
  }
 
 
5117
  @keyframes opacity-in {
5118
+ 0% {
5119
+ opacity: 0;
5120
+ }
5121
+ 100% {
5122
+ opacity: 1;
5123
+ }
5124
  }
 
 
5125
  @-webkit-keyframes opacity-out {
5126
+ 0% {
5127
+ opacity: 1;
5128
+ }
5129
+ 100% {
5130
+ opacity: 0;
5131
+ }
5132
  }
 
 
5133
  @keyframes opacity-out {
5134
+ 0% {
5135
+ opacity: 1;
5136
+ }
5137
+ 100% {
5138
+ opacity: 0;
5139
+ }
5140
  }
 
 
5141
  body * {
5142
+ outline: none !important;
5143
  }
 
5144
  body a:focus {
5145
+ box-shadow: none;
5146
  }
 
5147
  h1 {
5148
+ font-size: 27px;
5149
  }
 
5150
  #gs-master-wrapper {
5151
+ min-width: 1000px;
5152
+ margin: 0 0 0 -20px;
5153
+ overflow: hidden;
5154
  }
 
5155
  main > div.large {
5156
+ padding-top: 30px;
5157
  }
 
5158
  header {
5159
+ width: auto;
5160
+ margin-right: -1px;
5161
+ padding-top: 0;
5162
+ display: block;
5163
  }
 
5164
  header #main-nav {
5165
+ width: auto;
5166
+ position: static;
5167
  }
 
5168
  header #main-nav nav > ul > li:not(.right-link) {
5169
+ float: left;
5170
  }
 
5171
  .title-wrapper {
5172
+ padding: 25px 0 27px;
5173
+ z-index: 1;
5174
  }
 
5175
  .title-wrapper h1 {
5176
+ max-width: 800px;
5177
+ text-align: center;
5178
  }
 
5179
  .title-wrapper.app-page h1 {
5180
+ max-width: 1200px;
5181
+ text-align: left;
5182
+ margin: 0 auto;
5183
+ padding: 0 30px;
5184
+ display: block;
5185
  }
 
5186
  .app-grid-titles > span {
5187
+ max-width: 500px;
5188
+ display: block;
5189
  }
 
5190
  #app-grid-filters {
5191
+ max-width: 1200px;
5192
+ padding: 0 60px;
5193
+ top: -88px;
5194
  }
 
5195
  #app-grid-filters a {
5196
+ padding-top: 6px;
5197
+ padding-bottom: 8px;
5198
+ display: inline-block;
5199
  }
 
5200
  #app-grid-filters a:not(.trans) {
5201
+ color: #fff;
5202
  }
 
5203
  #app-grid-filters .app-grid-filter-holder {
5204
+ padding-right: 30px;
5205
+ text-align: right;
5206
  }
 
5207
  #app-grid-filters .app-grid-filter-holder #app-filter-dropdown {
5208
+ right: 15px;
5209
  }
 
5210
  .app-grid {
5211
+ padding-top: 0;
5212
+ margin: 0;
5213
  }
 
5214
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
5215
+ position: relative;
5216
  }
 
5217
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
5218
+ background: #339ed5;
5219
+ padding: 9px 8px 5px;
5220
+ margin-left: 10px;
5221
+ position: absolute;
5222
+ top: -2px;
5223
+ left: 100%;
5224
+ border-radius: 4px;
5225
+ }
 
5226
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
5227
+ width: 30px;
5228
  }
 
5229
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div {
5230
+ width: auto;
5231
+ padding: 7px 13px;
5232
+ white-space: nowrap;
5233
+ top: 35px;
5234
+ left: auto;
5235
+ right: -10px;
5236
+ -webkit-transform: translateX(0);
5237
+ -ms-transform: translateX(0);
5238
+ transform: translateX(0);
5239
+ }
 
5240
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div:before {
5241
+ margin-left: 0;
5242
+ left: auto;
5243
+ right: 25px;
5244
  }
 
5245
  .alert-block .close i {
5246
+ -webkit-transform-origin: 50% 50%;
5247
+ -moz-transform-origin: 50% 50%;
5248
+ -ms-transform-origin: 50% 50%;
5249
+ transform-origin: 50% 50%;
5250
  }
 
5251
  .gs-button:disabled {
5252
+ color: #fff;
5253
+ border-color: transparent;
5254
  }
 
5255
  .create-gs-account:active,
5256
  .create-gs-account:hover,
5257
  .create-gs-account:focus {
5258
+ color: #fff;
5259
  }
 
5260
  .loading-create:not(.active) {
5261
+ display: none;
5262
  }
 
5263
  .modal-wrapper {
5264
+ z-index: 99999;
5265
  }
 
5266
  .modal-wrapper .gs-modal .modal-title .title {
5267
+ padding-bottom: 30px;
5268
  }
 
5269
  #confirm-apikey-request-modal.modal-wrapper .gs-modal .modal-title .title {
5270
+ padding-bottom: 10px;
5271
  }
 
5272
  .gs-form .checkbox-list {
5273
+ padding: 2px 0;
5274
  }
 
5275
  .gs-form .checkbox-list input {
5276
+ width: auto;
5277
+ border-radius: 100%;
5278
  }
 
5279
  .gs-form .checkbox-list input + span {
5280
+ font-weight: 600;
5281
+ color: #606060;
5282
  }
 
5283
  .gs-form .checkbox-list input:checked + span {
5284
+ color: #339ed5;
5285
  }
 
5286
  .gs-form.gs-small {
5287
+ max-width: 600px;
5288
+ margin: 0 auto;
5289
  }
 
5290
  footer {
5291
+ padding: 100px 0 50px;
5292
  }
 
5293
  footer a {
5294
+ display: inline-block;
5295
  }
 
5296
  footer a:active,
5297
  footer a:hover,
5298
  footer a:focus {
5299
+ color: #fff;
5300
  }
 
5301
  @media all and (max-width: 1360px) {
5302
+ .app-grid,
5303
+ .alert-block {
5304
+ margin-left: auto !important;
5305
+ margin-right: auto !important;
5306
+ }
5307
+ .app-grid {
5308
+ max-width: 910px;
5309
+ }
5310
+ .app-grid .app-link-wrapper {
5311
+ width: 33.33333%;
5312
+ }
5313
+ .alert-block {
5314
+ max-width: 880px;
5315
+ }
5316
+ .alert-block.center .alert-info {
5317
+ max-width: 550px;
5318
+ }
5319
+ .alert-block.center .alert-info a {
5320
+ min-width: 145px;
5321
+ font-size: 15px;
5322
+ text-align: center;
5323
+ white-space: normal;
5324
+ vertical-align: middle;
5325
+ padding-left: 5px;
5326
+ padding-right: 5px;
5327
+ margin-left: 20px;
5328
+ }
5329
  }
 
5330
  .account-info.gs-form .gs-error p {
5331
+ color: #fff;
5332
+ background: #d36c65;
5333
+ border-radius: 5px;
5334
+ padding: 10px;
5335
+ font-weight: bold;
5336
+ visibility: hidden;
5337
+ }
 
5338
  .account-info.gs-form .gs-error p {
5339
+ color: #fff;
5340
+ background: #d36c65;
5341
+ border-radius: 5px;
5342
+ padding: 10px;
5343
+ font-weight: bold;
5344
+ visibility: hidden;
5345
+ }
 
5346
  .account-info.gs-form .gs-error p:before {
5347
+ content: "\f06a";
5348
+ color: rgba(255, 255, 255, 0.5);
5349
+ font-family: "FontAwesome";
5350
+ padding-right: 10px;
5351
  }
init.php CHANGED
@@ -161,7 +161,7 @@ if (get_option('gs-popup-showed') != "showed") {
161
  <div class="modal-cover modal-close"></div>
162
  </div>
163
  <!-- Install Google Analytics Modal -->
164
- <div id="install-ga-analytics-modal" class="modal-wrapper hide">
165
  <div class="gs-modal small text-center">
166
  <div class="text-block">
167
  <div class="modal-title">
@@ -179,7 +179,7 @@ if (get_option('gs-popup-showed') != "showed") {
179
  </div>
180
  <div class="form-button-group">
181
  <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
182
- Upgrade to Starter
183
  </a>
184
  <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
185
  </div>
@@ -205,7 +205,7 @@ if (get_option('gs-popup-showed') != "showed") {
205
  </div>
206
  <div class="form-button-group">
207
  <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
208
- Upgrade to Starter
209
  </a>
210
  <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
211
  </div>
@@ -220,7 +220,7 @@ if (get_option('gs-popup-showed') != "showed") {
220
  <p class="title">MailChimp Integration</p>
221
  </div>
222
  <p class="text-center">
223
- Real-time integration with MailChimp. Connect our Subscriber Bar & Price Alert features to the world’s #1 e-mail marketing tool.
224
  </p>
225
  <div class="clearfix text-center" style="margin-top: 30px">
226
  <div class="col-16" style="margin-top: 30px">
@@ -230,63 +230,7 @@ if (get_option('gs-popup-showed') != "showed") {
230
  </div>
231
  <div class="form-button-group">
232
  <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
233
- Upgrade to Starter
234
- </a>
235
- <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
236
- </div>
237
- </div>
238
- <div class="modal-cover modal-close"></div>
239
- </div>
240
- <!-- Install Bitly Modal -->
241
- <div id="install-bitly-modal" class="modal-wrapper hide">
242
- <div class="gs-modal small text-center">
243
- <div class="text-block">
244
- <div class="modal-title">
245
- <p class="title">Bitly Integration</p>
246
- </div>
247
- <p class="text-center">
248
- Activating our Bitly integration will allow your readers to share using your Bitly account. Easy, no code required!
249
- </p>
250
- <br>
251
- <div class="before-after">
252
- <div>
253
- <strong>Before</strong>
254
- <img src="<?php echo plugins_url( '/img/modals/bitly_via_before.png', __FILE__ ) ?>" alt="">
255
- </div>
256
- <div>
257
- <strong>After</strong>
258
- <img src="<?php echo plugins_url( '/img/modals/bitly_via_after.png', __FILE__ ) ?>" alt="">
259
- </div>
260
- </div>
261
- </div>
262
- <div class="form-button-group">
263
- <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
264
- Upgrade to Starter
265
- </a>
266
- <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
267
- </div>
268
- </div>
269
- <div class="modal-cover modal-close"></div>
270
- </div>
271
- <!-- Install InfusionSoft Modal -->
272
- <div id="install-infusionsoft-modal" class="modal-wrapper hide">
273
- <div class="gs-modal small text-center">
274
- <div class="text-block">
275
- <div class="modal-title">
276
- <p class="title">InfusionSoft Integration</p>
277
- </div>
278
- <p class="text-center">
279
- By linking your InfusionSoft account, you'll be able to automatically send all emails captured on Subscriber Bar & Hello Buddy features.
280
- </p>
281
- <div class="clearfix text-center" style="margin-top: 30px">
282
- <div class="col-16" style="margin-bottom: 30px">
283
- <img src="<?php echo plugins_url( '/img/modals/infusionsoft.png', __FILE__ ) ?>" alt="">
284
- </div>
285
- </div>
286
- </div>
287
- <div class="form-button-group">
288
- <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
289
- Upgrade to Starter
290
  </a>
291
  <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
292
  </div>
@@ -309,7 +253,7 @@ if (get_option('gs-popup-showed') != "showed") {
309
  <div class="modal-cover modal-close"></div>
310
  </div>
311
  </div>
312
- <?php if(get_option('gs-api-key') != '') { ?>
313
  <script>
314
  /* Intercom Settings */
315
  window.intercomSettings = {
161
  <div class="modal-cover modal-close"></div>
162
  </div>
163
  <!-- Install Google Analytics Modal -->
164
+ <div id="install-ga_integration-modal" class="modal-wrapper hide">
165
  <div class="gs-modal small text-center">
166
  <div class="text-block">
167
  <div class="modal-title">
179
  </div>
180
  <div class="form-button-group">
181
  <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
182
+ Upgrade to Tools
183
  </a>
184
  <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
185
  </div>
205
  </div>
206
  <div class="form-button-group">
207
  <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
208
+ Upgrade to Tools
209
  </a>
210
  <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
211
  </div>
220
  <p class="title">MailChimp Integration</p>
221
  </div>
222
  <p class="text-center">
223
+ Real-time integration with MailChimp. Connect our Subscriber Bar features to the world’s #1 e-mail marketing tool.
224
  </p>
225
  <div class="clearfix text-center" style="margin-top: 30px">
226
  <div class="col-16" style="margin-top: 30px">
230
  </div>
231
  <div class="form-button-group">
232
  <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
233
+ Upgrade to Tools
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
234
  </a>
235
  <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
236
  </div>
253
  <div class="modal-cover modal-close"></div>
254
  </div>
255
  </div>
256
+ <?php if(get_option('gs-pro')) { ?>
257
  <script>
258
  /* Intercom Settings */
259
  window.intercomSettings = {
js/plugin.js CHANGED
@@ -199,8 +199,7 @@ jQuery(function($){
199
 
200
  jQuery(document).on('click', '.only-activate', function(e){
201
 
202
- if ($(this)[0].pathname == "/auth/mailchimp" ||
203
- $(this)[0].pathname == "/auth/infusionsoft") {
204
 
205
  if ($(this).attr('prevent')) {
206
  alert("You need to install Hello Buddy, Subscriber Bar or Price Alert to work with this app");
@@ -210,10 +209,6 @@ jQuery(function($){
210
  return;
211
  }
212
 
213
- if ($(this)[0].pathname == "/auth/bitly") {
214
- window.open($(this).attr('href'), '_blank')
215
- }
216
-
217
  e.preventDefault();
218
 
219
  $.post($(this).attr('href'), function(data){
@@ -304,7 +299,6 @@ jQuery(function($){
304
  }
305
 
306
  function filterApps() {
307
-
308
  var filters = [],
309
  title = '',
310
  categoryFilter = '';
@@ -316,7 +310,7 @@ jQuery(function($){
316
  var filter = $(el).data('filter'),
317
  filterIsActive = !$(el).hasClass('trans'),
318
  isCategoryFilter = $(el).parent().attr('id') === 'app-filter-dropdown',
319
- filter_name = filter === 'two' ? 'starter' : filter;
320
 
321
  if(typeof(filter) === 'undefined') return;
322
 
@@ -324,7 +318,7 @@ jQuery(function($){
324
  filters.push('filter-' + filter);
325
 
326
  if(title.length > 0) title += '<i class="fa fa-plus"></i>';
327
-
328
  if(isCategoryFilter) {
329
  categoryFilter = filter;
330
 
@@ -353,8 +347,7 @@ jQuery(function($){
353
  }
354
 
355
  $.each($('.app-group'), function(i, group){
356
-
357
- var selectedApps = $(group).find('.app-link-wrapper').filter(function () {
358
  return this.style.display == 'block';
359
  });
360
 
@@ -453,16 +446,12 @@ jQuery(function($){
453
 
454
  modal('#settings');
455
 
456
- modal('#install-ga-analytics');
457
 
458
  modal('#install-copy-and-share');
459
 
460
  modal('#install-mailchimp');
461
 
462
- modal('#install-bitly');
463
-
464
- modal('#install-infusionsoft');
465
-
466
  modal('#thankyou');
467
 
468
  jQuery('.modal-close').on('click', function(){
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, Subscriber Bar or Price Alert to work with this app");
209
  return;
210
  }
211
 
 
 
 
 
212
  e.preventDefault();
213
 
214
  $.post($(this).attr('href'), function(data){
299
  }
300
 
301
  function filterApps() {
 
302
  var filters = [],
303
  title = '',
304
  categoryFilter = '';
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
 
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
 
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
 
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(){
lib/gs.php CHANGED
@@ -2,7 +2,7 @@
2
 
3
  class GS {
4
 
5
- public $plugin_version = "3.2.3";
6
  private $gs_url = "https://api.at.getsocial.io";
7
  private $gs_account = "https://getsocial.io";
8
  private $gs_url_api = "//api.at.getsocial.io";
@@ -63,6 +63,7 @@ class GS {
63
  function save($site_info) {
64
  update_option('gs-identifier', $site_info['identifier']);
65
  update_option('gs-pro', $site_info['pro']);
 
66
  update_option('gs-apps', json_encode($site_info['gs_apps']));
67
  update_option('gs-ask-review', $site_info['ask_review']);
68
  update_option('gs-has-subscriptions', $site_info['has_subscriptions']);
2
 
3
  class GS {
4
 
5
+ public $plugin_version = "4.0.1";
6
  private $gs_url = "https://api.at.getsocial.io";
7
  private $gs_account = "https://getsocial.io";
8
  private $gs_url_api = "//api.at.getsocial.io";
63
  function save($site_info) {
64
  update_option('gs-identifier', $site_info['identifier']);
65
  update_option('gs-pro', $site_info['pro']);
66
+ update_option('gs-user-email', $site_info['user_email']);
67
  update_option('gs-apps', json_encode($site_info['gs_apps']));
68
  update_option('gs-ask-review', $site_info['ask_review']);
69
  update_option('gs-has-subscriptions', $site_info['has_subscriptions']);
readme.txt CHANGED
@@ -4,8 +4,8 @@ Contributors: GetSocial.io, joaoromao
4
  Tags: addthis, addtoany, share, sharing, social, analytics, button, facebook share, facebook button, like button, tweet button, twitter share, pinterest share, pin button, floating buttons, share, share button, share buttons, share links, shareaholic, sharethis, social analytics, social media, social bookmarking, social buttons, social media, social plugin, social share buttons, social sharing, mobile share bar, mobile sharing, top bar, welcome bar, hello bar, follow buttons, instagram, youtube, increase followers, increase shares, increase traffic, copy paste shares, google analytics integration, yummly, flickr, rss, mailchimp, popup, list builder, infusion soft, bitly, exit intent, time on page, automatic popup, fly-in, exit popup, popup builder, share popup, wordpress popup, subscribe popup, popup on exit, reaction buttons, reactions, reaction bar, virality alerts, alerts, dark social, scheduling, scheduler, automatic social media, automation, automatic facebook
5
 
6
  Requires at least: 3.0
7
- Tested up to: 4.7
8
- Stable tag: 3.2.3
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
@@ -243,11 +243,19 @@ We have a free plan called Test Plan and it’s meant as a demo for you to test
243
  9. Analytics for your Social Bars
244
 
245
  == Changelog ==
 
 
 
 
 
 
 
 
 
246
  **3.2.3**
247
 
248
  - Updates to UserVoice support tool
249
 
250
- == Changelog ==
251
  **3.2.2**
252
 
253
  - Bug fixes
4
  Tags: addthis, addtoany, share, sharing, social, analytics, button, facebook share, facebook button, like button, tweet button, twitter share, pinterest share, pin button, floating buttons, share, share button, share buttons, share links, shareaholic, sharethis, social analytics, social media, social bookmarking, social buttons, social media, social plugin, social share buttons, social sharing, mobile share bar, mobile sharing, top bar, welcome bar, hello bar, follow buttons, instagram, youtube, increase followers, increase shares, increase traffic, copy paste shares, google analytics integration, yummly, flickr, rss, mailchimp, popup, list builder, infusion soft, bitly, exit intent, time on page, automatic popup, fly-in, exit popup, popup builder, share popup, wordpress popup, subscribe popup, popup on exit, reaction buttons, reactions, reaction bar, virality alerts, alerts, dark social, scheduling, scheduler, automatic social media, automation, automatic facebook
5
 
6
  Requires at least: 3.0
7
+ Tested up to: 4.8
8
+ Stable tag: 4.0.1
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
243
  9. Analytics for your Social Bars
244
 
245
  == Changelog ==
246
+ **4.0.1**
247
+
248
+ - Add support to Wordpress 4.8
249
+
250
+ **4.0**
251
+
252
+ - Introduction of new pricing structure and reposition as a premium tools & analytics platform.
253
+ - Discontinuing of the free plan
254
+
255
  **3.2.3**
256
 
257
  - Updates to UserVoice support tool
258
 
 
259
  **3.2.2**
260
 
261
  - Bug fixes
tmpl/apps.php CHANGED
@@ -1,35 +1,45 @@
1
  <div class="app-grid">
2
  <?php $i = 0; ?>
3
- <?php foreach ($plan_categories as $cat) { ?>
 
 
 
 
 
4
  <?php $count = 0; ?>
5
  <?php
6
  foreach ($apps as $app => $settings) {
7
  if ($settings['category'] == $cat) {
8
  $count++;
9
  }
 
 
 
10
  }
11
  ?>
12
  <div class="app-group active">
13
  <div class="app-group-title">
14
- <h2><?php echo $plan_categories_name[$i] ?> <span>(<?php echo $count; echo $count > 1 ? ' Apps' : ' App' ?>)</span></h2>
15
  <a class="app-group-toggle" href="javascript:void(0)">
16
  <i class="fa fa-minus-square"></i><span>Open</span>
17
  </a>
18
  </div>
19
  <div class="app-group-body gs-clearfix">
20
  <?php foreach($apps as $app => $settings) { ?>
21
- <?php if($settings['category'] == $cat) { ?>
22
- <div class="app-link-wrapper <?php if($settings['nocode']){ echo 'filter-nocode'; } ?> filter-<?php echo plan_class($settings['plan']); ?> filter-<?php echo $settings['category']; ?>">
 
23
  <div class="app-link">
24
- <?php if ($settings['nocode']) { ?>
25
- <div class="app-badge nocode">No Code</div>
26
- <?php } ?>
27
  <div class="app-badge-group">
28
  <?php if ($settings['new']) { ?>
29
  <div class="app-badge new">New</div>
30
  <?php } ?>
31
- <?php if ($plan_current == 'one' && $settings['plan'] > 1) { ?>
32
- <div class="app-badge plan-<?php echo plan_class($settings['plan']); ?>">
 
 
 
 
33
  <?php echo plan_name($settings['plan']); ?>
34
  </div>
35
  <?php } ?>
@@ -59,31 +69,11 @@
59
  Install App
60
  </a>
61
  <?php } ?>
62
-
63
- <?php if ($app == 'Google Analytics') { ?>
64
- <a id="install-ga-analytics" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
65
- Install App
66
- </a>
67
- <?php } ?>
68
-
69
- <?php if ($app == 'MailChimp') { ?>
70
- <a id="install-mailchimp" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
71
  Install App
72
  </a>
73
  <?php } ?>
74
-
75
- <?php if ($app == 'Bitly') { ?>
76
- <a id="install-bitly" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
77
- Install App
78
- </a>
79
- <?php } ?>
80
-
81
- <?php if ($app == 'InfusionSoft') { ?>
82
- <a id="install-infusionsoft" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
83
- Install App
84
- </a>
85
- <?php } ?>
86
-
87
  <?php } elseif ($app == 'Hello Buddy' && $settings['active'] == 'active') { ?>
88
  <a href="<?php echo $GS->gs_account(); ?>/sites/gs-wordpress?edit-hello-buddy<?php echo '&api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('hello_buddies') ?>" target="_blank" class="gs-button gs-primary trans border getsocial-tab">
89
  Edit App
@@ -94,10 +84,10 @@
94
  // Prevent instalation of mailchimp app without Price Alert or Subscriber Bar
95
  $prevent_install = "";
96
 
97
- if (($app == 'MailChimp' || $app == 'InfusionSoft') && !$GS->has_subscriptions()) {
98
  $prevent_install = 'prevent="true"';
99
  } ?>
100
- <a href="<?php echo $settings['href'] ?>" target="<?php echo ($settings['only_activate'] && ($app != 'MailChimp' || $app !='InfusionSoft') ? '' : '_blank') ?>" class="gs-button gs-primary trans border getsocial-tab <?php echo ($settings['only_activate'] ? 'only-activate' : ''); ?>" <?php echo $prevent_install; ?>>
101
 
102
  <?php echo ($settings['active']) ? 'Edit App' : 'Install App' ?>
103
 
1
  <div class="app-grid">
2
  <?php $i = 0; ?>
3
+ <?php if ($plan_is_free) {
4
+ $boxes_array = $plan_class;
5
+ } else {
6
+ $boxes_array = $plan_categories;
7
+ } ?>
8
+ <?php foreach ($boxes_array as $cat) { ?>
9
  <?php $count = 0; ?>
10
  <?php
11
  foreach ($apps as $app => $settings) {
12
  if ($settings['category'] == $cat) {
13
  $count++;
14
  }
15
+ if ($settings['plan'] == $cat) {
16
+ $count++;
17
+ }
18
  }
19
  ?>
20
  <div class="app-group active">
21
  <div class="app-group-title">
22
+ <h2><?php echo $plan_is_free ? $plan_name[$i] : $plan_categories_name[$i] ?> <span>(<?php echo $count; echo $count > 1 ? ' Apps' : ' App' ?>)</span></h2>
23
  <a class="app-group-toggle" href="javascript:void(0)">
24
  <i class="fa fa-minus-square"></i><span>Open</span>
25
  </a>
26
  </div>
27
  <div class="app-group-body gs-clearfix">
28
  <?php foreach($apps as $app => $settings) { ?>
29
+ <?php $current_box = $plan_is_free ? $settings['plan'] : $settings['category']; ?>
30
+ <?php if($current_box == $cat) { ?>
31
+ <div class="app-link-wrapper filter-<?php echo $settings['plan']; ?> filter-<?php echo $settings['category']; ?>">
32
  <div class="app-link">
 
 
 
33
  <div class="app-badge-group">
34
  <?php if ($settings['new']) { ?>
35
  <div class="app-badge new">New</div>
36
  <?php } ?>
37
+ <?php if ($plan_is_free) { ?>
38
+ <div class="app-badge <?php echo $settings['category']; ?>">
39
+ <?php echo category_name($settings['category']); ?>
40
+ </div>
41
+ <?php } elseif($settings['plan'] == 'two') { ?>
42
+ <div class="app-badge plan-<?php echo $settings['plan']; ?>">
43
  <?php echo plan_name($settings['plan']); ?>
44
  </div>
45
  <?php } ?>
69
  Install App
70
  </a>
71
  <?php } ?>
72
+ <?php if ($app == 'Google Analytics' || $app == 'MailChimp') { ?>
73
+ <a id="install-<?php echo $settings['file'] ?>" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
 
 
 
 
 
 
 
74
  Install App
75
  </a>
76
  <?php } ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
77
  <?php } elseif ($app == 'Hello Buddy' && $settings['active'] == 'active') { ?>
78
  <a href="<?php echo $GS->gs_account(); ?>/sites/gs-wordpress?edit-hello-buddy<?php echo '&api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('hello_buddies') ?>" target="_blank" class="gs-button gs-primary trans border getsocial-tab">
79
  Edit App
84
  // Prevent instalation of mailchimp app without Price Alert or Subscriber Bar
85
  $prevent_install = "";
86
 
87
+ if ($app == 'MailChimp' && !$GS->has_subscriptions()) {
88
  $prevent_install = 'prevent="true"';
89
  } ?>
90
+ <a href="<?php echo $settings['href'] ?>" target="<?php echo ($settings['only_activate'] && $app != 'MailChimp' ? '' : '_blank') ?>" class="gs-button gs-primary trans border getsocial-tab <?php echo ($settings['only_activate'] ? 'only-activate' : ''); ?>" <?php echo $prevent_install; ?>>
91
 
92
  <?php echo ($settings['active']) ? 'Edit App' : 'Install App' ?>
93
 
tmpl/apps_config.php CHANGED
@@ -1,25 +1,23 @@
1
  <?php
2
- $plan_current = 'one';
 
3
 
4
  $plans = array(
5
- 'Free' => 'one',
6
- 'Starter' => 'two',
7
- 'Growth' => 'three',
8
- 'Insights' => 'four'
9
  );
10
  $categories = array(
11
- 'Most Popular' => 'popular',
12
- 'Sharing Apps' => 'sharing',
13
  'Follow Apps' => 'follow',
14
- 'eCommerce & Integrations' => 'ecommerce_integrations'
15
  );
16
  $apps = array(
17
  'Floating Sharing Bar' => array(
18
  'file' => 'floating-bar',
19
- 'category' => 'popular',
20
- 'nocode' => true,
21
  'new' => false,
22
- 'plan' => 1,
23
  'active' => $GS->is_active('floating_bar'),
24
  'only_activate' => false,
25
  'href' => $GS->gs_account() . '/sites/gs-wordpress/floating_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('floating-bar'),
@@ -27,10 +25,9 @@
27
  ),
28
  'Horizontal Sharing Bar' => array(
29
  'file' => 'sharing-bar',
30
- 'category' => 'popular',
31
- 'nocode' => true,
32
  'new' => false,
33
- 'plan' => 1,
34
  'active' => $GS->is_active('sharing_bar'),
35
  'only_activate' => false,
36
  'href' => $GS->gs_account() . '/sites/gs-wordpress/groups/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('sharing-bar'),
@@ -38,10 +35,9 @@
38
  ),
39
  'Mobile Sharing Bar' => array(
40
  'file' => 'mobile-bar',
41
- 'category' => 'popular',
42
- 'nocode' => true,
43
  'new' => false,
44
- 'plan' => 2,
45
  'active' => $GS->is_active('mobile_bar'),
46
  'only_activate' => false,
47
  'href' => $GS->gs_account() . '/sites/gs-wordpress/mobile_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('mobile-bar'),
@@ -50,9 +46,8 @@
50
  'Image Sharing' => array(
51
  'file' => 'image-sharing',
52
  'category' => 'sharing',
53
- 'nocode' => true,
54
  'new' => false,
55
- 'plan' => 2,
56
  'active' => $GS->is_active('image_sharing'),
57
  'only_activate' => false,
58
  'href' => $GS->gs_account() . '/sites/gs-wordpress/image_sharing/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('hello_buddies'),
@@ -61,9 +56,8 @@
61
  'Reaction Buttons' => array(
62
  'file' => 'reaction_buttons',
63
  'category' => 'sharing',
64
- 'nocode' => true,
65
  'new' => false,
66
- 'plan' => 1,
67
  'active' => $GS->is_active('reaction_buttons'),
68
  'only_activate' => false,
69
  'href' => $GS->gs_account() . '/sites/gs-wordpress/reaction_buttons/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('image-sharing'),
@@ -71,10 +65,9 @@
71
  ),
72
  'Hello Buddy' => array(
73
  'file' => 'hello_buddy',
74
- 'category' => 'popular',
75
- 'nocode' => true,
76
  'new' => false,
77
- 'plan' => 1,
78
  'active' => $GS->is_active('hello_buddy'),
79
  'only_activate' => false,
80
  'href' => $GS->gs_account() . '/sites/gs-wordpress/hello_buddies/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('image-sharing'),
@@ -82,10 +75,9 @@
82
  ),
83
  'Copy Paste Share Tracking' => array(
84
  'file' => 'address-tracker',
85
- 'category' => 'popular',
86
- 'nocode' => true,
87
  'new' => false,
88
- 'plan' => 2,
89
  'active' => $GS->is_active('address_tracking'),
90
  'only_activate' => true,
91
  'href' => $GS->api_url('sites/activate/' . get_option('gs-api-key') . '/address-tracker'),
@@ -94,9 +86,8 @@
94
  'Native Sharing Bar' => array(
95
  'file' => 'native-bar',
96
  'category' => 'sharing',
97
- 'nocode' => true,
98
  'new' => false,
99
- 'plan' => 1,
100
  'active' => $GS->is_active('native_bar'),
101
  'only_activate' => false,
102
  'href' => $GS->gs_account() . '/sites/gs-wordpress/native_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('native-bar'),
@@ -105,9 +96,8 @@
105
  'Horizontal Follow Bar' => array(
106
  'file' => 'follow-bar',
107
  'category' => 'follow',
108
- 'nocode' => true,
109
  'new' => false,
110
- 'plan' => 1,
111
  'active' => $GS->is_active('follow_bar'),
112
  'only_activate' => false,
113
  'href' => $GS->gs_account() . '/sites/gs-wordpress/follow_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('follow-bar'),
@@ -116,9 +106,8 @@
116
  'Floating Follow Bar' => array(
117
  'file' => 'floating-follow-bar',
118
  'category' => 'follow',
119
- 'nocode' => true,
120
  'new' => false,
121
- 'plan' => 1,
122
  'active' => $GS->is_active('floating_follow_bar'),
123
  'only_activate' => false,
124
  'href' => $GS->gs_account() . '/sites/gs-wordpress/follow_floating_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('floating-follow-bar'),
@@ -127,9 +116,8 @@
127
  'Mobile Follow Bar' => array(
128
  'file' => 'mobile-follow-bar',
129
  'category' => 'follow',
130
- 'nocode' => true,
131
  'new' => false,
132
- 'plan' => 2,
133
  'active' => $GS->is_active('mobile_follow_bar'),
134
  'only_activate' => false,
135
  'href' => $GS->gs_account() . '/sites/gs-wordpress/follow_mobile_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('mobile-follow-bar'),
@@ -137,10 +125,9 @@
137
  ),
138
  'Welcome Bar' => array(
139
  'file' => 'welcome-bar',
140
- 'category' => 'popular',
141
- 'nocode' => true,
142
  'new' => false,
143
- 'plan' => 1,
144
  'active' => $GS->is_active('welcome_bar'),
145
  'only_activate' => false,
146
  'href' => $GS->gs_account() . '/sites/gs-wordpress/welcome_bars/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('welcome-bar'),
@@ -148,10 +135,9 @@
148
  ),
149
  'Subscriber Bar' => array(
150
  'file' => 'subscriber-bar',
151
- 'category' => 'popular',
152
- 'nocode' => true,
153
  'new' => false,
154
- 'plan' => 2,
155
  'active' => $GS->is_active('subscriber_bar'),
156
  'only_activate' => false,
157
  'href' => $GS->gs_account() . '/sites/gs-wordpress/subscribe_bars/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('subscriber-bar'),
@@ -160,9 +146,8 @@
160
  'Big Total Shares Horizontal' => array(
161
  'file' => 'social-bar-big-counter',
162
  'category' => 'sharing',
163
- 'nocode' => true,
164
  'new' => false,
165
- 'plan' => 2,
166
  'active' => $GS->is_active('social_bar_big_counter'),
167
  'only_activate' => false,
168
  'href' => $GS->gs_account() . '/sites/gs-wordpress/big_counter_sharing_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('social-bar-big-counter'),
@@ -170,43 +155,19 @@
170
  ),
171
  'Big Total Shares Floating' => array(
172
  'file' => 'floating-bar-big-counter',
173
- 'category' => 'popular',
174
- 'nocode' => true,
175
  'new' => false,
176
- 'plan' => 2,
177
  'active' => $GS->is_active('floating_bar_big_counter'),
178
  'only_activate' => false,
179
  'href' => $GS->gs_account() . '/sites/gs-wordpress/big_counter_floating_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('floating-bar-big-counter'),
180
  'desc' => "Increase engagement by showing the total number of shares in a big counter on top of your floating share bar."
181
  ),
182
- 'Custom Sharing Actions' => array(
183
- 'file' => 'custom-actions',
184
- 'category' => 'sharing',
185
- 'nocode' => true,
186
- 'new' => false,
187
- 'plan' => 1,
188
- 'active' => $GS->is_active('custom_actions'),
189
- 'only_activate' => false,
190
- 'href' => $GS->gs_account() . '/sites/gs-wordpress/elements/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('custom-actions'),
191
- 'desc' => "Sometimes we need to say more than a simple 'Like'. Here you'll find more than 50 custom stories such as Awesome, Wish or Love."
192
- ),
193
- 'Price Alert' => array(
194
- 'file' => 'price-alert',
195
- 'category' => 'ecommerce_integrations',
196
- 'nocode' => true,
197
- 'new' => false,
198
- 'plan' => 2,
199
- 'active' => $GS->is_active('price_alert'),
200
- 'only_activate' => false,
201
- 'href' => $GS->gs_account() . '/sites/gs-wordpress/price_alerts/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('price-alert'),
202
- 'desc' => "Allow your visitors to get notified when a price drop occurs on a product they want to purchase. Increase sales and fight cart abandonment."
203
- ),
204
  'Google Analytics' => array(
205
  'file' => 'ga_integration',
206
- 'category' => 'ecommerce_integrations',
207
- 'nocode' => true,
208
  'new' => false,
209
- 'plan' => 2,
210
  'active' => $GS->is_active('ga_integration'),
211
  'only_activate' => true,
212
  'href' => $GS->api_url('sites/activate/' . get_option('gs-api-key') . '/ga_integration'),
@@ -214,37 +175,14 @@
214
  ),
215
  'MailChimp' => array(
216
  'file' => 'mailchimp',
217
- 'category' => 'ecommerce_integrations',
218
- 'nocode' => true,
219
  'new' => false,
220
- 'plan' => 2,
221
  'active' => $GS->is_active('mailchimp'),
222
  'only_activate' => true,
223
  'href' => $GS->gs_account() . '/auth/mailchimp',
224
  'desc' => "Automatically connect your Subscriber Bar & Price Alert features with your Mailchimp account"
225
- ),
226
- 'Bitly' => array(
227
- 'file' => 'bitly',
228
- 'category' => 'ecommerce_integrations',
229
- 'nocode' => true,
230
- 'new' => false,
231
- 'plan' => 2,
232
- 'active' => $GS->is_active('bitly'),
233
- 'only_activate' => true,
234
- 'href' => $GS->gs_account() . '/auth/bitly',
235
- 'desc' => "Activating our Bitly integration will allow your readers to share using your Bitly account. Easy, no code required!"
236
- ),
237
- 'InfusionSoft' => array(
238
- 'file' => 'infusionsoft',
239
- 'category' => 'ecommerce_integrations',
240
- 'nocode' => true,
241
- 'new' => false,
242
- 'plan' => 2,
243
- 'active' => $GS->is_active('infusionsoft'),
244
- 'only_activate' => true,
245
- 'href' => $GS->gs_account() . '/auth/infusionsoft',
246
- 'desc' => "Connect to Infusionsoft account and grow your CRM list with our Subscriber Bar"
247
- ),
248
  );
249
 
250
  $plan_class = array_values($plans);
@@ -254,11 +192,20 @@
254
 
255
  function plan_class($plan_id) {
256
  global $plan_class;
257
- return $plan_class[$plan_id - 1];
 
 
258
  }
259
 
260
  function plan_name($plan_id) {
261
  global $plan_name;
262
- return $plan_name[$plan_id - 1];
 
 
 
 
 
 
 
263
  }
264
  ?>
1
  <?php
2
+
3
+ $plan_is_free = get_option('gs-pro') ? false : true;
4
 
5
  $plans = array(
6
+ 'Free Apps' => 'one',
7
+ 'Paid Apps' => 'two'
 
 
8
  );
9
  $categories = array(
10
+ 'Sharing Apps' => 'sharing',
11
+ 'Tracking & Engagement Tools' => 'tracking',
12
  'Follow Apps' => 'follow',
13
+ 'Integrations' => 'integrations'
14
  );
15
  $apps = array(
16
  'Floating Sharing Bar' => array(
17
  'file' => 'floating-bar',
18
+ 'category' => 'sharing',
 
19
  'new' => false,
20
+ 'plan' => 'one',
21
  'active' => $GS->is_active('floating_bar'),
22
  'only_activate' => false,
23
  'href' => $GS->gs_account() . '/sites/gs-wordpress/floating_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('floating-bar'),
25
  ),
26
  'Horizontal Sharing Bar' => array(
27
  'file' => 'sharing-bar',
28
+ 'category' => 'sharing',
 
29
  'new' => false,
30
+ 'plan' => 'one',
31
  'active' => $GS->is_active('sharing_bar'),
32
  'only_activate' => false,
33
  'href' => $GS->gs_account() . '/sites/gs-wordpress/groups/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('sharing-bar'),
35
  ),
36
  'Mobile Sharing Bar' => array(
37
  'file' => 'mobile-bar',
38
+ 'category' => 'sharing',
 
39
  'new' => false,
40
+ 'plan' => 'two',
41
  'active' => $GS->is_active('mobile_bar'),
42
  'only_activate' => false,
43
  'href' => $GS->gs_account() . '/sites/gs-wordpress/mobile_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('mobile-bar'),
46
  'Image Sharing' => array(
47
  'file' => 'image-sharing',
48
  'category' => 'sharing',
 
49
  'new' => false,
50
+ 'plan' => 'two',
51
  'active' => $GS->is_active('image_sharing'),
52
  'only_activate' => false,
53
  'href' => $GS->gs_account() . '/sites/gs-wordpress/image_sharing/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('hello_buddies'),
56
  'Reaction Buttons' => array(
57
  'file' => 'reaction_buttons',
58
  'category' => 'sharing',
 
59
  'new' => false,
60
+ 'plan' => 'one',
61
  'active' => $GS->is_active('reaction_buttons'),
62
  'only_activate' => false,
63
  'href' => $GS->gs_account() . '/sites/gs-wordpress/reaction_buttons/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('image-sharing'),
65
  ),
66
  'Hello Buddy' => array(
67
  'file' => 'hello_buddy',
68
+ 'category' => 'tracking',
 
69
  'new' => false,
70
+ 'plan' => 'one',
71
  'active' => $GS->is_active('hello_buddy'),
72
  'only_activate' => false,
73
  'href' => $GS->gs_account() . '/sites/gs-wordpress/hello_buddies/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('image-sharing'),
75
  ),
76
  'Copy Paste Share Tracking' => array(
77
  'file' => 'address-tracker',
78
+ 'category' => 'tracking',
 
79
  'new' => false,
80
+ 'plan' => 'two',
81
  'active' => $GS->is_active('address_tracking'),
82
  'only_activate' => true,
83
  'href' => $GS->api_url('sites/activate/' . get_option('gs-api-key') . '/address-tracker'),
86
  'Native Sharing Bar' => array(
87
  'file' => 'native-bar',
88
  'category' => 'sharing',
 
89
  'new' => false,
90
+ 'plan' => 'one',
91
  'active' => $GS->is_active('native_bar'),
92
  'only_activate' => false,
93
  'href' => $GS->gs_account() . '/sites/gs-wordpress/native_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('native-bar'),
96
  'Horizontal Follow Bar' => array(
97
  'file' => 'follow-bar',
98
  'category' => 'follow',
 
99
  'new' => false,
100
+ 'plan' => 'one',
101
  'active' => $GS->is_active('follow_bar'),
102
  'only_activate' => false,
103
  'href' => $GS->gs_account() . '/sites/gs-wordpress/follow_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('follow-bar'),
106
  'Floating Follow Bar' => array(
107
  'file' => 'floating-follow-bar',
108
  'category' => 'follow',
 
109
  'new' => false,
110
+ 'plan' => 'one',
111
  'active' => $GS->is_active('floating_follow_bar'),
112
  'only_activate' => false,
113
  'href' => $GS->gs_account() . '/sites/gs-wordpress/follow_floating_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('floating-follow-bar'),
116
  'Mobile Follow Bar' => array(
117
  'file' => 'mobile-follow-bar',
118
  'category' => 'follow',
 
119
  'new' => false,
120
+ 'plan' => 'two',
121
  'active' => $GS->is_active('mobile_follow_bar'),
122
  'only_activate' => false,
123
  'href' => $GS->gs_account() . '/sites/gs-wordpress/follow_mobile_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('mobile-follow-bar'),
125
  ),
126
  'Welcome Bar' => array(
127
  'file' => 'welcome-bar',
128
+ 'category' => 'tracking',
 
129
  'new' => false,
130
+ 'plan' => 'one',
131
  'active' => $GS->is_active('welcome_bar'),
132
  'only_activate' => false,
133
  'href' => $GS->gs_account() . '/sites/gs-wordpress/welcome_bars/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('welcome-bar'),
135
  ),
136
  'Subscriber Bar' => array(
137
  'file' => 'subscriber-bar',
138
+ 'category' => 'tracking',
 
139
  'new' => false,
140
+ 'plan' => 'two',
141
  'active' => $GS->is_active('subscriber_bar'),
142
  'only_activate' => false,
143
  'href' => $GS->gs_account() . '/sites/gs-wordpress/subscribe_bars/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('subscriber-bar'),
146
  'Big Total Shares Horizontal' => array(
147
  'file' => 'social-bar-big-counter',
148
  'category' => 'sharing',
 
149
  'new' => false,
150
+ 'plan' => 'two',
151
  'active' => $GS->is_active('social_bar_big_counter'),
152
  'only_activate' => false,
153
  'href' => $GS->gs_account() . '/sites/gs-wordpress/big_counter_sharing_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('social-bar-big-counter'),
155
  ),
156
  'Big Total Shares Floating' => array(
157
  'file' => 'floating-bar-big-counter',
158
+ 'category' => 'sharing',
 
159
  'new' => false,
160
+ 'plan' => 'two',
161
  'active' => $GS->is_active('floating_bar_big_counter'),
162
  'only_activate' => false,
163
  'href' => $GS->gs_account() . '/sites/gs-wordpress/big_counter_floating_bar/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('floating-bar-big-counter'),
164
  'desc' => "Increase engagement by showing the total number of shares in a big counter on top of your floating share bar."
165
  ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
166
  'Google Analytics' => array(
167
  'file' => 'ga_integration',
168
+ 'category' => 'integrations',
 
169
  'new' => false,
170
+ 'plan' => 'two',
171
  'active' => $GS->is_active('ga_integration'),
172
  'only_activate' => true,
173
  'href' => $GS->api_url('sites/activate/' . get_option('gs-api-key') . '/ga_integration'),
175
  ),
176
  'MailChimp' => array(
177
  'file' => 'mailchimp',
178
+ 'category' => 'integrations',
 
179
  'new' => false,
180
+ 'plan' => 'two',
181
  'active' => $GS->is_active('mailchimp'),
182
  'only_activate' => true,
183
  'href' => $GS->gs_account() . '/auth/mailchimp',
184
  'desc' => "Automatically connect your Subscriber Bar & Price Alert features with your Mailchimp account"
185
+ )
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
186
  );
187
 
188
  $plan_class = array_values($plans);
192
 
193
  function plan_class($plan_id) {
194
  global $plan_class;
195
+ global $plans;
196
+ // return $plan_class[$plan_id - 1];
197
+ return array_search($plan_id, $plans);
198
  }
199
 
200
  function plan_name($plan_id) {
201
  global $plan_name;
202
+ global $plans;
203
+ // return $plan_name[$plan_id - 1];
204
+ return array_search($plan_id, $plans);
205
+ }
206
+
207
+ function category_name($category_key) {
208
+ global $categories;
209
+ return array_search($category_key, $categories);
210
  }
211
  ?>
tmpl/apps_filters.php CHANGED
@@ -1,18 +1,13 @@
1
  <div id="app-grid-filters">
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
-
5
- <?php if ($plan_current == 'one'): ?>
6
- <a href="javascript:void(0)" class="gs-button plan-two trans gs-tooltip" data-filter="two">Starter Apps <div>Apps that are only available in the <strong>Starter Plan</strong></div></a>
7
- <?php endif; ?>
8
-
9
- <a href="javascript:void(0)" class="gs-button gs-success nocode trans gs-tooltip" data-filter="nocode">No Code <div>Apps that <strong>require no code</strong> to be installed</div></a>
10
  <a href="javascript:void(0)" id="app-filter" class="gs-button gs-primary trans"><i class="fa fa-filter"></i> Category</a>
11
  <div id="app-filter-dropdown">
12
- <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="popular">Most Popular</a>
13
  <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="sharing">Sharing Apps</a>
 
14
  <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="follow">Follow Apps</a>
15
- <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-nocode" data-filter="ecommerce_integrations">eCommerce & Integrations</a>
16
  </div>
17
  </div>
18
  </div>
1
  <div id="app-grid-filters">
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
+ <a href="javascript:void(0)" class="gs-button plan-two trans gs-tooltip" data-filter="two">Tools Plan<div>Apps that are only available in the <strong>Tools Plan</strong></div></a>
 
 
 
 
 
5
  <a href="javascript:void(0)" id="app-filter" class="gs-button gs-primary trans"><i class="fa fa-filter"></i> Category</a>
6
  <div id="app-filter-dropdown">
 
7
  <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="sharing">Sharing Apps</a>
8
+ <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="tracking">Tracking & Engagement Tools</a>
9
  <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="follow">Follow Apps</a>
10
+ <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-nocode" data-filter="integrations">Integrations</a>
11
  </div>
12
  </div>
13
  </div>
tmpl/footer.php CHANGED
@@ -3,7 +3,7 @@
3
  <a id="gs-backToTop" href="javascript:void(0)" class="gs-button gs-primary"><i class="fa fa-angle-up"></i> Back to Top</a>
4
  <?php if (!$GS->is_pro()) { ?>
5
  &nbsp;&nbsp;&nbsp;&nbsp;or&nbsp;&nbsp;&nbsp;&nbsp;
6
- <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress" target="_blank" class="gs-button plan-two">Upgrade to STARTER</a>
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;">
@@ -11,14 +11,14 @@
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>. Spreading the word helps us keep the best features free. If you have any problems or need any assistance just reach out to our <a class="uservoice-contact" href="javascript:Intercom('show');" style="color: #fff; text-decoration: underline"><strong>Free Support</strong></a></li>
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 } ?>
23
  </footer>
24
 
@@ -29,8 +29,8 @@
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:#339ed5" 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: #339ed5; 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><br><div style="text-align: left; padding: 10px 30px 0;">It’s a great way to give back and allows us to keep providing most of our features for free. If you don’t feel we’re worth the 5 stars, <a class="uservoice-contact" style="color:#339ed5" href="javascript:Intercom('show');">please let us know</a>.<br><br>We’re always available to provide <a class="uservoice-contact" style="color:#339ed5;" href="javascript:Intercom('show');">technical support</a> too.</div>
34
  </p>
35
  </div>
36
  <div class="modal-cover modal-close"></div>
3
  <a id="gs-backToTop" href="javascript:void(0)" class="gs-button gs-primary"><i class="fa fa-angle-up"></i> Back to Top</a>
4
  <?php if (!$GS->is_pro()) { ?>
5
  &nbsp;&nbsp;&nbsp;&nbsp;or&nbsp;&nbsp;&nbsp;&nbsp;
6
+ <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress" target="_blank" class="gs-button plan-two">Upgrade to TOOLS</a>
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;">
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 } ?>
23
  </footer>
24
 
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:#339ed5" 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: #339ed5; 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>
tmpl/header.php CHANGED
@@ -62,17 +62,13 @@ wp_enqueue_script('gs-plugin');
62
  </a>
63
  <div class="submenu-wrapper">
64
  <ul class="submenu">
 
65
  <li>
66
- <?php if(get_option('gs-api-key') == '') { ?>
67
- <a href="mailto:support@getsocial.io">
68
- Email Support
69
- </a>
70
- <?php } else { ?>
71
- <a href="javascript:Intercom('show');" id="help">
72
- Email Support
73
- </a>
74
- <?php } ?>
75
  </li>
 
76
  <li>
77
  <a href="http://help.getsocial.io/" target="_blank">
78
  <i class="fa fa-life-bouy"></i> Documentation
@@ -84,7 +80,7 @@ wp_enqueue_script('gs-plugin');
84
  <?php if (get_option('gs-api-key') != '' && !$GS->is_pro()): ?>
85
  <li id="cta-nav" class="right-link">
86
  <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="plan-two">
87
- Upgrade to STARTER
88
  </a>
89
  </li>
90
  <?php if (get_option('gs-ask-review')): ?>
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
80
  <?php if (get_option('gs-api-key') != '' && !$GS->is_pro()): ?>
81
  <li id="cta-nav" class="right-link">
82
  <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="plan-two">
83
+ Upgrade to TOOLS
84
  </a>
85
  </li>
86
  <?php if (get_option('gs-ask-review')): ?>
wp-share-buttons-analytics-getsocial.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: Share Buttons & tools to grow traffic by GetSocial.io
4
  * Plugin URI: http://getsocial.io
5
  * Description: Share Buttons by GetSocial.io is a freemium WordPress plugin that enables you to track social shares on Wordpress. Provide beautiful wordpress sharing buttons, track how many shares were made in each post and see how much traffic, conversions and shares each post generated. Optimize your SEO and increase social shares with GetSocial.io.
6
- * Version: 3.2.3
7
  * Author: Getsocial, S.A.
8
  * Author URI: http://getsocial.io
9
  * License: GPL2
3
  * Plugin Name: Share Buttons & tools to grow traffic by GetSocial.io
4
  * Plugin URI: http://getsocial.io
5
  * Description: Share Buttons by GetSocial.io is a freemium WordPress plugin that enables you to track social shares on Wordpress. Provide beautiful wordpress sharing buttons, track how many shares were made in each post and see how much traffic, conversions and shares each post generated. Optimize your SEO and increase social shares with GetSocial.io.
6
+ * Version: 4.0.1
7
  * Author: Getsocial, S.A.
8
  * Author URI: http://getsocial.io
9
  * License: GPL2