Social Media Share Buttons - Version 3.1

Version Description

Download this release

Release Info

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

Code changes from version 3.0.2 to 3.1

css/getsocial-style.css CHANGED
@@ -1,187 +1,227 @@
1
- @-webkit-keyframes fade-in-up {
2
- 0% {
3
- -webkit-transform: translateY(30px);
4
- opacity: 0
5
- }
6
- 100% {
7
- -webkit-transform: translateY(0);
8
- opacity: 1
9
- }
10
  }
 
 
11
  @keyframes fade-in-up {
12
- 0% {
13
- transform: translateY(30px);
14
- opacity: 0
15
- }
16
- 100% {
17
- transform: translateY(0);
18
- opacity: 1
19
- }
20
  }
 
 
21
  @-webkit-keyframes fade-in-down {
22
- 0% {
23
- -webkit-transform: translateY(-30px);
24
- opacity: 0
25
- }
26
- 100% {
27
- -webkit-transform: translateY(0);
28
- opacity: 1
29
- }
30
  }
 
 
31
  @keyframes fade-in-down {
32
- 0% {
33
- transform: translateY(-30px);
34
- opacity: 0
35
- }
36
- 100% {
37
- transform: translateY(0);
38
- opacity: 1
39
- }
40
  }
 
 
41
  @-webkit-keyframes fade-out-up {
42
- 0% {
43
- -webkit-transform: translateY(0);
44
- opacity: 1
45
- }
46
- 100% {
47
- -webkit-transform: translateY(-30px);
48
- opacity: 0
49
- }
50
  }
 
 
51
  @keyframes fade-out-up {
52
- 0% {
53
- transform: translateY(0);
54
- opacity: 1
55
- }
56
- 100% {
57
- transform: translateY(-30px);
58
- opacity: 0
59
- }
60
  }
 
 
61
  @-webkit-keyframes opacity-in {
62
- 0% {
63
- opacity: 0
64
- }
65
- 100% {
66
- opacity: 1
67
- }
68
  }
 
 
69
  @keyframes opacity-in {
70
- 0% {
71
- opacity: 0
72
- }
73
- 100% {
74
- opacity: 1
75
- }
76
  }
 
 
77
  @-webkit-keyframes opacity-out {
78
- 0% {
79
- opacity: 1
80
- }
81
- 100% {
82
- opacity: 0
83
- }
84
  }
 
 
85
  @keyframes opacity-out {
86
- 0% {
87
- opacity: 1
88
- }
89
- 100% {
90
- opacity: 0
91
- }
92
  }
 
 
93
  @-webkit-keyframes fade-in-up {
94
- 0% {
95
- -webkit-transform: translateY(30px);
96
- opacity: 0
97
- }
98
- 100% {
99
- -webkit-transform: translateY(0);
100
- opacity: 1
101
- }
102
  }
 
 
103
  @keyframes fade-in-up {
104
- 0% {
105
- transform: translateY(30px);
106
- opacity: 0
107
- }
108
- 100% {
109
- transform: translateY(0);
110
- opacity: 1
111
- }
112
  }
 
 
113
  @-webkit-keyframes fade-in-down {
114
- 0% {
115
- -webkit-transform: translateY(-30px);
116
- opacity: 0
117
- }
118
- 100% {
119
- -webkit-transform: translateY(0);
120
- opacity: 1
121
- }
122
  }
 
 
123
  @keyframes fade-in-down {
124
- 0% {
125
- transform: translateY(-30px);
126
- opacity: 0
127
- }
128
- 100% {
129
- transform: translateY(0);
130
- opacity: 1
131
- }
132
  }
 
 
133
  @-webkit-keyframes fade-out-up {
134
- 0% {
135
- -webkit-transform: translateY(0);
136
- opacity: 1
137
- }
138
- 100% {
139
- -webkit-transform: translateY(-30px);
140
- opacity: 0
141
- }
142
  }
 
 
143
  @keyframes fade-out-up {
144
- 0% {
145
- transform: translateY(0);
146
- opacity: 1
147
- }
148
- 100% {
149
- transform: translateY(-30px);
150
- opacity: 0
151
- }
152
  }
 
 
153
  @-webkit-keyframes opacity-in {
154
- 0% {
155
- opacity: 0
156
- }
157
- 100% {
158
- opacity: 1
159
- }
160
  }
 
 
161
  @keyframes opacity-in {
162
- 0% {
163
- opacity: 0
164
- }
165
- 100% {
166
- opacity: 1
167
- }
168
  }
 
 
169
  @-webkit-keyframes opacity-out {
170
- 0% {
171
- opacity: 1
172
- }
173
- 100% {
174
- opacity: 0
175
- }
176
  }
 
 
177
  @keyframes opacity-out {
178
- 0% {
179
- opacity: 1
180
- }
181
- 100% {
182
- opacity: 0
183
- }
184
  }
 
 
185
  html,
186
  body,
187
  div,
@@ -263,13 +303,14 @@ time,
263
  mark,
264
  audio,
265
  video {
266
- margin: 0;
267
- padding: 0;
268
- border: 0;
269
- font-size: 100%;
270
- font: inherit;
271
- vertical-align: baseline
272
  }
 
273
  article,
274
  aside,
275
  details,
@@ -281,5028 +322,6108 @@ hgroup,
281
  menu,
282
  nav,
283
  section {
284
- display: block
285
  }
 
286
  body {
287
- line-height: 1
288
  }
 
289
  ol,
290
  ul {
291
- list-style: none
292
  }
 
293
  blockquote,
294
  q {
295
- quotes: none
296
  }
 
297
  blockquote:before,
298
  blockquote:after,
299
  q:before,
300
  q:after {
301
- content: "";
302
- content: none
303
  }
 
304
  table {
305
- border-collapse: collapse;
306
- border-spacing: 0
307
  }
 
308
  a {
309
- text-decoration: none
310
  }
 
311
  @-webkit-keyframes fade-in-up {
312
- 0% {
313
- -webkit-transform: translateY(30px);
314
- opacity: 0
315
- }
316
- 100% {
317
- -webkit-transform: translateY(0);
318
- opacity: 1
319
- }
320
  }
 
 
321
  @keyframes fade-in-up {
322
- 0% {
323
- transform: translateY(30px);
324
- opacity: 0
325
- }
326
- 100% {
327
- transform: translateY(0);
328
- opacity: 1
329
- }
330
  }
 
 
331
  @-webkit-keyframes fade-in-down {
332
- 0% {
333
- -webkit-transform: translateY(-30px);
334
- opacity: 0
335
- }
336
- 100% {
337
- -webkit-transform: translateY(0);
338
- opacity: 1
339
- }
340
  }
 
 
341
  @keyframes fade-in-down {
342
- 0% {
343
- transform: translateY(-30px);
344
- opacity: 0
345
- }
346
- 100% {
347
- transform: translateY(0);
348
- opacity: 1
349
- }
350
  }
 
 
351
  @-webkit-keyframes fade-out-up {
352
- 0% {
353
- -webkit-transform: translateY(0);
354
- opacity: 1
355
- }
356
- 100% {
357
- -webkit-transform: translateY(-30px);
358
- opacity: 0
359
- }
360
  }
 
 
361
  @keyframes fade-out-up {
362
- 0% {
363
- transform: translateY(0);
364
- opacity: 1
365
- }
366
- 100% {
367
- transform: translateY(-30px);
368
- opacity: 0
369
- }
370
  }
 
 
371
  @-webkit-keyframes opacity-in {
372
- 0% {
373
- opacity: 0
374
- }
375
- 100% {
376
- opacity: 1
377
- }
378
  }
 
 
379
  @keyframes opacity-in {
380
- 0% {
381
- opacity: 0
382
- }
383
- 100% {
384
- opacity: 1
385
- }
386
  }
 
 
387
  @-webkit-keyframes opacity-out {
388
- 0% {
389
- opacity: 1
390
- }
391
- 100% {
392
- opacity: 0
393
- }
394
  }
 
 
395
  @keyframes opacity-out {
396
- 0% {
397
- opacity: 1
398
- }
399
- 100% {
400
- opacity: 0
401
- }
402
  }
 
 
403
  header {
404
- width: 100%;
405
- padding-top: 53px;
406
- display: inline-block
407
  }
 
408
  header #logo-wrapper {
409
- background: #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
- }
531
- header #main-nav nav>ul>li:not(.right-link) {
532
- margin-right: -4px
533
- }
534
- header #main-nav nav>ul>li.submenu-link {
535
- position: relative
536
- }
537
- header #main-nav nav>ul>li.submenu-link>a {
538
- padding-right: 7px
539
- }
540
- header #main-nav nav>ul>li.submenu-link.right-link .submenu-wrapper {
541
- left: auto;
542
- right: 0
543
- }
544
- header #main-nav nav>ul>li.submenu-link .submenu-wrapper {
545
- min-width: 150px;
546
- padding: 0 5px 5px;
547
- margin: 0 -5px;
548
- display: none;
549
- overflow: hidden;
550
- position: absolute;
551
- top: 100%;
552
- left: 0;
553
- z-index: 2;
554
- box-sizing: initial
555
- }
556
- header #main-nav nav>ul>li.submenu-link .submenu {
557
- min-width: 100%;
558
- background: #f3f3f3;
559
- padding: 10px 8px;
560
- -webkit-transform: translate(0, -100%);
561
- -ms-transform: translate(0, -100%);
562
- transform: translate(0, -100%);
563
- -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
564
- transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
565
- border-radius: 0 0 4px 4px;
566
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 9px 8px -10px rgba(0, 0, 0, 0.5)
567
- }
568
- header #main-nav nav>ul>li.submenu-link .submenu.active {
569
- -webkit-transform: translate(0, 0);
570
- -ms-transform: translate(0, 0);
571
- transform: translate(0, 0)
572
- }
573
- header #main-nav nav>ul>li.submenu-link .submenu li.divider {
574
- border-bottom: 1px solid #dfdfdf;
575
- margin: 0 -8px;
576
- padding: 0 8px 10px
577
- }
578
- header #main-nav nav>ul>li.submenu-link .submenu li.divider+li {
579
- padding-top: 8px
580
- }
581
- header #main-nav nav>ul>li.submenu-link .submenu a {
582
- width: 100%;
583
- color: #606060;
584
- white-space: nowrap;
585
- padding: 8px 10px;
586
- position: relative;
587
- border-radius: 4px
588
- }
589
- header #main-nav nav>ul>li.submenu-link .submenu a.lib-active,
590
- header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active {
591
- padding-right: 35px
592
- }
593
- header #main-nav nav>ul>li.submenu-link .submenu a.lib-active:after,
594
- header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active:after {
595
- font-family: "FontAwesome";
596
- font-size: 16px;
597
- position: absolute;
598
- top: 50%;
599
- right: 5px;
600
- margin-top: -8px
601
- }
602
- header #main-nav nav>ul>li.submenu-link .submenu a.lib-active:after {
603
- content: "";
604
- color: #8db13d
605
- }
606
- header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active:after {
607
- content: "";
608
- color: #d36c65
609
- }
610
- header #main-nav nav>ul>li.submenu-link .submenu a:hover,
611
- header #main-nav nav>ul>li.submenu-link .submenu a:focus {
612
- background: #e6e6e6
613
- }
614
- header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"] {
615
- position: relative;
616
- padding-right: 60px
617
- }
618
- header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"]>span {
619
- font-size: 11px;
620
- color: #fff;
621
- padding: 2px 5px 3px;
622
- position: absolute;
623
- top: 7px;
624
- right: 4px;
625
- border-radius: 4px
626
- }
627
- header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-one>span {
628
- background: #339ed5
629
- }
630
- header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-two>span {
631
- background: #f29809
632
- }
633
- header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-three>span {
634
- background: #dd5a7c
635
- }
636
- header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-four>span {
637
- background: #9a58e6
638
- }
639
- header #main-nav nav>ul>li#cta-nav+#user-nav {
640
- margin-right: 0
641
- }
642
- header #main-nav nav>ul>li#user-nav {
643
- margin-right: 4px
644
- }
645
- header #main-nav nav>ul>li#user-nav img {
646
- width: 30px;
647
- border: 3px solid #72bce2;
648
- margin: -7px 2px -5px;
649
- border-radius: 100%
650
- }
651
- header #main-nav nav>ul>li#user-nav>i {
652
- margin-left: 6px
653
- }
654
- header #main-nav nav>ul>li#user-nav a>div {
655
- left: auto;
656
- right: 4px;
657
- -webkit-transform: translateX(0);
658
- -ms-transform: translateX(0);
659
- transform: translateX(0)
660
- }
661
- header #main-nav nav>ul>li#user-nav a>div:before {
662
- margin-left: 0;
663
- left: auto;
664
- right: 24px
665
- }
666
- header #main-nav nav>ul>li#store-nav {
667
- margin-right: -4px
668
- }
669
- header #main-nav nav>ul>li#store-nav>a {
670
- background: #2a94ca
671
- }
672
- header #main-nav nav>ul>li#store-nav>a:hover {
673
- background: #278abd
674
- }
675
- header #main-nav nav>ul>li#store-nav>a:active {
676
- background: #2584b5
677
- }
678
- header #main-nav nav>ul>li#store-nav li.tier-counter {
679
- background: #2a94ca;
680
- margin: 0 -8px;
681
- padding: 11px 8px 0;
682
- overflow: hidden
683
- }
684
- header #main-nav nav>ul>li#store-nav li.tier-counter .counter {
685
- font-size: 12px;
686
- color: #9dd0eb;
687
- text-align: right;
688
- position: relative;
689
- z-index: 2
690
- }
691
- header #main-nav nav>ul>li#store-nav li.tier-counter .counter>div:first-of-type {
692
- font-size: 22px;
693
- font-weight: 600;
694
- color: #fff;
695
- margin: 0 0 10px;
696
- position: relative;
697
- left: 0
698
- }
699
- header #main-nav nav>ul>li#store-nav li.tier-counter.no-limit .badge>span {
700
- opacity: 1 !important;
701
- -webkit-transform: translateY(0) !important;
702
- -ms-transform: translateY(0) !important;
703
- transform: translateY(0) !important
704
- }
705
- header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span {
706
- color: #fff;
707
- font-weight: 600;
708
- padding: 2px 7px;
709
- position: absolute;
710
- top: -2px;
711
- -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
712
- transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1)
713
- }
714
- header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span:first-child {
715
- opacity: 1;
716
- left: 0;
717
- z-index: 0;
718
- border-radius: 4px
719
  }
720
- header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.one {
721
- background: #339ed5
 
722
  }
723
- header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.two {
724
- background: #f29809
 
 
725
  }
726
- header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.three {
727
- background: #dd5a7c
 
728
  }
729
- header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.four {
730
- background: #9a58e6
 
731
  }
732
- header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span:not(:first-child):last-child {
733
- opacity: 0;
734
- left: -7px;
735
- z-index: 1;
736
- -webkit-transform: translateY(100%);
737
- -ms-transform: translateY(100%);
738
- transform: translateY(100%)
739
- }
740
- header #main-nav nav>ul>li#store-nav li.tier-counter #progbar {
741
- height: 6px;
742
- background: #fff;
743
- margin: 0 -8px
744
- }
745
- header #main-nav nav>ul>li#store-nav li.tier-counter #progbar>div {
746
- width: 50px;
747
- height: 6px;
748
- background: #9bc048;
749
- content: "";
750
- display: block
751
- }
752
- header #main-nav nav>ul>li#store-nav li.tier-counter:hover:not(.no-limit) .badge>span:first-child {
753
- opacity: 0;
754
- -webkit-transform: translateY(-100%);
755
- -ms-transform: translateY(-100%);
756
- transform: translateY(-100%)
757
  }
758
- header #main-nav nav>ul>li#store-nav li.tier-counter:hover:not(.no-limit) .badge>span:last-child {
759
- opacity: 1;
760
- -webkit-transform: translateY(0);
761
- -ms-transform: translateY(0);
762
- transform: translateY(0)
763
  }
764
- header #main-nav nav>ul>li#store-nav li.extra {
765
- margin: 0 -8px -10px
 
766
  }
767
- header #main-nav nav>ul>li#store-nav li.extra a {
768
- background: #f3f3f3;
769
- padding: 12px 18px 13px;
770
- border-radius: 0 0 4px 4px
771
  }
772
- header #main-nav nav>ul>li#store-nav li.extra a:hover,
773
- header #main-nav nav>ul>li#store-nav li.extra a:focus {
774
- background: #e6e6e6
775
  }
776
- header #main-nav nav>ul>li#store-nav li.extra a:active {
777
- background: #dfdfdf
 
778
  }
779
- header #main-nav nav>ul>li#store-nav #store-status {
780
- min-width: 22px;
781
- font-size: 14px;
782
- text-align: center;
783
- display: inline-block;
784
- padding: 4px 0;
785
- margin: -4px 4px -4px 2px;
786
- position: relative;
787
- bottom: -1px;
788
- border-radius: 100%
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
789
  }
790
- header #main-nav nav>ul>li#store-nav #store-status.active {
791
- background: #98bf44
 
 
 
 
 
 
 
 
 
 
 
 
 
 
792
  }
793
- header #main-nav nav>ul>li#store-nav #store-status.error {
794
- background: #d36c65
 
 
 
795
  }
796
- header #main-nav nav>ul>li#store-nav #site-collection {
797
- padding-top: 0;
798
- background: #e6e6e6;
799
- 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)
 
 
 
800
  }
801
- header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra) {
802
- max-height: 200px;
803
- padding: 10px 0;
804
- overflow-y: scroll
 
 
805
  }
806
- header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra) a:hover,
807
- header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra) a:focus {
808
- background: #dadada
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
809
  }
 
810
  @-webkit-keyframes fade-in-up {
811
- 0% {
812
- -webkit-transform: translateY(30px);
813
- opacity: 0
814
- }
815
- 100% {
816
- -webkit-transform: translateY(0);
817
- opacity: 1
818
- }
819
  }
 
 
820
  @keyframes fade-in-up {
821
- 0% {
822
- transform: translateY(30px);
823
- opacity: 0
824
- }
825
- 100% {
826
- transform: translateY(0);
827
- opacity: 1
828
- }
829
  }
 
 
830
  @-webkit-keyframes fade-in-down {
831
- 0% {
832
- -webkit-transform: translateY(-30px);
833
- opacity: 0
834
- }
835
- 100% {
836
- -webkit-transform: translateY(0);
837
- opacity: 1
838
- }
839
  }
 
 
840
  @keyframes fade-in-down {
841
- 0% {
842
- transform: translateY(-30px);
843
- opacity: 0
844
- }
845
- 100% {
846
- transform: translateY(0);
847
- opacity: 1
848
- }
849
  }
 
 
850
  @-webkit-keyframes fade-out-up {
851
- 0% {
852
- -webkit-transform: translateY(0);
853
- opacity: 1
854
- }
855
- 100% {
856
- -webkit-transform: translateY(-30px);
857
- opacity: 0
858
- }
859
  }
 
 
860
  @keyframes fade-out-up {
861
- 0% {
862
- transform: translateY(0);
863
- opacity: 1
864
- }
865
- 100% {
866
- transform: translateY(-30px);
867
- opacity: 0
868
- }
869
  }
 
 
870
  @-webkit-keyframes opacity-in {
871
- 0% {
872
- opacity: 0
873
- }
874
- 100% {
875
- opacity: 1
876
- }
877
  }
 
 
878
  @keyframes opacity-in {
879
- 0% {
880
- opacity: 0
881
- }
882
- 100% {
883
- opacity: 1
884
- }
885
  }
 
 
886
  @-webkit-keyframes opacity-out {
887
- 0% {
888
- opacity: 1
889
- }
890
- 100% {
891
- opacity: 0
892
- }
893
  }
 
 
894
  @keyframes opacity-out {
895
- 0% {
896
- opacity: 1
897
- }
898
- 100% {
899
- opacity: 0
900
- }
901
  }
 
 
902
  .title-wrapper {
903
- background: #fff;
904
- text-align: center;
905
- border-bottom: 1px solid #e9e9e9;
906
- padding: 46px 0 56px;
907
- position: relative;
908
- z-index: 4
909
  }
 
910
  .title-wrapper h1 {
911
- font-family: "Raleway", sans-serif;
912
- font-weight: 800;
913
- text-align: right;
914
- display: inline-block
915
  }
916
- .title-wrapper h1+p {
917
- max-width: 600px;
918
- margin-left: auto;
919
- margin-right: auto
 
920
  }
 
921
  .title-wrapper.analytics {
922
- z-index: 0
923
  }
 
924
  @-webkit-keyframes fade-in-up {
925
- 0% {
926
- -webkit-transform: translateY(30px);
927
- opacity: 0
928
- }
929
- 100% {
930
- -webkit-transform: translateY(0);
931
- opacity: 1
932
- }
933
  }
 
 
934
  @keyframes fade-in-up {
935
- 0% {
936
- transform: translateY(30px);
937
- opacity: 0
938
- }
939
- 100% {
940
- transform: translateY(0);
941
- opacity: 1
942
- }
943
  }
 
 
944
  @-webkit-keyframes fade-in-down {
945
- 0% {
946
- -webkit-transform: translateY(-30px);
947
- opacity: 0
948
- }
949
- 100% {
950
- -webkit-transform: translateY(0);
951
- opacity: 1
952
- }
953
  }
 
 
954
  @keyframes fade-in-down {
955
- 0% {
956
- transform: translateY(-30px);
957
- opacity: 0
958
- }
959
- 100% {
960
- transform: translateY(0);
961
- opacity: 1
962
- }
963
  }
 
 
964
  @-webkit-keyframes fade-out-up {
965
- 0% {
966
- -webkit-transform: translateY(0);
967
- opacity: 1
968
- }
969
- 100% {
970
- -webkit-transform: translateY(-30px);
971
- opacity: 0
972
- }
973
  }
 
 
974
  @keyframes fade-out-up {
975
- 0% {
976
- transform: translateY(0);
977
- opacity: 1
978
- }
979
- 100% {
980
- transform: translateY(-30px);
981
- opacity: 0
982
- }
983
  }
 
 
984
  @-webkit-keyframes opacity-in {
985
- 0% {
986
- opacity: 0
987
- }
988
- 100% {
989
- opacity: 1
990
- }
991
  }
 
 
992
  @keyframes opacity-in {
993
- 0% {
994
- opacity: 0
995
- }
996
- 100% {
997
- opacity: 1
998
- }
999
  }
 
 
1000
  @-webkit-keyframes opacity-out {
1001
- 0% {
1002
- opacity: 1
1003
- }
1004
- 100% {
1005
- opacity: 0
1006
- }
1007
  }
 
 
1008
  @keyframes opacity-out {
1009
- 0% {
1010
- opacity: 1
1011
- }
1012
- 100% {
1013
- opacity: 0
1014
- }
1015
  }
 
 
1016
  .alert-block .alert-info:before,
1017
  .alert-block .alert-info textarea,
1018
  .alert-block .alert-info a,
1019
  .alert-block .close {
1020
- position: absolute;
1021
- top: 50%;
1022
- -webkit-transform: translateY(-50%);
1023
- -ms-transform: translateY(-50%);
1024
- transform: translateY(-50%)
1025
  }
 
1026
  .alert-block {
1027
- color: #606060;
1028
- background: #fff;
1029
- padding: 15px 30px;
1030
- position: relative;
1031
- -webkit-transition: all 200ms;
1032
- transition: all 200ms
1033
  }
 
1034
  .alert-block.large {
1035
- margin: 0 15px 30px;
1036
- padding: 22px 30px;
1037
- border-radius: 4px
1038
  }
 
1039
  .alert-block.center {
1040
- text-align: center
1041
  }
 
1042
  .alert-block.center,
1043
  .alert-block.center.large {
1044
- padding-left: 0;
1045
- padding-right: 0
1046
  }
 
1047
  .alert-block.center .alert-info {
1048
- max-width: 800px;
1049
- display: inline-block
1050
  }
 
1051
  .alert-block.center .alert-info a {
1052
- left: 100%;
1053
- right: auto
1054
  }
 
1055
  .alert-block .alert-info {
1056
- text-align: left;
1057
- padding-left: 50px;
1058
- position: relative
1059
  }
 
1060
  .alert-block .alert-info:before {
1061
- font-family: "FontAwesome";
1062
- font-size: 35px;
1063
- content: "";
1064
- color: #ccc;
1065
- left: 0
1066
  }
 
1067
  .alert-block .alert-info.no-desc {
1068
- padding: 9px 0 9px 40px
1069
  }
 
1070
  .alert-block .alert-info.no-desc p {
1071
- position: relative;
1072
- top: -1px
1073
  }
 
1074
  .alert-block .alert-info.no-desc:before {
1075
- font-size: 28px
1076
  }
 
1077
  .alert-block .alert-info.code {
1078
- padding-right: 275px
1079
  }
 
1080
  .alert-block .alert-info textarea {
1081
- width: 245px;
1082
- height: 50px;
1083
- font-family: monospace;
1084
- font-size: 12px;
1085
- color: #606060;
1086
- border: 0;
1087
- padding: 6px 12px;
1088
- overflow-y: scroll;
1089
- right: 0;
1090
- outline: none;
1091
- resize: none;
1092
- border-radius: 4px
1093
  }
 
1094
  .alert-block .alert-info textarea:hover {
1095
- background: #eee
1096
  }
 
1097
  .alert-block .alert-info textarea:focus {
1098
- background: #fff;
1099
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.4)
1100
  }
 
1101
  .alert-block .alert-info a {
1102
- font-weight: normal;
1103
- color: #fff;
1104
- background: #bbb;
1105
- white-space: nowrap;
1106
- margin-left: 30px;
1107
- padding-left: 10px;
1108
- padding-right: 10px;
1109
- right: 30px
1110
  }
 
1111
  .alert-block .alert-info a:hover {
1112
- background: #999
1113
  }
 
1114
  .alert-block p.alert-title {
1115
- font-size: 16px;
1116
- font-weight: bold
1117
  }
 
1118
  .alert-block p:not(.alert-title) {
1119
- font-size: 13px;
1120
- font-weight: 600;
1121
- line-height: 15px;
1122
- margin: 3px 0 0
1123
  }
 
1124
  .alert-block.inline {
1125
- max-width: 800px;
1126
- color: #339ed5;
1127
- border-left-width: 90px;
1128
- border-left-style: solid;
1129
- border-left-color: #339ed5;
1130
- text-align: left;
1131
- padding-right: 30px;
1132
- margin: 0 auto 30px;
1133
- border-radius: 4px
1134
  }
 
1135
  .alert-block.inline .alert-info {
1136
- padding-left: 90px !important;
1137
- margin-left: -90px
1138
  }
 
1139
  .alert-block.inline .alert-info:before {
1140
- color: #fff
1141
  }
 
1142
  .alert-block[class*="plan-"] {
1143
- color: #fff
1144
  }
 
1145
  .alert-block[class*="plan-"] .alert-info {
1146
- padding-left: 0
1147
  }
 
1148
  .alert-block[class*="plan-"] .alert-info:before {
1149
- font-family: "Raleway", sans-serif;
1150
- font-weight: 800;
1151
- font-size: 20px;
1152
- color: #fff;
1153
- border: 2px solid #fff;
1154
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
1155
- padding: 3px 11px;
1156
- margin-right: 30px;
1157
- right: 100%;
1158
- left: auto;
1159
- border-radius: 4px
1160
  }
 
1161
  .alert-block[class*="plan-"] p {
1162
- color: #fff;
1163
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13)
1164
  }
 
1165
  .alert-block.gs-primary {
1166
- background: #339ed5
1167
  }
 
1168
  .alert-block.gs-primary.inline {
1169
- border-left-color: #2687b9
1170
  }
 
1171
  .alert-block.gs-primary .alert-info:before {
1172
- content: "";
1173
- color: rgba(255, 255, 255, 0.5)
1174
  }
 
1175
  .alert-block.gs-primary .alert-info a {
1176
- background: #2481b1
1177
  }
 
1178
  .alert-block.gs-primary .alert-info a:hover {
1179
- background: #1f6e97
1180
  }
 
1181
  .alert-block.gs-primary p.alert-title {
1182
- color: #fff
1183
  }
 
1184
  .alert-block.gs-primary p:not(.alert-title) {
1185
- color: #b2daef
1186
  }
 
1187
  .alert-block.default-gs-primary {
1188
- border-bottom: 1px solid #b2daef
1189
  }
 
1190
  .alert-block.default-gs-primary .alert-info:before {
1191
- content: "";
1192
- color: #339ed5
1193
  }
 
1194
  .alert-block.default-gs-primary .alert-info a {
1195
- background: #339ed5
1196
  }
 
1197
  .alert-block.default-gs-primary .alert-info a:hover {
1198
- background: #2481b1
1199
  }
 
1200
  .alert-block.default-gs-primary p {
1201
- color: #339ed5
1202
  }
 
1203
  .alert-block.default-gs-primary p:not(.alert-title) {
1204
- color: #5db2de
1205
  }
 
1206
  .alert-block.gs-success {
1207
- background: #85b023
1208
  }
 
1209
  .alert-block.gs-success.inline {
1210
- border-left-color: #6b8e1c
1211
  }
 
1212
  .alert-block.gs-success .alert-info:before {
1213
- content: "";
1214
- color: rgba(255, 255, 255, 0.5)
1215
  }
 
1216
  .alert-block.gs-success .alert-info a {
1217
- background: #65851b
1218
  }
 
1219
  .alert-block.gs-success .alert-info a:hover {
1220
- background: #526c15
1221
  }
 
1222
  .alert-block.gs-success p.alert-title {
1223
- color: #fff
1224
  }
 
1225
  .alert-block.gs-success p:not(.alert-title) {
1226
- color: #c9e785
1227
  }
 
1228
  .alert-block.default-gs-success {
1229
- border-bottom: 1px solid #c9e785
1230
  }
 
1231
  .alert-block.default-gs-success .alert-info:before {
1232
- content: "";
1233
- color: #85b023
1234
  }
 
1235
  .alert-block.default-gs-success .alert-info a {
1236
- background: #85b023
1237
  }
 
1238
  .alert-block.default-gs-success .alert-info a:hover {
1239
- background: #65851b
1240
  }
 
1241
  .alert-block.default-gs-success p {
1242
- color: #85b023
1243
  }
 
1244
  .alert-block.default-gs-success p:not(.alert-title) {
1245
- color: #a3d630
1246
  }
 
1247
  .alert-block.gs-error {
1248
- background: #d36c65
1249
  }
 
1250
  .alert-block.gs-error.inline {
1251
- border-left-color: #ca4e45
1252
  }
 
1253
  .alert-block.gs-error .alert-info:before {
1254
- content: "";
1255
- color: rgba(255, 255, 255, 0.5)
1256
  }
 
1257
  .alert-block.gs-error .alert-info a {
1258
- background: #c8463d
1259
  }
 
1260
  .alert-block.gs-error .alert-info a:hover {
1261
- background: #b33b33
1262
  }
 
1263
  .alert-block.gs-error p.alert-title {
1264
- color: #fff
1265
  }
 
1266
  .alert-block.gs-error p:not(.alert-title) {
1267
- color: #f5dedc
1268
  }
 
1269
  .alert-block.default-gs-error {
1270
- border-bottom: 1px solid #f5dedc
1271
  }
 
1272
  .alert-block.default-gs-error .alert-info:before {
1273
- content: "";
1274
- color: #d36c65
1275
  }
 
1276
  .alert-block.default-gs-error .alert-info a {
1277
- background: #d36c65
1278
  }
 
1279
  .alert-block.default-gs-error .alert-info a:hover {
1280
- background: #c8463d
1281
  }
 
1282
  .alert-block.default-gs-error p {
1283
- color: #d36c65
1284
  }
 
1285
  .alert-block.default-gs-error p:not(.alert-title) {
1286
- color: #de928d
1287
  }
 
1288
  .alert-block.special {
1289
- background: #efc520
1290
  }
 
1291
  .alert-block.special.inline {
1292
- border-left-color: #e5ba10
1293
  }
 
1294
  .alert-block.special .alert-info:before {
1295
- content: "";
1296
- font-size: 35px;
1297
- color: #fff
1298
  }
 
1299
  .alert-block.special .alert-info a {
1300
- background: #bf9b0e
1301
  }
 
1302
  .alert-block.special .alert-info a:hover {
1303
- background: #a7880c
1304
  }
 
1305
  .alert-block.special p {
1306
- color: #fff;
1307
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13)
1308
  }
 
1309
  .alert-block.plan-two {
1310
- background: #f29809
1311
  }
 
1312
  .alert-block.plan-two .alert-info:before {
1313
- content: "Starter"
1314
  }
 
1315
  .alert-block.plan-two .alert-info a {
1316
- background: #b27007
1317
  }
 
1318
  .alert-block.plan-two .alert-info a:hover {
1319
- background: #996006
1320
  }
 
1321
  .alert-block.plan-three {
1322
- background: #dd5a7c
1323
  }
 
1324
  .alert-block.plan-three .alert-info:before {
1325
- content: "Growth"
1326
  }
 
1327
  .alert-block.plan-three .alert-info a {
1328
- background: #b6254b
1329
  }
 
1330
  .alert-block.plan-three .alert-info a:hover {
1331
- background: #a12142
1332
  }
 
1333
  .alert-block.plan-four {
1334
- background: #9a58e6
1335
  }
 
1336
  .alert-block.plan-four .alert-info:before {
1337
- content: "Insights"
1338
  }
 
1339
  .alert-block.plan-four .alert-info a {
1340
- background: #6b1dc5
1341
  }
 
1342
  .alert-block.plan-four .alert-info a:hover {
1343
- background: #5f1aaf
1344
  }
 
1345
  .alert-block .close {
1346
- width: 33px;
1347
- height: 33px;
1348
- font-size: 22px;
1349
- color: #fff;
1350
- padding-top: 4px;
1351
- right: 30px;
1352
- opacity: 0.6;
1353
- -webkit-transition: all 200ms;
1354
- transition: all 200ms
1355
  }
 
1356
  .alert-block .close i {
1357
- -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1358
- transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1359
- -webkit-transform-origin: 50% 54%;
1360
- -moz-transform-origin: 50% 54%;
1361
- -ms-transform-origin: 50% 54%;
1362
- transform-origin: 50% 54%
1363
  }
 
1364
  .alert-block .close:hover {
1365
- opacity: 1
1366
  }
 
1367
  .alert-block .close:hover i {
1368
- -webkit-transform: rotate(180deg);
1369
- -ms-transform: rotate(180deg);
1370
- transform: rotate(180deg)
1371
  }
1372
- .alert-block+div>.content-wrapper {
1373
- margin-top: 30px
 
1374
  }
 
1375
  @-webkit-keyframes fade-in-up {
1376
- 0% {
1377
- -webkit-transform: translateY(30px);
1378
- opacity: 0
1379
- }
1380
- 100% {
1381
- -webkit-transform: translateY(0);
1382
- opacity: 1
1383
- }
1384
  }
 
 
1385
  @keyframes fade-in-up {
1386
- 0% {
1387
- transform: translateY(30px);
1388
- opacity: 0
1389
- }
1390
- 100% {
1391
- transform: translateY(0);
1392
- opacity: 1
1393
- }
1394
  }
 
 
1395
  @-webkit-keyframes fade-in-down {
1396
- 0% {
1397
- -webkit-transform: translateY(-30px);
1398
- opacity: 0
1399
- }
1400
- 100% {
1401
- -webkit-transform: translateY(0);
1402
- opacity: 1
1403
- }
1404
  }
 
 
1405
  @keyframes fade-in-down {
1406
- 0% {
1407
- transform: translateY(-30px);
1408
- opacity: 0
1409
- }
1410
- 100% {
1411
- transform: translateY(0);
1412
- opacity: 1
1413
- }
1414
  }
 
 
1415
  @-webkit-keyframes fade-out-up {
1416
- 0% {
1417
- -webkit-transform: translateY(0);
1418
- opacity: 1
1419
- }
1420
- 100% {
1421
- -webkit-transform: translateY(-30px);
1422
- opacity: 0
1423
- }
1424
  }
 
 
1425
  @keyframes fade-out-up {
1426
- 0% {
1427
- transform: translateY(0);
1428
- opacity: 1
1429
- }
1430
- 100% {
1431
- transform: translateY(-30px);
1432
- opacity: 0
1433
- }
1434
  }
 
 
1435
  @-webkit-keyframes opacity-in {
1436
- 0% {
1437
- opacity: 0
1438
- }
1439
- 100% {
1440
- opacity: 1
1441
- }
1442
  }
 
 
1443
  @keyframes opacity-in {
1444
- 0% {
1445
- opacity: 0
1446
- }
1447
- 100% {
1448
- opacity: 1
1449
- }
1450
  }
 
 
1451
  @-webkit-keyframes opacity-out {
1452
- 0% {
1453
- opacity: 1
1454
- }
1455
- 100% {
1456
- opacity: 0
1457
- }
1458
  }
 
 
1459
  @keyframes opacity-out {
1460
- 0% {
1461
- opacity: 1
1462
- }
1463
- 100% {
1464
- opacity: 0
1465
- }
1466
  }
 
 
1467
  .modal-wrapper {
1468
- background: rgba(0, 0, 0, 0.5);
1469
- padding: 0 30px;
1470
- overflow: scroll;
1471
- z-index: 9
1472
  }
 
1473
  .modal-wrapper,
1474
  .modal-wrapper .modal-cover {
1475
- position: fixed;
1476
- top: 0;
1477
- right: 0;
1478
- bottom: 0;
1479
- left: 0
1480
  }
 
1481
  .modal-wrapper .modal-cover {
1482
- z-index: -1
1483
  }
 
1484
  .modal-wrapper .gs-modal {
1485
- max-width: 860px;
1486
- background: #fff;
1487
- padding: 35px 30px 30px;
1488
- margin: 100px auto 30px;
1489
- opacity: 0;
1490
- border-radius: 4px
1491
  }
 
1492
  .modal-wrapper .gs-modal.small {
1493
- max-width: 430px;
1494
- padding: 40px 30px
1495
  }
 
1496
  .modal-wrapper .gs-modal .modal-title {
1497
- text-align: center
1498
  }
 
1499
  .modal-wrapper .gs-modal .modal-title .title {
1500
- font-family: "Raleway", sans-serif;
1501
- font-weight: 800;
1502
- font-size: 25px;
1503
- font-weight: 300;
1504
- padding-bottom: 11px
1505
  }
1506
- .modal-wrapper .gs-modal .modal-title .title+p {
1507
- max-width: 400px;
1508
- margin: 10px auto 0
 
1509
  }
 
1510
  .modal-wrapper .gs-modal img {
1511
- width: 100%
1512
  }
 
1513
  .modal-wrapper .gs-modal .before-after {
1514
- margin-top: -20px
1515
  }
1516
- .modal-wrapper .gs-modal .before-after>div {
1517
- text-align: center
 
1518
  }
1519
- .modal-wrapper .gs-modal .before-after>div strong {
1520
- font-size: 20px;
1521
- margin: 20px 0;
1522
- display: block
 
1523
  }
1524
- .modal-wrapper .gs-modal .before-after>div[class*="col-"]:first-child {
1525
- padding-left: 0;
1526
- padding-right: 15px
 
1527
  }
1528
- .modal-wrapper .gs-modal .before-after>div[class*="col-"]:last-child {
1529
- padding-left: 15px;
1530
- padding-right: 0
 
1531
  }
 
1532
  .modal-wrapper .gs-modal .form-button-group {
1533
- padding-top: 20px
1534
  }
 
1535
  .modal-wrapper .gs-modal .text-block {
1536
- text-align: left;
1537
- margin-bottom: 30px
1538
  }
 
1539
  .modal-wrapper .gs-modal .text-block p {
1540
- font-size: 18px;
1541
- line-height: 22px;
1542
- margin-bottom: 15px
1543
  }
 
1544
  .modal-wrapper .gs-modal .text-block p span {
1545
- color: #339ed5
1546
  }
 
1547
  .modal-wrapper .gs-modal .status-icon {
1548
- width: 70px;
1549
- height: 70px;
1550
- background: #c4da94;
1551
- border: 5px solid #9bc048;
1552
- margin: -10px auto 30px;
1553
- position: relative;
1554
- -webkit-animation: rotate-in 750ms ease-in-out;
1555
- animation: rotate-in 750ms ease-in-out
1556
  }
 
1557
  .modal-wrapper .gs-modal .status-icon i {
1558
- font-size: 38px;
1559
- color: #fff;
1560
- margin: -19px 0 0 -19px;
1561
- position: absolute;
1562
- top: 50%;
1563
- left: 50%
1564
  }
 
1565
  .modal-wrapper .gs-modal .status-icon,
1566
  .modal-wrapper .gs-modal .status-icon:before {
1567
- border-radius: 100%
1568
  }
 
1569
  .modal-wrapper .gs-modal .status-icon:before {
1570
- width: 100%;
1571
- height: 100%;
1572
- border: 0 solid #9bc048;
1573
- content: "";
1574
- display: inline-block;
1575
- position: absolute;
1576
- top: 0;
1577
- left: 0;
1578
- box-sizing: border-box
1579
  }
 
1580
  .modal-wrapper.hide {
1581
- display: none
1582
  }
 
1583
  .modal-wrapper.active {
1584
- display: block;
1585
- -webkit-animation: opacity-in 300ms ease-in-out forwards;
1586
- animation: opacity-in 300ms ease-in-out forwards
1587
  }
 
1588
  .modal-wrapper.active .gs-modal {
1589
- -webkit-animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1590
- animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards
1591
  }
 
1592
  .modal-wrapper.rewind {
1593
- -webkit-animation: opacity-out 300ms ease-in-out forwards;
1594
- animation: opacity-out 300ms ease-in-out forwards
1595
  }
 
1596
  .modal-wrapper.rewind .gs-modal {
1597
- -webkit-animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1598
- animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards
1599
  }
 
1600
  @-webkit-keyframes fade-in-up {
1601
- 0% {
1602
- -webkit-transform: translateY(30px);
1603
- opacity: 0
1604
- }
1605
- 100% {
1606
- -webkit-transform: translateY(0);
1607
- opacity: 1
1608
- }
1609
  }
 
 
1610
  @keyframes fade-in-up {
1611
- 0% {
1612
- transform: translateY(30px);
1613
- opacity: 0
1614
- }
1615
- 100% {
1616
- transform: translateY(0);
1617
- opacity: 1
1618
- }
1619
  }
 
 
1620
  @-webkit-keyframes fade-in-down {
1621
- 0% {
1622
- -webkit-transform: translateY(-30px);
1623
- opacity: 0
1624
- }
1625
- 100% {
1626
- -webkit-transform: translateY(0);
1627
- opacity: 1
1628
- }
1629
  }
 
 
1630
  @keyframes fade-in-down {
1631
- 0% {
1632
- transform: translateY(-30px);
1633
- opacity: 0
1634
- }
1635
- 100% {
1636
- transform: translateY(0);
1637
- opacity: 1
1638
- }
1639
  }
 
 
1640
  @-webkit-keyframes fade-out-up {
1641
- 0% {
1642
- -webkit-transform: translateY(0);
1643
- opacity: 1
1644
- }
1645
- 100% {
1646
- -webkit-transform: translateY(-30px);
1647
- opacity: 0
1648
- }
1649
  }
 
 
1650
  @keyframes fade-out-up {
1651
- 0% {
1652
- transform: translateY(0);
1653
- opacity: 1
1654
- }
1655
- 100% {
1656
- transform: translateY(-30px);
1657
- opacity: 0
1658
- }
1659
  }
 
 
1660
  @-webkit-keyframes opacity-in {
1661
- 0% {
1662
- opacity: 0
1663
- }
1664
- 100% {
1665
- opacity: 1
1666
- }
1667
  }
 
 
1668
  @keyframes opacity-in {
1669
- 0% {
1670
- opacity: 0
1671
- }
1672
- 100% {
1673
- opacity: 1
1674
- }
1675
  }
 
 
1676
  @-webkit-keyframes opacity-out {
1677
- 0% {
1678
- opacity: 1
1679
- }
1680
- 100% {
1681
- opacity: 0
1682
- }
1683
  }
 
 
1684
  @keyframes opacity-out {
1685
- 0% {
1686
- opacity: 1
1687
- }
1688
- 100% {
1689
- opacity: 0
1690
- }
1691
  }
 
 
1692
  div.gs-form {
1693
- position: relative
1694
  }
 
1695
  form h3,
1696
  div.gs-form h3 {
1697
- margin-bottom: 3px
1698
  }
 
1699
  form h4,
1700
  div.gs-form h4 {
1701
- color: #339ed5;
1702
- margin-bottom: 10px
1703
  }
 
1704
  form p,
1705
  div.gs-form p {
1706
- font-size: 14px;
1707
- color: #999;
1708
- line-height: 15px;
1709
- margin-bottom: 4px
1710
  }
 
1711
  form p.tutorial,
1712
  div.gs-form p.tutorial {
1713
- font-size: 16px;
1714
- color: #606060;
1715
- line-height: 18px;
1716
- margin-bottom: 8px
1717
  }
 
1718
  form p .code,
1719
  div.gs-form p .code {
1720
- font-family: Courier New, monospace;
1721
- font-size: 14px;
1722
- font-weight: 600;
1723
- background: #eee;
1724
- padding: 1px 4px;
1725
- margin: 0 3px;
1726
- border-radius: 4px
1727
  }
 
1728
  form label,
1729
  div.gs-form label {
1730
- font-size: 18px;
1731
- font-weight: 600
1732
  }
 
1733
  form label span,
1734
  div.gs-form label span {
1735
- font-size: 16px;
1736
- font-weight: normal;
1737
- color: #999
1738
  }
 
1739
  form label.step,
1740
  div.gs-form label.step {
1741
- width: 34px;
1742
- height: 34px;
1743
- font-size: 25px;
1744
- font-weight: 600;
1745
- color: #fff;
1746
- background: #339ed5;
1747
- text-align: center;
1748
- padding-top: 3px;
1749
- display: inline-block;
1750
- position: absolute;
1751
- top: 30px;
1752
- left: 50%;
1753
- margin-left: -17px;
1754
- border-radius: 100%
1755
  }
 
1756
  form label.required,
1757
  div.gs-form label.required {
1758
- position: relative
1759
  }
 
1760
  form label.required:before,
1761
  div.gs-form label.required:before {
1762
- font-family: "FontAwesome";
1763
- font-size: 10px;
1764
- color: #339ed5;
1765
- content: "";
1766
- display: inline-block;
1767
- position: absolute;
1768
- top: 0;
1769
- left: -15px
1770
  }
 
1771
  form input:not([type="submit"]),
1772
  form select,
1773
  form textarea,
1774
  div.gs-form input:not([type="submit"]),
1775
  div.gs-form select,
1776
  div.gs-form textarea {
1777
- width: 100%;
1778
- font-family: "Source Sans Pro", sans-serif;
1779
- font-size: 20px;
1780
- color: #606060;
1781
- background: #fff;
1782
- border: 1px solid #ccc;
1783
- padding: 3px 15px 5px;
1784
- outline: none;
1785
- border-radius: 4px;
1786
- -webkit-transition: all 200ms;
1787
- transition: all 200ms
1788
  }
 
1789
  form input:not([type="submit"]):hover,
1790
  form select:hover,
1791
  form textarea:hover,
1792
  div.gs-form input:not([type="submit"]):hover,
1793
  div.gs-form select:hover,
1794
  div.gs-form textarea:hover {
1795
- background: #f9f9f9 !important
1796
  }
 
1797
  form input:not([type="submit"]):focus,
1798
  form select:focus,
1799
  form textarea:focus,
1800
  div.gs-form input:not([type="submit"]):focus,
1801
  div.gs-form select:focus,
1802
  div.gs-form textarea:focus {
1803
- border-color: #339ed5;
1804
- box-shadow: inset 0 0 3px #b2daef
1805
  }
 
1806
  form input:not([type="submit"])::-webkit-input-placeholder,
1807
  form select::-webkit-input-placeholder,
1808
  form textarea::-webkit-input-placeholder,
1809
  div.gs-form input:not([type="submit"])::-webkit-input-placeholder,
1810
  div.gs-form select::-webkit-input-placeholder,
1811
  div.gs-form textarea::-webkit-input-placeholder {
1812
- color: #ccc;
1813
- font-style: italic
1814
  }
 
1815
  form input:not([type="submit"]):-moz-placeholder,
1816
  form select:-moz-placeholder,
1817
  form textarea:-moz-placeholder,
1818
  div.gs-form input:not([type="submit"]):-moz-placeholder,
1819
  div.gs-form select:-moz-placeholder,
1820
  div.gs-form textarea:-moz-placeholder {
1821
- color: #ccc;
1822
- font-style: italic
1823
  }
 
1824
  form input:not([type="submit"])::-moz-placeholder,
1825
  form select::-moz-placeholder,
1826
  form textarea::-moz-placeholder,
1827
  div.gs-form input:not([type="submit"])::-moz-placeholder,
1828
  div.gs-form select::-moz-placeholder,
1829
  div.gs-form textarea::-moz-placeholder {
1830
- color: #ccc;
1831
- font-style: italic
1832
  }
 
1833
  form input:not([type="submit"]):-ms-input-placeholder,
1834
  form select:-ms-input-placeholder,
1835
  form textarea:-ms-input-placeholder,
1836
  div.gs-form input:not([type="submit"]):-ms-input-placeholder,
1837
  div.gs-form select:-ms-input-placeholder,
1838
  div.gs-form textarea:-ms-input-placeholder {
1839
- color: #ccc;
1840
- font-style: italic
1841
  }
1842
- form input:not([type="submit"])+p,
1843
- form select+p,
1844
- form textarea+p,
1845
- div.gs-form input:not([type="submit"])+p,
1846
- div.gs-form select+p,
1847
- div.gs-form textarea+p {
1848
- margin-top: 5px
 
1849
  }
 
1850
  form input[type="submit"],
1851
  form button,
1852
  div.gs-form input[type="submit"],
1853
  div.gs-form button {
1854
- width: auto;
1855
- font-family: "Source Sans Pro", sans-serif;
1856
- font-size: 100%;
1857
- margin-top: -8px;
1858
- margin-bottom: -9px;
1859
- display: inline
1860
  }
 
1861
  form input[type="submit"]:hover,
1862
  form button:hover,
1863
  div.gs-form input[type="submit"]:hover,
1864
  div.gs-form button:hover {
1865
- cursor: pointer
1866
  }
 
1867
  form textarea,
1868
  div.gs-form textarea {
1869
- max-width: 100%
1870
  }
 
1871
  form select,
1872
  div.gs-form select {
1873
- height: 35px
1874
  }
 
1875
  form .page-inline-select,
1876
  div.gs-form .page-inline-select {
1877
- width: 180px;
1878
- margin-left: 8px
1879
  }
 
1880
  form .form-content pre,
1881
  div.gs-form .form-content pre {
1882
- margin-top: 18px
1883
  }
1884
- form .form-content+.form-content,
1885
- div.gs-form .form-content+.form-content {
1886
- margin-top: 30px
 
1887
  }
1888
- form .form-content+.options-details:not(.form-title),
1889
- div.gs-form .form-content+.options-details:not(.form-title) {
1890
- padding-top: 37px
 
1891
  }
 
1892
  form .form-content .field-label.show-content,
1893
  div.gs-form .form-content .field-label.show-content {
1894
- border-radius: 2px 0 0 2px
1895
  }
 
1896
  form .form-content .field-clean,
1897
  div.gs-form .form-content .field-clean {
1898
- padding: 35px 30px
1899
  }
1900
- form .form-content .field-clean+.field-clean,
1901
- form .form-content .field-clean+.field-group,
1902
- div.gs-form .form-content .field-clean+.field-clean,
1903
- div.gs-form .form-content .field-clean+.field-group {
1904
- border-top: 1px solid #eee
 
1905
  }
 
1906
  form .form-content .field-clean div[class^="col-"]:not(:first-child),
1907
  div.gs-form .form-content .field-clean div[class^="col-"]:not(:first-child) {
1908
- padding-left: 30px
1909
  }
 
1910
  form .form-content .field-clean label,
1911
  div.gs-form .form-content .field-clean label {
1912
- margin-bottom: 6px;
1913
- display: block
1914
  }
 
1915
  form .form-content .field-group,
1916
  div.gs-form .form-content .field-group {
1917
- padding-left: 125px;
1918
- position: relative
1919
  }
 
1920
  form .form-content .field-group:after,
1921
  div.gs-form .form-content .field-group:after {
1922
- content: "";
1923
- display: block;
1924
- clear: both
1925
  }
 
1926
  form .form-content .field-group.hide,
1927
  div.gs-form .form-content .field-group.hide {
1928
- display: none
1929
  }
1930
- form .form-content .field-group.multi-label>div,
1931
- div.gs-form .form-content .field-group.multi-label>div {
1932
- margin-left: -125px;
1933
- padding-left: 125px;
1934
- position: relative
 
1935
  }
1936
- form .form-content .field-group.multi-label>div+div .field-label,
1937
- form .form-content .field-group.multi-label>div+div .field-input,
1938
- div.gs-form .form-content .field-group.multi-label>div+div .field-label,
1939
- div.gs-form .form-content .field-group.multi-label>div+div .field-input {
1940
- padding-top: 3px
 
1941
  }
1942
- form .form-content .field-group.multi-label.row-layout>div:first-child .field-label,
1943
- div.gs-form .form-content .field-group.multi-label.row-layout>div:first-child .field-label {
1944
- border-radius: 4px 0 0 0
 
1945
  }
1946
- form .form-content .field-group.multi-label.row-layout>div:first-child .field-input,
1947
- div.gs-form .form-content .field-group.multi-label.row-layout>div:first-child .field-input {
1948
- padding-bottom: 0
 
1949
  }
1950
- form .form-content .field-group.multi-label.row-layout>div:last-child .field-label,
1951
- div.gs-form .form-content .field-group.multi-label.row-layout>div:last-child .field-label {
1952
- padding-top: 18px
 
1953
  }
1954
- form .form-content .field-group.multi-label.row-layout>div:last-child .field-input,
1955
- div.gs-form .form-content .field-group.multi-label.row-layout>div:last-child .field-input {
1956
- padding-bottom: 30px
 
1957
  }
1958
- form .form-content .field-group:not(.multi-label):not(.not-float)>*,
1959
- div.gs-form .form-content .field-group:not(.multi-label):not(.not-float)>* {
1960
- float: left
 
1961
  }
 
1962
  form .form-content .field-group:first-child .field-label,
1963
  div.gs-form .form-content .field-group:first-child .field-label {
1964
- border-radius: 3px 0 0 0
1965
  }
 
1966
  form .form-content .field-group:last-child .field-label,
1967
  div.gs-form .form-content .field-group:last-child .field-label {
1968
- border-radius: 0 0 0 3px
1969
  }
 
1970
  form .form-content .field-group .field-label,
1971
  div.gs-form .form-content .field-group .field-label {
1972
- width: 125px;
1973
- min-width: 125px;
1974
- height: 100%;
1975
- background: #f9f9f9;
1976
- word-wrap: break-word;
1977
- padding: 55px 0 40px 30px;
1978
- position: absolute;
1979
- top: 0;
1980
- left: 0
1981
  }
 
1982
  form .form-content .field-group .field-label label,
1983
  form .form-content .field-group .field-label span,
1984
  div.gs-form .form-content .field-group .field-label label,
1985
  div.gs-form .form-content .field-group .field-label span {
1986
- display: block
1987
  }
 
1988
  form .form-content .field-group .field-label.no-desc,
1989
  div.gs-form .form-content .field-group .field-label.no-desc {
1990
- padding-top: 40px
1991
  }
 
1992
  form .form-content .field-group .field-label .label-icon,
1993
  div.gs-form .form-content .field-group .field-label .label-icon {
1994
- font-size: 24px;
1995
- color: #ddd;
1996
- text-align: center;
1997
- margin: -15px 20px 5px 0
1998
  }
 
1999
  form .form-content .field-group .field-input,
2000
  div.gs-form .form-content .field-group .field-input {
2001
- width: 100%;
2002
- padding: 35px 30px 40px;
2003
- position: relative
2004
  }
2005
- form .form-content .field-group .field-input+.field-input,
2006
- div.gs-form .form-content .field-group .field-input+.field-input {
2007
- padding-top: 0;
2008
- margin-top: -6px
 
 
 
 
 
 
 
 
2009
  }
2010
- form .form-content .field-group .field-input>.clearfix+.field-button-group,
2011
- div.gs-form .form-content .field-group .field-input>.clearfix+.field-button-group {
2012
- margin: 25px 0 -20px
 
2013
  }
 
2014
  form .form-content .field-group .field-input.columns,
2015
  div.gs-form .form-content .field-group .field-input.columns {
2016
- padding-bottom: 35px
2017
  }
 
2018
  form .form-content .field-group .field-input.columns div[class*="col-"]:first-child,
2019
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:first-child {
2020
- padding: 0
2021
  }
 
2022
  form .form-content .field-group .field-input.columns div[class*="col-"]:last-child,
2023
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:last-child {
2024
- padding-right: 0
2025
  }
 
2026
  form .form-content .field-group .field-input .gs-buttons-group,
2027
  div.gs-form .form-content .field-group .field-input .gs-buttons-group {
2028
- text-align: right
2029
  }
 
2030
  form .form-content .field-group .field-input .gs-buttons-group .gs-button,
2031
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button {
2032
- display: inline-block
2033
  }
 
2034
  form .form-content .field-group .field-input .gs-buttons-group .gs-button.error,
2035
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button.error {
2036
- padding-top: 6px;
2037
- padding-bottom: 8px;
2038
- margin-left: 4px
2039
  }
 
2040
  form .form-content .field-group .field-input .input-wrap,
2041
  div.gs-form .form-content .field-group .field-input .input-wrap {
2042
- margin: 10px 0 20px
2043
  }
 
2044
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices,
2045
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices {
2046
- font-size: 20px;
2047
- color: #606060;
2048
- background-image: none;
2049
- border-color: #ccc;
2050
- box-shadow: none;
2051
- border-radius: 4px
2052
  }
 
2053
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice,
2054
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice {
2055
- font-size: 16px;
2056
- color: #fff;
2057
- background: #339ed5;
2058
- border: none;
2059
- padding: 7px 26px 7px 11px;
2060
- box-shadow: none
2061
  }
 
2062
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close,
2063
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close {
2064
- height: 13px;
2065
- background: none !important;
2066
- background-image: none !important;
2067
- top: 50%;
2068
- right: 6px;
2069
- -webkit-transform: translateY(-50%);
2070
- -ms-transform: translateY(-50%);
2071
- transform: translateY(-50%)
2072
  }
 
2073
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before,
2074
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before {
2075
- font-family: "FontAwesome";
2076
- font-size: 13px;
2077
- color: #fff;
2078
- content: "";
2079
- display: inline-block;
2080
- opacity: 0.5
2081
  }
 
2082
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices input,
2083
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices input {
2084
- height: 33px;
2085
- font-family: "Source Sans Pro", sans-serif;
2086
- font-style: italic;
2087
- color: #ccc;
2088
- margin: 0
2089
  }
 
2090
  form .form-content .field-group .field-input .tutorial-steps li,
2091
  div.gs-form .form-content .field-group .field-input .tutorial-steps li {
2092
- border-bottom: 1px solid #eee;
2093
- counter-increment: step-counter;
2094
- padding: 0 30px 30px;
2095
- margin: 0 -30px 30px;
2096
- position: relative
2097
  }
 
2098
  form .form-content .field-group .field-input .tutorial-steps li:before,
2099
  div.gs-form .form-content .field-group .field-input .tutorial-steps li:before {
2100
- font-size: 16px;
2101
- font-weight: bold;
2102
- color: #fff;
2103
- background: #339ed5;
2104
- content: counter(step-counter);
2105
- padding: 1px 6px 3px;
2106
- position: absolute;
2107
- top: 0;
2108
- left: 10px;
2109
- border-radius: 4px
2110
  }
 
2111
  form .form-content .field-group .field-input .tutorial-steps li img,
2112
  div.gs-form .form-content .field-group .field-input .tutorial-steps li img {
2113
- width: 100%;
2114
- border: 1px solid #ccc;
2115
- margin-top: 15px;
2116
- display: block;
2117
- border-radius: 4px
2118
  }
 
2119
  form .form-content .field-group .field-input .tutorial-steps li p.tutorial,
2120
  div.gs-form .form-content .field-group .field-input .tutorial-steps li p.tutorial {
2121
- padding: 0 10px
2122
  }
2123
- form .form-content .field-group .field-input .field-button-group>span.label .checkbox .checkbox-btn,
2124
- div.gs-form .form-content .field-group .field-input .field-button-group>span.label .checkbox .checkbox-btn {
2125
- width: auto
 
2126
  }
2127
- form .form-content .field-group .field-input .field-button-group>span.label.tooltip>div:before,
2128
- div.gs-form .form-content .field-group .field-input .field-button-group>span.label.tooltip>div:before {
2129
- margin-left: 0;
2130
- right: 45px;
2131
- left: auto
 
2132
  }
2133
- form .form-content .field-group .field-input .field-button-group>span.label>span,
2134
- div.gs-form .form-content .field-group .field-input .field-button-group>span.label>span {
2135
- margin-right: 7px;
2136
- position: relative;
2137
- top: -12px
 
2138
  }
2139
- form .form-content .field-group .field-input .field-button-group>span.label+span.label,
2140
- div.gs-form .form-content .field-group .field-input .field-button-group>span.label+span.label {
2141
- margin-left: 30px
 
2142
  }
 
2143
  form .form-content .field-group .field-input .input-alert-message,
2144
  div.gs-form .form-content .field-group .field-input .input-alert-message {
2145
- font-size: 14px;
2146
- line-height: 15px;
2147
- margin-bottom: 4px;
2148
- position: relative;
2149
- float: right
2150
  }
 
2151
  form .form-content .field-group .field-input .input-alert-message span,
2152
  div.gs-form .form-content .field-group .field-input .input-alert-message span {
2153
- -webkit-animation: fade-in-left 500ms ease-out;
2154
- animation: fade-in-left 500ms ease-out
2155
  }
 
2156
  form .form-content .field-group .field-input .input-alert-message:before,
2157
  div.gs-form .form-content .field-group .field-input .input-alert-message:before {
2158
- width: 24px;
2159
- height: 20px;
2160
- font-family: "FontAwesome";
2161
- font-size: 16px;
2162
- color: #fff;
2163
- text-align: center;
2164
- padding-top: 4px;
2165
- position: absolute;
2166
- bottom: -33px;
2167
- right: 9px;
2168
- display: block;
2169
- border-radius: 100%;
2170
- -webkit-animation: rotate-in 750ms ease-in-out;
2171
- animation: rotate-in 750ms ease-in-out
2172
  }
 
2173
  form .form-content .field-group .field-input .input-alert-message.gs-primary,
2174
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary {
2175
- color: #339ed5
2176
  }
 
2177
  form .form-content .field-group .field-input .input-alert-message.gs-primary:before,
2178
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary:before {
2179
- background: #339ed5;
2180
- content: ""
2181
  }
 
2182
  form .form-content .field-group .field-input .input-alert-message.gs-success,
2183
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success {
2184
- color: #85b023
2185
  }
 
2186
  form .form-content .field-group .field-input .input-alert-message.gs-success:before,
2187
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success:before {
2188
- background: #85b023;
2189
- content: ""
2190
  }
 
2191
  form .form-content .field-group .field-input .input-alert-message.gs-error,
2192
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error {
2193
- color: #d36c65
2194
  }
 
2195
  form .form-content .field-group .field-input .input-alert-message.gs-error:before,
2196
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error:before {
2197
- background: #d36c65;
2198
- content: ""
2199
  }
 
2200
  form .form-content .field-group .field-note,
2201
  div.gs-form .form-content .field-group .field-note {
2202
- font-size: 14px;
2203
- font-style: italic;
2204
- color: #bbb;
2205
- text-align: right;
2206
- position: absolute;
2207
- bottom: 10px;
2208
- right: 30px
2209
  }
 
2210
  form .form-content .field-group .field-note i,
2211
  div.gs-form .form-content .field-group .field-note i {
2212
- margin-right: 2px;
2213
- position: relative;
2214
- bottom: -1px
2215
  }
 
2216
  form .form-content .field-group .field-note.alert-note,
2217
  div.gs-form .form-content .field-group .field-note.alert-note {
2218
- margin-left: -125px;
2219
- padding: 13px 30px 13px 155px;
2220
- position: relative;
2221
- right: auto;
2222
- bottom: auto;
2223
- -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2224
- transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1)
2225
  }
 
2226
  form .form-content .field-group .field-note.alert-note.inactive,
2227
  div.gs-form .form-content .field-group .field-note.alert-note.inactive {
2228
- margin-bottom: -50px
2229
  }
 
2230
  form .form-content .field-group .field-note.alert-note i,
2231
  div.gs-form .form-content .field-group .field-note.alert-note i {
2232
- font-size: 22px;
2233
- position: absolute;
2234
- top: 50%;
2235
- left: 30px;
2236
- -webkit-transform: translateY(-50%);
2237
- -ms-transform: translateY(-50%);
2238
- transform: translateY(-50%)
2239
  }
 
2240
  form .form-content .field-group .field-note.alert-note a.gs-button,
2241
  div.gs-form .form-content .field-group .field-note.alert-note a.gs-button {
2242
- font-size: 13px;
2243
- padding: 2px 7px;
2244
- margin-left: 5px
2245
  }
 
2246
  form .form-content .field-group .field-note.alert-note.gs-primary,
2247
  div.gs-form .form-content .field-group .field-note.alert-note.gs-primary {
2248
- color: #339ed5;
2249
- background: #dceef8
2250
  }
 
2251
  form .form-content .field-group .field-note.alert-note.gs-success,
2252
  div.gs-form .form-content .field-group .field-note.alert-note.gs-success {
2253
- color: #85b023;
2254
- background: #dcefb0
2255
  }
 
2256
  form .form-content .field-group .field-note.alert-note.gs-error,
2257
  div.gs-form .form-content .field-group .field-note.alert-note.gs-error {
2258
- color: #d36c65;
2259
- background: #fff
2260
  }
 
2261
  form .form-content .field-group .field-tab,
2262
  div.gs-form .form-content .field-group .field-tab {
2263
- display: none
2264
  }
 
2265
  form .form-content .field-group .field-tab.active,
2266
  div.gs-form .form-content .field-group .field-tab.active {
2267
- display: block;
2268
- -webkit-animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2269
- animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1)
2270
  }
2271
- form .form-content .field-group:not(.field-alert)+.field-group,
2272
- div.gs-form .form-content .field-group:not(.field-alert)+.field-group {
2273
- border-top: 1px solid #eee
 
2274
  }
 
2275
  form .form-content .field-group.follow-input label i,
2276
  div.gs-form .form-content .field-group.follow-input label i {
2277
- width: 50px;
2278
- height: 50px;
2279
- color: #fff;
2280
- padding: 10px;
2281
- margin-left: 10px;
2282
- position: relative;
2283
- top: -1px;
2284
- border-radius: 4px;
2285
- -webkit-font-smoothing: antialiased;
2286
- -moz-osx-font-smoothing: grayscale
2287
  }
 
2288
  form .form-content .field-group.follow-input label i:after,
2289
  div.gs-form .form-content .field-group.follow-input label i:after {
2290
- font-size: 22px;
2291
- font-family: "getsocial-icons";
2292
- font-style: normal;
2293
- font-weight: normal;
2294
- font-variant: normal;
2295
- speak: none;
2296
- text-transform: none;
2297
- line-height: 1;
2298
- display: inline-block;
2299
- position: relative;
2300
- bottom: -3px
2301
  }
 
2302
  form .form-content .field-group.follow-input label span,
2303
  div.gs-form .form-content .field-group.follow-input label span {
2304
- display: none
2305
  }
 
2306
  form .form-content .field-group.follow-input.fb label i,
2307
  div.gs-form .form-content .field-group.follow-input.fb label i {
2308
- background: #506bb1
2309
  }
 
2310
  form .form-content .field-group.follow-input.fb label i:after,
2311
  div.gs-form .form-content .field-group.follow-input.fb label i:after {
2312
- content: ""
2313
  }
 
2314
  form .form-content .field-group.follow-input.tw label i,
2315
  div.gs-form .form-content .field-group.follow-input.tw label i {
2316
- background: #60aade
2317
  }
 
2318
  form .form-content .field-group.follow-input.tw label i:after,
2319
  div.gs-form .form-content .field-group.follow-input.tw label i:after {
2320
- content: ""
2321
  }
 
2322
  form .form-content .field-group.follow-input.pn label i,
2323
  div.gs-form .form-content .field-group.follow-input.pn label i {
2324
- background: #ef4448
2325
  }
 
2326
  form .form-content .field-group.follow-input.pn label i:after,
2327
  div.gs-form .form-content .field-group.follow-input.pn label i:after {
2328
- content: ""
2329
  }
 
2330
  form .form-content .field-group.follow-input.gp label i,
2331
  div.gs-form .form-content .field-group.follow-input.gp label i {
2332
- background: #e85441
2333
  }
 
2334
  form .form-content .field-group.follow-input.gp label i:after,
2335
  div.gs-form .form-content .field-group.follow-input.gp label i:after {
2336
- content: ""
2337
  }
 
2338
  form .form-content .field-group.follow-input.tu label i,
2339
  div.gs-form .form-content .field-group.follow-input.tu label i {
2340
- background: #55677d
2341
  }
 
2342
  form .form-content .field-group.follow-input.tu label i:after,
2343
  div.gs-form .form-content .field-group.follow-input.tu label i:after {
2344
- content: ""
2345
  }
 
2346
  form .form-content .field-group.follow-input.ld label i,
2347
  div.gs-form .form-content .field-group.follow-input.ld label i {
2348
- background: #1b93ce
2349
  }
 
2350
  form .form-content .field-group.follow-input.ld label i:after,
2351
  div.gs-form .form-content .field-group.follow-input.ld label i:after {
2352
- content: ""
2353
  }
 
2354
  form .form-content .field-group.follow-input.de label i,
2355
  div.gs-form .form-content .field-group.follow-input.de label i {
2356
- background: #797979
2357
  }
 
2358
  form .form-content .field-group.follow-input.de label i:after,
2359
  div.gs-form .form-content .field-group.follow-input.de label i:after {
2360
- content: ""
2361
  }
 
2362
  form .form-content .field-group.follow-input.su label i,
2363
  div.gs-form .form-content .field-group.follow-input.su label i {
2364
- background: #f65830
2365
  }
 
2366
  form .form-content .field-group.follow-input.su label i:after,
2367
  div.gs-form .form-content .field-group.follow-input.su label i:after {
2368
- content: ""
2369
  }
 
2370
  form .form-content .field-group.follow-input.re label i,
2371
  div.gs-form .form-content .field-group.follow-input.re label i {
2372
- background: #208fdf
2373
  }
 
2374
  form .form-content .field-group.follow-input.re label i:after,
2375
  div.gs-form .form-content .field-group.follow-input.re label i:after {
2376
- content: ""
2377
  }
 
2378
  form .form-content .field-group.follow-input.ok label i,
2379
  div.gs-form .form-content .field-group.follow-input.ok label i {
2380
- background: #fa6f0d
2381
  }
 
2382
  form .form-content .field-group.follow-input.ok label i:after,
2383
  div.gs-form .form-content .field-group.follow-input.ok label i:after {
2384
- content: ""
2385
  }
 
2386
  form .form-content .field-group.follow-input.hn label i,
2387
  div.gs-form .form-content .field-group.follow-input.hn label i {
2388
- background: #f36201
2389
  }
 
2390
  form .form-content .field-group.follow-input.hn label i:after,
2391
  div.gs-form .form-content .field-group.follow-input.hn label i:after {
2392
- content: ""
2393
  }
 
2394
  form .form-content .field-group.follow-input.fbm label i,
2395
  div.gs-form .form-content .field-group.follow-input.fbm label i {
2396
- background: #0d87ff
2397
  }
 
2398
  form .form-content .field-group.follow-input.fbm label i:after,
2399
  div.gs-form .form-content .field-group.follow-input.fbm label i:after {
2400
- content: ""
2401
  }
 
2402
  form .form-content .field-group.follow-input.vk label i,
2403
  div.gs-form .form-content .field-group.follow-input.vk label i {
2404
- background: #3b689c
2405
  }
 
2406
  form .form-content .field-group.follow-input.vk label i:after,
2407
  div.gs-form .form-content .field-group.follow-input.vk label i:after {
2408
- content: ""
2409
  }
 
2410
  form .form-content .field-group.follow-input.bf label i,
2411
  div.gs-form .form-content .field-group.follow-input.bf label i {
2412
- background: #424242
2413
  }
 
2414
  form .form-content .field-group.follow-input.bf label i:after,
2415
  div.gs-form .form-content .field-group.follow-input.bf label i:after {
2416
- content: ""
2417
  }
 
2418
  form .form-content .field-group.follow-input.wa label i,
2419
  div.gs-form .form-content .field-group.follow-input.wa label i {
2420
- background: #02a601
2421
  }
 
2422
  form .form-content .field-group.follow-input.wa label i:after,
2423
  div.gs-form .form-content .field-group.follow-input.wa label i:after {
2424
- content: ""
2425
  }
 
2426
  form .form-content .field-group.follow-input.ren label i,
2427
  div.gs-form .form-content .field-group.follow-input.ren label i {
2428
- background: #1e72c8
2429
  }
 
2430
  form .form-content .field-group.follow-input.ren label i:after,
2431
  div.gs-form .form-content .field-group.follow-input.ren label i:after {
2432
- content: ""
2433
  }
 
2434
  form .form-content .field-group.follow-input.ba label i,
2435
  div.gs-form .form-content .field-group.follow-input.ba label i {
2436
- background: #314ff3
2437
  }
 
2438
  form .form-content .field-group.follow-input.ba label i:after,
2439
  div.gs-form .form-content .field-group.follow-input.ba label i:after {
2440
- content: ""
2441
  }
 
2442
  form .form-content .field-group.follow-input.we label i,
2443
  div.gs-form .form-content .field-group.follow-input.we label i {
2444
- background: #dc3737
2445
  }
 
2446
  form .form-content .field-group.follow-input.we label i:after,
2447
  div.gs-form .form-content .field-group.follow-input.we label i:after {
2448
- content: ""
2449
  }
 
2450
  form .form-content .field-group.follow-input.ig label i,
2451
  div.gs-form .form-content .field-group.follow-input.ig label i {
2452
- background: #3F729B
2453
  }
 
2454
  form .form-content .field-group.follow-input.ig label i:after,
2455
  div.gs-form .form-content .field-group.follow-input.ig label i:after {
2456
- content: ""
2457
  }
 
2458
  form .form-content .field-group.follow-input.yt label i,
2459
  div.gs-form .form-content .field-group.follow-input.yt label i {
2460
- background: #CD201F
2461
  }
 
2462
  form .form-content .field-group.follow-input.yt label i:after,
2463
  div.gs-form .form-content .field-group.follow-input.yt label i:after {
2464
- content: ""
2465
  }
 
2466
  form .form-content .field-group.follow-input.ym label i,
2467
  div.gs-form .form-content .field-group.follow-input.ym label i {
2468
- background: #e16120
2469
  }
 
2470
  form .form-content .field-group.follow-input.ym label i:after,
2471
  div.gs-form .form-content .field-group.follow-input.ym label i:after {
2472
- content: ""
2473
  }
 
2474
  form .form-content .field-group.follow-input .field-input,
2475
  div.gs-form .form-content .field-group.follow-input .field-input {
2476
- padding-right: 80px
2477
  }
 
2478
  form .form-content .field-group.follow-input .field-input .close-field,
2479
  div.gs-form .form-content .field-group.follow-input .field-input .close-field {
2480
- font-size: 18px;
2481
- color: #ccc;
2482
- padding: 7px 9px 6px;
2483
- position: absolute;
2484
- top: 35px;
2485
- right: 20px
2486
  }
 
2487
  form .form-content .field-group.follow-input .field-input .close-field i,
2488
  div.gs-form .form-content .field-group.follow-input .field-input .close-field i {
2489
- margin-right: 0
2490
  }
 
2491
  form .form-content .field-group.follow-input .field-input .close-field span,
2492
  div.gs-form .form-content .field-group.follow-input .field-input .close-field span {
2493
- display: none
2494
  }
 
2495
  form .form-content .field-group.follow-input .field-input .close-field div,
2496
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div {
2497
- width: 115px;
2498
- padding-top: 8px;
2499
- padding-bottom: 8px;
2500
- margin-left: -82px;
2501
- top: 37px
2502
  }
 
2503
  form .form-content .field-group.follow-input .field-input .close-field div:before,
2504
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div:before {
2505
- margin-left: 0;
2506
- left: auto;
2507
- right: 24px
2508
  }
 
2509
  form .form-content .field-group.follow-input .field-input .close-field:hover,
2510
  div.gs-form .form-content .field-group.follow-input .field-input .close-field:hover {
2511
- color: #d36c65
2512
  }
2513
- form .form-content .field-grid+.field-group,
2514
- div.gs-form .form-content .field-grid+.field-group {
2515
- border-top: 1px solid #eee
 
2516
  }
 
2517
  form .form-content .field-grid .field-label .user-avatar,
2518
  div.gs-form .form-content .field-grid .field-label .user-avatar {
2519
- position: absolute;
2520
- top: 50%;
2521
- left: 50%;
2522
- margin: -23px 0 0 -23px
2523
- }
2524
- form .form-content .field-grid .field-label .user-avatar>div,
2525
- div.gs-form .form-content .field-grid .field-label .user-avatar>div {
2526
- width: 24px;
2527
- font-size: 12px;
2528
- color: #fff;
2529
- background: #efc520;
2530
- border: 3px solid #f9f9f9;
2531
- text-align: center;
2532
- padding: 3px 0 3px 1px;
2533
- display: inline-block;
2534
- position: absolute;
2535
- top: -7px;
2536
- right: -7px
 
2537
  }
 
2538
  form .form-content .field-grid .field-label .user-avatar img,
2539
  div.gs-form .form-content .field-grid .field-label .user-avatar img {
2540
- width: 46px
2541
  }
 
2542
  form .form-content .field-grid .field-label .user-avatar img,
2543
- form .form-content .field-grid .field-label .user-avatar>div,
2544
  div.gs-form .form-content .field-grid .field-label .user-avatar img,
2545
- div.gs-form .form-content .field-grid .field-label .user-avatar>div {
2546
- border-radius: 100%
2547
  }
2548
- form .form-content .field-grid .field-input>div:not(.field-button-group),
2549
- div.gs-form .form-content .field-grid .field-input>div:not(.field-button-group) {
2550
- display: inline-block
 
2551
  }
2552
- form .form-content .field-grid .field-input>div.field-button-group,
2553
- div.gs-form .form-content .field-grid .field-input>div.field-button-group {
2554
- margin: -7px 0 -11px;
2555
- float: right
 
2556
  }
2557
- form .form-content .field-grid .field-input>div.field-button-group a.gs-button,
2558
- div.gs-form .form-content .field-grid .field-input>div.field-button-group a.gs-button {
2559
- padding: 6px 13px 7px !important;
2560
- display: inline-block
 
2561
  }
2562
- form .form-content .field-grid .field-input>div.field-button-group i.fa-trash,
2563
- div.gs-form .form-content .field-grid .field-input>div.field-button-group i.fa-trash {
2564
- margin-right: 0
 
2565
  }
 
2566
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group,
2567
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group {
2568
- font-weight: 600;
2569
- color: #7a7a7a;
2570
- background: #f9f9f9;
2571
- padding: 0
2572
  }
 
2573
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title,
2574
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title {
2575
- border-right: 1px solid #eee;
2576
- padding: 15px 30px
2577
  }
 
2578
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child,
2579
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child {
2580
- border-right: 0
2581
  }
 
2582
  form .form-content .field-grid.field-grid-table .field-group,
2583
  div.gs-form .form-content .field-grid.field-grid-table .field-group {
2584
- padding-left: 160px
2585
  }
 
2586
  form .form-content .field-grid.field-grid-table .field-label,
2587
  div.gs-form .form-content .field-grid.field-grid-table .field-label {
2588
- width: 160px;
2589
- min-width: 160px;
2590
- padding-top: 35px
2591
  }
 
2592
  form .form-content .field-grid.field-grid-table .field-label a,
2593
  div.gs-form .form-content .field-grid.field-grid-table .field-label a {
2594
- font-size: 16px;
2595
- font-weight: 600;
2596
- color: #339ed5
2597
  }
 
2598
  form .form-content .field-grid.field-grid-table .field-label a:hover,
2599
  form .form-content .field-grid.field-grid-table .field-label a:focus,
2600
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:hover,
2601
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:focus {
2602
- color: #2687b9
2603
  }
 
2604
  form .form-content .field-grid.field-grid-table .grid-desc,
2605
  div.gs-form .form-content .field-grid.field-grid-table .grid-desc {
2606
- font-size: 14px;
2607
- color: #bbb
2608
  }
 
2609
  form .form-button-group,
2610
  div.gs-form .form-button-group {
2611
- text-align: center;
2612
- padding: 38px 0 20px
2613
  }
 
2614
  form .form-button-group .form-button-status,
2615
  div.gs-form .form-button-group .form-button-status {
2616
- display: inline-block;
2617
- position: relative
2618
  }
 
2619
  form .form-button-group .form-button-status p,
2620
  div.gs-form .form-button-group .form-button-status p {
2621
- width: 240px;
2622
- font-size: 14px;
2623
- line-height: 15px;
2624
- position: absolute;
2625
- top: 100%;
2626
- left: 50%;
2627
- margin: 15px 0 0 -120px;
2628
- -webkit-animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
2629
- animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1)
2630
- }
2631
- form .form-button-group .form-button-status .gs-primary+p,
2632
- div.gs-form .form-button-group .form-button-status .gs-primary+p {
2633
- color: #339ed5
2634
- }
2635
- form .form-button-group .form-button-status .gs-success+p,
2636
- div.gs-form .form-button-group .form-button-status .gs-success+p {
2637
- color: #85b023
2638
- }
2639
- form .form-button-group .form-button-status .gs-error+p,
2640
- div.gs-form .form-button-group .form-button-status .gs-error+p {
2641
- color: #d36c65
 
 
 
2642
  }
 
2643
  form .form-button-group.fixed,
2644
  div.gs-form .form-button-group.fixed {
2645
- max-width: 925px;
2646
- width: 100%;
2647
- background: #f3f3f3;
2648
- padding: 30px 0;
2649
- position: fixed;
2650
- bottom: 0;
2651
- left: 50%;
2652
- z-index: 4;
2653
- -webkit-transform: translateX(-50%);
2654
- -ms-transform: translateX(-50%);
2655
- transform: translateX(-50%);
2656
- box-shadow: 0 -20px 30px -30px rgba(0, 0, 0, 0.5);
2657
- -webkit-animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
2658
- animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1)
2659
  }
 
2660
  form .extra-notes,
2661
  div.gs-form .extra-notes {
2662
- padding-top: 15px
2663
  }
 
2664
  form .extra-notes .fa-asterisk,
2665
  div.gs-form .extra-notes .fa-asterisk {
2666
- font-size: 16px;
2667
- color: #339ed5
2668
  }
2669
- .edit_exclusion+.edit_exclusion,
 
2670
  .new_exclusion {
2671
- margin-top: 30px
2672
  }
 
2673
  .form-content {
2674
- background: #fff;
2675
- border: 1px solid #e1e1e1;
2676
- overflow: hidden;
2677
- border-radius: 4px
2678
  }
 
2679
  .form-content.free-content {
2680
- padding: 30px
2681
  }
 
2682
  .form-content.show-content {
2683
- overflow: visible
2684
  }
 
2685
  .form-content.show-content .field-group:first-child .field-label {
2686
- border-top-left-radius: 3px
2687
  }
 
2688
  .form-content.show-content .field-group:first-child .field-input {
2689
- border-top-right-radius: 3px
2690
  }
 
2691
  .form-content.show-content .field-group:last-child .field-label {
2692
- border-bottom-left-radius: 3px
2693
  }
 
2694
  .form-content.show-content .field-group:last-child .field-input {
2695
- border-bottom-right-radius: 3px
2696
  }
 
2697
  .gs-button {
2698
- font-weight: 600;
2699
- color: #fff;
2700
- border: 2px solid transparent;
2701
- padding: 4px 13px 6px;
2702
- border-radius: 4px;
2703
- -webkit-transition: all 200ms;
2704
- transition: all 200ms
2705
  }
 
2706
  .gs-button i {
2707
- margin-right: 4px
2708
  }
 
2709
  .gs-button.special {
2710
- color: #efc520
2711
  }
 
2712
  .gs-button.special:not(.trans) {
2713
- background: #efc520
2714
  }
 
2715
  .gs-button.special.trans.border {
2716
- border-color: #efc520
2717
  }
 
2718
  .gs-button.dark {
2719
- color: #606060
2720
  }
 
2721
  .gs-button.dark:hover {
2722
- color: #339ed5
2723
  }
 
2724
  .gs-button.grey {
2725
- color: #606060;
2726
- background: #f6f6f6
2727
  }
 
2728
  .gs-button.grey:hover {
2729
- background: #e3e3e3
2730
  }
 
2731
  .gs-button.disabled {
2732
- color: #aaa;
2733
- background: #eee
2734
  }
 
2735
  .gs-button:not(.pricing-plan).plan-two:not(.trans) {
2736
- background: #f29809
2737
  }
 
2738
  .gs-button:not(.pricing-plan).plan-two:not(.trans):hover {
2739
- background: #cb7f08
2740
  }
 
2741
  .gs-button:not(.pricing-plan).plan-two.trans {
2742
- color: #f29809
2743
  }
 
2744
  .gs-button:not(.pricing-plan).plan-two.trans.border {
2745
- border-color: #f29809
2746
  }
 
2747
  .gs-button:not(.pricing-plan).plan-two.trans:hover {
2748
- color: #f29809;
2749
- border-color: #f29809
2750
  }
 
2751
  .gs-button:not(.pricing-plan).plan-three:not(.trans) {
2752
- background: #dd5a7c
2753
  }
 
2754
  .gs-button:not(.pricing-plan).plan-three:not(.trans):hover {
2755
- background: #d63861
2756
  }
 
2757
  .gs-button:not(.pricing-plan).plan-three.trans {
2758
- color: #dd5a7c
2759
  }
 
2760
  .gs-button:not(.pricing-plan).plan-three.trans.border {
2761
- border-color: #dd5a7c
2762
  }
 
2763
  .gs-button:not(.pricing-plan).plan-three.trans:hover {
2764
- color: #dd5a7c;
2765
- border-color: #dd5a7c
2766
  }
 
2767
  .gs-button:not(.pricing-plan).plan-four:not(.trans) {
2768
- background: #9a58e6
2769
  }
 
2770
  .gs-button:not(.pricing-plan).plan-four:not(.trans):hover {
2771
- background: #8535e1
2772
  }
 
2773
  .gs-button:not(.pricing-plan).plan-four.trans {
2774
- color: #9a58e6
2775
  }
 
2776
  .gs-button:not(.pricing-plan).plan-four.trans.border {
2777
- border-color: #9a58e6
2778
  }
 
2779
  .gs-button:not(.pricing-plan).plan-four.trans:hover {
2780
- color: #9a58e6;
2781
- border-color: #9a58e6
2782
  }
 
2783
  .gs-button.dropdown {
2784
- width: 100%;
2785
- font-family: "Source Sans Pro", sans-serif;
2786
- font-size: 20px;
2787
- font-weight: normal;
2788
- background: #fff;
2789
- border: 1px solid #ccc;
2790
- padding: 3px 30px 5px 15px;
2791
- position: relative
2792
  }
 
2793
  .gs-button.dropdown i {
2794
- font-size: 16px;
2795
- position: absolute;
2796
- top: 10px;
2797
- right: 10px;
2798
- -webkit-transition: all 200ms ease-in-out;
2799
- transition: all 200ms ease-in-out
2800
  }
 
2801
  .gs-button.dropdown.empty {
2802
- font-style: italic;
2803
- color: #ccc
2804
  }
 
2805
  .gs-button.dropdown.filled {
2806
- color: #fff;
2807
- background: #339ed5;
2808
- border-color: #339ed5
2809
  }
 
2810
  .gs-button.dropdown.filled i {
2811
- color: #88c6e6
2812
  }
 
2813
  .gs-button.dropdown.filled:hover {
2814
- background: #2687b9;
2815
- border-color: #2687b9
2816
  }
 
2817
  .gs-button.dropdown.active {
2818
- color: #606060;
2819
- border-color: #339ed5;
2820
- box-shadow: inset 0 0 3px #b2daef
2821
  }
 
2822
  .gs-button.dropdown.active i {
2823
- -webkit-transform-origin: 50% 45%;
2824
- -ms-transform-origin: 50% 45%;
2825
- transform-origin: 50% 45%;
2826
- -webkit-transform: rotate(180deg);
2827
- -ms-transform: rotate(180deg);
2828
- transform: rotate(180deg)
2829
  }
 
2830
  .gs-button.dropdown:hover {
2831
- background: #f9f9f9
2832
  }
 
2833
  .gs-button.pricing-plan {
2834
- min-width: 100px;
2835
- font-size: 20px;
2836
- font-weight: 600;
2837
- color: #fff;
2838
- border: 0;
2839
- text-shadow: 0 1px rgba(0, 0, 0, 0.25);
2840
- padding: 6px 15px;
2841
- border-radius: 4px;
2842
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 0 transparent;
2843
- -webkit-transition: all 200ms;
2844
- transition: all 200ms
2845
  }
 
2846
  .gs-button.pricing-plan.plan-one {
2847
- background: #339ed5, #f29809, #dd5a7c, #9a58e6
2848
  }
 
2849
  .gs-button.pricing-plan.plan-two {
2850
- background: #339ed5, #f29809, #dd5a7c, #9a58e6
2851
  }
 
2852
  .gs-button.pricing-plan.plan-three {
2853
- background: #339ed5, #f29809, #dd5a7c, #9a58e6
2854
  }
 
2855
  .gs-button.pricing-plan.plan-four {
2856
- background: #339ed5, #f29809, #dd5a7c, #9a58e6
2857
  }
 
2858
  .gs-button.gs-primary:not(.trans) {
2859
- background: #339ed5
2860
  }
 
2861
  .gs-button.gs-primary.trans {
2862
- color: #339ed5
2863
  }
 
2864
  .gs-button.gs-primary.trans.border {
2865
- border-color: #339ed5
2866
  }
 
2867
  .gs-button.gs-success:not(.trans) {
2868
- background: #85b023
2869
  }
 
2870
  .gs-button.gs-success:hover:not(.trans) {
2871
- color: #FFFFFF
2872
  }
 
2873
  .gs-button.gs-success.trans {
2874
- color: #85b023
2875
  }
 
2876
  .gs-button.gs-success.trans.border {
2877
- border-color: #85b023
2878
  }
 
2879
  .gs-button.gs-error:not(.trans) {
2880
- background: #d36c65
2881
  }
 
2882
  .gs-button.gs-error.trans {
2883
- color: #d36c65
2884
  }
 
2885
  .gs-button.gs-error.trans.border {
2886
- border-color: #d36c65
2887
  }
 
2888
  .gs-button.white {
2889
- color: #606060;
2890
- background: #fff;
2891
- border-width: 3px;
2892
- border-style: solid;
2893
- border-color: transparent;
2894
- -webkit-transition: all 200ms;
2895
- transition: all 200ms
2896
  }
 
2897
  .gs-button.white:hover {
2898
- border-color: #606060
2899
  }
 
2900
  a.gs-button.special:not(.trans):hover,
2901
  input.gs-button.special:not(.trans):hover,
2902
  button.gs-button.special:not(.trans):hover {
2903
- background: #d7ae0f
2904
  }
 
2905
  a.gs-button.special.trans.border:hover,
2906
  input.gs-button.special.trans.border:hover,
2907
  button.gs-button.special.trans.border:hover {
2908
- color: #d7ae0f;
2909
- border-color: #d7ae0f
2910
  }
 
2911
  a.gs-button.dark,
2912
  input.gs-button.dark,
2913
  button.gs-button.dark {
2914
- color: #606060
2915
  }
 
2916
  a.gs-button.dark:hover,
2917
  input.gs-button.dark:hover,
2918
  button.gs-button.dark:hover {
2919
- color: #339ed5
2920
  }
 
2921
  a.gs-button.pricing-plan.plan-one:hover,
2922
  input.gs-button.pricing-plan.plan-one:hover,
2923
  button.gs-button.pricing-plan.plan-one:hover {
2924
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #1e6b93
2925
  }
 
2926
  a.gs-button.pricing-plan.plan-two:hover,
2927
  input.gs-button.pricing-plan.plan-two:hover,
2928
  button.gs-button.pricing-plan.plan-two:hover {
2929
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #9e6306
2930
  }
 
2931
  a.gs-button.pricing-plan.plan-three:hover,
2932
  input.gs-button.pricing-plan.plan-three:hover,
2933
  button.gs-button.pricing-plan.plan-three:hover {
2934
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #ba264d
2935
  }
 
2936
  a.gs-button.pricing-plan.plan-four:hover,
2937
  input.gs-button.pricing-plan.plan-four:hover,
2938
  button.gs-button.pricing-plan.plan-four:hover {
2939
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #6e1ec9
2940
  }
 
2941
  a.gs-button.gs-primary:not(.trans):hover,
2942
  input.gs-button.gs-primary:not(.trans):hover,
2943
  button.gs-button.gs-primary:not(.trans):hover {
2944
- background: #2687b9
2945
  }
 
2946
  a.gs-button.gs-primary.trans:hover,
2947
  input.gs-button.gs-primary.trans:hover,
2948
  button.gs-button.gs-primary.trans:hover {
2949
- border-color: #339ed5
2950
  }
 
2951
  a.gs-button.gs-success:not(.trans):hover,
2952
  input.gs-button.gs-success:not(.trans):hover,
2953
  button.gs-button.gs-success:not(.trans):hover {
2954
- background: #6b8e1c
2955
  }
 
2956
  a.gs-button.gs-success.trans:hover,
2957
  input.gs-button.gs-success.trans:hover,
2958
  button.gs-button.gs-success.trans:hover {
2959
- border-color: #85b023
2960
  }
 
2961
  a.gs-button.gs-error:not(.trans):hover,
2962
  input.gs-button.gs-error:not(.trans):hover,
2963
  button.gs-button.gs-error:not(.trans):hover {
2964
- background: #ca4e45
2965
  }
 
2966
  a.gs-button.gs-error.trans:hover,
2967
  input.gs-button.gs-error.trans:hover,
2968
  button.gs-button.gs-error.trans:hover {
2969
- border-color: #d36c65
2970
  }
 
2971
  .checkbox {
2972
- position: relative
2973
  }
 
2974
  .checkbox input {
2975
- height: 34px;
2976
- background: transparent;
2977
- position: absolute;
2978
- margin: 0;
2979
- opacity: 0;
2980
- z-index: 1
2981
  }
 
2982
  .checkbox input:hover {
2983
- cursor: pointer
2984
  }
2985
- .checkbox input+.checkbox-btn {
2986
- background: #ccc
 
2987
  }
2988
- .checkbox input+.checkbox-btn:after {
2989
- left: 0;
2990
- -webkit-transform: translate(2px, 0);
2991
- -ms-transform: translate(2px, 0);
2992
- transform: translate(2px, 0)
 
2993
  }
2994
- .checkbox input:checked+.checkbox-btn:after {
2995
- left: 100%;
2996
- -webkit-transform: translate(-32px, 0);
2997
- -ms-transform: translate(-32px, 0);
2998
- transform: translate(-32px, 0)
 
2999
  }
3000
- .checkbox input:checked+.checkbox-btn.gs-primary {
3001
- background: #339ed5
 
3002
  }
3003
- .checkbox input:checked+.checkbox-btn.gs-success {
3004
- background: #85b023
 
3005
  }
3006
- .checkbox input:checked+.checkbox-btn.gs-error {
3007
- background: #d36c65
 
3008
  }
 
3009
  .checkbox input:hover,
3010
  .checkbox input:focus {
3011
- cursor: pointer
3012
  }
3013
- .checkbox input:hover+.checkbox-btn,
3014
- .checkbox input:focus+.checkbox-btn {
3015
- background: #b8b8b8
 
3016
  }
3017
- .checkbox input:hover:checked+.checkbox-btn.gs-primary,
3018
- .checkbox input:focus:checked+.checkbox-btn.gs-primary {
3019
- background: #2687b9
 
3020
  }
3021
- .checkbox input:hover:checked+.checkbox-btn.gs-success,
3022
- .checkbox input:focus:checked+.checkbox-btn.gs-success {
3023
- background: #6b8e1c
 
3024
  }
3025
- .checkbox input:hover:checked+.checkbox-btn.gs-error,
3026
- .checkbox input:focus:checked+.checkbox-btn.gs-error {
3027
- background: #ca4e45
 
3028
  }
 
3029
  .checkbox .checkbox-btn {
3030
- width: 75px;
3031
- font-weight: 600;
3032
- padding: 7px 15px 9px;
3033
- display: inline-block;
3034
- position: relative;
3035
- overflow: hidden;
3036
- border-radius: 100px;
3037
- -webkit-transition: all 200ms;
3038
- transition: all 200ms
3039
  }
 
3040
  .checkbox .checkbox-btn *,
3041
  .checkbox .checkbox-btn:after {
3042
- -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3043
- transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1)
3044
  }
 
3045
  .checkbox .checkbox-btn span:first-child {
3046
- margin-right: -8px;
3047
- -webkit-transform: translate(30px, 0);
3048
- -ms-transform: translate(30px, 0);
3049
- transform: translate(30px, 0)
3050
  }
 
3051
  .checkbox .checkbox-btn span:last-child {
3052
- margin-left: 8px;
3053
- -webkit-transform: translate(-30px, 0);
3054
- -ms-transform: translate(-30px, 0);
3055
- transform: translate(-30px, 0)
3056
  }
 
3057
  .checkbox .checkbox-btn span:not(.active) {
3058
- opacity: 0
3059
  }
 
3060
  .checkbox .checkbox-btn span.active {
3061
- color: #fff;
3062
- -webkit-transform: translate(0, 0);
3063
- -ms-transform: translate(0, 0);
3064
- transform: translate(0, 0)
3065
  }
 
3066
  .checkbox .checkbox-btn:after {
3067
- width: 30px;
3068
- height: 30px;
3069
- background: #fff;
3070
- content: "";
3071
- position: absolute;
3072
- top: 2px;
3073
- border-radius: 100%
3074
  }
 
3075
  .checkbox.checkbox-margin {
3076
- margin-left: 10px
3077
  }
 
3078
  .field-label .checkbox {
3079
- margin-top: 8px
3080
  }
 
3081
  .field-label .checkbox .checkbox-btn {
3082
- width: initial;
3083
- padding: 5px 13px 7px
3084
  }
 
3085
  .field-label .checkbox .checkbox-btn:after {
3086
- width: 26px;
3087
- height: 26px
3088
  }
 
3089
  .field-label .checkbox .checkbox-btn span:first-child {
3090
- padding-right: 8px
3091
  }
 
3092
  .field-label .checkbox .checkbox-btn span:last-child {
3093
- padding-left: 8px;
3094
- margin-left: -8px
3095
  }
 
3096
  .field-label .checkbox.long {
3097
- margin-left: -15px
3098
  }
 
3099
  .field-label .checkbox.long span:first-child {
3100
- padding-right: 0
3101
  }
 
3102
  .field-label .checkbox.long span:last-child {
3103
- padding-left: 0
3104
  }
 
3105
  .field-label .checkbox input {
3106
- height: 30px
3107
  }
3108
- .field-label .checkbox input:checked+.checkbox-btn:after {
3109
- -webkit-transform: translate(-28px, 0);
3110
- -ms-transform: translate(-28px, 0);
3111
- transform: translate(-28px, 0)
 
3112
  }
 
3113
  .checkbox-inline input {
3114
- width: auto !important;
3115
- margin: 0 4px 0 0;
3116
- top: 1px !important
3117
  }
 
3118
  .checkbox-inline:hover {
3119
- cursor: pointer
3120
  }
 
3121
  .tab-selector {
3122
- border-right: 1px solid #e1e1e1;
3123
- padding-top: 30px !important;
3124
- padding-right: 10px !important
3125
  }
 
3126
  .tab-selector a {
3127
- border-width: 1px 0 1px 1px;
3128
- border-style: solid;
3129
- border-color: transparent;
3130
- padding: 8px 14px 8px 11px;
3131
- margin: 1px -11px 1px 0;
3132
- display: inline-block;
3133
- float: right;
3134
- border-radius: 4px 0 0 4px
3135
  }
 
3136
  .tab-selector a,
3137
  .tab-selector a * {
3138
- -webkit-transition: all 200ms;
3139
- transition: all 200ms
3140
  }
 
3141
  .tab-selector a img {
3142
- border-radius: 3px
3143
  }
 
3144
  .tab-selector a:hover {
3145
- background: #ebebeb
3146
  }
 
3147
  .tab-selector a.active {
3148
- background: #fff;
3149
- border-color: #e1e1e1;
3150
- pointer-events: none
3151
  }
 
3152
  .tab-selector a.active img {
3153
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35)
3154
  }
 
3155
  .toggle {
3156
- border: 1px solid #b2daef;
3157
- display: inline-block;
3158
- position: relative;
3159
- border-radius: 4px
3160
  }
 
3161
  .toggle a {
3162
- font-size: 16px;
3163
- color: #7bc0e4;
3164
- padding: 8px 16px 10px;
3165
- margin: -1px;
3166
- display: inline-block;
3167
- border-radius: 4px;
3168
- -webkit-transition: all 300ms ease-in-out;
3169
- transition: all 300ms ease-in-out
3170
  }
 
3171
  .toggle a:first-child {
3172
- margin-right: 0
3173
  }
 
3174
  .toggle a:last-child {
3175
- margin-left: 0
3176
  }
 
3177
  .toggle a.active {
3178
- font-weight: 600;
3179
- color: #fff !important;
3180
- background: #339ed5;
3181
- pointer-events: none;
3182
- cursor: default !important;
3183
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25)
3184
  }
 
3185
  .toggle a:hover {
3186
- color: #339ed5
3187
  }
 
3188
  .gs-button-big {
3189
- font-size: 20px;
3190
- font-weight: 600;
3191
- color: #fff;
3192
- background: #666;
3193
- padding: 13px 20px 15px;
3194
- display: inline-block;
3195
- position: relative;
3196
- border-radius: 4px;
3197
- -webkit-transition: all 200ms;
3198
- transition: all 200ms
3199
  }
 
3200
  .gs-button-big i {
3201
- margin: 0 5px 0 -10px;
3202
- position: relative;
3203
- bottom: -1px
3204
  }
 
3205
  .gs-button-big.cta {
3206
- box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2)
3207
- }
3208
- .gs-button-big.extra>span:not(.note) {
3209
- font-size: 16px;
3210
- font-weight: 600;
3211
- color: rgba(255, 255, 255, 0.75);
3212
- text-transform: uppercase;
3213
- white-space: nowrap;
3214
- margin-top: 3px;
3215
- position: absolute;
3216
- top: 100%;
3217
- left: 50%;
3218
- -webkit-transform: translateX(-50%);
3219
- -ms-transform: translateX(-50%);
3220
- transform: translateX(-50%)
3221
- }
3222
- .gs-button-big>i.fa-angle-left {
3223
- font-size: 30px;
3224
- margin: 0 5px 0 -5px;
3225
- position: relative;
3226
- bottom: -2px
3227
  }
 
 
 
 
 
 
 
 
3228
  .gs-button-big.primary {
3229
- background: #339ed5
3230
  }
 
3231
  .gs-button-big.primary:hover {
3232
- background: #2687b9
3233
  }
 
3234
  .gs-button-big.simple {
3235
- background: transparent;
3236
- border: 2px solid transparent;
3237
- padding: 8px 23px 10px;
3238
- box-shadow: none
3239
  }
 
3240
  .gs-button-big.simple:hover {
3241
- border-color: #fff
3242
  }
 
3243
  .gs-button-big.pricing-plan:not(.trans) {
3244
- color: #fff
3245
  }
 
3246
  .gs-button-big.pricing-plan:not(.trans).plan-one {
3247
- background: #339ed5
3248
  }
 
3249
  .gs-button-big.pricing-plan:not(.trans).plan-one:hover {
3250
- background: #2481b1
3251
  }
 
3252
  .gs-button-big.pricing-plan:not(.trans).plan-two {
3253
- background: #f29809
3254
  }
 
3255
  .gs-button-big.pricing-plan:not(.trans).plan-two:hover {
3256
- background: #c17907
3257
  }
 
3258
  .gs-button-big.pricing-plan:not(.trans).plan-three {
3259
- background: #dd5a7c
3260
  }
 
3261
  .gs-button-big.pricing-plan:not(.trans).plan-three:hover {
3262
- background: #d4305a
3263
  }
 
3264
  .gs-button-big.pricing-plan:not(.trans).plan-four {
3265
- background: #9a58e6
3266
  }
 
3267
  .gs-button-big.pricing-plan:not(.trans).plan-four:hover {
3268
- background: #7f2cdf
3269
  }
 
3270
  .gs-button-big.pricing-plan.trans {
3271
- background: #fff
3272
  }
 
3273
  .gs-button-big.pricing-plan.trans.plan-one {
3274
- color: #339ed5
3275
  }
 
3276
  .gs-button-big.pricing-plan.trans.plan-one.border {
3277
- border: 1px solid #339ed5
3278
  }
 
3279
  .gs-button-big.pricing-plan.trans.plan-one:hover {
3280
- color: #fff;
3281
- background: #339ed5
3282
  }
 
3283
  .gs-button-big.pricing-plan.trans.plan-two {
3284
- color: #f29809
3285
  }
 
3286
  .gs-button-big.pricing-plan.trans.plan-two.border {
3287
- border: 1px solid #f29809
3288
  }
 
3289
  .gs-button-big.pricing-plan.trans.plan-two:hover {
3290
- color: #fff;
3291
- background: #f29809
3292
  }
 
3293
  .gs-button-big.pricing-plan.trans.plan-three {
3294
- color: #dd5a7c
3295
  }
 
3296
  .gs-button-big.pricing-plan.trans.plan-three.border {
3297
- border: 1px solid #dd5a7c
3298
  }
 
3299
  .gs-button-big.pricing-plan.trans.plan-three:hover {
3300
- color: #fff;
3301
- background: #dd5a7c
3302
  }
 
3303
  .gs-button-big.pricing-plan.trans.plan-four {
3304
- color: #9a58e6
3305
  }
 
3306
  .gs-button-big.pricing-plan.trans.plan-four.border {
3307
- border: 1px solid #9a58e6
3308
  }
 
3309
  .gs-button-big.pricing-plan.trans.plan-four:hover {
3310
- color: #fff;
3311
- background: #9a58e6
3312
  }
 
3313
  .primary-dark {
3314
- background: #1c6286
3315
  }
 
3316
  .primary-dark:hover {
3317
- background: #2481b1
3318
  }
 
3319
  .orange {
3320
- background: #f29809
3321
  }
 
3322
  .orange:hover {
3323
- background: #cb7f08
3324
  }
 
3325
  .green {
3326
- background: #8db13d
3327
  }
 
3328
  .green:hover {
3329
- background: #759333
3330
  }
 
3331
  .form .form-content .field-group.field-alert p,
3332
  .form .form-content .field-group.field-alert p.alert-title {
3333
- color: #fff
3334
  }
 
3335
  .form .form-content .field-group.field-alert p.alert-title {
3336
- font-size: 16px;
3337
- font-weight: bold;
3338
- margin-bottom: 5px
3339
  }
 
3340
  .form .form-content .field-group.field-alert .field-label {
3341
- height: 100%;
3342
- padding: 0
3343
  }
 
3344
  .form .form-content .field-group.field-alert .field-label:before {
3345
- font-family: "FontAwesome";
3346
- font-size: 38px;
3347
- display: inline-block;
3348
- position: absolute;
3349
- top: 50%;
3350
- left: 50%;
3351
- margin: -19px 0 0 -16px
3352
  }
 
3353
  .form .form-content .field-group.field-alert .field-input {
3354
- font-size: 14px;
3355
- font-weight: 600;
3356
- color: #fff;
3357
- line-height: 15px;
3358
- padding: 20px 30px
3359
  }
 
3360
  .form .form-content .field-group.field-alert.gs-primary {
3361
- background: #339ed5
3362
  }
 
3363
  .form .form-content .field-group.field-alert.gs-primary .field-label {
3364
- color: #7fc2e5;
3365
- background: #288dc2
3366
  }
 
3367
  .form .form-content .field-group.field-alert.gs-primary .field-label:before {
3368
- content: ""
3369
  }
 
3370
  .form .form-content .field-group.field-alert.gs-success {
3371
- background: #85b023
3372
  }
 
3373
  .form .form-content .field-group.field-alert.gs-success .field-label {
3374
- color: #b2dd52;
3375
- background: #72961e
3376
  }
 
3377
  .form .form-content .field-group.field-alert.gs-success .field-label:before {
3378
- content: ""
3379
  }
 
3380
  .form .form-content .field-group.field-alert.gs-error {
3381
- background: #d36c65
3382
  }
 
3383
  .form .form-content .field-group.field-alert.gs-error .field-label {
3384
- color: #e7b0ac;
3385
- background: #cc554d
3386
  }
 
3387
  .form .form-content .field-group.field-alert.gs-error .field-label:before {
3388
- content: ""
3389
  }
 
3390
  .form .form-content .field-group.field-alert.white {
3391
- background: #fff
3392
  }
 
3393
  .form .form-content .field-group.field-alert.white .field-label {
3394
- color: #339ed5;
3395
- background: #f1f8fc
3396
  }
 
3397
  .form .form-content .field-group.field-alert.white .field-label:before {
3398
- content: ""
3399
  }
 
3400
  .form .form-content .field-group.field-alert.white .field-input p,
3401
  .form .form-content .field-group.field-alert.white .field-input p.alert-title {
3402
- color: #339ed5
3403
  }
3404
- .large+div .content-wrapper .options-details:first-child {
3405
- margin-top: -33px
 
3406
  }
 
3407
  @-webkit-keyframes fade-in-up {
3408
- 0% {
3409
- -webkit-transform: translateY(30px);
3410
- opacity: 0
3411
- }
3412
- 100% {
3413
- -webkit-transform: translateY(0);
3414
- opacity: 1
3415
- }
3416
  }
 
 
3417
  @keyframes fade-in-up {
3418
- 0% {
3419
- transform: translateY(30px);
3420
- opacity: 0
3421
- }
3422
- 100% {
3423
- transform: translateY(0);
3424
- opacity: 1
3425
- }
3426
  }
 
 
3427
  @-webkit-keyframes fade-in-down {
3428
- 0% {
3429
- -webkit-transform: translateY(-30px);
3430
- opacity: 0
3431
- }
3432
- 100% {
3433
- -webkit-transform: translateY(0);
3434
- opacity: 1
3435
- }
3436
  }
 
 
3437
  @keyframes fade-in-down {
3438
- 0% {
3439
- transform: translateY(-30px);
3440
- opacity: 0
3441
- }
3442
- 100% {
3443
- transform: translateY(0);
3444
- opacity: 1
3445
- }
3446
  }
 
 
3447
  @-webkit-keyframes fade-out-up {
3448
- 0% {
3449
- -webkit-transform: translateY(0);
3450
- opacity: 1
3451
- }
3452
- 100% {
3453
- -webkit-transform: translateY(-30px);
3454
- opacity: 0
3455
- }
3456
  }
 
 
3457
  @keyframes fade-out-up {
3458
- 0% {
3459
- transform: translateY(0);
3460
- opacity: 1
3461
- }
3462
- 100% {
3463
- transform: translateY(-30px);
3464
- opacity: 0
3465
- }
3466
  }
 
 
3467
  @-webkit-keyframes opacity-in {
3468
- 0% {
3469
- opacity: 0
3470
- }
3471
- 100% {
3472
- opacity: 1
3473
- }
3474
  }
 
 
3475
  @keyframes opacity-in {
3476
- 0% {
3477
- opacity: 0
3478
- }
3479
- 100% {
3480
- opacity: 1
3481
- }
3482
  }
 
 
3483
  @-webkit-keyframes opacity-out {
3484
- 0% {
3485
- opacity: 1
3486
- }
3487
- 100% {
3488
- opacity: 0
3489
- }
3490
  }
 
 
3491
  @keyframes opacity-out {
3492
- 0% {
3493
- opacity: 1
3494
- }
3495
- 100% {
3496
- opacity: 0
3497
- }
3498
  }
 
 
3499
  .table-block {
3500
- color: #606060;
3501
- text-align: left;
3502
- padding: 0 30px;
3503
- margin-top: 56px;
3504
- margin-bottom: 28px;
3505
- line-height: 28px
3506
  }
 
3507
  .table-block table {
3508
- width: 100%;
3509
- margin-bottom: 84px
3510
  }
 
3511
  .table-block table thead {
3512
- font-family: "Raleway", sans-serif;
3513
- font-weight: 800;
3514
- font-size: 32px;
3515
- line-height: 84px;
3516
- text-align: center
3517
  }
 
3518
  .table-block table thead th:first-child {
3519
- width: 25%
3520
  }
 
3521
  .table-block table thead th:not(:first-child) {
3522
- width: 15%;
3523
- background: #f3f3f3;
3524
- padding: 28px 5px;
3525
- line-height: 28px;
3526
- vertical-align: middle
3527
  }
 
3528
  .table-block table thead th:not(:first-child) img {
3529
- max-width: 184px;
3530
- margin-bottom: -23px
3531
  }
 
3532
  .table-block table thead th:nth-child(2) {
3533
- border-radius: 4px 0 0 0
3534
  }
 
3535
  .table-block table thead th:last-child {
3536
- border-radius: 0 4px 0 0
3537
  }
 
3538
  .table-block table tbody tr:first-child td .feature-label {
3539
- border-top-width: 1px;
3540
- padding-top: 27px;
3541
- border-radius: 4px 0 0 0
3542
  }
 
3543
  .table-block table tbody tr:first-child.help td .feature-label:before {
3544
- top: 26px !important
3545
  }
 
3546
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
3547
- border-bottom-width: 1px
3548
  }
 
3549
  .table-block table tbody tr:nth-last-child(2) td:first-child,
3550
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
3551
- border-radius: 0 0 0 4px
3552
  }
 
3553
  .table-block table tbody tr:nth-last-child(2) td:last-child {
3554
- border-radius: 0 0 4px 0
3555
  }
 
3556
  .table-block table tbody tr:nth-child(odd) td:not(:first-child) {
3557
- background: #fafafa
3558
  }
 
3559
  .table-block table tbody tr:nth-child(odd) td:not(:first-child).on {
3560
- background: #9bc048 !important
3561
  }
 
3562
  .table-block table tbody tr:nth-child(even) td:not(:first-child) {
3563
- background: #f3f3f3
3564
  }
 
3565
  .table-block table tbody tr:nth-child(even) td:not(:first-child).on {
3566
- background: #8db13d !important
3567
  }
 
3568
  .table-block table tbody tr.help td .feature-label {
3569
- position: relative
3570
  }
3571
- .table-block table tbody tr.help td .feature-label>p {
3572
- font-size: 16px;
3573
- color: #999;
3574
- line-height: 21px;
3575
- margin: 0;
3576
- padding: 14px 0 28px;
3577
- display: none
 
3578
  }
 
3579
  .table-block table tbody tr.help td .feature-label:before {
3580
- width: 30px;
3581
- height: 30px;
3582
- font-family: "FontAwesome";
3583
- font-size: 20px;
3584
- color: #ddd;
3585
- background: #fff;
3586
- text-align: center;
3587
- content: "";
3588
- display: inline-block;
3589
- padding-top: 1px;
3590
- box-sizing: border-box;
3591
- position: absolute;
3592
- top: 14px;
3593
- left: -15px;
3594
- border-radius: 100%
3595
  }
 
3596
  .table-block table tbody tr.help:hover,
3597
  .table-block table tbody tr.help.active {
3598
- cursor: pointer
3599
  }
 
3600
  .table-block table tbody tr.help:hover td .feature-label,
3601
  .table-block table tbody tr.help.active td .feature-label {
3602
- color: #339ed5;
3603
- background: #f9f9f9
3604
  }
 
3605
  .table-block table tbody tr.help:hover td .feature-label:before,
3606
  .table-block table tbody tr.help.active td .feature-label:before {
3607
- color: #339ed5
3608
  }
 
3609
  .table-block table tbody tr.help:hover td:not(:first-child) i,
3610
  .table-block table tbody tr.help.active td:not(:first-child) i {
3611
- text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05)
3612
  }
 
3613
  .table-block table tbody tr.price td:not(:first-child) {
3614
- font-size: 25px;
3615
- font-weight: bold
3616
  }
 
3617
  .table-block table tbody tr.price td:not(:first-child) span {
3618
- font-size: 20px;
3619
- font-weight: normal;
3620
- margin-left: 4px
3621
  }
 
3622
  .table-block table tbody tr.gs-button-row td:not(:first-child) {
3623
- background: transparent;
3624
- border-right: none;
3625
- padding: 2px 1px 0
3626
  }
 
3627
  .table-block table tbody tr.gs-button-row td:not(:first-child) a {
3628
- margin-top: 0;
3629
- display: block;
3630
- border-radius: 0 0 4px 4px
3631
  }
 
3632
  .table-block table tbody td:not(:first-child) {
3633
- text-align: center;
3634
- vertical-align: middle
3635
  }
 
3636
  .table-block table tbody td:not(:first-child) i {
3637
- display: block;
3638
- -webkit-transform-origin: 50% 50%;
3639
- -ms-transform-origin: 50% 50%;
3640
- transform-origin: 50% 50%;
3641
- -webkit-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
3642
- transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1)
3643
  }
 
3644
  .table-block table tbody td:not(:first-child):not(:last-child) {
3645
- border-right: 1px solid #e3e3e3
3646
  }
 
3647
  .table-block table tbody td:first-child {
3648
- position: relative
3649
  }
 
3650
  .table-block table tbody td .feature-label {
3651
- font-size: 18px;
3652
- background: #fff;
3653
- border-left-width: 1px;
3654
- border-style: solid;
3655
- border-color: #eee;
3656
- padding: 14px 30px
3657
  }
 
3658
  .table-block table tbody td.on,
3659
  .table-block table tbody td.off {
3660
- font-size: 16px;
3661
- font-weight: 600
3662
  }
 
3663
  .table-block table tbody td.on i,
3664
  .table-block table tbody td.off i {
3665
- font-size: 22px
3666
  }
 
3667
  .table-block table tbody td.on {
3668
- color: #fff
3669
  }
 
3670
  .table-block table tbody td.off {
3671
- color: #d36c65
3672
  }
 
3673
  @-webkit-keyframes fade-in-up {
3674
- 0% {
3675
- -webkit-transform: translateY(30px);
3676
- opacity: 0
3677
- }
3678
- 100% {
3679
- -webkit-transform: translateY(0);
3680
- opacity: 1
3681
- }
3682
  }
 
 
3683
  @keyframes fade-in-up {
3684
- 0% {
3685
- transform: translateY(30px);
3686
- opacity: 0
3687
- }
3688
- 100% {
3689
- transform: translateY(0);
3690
- opacity: 1
3691
- }
3692
  }
 
 
3693
  @-webkit-keyframes fade-in-down {
3694
- 0% {
3695
- -webkit-transform: translateY(-30px);
3696
- opacity: 0
3697
- }
3698
- 100% {
3699
- -webkit-transform: translateY(0);
3700
- opacity: 1
3701
- }
3702
  }
 
 
3703
  @keyframes fade-in-down {
3704
- 0% {
3705
- transform: translateY(-30px);
3706
- opacity: 0
3707
- }
3708
- 100% {
3709
- transform: translateY(0);
3710
- opacity: 1
3711
- }
3712
  }
 
 
3713
  @-webkit-keyframes fade-out-up {
3714
- 0% {
3715
- -webkit-transform: translateY(0);
3716
- opacity: 1
3717
- }
3718
- 100% {
3719
- -webkit-transform: translateY(-30px);
3720
- opacity: 0
3721
- }
3722
  }
 
 
3723
  @keyframes fade-out-up {
3724
- 0% {
3725
- transform: translateY(0);
3726
- opacity: 1
3727
- }
3728
- 100% {
3729
- transform: translateY(-30px);
3730
- opacity: 0
3731
- }
3732
  }
 
 
3733
  @-webkit-keyframes opacity-in {
3734
- 0% {
3735
- opacity: 0
3736
- }
3737
- 100% {
3738
- opacity: 1
3739
- }
3740
  }
 
 
3741
  @keyframes opacity-in {
3742
- 0% {
3743
- opacity: 0
3744
- }
3745
- 100% {
3746
- opacity: 1
3747
- }
3748
  }
 
 
3749
  @-webkit-keyframes opacity-out {
3750
- 0% {
3751
- opacity: 1
3752
- }
3753
- 100% {
3754
- opacity: 0
3755
- }
3756
  }
 
 
3757
  @keyframes opacity-out {
3758
- 0% {
3759
- opacity: 1
3760
- }
3761
- 100% {
3762
- opacity: 0
3763
- }
3764
  }
 
 
3765
  footer {
3766
- text-align: center;
3767
- overflow: hidden;
3768
- padding-top: 96px
3769
  }
 
3770
  footer.editor {
3771
- margin-bottom: 77px
3772
  }
 
3773
  footer #backToTop {
3774
- width: 190px;
3775
- height: 190px;
3776
- font-size: 45px;
3777
- color: #bbb;
3778
- background: #e1e1e1;
3779
- text-align: center;
3780
- padding-top: 18px;
3781
- margin-bottom: -110px;
3782
- display: inline-block;
3783
- border-radius: 100%;
3784
- -webkit-transition: all 200ms ease-out;
3785
- transition: all 200ms ease-out
3786
  }
 
3787
  footer #backToTop * {
3788
- -webkit-transition-property: -webkit-transform, opacity;
3789
- transition-property: transform, opacity;
3790
- -webkit-transition-timing-function: ease-out;
3791
- transition-timing-function: ease-out
3792
  }
 
3793
  footer #backToTop i {
3794
- -webkit-transition-duration: 100ms;
3795
- transition-duration: 100ms
3796
  }
 
3797
  footer #backToTop span {
3798
- font-size: 16px;
3799
- color: #fff;
3800
- margin-top: 15px;
3801
- display: block;
3802
- opacity: 0;
3803
- -webkit-transition-duration: 200ms;
3804
- transition-duration: 200ms
3805
  }
 
3806
  footer #backToTop:hover {
3807
- color: #fff;
3808
- background: #339ed5;
3809
- -webkit-transform: translate(0, -20px);
3810
- -ms-transform: translate(0, -20px);
3811
- transform: translate(0, -20px);
3812
- box-shadow: 0 0 0 15px #e1e1e1
3813
  }
 
3814
  footer #backToTop:hover i {
3815
- -webkit-transform: translate(0, -10px);
3816
- -ms-transform: translate(0, -10px);
3817
- transform: translate(0, -10px)
3818
  }
 
3819
  footer #backToTop:hover span {
3820
- opacity: 1;
3821
- -webkit-transform: translate(0, -30px);
3822
- -ms-transform: translate(0, -30px);
3823
- transform: translate(0, -30px)
3824
  }
 
3825
  @-webkit-keyframes fade-in-up {
3826
- 0% {
3827
- -webkit-transform: translateY(30px);
3828
- opacity: 0
3829
- }
3830
- 100% {
3831
- -webkit-transform: translateY(0);
3832
- opacity: 1
3833
- }
3834
  }
 
 
3835
  @keyframes fade-in-up {
3836
- 0% {
3837
- transform: translateY(30px);
3838
- opacity: 0
3839
- }
3840
- 100% {
3841
- transform: translateY(0);
3842
- opacity: 1
3843
- }
3844
  }
 
 
3845
  @-webkit-keyframes fade-in-down {
3846
- 0% {
3847
- -webkit-transform: translateY(-30px);
3848
- opacity: 0
3849
- }
3850
- 100% {
3851
- -webkit-transform: translateY(0);
3852
- opacity: 1
3853
- }
3854
  }
 
 
3855
  @keyframes fade-in-down {
3856
- 0% {
3857
- transform: translateY(-30px);
3858
- opacity: 0
3859
- }
3860
- 100% {
3861
- transform: translateY(0);
3862
- opacity: 1
3863
- }
3864
  }
 
 
3865
  @-webkit-keyframes fade-out-up {
3866
- 0% {
3867
- -webkit-transform: translateY(0);
3868
- opacity: 1
3869
- }
3870
- 100% {
3871
- -webkit-transform: translateY(-30px);
3872
- opacity: 0
3873
- }
3874
  }
 
 
3875
  @keyframes fade-out-up {
3876
- 0% {
3877
- transform: translateY(0);
3878
- opacity: 1
3879
- }
3880
- 100% {
3881
- transform: translateY(-30px);
3882
- opacity: 0
3883
- }
3884
  }
 
 
3885
  @-webkit-keyframes opacity-in {
3886
- 0% {
3887
- opacity: 0
3888
- }
3889
- 100% {
3890
- opacity: 1
3891
- }
3892
  }
 
 
3893
  @keyframes opacity-in {
3894
- 0% {
3895
- opacity: 0
3896
- }
3897
- 100% {
3898
- opacity: 1
3899
- }
3900
  }
 
 
3901
  @-webkit-keyframes opacity-out {
3902
- 0% {
3903
- opacity: 1
3904
- }
3905
- 100% {
3906
- opacity: 0
3907
- }
3908
  }
 
 
3909
  @keyframes opacity-out {
3910
- 0% {
3911
- opacity: 1
3912
- }
3913
- 100% {
3914
- opacity: 0
3915
- }
3916
  }
 
 
3917
  .app-group {
3918
- background: #e4e4e4;
3919
- margin: 0 15px 60px;
3920
- overflow: hidden;
3921
- border-radius: 4px;
3922
- -webkit-transition: all 200ms;
3923
- transition: all 200ms
3924
  }
 
3925
  .app-group:last-child {
3926
- margin-bottom: 0
3927
  }
3928
- .app-group.active+.alert-block {
3929
- margin-top: -30px
 
3930
  }
 
3931
  .app-group:not(.active) {
3932
- margin-bottom: 15px
3933
  }
3934
- .app-group:not(.active)+.alert-block {
3935
- margin-top: 30px
 
3936
  }
 
3937
  .app-group .app-group-title {
3938
- padding: 15px 15px 17px;
3939
- position: relative
3940
  }
 
3941
  .app-group .app-group-title h2 {
3942
- font-family: "Raleway", sans-serif;
3943
- font-weight: 800;
3944
- font-size: 22px;
3945
- color: #999
3946
  }
3947
- .app-group .app-group-title h2>span {
3948
- font-family: "Source Sans Pro", sans-serif;
3949
- font-size: 16px;
3950
- color: #bdbdbd;
3951
- margin-left: 7px
 
3952
  }
 
3953
  .app-group .app-group-title a.app-group-toggle {
3954
- color: #bdbdbd;
3955
- position: absolute;
3956
- top: 0;
3957
- left: 0;
3958
- right: 0;
3959
- bottom: 0
3960
  }
3961
- .app-group .app-group-title a.app-group-toggle>i {
3962
- position: absolute;
3963
- top: 18px;
3964
- right: 20px
 
3965
  }
3966
- .app-group .app-group-title a.app-group-toggle>span {
3967
- display: none
 
3968
  }
 
3969
  .app-group .app-group-title a.app-group-toggle:hover {
3970
- color: #999;
3971
- background: rgba(255, 255, 255, 0.25)
3972
  }
 
3973
  .app-grid {
3974
- padding-top: 120px;
3975
- margin: 0 -30px
3976
  }
 
3977
  .app-grid:nth-child(2) .app-grid-titles-wrapper {
3978
- border-top-width: 0
3979
  }
 
3980
  .app-grid .app-link-wrapper {
3981
- width: 25%;
3982
- padding: 22px 15px 20px;
3983
- float: left;
3984
- position: relative
3985
  }
 
3986
  .app-grid .app-link-wrapper * {
3987
- -webkit-transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
3988
- transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1)
3989
  }
 
3990
  .app-grid .app-link-wrapper .app-badge-group,
3991
  .app-grid .app-link-wrapper .nocode {
3992
- position: absolute;
3993
- top: 7px;
3994
- z-index: 2
3995
  }
 
3996
  .app-grid .app-link-wrapper .app-badge-group {
3997
- text-align: right;
3998
- position: absolute;
3999
- right: 7px
4000
  }
 
4001
  .app-grid .app-link-wrapper .app-badge {
4002
- font-family: "Raleway", sans-serif;
4003
- font-weight: 800;
4004
- font-size: 16px;
4005
- color: #fff;
4006
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
4007
- padding: 4px 8px;
4008
- display: inline-block;
4009
- border-radius: 4px;
4010
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
4011
  }
 
4012
  .app-grid .app-link-wrapper .app-badge.nocode {
4013
- font-size: 14px;
4014
- text-transform: uppercase;
4015
- padding-top: 5px;
4016
- padding-bottom: 5px;
4017
- left: 7px
4018
  }
 
4019
  .app-grid .app-link-wrapper .app-badge.new {
4020
- background: #f5bd25
4021
  }
 
4022
  .app-grid .app-link-wrapper .app-badge.nocode {
4023
- background: #8db13d;
4024
- color: #ccc;
4025
- background: #fff;
4026
- text-shadow: none;
4027
- box-shadow: none
4028
  }
 
4029
  .app-grid .app-link-wrapper .app-badge.plan-one {
4030
- background: #339ed5
4031
  }
 
4032
  .app-grid .app-link-wrapper .app-badge.plan-two {
4033
- background: #f29809
4034
  }
 
4035
  .app-grid .app-link-wrapper .app-badge.plan-three {
4036
- background: #dd5a7c
4037
  }
 
4038
  .app-grid .app-link-wrapper .app-badge.plan-four {
4039
- background: #9a58e6
4040
  }
 
4041
  .app-grid .app-link-wrapper .app-link {
4042
- height: 320px;
4043
- background: #fff;
4044
- border: 1px solid #e3e3e3;
4045
- text-align: center;
4046
- padding: 35px 30px 0;
4047
- overflow: hidden;
4048
- position: relative;
4049
- border-radius: 4px
4050
  }
 
4051
  .app-grid .app-link-wrapper .app-link .app-link-info {
4052
- background: #fff;
4053
- border-top: 1px solid transparent;
4054
- padding-bottom: 30px;
4055
- margin-top: -52px;
4056
- position: absolute;
4057
- top: 100%;
4058
- left: 0;
4059
- right: 0;
4060
- z-index: 1;
4061
- -webkit-transform: translateY(-82px);
4062
- -ms-transform: translateY(-82px);
4063
- transform: translateY(-82px)
4064
  }
 
4065
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title {
4066
- height: 66px;
4067
- font-family: "Raleway", sans-serif;
4068
- font-weight: 800;
4069
- font-weight: 800;
4070
- font-size: 20px;
4071
- line-height: 24px;
4072
- text-align: center;
4073
- position: relative
4074
  }
 
4075
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title span {
4076
- width: 100%;
4077
- padding: 0 15px;
4078
- position: absolute;
4079
- top: 50%;
4080
- left: 0;
4081
- -webkit-transform: translateY(-50%);
4082
- -ms-transform: translateY(-50%);
4083
- transform: translateY(-50%)
4084
  }
 
4085
  .app-grid .app-link-wrapper .app-link .app-link-info p:not(.app-title) {
4086
- text-align: left;
4087
- line-height: 22px;
4088
- padding: 0 30px;
4089
- opacity: 0
4090
  }
 
4091
  .app-grid .app-link-wrapper .app-link .app-image {
4092
- position: relative
4093
  }
 
4094
  .app-grid .app-link-wrapper .app-link .app-image img {
4095
- max-height: 156px;
4096
- max-width: 300px;
4097
- width: 100%
4098
  }
 
4099
  .app-grid .app-link-wrapper .app-link .installed {
4100
- width: 100%;
4101
- font-family: "Raleway", sans-serif;
4102
- font-weight: 800;
4103
- font-size: 30px;
4104
- color: #fff;
4105
- background: rgba(141, 177, 61, 0.9);
4106
- text-align: center;
4107
- position: absolute;
4108
- top: 0;
4109
- bottom: 10px;
4110
- left: 0;
4111
- border-radius: 4px
4112
- }
4113
- .app-grid .app-link-wrapper .app-link .installed>span {
4114
- position: absolute;
4115
- top: 50%;
4116
- left: 50%;
4117
- -webkit-transform: translate(-50%, -50%);
4118
- -ms-transform: translate(-50%, -50%);
4119
- transform: translate(-50%, -50%)
 
4120
  }
 
4121
  .app-grid .app-link-wrapper .app-link .installed i {
4122
- font-size: 42px;
4123
- margin-bottom: 5px;
4124
- display: block
4125
  }
 
4126
  .app-grid .app-link-wrapper .app-link .app-link-buttons {
4127
- height: 72px;
4128
- background: #fff;
4129
- position: absolute;
4130
- bottom: 0;
4131
- left: 0;
4132
- right: 0;
4133
- z-index: 2;
4134
- box-shadow: 0 0px 20px #fff
4135
  }
 
4136
  .app-grid .app-link-wrapper .app-link .app-link-buttons * {
4137
- -webkit-transition: all 200ms;
4138
- transition: all 200ms
4139
  }
 
4140
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt {
4141
- color: #fff;
4142
- background: #ca4e45;
4143
- padding: 15px 20px
4144
  }
 
4145
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a {
4146
- background: #842c26;
4147
- border: 1px solid transparent;
4148
- padding: 4px 25px 6px;
4149
- margin: -5px 5px -6px;
4150
- display: inline-block;
4151
- border-radius: 4px
4152
  }
 
4153
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a:hover {
4154
- background: #9f352e
4155
  }
 
4156
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans {
4157
- background: transparent
4158
  }
 
4159
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans:hover {
4160
- border-color: #fff
4161
  }
 
4162
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
4163
- font-size: 18px;
4164
- padding: 6px 17px 7px;
4165
- display: inline-block;
4166
- position: relative
4167
  }
 
4168
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.gs-primary:hover {
4169
- color: #fff;
4170
- background: #339ed5
4171
  }
 
4172
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable {
4173
- color: #ccc;
4174
- background: #fff
4175
  }
 
4176
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable:hover {
4177
- color: #d36c65
4178
  }
 
4179
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
4180
- background: #339ed5;
4181
- padding: 9px 8px 5px;
4182
- margin-left: 10px;
4183
- position: absolute;
4184
- top: -2px;
4185
- left: 100%;
4186
- border-radius: 4px
4187
  }
 
4188
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
4189
- width: 30px
4190
- }
4191
- .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div {
4192
- width: auto;
4193
- padding: 7px 13px;
4194
- white-space: nowrap;
4195
- top: 38px;
4196
- left: auto;
4197
- right: -10px;
4198
- -webkit-transform: translateX(0);
4199
- -ms-transform: translateX(0);
4200
- transform: translateX(0)
4201
- }
4202
- .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div:before {
4203
- margin-left: 0;
4204
- left: auto;
4205
- right: 25px
4206
- }
4207
- .app-grid .app-link-wrapper .app-link .app-link-buttons>div {
4208
- white-space: nowrap;
4209
- position: absolute;
4210
- top: 12px;
4211
- left: 50%;
4212
- -webkit-transform: translateX(-50%);
4213
- -ms-transform: translateX(-50%);
4214
- transform: translateX(-50%);
4215
- -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4216
- transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1)
4217
- }
4218
- .app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group):not(.active)+.app-button-group {
4219
- margin-top: 10px;
4220
- opacity: 0;
4221
- -webkit-transform: translateX(-50%) translateY(100%);
4222
- -ms-transform: translateX(-50%) translateY(100%);
4223
- transform: translateX(-50%) translateY(100%)
4224
  }
4225
- .app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group).active {
4226
- opacity: 0;
4227
- -webkit-transform: translateX(-50%) translateY(-100%);
4228
- -ms-transform: translateX(-50%) translateY(-100%);
4229
- transform: translateX(-50%) translateY(-100%)
 
 
 
 
 
 
4230
  }
4231
- .app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group).active+.app-button-group {
4232
- margin-top: 0;
4233
- opacity: 1;
4234
- -webkit-transform: translateX(-50%) translateY(0);
4235
- -ms-transform: translateX(-50%) translateY(0);
4236
- transform: translateX(-50%) translateY(0)
4237
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4238
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group {
4239
- border: 2px solid #d36c65;
4240
- display: inline-block;
4241
- overflow: hidden;
4242
- border-radius: 4px
4243
  }
 
4244
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a {
4245
- color: #e4a5a1;
4246
- border-width: 0;
4247
- border-radius: 0
4248
  }
 
4249
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a:hover {
4250
- color: #ca4e45;
4251
- background: #fbf1f0
4252
  }
 
4253
  .app-grid .app-link-wrapper .app-link .app-link-buttons:before {
4254
- width: 35px;
4255
- height: 35px;
4256
- background: image-url("loader.gif");
4257
- background-size: 35px auto;
4258
- content: "";
4259
- display: none;
4260
- margin-left: -17px;
4261
- position: absolute;
4262
- top: 12px;
4263
- left: 50%;
4264
- z-index: 1;
4265
- -webkit-animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
4266
- animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1)
4267
  }
 
4268
  .app-grid .app-link-wrapper .app-link .app-link-buttons.loading:before {
4269
- display: inline-block
4270
  }
 
4271
  .app-grid .app-link-wrapper:hover .app-link .app-image {
4272
- opacity: 0.5;
4273
- -webkit-transform: translateY(-20px);
4274
- -ms-transform: translateY(-20px);
4275
- transform: translateY(-20px)
4276
  }
 
4277
  .app-grid .app-link-wrapper:hover .app-link .app-link-info {
4278
- border-top-color: #e3e3e3;
4279
- -webkit-transform: translateY(-100%);
4280
- -ms-transform: translateY(-100%);
4281
- transform: translateY(-100%);
4282
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2)
4283
  }
 
4284
  .app-grid .app-link-wrapper:hover .app-link .app-link-info p:not(.app-title) {
4285
- opacity: 1
4286
  }
 
4287
  .app-grid .app-link-wrapper:hover .app-link .app-badge.nocode {
4288
- color: #fff;
4289
- background: #8db13d;
4290
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
4291
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
4292
  }
 
4293
  @-webkit-keyframes fade-in-up {
4294
- 0% {
4295
- -webkit-transform: translateY(30px);
4296
- opacity: 0
4297
- }
4298
- 100% {
4299
- -webkit-transform: translateY(0);
4300
- opacity: 1
4301
- }
4302
  }
 
 
4303
  @keyframes fade-in-up {
4304
- 0% {
4305
- transform: translateY(30px);
4306
- opacity: 0
4307
- }
4308
- 100% {
4309
- transform: translateY(0);
4310
- opacity: 1
4311
- }
4312
  }
 
 
4313
  @-webkit-keyframes fade-in-down {
4314
- 0% {
4315
- -webkit-transform: translateY(-30px);
4316
- opacity: 0
4317
- }
4318
- 100% {
4319
- -webkit-transform: translateY(0);
4320
- opacity: 1
4321
- }
4322
  }
 
 
4323
  @keyframes fade-in-down {
4324
- 0% {
4325
- transform: translateY(-30px);
4326
- opacity: 0
4327
- }
4328
- 100% {
4329
- transform: translateY(0);
4330
- opacity: 1
4331
- }
4332
  }
 
 
4333
  @-webkit-keyframes fade-out-up {
4334
- 0% {
4335
- -webkit-transform: translateY(0);
4336
- opacity: 1
4337
- }
4338
- 100% {
4339
- -webkit-transform: translateY(-30px);
4340
- opacity: 0
4341
- }
4342
  }
 
 
4343
  @keyframes fade-out-up {
4344
- 0% {
4345
- transform: translateY(0);
4346
- opacity: 1
4347
- }
4348
- 100% {
4349
- transform: translateY(-30px);
4350
- opacity: 0
4351
- }
4352
  }
 
 
4353
  @-webkit-keyframes opacity-in {
4354
- 0% {
4355
- opacity: 0
4356
- }
4357
- 100% {
4358
- opacity: 1
4359
- }
4360
  }
 
 
4361
  @keyframes opacity-in {
4362
- 0% {
4363
- opacity: 0
4364
- }
4365
- 100% {
4366
- opacity: 1
4367
- }
4368
  }
 
 
4369
  @-webkit-keyframes opacity-out {
4370
- 0% {
4371
- opacity: 1
4372
- }
4373
- 100% {
4374
- opacity: 0
4375
- }
4376
  }
 
 
4377
  @keyframes opacity-out {
4378
- 0% {
4379
- opacity: 1
4380
- }
4381
- 100% {
4382
- opacity: 0
4383
- }
4384
  }
 
 
4385
  .app-grid-titles-wrapper {
4386
- background: #fff;
4387
- border-bottom: 1px solid #e9e9e9;
4388
- padding: 40px 30px 20px;
4389
- margin-top: -121px;
4390
- position: absolute;
4391
- left: 0;
4392
- right: 0;
4393
- z-index: 3;
4394
- -webkit-transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
4395
- transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1)
4396
  }
 
4397
  .app-grid-titles-wrapper.fixed {
4398
- border-top-width: 0;
4399
- border-bottom-color: transparent;
4400
- padding-top: 20px;
4401
- margin-top: 0;
4402
- position: fixed;
4403
- top: 55px;
4404
- box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), inset 0 2px 5px rgba(0, 0, 0, 0.1)
4405
  }
 
4406
  .app-grid-titles-wrapper.fixed h1 {
4407
- font-size: 25px;
4408
- position: relative;
4409
- bottom: -4px
4410
  }
 
4411
  .app-grid-titles-wrapper.fixed h1 .gs-tooltip {
4412
- top: -2px
4413
  }
 
4414
  .app-grid-titles-wrapper h1 {
4415
- max-width: 1260px;
4416
- margin: 0 auto;
4417
- padding: 0 400px 0 60px;
4418
- -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4419
- transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1)
4420
  }
 
4421
  h1.app-grid-titles {
4422
- font-family: "Raleway", sans-serif;
4423
- font-weight: 800;
4424
- font-size: 30px;
4425
- font-weight: 800
4426
  }
4427
- h1.app-grid-titles:not(.filter-on) span.gs-tooltip>div {
4428
- display: none !important
 
4429
  }
 
4430
  h1.app-grid-titles.filter-on {
4431
- color: #ccc
4432
  }
 
4433
  h1.app-grid-titles.filter-on i {
4434
- font-size: 20px;
4435
- margin: 0 10px;
4436
- position: relative;
4437
- bottom: 1px
4438
  }
 
4439
  h1.app-grid-titles.filter-on span.filter-two {
4440
- color: #f29809
4441
  }
4442
- h1.app-grid-titles.filter-on span.filter-two>div {
4443
- background: #f29809
 
4444
  }
4445
- h1.app-grid-titles.filter-on span.filter-two>div:before {
4446
- border-color: transparent transparent #f29809 transparent
 
4447
  }
 
4448
  h1.app-grid-titles.filter-on span.filter-nocode {
4449
- color: #8db13d
4450
  }
 
4451
  h1.app-grid-titles.filter-on span.filter-primary {
4452
- color: #339ed5
4453
  }
4454
- h1.app-grid-titles span.gs-tooltip>div {
4455
- font-family: "Source Sans Pro", sans-serif;
4456
- font-weight: normal;
4457
- margin-top: 10px
 
4458
  }
4459
- .app-grid-titles-wrapper.fixed h1.app-grid-titles span.gs-tooltip>div {
4460
- margin-top: 6px
 
4461
  }
 
4462
  #app-grid-filters {
4463
- max-width: 1260px;
4464
- height: 1px;
4465
- font-weight: 600;
4466
- margin: 0 auto;
4467
- position: relative;
4468
- top: 40px;
4469
- z-index: 4;
4470
- -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
4471
- transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1)
4472
  }
 
4473
  #app-grid-filters.fixed {
4474
- position: fixed;
4475
- top: 71px;
4476
- left: 0;
4477
- right: 0
4478
  }
 
4479
  #app-grid-filters.fixed .app-grid-filter-holder {
4480
- padding: 0 60px
4481
  }
 
4482
  #app-grid-filters.fixed #app-filter-dropdown {
4483
- right: 30px
4484
  }
 
4485
  #app-grid-filters .app-grid-filter-holder {
4486
- display: inline-block;
4487
- position: absolute;
4488
- top: 0;
4489
- right: 0
4490
  }
 
4491
  #app-grid-filters .app-grid-filter-holder .gs-button {
4492
- margin-left: 5px;
4493
- position: relative;
4494
- z-index: 1
4495
  }
 
4496
  #app-grid-filters .app-grid-filter-holder .gs-button:first-child {
4497
- margin-left: 0;
4498
- margin-right: -4px
4499
  }
4500
- #app-grid-filters .app-grid-filter-holder .gs-tooltip>div {
4501
- top: 40px
 
4502
  }
 
4503
  #app-grid-filters #app-filter {
4504
- padding: 6px 13px 7px;
4505
- display: inline-block;
4506
- z-index: 1
4507
  }
4508
- #app-grid-filters #app-filter:hover+#app-filter-dropdown {
4509
- display: block
 
4510
  }
 
4511
  #app-grid-filters #app-filter-dropdown {
4512
- width: 220px;
4513
- background: #fff;
4514
- text-align: left;
4515
- padding: 18px 15px 13px;
4516
- display: none;
4517
- position: absolute;
4518
- top: 100%;
4519
- right: 0;
4520
- border-radius: 4px;
4521
- box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
4522
- -webkit-animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
4523
- animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1)
4524
  }
 
4525
  #app-grid-filters #app-filter-dropdown:hover {
4526
- display: block
4527
  }
 
4528
  #app-grid-filters #app-filter-dropdown .gs-button {
4529
- margin: 3px 0;
4530
- padding: 6px 18px 8px 13px;
4531
- display: block
4532
  }
 
4533
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans) {
4534
- position: relative
4535
  }
 
4536
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans):before {
4537
- font-family: "FontAwesome";
4538
- font-size: 16px;
4539
- color: #fff;
4540
- content: "";
4541
- display: block;
4542
- position: absolute;
4543
- top: 50%;
4544
- right: 4px;
4545
- margin-top: -8px;
4546
- opacity: 0.5
4547
  }
 
4548
  #app-grid-filters #app-filter-dropdown .filter-title {
4549
- margin-bottom: 10px;
4550
- display: block
4551
  }
 
4552
  html,
4553
  body {
4554
- height: 100%
4555
  }
 
4556
  body {
4557
- font-family: "Source Sans Pro", sans-serif;
4558
- color: #606060;
4559
- background: #f3f3f3
4560
  }
 
4561
  body * {
4562
- text-rendering: optimizeLegibility;
4563
- -webkit-font-smoothing: antialiased;
4564
- box-sizing: border-box
4565
  }
 
4566
  body.no-scroll {
4567
- overflow: hidden
4568
  }
 
4569
  h1 {
4570
- font-size: 40px;
4571
- font-weight: 300
4572
  }
 
4573
  h1 strong {
4574
- font-weight: 600
4575
  }
4576
- h1+p {
4577
- margin-top: 10px
 
4578
  }
 
4579
  h2,
4580
  h3 {
4581
- font-size: 20px;
4582
- font-weight: 600
4583
  }
 
4584
  h4 {
4585
- font-size: 20px
4586
  }
 
4587
  strong {
4588
- font-weight: 700
4589
  }
 
4590
  p {
4591
- line-height: 18px
4592
  }
 
4593
  textarea.code,
4594
  form textarea.code,
4595
  div.form textarea.code {
4596
- width: 100%;
4597
- font-family: Courier New, monospace;
4598
- font-size: 12px;
4599
- color: #000;
4600
- background: #fff;
4601
- border: 1px solid #ccc;
4602
- padding: 13px 20px;
4603
- resize: none;
4604
- outline: none;
4605
- word-wrap: break-word;
4606
- display: block;
4607
- border-radius: 4px
4608
  }
 
4609
  .gs-tooltip {
4610
- position: relative
4611
- }
4612
- .gs-tooltip.plan-two>div {
4613
- background: #d98908
4614
- }
4615
- .gs-tooltip.plan-two>div:before {
4616
- border-color: transparent transparent #d98908 transparent
4617
- }
4618
- .gs-tooltip.plan-three>div {
4619
- background: #d9456b
4620
- }
4621
- .gs-tooltip.plan-three>div:before {
4622
- border-color: transparent transparent #d9456b transparent
4623
- }
4624
- .gs-tooltip.plan-four>div {
4625
- background: #8d42e3
4626
- }
4627
- .gs-tooltip.plan-four>div:before {
4628
- border-color: transparent transparent #8d42e3 transparent
4629
- }
4630
- .gs-tooltip.nocode>div {
4631
- background: #81a238
4632
- }
4633
- .gs-tooltip.nocode>div:before {
4634
- border-color: transparent transparent #81a238 transparent
4635
- }
4636
- .gs-tooltip>div {
4637
- width: 184px;
4638
- font-size: 13px;
4639
- font-weight: normal;
4640
- color: #fff;
4641
- background: #000;
4642
- text-align: left;
4643
- line-height: 15px;
4644
- padding: 10px 15px;
4645
- position: absolute;
4646
- top: 30px;
4647
- left: 50%;
4648
- display: none;
4649
- z-index: 5;
4650
- border-radius: 4px;
4651
- box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
4652
- -webkit-transform: translateX(-50%);
4653
- -ms-transform: translateX(-50%);
4654
- transform: translateX(-50%)
4655
- }
4656
- .gs-tooltip>div:before {
4657
- width: 0;
4658
- height: 0;
4659
- border-style: solid;
4660
- border-width: 0 8px 8px 8px;
4661
- border-color: transparent transparent #000 transparent;
4662
- content: "";
4663
- display: block;
4664
- position: absolute;
4665
- top: -8px;
4666
- left: 50%;
4667
- margin-left: -8px
4668
- }
4669
- .gs-tooltip:hover>div {
4670
- display: block
4671
- }
4672
- .min-tip>div {
4673
- width: 95px;
4674
- left: 50%;
4675
- top: 50px;
4676
- text-align: center;
4677
- padding: 5px 5px
4678
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4679
  #gs-master-wrapper {
4680
- min-width: 1150px;
4681
- min-height: 100%;
4682
- height: auto !important;
4683
- height: 100%;
4684
- margin: 0 auto -190px;
4685
- overflow-y: hidden
4686
  }
 
4687
  #gs-master-wrapper #master-wrapper-push {
4688
- height: 190px
4689
  }
 
4690
  main {
4691
- z-index: 3;
4692
- -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
4693
- transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1)
4694
  }
 
4695
  main.relative {
4696
- position: relative
4697
  }
4698
- main>div {
4699
- margin: 0 auto
 
4700
  }
4701
- main>div.large {
4702
- max-width: 1200px
 
4703
  }
4704
- main>div.large>.alert.global {
4705
- margin: 0 30px
 
4706
  }
4707
- main>div.medium {
4708
- max-width: 860px
 
4709
  }
4710
- main>div.special {
4711
- max-width: 920px
 
4712
  }
4713
- main>div .content-wrapper {
4714
- margin: 30px 30px 0
 
4715
  }
4716
- main>div .content-wrapper.no-margin {
4717
- margin-top: 0
 
4718
  }
4719
- main>div .content-wrapper.analytics {
4720
- position: relative
 
4721
  }
 
4722
  .text-center {
4723
- text-align: center
4724
  }
 
4725
  .text-left {
4726
- text-align: left
4727
  }
 
4728
  .text-right {
4729
- text-align: right
4730
  }
 
4731
  .container *[class^="col-"]:first-of-type {
4732
- padding-right: 15px
4733
  }
 
4734
  .container *[class^="col-"]:last-of-type {
4735
- padding-left: 15px
4736
  }
 
4737
  .container *[class^="col-"]:not(:first-of-type):not(:last-of-type) {
4738
- padding-left: 15px;
4739
- padding-right: 15px
4740
  }
 
4741
  .row {
4742
- margin: 0 -30px
4743
  }
 
4744
  .row:after {
4745
- content: "";
4746
- display: block;
4747
- clear: both
4748
  }
 
4749
  .col-1 {
4750
- width: 6.25%;
4751
- position: relative;
4752
- min-height: 1px;
4753
- padding-left: 30px;
4754
- padding-right: 30px;
4755
- float: left
4756
  }
 
4757
  .col-pull-1 {
4758
- right: 6.25%
4759
  }
 
4760
  .col-push-1 {
4761
- left: 6.25%
4762
  }
 
4763
  .col-offset-1 {
4764
- margin-left: 6.25%
4765
  }
 
4766
  .col-2 {
4767
- width: 12.5%;
4768
- position: relative;
4769
- min-height: 1px;
4770
- padding-left: 30px;
4771
- padding-right: 30px;
4772
- float: left
4773
  }
 
4774
  .col-pull-2 {
4775
- right: 12.5%
4776
  }
 
4777
  .col-push-2 {
4778
- left: 12.5%
4779
  }
 
4780
  .col-offset-2 {
4781
- margin-left: 12.5%
4782
  }
 
4783
  .col-3 {
4784
- width: 18.75%;
4785
- position: relative;
4786
- min-height: 1px;
4787
- padding-left: 30px;
4788
- padding-right: 30px;
4789
- float: left
4790
  }
 
4791
  .col-pull-3 {
4792
- right: 18.75%
4793
  }
 
4794
  .col-push-3 {
4795
- left: 18.75%
4796
  }
 
4797
  .col-offset-3 {
4798
- margin-left: 18.75%
4799
  }
 
4800
  .col-4 {
4801
- width: 25%;
4802
- position: relative;
4803
- min-height: 1px;
4804
- padding-left: 30px;
4805
- padding-right: 30px;
4806
- float: left
4807
  }
 
4808
  .col-pull-4 {
4809
- right: 25%
4810
  }
 
4811
  .col-push-4 {
4812
- left: 25%
4813
  }
 
4814
  .col-offset-4 {
4815
- margin-left: 25%
4816
  }
 
4817
  .col-5 {
4818
- width: 31.25%;
4819
- position: relative;
4820
- min-height: 1px;
4821
- padding-left: 30px;
4822
- padding-right: 30px;
4823
- float: left
4824
  }
 
4825
  .col-pull-5 {
4826
- right: 31.25%
4827
  }
 
4828
  .col-push-5 {
4829
- left: 31.25%
4830
  }
 
4831
  .col-offset-5 {
4832
- margin-left: 31.25%
4833
  }
 
4834
  .col-6 {
4835
- width: 37.5%;
4836
- position: relative;
4837
- min-height: 1px;
4838
- padding-left: 30px;
4839
- padding-right: 30px;
4840
- float: left
4841
  }
 
4842
  .col-pull-6 {
4843
- right: 37.5%
4844
  }
 
4845
  .col-push-6 {
4846
- left: 37.5%
4847
  }
 
4848
  .col-offset-6 {
4849
- margin-left: 37.5%
4850
  }
 
4851
  .col-7 {
4852
- width: 43.75%;
4853
- position: relative;
4854
- min-height: 1px;
4855
- padding-left: 30px;
4856
- padding-right: 30px;
4857
- float: left
4858
  }
 
4859
  .col-pull-7 {
4860
- right: 43.75%
4861
  }
 
4862
  .col-push-7 {
4863
- left: 43.75%
4864
  }
 
4865
  .col-offset-7 {
4866
- margin-left: 43.75%
4867
  }
 
4868
  .col-8 {
4869
- width: 50%;
4870
- position: relative;
4871
- min-height: 1px;
4872
- padding-left: 30px;
4873
- padding-right: 30px;
4874
- float: left
4875
  }
 
4876
  .col-pull-8 {
4877
- right: 50%
4878
  }
 
4879
  .col-push-8 {
4880
- left: 50%
4881
  }
 
4882
  .col-offset-8 {
4883
- margin-left: 50%
4884
  }
 
4885
  .col-9 {
4886
- width: 56.25%;
4887
- position: relative;
4888
- min-height: 1px;
4889
- padding-left: 30px;
4890
- padding-right: 30px;
4891
- float: left
4892
  }
 
4893
  .col-pull-9 {
4894
- right: 56.25%
4895
  }
 
4896
  .col-push-9 {
4897
- left: 56.25%
4898
  }
 
4899
  .col-offset-9 {
4900
- margin-left: 56.25%
4901
  }
 
4902
  .col-10 {
4903
- width: 62.5%;
4904
- position: relative;
4905
- min-height: 1px;
4906
- padding-left: 30px;
4907
- padding-right: 30px;
4908
- float: left
4909
  }
 
4910
  .col-pull-10 {
4911
- right: 62.5%
4912
  }
 
4913
  .col-push-10 {
4914
- left: 62.5%
4915
  }
 
4916
  .col-offset-10 {
4917
- margin-left: 62.5%
4918
  }
 
4919
  .col-11 {
4920
- width: 68.75%;
4921
- position: relative;
4922
- min-height: 1px;
4923
- padding-left: 30px;
4924
- padding-right: 30px;
4925
- float: left
4926
  }
 
4927
  .col-pull-11 {
4928
- right: 68.75%
4929
  }
 
4930
  .col-push-11 {
4931
- left: 68.75%
4932
  }
 
4933
  .col-offset-11 {
4934
- margin-left: 68.75%
4935
  }
 
4936
  .col-12 {
4937
- width: 75%;
4938
- position: relative;
4939
- min-height: 1px;
4940
- padding-left: 30px;
4941
- padding-right: 30px;
4942
- float: left
4943
  }
 
4944
  .col-pull-12 {
4945
- right: 75%
4946
  }
 
4947
  .col-push-12 {
4948
- left: 75%
4949
  }
 
4950
  .col-offset-12 {
4951
- margin-left: 75%
4952
  }
 
4953
  .col-13 {
4954
- width: 81.25%;
4955
- position: relative;
4956
- min-height: 1px;
4957
- padding-left: 30px;
4958
- padding-right: 30px;
4959
- float: left
4960
  }
 
4961
  .col-pull-13 {
4962
- right: 81.25%
4963
  }
 
4964
  .col-push-13 {
4965
- left: 81.25%
4966
  }
 
4967
  .col-offset-13 {
4968
- margin-left: 81.25%
4969
  }
 
4970
  .col-14 {
4971
- width: 87.5%;
4972
- position: relative;
4973
- min-height: 1px;
4974
- padding-left: 30px;
4975
- padding-right: 30px;
4976
- float: left
4977
  }
 
4978
  .col-pull-14 {
4979
- right: 87.5%
4980
  }
 
4981
  .col-push-14 {
4982
- left: 87.5%
4983
  }
 
4984
  .col-offset-14 {
4985
- margin-left: 87.5%
4986
  }
 
4987
  .col-15 {
4988
- width: 93.75%;
4989
- position: relative;
4990
- min-height: 1px;
4991
- padding-left: 30px;
4992
- padding-right: 30px;
4993
- float: left
4994
  }
 
4995
  .col-pull-15 {
4996
- right: 93.75%
4997
  }
 
4998
  .col-push-15 {
4999
- left: 93.75%
5000
  }
 
5001
  .col-offset-15 {
5002
- margin-left: 93.75%
5003
  }
 
5004
  .col-16 {
5005
- width: 100%;
5006
- position: relative;
5007
- min-height: 1px;
5008
- padding-left: 30px;
5009
- padding-right: 30px;
5010
- float: left
5011
  }
 
5012
  .col-pull-16 {
5013
- right: 100%
5014
  }
 
5015
  .col-push-16 {
5016
- left: 100%
5017
  }
 
5018
  .col-offset-16 {
5019
- margin-left: 100%
5020
  }
 
5021
  .gs-clearfix:after {
5022
- content: "";
5023
- display: block;
5024
- clear: both
5025
  }
 
5026
  @-webkit-keyframes fade-in-up {
5027
- 0% {
5028
- -webkit-transform: translateY(30px);
5029
- opacity: 0
5030
- }
5031
- 100% {
5032
- -webkit-transform: translateY(0);
5033
- opacity: 1
5034
- }
5035
  }
 
 
5036
  @keyframes fade-in-up {
5037
- 0% {
5038
- transform: translateY(30px);
5039
- opacity: 0
5040
- }
5041
- 100% {
5042
- transform: translateY(0);
5043
- opacity: 1
5044
- }
5045
  }
 
 
5046
  @-webkit-keyframes fade-in-down {
5047
- 0% {
5048
- -webkit-transform: translateY(-30px);
5049
- opacity: 0
5050
- }
5051
- 100% {
5052
- -webkit-transform: translateY(0);
5053
- opacity: 1
5054
- }
5055
  }
 
 
5056
  @keyframes fade-in-down {
5057
- 0% {
5058
- transform: translateY(-30px);
5059
- opacity: 0
5060
- }
5061
- 100% {
5062
- transform: translateY(0);
5063
- opacity: 1
5064
- }
5065
  }
 
 
5066
  @-webkit-keyframes fade-out-up {
5067
- 0% {
5068
- -webkit-transform: translateY(0);
5069
- opacity: 1
5070
- }
5071
- 100% {
5072
- -webkit-transform: translateY(-30px);
5073
- opacity: 0
5074
- }
5075
  }
 
 
5076
  @keyframes fade-out-up {
5077
- 0% {
5078
- transform: translateY(0);
5079
- opacity: 1
5080
- }
5081
- 100% {
5082
- transform: translateY(-30px);
5083
- opacity: 0
5084
- }
5085
  }
 
 
5086
  @-webkit-keyframes opacity-in {
5087
- 0% {
5088
- opacity: 0
5089
- }
5090
- 100% {
5091
- opacity: 1
5092
- }
5093
  }
 
 
5094
  @keyframes opacity-in {
5095
- 0% {
5096
- opacity: 0
5097
- }
5098
- 100% {
5099
- opacity: 1
5100
- }
5101
  }
 
 
5102
  @-webkit-keyframes opacity-out {
5103
- 0% {
5104
- opacity: 1
5105
- }
5106
- 100% {
5107
- opacity: 0
5108
- }
5109
  }
 
 
5110
  @keyframes opacity-out {
5111
- 0% {
5112
- opacity: 1
5113
- }
5114
- 100% {
5115
- opacity: 0
5116
- }
5117
  }
 
 
5118
  body * {
5119
- outline: none !important
5120
  }
 
5121
  body a:focus {
5122
- box-shadow: none
5123
  }
 
5124
  h1 {
5125
- font-size: 27px
5126
  }
 
5127
  #gs-master-wrapper {
5128
- min-width: 1000px;
5129
- margin: 0 0 0 -20px;
5130
- overflow: hidden
5131
  }
5132
- main>div.large {
5133
- padding-top: 30px
 
5134
  }
 
5135
  header {
5136
- width: auto;
5137
- margin-right: -1px;
5138
- padding-top: 0;
5139
- display: block
5140
  }
 
5141
  header #main-nav {
5142
- width: auto;
5143
- position: static
5144
  }
5145
- header #main-nav nav>ul>li:not(.right-link) {
5146
- float: left
 
5147
  }
 
5148
  .title-wrapper {
5149
- padding: 25px 0 27px;
5150
- z-index: 1
5151
  }
 
5152
  .title-wrapper h1 {
5153
- max-width: 800px;
5154
- text-align: center
5155
  }
 
5156
  .title-wrapper.app-page h1 {
5157
- max-width: 1200px;
5158
- text-align: left;
5159
- margin: 0 auto;
5160
- padding: 0 30px;
5161
- display: block
5162
  }
5163
- .app-grid-titles>span {
5164
- max-width: 500px;
5165
- display: block
 
5166
  }
 
5167
  #app-grid-filters {
5168
- max-width: 1200px;
5169
- padding: 0 60px;
5170
- top: -88px
5171
  }
 
5172
  #app-grid-filters a {
5173
- padding-top: 6px;
5174
- padding-bottom: 8px;
5175
- display: inline-block
5176
  }
 
5177
  #app-grid-filters a:not(.trans) {
5178
- color: #fff
5179
  }
 
5180
  #app-grid-filters .app-grid-filter-holder {
5181
- padding-right: 30px;
5182
- text-align: right
5183
  }
 
5184
  #app-grid-filters .app-grid-filter-holder #app-filter-dropdown {
5185
- right: 15px
5186
  }
 
5187
  .app-grid {
5188
- padding-top: 0;
5189
- margin: 0
5190
  }
 
5191
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
5192
- position: relative
5193
  }
 
5194
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
5195
- background: #339ed5;
5196
- padding: 9px 8px 5px;
5197
- margin-left: 10px;
5198
- position: absolute;
5199
- top: -2px;
5200
- left: 100%;
5201
- border-radius: 4px
5202
  }
 
5203
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
5204
- width: 30px
5205
- }
5206
- .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div {
5207
- width: auto;
5208
- padding: 7px 13px;
5209
- white-space: nowrap;
5210
- top: 35px;
5211
- left: auto;
5212
- right: -10px;
5213
- -webkit-transform: translateX(0);
5214
- -ms-transform: translateX(0);
5215
- transform: translateX(0)
5216
- }
5217
- .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div:before {
5218
- margin-left: 0;
5219
- left: auto;
5220
- right: 25px
 
 
5221
  }
 
5222
  .alert-block .close i {
5223
- -webkit-transform-origin: 50% 50%;
5224
- -moz-transform-origin: 50% 50%;
5225
- -ms-transform-origin: 50% 50%;
5226
- transform-origin: 50% 50%
5227
  }
 
5228
  .gs-button:disabled {
5229
- color: #fff;
5230
- border-color: transparent
5231
  }
 
5232
  .create-gs-account:active,
5233
  .create-gs-account:hover,
5234
  .create-gs-account:focus {
5235
- color: #fff
5236
  }
 
5237
  .loading-create:not(.active) {
5238
- display: none
5239
  }
 
5240
  .modal-wrapper {
5241
- z-index: 99999
5242
  }
 
5243
  .modal-wrapper .gs-modal .modal-title .title {
5244
- padding-bottom: 30px
5245
  }
5246
 
5247
- #confirm-apikey-request-modal.modal-wrapper .gs-modal .modal-title .title {
5248
- padding-bottom: 10px
5249
  }
5250
 
5251
  .gs-form .checkbox-list {
5252
- padding: 2px 0
5253
  }
 
5254
  .gs-form .checkbox-list input {
5255
- width: auto;
5256
- border-radius: 100%
5257
  }
5258
- .gs-form .checkbox-list input+span {
5259
- font-weight: 600;
5260
- color: #606060
 
5261
  }
5262
- .gs-form .checkbox-list input:checked+span {
5263
- color: #339ed5
 
5264
  }
 
5265
  .gs-form.gs-small {
5266
- max-width: 600px;
5267
- margin: 0 auto
5268
  }
 
5269
  footer {
5270
- padding: 100px 0 50px
5271
  }
 
5272
  footer a {
5273
- display: inline-block
5274
  }
 
5275
  footer a:active,
5276
  footer a:hover,
5277
  footer a:focus {
5278
- color: #fff
5279
  }
 
5280
  @media all and (max-width: 1360px) {
5281
- .app-grid,
5282
- .alert-block {
5283
- margin-left: auto !important;
5284
- margin-right: auto !important
5285
- }
5286
- .app-grid {
5287
- max-width: 910px
5288
- }
5289
- .app-grid .app-link-wrapper {
5290
- width: 33.3333333333%
5291
- }
5292
- .alert-block {
5293
- max-width: 880px
5294
- }
5295
- .alert-block.center .alert-info {
5296
- max-width: 550px
5297
- }
5298
- .alert-block.center .alert-info a {
5299
- min-width: 145px;
5300
- font-size: 15px;
5301
- text-align: center;
5302
- white-space: normal;
5303
- vertical-align: middle;
5304
- padding-left: 5px;
5305
- padding-right: 5px;
5306
- margin-left: 20px
5307
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5308
  }
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
  mark,
304
  audio,
305
  video {
306
+ margin: 0;
307
+ padding: 0;
308
+ border: 0;
309
+ font-size: 100%;
310
+ font: inherit;
311
+ vertical-align: baseline;
312
  }
313
+
314
  article,
315
  aside,
316
  details,
322
  menu,
323
  nav,
324
  section {
325
+ display: block;
326
  }
327
+
328
  body {
329
+ line-height: 1;
330
  }
331
+
332
  ol,
333
  ul {
334
+ list-style: none;
335
  }
336
+
337
  blockquote,
338
  q {
339
+ quotes: none;
340
  }
341
+
342
  blockquote:before,
343
  blockquote:after,
344
  q:before,
345
  q:after {
346
+ content: "";
347
+ content: none;
348
  }
349
+
350
  table {
351
+ border-collapse: collapse;
352
+ border-spacing: 0;
353
  }
354
+
355
  a {
356
+ text-decoration: none;
357
  }
358
+
359
  @-webkit-keyframes fade-in-up {
360
+ 0% {
361
+ -webkit-transform: translateY(30px);
362
+ opacity: 0;
363
+ }
364
+ 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
+ }
629
+
630
+ header #main-nav nav > ul > li:not(.right-link) {
631
+ margin-right: -4px;
632
+ }
633
+
634
+ header #main-nav nav > ul > li.submenu-link {
635
+ position: relative;
636
+ }
637
+
638
+ header #main-nav nav > ul > li.submenu-link > a {
639
+ padding-right: 7px;
640
+ }
641
+
642
+ header #main-nav nav > ul > li.submenu-link.right-link .submenu-wrapper {
643
+ left: auto;
644
+ right: 0;
645
+ }
646
+
647
+ header #main-nav nav > ul > li.submenu-link .submenu-wrapper {
648
+ min-width: 150px;
649
+ padding: 0 5px 5px;
650
+ margin: 0 -5px;
651
+ display: none;
652
+ overflow: hidden;
653
+ position: absolute;
654
+ top: 100%;
655
+ left: 0;
656
+ z-index: 2;
657
+ box-sizing: initial;
658
+ }
659
+
660
+ header #main-nav nav > ul > li.submenu-link .submenu {
661
+ min-width: 100%;
662
+ background: #f3f3f3;
663
+ padding: 10px 8px;
664
+ -webkit-transform: translate(0, -100%);
665
+ -ms-transform: translate(0, -100%);
666
+ transform: translate(0, -100%);
667
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
668
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
669
+ border-radius: 0 0 4px 4px;
670
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 9px 8px -10px rgba(0, 0, 0, 0.5);
671
+ }
672
+
673
+ header #main-nav nav > ul > li.submenu-link .submenu.active {
674
+ -webkit-transform: translate(0, 0);
675
+ -ms-transform: translate(0, 0);
676
+ transform: translate(0, 0);
677
+ }
678
+
679
+ header #main-nav nav > ul > li.submenu-link .submenu li.divider {
680
+ border-bottom: 1px solid #dfdfdf;
681
+ margin: 0 -8px;
682
+ padding: 0 8px 10px;
683
+ }
684
+
685
+ header #main-nav nav > ul > li.submenu-link .submenu li.divider + li {
686
+ padding-top: 8px;
687
+ }
688
+
689
+ header #main-nav nav > ul > li.submenu-link .submenu a {
690
+ width: 100%;
691
+ color: #606060;
692
+ white-space: nowrap;
693
+ padding: 8px 10px;
694
+ position: relative;
695
+ border-radius: 4px;
696
+ }
697
+
698
+ header #main-nav nav > ul > li.submenu-link .submenu a.lib-active,
699
+ header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active {
700
+ padding-right: 35px;
701
+ }
702
+
703
+ header #main-nav nav > ul > li.submenu-link .submenu a.lib-active:after,
704
+ header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active:after {
705
+ font-family: "FontAwesome";
706
+ font-size: 16px;
707
+ position: absolute;
708
+ top: 50%;
709
+ right: 5px;
710
+ margin-top: -8px;
711
+ }
712
+
713
+ header #main-nav nav > ul > li.submenu-link .submenu a.lib-active:after {
714
+ content: " ";
715
+ color: #8db13d;
716
+ }
717
+
718
+ header #main-nav nav > ul > li.submenu-link .submenu a.lib-not-active:after {
719
+ content: " ";
720
+ color: #d36c65;
721
+ }
722
+
723
+ header #main-nav nav > ul > li.submenu-link .submenu a:hover,
724
+ header #main-nav nav > ul > li.submenu-link .submenu a:focus {
725
+ background: #e6e6e6;
726
+ }
727
+
728
+ header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"] {
729
+ position: relative;
730
+ padding-right: 60px;
731
+ }
732
+
733
+ header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"] > span {
734
+ font-size: 11px;
735
+ color: #fff;
736
+ padding: 2px 5px 3px;
737
+ position: absolute;
738
+ top: 7px;
739
+ right: 4px;
740
+ border-radius: 4px;
741
+ }
742
+
743
+ header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-one > span {
744
+ background: #339ed5;
745
+ }
746
+
747
+ header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-two > span {
748
+ background: #f29809;
749
+ }
750
+
751
+ header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-three > span {
752
+ background: #dd5a7c;
753
+ }
754
+
755
+ header #main-nav nav > ul > li.submenu-link .submenu a[class*="badge-"].badge-plan-four > span {
756
+ background: #9a58e6;
757
+ }
758
+
759
+ header #main-nav nav > ul > li#cta-nav + #user-nav {
760
+ margin-right: 0;
761
+ }
762
+
763
+ header #main-nav nav > ul > li#user-nav {
764
+ margin-right: 4px;
765
+ }
766
+
767
+ header #main-nav nav > ul > li#user-nav img {
768
+ width: 30px;
769
+ border: 3px solid #72bce2;
770
+ margin: -7px 2px -5px;
771
+ border-radius: 100%;
772
+ }
773
+
774
+ header #main-nav nav > ul > li#user-nav > i {
775
+ margin-left: 6px;
776
+ }
777
+
778
+ header #main-nav nav > ul > li#user-nav a > div {
779
+ left: auto;
780
+ right: 4px;
781
+ -webkit-transform: translateX(0);
782
+ -ms-transform: translateX(0);
783
+ transform: translateX(0);
784
+ }
785
+
786
+ header #main-nav nav > ul > li#user-nav a > div:before {
787
+ margin-left: 0;
788
+ left: auto;
789
+ right: 24px;
790
+ }
791
+
792
+ header #main-nav nav > ul > li#store-nav {
793
+ margin-right: -4px;
794
+ }
795
+
796
+ header #main-nav nav > ul > li#store-nav > a {
797
+ background: #2a94ca;
798
+ }
799
+
800
+ header #main-nav nav > ul > li#store-nav > a:hover {
801
+ background: #278abd;
802
+ }
803
+
804
+ header #main-nav nav > ul > li#store-nav > a:active {
805
+ background: #2584b5;
806
+ }
807
+
808
+ header #main-nav nav > ul > li#store-nav li.tier-counter {
809
+ background: #2a94ca;
810
+ margin: 0 -8px;
811
+ padding: 11px 8px 0;
812
+ overflow: hidden;
813
+ }
814
+
815
+ header #main-nav nav > ul > li#store-nav li.tier-counter .counter {
816
+ font-size: 12px;
817
+ color: #9dd0eb;
818
+ text-align: right;
819
+ position: relative;
820
+ z-index: 2;
821
+ }
822
+
823
+ header #main-nav nav > ul > li#store-nav li.tier-counter .counter > div:first-of-type {
824
+ font-size: 22px;
825
+ font-weight: 600;
826
+ color: #fff;
827
+ margin: 0 0 10px;
828
+ position: relative;
829
+ left: 0;
830
+ }
831
+
832
+ header #main-nav nav > ul > li#store-nav li.tier-counter.no-limit .badge > span {
833
+ opacity: 1 !important;
834
+ -webkit-transform: translateY(0) !important;
835
+ -ms-transform: translateY(0) !important;
836
+ transform: translateY(0) !important;
837
+ }
838
+
839
+ header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span {
840
+ color: #fff;
841
+ font-weight: 600;
842
+ padding: 2px 7px;
843
+ position: absolute;
844
+ top: -2px;
845
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
846
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
847
+ }
848
+
849
+ header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span:first-child {
850
+ opacity: 1;
851
+ left: 0;
852
+ z-index: 0;
853
+ border-radius: 4px;
854
+ }
855
+
856
+ header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.one {
857
+ background: #339ed5;
858
+ }
859
+
860
+ header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.two {
861
+ background: #f29809;
862
  }
863
+
864
+ header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.three {
865
+ background: #dd5a7c;
866
+ }
867
+
868
+ header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span.four {
869
+ background: #9a58e6;
870
+ }
871
+
872
+ header #main-nav nav > ul > li#store-nav li.tier-counter .badge > span:not(:first-child):last-child {
873
+ opacity: 0;
874
+ left: -7px;
875
+ z-index: 1;
876
+ -webkit-transform: translateY(100%);
877
+ -ms-transform: translateY(100%);
878
+ transform: translateY(100%);
879
  }
880
+
881
+ header #main-nav nav > ul > li#store-nav li.tier-counter #progbar {
882
+ height: 6px;
883
+ background: #fff;
884
+ margin: 0 -8px;
885
  }
886
+
887
+ header #main-nav nav > ul > li#store-nav li.tier-counter #progbar > div {
888
+ width: 50px;
889
+ height: 6px;
890
+ background: #9bc048;
891
+ content: "";
892
+ display: block;
893
  }
894
+
895
+ header #main-nav nav > ul > li#store-nav li.tier-counter:hover:not(.no-limit) .badge > span:first-child {
896
+ opacity: 0;
897
+ -webkit-transform: translateY(-100%);
898
+ -ms-transform: translateY(-100%);
899
+ transform: translateY(-100%);
900
  }
901
+
902
+ header #main-nav nav > ul > li#store-nav li.tier-counter:hover:not(.no-limit) .badge > span:last-child {
903
+ opacity: 1;
904
+ -webkit-transform: translateY(0);
905
+ -ms-transform: translateY(0);
906
+ transform: translateY(0);
907
+ }
908
+
909
+ header #main-nav nav > ul > li#store-nav li.extra {
910
+ margin: 0 -8px -10px;
911
+ }
912
+
913
+ header #main-nav nav > ul > li#store-nav li.extra a {
914
+ background: #f3f3f3;
915
+ padding: 12px 18px 13px;
916
+ border-radius: 0 0 4px 4px;
917
+ }
918
+
919
+ header #main-nav nav > ul > li#store-nav li.extra a:hover,
920
+ header #main-nav nav > ul > li#store-nav li.extra a:focus {
921
+ background: #e6e6e6;
922
+ }
923
+
924
+ header #main-nav nav > ul > li#store-nav li.extra a:active {
925
+ background: #dfdfdf;
926
+ }
927
+
928
+ header #main-nav nav > ul > li#store-nav #store-status {
929
+ min-width: 22px;
930
+ font-size: 14px;
931
+ text-align: center;
932
+ display: inline-block;
933
+ padding: 4px 0;
934
+ margin: -4px 4px -4px 2px;
935
+ position: relative;
936
+ bottom: -1px;
937
+ border-radius: 100%;
938
+ }
939
+
940
+ header #main-nav nav > ul > li#store-nav #store-status.active {
941
+ background: #98bf44;
942
+ }
943
+
944
+ header #main-nav nav > ul > li#store-nav #store-status.error {
945
+ background: #d36c65;
946
+ }
947
+
948
+ header #main-nav nav > ul > li#store-nav #site-collection {
949
+ padding-top: 0;
950
+ background: #e6e6e6;
951
+ 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);
952
+ }
953
+
954
+ header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) {
955
+ max-height: 200px;
956
+ padding: 10px 0;
957
+ overflow-y: scroll;
958
+ }
959
+
960
+ header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) a:hover,
961
+ header #main-nav nav > ul > li#store-nav #site-collection > li:not(.tier-counter):not(.extra) a:focus {
962
+ background: #dadada;
963
  }
964
+
965
  @-webkit-keyframes fade-in-up {
966
+ 0% {
967
+ -webkit-transform: translateY(30px);
968
+ opacity: 0;
969
+ }
970
+ 100% {
971
+ -webkit-transform: translateY(0);
972
+ opacity: 1;
973
+ }
974
  }
975
+
976
+
977
  @keyframes fade-in-up {
978
+ 0% {
979
+ transform: translateY(30px);
980
+ opacity: 0;
981
+ }
982
+ 100% {
983
+ transform: translateY(0);
984
+ opacity: 1;
985
+ }
986
  }
987
+
988
+
989
  @-webkit-keyframes fade-in-down {
990
+ 0% {
991
+ -webkit-transform: translateY(-30px);
992
+ opacity: 0;
993
+ }
994
+ 100% {
995
+ -webkit-transform: translateY(0);
996
+ opacity: 1;
997
+ }
998
  }
999
+
1000
+
1001
  @keyframes fade-in-down {
1002
+ 0% {
1003
+ transform: translateY(-30px);
1004
+ opacity: 0;
1005
+ }
1006
+ 100% {
1007
+ transform: translateY(0);
1008
+ opacity: 1;
1009
+ }
1010
  }
1011
+
1012
+
1013
  @-webkit-keyframes fade-out-up {
1014
+ 0% {
1015
+ -webkit-transform: translateY(0);
1016
+ opacity: 1;
1017
+ }
1018
+ 100% {
1019
+ -webkit-transform: translateY(-30px);
1020
+ opacity: 0;
1021
+ }
1022
  }
1023
+
1024
+
1025
  @keyframes fade-out-up {
1026
+ 0% {
1027
+ transform: translateY(0);
1028
+ opacity: 1;
1029
+ }
1030
+ 100% {
1031
+ transform: translateY(-30px);
1032
+ opacity: 0;
1033
+ }
1034
  }
1035
+
1036
+
1037
  @-webkit-keyframes opacity-in {
1038
+ 0% {
1039
+ opacity: 0;
1040
+ }
1041
+ 100% {
1042
+ opacity: 1;
1043
+ }
1044
  }
1045
+
1046
+
1047
  @keyframes opacity-in {
1048
+ 0% {
1049
+ opacity: 0;
1050
+ }
1051
+ 100% {
1052
+ opacity: 1;
1053
+ }
1054
  }
1055
+
1056
+
1057
  @-webkit-keyframes opacity-out {
1058
+ 0% {
1059
+ opacity: 1;
1060
+ }
1061
+ 100% {
1062
+ opacity: 0;
1063
+ }
1064
  }
1065
+
1066
+
1067
  @keyframes opacity-out {
1068
+ 0% {
1069
+ opacity: 1;
1070
+ }
1071
+ 100% {
1072
+ opacity: 0;
1073
+ }
1074
  }
1075
+
1076
+
1077
  .title-wrapper {
1078
+ background: #fff;
1079
+ text-align: center;
1080
+ border-bottom: 1px solid #e9e9e9;
1081
+ padding: 46px 0 56px;
1082
+ position: relative;
1083
+ z-index: 4;
1084
  }
1085
+
1086
  .title-wrapper h1 {
1087
+ font-family: "Raleway", sans-serif;
1088
+ font-weight: 800;
1089
+ text-align: right;
1090
+ display: inline-block;
1091
  }
1092
+
1093
+ .title-wrapper h1 + p {
1094
+ max-width: 600px;
1095
+ margin-left: auto;
1096
+ margin-right: auto;
1097
  }
1098
+
1099
  .title-wrapper.analytics {
1100
+ z-index: 0;
1101
  }
1102
+
1103
  @-webkit-keyframes fade-in-up {
1104
+ 0% {
1105
+ -webkit-transform: translateY(30px);
1106
+ opacity: 0;
1107
+ }
1108
+ 100% {
1109
+ -webkit-transform: translateY(0);
1110
+ opacity: 1;
1111
+ }
1112
  }
1113
+
1114
+
1115
  @keyframes fade-in-up {
1116
+ 0% {
1117
+ transform: translateY(30px);
1118
+ opacity: 0;
1119
+ }
1120
+ 100% {
1121
+ transform: translateY(0);
1122
+ opacity: 1;
1123
+ }
1124
  }
1125
+
1126
+
1127
  @-webkit-keyframes fade-in-down {
1128
+ 0% {
1129
+ -webkit-transform: translateY(-30px);
1130
+ opacity: 0;
1131
+ }
1132
+ 100% {
1133
+ -webkit-transform: translateY(0);
1134
+ opacity: 1;
1135
+ }
1136
  }
1137
+
1138
+
1139
  @keyframes fade-in-down {
1140
+ 0% {
1141
+ transform: translateY(-30px);
1142
+ opacity: 0;
1143
+ }
1144
+ 100% {
1145
+ transform: translateY(0);
1146
+ opacity: 1;
1147
+ }
1148
  }
1149
+
1150
+
1151
  @-webkit-keyframes fade-out-up {
1152
+ 0% {
1153
+ -webkit-transform: translateY(0);
1154
+ opacity: 1;
1155
+ }
1156
+ 100% {
1157
+ -webkit-transform: translateY(-30px);
1158
+ opacity: 0;
1159
+ }
1160
  }
1161
+
1162
+
1163
  @keyframes fade-out-up {
1164
+ 0% {
1165
+ transform: translateY(0);
1166
+ opacity: 1;
1167
+ }
1168
+ 100% {
1169
+ transform: translateY(-30px);
1170
+ opacity: 0;
1171
+ }
1172
  }
1173
+
1174
+
1175
  @-webkit-keyframes opacity-in {
1176
+ 0% {
1177
+ opacity: 0;
1178
+ }
1179
+ 100% {
1180
+ opacity: 1;
1181
+ }
1182
  }
1183
+
1184
+
1185
  @keyframes opacity-in {
1186
+ 0% {
1187
+ opacity: 0;
1188
+ }
1189
+ 100% {
1190
+ opacity: 1;
1191
+ }
1192
  }
1193
+
1194
+
1195
  @-webkit-keyframes opacity-out {
1196
+ 0% {
1197
+ opacity: 1;
1198
+ }
1199
+ 100% {
1200
+ opacity: 0;
1201
+ }
1202
  }
1203
+
1204
+
1205
  @keyframes opacity-out {
1206
+ 0% {
1207
+ opacity: 1;
1208
+ }
1209
+ 100% {
1210
+ opacity: 0;
1211
+ }
1212
  }
1213
+
1214
+
1215
  .alert-block .alert-info:before,
1216
  .alert-block .alert-info textarea,
1217
  .alert-block .alert-info a,
1218
  .alert-block .close {
1219
+ position: absolute;
1220
+ top: 50%;
1221
+ -webkit-transform: translateY(-50%);
1222
+ -ms-transform: translateY(-50%);
1223
+ transform: translateY(-50%);
1224
  }
1225
+
1226
  .alert-block {
1227
+ color: #606060;
1228
+ background: #fff;
1229
+ padding: 15px 30px;
1230
+ position: relative;
1231
+ -webkit-transition: all 200ms;
1232
+ transition: all 200ms;
1233
  }
1234
+
1235
  .alert-block.large {
1236
+ margin: 0 15px 30px;
1237
+ padding: 22px 30px;
1238
+ border-radius: 4px;
1239
  }
1240
+
1241
  .alert-block.center {
1242
+ text-align: center;
1243
  }
1244
+
1245
  .alert-block.center,
1246
  .alert-block.center.large {
1247
+ padding-left: 0;
1248
+ padding-right: 0;
1249
  }
1250
+
1251
  .alert-block.center .alert-info {
1252
+ max-width: 800px;
1253
+ display: inline-block;
1254
  }
1255
+
1256
  .alert-block.center .alert-info a {
1257
+ left: 100%;
1258
+ right: auto;
1259
  }
1260
+
1261
  .alert-block .alert-info {
1262
+ text-align: left;
1263
+ padding-left: 50px;
1264
+ position: relative;
1265
  }
1266
+
1267
  .alert-block .alert-info:before {
1268
+ font-family: "FontAwesome";
1269
+ font-size: 35px;
1270
+ content: " ";
1271
+ color: #ccc;
1272
+ left: 0;
1273
  }
1274
+
1275
  .alert-block .alert-info.no-desc {
1276
+ padding: 9px 0 9px 40px;
1277
  }
1278
+
1279
  .alert-block .alert-info.no-desc p {
1280
+ position: relative;
1281
+ top: -1px;
1282
  }
1283
+
1284
  .alert-block .alert-info.no-desc:before {
1285
+ font-size: 28px;
1286
  }
1287
+
1288
  .alert-block .alert-info.code {
1289
+ padding-right: 275px;
1290
  }
1291
+
1292
  .alert-block .alert-info textarea {
1293
+ width: 245px;
1294
+ height: 50px;
1295
+ font-family: monospace;
1296
+ font-size: 12px;
1297
+ color: #606060;
1298
+ border: 0;
1299
+ padding: 6px 12px;
1300
+ overflow-y: scroll;
1301
+ right: 0;
1302
+ outline: none;
1303
+ resize: none;
1304
+ border-radius: 4px;
1305
  }
1306
+
1307
  .alert-block .alert-info textarea:hover {
1308
+ background: #eee;
1309
  }
1310
+
1311
  .alert-block .alert-info textarea:focus {
1312
+ background: #fff;
1313
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
1314
  }
1315
+
1316
  .alert-block .alert-info a {
1317
+ font-weight: normal;
1318
+ color: #fff;
1319
+ background: #bbb;
1320
+ white-space: nowrap;
1321
+ margin-left: 30px;
1322
+ padding-left: 10px;
1323
+ padding-right: 10px;
1324
+ right: 30px;
1325
  }
1326
+
1327
  .alert-block .alert-info a:hover {
1328
+ background: #999;
1329
  }
1330
+
1331
  .alert-block p.alert-title {
1332
+ font-size: 16px;
1333
+ font-weight: bold;
1334
  }
1335
+
1336
  .alert-block p:not(.alert-title) {
1337
+ font-size: 13px;
1338
+ font-weight: 600;
1339
+ line-height: 15px;
1340
+ margin: 3px 0 0;
1341
  }
1342
+
1343
  .alert-block.inline {
1344
+ max-width: 800px;
1345
+ color: #339ed5;
1346
+ border-left-width: 90px;
1347
+ border-left-style: solid;
1348
+ border-left-color: #339ed5;
1349
+ text-align: left;
1350
+ padding-right: 30px;
1351
+ margin: 0 auto 30px;
1352
+ border-radius: 4px;
1353
  }
1354
+
1355
  .alert-block.inline .alert-info {
1356
+ padding-left: 90px !important;
1357
+ margin-left: -90px;
1358
  }
1359
+
1360
  .alert-block.inline .alert-info:before {
1361
+ color: #fff;
1362
  }
1363
+
1364
  .alert-block[class*="plan-"] {
1365
+ color: #fff;
1366
  }
1367
+
1368
  .alert-block[class*="plan-"] .alert-info {
1369
+ padding-left: 0;
1370
  }
1371
+
1372
  .alert-block[class*="plan-"] .alert-info:before {
1373
+ font-family: "Raleway", sans-serif;
1374
+ font-weight: 800;
1375
+ font-size: 20px;
1376
+ color: #fff;
1377
+ border: 2px solid #fff;
1378
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
1379
+ padding: 3px 11px;
1380
+ margin-right: 30px;
1381
+ right: 100%;
1382
+ left: auto;
1383
+ border-radius: 4px;
1384
  }
1385
+
1386
  .alert-block[class*="plan-"] p {
1387
+ color: #fff;
1388
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13);
1389
  }
1390
+
1391
  .alert-block.gs-primary {
1392
+ background: #339ed5;
1393
  }
1394
+
1395
  .alert-block.gs-primary.inline {
1396
+ border-left-color: #2687b9;
1397
  }
1398
+
1399
  .alert-block.gs-primary .alert-info:before {
1400
+ content: " ";
1401
+ color: rgba(255, 255, 255, 0.5);
1402
  }
1403
+
1404
  .alert-block.gs-primary .alert-info a {
1405
+ background: #2481b1;
1406
  }
1407
+
1408
  .alert-block.gs-primary .alert-info a:hover {
1409
+ background: #1f6e97;
1410
  }
1411
+
1412
  .alert-block.gs-primary p.alert-title {
1413
+ color: #fff;
1414
  }
1415
+
1416
  .alert-block.gs-primary p:not(.alert-title) {
1417
+ color: #b2daef;
1418
  }
1419
+
1420
  .alert-block.default-gs-primary {
1421
+ border-bottom: 1px solid #b2daef;
1422
  }
1423
+
1424
  .alert-block.default-gs-primary .alert-info:before {
1425
+ content: " ";
1426
+ color: #339ed5;
1427
  }
1428
+
1429
  .alert-block.default-gs-primary .alert-info a {
1430
+ background: #339ed5;
1431
  }
1432
+
1433
  .alert-block.default-gs-primary .alert-info a:hover {
1434
+ background: #2481b1;
1435
  }
1436
+
1437
  .alert-block.default-gs-primary p {
1438
+ color: #339ed5;
1439
  }
1440
+
1441
  .alert-block.default-gs-primary p:not(.alert-title) {
1442
+ color: #5db2de;
1443
  }
1444
+
1445
  .alert-block.gs-success {
1446
+ background: #85b023;
1447
  }
1448
+
1449
  .alert-block.gs-success.inline {
1450
+ border-left-color: #6b8e1c;
1451
  }
1452
+
1453
  .alert-block.gs-success .alert-info:before {
1454
+ content: " ";
1455
+ color: rgba(255, 255, 255, 0.5);
1456
  }
1457
+
1458
  .alert-block.gs-success .alert-info a {
1459
+ background: #65851b;
1460
  }
1461
+
1462
  .alert-block.gs-success .alert-info a:hover {
1463
+ background: #526c15;
1464
  }
1465
+
1466
  .alert-block.gs-success p.alert-title {
1467
+ color: #fff;
1468
  }
1469
+
1470
  .alert-block.gs-success p:not(.alert-title) {
1471
+ color: #c9e785;
1472
  }
1473
+
1474
  .alert-block.default-gs-success {
1475
+ border-bottom: 1px solid #c9e785;
1476
  }
1477
+
1478
  .alert-block.default-gs-success .alert-info:before {
1479
+ content: " ";
1480
+ color: #85b023;
1481
  }
1482
+
1483
  .alert-block.default-gs-success .alert-info a {
1484
+ background: #85b023;
1485
  }
1486
+
1487
  .alert-block.default-gs-success .alert-info a:hover {
1488
+ background: #65851b;
1489
  }
1490
+
1491
  .alert-block.default-gs-success p {
1492
+ color: #85b023;
1493
  }
1494
+
1495
  .alert-block.default-gs-success p:not(.alert-title) {
1496
+ color: #a3d630;
1497
  }
1498
+
1499
  .alert-block.gs-error {
1500
+ background: #d36c65;
1501
  }
1502
+
1503
  .alert-block.gs-error.inline {
1504
+ border-left-color: #ca4e45;
1505
  }
1506
+
1507
  .alert-block.gs-error .alert-info:before {
1508
+ content: "\f06a";
1509
+ color: rgba(255, 255, 255, 0.5);
1510
  }
1511
+
1512
  .alert-block.gs-error .alert-info a {
1513
+ background: #c8463d;
1514
  }
1515
+
1516
  .alert-block.gs-error .alert-info a:hover {
1517
+ background: #b33b33;
1518
  }
1519
+
1520
  .alert-block.gs-error p.alert-title {
1521
+ color: #fff;
1522
  }
1523
+
1524
  .alert-block.gs-error p:not(.alert-title) {
1525
+ color: #f5dedc;
1526
  }
1527
+
1528
  .alert-block.default-gs-error {
1529
+ border-bottom: 1px solid #f5dedc;
1530
  }
1531
+
1532
  .alert-block.default-gs-error .alert-info:before {
1533
+ content: " ";
1534
+ color: #d36c65;
1535
  }
1536
+
1537
  .alert-block.default-gs-error .alert-info a {
1538
+ background: #d36c65;
1539
  }
1540
+
1541
  .alert-block.default-gs-error .alert-info a:hover {
1542
+ background: #c8463d;
1543
  }
1544
+
1545
  .alert-block.default-gs-error p {
1546
+ color: #d36c65;
1547
  }
1548
+
1549
  .alert-block.default-gs-error p:not(.alert-title) {
1550
+ color: #de928d;
1551
  }
1552
+
1553
  .alert-block.special {
1554
+ background: #efc520;
1555
  }
1556
+
1557
  .alert-block.special.inline {
1558
+ border-left-color: #e5ba10;
1559
  }
1560
+
1561
  .alert-block.special .alert-info:before {
1562
+ content: " ";
1563
+ font-size: 35px;
1564
+ color: #fff;
1565
  }
1566
+
1567
  .alert-block.special .alert-info a {
1568
+ background: #bf9b0e;
1569
  }
1570
+
1571
  .alert-block.special .alert-info a:hover {
1572
+ background: #a7880c;
1573
  }
1574
+
1575
  .alert-block.special p {
1576
+ color: #fff;
1577
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13);
1578
  }
1579
+
1580
  .alert-block.plan-two {
1581
+ background: #f29809;
1582
  }
1583
+
1584
  .alert-block.plan-two .alert-info:before {
1585
+ content: "Starter";
1586
  }
1587
+
1588
  .alert-block.plan-two .alert-info a {
1589
+ background: #b27007;
1590
  }
1591
+
1592
  .alert-block.plan-two .alert-info a:hover {
1593
+ background: #996006;
1594
  }
1595
+
1596
  .alert-block.plan-three {
1597
+ background: #dd5a7c;
1598
  }
1599
+
1600
  .alert-block.plan-three .alert-info:before {
1601
+ content: "Growth";
1602
  }
1603
+
1604
  .alert-block.plan-three .alert-info a {
1605
+ background: #b6254b;
1606
  }
1607
+
1608
  .alert-block.plan-three .alert-info a:hover {
1609
+ background: #a12142;
1610
  }
1611
+
1612
  .alert-block.plan-four {
1613
+ background: #9a58e6;
1614
  }
1615
+
1616
  .alert-block.plan-four .alert-info:before {
1617
+ content: "Insights";
1618
  }
1619
+
1620
  .alert-block.plan-four .alert-info a {
1621
+ background: #6b1dc5;
1622
  }
1623
+
1624
  .alert-block.plan-four .alert-info a:hover {
1625
+ background: #5f1aaf;
1626
  }
1627
+
1628
  .alert-block .close {
1629
+ width: 33px;
1630
+ height: 33px;
1631
+ font-size: 22px;
1632
+ color: #fff;
1633
+ padding-top: 4px;
1634
+ right: 30px;
1635
+ opacity: 0.6;
1636
+ -webkit-transition: all 200ms;
1637
+ transition: all 200ms;
1638
  }
1639
+
1640
  .alert-block .close i {
1641
+ -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1642
+ transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1643
+ -webkit-transform-origin: 50% 54%;
1644
+ -moz-transform-origin: 50% 54%;
1645
+ -ms-transform-origin: 50% 54%;
1646
+ transform-origin: 50% 54%;
1647
  }
1648
+
1649
  .alert-block .close:hover {
1650
+ opacity: 1;
1651
  }
1652
+
1653
  .alert-block .close:hover i {
1654
+ -webkit-transform: rotate(180deg);
1655
+ -ms-transform: rotate(180deg);
1656
+ transform: rotate(180deg);
1657
  }
1658
+
1659
+ .alert-block + div > .content-wrapper {
1660
+ margin-top: 30px;
1661
  }
1662
+
1663
  @-webkit-keyframes fade-in-up {
1664
+ 0% {
1665
+ -webkit-transform: translateY(30px);
1666
+ opacity: 0;
1667
+ }
1668
+ 100% {
1669
+ -webkit-transform: translateY(0);
1670
+ opacity: 1;
1671
+ }
1672
  }
1673
+
1674
+
1675
  @keyframes fade-in-up {
1676
+ 0% {
1677
+ transform: translateY(30px);
1678
+ opacity: 0;
1679
+ }
1680
+ 100% {
1681
+ transform: translateY(0);
1682
+ opacity: 1;
1683
+ }
1684
  }
1685
+
1686
+
1687
  @-webkit-keyframes fade-in-down {
1688
+ 0% {
1689
+ -webkit-transform: translateY(-30px);
1690
+ opacity: 0;
1691
+ }
1692
+ 100% {
1693
+ -webkit-transform: translateY(0);
1694
+ opacity: 1;
1695
+ }
1696
  }
1697
+
1698
+
1699
  @keyframes fade-in-down {
1700
+ 0% {
1701
+ transform: translateY(-30px);
1702
+ opacity: 0;
1703
+ }
1704
+ 100% {
1705
+ transform: translateY(0);
1706
+ opacity: 1;
1707
+ }
1708
  }
1709
+
1710
+
1711
  @-webkit-keyframes fade-out-up {
1712
+ 0% {
1713
+ -webkit-transform: translateY(0);
1714
+ opacity: 1;
1715
+ }
1716
+ 100% {
1717
+ -webkit-transform: translateY(-30px);
1718
+ opacity: 0;
1719
+ }
1720
  }
1721
+
1722
+
1723
  @keyframes fade-out-up {
1724
+ 0% {
1725
+ transform: translateY(0);
1726
+ opacity: 1;
1727
+ }
1728
+ 100% {
1729
+ transform: translateY(-30px);
1730
+ opacity: 0;
1731
+ }
1732
  }
1733
+
1734
+
1735
  @-webkit-keyframes opacity-in {
1736
+ 0% {
1737
+ opacity: 0;
1738
+ }
1739
+ 100% {
1740
+ opacity: 1;
1741
+ }
1742
  }
1743
+
1744
+
1745
  @keyframes opacity-in {
1746
+ 0% {
1747
+ opacity: 0;
1748
+ }
1749
+ 100% {
1750
+ opacity: 1;
1751
+ }
1752
  }
1753
+
1754
+
1755
  @-webkit-keyframes opacity-out {
1756
+ 0% {
1757
+ opacity: 1;
1758
+ }
1759
+ 100% {
1760
+ opacity: 0;
1761
+ }
1762
  }
1763
+
1764
+
1765
  @keyframes opacity-out {
1766
+ 0% {
1767
+ opacity: 1;
1768
+ }
1769
+ 100% {
1770
+ opacity: 0;
1771
+ }
1772
  }
1773
+
1774
+
1775
  .modal-wrapper {
1776
+ background: rgba(0, 0, 0, 0.5);
1777
+ padding: 0 30px;
1778
+ overflow: scroll;
1779
+ z-index: 9;
1780
  }
1781
+
1782
  .modal-wrapper,
1783
  .modal-wrapper .modal-cover {
1784
+ position: fixed;
1785
+ top: 0;
1786
+ right: 0;
1787
+ bottom: 0;
1788
+ left: 0;
1789
  }
1790
+
1791
  .modal-wrapper .modal-cover {
1792
+ z-index: -1;
1793
  }
1794
+
1795
  .modal-wrapper .gs-modal {
1796
+ max-width: 860px;
1797
+ background: #fff;
1798
+ padding: 35px 30px 30px;
1799
+ margin: 100px auto 30px;
1800
+ opacity: 0;
1801
+ border-radius: 4px;
1802
  }
1803
+
1804
  .modal-wrapper .gs-modal.small {
1805
+ max-width: 430px;
1806
+ padding: 40px 30px;
1807
  }
1808
+
1809
  .modal-wrapper .gs-modal .modal-title {
1810
+ text-align: center;
1811
  }
1812
+
1813
  .modal-wrapper .gs-modal .modal-title .title {
1814
+ font-family: "Raleway", sans-serif;
1815
+ font-weight: 800;
1816
+ font-size: 25px;
1817
+ font-weight: 300;
1818
+ padding-bottom: 11px;
1819
  }
1820
+
1821
+ .modal-wrapper .gs-modal .modal-title .title + p {
1822
+ max-width: 400px;
1823
+ margin: 10px auto 0;
1824
  }
1825
+
1826
  .modal-wrapper .gs-modal img {
1827
+ width: 100%;
1828
  }
1829
+
1830
  .modal-wrapper .gs-modal .before-after {
1831
+ margin-top: -20px;
1832
  }
1833
+
1834
+ .modal-wrapper .gs-modal .before-after > div {
1835
+ text-align: center;
1836
  }
1837
+
1838
+ .modal-wrapper .gs-modal .before-after > div strong {
1839
+ font-size: 20px;
1840
+ margin: 20px 0;
1841
+ display: block;
1842
  }
1843
+
1844
+ .modal-wrapper .gs-modal .before-after > div[class*="col-"]:first-child {
1845
+ padding-left: 0;
1846
+ padding-right: 15px;
1847
  }
1848
+
1849
+ .modal-wrapper .gs-modal .before-after > div[class*="col-"]:last-child {
1850
+ padding-left: 15px;
1851
+ padding-right: 0;
1852
  }
1853
+
1854
  .modal-wrapper .gs-modal .form-button-group {
1855
+ padding-top: 20px;
1856
  }
1857
+
1858
  .modal-wrapper .gs-modal .text-block {
1859
+ text-align: left;
1860
+ margin-bottom: 30px;
1861
  }
1862
+
1863
  .modal-wrapper .gs-modal .text-block p {
1864
+ font-size: 18px;
1865
+ line-height: 22px;
1866
+ margin-bottom: 15px;
1867
  }
1868
+
1869
  .modal-wrapper .gs-modal .text-block p span {
1870
+ color: #339ed5;
1871
  }
1872
+
1873
  .modal-wrapper .gs-modal .status-icon {
1874
+ width: 70px;
1875
+ height: 70px;
1876
+ background: #c4da94;
1877
+ border: 5px solid #9bc048;
1878
+ margin: -10px auto 30px;
1879
+ position: relative;
1880
+ -webkit-animation: rotate-in 750ms ease-in-out;
1881
+ animation: rotate-in 750ms ease-in-out;
1882
  }
1883
+
1884
  .modal-wrapper .gs-modal .status-icon i {
1885
+ font-size: 38px;
1886
+ color: #fff;
1887
+ margin: -19px 0 0 -19px;
1888
+ position: absolute;
1889
+ top: 50%;
1890
+ left: 50%;
1891
  }
1892
+
1893
  .modal-wrapper .gs-modal .status-icon,
1894
  .modal-wrapper .gs-modal .status-icon:before {
1895
+ border-radius: 100%;
1896
  }
1897
+
1898
  .modal-wrapper .gs-modal .status-icon:before {
1899
+ width: 100%;
1900
+ height: 100%;
1901
+ border: 0 solid #9bc048;
1902
+ content: "";
1903
+ display: inline-block;
1904
+ position: absolute;
1905
+ top: 0;
1906
+ left: 0;
1907
+ box-sizing: border-box;
1908
  }
1909
+
1910
  .modal-wrapper.hide {
1911
+ display: none;
1912
  }
1913
+
1914
  .modal-wrapper.active {
1915
+ display: block;
1916
+ -webkit-animation: opacity-in 300ms ease-in-out forwards;
1917
+ animation: opacity-in 300ms ease-in-out forwards;
1918
  }
1919
+
1920
  .modal-wrapper.active .gs-modal {
1921
+ -webkit-animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1922
+ animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1923
  }
1924
+
1925
  .modal-wrapper.rewind {
1926
+ -webkit-animation: opacity-out 300ms ease-in-out forwards;
1927
+ animation: opacity-out 300ms ease-in-out forwards;
1928
  }
1929
+
1930
  .modal-wrapper.rewind .gs-modal {
1931
+ -webkit-animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1932
+ animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1933
  }
1934
+
1935
  @-webkit-keyframes fade-in-up {
1936
+ 0% {
1937
+ -webkit-transform: translateY(30px);
1938
+ opacity: 0;
1939
+ }
1940
+ 100% {
1941
+ -webkit-transform: translateY(0);
1942
+ opacity: 1;
1943
+ }
1944
  }
1945
+
1946
+
1947
  @keyframes fade-in-up {
1948
+ 0% {
1949
+ transform: translateY(30px);
1950
+ opacity: 0;
1951
+ }
1952
+ 100% {
1953
+ transform: translateY(0);
1954
+ opacity: 1;
1955
+ }
1956
  }
1957
+
1958
+
1959
  @-webkit-keyframes fade-in-down {
1960
+ 0% {
1961
+ -webkit-transform: translateY(-30px);
1962
+ opacity: 0;
1963
+ }
1964
+ 100% {
1965
+ -webkit-transform: translateY(0);
1966
+ opacity: 1;
1967
+ }
1968
  }
1969
+
1970
+
1971
  @keyframes fade-in-down {
1972
+ 0% {
1973
+ transform: translateY(-30px);
1974
+ opacity: 0;
1975
+ }
1976
+ 100% {
1977
+ transform: translateY(0);
1978
+ opacity: 1;
1979
+ }
1980
  }
1981
+
1982
+
1983
  @-webkit-keyframes fade-out-up {
1984
+ 0% {
1985
+ -webkit-transform: translateY(0);
1986
+ opacity: 1;
1987
+ }
1988
+ 100% {
1989
+ -webkit-transform: translateY(-30px);
1990
+ opacity: 0;
1991
+ }
1992
  }
1993
+
1994
+
1995
  @keyframes fade-out-up {
1996
+ 0% {
1997
+ transform: translateY(0);
1998
+ opacity: 1;
1999
+ }
2000
+ 100% {
2001
+ transform: translateY(-30px);
2002
+ opacity: 0;
2003
+ }
2004
  }
2005
+
2006
+
2007
  @-webkit-keyframes opacity-in {
2008
+ 0% {
2009
+ opacity: 0;
2010
+ }
2011
+ 100% {
2012
+ opacity: 1;
2013
+ }
2014
  }
2015
+
2016
+
2017
  @keyframes opacity-in {
2018
+ 0% {
2019
+ opacity: 0;
2020
+ }
2021
+ 100% {
2022
+ opacity: 1;
2023
+ }
2024
  }
2025
+
2026
+
2027
  @-webkit-keyframes opacity-out {
2028
+ 0% {
2029
+ opacity: 1;
2030
+ }
2031
+ 100% {
2032
+ opacity: 0;
2033
+ }
2034
  }
2035
+
2036
+
2037
  @keyframes opacity-out {
2038
+ 0% {
2039
+ opacity: 1;
2040
+ }
2041
+ 100% {
2042
+ opacity: 0;
2043
+ }
2044
  }
2045
+
2046
+
2047
  div.gs-form {
2048
+ position: relative;
2049
  }
2050
+
2051
  form h3,
2052
  div.gs-form h3 {
2053
+ margin-bottom: 3px;
2054
  }
2055
+
2056
  form h4,
2057
  div.gs-form h4 {
2058
+ color: #339ed5;
2059
+ margin-bottom: 10px;
2060
  }
2061
+
2062
  form p,
2063
  div.gs-form p {
2064
+ font-size: 14px;
2065
+ color: #999;
2066
+ line-height: 15px;
2067
+ margin-bottom: 4px;
2068
  }
2069
+
2070
  form p.tutorial,
2071
  div.gs-form p.tutorial {
2072
+ font-size: 16px;
2073
+ color: #606060;
2074
+ line-height: 18px;
2075
+ margin-bottom: 8px;
2076
  }
2077
+
2078
  form p .code,
2079
  div.gs-form p .code {
2080
+ font-family: Courier New, monospace;
2081
+ font-size: 14px;
2082
+ font-weight: 600;
2083
+ background: #eee;
2084
+ padding: 1px 4px;
2085
+ margin: 0 3px;
2086
+ border-radius: 4px;
2087
  }
2088
+
2089
  form label,
2090
  div.gs-form label {
2091
+ font-size: 18px;
2092
+ font-weight: 600;
2093
  }
2094
+
2095
  form label span,
2096
  div.gs-form label span {
2097
+ font-size: 16px;
2098
+ font-weight: normal;
2099
+ color: #999;
2100
  }
2101
+
2102
  form label.step,
2103
  div.gs-form label.step {
2104
+ width: 34px;
2105
+ height: 34px;
2106
+ font-size: 25px;
2107
+ font-weight: 600;
2108
+ color: #fff;
2109
+ background: #339ed5;
2110
+ text-align: center;
2111
+ padding-top: 3px;
2112
+ display: inline-block;
2113
+ position: absolute;
2114
+ top: 30px;
2115
+ left: 50%;
2116
+ margin-left: -17px;
2117
+ border-radius: 100%;
2118
  }
2119
+
2120
  form label.required,
2121
  div.gs-form label.required {
2122
+ position: relative;
2123
  }
2124
+
2125
  form label.required:before,
2126
  div.gs-form label.required:before {
2127
+ font-family: "FontAwesome";
2128
+ font-size: 10px;
2129
+ color: #339ed5;
2130
+ content: " ";
2131
+ display: inline-block;
2132
+ position: absolute;
2133
+ top: 0;
2134
+ left: -15px;
2135
  }
2136
+
2137
  form input:not([type="submit"]),
2138
  form select,
2139
  form textarea,
2140
  div.gs-form input:not([type="submit"]),
2141
  div.gs-form select,
2142
  div.gs-form textarea {
2143
+ width: 100%;
2144
+ font-family: "Source Sans Pro", sans-serif;
2145
+ font-size: 20px;
2146
+ color: #606060;
2147
+ background: #fff;
2148
+ border: 1px solid #ccc;
2149
+ padding: 3px 15px 5px;
2150
+ outline: none;
2151
+ border-radius: 4px;
2152
+ -webkit-transition: all 200ms;
2153
+ transition: all 200ms;
2154
  }
2155
+
2156
  form input:not([type="submit"]):hover,
2157
  form select:hover,
2158
  form textarea:hover,
2159
  div.gs-form input:not([type="submit"]):hover,
2160
  div.gs-form select:hover,
2161
  div.gs-form textarea:hover {
2162
+ background: #f9f9f9 !important;
2163
  }
2164
+
2165
  form input:not([type="submit"]):focus,
2166
  form select:focus,
2167
  form textarea:focus,
2168
  div.gs-form input:not([type="submit"]):focus,
2169
  div.gs-form select:focus,
2170
  div.gs-form textarea:focus {
2171
+ border-color: #339ed5;
2172
+ box-shadow: inset 0 0 3px #b2daef;
2173
  }
2174
+
2175
  form input:not([type="submit"])::-webkit-input-placeholder,
2176
  form select::-webkit-input-placeholder,
2177
  form textarea::-webkit-input-placeholder,
2178
  div.gs-form input:not([type="submit"])::-webkit-input-placeholder,
2179
  div.gs-form select::-webkit-input-placeholder,
2180
  div.gs-form textarea::-webkit-input-placeholder {
2181
+ color: #ccc;
2182
+ font-style: italic;
2183
  }
2184
+
2185
  form input:not([type="submit"]):-moz-placeholder,
2186
  form select:-moz-placeholder,
2187
  form textarea:-moz-placeholder,
2188
  div.gs-form input:not([type="submit"]):-moz-placeholder,
2189
  div.gs-form select:-moz-placeholder,
2190
  div.gs-form textarea:-moz-placeholder {
2191
+ color: #ccc;
2192
+ font-style: italic;
2193
  }
2194
+
2195
  form input:not([type="submit"])::-moz-placeholder,
2196
  form select::-moz-placeholder,
2197
  form textarea::-moz-placeholder,
2198
  div.gs-form input:not([type="submit"])::-moz-placeholder,
2199
  div.gs-form select::-moz-placeholder,
2200
  div.gs-form textarea::-moz-placeholder {
2201
+ color: #ccc;
2202
+ font-style: italic;
2203
  }
2204
+
2205
  form input:not([type="submit"]):-ms-input-placeholder,
2206
  form select:-ms-input-placeholder,
2207
  form textarea:-ms-input-placeholder,
2208
  div.gs-form input:not([type="submit"]):-ms-input-placeholder,
2209
  div.gs-form select:-ms-input-placeholder,
2210
  div.gs-form textarea:-ms-input-placeholder {
2211
+ color: #ccc;
2212
+ font-style: italic;
2213
  }
2214
+
2215
+ form input:not([type="submit"]) + p,
2216
+ form select + p,
2217
+ form textarea + p,
2218
+ div.gs-form input:not([type="submit"]) + p,
2219
+ div.gs-form select + p,
2220
+ div.gs-form textarea + p {
2221
+ margin-top: 5px;
2222
  }
2223
+
2224
  form input[type="submit"],
2225
  form button,
2226
  div.gs-form input[type="submit"],
2227
  div.gs-form button {
2228
+ width: auto;
2229
+ font-family: "Source Sans Pro", sans-serif;
2230
+ font-size: 100%;
2231
+ margin-top: -8px;
2232
+ margin-bottom: -9px;
2233
+ display: inline;
2234
  }
2235
+
2236
  form input[type="submit"]:hover,
2237
  form button:hover,
2238
  div.gs-form input[type="submit"]:hover,
2239
  div.gs-form button:hover {
2240
+ cursor: pointer;
2241
  }
2242
+
2243
  form textarea,
2244
  div.gs-form textarea {
2245
+ max-width: 100%;
2246
  }
2247
+
2248
  form select,
2249
  div.gs-form select {
2250
+ height: 35px;
2251
  }
2252
+
2253
  form .page-inline-select,
2254
  div.gs-form .page-inline-select {
2255
+ width: 180px;
2256
+ margin-left: 8px;
2257
  }
2258
+
2259
  form .form-content pre,
2260
  div.gs-form .form-content pre {
2261
+ margin-top: 18px;
2262
  }
2263
+
2264
+ form .form-content + .form-content,
2265
+ div.gs-form .form-content + .form-content {
2266
+ margin-top: 30px;
2267
  }
2268
+
2269
+ form .form-content + .options-details:not(.form-title),
2270
+ div.gs-form .form-content + .options-details:not(.form-title) {
2271
+ padding-top: 37px;
2272
  }
2273
+
2274
  form .form-content .field-label.show-content,
2275
  div.gs-form .form-content .field-label.show-content {
2276
+ border-radius: 2px 0 0 2px;
2277
  }
2278
+
2279
  form .form-content .field-clean,
2280
  div.gs-form .form-content .field-clean {
2281
+ padding: 35px 30px;
2282
  }
2283
+
2284
+ form .form-content .field-clean + .field-clean,
2285
+ form .form-content .field-clean + .field-group,
2286
+ div.gs-form .form-content .field-clean + .field-clean,
2287
+ div.gs-form .form-content .field-clean + .field-group {
2288
+ border-top: 1px solid #eee;
2289
  }
2290
+
2291
  form .form-content .field-clean div[class^="col-"]:not(:first-child),
2292
  div.gs-form .form-content .field-clean div[class^="col-"]:not(:first-child) {
2293
+ padding-left: 30px;
2294
  }
2295
+
2296
  form .form-content .field-clean label,
2297
  div.gs-form .form-content .field-clean label {
2298
+ margin-bottom: 6px;
2299
+ display: block;
2300
  }
2301
+
2302
  form .form-content .field-group,
2303
  div.gs-form .form-content .field-group {
2304
+ padding-left: 125px;
2305
+ position: relative;
2306
  }
2307
+
2308
  form .form-content .field-group:after,
2309
  div.gs-form .form-content .field-group:after {
2310
+ content: "";
2311
+ display: block;
2312
+ clear: both;
2313
  }
2314
+
2315
  form .form-content .field-group.hide,
2316
  div.gs-form .form-content .field-group.hide {
2317
+ display: none;
2318
  }
2319
+
2320
+ form .form-content .field-group.multi-label > div,
2321
+ div.gs-form .form-content .field-group.multi-label > div {
2322
+ margin-left: -125px;
2323
+ padding-left: 125px;
2324
+ position: relative;
2325
  }
2326
+
2327
+ form .form-content .field-group.multi-label > div + div .field-label,
2328
+ form .form-content .field-group.multi-label > div + div .field-input,
2329
+ div.gs-form .form-content .field-group.multi-label > div + div .field-label,
2330
+ div.gs-form .form-content .field-group.multi-label > div + div .field-input {
2331
+ padding-top: 3px;
2332
  }
2333
+
2334
+ form .form-content .field-group.multi-label.row-layout > div:first-child .field-label,
2335
+ div.gs-form .form-content .field-group.multi-label.row-layout > div:first-child .field-label {
2336
+ border-radius: 4px 0 0 0;
2337
  }
2338
+
2339
+ form .form-content .field-group.multi-label.row-layout > div:first-child .field-input,
2340
+ div.gs-form .form-content .field-group.multi-label.row-layout > div:first-child .field-input {
2341
+ padding-bottom: 0;
2342
  }
2343
+
2344
+ form .form-content .field-group.multi-label.row-layout > div:last-child .field-label,
2345
+ div.gs-form .form-content .field-group.multi-label.row-layout > div:last-child .field-label {
2346
+ padding-top: 18px;
2347
  }
2348
+
2349
+ form .form-content .field-group.multi-label.row-layout > div:last-child .field-input,
2350
+ div.gs-form .form-content .field-group.multi-label.row-layout > div:last-child .field-input {
2351
+ padding-bottom: 30px;
2352
  }
2353
+
2354
+ form .form-content .field-group:not(.multi-label):not(.not-float) > *,
2355
+ div.gs-form .form-content .field-group:not(.multi-label):not(.not-float) > * {
2356
+ float: left;
2357
  }
2358
+
2359
  form .form-content .field-group:first-child .field-label,
2360
  div.gs-form .form-content .field-group:first-child .field-label {
2361
+ border-radius: 3px 0 0 0;
2362
  }
2363
+
2364
  form .form-content .field-group:last-child .field-label,
2365
  div.gs-form .form-content .field-group:last-child .field-label {
2366
+ border-radius: 0 0 0 3px;
2367
  }
2368
+
2369
  form .form-content .field-group .field-label,
2370
  div.gs-form .form-content .field-group .field-label {
2371
+ width: 125px;
2372
+ min-width: 125px;
2373
+ height: 100%;
2374
+ background: #f9f9f9;
2375
+ word-wrap: break-word;
2376
+ padding: 55px 0 40px 30px;
2377
+ position: absolute;
2378
+ top: 0;
2379
+ left: 0;
2380
  }
2381
+
2382
  form .form-content .field-group .field-label label,
2383
  form .form-content .field-group .field-label span,
2384
  div.gs-form .form-content .field-group .field-label label,
2385
  div.gs-form .form-content .field-group .field-label span {
2386
+ display: block;
2387
  }
2388
+
2389
  form .form-content .field-group .field-label.no-desc,
2390
  div.gs-form .form-content .field-group .field-label.no-desc {
2391
+ padding-top: 40px;
2392
  }
2393
+
2394
  form .form-content .field-group .field-label .label-icon,
2395
  div.gs-form .form-content .field-group .field-label .label-icon {
2396
+ font-size: 24px;
2397
+ color: #ddd;
2398
+ text-align: center;
2399
+ margin: -15px 20px 5px 0;
2400
  }
2401
+
2402
  form .form-content .field-group .field-input,
2403
  div.gs-form .form-content .field-group .field-input {
2404
+ width: 100%;
2405
+ padding: 35px 30px 40px;
2406
+ position: relative;
2407
  }
2408
+
2409
+ div.gs-form .form-content .field-group input.field-input,
2410
+ div.gs-form .form-content .field-group input.field-input:focus {
2411
+ border: 0;
2412
+ font-size: 100%;
2413
+ outline: none !important;
2414
+ }
2415
+
2416
+ form .form-content .field-group .field-input + .field-input,
2417
+ div.gs-form .form-content .field-group .field-input + .field-input {
2418
+ padding-top: 0;
2419
+ margin-top: -6px;
2420
  }
2421
+
2422
+ form .form-content .field-group .field-input > .clearfix + .field-button-group,
2423
+ div.gs-form .form-content .field-group .field-input > .clearfix + .field-button-group {
2424
+ margin: 25px 0 -20px;
2425
  }
2426
+
2427
  form .form-content .field-group .field-input.columns,
2428
  div.gs-form .form-content .field-group .field-input.columns {
2429
+ padding-bottom: 35px;
2430
  }
2431
+
2432
  form .form-content .field-group .field-input.columns div[class*="col-"]:first-child,
2433
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:first-child {
2434
+ padding: 0;
2435
  }
2436
+
2437
  form .form-content .field-group .field-input.columns div[class*="col-"]:last-child,
2438
  div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:last-child {
2439
+ padding-right: 0;
2440
  }
2441
+
2442
  form .form-content .field-group .field-input .gs-buttons-group,
2443
  div.gs-form .form-content .field-group .field-input .gs-buttons-group {
2444
+ text-align: right;
2445
  }
2446
+
2447
  form .form-content .field-group .field-input .gs-buttons-group .gs-button,
2448
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button {
2449
+ display: inline-block;
2450
  }
2451
+
2452
  form .form-content .field-group .field-input .gs-buttons-group .gs-button.error,
2453
  div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button.error {
2454
+ padding-top: 6px;
2455
+ padding-bottom: 8px;
2456
+ margin-left: 4px;
2457
  }
2458
+
2459
  form .form-content .field-group .field-input .input-wrap,
2460
  div.gs-form .form-content .field-group .field-input .input-wrap {
2461
+ margin: 10px 0 20px;
2462
  }
2463
+
2464
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices,
2465
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices {
2466
+ font-size: 20px;
2467
+ color: #606060;
2468
+ background-image: none;
2469
+ border-color: #ccc;
2470
+ box-shadow: none;
2471
+ border-radius: 4px;
2472
  }
2473
+
2474
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice,
2475
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice {
2476
+ font-size: 16px;
2477
+ color: #fff;
2478
+ background: #339ed5;
2479
+ border: none;
2480
+ padding: 7px 26px 7px 11px;
2481
+ box-shadow: none;
2482
  }
2483
+
2484
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close,
2485
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close {
2486
+ height: 13px;
2487
+ background: none !important;
2488
+ background-image: none !important;
2489
+ top: 50%;
2490
+ right: 6px;
2491
+ -webkit-transform: translateY(-50%);
2492
+ -ms-transform: translateY(-50%);
2493
+ transform: translateY(-50%);
2494
  }
2495
+
2496
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before,
2497
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before {
2498
+ font-family: "FontAwesome";
2499
+ font-size: 13px;
2500
+ color: #fff;
2501
+ content: " ";
2502
+ display: inline-block;
2503
+ opacity: 0.5;
2504
  }
2505
+
2506
  form .form-content .field-group .field-input .input-wrap ul.chosen-choices input,
2507
  div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices input {
2508
+ height: 33px;
2509
+ font-family: "Source Sans Pro", sans-serif;
2510
+ font-style: italic;
2511
+ color: #ccc;
2512
+ margin: 0;
2513
  }
2514
+
2515
  form .form-content .field-group .field-input .tutorial-steps li,
2516
  div.gs-form .form-content .field-group .field-input .tutorial-steps li {
2517
+ border-bottom: 1px solid #eee;
2518
+ counter-increment: step-counter;
2519
+ padding: 0 30px 30px;
2520
+ margin: 0 -30px 30px;
2521
+ position: relative;
2522
  }
2523
+
2524
  form .form-content .field-group .field-input .tutorial-steps li:before,
2525
  div.gs-form .form-content .field-group .field-input .tutorial-steps li:before {
2526
+ font-size: 16px;
2527
+ font-weight: bold;
2528
+ color: #fff;
2529
+ background: #339ed5;
2530
+ content: counter(step-counter);
2531
+ padding: 1px 6px 3px;
2532
+ position: absolute;
2533
+ top: 0;
2534
+ left: 10px;
2535
+ border-radius: 4px;
2536
  }
2537
+
2538
  form .form-content .field-group .field-input .tutorial-steps li img,
2539
  div.gs-form .form-content .field-group .field-input .tutorial-steps li img {
2540
+ width: 100%;
2541
+ border: 1px solid #ccc;
2542
+ margin-top: 15px;
2543
+ display: block;
2544
+ border-radius: 4px;
2545
  }
2546
+
2547
  form .form-content .field-group .field-input .tutorial-steps li p.tutorial,
2548
  div.gs-form .form-content .field-group .field-input .tutorial-steps li p.tutorial {
2549
+ padding: 0 10px;
2550
  }
2551
+
2552
+ form .form-content .field-group .field-input .field-button-group > span.label .checkbox .checkbox-btn,
2553
+ div.gs-form .form-content .field-group .field-input .field-button-group > span.label .checkbox .checkbox-btn {
2554
+ width: auto;
2555
  }
2556
+
2557
+ form .form-content .field-group .field-input .field-button-group > span.label.tooltip > div:before,
2558
+ div.gs-form .form-content .field-group .field-input .field-button-group > span.label.tooltip > div:before {
2559
+ margin-left: 0;
2560
+ right: 45px;
2561
+ left: auto;
2562
  }
2563
+
2564
+ form .form-content .field-group .field-input .field-button-group > span.label > span,
2565
+ div.gs-form .form-content .field-group .field-input .field-button-group > span.label > span {
2566
+ margin-right: 7px;
2567
+ position: relative;
2568
+ top: -12px;
2569
  }
2570
+
2571
+ form .form-content .field-group .field-input .field-button-group > span.label + span.label,
2572
+ div.gs-form .form-content .field-group .field-input .field-button-group > span.label + span.label {
2573
+ margin-left: 30px;
2574
  }
2575
+
2576
  form .form-content .field-group .field-input .input-alert-message,
2577
  div.gs-form .form-content .field-group .field-input .input-alert-message {
2578
+ font-size: 14px;
2579
+ line-height: 15px;
2580
+ margin-bottom: 4px;
2581
+ position: relative;
2582
+ float: right;
2583
  }
2584
+
2585
  form .form-content .field-group .field-input .input-alert-message span,
2586
  div.gs-form .form-content .field-group .field-input .input-alert-message span {
2587
+ -webkit-animation: fade-in-left 500ms ease-out;
2588
+ animation: fade-in-left 500ms ease-out;
2589
  }
2590
+
2591
  form .form-content .field-group .field-input .input-alert-message:before,
2592
  div.gs-form .form-content .field-group .field-input .input-alert-message:before {
2593
+ width: 24px;
2594
+ height: 20px;
2595
+ font-family: "FontAwesome";
2596
+ font-size: 16px;
2597
+ color: #fff;
2598
+ text-align: center;
2599
+ padding-top: 4px;
2600
+ position: absolute;
2601
+ bottom: -33px;
2602
+ right: 9px;
2603
+ display: block;
2604
+ border-radius: 100%;
2605
+ -webkit-animation: rotate-in 750ms ease-in-out;
2606
+ animation: rotate-in 750ms ease-in-out;
2607
  }
2608
+
2609
  form .form-content .field-group .field-input .input-alert-message.gs-primary,
2610
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary {
2611
+ color: #339ed5;
2612
  }
2613
+
2614
  form .form-content .field-group .field-input .input-alert-message.gs-primary:before,
2615
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary:before {
2616
+ background: #339ed5;
2617
+ content: " ";
2618
  }
2619
+
2620
  form .form-content .field-group .field-input .input-alert-message.gs-success,
2621
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success {
2622
+ color: #85b023;
2623
  }
2624
+
2625
  form .form-content .field-group .field-input .input-alert-message.gs-success:before,
2626
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success:before {
2627
+ background: #85b023;
2628
+ content: " ";
2629
  }
2630
+
2631
  form .form-content .field-group .field-input .input-alert-message.gs-error,
2632
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error {
2633
+ color: #d36c65;
2634
  }
2635
+
2636
  form .form-content .field-group .field-input .input-alert-message.gs-error:before,
2637
  div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error:before {
2638
+ background: #d36c65;
2639
+ content: " ";
2640
  }
2641
+
2642
  form .form-content .field-group .field-note,
2643
  div.gs-form .form-content .field-group .field-note {
2644
+ font-size: 14px;
2645
+ font-style: italic;
2646
+ color: #bbb;
2647
+ text-align: right;
2648
+ position: absolute;
2649
+ bottom: 10px;
2650
+ right: 30px;
2651
  }
2652
+
2653
  form .form-content .field-group .field-note i,
2654
  div.gs-form .form-content .field-group .field-note i {
2655
+ margin-right: 2px;
2656
+ position: relative;
2657
+ bottom: -1px;
2658
  }
2659
+
2660
  form .form-content .field-group .field-note.alert-note,
2661
  div.gs-form .form-content .field-group .field-note.alert-note {
2662
+ margin-left: -125px;
2663
+ padding: 13px 30px 13px 155px;
2664
+ position: relative;
2665
+ right: auto;
2666
+ bottom: auto;
2667
+ -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2668
+ transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2669
  }
2670
+
2671
  form .form-content .field-group .field-note.alert-note.inactive,
2672
  div.gs-form .form-content .field-group .field-note.alert-note.inactive {
2673
+ margin-bottom: -50px;
2674
  }
2675
+
2676
  form .form-content .field-group .field-note.alert-note i,
2677
  div.gs-form .form-content .field-group .field-note.alert-note i {
2678
+ font-size: 22px;
2679
+ position: absolute;
2680
+ top: 50%;
2681
+ left: 30px;
2682
+ -webkit-transform: translateY(-50%);
2683
+ -ms-transform: translateY(-50%);
2684
+ transform: translateY(-50%);
2685
  }
2686
+
2687
  form .form-content .field-group .field-note.alert-note a.gs-button,
2688
  div.gs-form .form-content .field-group .field-note.alert-note a.gs-button {
2689
+ font-size: 13px;
2690
+ padding: 2px 7px;
2691
+ margin-left: 5px;
2692
  }
2693
+
2694
  form .form-content .field-group .field-note.alert-note.gs-primary,
2695
  div.gs-form .form-content .field-group .field-note.alert-note.gs-primary {
2696
+ color: #339ed5;
2697
+ background: #dceef8;
2698
  }
2699
+
2700
  form .form-content .field-group .field-note.alert-note.gs-success,
2701
  div.gs-form .form-content .field-group .field-note.alert-note.gs-success {
2702
+ color: #85b023;
2703
+ background: #dcefb0;
2704
  }
2705
+
2706
  form .form-content .field-group .field-note.alert-note.gs-error,
2707
  div.gs-form .form-content .field-group .field-note.alert-note.gs-error {
2708
+ color: #d36c65;
2709
+ background: #fff;
2710
  }
2711
+
2712
  form .form-content .field-group .field-tab,
2713
  div.gs-form .form-content .field-group .field-tab {
2714
+ display: none;
2715
  }
2716
+
2717
  form .form-content .field-group .field-tab.active,
2718
  div.gs-form .form-content .field-group .field-tab.active {
2719
+ display: block;
2720
+ -webkit-animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2721
+ animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2722
  }
2723
+
2724
+ form .form-content .field-group:not(.field-alert) + .field-group,
2725
+ div.gs-form .form-content .field-group:not(.field-alert) + .field-group {
2726
+ border-top: 1px solid #eee;
2727
  }
2728
+
2729
  form .form-content .field-group.follow-input label i,
2730
  div.gs-form .form-content .field-group.follow-input label i {
2731
+ width: 50px;
2732
+ height: 50px;
2733
+ color: #fff;
2734
+ padding: 10px;
2735
+ margin-left: 10px;
2736
+ position: relative;
2737
+ top: -1px;
2738
+ border-radius: 4px;
2739
+ -webkit-font-smoothing: antialiased;
2740
+ -moz-osx-font-smoothing: grayscale;
2741
  }
2742
+
2743
  form .form-content .field-group.follow-input label i:after,
2744
  div.gs-form .form-content .field-group.follow-input label i:after {
2745
+ font-size: 22px;
2746
+ font-family: "getsocial-icons";
2747
+ font-style: normal;
2748
+ font-weight: normal;
2749
+ font-variant: normal;
2750
+ speak: none;
2751
+ text-transform: none;
2752
+ line-height: 1;
2753
+ display: inline-block;
2754
+ position: relative;
2755
+ bottom: -3px;
2756
  }
2757
+
2758
  form .form-content .field-group.follow-input label span,
2759
  div.gs-form .form-content .field-group.follow-input label span {
2760
+ display: none;
2761
  }
2762
+
2763
  form .form-content .field-group.follow-input.fb label i,
2764
  div.gs-form .form-content .field-group.follow-input.fb label i {
2765
+ background: #506bb1;
2766
  }
2767
+
2768
  form .form-content .field-group.follow-input.fb label i:after,
2769
  div.gs-form .form-content .field-group.follow-input.fb label i:after {
2770
+ content: " ";
2771
  }
2772
+
2773
  form .form-content .field-group.follow-input.tw label i,
2774
  div.gs-form .form-content .field-group.follow-input.tw label i {
2775
+ background: #60aade;
2776
  }
2777
+
2778
  form .form-content .field-group.follow-input.tw label i:after,
2779
  div.gs-form .form-content .field-group.follow-input.tw label i:after {
2780
+ content: " ";
2781
  }
2782
+
2783
  form .form-content .field-group.follow-input.pn label i,
2784
  div.gs-form .form-content .field-group.follow-input.pn label i {
2785
+ background: #ef4448;
2786
  }
2787
+
2788
  form .form-content .field-group.follow-input.pn label i:after,
2789
  div.gs-form .form-content .field-group.follow-input.pn label i:after {
2790
+ content: " ";
2791
  }
2792
+
2793
  form .form-content .field-group.follow-input.gp label i,
2794
  div.gs-form .form-content .field-group.follow-input.gp label i {
2795
+ background: #e85441;
2796
  }
2797
+
2798
  form .form-content .field-group.follow-input.gp label i:after,
2799
  div.gs-form .form-content .field-group.follow-input.gp label i:after {
2800
+ content: " ";
2801
  }
2802
+
2803
  form .form-content .field-group.follow-input.tu label i,
2804
  div.gs-form .form-content .field-group.follow-input.tu label i {
2805
+ background: #55677d;
2806
  }
2807
+
2808
  form .form-content .field-group.follow-input.tu label i:after,
2809
  div.gs-form .form-content .field-group.follow-input.tu label i:after {
2810
+ content: " ";
2811
  }
2812
+
2813
  form .form-content .field-group.follow-input.ld label i,
2814
  div.gs-form .form-content .field-group.follow-input.ld label i {
2815
+ background: #1b93ce;
2816
  }
2817
+
2818
  form .form-content .field-group.follow-input.ld label i:after,
2819
  div.gs-form .form-content .field-group.follow-input.ld label i:after {
2820
+ content: " ";
2821
  }
2822
+
2823
  form .form-content .field-group.follow-input.de label i,
2824
  div.gs-form .form-content .field-group.follow-input.de label i {
2825
+ background: #797979;
2826
  }
2827
+
2828
  form .form-content .field-group.follow-input.de label i:after,
2829
  div.gs-form .form-content .field-group.follow-input.de label i:after {
2830
+ content: " ";
2831
  }
2832
+
2833
  form .form-content .field-group.follow-input.su label i,
2834
  div.gs-form .form-content .field-group.follow-input.su label i {
2835
+ background: #f65830;
2836
  }
2837
+
2838
  form .form-content .field-group.follow-input.su label i:after,
2839
  div.gs-form .form-content .field-group.follow-input.su label i:after {
2840
+ content: " ";
2841
  }
2842
+
2843
  form .form-content .field-group.follow-input.re label i,
2844
  div.gs-form .form-content .field-group.follow-input.re label i {
2845
+ background: #208fdf;
2846
  }
2847
+
2848
  form .form-content .field-group.follow-input.re label i:after,
2849
  div.gs-form .form-content .field-group.follow-input.re label i:after {
2850
+ content: " ";
2851
  }
2852
+
2853
  form .form-content .field-group.follow-input.ok label i,
2854
  div.gs-form .form-content .field-group.follow-input.ok label i {
2855
+ background: #fa6f0d;
2856
  }
2857
+
2858
  form .form-content .field-group.follow-input.ok label i:after,
2859
  div.gs-form .form-content .field-group.follow-input.ok label i:after {
2860
+ content: " ";
2861
  }
2862
+
2863
  form .form-content .field-group.follow-input.hn label i,
2864
  div.gs-form .form-content .field-group.follow-input.hn label i {
2865
+ background: #f36201;
2866
  }
2867
+
2868
  form .form-content .field-group.follow-input.hn label i:after,
2869
  div.gs-form .form-content .field-group.follow-input.hn label i:after {
2870
+ content: " ";
2871
  }
2872
+
2873
  form .form-content .field-group.follow-input.fbm label i,
2874
  div.gs-form .form-content .field-group.follow-input.fbm label i {
2875
+ background: #0d87ff;
2876
  }
2877
+
2878
  form .form-content .field-group.follow-input.fbm label i:after,
2879
  div.gs-form .form-content .field-group.follow-input.fbm label i:after {
2880
+ content: " ";
2881
  }
2882
+
2883
  form .form-content .field-group.follow-input.vk label i,
2884
  div.gs-form .form-content .field-group.follow-input.vk label i {
2885
+ background: #3b689c;
2886
  }
2887
+
2888
  form .form-content .field-group.follow-input.vk label i:after,
2889
  div.gs-form .form-content .field-group.follow-input.vk label i:after {
2890
+ content: " ";
2891
  }
2892
+
2893
  form .form-content .field-group.follow-input.bf label i,
2894
  div.gs-form .form-content .field-group.follow-input.bf label i {
2895
+ background: #424242;
2896
  }
2897
+
2898
  form .form-content .field-group.follow-input.bf label i:after,
2899
  div.gs-form .form-content .field-group.follow-input.bf label i:after {
2900
+ content: " ";
2901
  }
2902
+
2903
  form .form-content .field-group.follow-input.wa label i,
2904
  div.gs-form .form-content .field-group.follow-input.wa label i {
2905
+ background: #02a601;
2906
  }
2907
+
2908
  form .form-content .field-group.follow-input.wa label i:after,
2909
  div.gs-form .form-content .field-group.follow-input.wa label i:after {
2910
+ content: " ";
2911
  }
2912
+
2913
  form .form-content .field-group.follow-input.ren label i,
2914
  div.gs-form .form-content .field-group.follow-input.ren label i {
2915
+ background: #1e72c8;
2916
  }
2917
+
2918
  form .form-content .field-group.follow-input.ren label i:after,
2919
  div.gs-form .form-content .field-group.follow-input.ren label i:after {
2920
+ content: " ";
2921
  }
2922
+
2923
  form .form-content .field-group.follow-input.ba label i,
2924
  div.gs-form .form-content .field-group.follow-input.ba label i {
2925
+ background: #314ff3;
2926
  }
2927
+
2928
  form .form-content .field-group.follow-input.ba label i:after,
2929
  div.gs-form .form-content .field-group.follow-input.ba label i:after {
2930
+ content: " ";
2931
  }
2932
+
2933
  form .form-content .field-group.follow-input.we label i,
2934
  div.gs-form .form-content .field-group.follow-input.we label i {
2935
+ background: #dc3737;
2936
  }
2937
+
2938
  form .form-content .field-group.follow-input.we label i:after,
2939
  div.gs-form .form-content .field-group.follow-input.we label i:after {
2940
+ content: " ";
2941
  }
2942
+
2943
  form .form-content .field-group.follow-input.ig label i,
2944
  div.gs-form .form-content .field-group.follow-input.ig label i {
2945
+ background: #3F729B;
2946
  }
2947
+
2948
  form .form-content .field-group.follow-input.ig label i:after,
2949
  div.gs-form .form-content .field-group.follow-input.ig label i:after {
2950
+ content: " ";
2951
  }
2952
+
2953
  form .form-content .field-group.follow-input.yt label i,
2954
  div.gs-form .form-content .field-group.follow-input.yt label i {
2955
+ background: #CD201F;
2956
  }
2957
+
2958
  form .form-content .field-group.follow-input.yt label i:after,
2959
  div.gs-form .form-content .field-group.follow-input.yt label i:after {
2960
+ content: " ";
2961
  }
2962
+
2963
  form .form-content .field-group.follow-input.ym label i,
2964
  div.gs-form .form-content .field-group.follow-input.ym label i {
2965
+ background: #e16120;
2966
  }
2967
+
2968
  form .form-content .field-group.follow-input.ym label i:after,
2969
  div.gs-form .form-content .field-group.follow-input.ym label i:after {
2970
+ content: " ";
2971
  }
2972
+
2973
  form .form-content .field-group.follow-input .field-input,
2974
  div.gs-form .form-content .field-group.follow-input .field-input {
2975
+ padding-right: 80px;
2976
  }
2977
+
2978
  form .form-content .field-group.follow-input .field-input .close-field,
2979
  div.gs-form .form-content .field-group.follow-input .field-input .close-field {
2980
+ font-size: 18px;
2981
+ color: #ccc;
2982
+ padding: 7px 9px 6px;
2983
+ position: absolute;
2984
+ top: 35px;
2985
+ right: 20px;
2986
  }
2987
+
2988
  form .form-content .field-group.follow-input .field-input .close-field i,
2989
  div.gs-form .form-content .field-group.follow-input .field-input .close-field i {
2990
+ margin-right: 0;
2991
  }
2992
+
2993
  form .form-content .field-group.follow-input .field-input .close-field span,
2994
  div.gs-form .form-content .field-group.follow-input .field-input .close-field span {
2995
+ display: none;
2996
  }
2997
+
2998
  form .form-content .field-group.follow-input .field-input .close-field div,
2999
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div {
3000
+ width: 115px;
3001
+ padding-top: 8px;
3002
+ padding-bottom: 8px;
3003
+ margin-left: -82px;
3004
+ top: 37px;
3005
  }
3006
+
3007
  form .form-content .field-group.follow-input .field-input .close-field div:before,
3008
  div.gs-form .form-content .field-group.follow-input .field-input .close-field div:before {
3009
+ margin-left: 0;
3010
+ left: auto;
3011
+ right: 24px;
3012
  }
3013
+
3014
  form .form-content .field-group.follow-input .field-input .close-field:hover,
3015
  div.gs-form .form-content .field-group.follow-input .field-input .close-field:hover {
3016
+ color: #d36c65;
3017
  }
3018
+
3019
+ form .form-content .field-grid + .field-group,
3020
+ div.gs-form .form-content .field-grid + .field-group {
3021
+ border-top: 1px solid #eee;
3022
  }
3023
+
3024
  form .form-content .field-grid .field-label .user-avatar,
3025
  div.gs-form .form-content .field-grid .field-label .user-avatar {
3026
+ position: absolute;
3027
+ top: 50%;
3028
+ left: 50%;
3029
+ margin: -23px 0 0 -23px;
3030
+ }
3031
+
3032
+ form .form-content .field-grid .field-label .user-avatar > div,
3033
+ div.gs-form .form-content .field-grid .field-label .user-avatar > div {
3034
+ width: 24px;
3035
+ font-size: 12px;
3036
+ color: #fff;
3037
+ background: #efc520;
3038
+ border: 3px solid #f9f9f9;
3039
+ text-align: center;
3040
+ padding: 3px 0 3px 1px;
3041
+ display: inline-block;
3042
+ position: absolute;
3043
+ top: -7px;
3044
+ right: -7px;
3045
  }
3046
+
3047
  form .form-content .field-grid .field-label .user-avatar img,
3048
  div.gs-form .form-content .field-grid .field-label .user-avatar img {
3049
+ width: 46px;
3050
  }
3051
+
3052
  form .form-content .field-grid .field-label .user-avatar img,
3053
+ form .form-content .field-grid .field-label .user-avatar > div,
3054
  div.gs-form .form-content .field-grid .field-label .user-avatar img,
3055
+ div.gs-form .form-content .field-grid .field-label .user-avatar > div {
3056
+ border-radius: 100%;
3057
  }
3058
+
3059
+ form .form-content .field-grid .field-input > div:not(.field-button-group),
3060
+ div.gs-form .form-content .field-grid .field-input > div:not(.field-button-group) {
3061
+ display: inline-block;
3062
  }
3063
+
3064
+ form .form-content .field-grid .field-input > div.field-button-group,
3065
+ div.gs-form .form-content .field-grid .field-input > div.field-button-group {
3066
+ margin: -7px 0 -11px;
3067
+ float: right;
3068
  }
3069
+
3070
+ form .form-content .field-grid .field-input > div.field-button-group a.gs-button,
3071
+ div.gs-form .form-content .field-grid .field-input > div.field-button-group a.gs-button {
3072
+ padding: 6px 13px 7px !important;
3073
+ display: inline-block;
3074
  }
3075
+
3076
+ form .form-content .field-grid .field-input > div.field-button-group i.fa-trash,
3077
+ div.gs-form .form-content .field-grid .field-input > div.field-button-group i.fa-trash {
3078
+ margin-right: 0;
3079
  }
3080
+
3081
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group,
3082
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group {
3083
+ font-weight: 600;
3084
+ color: #7a7a7a;
3085
+ background: #f9f9f9;
3086
+ padding: 0;
3087
  }
3088
+
3089
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title,
3090
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title {
3091
+ border-right: 1px solid #eee;
3092
+ padding: 15px 30px;
3093
  }
3094
+
3095
  form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child,
3096
  div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child {
3097
+ border-right: 0;
3098
  }
3099
+
3100
  form .form-content .field-grid.field-grid-table .field-group,
3101
  div.gs-form .form-content .field-grid.field-grid-table .field-group {
3102
+ padding-left: 160px;
3103
  }
3104
+
3105
  form .form-content .field-grid.field-grid-table .field-label,
3106
  div.gs-form .form-content .field-grid.field-grid-table .field-label {
3107
+ width: 160px;
3108
+ min-width: 160px;
3109
+ padding-top: 35px;
3110
  }
3111
+
3112
  form .form-content .field-grid.field-grid-table .field-label a,
3113
  div.gs-form .form-content .field-grid.field-grid-table .field-label a {
3114
+ font-size: 16px;
3115
+ font-weight: 600;
3116
+ color: #339ed5;
3117
  }
3118
+
3119
  form .form-content .field-grid.field-grid-table .field-label a:hover,
3120
  form .form-content .field-grid.field-grid-table .field-label a:focus,
3121
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:hover,
3122
  div.gs-form .form-content .field-grid.field-grid-table .field-label a:focus {
3123
+ color: #2687b9;
3124
  }
3125
+
3126
  form .form-content .field-grid.field-grid-table .grid-desc,
3127
  div.gs-form .form-content .field-grid.field-grid-table .grid-desc {
3128
+ font-size: 14px;
3129
+ color: #bbb;
3130
  }
3131
+
3132
  form .form-button-group,
3133
  div.gs-form .form-button-group {
3134
+ text-align: center;
3135
+ padding: 38px 0 20px;
3136
  }
3137
+
3138
  form .form-button-group .form-button-status,
3139
  div.gs-form .form-button-group .form-button-status {
3140
+ display: inline-block;
3141
+ position: relative;
3142
  }
3143
+
3144
  form .form-button-group .form-button-status p,
3145
  div.gs-form .form-button-group .form-button-status p {
3146
+ width: 240px;
3147
+ font-size: 14px;
3148
+ line-height: 15px;
3149
+ position: absolute;
3150
+ top: 100%;
3151
+ left: 50%;
3152
+ margin: 15px 0 0 -120px;
3153
+ -webkit-animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
3154
+ animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
3155
+ }
3156
+
3157
+ form .form-button-group .form-button-status .gs-primary + p,
3158
+ div.gs-form .form-button-group .form-button-status .gs-primary + p {
3159
+ color: #339ed5;
3160
+ }
3161
+
3162
+ form .form-button-group .form-button-status .gs-success + p,
3163
+ div.gs-form .form-button-group .form-button-status .gs-success + p {
3164
+ color: #85b023;
3165
+ }
3166
+
3167
+ form .form-button-group .form-button-status .gs-error + p,
3168
+ div.gs-form .form-button-group .form-button-status .gs-error + p {
3169
+ color: #d36c65;
3170
  }
3171
+
3172
  form .form-button-group.fixed,
3173
  div.gs-form .form-button-group.fixed {
3174
+ max-width: 925px;
3175
+ width: 100%;
3176
+ background: #f3f3f3;
3177
+ padding: 30px 0;
3178
+ position: fixed;
3179
+ bottom: 0;
3180
+ left: 50%;
3181
+ z-index: 4;
3182
+ -webkit-transform: translateX(-50%);
3183
+ -ms-transform: translateX(-50%);
3184
+ transform: translateX(-50%);
3185
+ box-shadow: 0 -20px 30px -30px rgba(0, 0, 0, 0.5);
3186
+ -webkit-animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
3187
+ animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
3188
  }
3189
+
3190
  form .extra-notes,
3191
  div.gs-form .extra-notes {
3192
+ padding-top: 15px;
3193
  }
3194
+
3195
  form .extra-notes .fa-asterisk,
3196
  div.gs-form .extra-notes .fa-asterisk {
3197
+ font-size: 16px;
3198
+ color: #339ed5;
3199
  }
3200
+
3201
+ .edit_exclusion + .edit_exclusion,
3202
  .new_exclusion {
3203
+ margin-top: 30px;
3204
  }
3205
+
3206
  .form-content {
3207
+ background: #fff;
3208
+ border: 1px solid #e1e1e1;
3209
+ overflow: hidden;
3210
+ border-radius: 4px;
3211
  }
3212
+
3213
  .form-content.free-content {
3214
+ padding: 30px;
3215
  }
3216
+
3217
  .form-content.show-content {
3218
+ overflow: visible;
3219
  }
3220
+
3221
  .form-content.show-content .field-group:first-child .field-label {
3222
+ border-top-left-radius: 3px;
3223
  }
3224
+
3225
  .form-content.show-content .field-group:first-child .field-input {
3226
+ border-top-right-radius: 3px;
3227
  }
3228
+
3229
  .form-content.show-content .field-group:last-child .field-label {
3230
+ border-bottom-left-radius: 3px;
3231
  }
3232
+
3233
  .form-content.show-content .field-group:last-child .field-input {
3234
+ border-bottom-right-radius: 3px;
3235
  }
3236
+
3237
  .gs-button {
3238
+ font-weight: 600;
3239
+ color: #fff;
3240
+ border: 2px solid transparent;
3241
+ padding: 4px 13px 6px;
3242
+ border-radius: 4px;
3243
+ -webkit-transition: all 200ms;
3244
+ transition: all 200ms;
3245
  }
3246
+
3247
  .gs-button i {
3248
+ margin-right: 4px;
3249
  }
3250
+
3251
  .gs-button.special {
3252
+ color: #efc520;
3253
  }
3254
+
3255
  .gs-button.special:not(.trans) {
3256
+ background: #efc520;
3257
  }
3258
+
3259
  .gs-button.special.trans.border {
3260
+ border-color: #efc520;
3261
  }
3262
+
3263
  .gs-button.dark {
3264
+ color: #606060;
3265
  }
3266
+
3267
  .gs-button.dark:hover {
3268
+ color: #339ed5;
3269
  }
3270
+
3271
  .gs-button.grey {
3272
+ color: #606060;
3273
+ background: #f6f6f6;
3274
  }
3275
+
3276
  .gs-button.grey:hover {
3277
+ background: #e3e3e3;
3278
  }
3279
+
3280
  .gs-button.disabled {
3281
+ color: #aaa;
3282
+ background: #eee;
3283
  }
3284
+
3285
  .gs-button:not(.pricing-plan).plan-two:not(.trans) {
3286
+ background: #f29809;
3287
  }
3288
+
3289
  .gs-button:not(.pricing-plan).plan-two:not(.trans):hover {
3290
+ background: #cb7f08;
3291
  }
3292
+
3293
  .gs-button:not(.pricing-plan).plan-two.trans {
3294
+ color: #f29809;
3295
  }
3296
+
3297
  .gs-button:not(.pricing-plan).plan-two.trans.border {
3298
+ border-color: #f29809;
3299
  }
3300
+
3301
  .gs-button:not(.pricing-plan).plan-two.trans:hover {
3302
+ color: #f29809;
3303
+ border-color: #f29809;
3304
  }
3305
+
3306
  .gs-button:not(.pricing-plan).plan-three:not(.trans) {
3307
+ background: #dd5a7c;
3308
  }
3309
+
3310
  .gs-button:not(.pricing-plan).plan-three:not(.trans):hover {
3311
+ background: #d63861;
3312
  }
3313
+
3314
  .gs-button:not(.pricing-plan).plan-three.trans {
3315
+ color: #dd5a7c;
3316
  }
3317
+
3318
  .gs-button:not(.pricing-plan).plan-three.trans.border {
3319
+ border-color: #dd5a7c;
3320
  }
3321
+
3322
  .gs-button:not(.pricing-plan).plan-three.trans:hover {
3323
+ color: #dd5a7c;
3324
+ border-color: #dd5a7c;
3325
  }
3326
+
3327
  .gs-button:not(.pricing-plan).plan-four:not(.trans) {
3328
+ background: #9a58e6;
3329
  }
3330
+
3331
  .gs-button:not(.pricing-plan).plan-four:not(.trans):hover {
3332
+ background: #8535e1;
3333
  }
3334
+
3335
  .gs-button:not(.pricing-plan).plan-four.trans {
3336
+ color: #9a58e6;
3337
  }
3338
+
3339
  .gs-button:not(.pricing-plan).plan-four.trans.border {
3340
+ border-color: #9a58e6;
3341
  }
3342
+
3343
  .gs-button:not(.pricing-plan).plan-four.trans:hover {
3344
+ color: #9a58e6;
3345
+ border-color: #9a58e6;
3346
  }
3347
+
3348
  .gs-button.dropdown {
3349
+ width: 100%;
3350
+ font-family: "Source Sans Pro", sans-serif;
3351
+ font-size: 20px;
3352
+ font-weight: normal;
3353
+ background: #fff;
3354
+ border: 1px solid #ccc;
3355
+ padding: 3px 30px 5px 15px;
3356
+ position: relative;
3357
  }
3358
+
3359
  .gs-button.dropdown i {
3360
+ font-size: 16px;
3361
+ position: absolute;
3362
+ top: 10px;
3363
+ right: 10px;
3364
+ -webkit-transition: all 200ms ease-in-out;
3365
+ transition: all 200ms ease-in-out;
3366
  }
3367
+
3368
  .gs-button.dropdown.empty {
3369
+ font-style: italic;
3370
+ color: #ccc;
3371
  }
3372
+
3373
  .gs-button.dropdown.filled {
3374
+ color: #fff;
3375
+ background: #339ed5;
3376
+ border-color: #339ed5;
3377
  }
3378
+
3379
  .gs-button.dropdown.filled i {
3380
+ color: #88c6e6;
3381
  }
3382
+
3383
  .gs-button.dropdown.filled:hover {
3384
+ background: #2687b9;
3385
+ border-color: #2687b9;
3386
  }
3387
+
3388
  .gs-button.dropdown.active {
3389
+ color: #606060;
3390
+ border-color: #339ed5;
3391
+ box-shadow: inset 0 0 3px #b2daef;
3392
  }
3393
+
3394
  .gs-button.dropdown.active i {
3395
+ -webkit-transform-origin: 50% 45%;
3396
+ -ms-transform-origin: 50% 45%;
3397
+ transform-origin: 50% 45%;
3398
+ -webkit-transform: rotate(180deg);
3399
+ -ms-transform: rotate(180deg);
3400
+ transform: rotate(180deg);
3401
  }
3402
+
3403
  .gs-button.dropdown:hover {
3404
+ background: #f9f9f9;
3405
  }
3406
+
3407
  .gs-button.pricing-plan {
3408
+ min-width: 100px;
3409
+ font-size: 20px;
3410
+ font-weight: 600;
3411
+ color: #fff;
3412
+ border: 0;
3413
+ text-shadow: 0 1px rgba(0, 0, 0, 0.25);
3414
+ padding: 6px 15px;
3415
+ border-radius: 4px;
3416
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 0 transparent;
3417
+ -webkit-transition: all 200ms;
3418
+ transition: all 200ms;
3419
  }
3420
+
3421
  .gs-button.pricing-plan.plan-one {
3422
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6;
3423
  }
3424
+
3425
  .gs-button.pricing-plan.plan-two {
3426
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6;
3427
  }
3428
+
3429
  .gs-button.pricing-plan.plan-three {
3430
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6;
3431
  }
3432
+
3433
  .gs-button.pricing-plan.plan-four {
3434
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6;
3435
  }
3436
+
3437
  .gs-button.gs-primary:not(.trans) {
3438
+ background: #339ed5;
3439
  }
3440
+
3441
  .gs-button.gs-primary.trans {
3442
+ color: #339ed5;
3443
  }
3444
+
3445
  .gs-button.gs-primary.trans.border {
3446
+ border-color: #339ed5;
3447
  }
3448
+
3449
  .gs-button.gs-success:not(.trans) {
3450
+ background: #85b023;
3451
  }
3452
+
3453
  .gs-button.gs-success:hover:not(.trans) {
3454
+ color: #FFFFFF;
3455
  }
3456
+
3457
  .gs-button.gs-success.trans {
3458
+ color: #85b023;
3459
  }
3460
+
3461
  .gs-button.gs-success.trans.border {
3462
+ border-color: #85b023;
3463
  }
3464
+
3465
  .gs-button.gs-error:not(.trans) {
3466
+ background: #d36c65;
3467
  }
3468
+
3469
  .gs-button.gs-error.trans {
3470
+ color: #d36c65;
3471
  }
3472
+
3473
  .gs-button.gs-error.trans.border {
3474
+ border-color: #d36c65;
3475
  }
3476
+
3477
  .gs-button.white {
3478
+ color: #606060;
3479
+ background: #fff;
3480
+ border-width: 3px;
3481
+ border-style: solid;
3482
+ border-color: transparent;
3483
+ -webkit-transition: all 200ms;
3484
+ transition: all 200ms;
3485
  }
3486
+
3487
  .gs-button.white:hover {
3488
+ border-color: #606060;
3489
  }
3490
+
3491
  a.gs-button.special:not(.trans):hover,
3492
  input.gs-button.special:not(.trans):hover,
3493
  button.gs-button.special:not(.trans):hover {
3494
+ background: #d7ae0f;
3495
  }
3496
+
3497
  a.gs-button.special.trans.border:hover,
3498
  input.gs-button.special.trans.border:hover,
3499
  button.gs-button.special.trans.border:hover {
3500
+ color: #d7ae0f;
3501
+ border-color: #d7ae0f;
3502
  }
3503
+
3504
  a.gs-button.dark,
3505
  input.gs-button.dark,
3506
  button.gs-button.dark {
3507
+ color: #606060;
3508
  }
3509
+
3510
  a.gs-button.dark:hover,
3511
  input.gs-button.dark:hover,
3512
  button.gs-button.dark:hover {
3513
+ color: #339ed5;
3514
  }
3515
+
3516
  a.gs-button.pricing-plan.plan-one:hover,
3517
  input.gs-button.pricing-plan.plan-one:hover,
3518
  button.gs-button.pricing-plan.plan-one:hover {
3519
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #1e6b93;
3520
  }
3521
+
3522
  a.gs-button.pricing-plan.plan-two:hover,
3523
  input.gs-button.pricing-plan.plan-two:hover,
3524
  button.gs-button.pricing-plan.plan-two:hover {
3525
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #9e6306;
3526
  }
3527
+
3528
  a.gs-button.pricing-plan.plan-three:hover,
3529
  input.gs-button.pricing-plan.plan-three:hover,
3530
  button.gs-button.pricing-plan.plan-three:hover {
3531
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #ba264d;
3532
  }
3533
+
3534
  a.gs-button.pricing-plan.plan-four:hover,
3535
  input.gs-button.pricing-plan.plan-four:hover,
3536
  button.gs-button.pricing-plan.plan-four:hover {
3537
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #6e1ec9;
3538
  }
3539
+
3540
  a.gs-button.gs-primary:not(.trans):hover,
3541
  input.gs-button.gs-primary:not(.trans):hover,
3542
  button.gs-button.gs-primary:not(.trans):hover {
3543
+ background: #2687b9;
3544
  }
3545
+
3546
  a.gs-button.gs-primary.trans:hover,
3547
  input.gs-button.gs-primary.trans:hover,
3548
  button.gs-button.gs-primary.trans:hover {
3549
+ border-color: #339ed5;
3550
  }
3551
+
3552
  a.gs-button.gs-success:not(.trans):hover,
3553
  input.gs-button.gs-success:not(.trans):hover,
3554
  button.gs-button.gs-success:not(.trans):hover {
3555
+ background: #6b8e1c;
3556
  }
3557
+
3558
  a.gs-button.gs-success.trans:hover,
3559
  input.gs-button.gs-success.trans:hover,
3560
  button.gs-button.gs-success.trans:hover {
3561
+ border-color: #85b023;
3562
  }
3563
+
3564
  a.gs-button.gs-error:not(.trans):hover,
3565
  input.gs-button.gs-error:not(.trans):hover,
3566
  button.gs-button.gs-error:not(.trans):hover {
3567
+ background: #ca4e45;
3568
  }
3569
+
3570
  a.gs-button.gs-error.trans:hover,
3571
  input.gs-button.gs-error.trans:hover,
3572
  button.gs-button.gs-error.trans:hover {
3573
+ border-color: #d36c65;
3574
  }
3575
+
3576
  .checkbox {
3577
+ position: relative;
3578
  }
3579
+
3580
  .checkbox input {
3581
+ height: 34px;
3582
+ background: transparent;
3583
+ position: absolute;
3584
+ margin: 0;
3585
+ opacity: 0;
3586
+ z-index: 1;
3587
  }
3588
+
3589
  .checkbox input:hover {
3590
+ cursor: pointer;
3591
  }
3592
+
3593
+ .checkbox input + .checkbox-btn {
3594
+ background: #ccc;
3595
  }
3596
+
3597
+ .checkbox input + .checkbox-btn:after {
3598
+ left: 0;
3599
+ -webkit-transform: translate(2px, 0);
3600
+ -ms-transform: translate(2px, 0);
3601
+ transform: translate(2px, 0);
3602
  }
3603
+
3604
+ .checkbox input:checked + .checkbox-btn:after {
3605
+ left: 100%;
3606
+ -webkit-transform: translate(-32px, 0);
3607
+ -ms-transform: translate(-32px, 0);
3608
+ transform: translate(-32px, 0);
3609
  }
3610
+
3611
+ .checkbox input:checked + .checkbox-btn.gs-primary {
3612
+ background: #339ed5;
3613
  }
3614
+
3615
+ .checkbox input:checked + .checkbox-btn.gs-success {
3616
+ background: #85b023;
3617
  }
3618
+
3619
+ .checkbox input:checked + .checkbox-btn.gs-error {
3620
+ background: #d36c65;
3621
  }
3622
+
3623
  .checkbox input:hover,
3624
  .checkbox input:focus {
3625
+ cursor: pointer;
3626
  }
3627
+
3628
+ .checkbox input:hover + .checkbox-btn,
3629
+ .checkbox input:focus + .checkbox-btn {
3630
+ background: #b8b8b8;
3631
  }
3632
+
3633
+ .checkbox input:hover:checked + .checkbox-btn.gs-primary,
3634
+ .checkbox input:focus:checked + .checkbox-btn.gs-primary {
3635
+ background: #2687b9;
3636
  }
3637
+
3638
+ .checkbox input:hover:checked + .checkbox-btn.gs-success,
3639
+ .checkbox input:focus:checked + .checkbox-btn.gs-success {
3640
+ background: #6b8e1c;
3641
  }
3642
+
3643
+ .checkbox input:hover:checked + .checkbox-btn.gs-error,
3644
+ .checkbox input:focus:checked + .checkbox-btn.gs-error {
3645
+ background: #ca4e45;
3646
  }
3647
+
3648
  .checkbox .checkbox-btn {
3649
+ width: 75px;
3650
+ font-weight: 600;
3651
+ padding: 7px 15px 9px;
3652
+ display: inline-block;
3653
+ position: relative;
3654
+ overflow: hidden;
3655
+ border-radius: 100px;
3656
+ -webkit-transition: all 200ms;
3657
+ transition: all 200ms;
3658
  }
3659
+
3660
  .checkbox .checkbox-btn *,
3661
  .checkbox .checkbox-btn:after {
3662
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3663
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3664
  }
3665
+
3666
  .checkbox .checkbox-btn span:first-child {
3667
+ margin-right: -8px;
3668
+ -webkit-transform: translate(30px, 0);
3669
+ -ms-transform: translate(30px, 0);
3670
+ transform: translate(30px, 0);
3671
  }
3672
+
3673
  .checkbox .checkbox-btn span:last-child {
3674
+ margin-left: 8px;
3675
+ -webkit-transform: translate(-30px, 0);
3676
+ -ms-transform: translate(-30px, 0);
3677
+ transform: translate(-30px, 0);
3678
  }
3679
+
3680
  .checkbox .checkbox-btn span:not(.active) {
3681
+ opacity: 0;
3682
  }
3683
+
3684
  .checkbox .checkbox-btn span.active {
3685
+ color: #fff;
3686
+ -webkit-transform: translate(0, 0);
3687
+ -ms-transform: translate(0, 0);
3688
+ transform: translate(0, 0);
3689
  }
3690
+
3691
  .checkbox .checkbox-btn:after {
3692
+ width: 30px;
3693
+ height: 30px;
3694
+ background: #fff;
3695
+ content: "";
3696
+ position: absolute;
3697
+ top: 2px;
3698
+ border-radius: 100%;
3699
  }
3700
+
3701
  .checkbox.checkbox-margin {
3702
+ margin-left: 10px;
3703
  }
3704
+
3705
  .field-label .checkbox {
3706
+ margin-top: 8px;
3707
  }
3708
+
3709
  .field-label .checkbox .checkbox-btn {
3710
+ width: initial;
3711
+ padding: 5px 13px 7px;
3712
  }
3713
+
3714
  .field-label .checkbox .checkbox-btn:after {
3715
+ width: 26px;
3716
+ height: 26px;
3717
  }
3718
+
3719
  .field-label .checkbox .checkbox-btn span:first-child {
3720
+ padding-right: 8px;
3721
  }
3722
+
3723
  .field-label .checkbox .checkbox-btn span:last-child {
3724
+ padding-left: 8px;
3725
+ margin-left: -8px;
3726
  }
3727
+
3728
  .field-label .checkbox.long {
3729
+ margin-left: -15px;
3730
  }
3731
+
3732
  .field-label .checkbox.long span:first-child {
3733
+ padding-right: 0;
3734
  }
3735
+
3736
  .field-label .checkbox.long span:last-child {
3737
+ padding-left: 0;
3738
  }
3739
+
3740
  .field-label .checkbox input {
3741
+ height: 30px;
3742
  }
3743
+
3744
+ .field-label .checkbox input:checked + .checkbox-btn:after {
3745
+ -webkit-transform: translate(-28px, 0);
3746
+ -ms-transform: translate(-28px, 0);
3747
+ transform: translate(-28px, 0);
3748
  }
3749
+
3750
  .checkbox-inline input {
3751
+ width: auto !important;
3752
+ margin: 0 4px 0 0;
3753
+ top: 1px !important;
3754
  }
3755
+
3756
  .checkbox-inline:hover {
3757
+ cursor: pointer;
3758
  }
3759
+
3760
  .tab-selector {
3761
+ border-right: 1px solid #e1e1e1;
3762
+ padding-top: 30px !important;
3763
+ padding-right: 10px !important;
3764
  }
3765
+
3766
  .tab-selector a {
3767
+ border-width: 1px 0 1px 1px;
3768
+ border-style: solid;
3769
+ border-color: transparent;
3770
+ padding: 8px 14px 8px 11px;
3771
+ margin: 1px -11px 1px 0;
3772
+ display: inline-block;
3773
+ float: right;
3774
+ border-radius: 4px 0 0 4px;
3775
  }
3776
+
3777
  .tab-selector a,
3778
  .tab-selector a * {
3779
+ -webkit-transition: all 200ms;
3780
+ transition: all 200ms;
3781
  }
3782
+
3783
  .tab-selector a img {
3784
+ border-radius: 3px;
3785
  }
3786
+
3787
  .tab-selector a:hover {
3788
+ background: #ebebeb;
3789
  }
3790
+
3791
  .tab-selector a.active {
3792
+ background: #fff;
3793
+ border-color: #e1e1e1;
3794
+ pointer-events: none;
3795
  }
3796
+
3797
  .tab-selector a.active img {
3798
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
3799
  }
3800
+
3801
  .toggle {
3802
+ border: 1px solid #b2daef;
3803
+ display: inline-block;
3804
+ position: relative;
3805
+ border-radius: 4px;
3806
  }
3807
+
3808
  .toggle a {
3809
+ font-size: 16px;
3810
+ color: #7bc0e4;
3811
+ padding: 8px 16px 10px;
3812
+ margin: -1px;
3813
+ display: inline-block;
3814
+ border-radius: 4px;
3815
+ -webkit-transition: all 300ms ease-in-out;
3816
+ transition: all 300ms ease-in-out;
3817
  }
3818
+
3819
  .toggle a:first-child {
3820
+ margin-right: 0;
3821
  }
3822
+
3823
  .toggle a:last-child {
3824
+ margin-left: 0;
3825
  }
3826
+
3827
  .toggle a.active {
3828
+ font-weight: 600;
3829
+ color: #fff !important;
3830
+ background: #339ed5;
3831
+ pointer-events: none;
3832
+ cursor: default !important;
3833
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
3834
  }
3835
+
3836
  .toggle a:hover {
3837
+ color: #339ed5;
3838
  }
3839
+
3840
  .gs-button-big {
3841
+ font-size: 20px;
3842
+ font-weight: 600;
3843
+ color: #fff;
3844
+ background: #666;
3845
+ padding: 13px 20px 15px;
3846
+ display: inline-block;
3847
+ position: relative;
3848
+ border-radius: 4px;
3849
+ -webkit-transition: all 200ms;
3850
+ transition: all 200ms;
3851
  }
3852
+
3853
  .gs-button-big i {
3854
+ margin: 0 5px 0 -10px;
3855
+ position: relative;
3856
+ bottom: -1px;
3857
  }
3858
+
3859
  .gs-button-big.cta {
3860
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
3861
+ }
3862
+
3863
+ .gs-button-big.extra > span:not(.note) {
3864
+ font-size: 16px;
3865
+ font-weight: 600;
3866
+ color: rgba(255, 255, 255, 0.75);
3867
+ text-transform: uppercase;
3868
+ white-space: nowrap;
3869
+ margin-top: 3px;
3870
+ position: absolute;
3871
+ top: 100%;
3872
+ left: 50%;
3873
+ -webkit-transform: translateX(-50%);
3874
+ -ms-transform: translateX(-50%);
3875
+ transform: translateX(-50%);
 
 
 
 
 
3876
  }
3877
+
3878
+ .gs-button-big > i.fa-angle-left {
3879
+ font-size: 30px;
3880
+ margin: 0 5px 0 -5px;
3881
+ position: relative;
3882
+ bottom: -2px;
3883
+ }
3884
+
3885
  .gs-button-big.primary {
3886
+ background: #339ed5;
3887
  }
3888
+
3889
  .gs-button-big.primary:hover {
3890
+ background: #2687b9;
3891
  }
3892
+
3893
  .gs-button-big.simple {
3894
+ background: transparent;
3895
+ border: 2px solid transparent;
3896
+ padding: 8px 23px 10px;
3897
+ box-shadow: none;
3898
  }
3899
+
3900
  .gs-button-big.simple:hover {
3901
+ border-color: #fff;
3902
  }
3903
+
3904
  .gs-button-big.pricing-plan:not(.trans) {
3905
+ color: #fff;
3906
  }
3907
+
3908
  .gs-button-big.pricing-plan:not(.trans).plan-one {
3909
+ background: #339ed5;
3910
  }
3911
+
3912
  .gs-button-big.pricing-plan:not(.trans).plan-one:hover {
3913
+ background: #2481b1;
3914
  }
3915
+
3916
  .gs-button-big.pricing-plan:not(.trans).plan-two {
3917
+ background: #f29809;
3918
  }
3919
+
3920
  .gs-button-big.pricing-plan:not(.trans).plan-two:hover {
3921
+ background: #c17907;
3922
  }
3923
+
3924
  .gs-button-big.pricing-plan:not(.trans).plan-three {
3925
+ background: #dd5a7c;
3926
  }
3927
+
3928
  .gs-button-big.pricing-plan:not(.trans).plan-three:hover {
3929
+ background: #d4305a;
3930
  }
3931
+
3932
  .gs-button-big.pricing-plan:not(.trans).plan-four {
3933
+ background: #9a58e6;
3934
  }
3935
+
3936
  .gs-button-big.pricing-plan:not(.trans).plan-four:hover {
3937
+ background: #7f2cdf;
3938
  }
3939
+
3940
  .gs-button-big.pricing-plan.trans {
3941
+ background: #fff;
3942
  }
3943
+
3944
  .gs-button-big.pricing-plan.trans.plan-one {
3945
+ color: #339ed5;
3946
  }
3947
+
3948
  .gs-button-big.pricing-plan.trans.plan-one.border {
3949
+ border: 1px solid #339ed5;
3950
  }
3951
+
3952
  .gs-button-big.pricing-plan.trans.plan-one:hover {
3953
+ color: #fff;
3954
+ background: #339ed5;
3955
  }
3956
+
3957
  .gs-button-big.pricing-plan.trans.plan-two {
3958
+ color: #f29809;
3959
  }
3960
+
3961
  .gs-button-big.pricing-plan.trans.plan-two.border {
3962
+ border: 1px solid #f29809;
3963
  }
3964
+
3965
  .gs-button-big.pricing-plan.trans.plan-two:hover {
3966
+ color: #fff;
3967
+ background: #f29809;
3968
  }
3969
+
3970
  .gs-button-big.pricing-plan.trans.plan-three {
3971
+ color: #dd5a7c;
3972
  }
3973
+
3974
  .gs-button-big.pricing-plan.trans.plan-three.border {
3975
+ border: 1px solid #dd5a7c;
3976
  }
3977
+
3978
  .gs-button-big.pricing-plan.trans.plan-three:hover {
3979
+ color: #fff;
3980
+ background: #dd5a7c;
3981
  }
3982
+
3983
  .gs-button-big.pricing-plan.trans.plan-four {
3984
+ color: #9a58e6;
3985
  }
3986
+
3987
  .gs-button-big.pricing-plan.trans.plan-four.border {
3988
+ border: 1px solid #9a58e6;
3989
  }
3990
+
3991
  .gs-button-big.pricing-plan.trans.plan-four:hover {
3992
+ color: #fff;
3993
+ background: #9a58e6;
3994
  }
3995
+
3996
  .primary-dark {
3997
+ background: #1c6286;
3998
  }
3999
+
4000
  .primary-dark:hover {
4001
+ background: #2481b1;
4002
  }
4003
+
4004
  .orange {
4005
+ background: #f29809;
4006
  }
4007
+
4008
  .orange:hover {
4009
+ background: #cb7f08;
4010
  }
4011
+
4012
  .green {
4013
+ background: #8db13d;
4014
  }
4015
+
4016
  .green:hover {
4017
+ background: #759333;
4018
  }
4019
+
4020
  .form .form-content .field-group.field-alert p,
4021
  .form .form-content .field-group.field-alert p.alert-title {
4022
+ color: #fff;
4023
  }
4024
+
4025
  .form .form-content .field-group.field-alert p.alert-title {
4026
+ font-size: 16px;
4027
+ font-weight: bold;
4028
+ margin-bottom: 5px;
4029
  }
4030
+
4031
  .form .form-content .field-group.field-alert .field-label {
4032
+ height: 100%;
4033
+ padding: 0;
4034
  }
4035
+
4036
  .form .form-content .field-group.field-alert .field-label:before {
4037
+ font-family: "FontAwesome";
4038
+ font-size: 38px;
4039
+ display: inline-block;
4040
+ position: absolute;
4041
+ top: 50%;
4042
+ left: 50%;
4043
+ margin: -19px 0 0 -16px;
4044
  }
4045
+
4046
  .form .form-content .field-group.field-alert .field-input {
4047
+ font-size: 14px;
4048
+ font-weight: 600;
4049
+ color: #fff;
4050
+ line-height: 15px;
4051
+ padding: 20px 30px;
4052
  }
4053
+
4054
  .form .form-content .field-group.field-alert.gs-primary {
4055
+ background: #339ed5;
4056
  }
4057
+
4058
  .form .form-content .field-group.field-alert.gs-primary .field-label {
4059
+ color: #7fc2e5;
4060
+ background: #288dc2;
4061
  }
4062
+
4063
  .form .form-content .field-group.field-alert.gs-primary .field-label:before {
4064
+ content: " ";
4065
  }
4066
+
4067
  .form .form-content .field-group.field-alert.gs-success {
4068
+ background: #85b023;
4069
  }
4070
+
4071
  .form .form-content .field-group.field-alert.gs-success .field-label {
4072
+ color: #b2dd52;
4073
+ background: #72961e;
4074
  }
4075
+
4076
  .form .form-content .field-group.field-alert.gs-success .field-label:before {
4077
+ content: " ";
4078
  }
4079
+
4080
  .form .form-content .field-group.field-alert.gs-error {
4081
+ background: #d36c65;
4082
  }
4083
+
4084
  .form .form-content .field-group.field-alert.gs-error .field-label {
4085
+ color: #e7b0ac;
4086
+ background: #cc554d;
4087
  }
4088
+
4089
  .form .form-content .field-group.field-alert.gs-error .field-label:before {
4090
+ content: " ";
4091
  }
4092
+
4093
  .form .form-content .field-group.field-alert.white {
4094
+ background: #fff;
4095
  }
4096
+
4097
  .form .form-content .field-group.field-alert.white .field-label {
4098
+ color: #339ed5;
4099
+ background: #f1f8fc;
4100
  }
4101
+
4102
  .form .form-content .field-group.field-alert.white .field-label:before {
4103
+ content: " ";
4104
  }
4105
+
4106
  .form .form-content .field-group.field-alert.white .field-input p,
4107
  .form .form-content .field-group.field-alert.white .field-input p.alert-title {
4108
+ color: #339ed5;
4109
  }
4110
+
4111
+ .large + div .content-wrapper .options-details:first-child {
4112
+ margin-top: -33px;
4113
  }
4114
+
4115
  @-webkit-keyframes fade-in-up {
4116
+ 0% {
4117
+ -webkit-transform: translateY(30px);
4118
+ opacity: 0;
4119
+ }
4120
+ 100% {
4121
+ -webkit-transform: translateY(0);
4122
+ opacity: 1;
4123
+ }
4124
  }
4125
+
4126
+
4127
  @keyframes fade-in-up {
4128
+ 0% {
4129
+ transform: translateY(30px);
4130
+ opacity: 0;
4131
+ }
4132
+ 100% {
4133
+ transform: translateY(0);
4134
+ opacity: 1;
4135
+ }
4136
  }
4137
+
4138
+
4139
  @-webkit-keyframes fade-in-down {
4140
+ 0% {
4141
+ -webkit-transform: translateY(-30px);
4142
+ opacity: 0;
4143
+ }
4144
+ 100% {
4145
+ -webkit-transform: translateY(0);
4146
+ opacity: 1;
4147
+ }
4148
  }
4149
+
4150
+
4151
  @keyframes fade-in-down {
4152
+ 0% {
4153
+ transform: translateY(-30px);
4154
+ opacity: 0;
4155
+ }
4156
+ 100% {
4157
+ transform: translateY(0);
4158
+ opacity: 1;
4159
+ }
4160
  }
4161
+
4162
+
4163
  @-webkit-keyframes fade-out-up {
4164
+ 0% {
4165
+ -webkit-transform: translateY(0);
4166
+ opacity: 1;
4167
+ }
4168
+ 100% {
4169
+ -webkit-transform: translateY(-30px);
4170
+ opacity: 0;
4171
+ }
4172
  }
4173
+
4174
+
4175
  @keyframes fade-out-up {
4176
+ 0% {
4177
+ transform: translateY(0);
4178
+ opacity: 1;
4179
+ }
4180
+ 100% {
4181
+ transform: translateY(-30px);
4182
+ opacity: 0;
4183
+ }
4184
  }
4185
+
4186
+
4187
  @-webkit-keyframes opacity-in {
4188
+ 0% {
4189
+ opacity: 0;
4190
+ }
4191
+ 100% {
4192
+ opacity: 1;
4193
+ }
4194
  }
4195
+
4196
+
4197
  @keyframes opacity-in {
4198
+ 0% {
4199
+ opacity: 0;
4200
+ }
4201
+ 100% {
4202
+ opacity: 1;
4203
+ }
4204
  }
4205
+
4206
+
4207
  @-webkit-keyframes opacity-out {
4208
+ 0% {
4209
+ opacity: 1;
4210
+ }
4211
+ 100% {
4212
+ opacity: 0;
4213
+ }
4214
  }
4215
+
4216
+
4217
  @keyframes opacity-out {
4218
+ 0% {
4219
+ opacity: 1;
4220
+ }
4221
+ 100% {
4222
+ opacity: 0;
4223
+ }
4224
  }
4225
+
4226
+
4227
  .table-block {
4228
+ color: #606060;
4229
+ text-align: left;
4230
+ padding: 0 30px;
4231
+ margin-top: 56px;
4232
+ margin-bottom: 28px;
4233
+ line-height: 28px;
4234
  }
4235
+
4236
  .table-block table {
4237
+ width: 100%;
4238
+ margin-bottom: 84px;
4239
  }
4240
+
4241
  .table-block table thead {
4242
+ font-family: "Raleway", sans-serif;
4243
+ font-weight: 800;
4244
+ font-size: 32px;
4245
+ line-height: 84px;
4246
+ text-align: center;
4247
  }
4248
+
4249
  .table-block table thead th:first-child {
4250
+ width: 25%;
4251
  }
4252
+
4253
  .table-block table thead th:not(:first-child) {
4254
+ width: 15%;
4255
+ background: #f3f3f3;
4256
+ padding: 28px 5px;
4257
+ line-height: 28px;
4258
+ vertical-align: middle;
4259
  }
4260
+
4261
  .table-block table thead th:not(:first-child) img {
4262
+ max-width: 184px;
4263
+ margin-bottom: -23px;
4264
  }
4265
+
4266
  .table-block table thead th:nth-child(2) {
4267
+ border-radius: 4px 0 0 0;
4268
  }
4269
+
4270
  .table-block table thead th:last-child {
4271
+ border-radius: 0 4px 0 0;
4272
  }
4273
+
4274
  .table-block table tbody tr:first-child td .feature-label {
4275
+ border-top-width: 1px;
4276
+ padding-top: 27px;
4277
+ border-radius: 4px 0 0 0;
4278
  }
4279
+
4280
  .table-block table tbody tr:first-child.help td .feature-label:before {
4281
+ top: 26px !important;
4282
  }
4283
+
4284
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
4285
+ border-bottom-width: 1px;
4286
  }
4287
+
4288
  .table-block table tbody tr:nth-last-child(2) td:first-child,
4289
  .table-block table tbody tr:nth-last-child(2) td .feature-label {
4290
+ border-radius: 0 0 0 4px;
4291
  }
4292
+
4293
  .table-block table tbody tr:nth-last-child(2) td:last-child {
4294
+ border-radius: 0 0 4px 0;
4295
  }
4296
+
4297
  .table-block table tbody tr:nth-child(odd) td:not(:first-child) {
4298
+ background: #fafafa;
4299
  }
4300
+
4301
  .table-block table tbody tr:nth-child(odd) td:not(:first-child).on {
4302
+ background: #9bc048 !important;
4303
  }
4304
+
4305
  .table-block table tbody tr:nth-child(even) td:not(:first-child) {
4306
+ background: #f3f3f3;
4307
  }
4308
+
4309
  .table-block table tbody tr:nth-child(even) td:not(:first-child).on {
4310
+ background: #8db13d !important;
4311
  }
4312
+
4313
  .table-block table tbody tr.help td .feature-label {
4314
+ position: relative;
4315
  }
4316
+
4317
+ .table-block table tbody tr.help td .feature-label > p {
4318
+ font-size: 16px;
4319
+ color: #999;
4320
+ line-height: 21px;
4321
+ margin: 0;
4322
+ padding: 14px 0 28px;
4323
+ display: none;
4324
  }
4325
+
4326
  .table-block table tbody tr.help td .feature-label:before {
4327
+ width: 30px;
4328
+ height: 30px;
4329
+ font-family: "FontAwesome";
4330
+ font-size: 20px;
4331
+ color: #ddd;
4332
+ background: #fff;
4333
+ text-align: center;
4334
+ content: " ";
4335
+ display: inline-block;
4336
+ padding-top: 1px;
4337
+ box-sizing: border-box;
4338
+ position: absolute;
4339
+ top: 14px;
4340
+ left: -15px;
4341
+ border-radius: 100%;
4342
  }
4343
+
4344
  .table-block table tbody tr.help:hover,
4345
  .table-block table tbody tr.help.active {
4346
+ cursor: pointer;
4347
  }
4348
+
4349
  .table-block table tbody tr.help:hover td .feature-label,
4350
  .table-block table tbody tr.help.active td .feature-label {
4351
+ color: #339ed5;
4352
+ background: #f9f9f9;
4353
  }
4354
+
4355
  .table-block table tbody tr.help:hover td .feature-label:before,
4356
  .table-block table tbody tr.help.active td .feature-label:before {
4357
+ color: #339ed5;
4358
  }
4359
+
4360
  .table-block table tbody tr.help:hover td:not(:first-child) i,
4361
  .table-block table tbody tr.help.active td:not(:first-child) i {
4362
+ text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
4363
  }
4364
+
4365
  .table-block table tbody tr.price td:not(:first-child) {
4366
+ font-size: 25px;
4367
+ font-weight: bold;
4368
  }
4369
+
4370
  .table-block table tbody tr.price td:not(:first-child) span {
4371
+ font-size: 20px;
4372
+ font-weight: normal;
4373
+ margin-left: 4px;
4374
  }
4375
+
4376
  .table-block table tbody tr.gs-button-row td:not(:first-child) {
4377
+ background: transparent;
4378
+ border-right: none;
4379
+ padding: 2px 1px 0;
4380
  }
4381
+
4382
  .table-block table tbody tr.gs-button-row td:not(:first-child) a {
4383
+ margin-top: 0;
4384
+ display: block;
4385
+ border-radius: 0 0 4px 4px;
4386
  }
4387
+
4388
  .table-block table tbody td:not(:first-child) {
4389
+ text-align: center;
4390
+ vertical-align: middle;
4391
  }
4392
+
4393
  .table-block table tbody td:not(:first-child) i {
4394
+ display: block;
4395
+ -webkit-transform-origin: 50% 50%;
4396
+ -ms-transform-origin: 50% 50%;
4397
+ transform-origin: 50% 50%;
4398
+ -webkit-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
4399
+ transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
4400
  }
4401
+
4402
  .table-block table tbody td:not(:first-child):not(:last-child) {
4403
+ border-right: 1px solid #e3e3e3;
4404
  }
4405
+
4406
  .table-block table tbody td:first-child {
4407
+ position: relative;
4408
  }
4409
+
4410
  .table-block table tbody td .feature-label {
4411
+ font-size: 18px;
4412
+ background: #fff;
4413
+ border-left-width: 1px;
4414
+ border-style: solid;
4415
+ border-color: #eee;
4416
+ padding: 14px 30px;
4417
  }
4418
+
4419
  .table-block table tbody td.on,
4420
  .table-block table tbody td.off {
4421
+ font-size: 16px;
4422
+ font-weight: 600;
4423
  }
4424
+
4425
  .table-block table tbody td.on i,
4426
  .table-block table tbody td.off i {
4427
+ font-size: 22px;
4428
  }
4429
+
4430
  .table-block table tbody td.on {
4431
+ color: #fff;
4432
  }
4433
+
4434
  .table-block table tbody td.off {
4435
+ color: #d36c65;
4436
  }
4437
+
4438
  @-webkit-keyframes fade-in-up {
4439
+ 0% {
4440
+ -webkit-transform: translateY(30px);
4441
+ opacity: 0;
4442
+ }
4443
+ 100% {
4444
+ -webkit-transform: translateY(0);
4445
+ opacity: 1;
4446
+ }
4447
  }
4448
+
4449
+
4450
  @keyframes fade-in-up {
4451
+ 0% {
4452
+ transform: translateY(30px);
4453
+ opacity: 0;
4454
+ }
4455
+ 100% {
4456
+ transform: translateY(0);
4457
+ opacity: 1;
4458
+ }
4459
  }
4460
+
4461
+
4462
  @-webkit-keyframes fade-in-down {
4463
+ 0% {
4464
+ -webkit-transform: translateY(-30px);
4465
+ opacity: 0;
4466
+ }
4467
+ 100% {
4468
+ -webkit-transform: translateY(0);
4469
+ opacity: 1;
4470
+ }
4471
  }
4472
+
4473
+
4474
  @keyframes fade-in-down {
4475
+ 0% {
4476
+ transform: translateY(-30px);
4477
+ opacity: 0;
4478
+ }
4479
+ 100% {
4480
+ transform: translateY(0);
4481
+ opacity: 1;
4482
+ }
4483
  }
4484
+
4485
+
4486
  @-webkit-keyframes fade-out-up {
4487
+ 0% {
4488
+ -webkit-transform: translateY(0);
4489
+ opacity: 1;
4490
+ }
4491
+ 100% {
4492
+ -webkit-transform: translateY(-30px);
4493
+ opacity: 0;
4494
+ }
4495
  }
4496
+
4497
+
4498
  @keyframes fade-out-up {
4499
+ 0% {
4500
+ transform: translateY(0);
4501
+ opacity: 1;
4502
+ }
4503
+ 100% {
4504
+ transform: translateY(-30px);
4505
+ opacity: 0;
4506
+ }
4507
  }
4508
+
4509
+
4510
  @-webkit-keyframes opacity-in {
4511
+ 0% {
4512
+ opacity: 0;
4513
+ }
4514
+ 100% {
4515
+ opacity: 1;
4516
+ }
4517
  }
4518
+
4519
+
4520
  @keyframes opacity-in {
4521
+ 0% {
4522
+ opacity: 0;
4523
+ }
4524
+ 100% {
4525
+ opacity: 1;
4526
+ }
4527
  }
4528
+
4529
+
4530
  @-webkit-keyframes opacity-out {
4531
+ 0% {
4532
+ opacity: 1;
4533
+ }
4534
+ 100% {
4535
+ opacity: 0;
4536
+ }
4537
  }
4538
+
4539
+
4540
  @keyframes opacity-out {
4541
+ 0% {
4542
+ opacity: 1;
4543
+ }
4544
+ 100% {
4545
+ opacity: 0;
4546
+ }
4547
  }
4548
+
4549
+
4550
  footer {
4551
+ text-align: center;
4552
+ overflow: hidden;
4553
+ padding-top: 96px;
4554
  }
4555
+
4556
  footer.editor {
4557
+ margin-bottom: 77px;
4558
  }
4559
+
4560
  footer #backToTop {
4561
+ width: 190px;
4562
+ height: 190px;
4563
+ font-size: 45px;
4564
+ color: #bbb;
4565
+ background: #e1e1e1;
4566
+ text-align: center;
4567
+ padding-top: 18px;
4568
+ margin-bottom: -110px;
4569
+ display: inline-block;
4570
+ border-radius: 100%;
4571
+ -webkit-transition: all 200ms ease-out;
4572
+ transition: all 200ms ease-out;
4573
  }
4574
+
4575
  footer #backToTop * {
4576
+ -webkit-transition-property: -webkit-transform, opacity;
4577
+ transition-property: transform, opacity;
4578
+ -webkit-transition-timing-function: ease-out;
4579
+ transition-timing-function: ease-out;
4580
  }
4581
+
4582
  footer #backToTop i {
4583
+ -webkit-transition-duration: 100ms;
4584
+ transition-duration: 100ms;
4585
  }
4586
+
4587
  footer #backToTop span {
4588
+ font-size: 16px;
4589
+ color: #fff;
4590
+ margin-top: 15px;
4591
+ display: block;
4592
+ opacity: 0;
4593
+ -webkit-transition-duration: 200ms;
4594
+ transition-duration: 200ms;
4595
  }
4596
+
4597
  footer #backToTop:hover {
4598
+ color: #fff;
4599
+ background: #339ed5;
4600
+ -webkit-transform: translate(0, -20px);
4601
+ -ms-transform: translate(0, -20px);
4602
+ transform: translate(0, -20px);
4603
+ box-shadow: 0 0 0 15px #e1e1e1;
4604
  }
4605
+
4606
  footer #backToTop:hover i {
4607
+ -webkit-transform: translate(0, -10px);
4608
+ -ms-transform: translate(0, -10px);
4609
+ transform: translate(0, -10px);
4610
  }
4611
+
4612
  footer #backToTop:hover span {
4613
+ opacity: 1;
4614
+ -webkit-transform: translate(0, -30px);
4615
+ -ms-transform: translate(0, -30px);
4616
+ transform: translate(0, -30px);
4617
  }
4618
+
4619
  @-webkit-keyframes fade-in-up {
4620
+ 0% {
4621
+ -webkit-transform: translateY(30px);
4622
+ opacity: 0;
4623
+ }
4624
+ 100% {
4625
+ -webkit-transform: translateY(0);
4626
+ opacity: 1;
4627
+ }
4628
  }
4629
+
4630
+
4631
  @keyframes fade-in-up {
4632
+ 0% {
4633
+ transform: translateY(30px);
4634
+ opacity: 0;
4635
+ }
4636
+ 100% {
4637
+ transform: translateY(0);
4638
+ opacity: 1;
4639
+ }
4640
  }
4641
+
4642
+
4643
  @-webkit-keyframes fade-in-down {
4644
+ 0% {
4645
+ -webkit-transform: translateY(-30px);
4646
+ opacity: 0;
4647
+ }
4648
+ 100% {
4649
+ -webkit-transform: translateY(0);
4650
+ opacity: 1;
4651
+ }
4652
  }
4653
+
4654
+
4655
  @keyframes fade-in-down {
4656
+ 0% {
4657
+ transform: translateY(-30px);
4658
+ opacity: 0;
4659
+ }
4660
+ 100% {
4661
+ transform: translateY(0);
4662
+ opacity: 1;
4663
+ }
4664
  }
4665
+
4666
+
4667
  @-webkit-keyframes fade-out-up {
4668
+ 0% {
4669
+ -webkit-transform: translateY(0);
4670
+ opacity: 1;
4671
+ }
4672
+ 100% {
4673
+ -webkit-transform: translateY(-30px);
4674
+ opacity: 0;
4675
+ }
4676
  }
4677
+
4678
+
4679
  @keyframes fade-out-up {
4680
+ 0% {
4681
+ transform: translateY(0);
4682
+ opacity: 1;
4683
+ }
4684
+ 100% {
4685
+ transform: translateY(-30px);
4686
+ opacity: 0;
4687
+ }
4688
  }
4689
+
4690
+
4691
  @-webkit-keyframes opacity-in {
4692
+ 0% {
4693
+ opacity: 0;
4694
+ }
4695
+ 100% {
4696
+ opacity: 1;
4697
+ }
4698
  }
4699
+
4700
+
4701
  @keyframes opacity-in {
4702
+ 0% {
4703
+ opacity: 0;
4704
+ }
4705
+ 100% {
4706
+ opacity: 1;
4707
+ }
4708
  }
4709
+
4710
+
4711
  @-webkit-keyframes opacity-out {
4712
+ 0% {
4713
+ opacity: 1;
4714
+ }
4715
+ 100% {
4716
+ opacity: 0;
4717
+ }
4718
  }
4719
+
4720
+
4721
  @keyframes opacity-out {
4722
+ 0% {
4723
+ opacity: 1;
4724
+ }
4725
+ 100% {
4726
+ opacity: 0;
4727
+ }
4728
  }
4729
+
4730
+
4731
  .app-group {
4732
+ background: #e4e4e4;
4733
+ margin: 0 15px 60px;
4734
+ overflow: hidden;
4735
+ border-radius: 4px;
4736
+ -webkit-transition: all 200ms;
4737
+ transition: all 200ms;
4738
  }
4739
+
4740
  .app-group:last-child {
4741
+ margin-bottom: 0;
4742
  }
4743
+
4744
+ .app-group.active + .alert-block {
4745
+ margin-top: -30px;
4746
  }
4747
+
4748
  .app-group:not(.active) {
4749
+ margin-bottom: 15px;
4750
  }
4751
+
4752
+ .app-group:not(.active) + .alert-block {
4753
+ margin-top: 30px;
4754
  }
4755
+
4756
  .app-group .app-group-title {
4757
+ padding: 15px 15px 17px;
4758
+ position: relative;
4759
  }
4760
+
4761
  .app-group .app-group-title h2 {
4762
+ font-family: "Raleway", sans-serif;
4763
+ font-weight: 800;
4764
+ font-size: 22px;
4765
+ color: #999;
4766
  }
4767
+
4768
+ .app-group .app-group-title h2 > span {
4769
+ font-family: "Source Sans Pro", sans-serif;
4770
+ font-size: 16px;
4771
+ color: #bdbdbd;
4772
+ margin-left: 7px;
4773
  }
4774
+
4775
  .app-group .app-group-title a.app-group-toggle {
4776
+ color: #bdbdbd;
4777
+ position: absolute;
4778
+ top: 0;
4779
+ left: 0;
4780
+ right: 0;
4781
+ bottom: 0;
4782
  }
4783
+
4784
+ .app-group .app-group-title a.app-group-toggle > i {
4785
+ position: absolute;
4786
+ top: 18px;
4787
+ right: 20px;
4788
  }
4789
+
4790
+ .app-group .app-group-title a.app-group-toggle > span {
4791
+ display: none;
4792
  }
4793
+
4794
  .app-group .app-group-title a.app-group-toggle:hover {
4795
+ color: #999;
4796
+ background: rgba(255, 255, 255, 0.25);
4797
  }
4798
+
4799
  .app-grid {
4800
+ padding-top: 120px;
4801
+ margin: 0 -30px;
4802
  }
4803
+
4804
  .app-grid:nth-child(2) .app-grid-titles-wrapper {
4805
+ border-top-width: 0;
4806
  }
4807
+
4808
  .app-grid .app-link-wrapper {
4809
+ width: 25%;
4810
+ padding: 22px 15px 20px;
4811
+ float: left;
4812
+ position: relative;
4813
  }
4814
+
4815
  .app-grid .app-link-wrapper * {
4816
+ -webkit-transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
4817
+ transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
4818
  }
4819
+
4820
  .app-grid .app-link-wrapper .app-badge-group,
4821
  .app-grid .app-link-wrapper .nocode {
4822
+ position: absolute;
4823
+ top: 7px;
4824
+ z-index: 2;
4825
  }
4826
+
4827
  .app-grid .app-link-wrapper .app-badge-group {
4828
+ text-align: right;
4829
+ position: absolute;
4830
+ right: 7px;
4831
  }
4832
+
4833
  .app-grid .app-link-wrapper .app-badge {
4834
+ font-family: "Raleway", sans-serif;
4835
+ font-weight: 800;
4836
+ font-size: 16px;
4837
+ color: #fff;
4838
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
4839
+ padding: 4px 8px;
4840
+ display: inline-block;
4841
+ border-radius: 4px;
4842
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
4843
  }
4844
+
4845
  .app-grid .app-link-wrapper .app-badge.nocode {
4846
+ font-size: 14px;
4847
+ text-transform: uppercase;
4848
+ padding-top: 5px;
4849
+ padding-bottom: 5px;
4850
+ left: 7px;
4851
  }
4852
+
4853
  .app-grid .app-link-wrapper .app-badge.new {
4854
+ background: #f5bd25;
4855
  }
4856
+
4857
  .app-grid .app-link-wrapper .app-badge.nocode {
4858
+ background: #8db13d;
4859
+ color: #ccc;
4860
+ background: #fff;
4861
+ text-shadow: none;
4862
+ box-shadow: none;
4863
  }
4864
+
4865
  .app-grid .app-link-wrapper .app-badge.plan-one {
4866
+ background: #339ed5;
4867
  }
4868
+
4869
  .app-grid .app-link-wrapper .app-badge.plan-two {
4870
+ background: #f29809;
4871
  }
4872
+
4873
  .app-grid .app-link-wrapper .app-badge.plan-three {
4874
+ background: #dd5a7c;
4875
  }
4876
+
4877
  .app-grid .app-link-wrapper .app-badge.plan-four {
4878
+ background: #9a58e6;
4879
  }
4880
+
4881
  .app-grid .app-link-wrapper .app-link {
4882
+ height: 320px;
4883
+ background: #fff;
4884
+ border: 1px solid #e3e3e3;
4885
+ text-align: center;
4886
+ padding: 35px 30px 0;
4887
+ overflow: hidden;
4888
+ position: relative;
4889
+ border-radius: 4px;
4890
  }
4891
+
4892
  .app-grid .app-link-wrapper .app-link .app-link-info {
4893
+ background: #fff;
4894
+ border-top: 1px solid transparent;
4895
+ padding-bottom: 30px;
4896
+ margin-top: -52px;
4897
+ position: absolute;
4898
+ top: 100%;
4899
+ left: 0;
4900
+ right: 0;
4901
+ z-index: 1;
4902
+ -webkit-transform: translateY(-82px);
4903
+ -ms-transform: translateY(-82px);
4904
+ transform: translateY(-82px);
4905
  }
4906
+
4907
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title {
4908
+ height: 66px;
4909
+ font-family: "Raleway", sans-serif;
4910
+ font-weight: 800;
4911
+ font-weight: 800;
4912
+ font-size: 20px;
4913
+ line-height: 24px;
4914
+ text-align: center;
4915
+ position: relative;
4916
  }
4917
+
4918
  .app-grid .app-link-wrapper .app-link .app-link-info p.app-title span {
4919
+ width: 100%;
4920
+ padding: 0 15px;
4921
+ position: absolute;
4922
+ top: 50%;
4923
+ left: 0;
4924
+ -webkit-transform: translateY(-50%);
4925
+ -ms-transform: translateY(-50%);
4926
+ transform: translateY(-50%);
4927
  }
4928
+
4929
  .app-grid .app-link-wrapper .app-link .app-link-info p:not(.app-title) {
4930
+ text-align: left;
4931
+ line-height: 22px;
4932
+ padding: 0 30px;
4933
+ opacity: 0;
4934
  }
4935
+
4936
  .app-grid .app-link-wrapper .app-link .app-image {
4937
+ position: relative;
4938
  }
4939
+
4940
  .app-grid .app-link-wrapper .app-link .app-image img {
4941
+ max-height: 156px;
4942
+ max-width: 300px;
4943
+ width: 100%;
4944
  }
4945
+
4946
  .app-grid .app-link-wrapper .app-link .installed {
4947
+ width: 100%;
4948
+ font-family: "Raleway", sans-serif;
4949
+ font-weight: 800;
4950
+ font-size: 30px;
4951
+ color: #fff;
4952
+ background: rgba(141, 177, 61, 0.9);
4953
+ text-align: center;
4954
+ position: absolute;
4955
+ top: 0;
4956
+ bottom: 10px;
4957
+ left: 0;
4958
+ border-radius: 4px;
4959
+ }
4960
+
4961
+ .app-grid .app-link-wrapper .app-link .installed > span {
4962
+ position: absolute;
4963
+ top: 50%;
4964
+ left: 50%;
4965
+ -webkit-transform: translate(-50%, -50%);
4966
+ -ms-transform: translate(-50%, -50%);
4967
+ transform: translate(-50%, -50%);
4968
  }
4969
+
4970
  .app-grid .app-link-wrapper .app-link .installed i {
4971
+ font-size: 42px;
4972
+ margin-bottom: 5px;
4973
+ display: block;
4974
  }
4975
+
4976
  .app-grid .app-link-wrapper .app-link .app-link-buttons {
4977
+ height: 72px;
4978
+ background: #fff;
4979
+ position: absolute;
4980
+ bottom: 0;
4981
+ left: 0;
4982
+ right: 0;
4983
+ z-index: 2;
4984
+ box-shadow: 0 0px 20px #fff;
4985
  }
4986
+
4987
  .app-grid .app-link-wrapper .app-link .app-link-buttons * {
4988
+ -webkit-transition: all 200ms;
4989
+ transition: all 200ms;
4990
  }
4991
+
4992
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt {
4993
+ color: #fff;
4994
+ background: #ca4e45;
4995
+ padding: 15px 20px;
4996
  }
4997
+
4998
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a {
4999
+ background: #842c26;
5000
+ border: 1px solid transparent;
5001
+ padding: 4px 25px 6px;
5002
+ margin: -5px 5px -6px;
5003
+ display: inline-block;
5004
+ border-radius: 4px;
5005
  }
5006
+
5007
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a:hover {
5008
+ background: #9f352e;
5009
  }
5010
+
5011
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans {
5012
+ background: transparent;
5013
  }
5014
+
5015
  .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans:hover {
5016
+ border-color: #fff;
5017
  }
5018
+
5019
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
5020
+ font-size: 18px;
5021
+ padding: 6px 17px 7px;
5022
+ display: inline-block;
5023
+ position: relative;
5024
  }
5025
+
5026
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.gs-primary:hover {
5027
+ color: #fff;
5028
+ background: #339ed5;
5029
  }
5030
+
5031
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable {
5032
+ color: #ccc;
5033
+ background: #fff;
5034
  }
5035
+
5036
  .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable:hover {
5037
+ color: #d36c65;
5038
  }
5039
+
5040
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
5041
+ background: #339ed5;
5042
+ padding: 9px 8px 5px;
5043
+ margin-left: 10px;
5044
+ position: absolute;
5045
+ top: -2px;
5046
+ left: 100%;
5047
+ border-radius: 4px;
5048
  }
5049
+
5050
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
5051
+ width: 30px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5052
  }
5053
+
5054
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div {
5055
+ width: auto;
5056
+ padding: 7px 13px;
5057
+ white-space: nowrap;
5058
+ top: 38px;
5059
+ left: auto;
5060
+ right: -10px;
5061
+ -webkit-transform: translateX(0);
5062
+ -ms-transform: translateX(0);
5063
+ transform: translateX(0);
5064
  }
5065
+
5066
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div:before {
5067
+ margin-left: 0;
5068
+ left: auto;
5069
+ right: 25px;
 
5070
  }
5071
+
5072
+ .app-grid .app-link-wrapper .app-link .app-link-buttons > div {
5073
+ white-space: nowrap;
5074
+ position: absolute;
5075
+ top: 12px;
5076
+ left: 50%;
5077
+ -webkit-transform: translateX(-50%);
5078
+ -ms-transform: translateX(-50%);
5079
+ transform: translateX(-50%);
5080
+ -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5081
+ transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5082
+ }
5083
+
5084
+ .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group):not(.active) + .app-button-group {
5085
+ margin-top: 10px;
5086
+ opacity: 0;
5087
+ -webkit-transform: translateX(-50%) translateY(100%);
5088
+ -ms-transform: translateX(-50%) translateY(100%);
5089
+ transform: translateX(-50%) translateY(100%);
5090
+ }
5091
+
5092
+ .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group).active {
5093
+ opacity: 0;
5094
+ -webkit-transform: translateX(-50%) translateY(-100%);
5095
+ -ms-transform: translateX(-50%) translateY(-100%);
5096
+ transform: translateX(-50%) translateY(-100%);
5097
+ }
5098
+
5099
+ .app-grid .app-link-wrapper .app-link .app-link-buttons > div:not(.app-button-group).active + .app-button-group {
5100
+ margin-top: 0;
5101
+ opacity: 1;
5102
+ -webkit-transform: translateX(-50%) translateY(0);
5103
+ -ms-transform: translateX(-50%) translateY(0);
5104
+ transform: translateX(-50%) translateY(0);
5105
+ }
5106
+
5107
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group {
5108
+ border: 2px solid #d36c65;
5109
+ display: inline-block;
5110
+ overflow: hidden;
5111
+ border-radius: 4px;
5112
  }
5113
+
5114
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a {
5115
+ color: #e4a5a1;
5116
+ border-width: 0;
5117
+ border-radius: 0;
5118
  }
5119
+
5120
  .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a:hover {
5121
+ color: #ca4e45;
5122
+ background: #fbf1f0;
5123
  }
5124
+
5125
  .app-grid .app-link-wrapper .app-link .app-link-buttons:before {
5126
+ width: 35px;
5127
+ height: 35px;
5128
+ background: image-url("loader.gif");
5129
+ background-size: 35px auto;
5130
+ content: "";
5131
+ display: none;
5132
+ margin-left: -17px;
5133
+ position: absolute;
5134
+ top: 12px;
5135
+ left: 50%;
5136
+ z-index: 1;
5137
+ -webkit-animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
5138
+ animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
5139
  }
5140
+
5141
  .app-grid .app-link-wrapper .app-link .app-link-buttons.loading:before {
5142
+ display: inline-block;
5143
  }
5144
+
5145
  .app-grid .app-link-wrapper:hover .app-link .app-image {
5146
+ opacity: 0.5;
5147
+ -webkit-transform: translateY(-20px);
5148
+ -ms-transform: translateY(-20px);
5149
+ transform: translateY(-20px);
5150
  }
5151
+
5152
  .app-grid .app-link-wrapper:hover .app-link .app-link-info {
5153
+ border-top-color: #e3e3e3;
5154
+ -webkit-transform: translateY(-100%);
5155
+ -ms-transform: translateY(-100%);
5156
+ transform: translateY(-100%);
5157
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
5158
  }
5159
+
5160
  .app-grid .app-link-wrapper:hover .app-link .app-link-info p:not(.app-title) {
5161
+ opacity: 1;
5162
  }
5163
+
5164
  .app-grid .app-link-wrapper:hover .app-link .app-badge.nocode {
5165
+ color: #fff;
5166
+ background: #8db13d;
5167
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
5168
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
5169
  }
5170
+
5171
  @-webkit-keyframes fade-in-up {
5172
+ 0% {
5173
+ -webkit-transform: translateY(30px);
5174
+ opacity: 0;
5175
+ }
5176
+ 100% {
5177
+ -webkit-transform: translateY(0);
5178
+ opacity: 1;
5179
+ }
5180
  }
5181
+
5182
+
5183
  @keyframes fade-in-up {
5184
+ 0% {
5185
+ transform: translateY(30px);
5186
+ opacity: 0;
5187
+ }
5188
+ 100% {
5189
+ transform: translateY(0);
5190
+ opacity: 1;
5191
+ }
5192
  }
5193
+
5194
+
5195
  @-webkit-keyframes fade-in-down {
5196
+ 0% {
5197
+ -webkit-transform: translateY(-30px);
5198
+ opacity: 0;
5199
+ }
5200
+ 100% {
5201
+ -webkit-transform: translateY(0);
5202
+ opacity: 1;
5203
+ }
5204
  }
5205
+
5206
+
5207
  @keyframes fade-in-down {
5208
+ 0% {
5209
+ transform: translateY(-30px);
5210
+ opacity: 0;
5211
+ }
5212
+ 100% {
5213
+ transform: translateY(0);
5214
+ opacity: 1;
5215
+ }
5216
  }
5217
+
5218
+
5219
  @-webkit-keyframes fade-out-up {
5220
+ 0% {
5221
+ -webkit-transform: translateY(0);
5222
+ opacity: 1;
5223
+ }
5224
+ 100% {
5225
+ -webkit-transform: translateY(-30px);
5226
+ opacity: 0;
5227
+ }
5228
  }
5229
+
5230
+
5231
  @keyframes fade-out-up {
5232
+ 0% {
5233
+ transform: translateY(0);
5234
+ opacity: 1;
5235
+ }
5236
+ 100% {
5237
+ transform: translateY(-30px);
5238
+ opacity: 0;
5239
+ }
5240
  }
5241
+
5242
+
5243
  @-webkit-keyframes opacity-in {
5244
+ 0% {
5245
+ opacity: 0;
5246
+ }
5247
+ 100% {
5248
+ opacity: 1;
5249
+ }
5250
  }
5251
+
5252
+
5253
  @keyframes opacity-in {
5254
+ 0% {
5255
+ opacity: 0;
5256
+ }
5257
+ 100% {
5258
+ opacity: 1;
5259
+ }
5260
  }
5261
+
5262
+
5263
  @-webkit-keyframes opacity-out {
5264
+ 0% {
5265
+ opacity: 1;
5266
+ }
5267
+ 100% {
5268
+ opacity: 0;
5269
+ }
5270
  }
5271
+
5272
+
5273
  @keyframes opacity-out {
5274
+ 0% {
5275
+ opacity: 1;
5276
+ }
5277
+ 100% {
5278
+ opacity: 0;
5279
+ }
5280
  }
5281
+
5282
+
5283
  .app-grid-titles-wrapper {
5284
+ background: #fff;
5285
+ border-bottom: 1px solid #e9e9e9;
5286
+ padding: 40px 30px 20px;
5287
+ margin-top: -121px;
5288
+ position: absolute;
5289
+ left: 0;
5290
+ right: 0;
5291
+ z-index: 3;
5292
+ -webkit-transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
5293
+ transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
5294
  }
5295
+
5296
  .app-grid-titles-wrapper.fixed {
5297
+ border-top-width: 0;
5298
+ border-bottom-color: transparent;
5299
+ padding-top: 20px;
5300
+ margin-top: 0;
5301
+ position: fixed;
5302
+ top: 55px;
5303
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), inset 0 2px 5px rgba(0, 0, 0, 0.1);
5304
  }
5305
+
5306
  .app-grid-titles-wrapper.fixed h1 {
5307
+ font-size: 25px;
5308
+ position: relative;
5309
+ bottom: -4px;
5310
  }
5311
+
5312
  .app-grid-titles-wrapper.fixed h1 .gs-tooltip {
5313
+ top: -2px;
5314
  }
5315
+
5316
  .app-grid-titles-wrapper h1 {
5317
+ max-width: 1260px;
5318
+ margin: 0 auto;
5319
+ padding: 0 400px 0 60px;
5320
+ -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5321
+ transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
5322
  }
5323
+
5324
  h1.app-grid-titles {
5325
+ font-family: "Raleway", sans-serif;
5326
+ font-weight: 800;
5327
+ font-size: 30px;
5328
+ font-weight: 800;
5329
  }
5330
+
5331
+ h1.app-grid-titles:not(.filter-on) span.gs-tooltip > div {
5332
+ display: none !important;
5333
  }
5334
+
5335
  h1.app-grid-titles.filter-on {
5336
+ color: #ccc;
5337
  }
5338
+
5339
  h1.app-grid-titles.filter-on i {
5340
+ font-size: 20px;
5341
+ margin: 0 10px;
5342
+ position: relative;
5343
+ bottom: 1px;
5344
  }
5345
+
5346
  h1.app-grid-titles.filter-on span.filter-two {
5347
+ color: #f29809;
5348
  }
5349
+
5350
+ h1.app-grid-titles.filter-on span.filter-two > div {
5351
+ background: #f29809;
5352
  }
5353
+
5354
+ h1.app-grid-titles.filter-on span.filter-two > div:before {
5355
+ border-color: transparent transparent #f29809 transparent;
5356
  }
5357
+
5358
  h1.app-grid-titles.filter-on span.filter-nocode {
5359
+ color: #8db13d;
5360
  }
5361
+
5362
  h1.app-grid-titles.filter-on span.filter-primary {
5363
+ color: #339ed5;
5364
  }
5365
+
5366
+ h1.app-grid-titles span.gs-tooltip > div {
5367
+ font-family: "Source Sans Pro", sans-serif;
5368
+ font-weight: normal;
5369
+ margin-top: 10px;
5370
  }
5371
+
5372
+ .app-grid-titles-wrapper.fixed h1.app-grid-titles span.gs-tooltip > div {
5373
+ margin-top: 6px;
5374
  }
5375
+
5376
  #app-grid-filters {
5377
+ max-width: 1260px;
5378
+ height: 1px;
5379
+ font-weight: 600;
5380
+ margin: 0 auto;
5381
+ position: relative;
5382
+ top: 40px;
5383
+ z-index: 4;
5384
+ -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
5385
+ transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
5386
  }
5387
+
5388
  #app-grid-filters.fixed {
5389
+ position: fixed;
5390
+ top: 71px;
5391
+ left: 0;
5392
+ right: 0;
5393
  }
5394
+
5395
  #app-grid-filters.fixed .app-grid-filter-holder {
5396
+ padding: 0 60px;
5397
  }
5398
+
5399
  #app-grid-filters.fixed #app-filter-dropdown {
5400
+ right: 30px;
5401
  }
5402
+
5403
  #app-grid-filters .app-grid-filter-holder {
5404
+ display: inline-block;
5405
+ position: absolute;
5406
+ top: 0;
5407
+ right: 0;
5408
  }
5409
+
5410
  #app-grid-filters .app-grid-filter-holder .gs-button {
5411
+ margin-left: 5px;
5412
+ position: relative;
5413
+ z-index: 1;
5414
  }
5415
+
5416
  #app-grid-filters .app-grid-filter-holder .gs-button:first-child {
5417
+ margin-left: 0;
5418
+ margin-right: -4px;
5419
  }
5420
+
5421
+ #app-grid-filters .app-grid-filter-holder .gs-tooltip > div {
5422
+ top: 40px;
5423
  }
5424
+
5425
  #app-grid-filters #app-filter {
5426
+ padding: 6px 13px 7px;
5427
+ display: inline-block;
5428
+ z-index: 1;
5429
  }
5430
+
5431
+ #app-grid-filters #app-filter:hover + #app-filter-dropdown {
5432
+ display: block;
5433
  }
5434
+
5435
  #app-grid-filters #app-filter-dropdown {
5436
+ width: 220px;
5437
+ background: #fff;
5438
+ text-align: left;
5439
+ padding: 18px 15px 13px;
5440
+ display: none;
5441
+ position: absolute;
5442
+ top: 100%;
5443
+ right: 0;
5444
+ border-radius: 4px;
5445
+ box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
5446
+ -webkit-animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
5447
+ animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
5448
  }
5449
+
5450
  #app-grid-filters #app-filter-dropdown:hover {
5451
+ display: block;
5452
  }
5453
+
5454
  #app-grid-filters #app-filter-dropdown .gs-button {
5455
+ margin: 3px 0;
5456
+ padding: 6px 18px 8px 13px;
5457
+ display: block;
5458
  }
5459
+
5460
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans) {
5461
+ position: relative;
5462
  }
5463
+
5464
  #app-grid-filters #app-filter-dropdown .gs-button:not(.trans):before {
5465
+ font-family: "FontAwesome";
5466
+ font-size: 16px;
5467
+ color: #fff;
5468
+ content: " ";
5469
+ display: block;
5470
+ position: absolute;
5471
+ top: 50%;
5472
+ right: 4px;
5473
+ margin-top: -8px;
5474
+ opacity: 0.5;
5475
  }
5476
+
5477
  #app-grid-filters #app-filter-dropdown .filter-title {
5478
+ margin-bottom: 10px;
5479
+ display: block;
5480
  }
5481
+
5482
  html,
5483
  body {
5484
+ height: 100%;
5485
  }
5486
+
5487
  body {
5488
+ font-family: "Source Sans Pro", sans-serif;
5489
+ color: #606060;
5490
+ background: #f3f3f3;
5491
  }
5492
+
5493
  body * {
5494
+ text-rendering: optimizeLegibility;
5495
+ -webkit-font-smoothing: antialiased;
5496
+ box-sizing: border-box;
5497
  }
5498
+
5499
  body.no-scroll {
5500
+ overflow: hidden;
5501
  }
5502
+
5503
  h1 {
5504
+ font-size: 40px;
5505
+ font-weight: 300;
5506
  }
5507
+
5508
  h1 strong {
5509
+ font-weight: 600;
5510
  }
5511
+
5512
+ h1 + p {
5513
+ margin-top: 10px;
5514
  }
5515
+
5516
  h2,
5517
  h3 {
5518
+ font-size: 20px;
5519
+ font-weight: 600;
5520
  }
5521
+
5522
  h4 {
5523
+ font-size: 20px;
5524
  }
5525
+
5526
  strong {
5527
+ font-weight: 700;
5528
  }
5529
+
5530
  p {
5531
+ line-height: 18px;
5532
  }
5533
+
5534
  textarea.code,
5535
  form textarea.code,
5536
  div.form textarea.code {
5537
+ width: 100%;
5538
+ font-family: Courier New, monospace;
5539
+ font-size: 12px;
5540
+ color: #000;
5541
+ background: #fff;
5542
+ border: 1px solid #ccc;
5543
+ padding: 13px 20px;
5544
+ resize: none;
5545
+ outline: none;
5546
+ word-wrap: break-word;
5547
+ display: block;
5548
+ border-radius: 4px;
5549
  }
5550
+
5551
  .gs-tooltip {
5552
+ position: relative;
5553
+ }
5554
+
5555
+ .gs-tooltip.plan-two > div {
5556
+ background: #d98908;
5557
+ }
5558
+
5559
+ .gs-tooltip.plan-two > div:before {
5560
+ border-color: transparent transparent #d98908 transparent;
5561
+ }
5562
+
5563
+ .gs-tooltip.plan-three > div {
5564
+ background: #d9456b;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5565
  }
5566
+
5567
+ .gs-tooltip.plan-three > div:before {
5568
+ border-color: transparent transparent #d9456b transparent;
5569
+ }
5570
+
5571
+ .gs-tooltip.plan-four > div {
5572
+ background: #8d42e3;
5573
+ }
5574
+
5575
+ .gs-tooltip.plan-four > div:before {
5576
+ border-color: transparent transparent #8d42e3 transparent;
5577
+ }
5578
+
5579
+ .gs-tooltip.nocode > div {
5580
+ background: #81a238;
5581
+ }
5582
+
5583
+ .gs-tooltip.nocode > div:before {
5584
+ border-color: transparent transparent #81a238 transparent;
5585
+ }
5586
+
5587
+ .gs-tooltip > div {
5588
+ width: 184px;
5589
+ font-size: 13px;
5590
+ font-weight: normal;
5591
+ color: #fff;
5592
+ background: #000;
5593
+ text-align: left;
5594
+ line-height: 15px;
5595
+ padding: 10px 15px;
5596
+ position: absolute;
5597
+ top: 30px;
5598
+ left: 50%;
5599
+ display: none;
5600
+ z-index: 5;
5601
+ border-radius: 4px;
5602
+ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
5603
+ -webkit-transform: translateX(-50%);
5604
+ -ms-transform: translateX(-50%);
5605
+ transform: translateX(-50%);
5606
+ }
5607
+
5608
+ .gs-tooltip > div:before {
5609
+ width: 0;
5610
+ height: 0;
5611
+ border-style: solid;
5612
+ border-width: 0 8px 8px 8px;
5613
+ border-color: transparent transparent #000 transparent;
5614
+ content: "";
5615
+ display: block;
5616
+ position: absolute;
5617
+ top: -8px;
5618
+ left: 50%;
5619
+ margin-left: -8px;
5620
+ }
5621
+
5622
+ .gs-tooltip:hover > div {
5623
+ display: block;
5624
+ }
5625
+
5626
+ .min-tip > div {
5627
+ width: 95px;
5628
+ left: 50%;
5629
+ top: 50px;
5630
+ text-align: center;
5631
+ padding: 5px 5px;
5632
+ }
5633
+
5634
  #gs-master-wrapper {
5635
+ min-width: 1150px;
5636
+ min-height: 100%;
5637
+ height: auto !important;
5638
+ height: 100%;
5639
+ margin: 0 auto -190px;
5640
+ overflow-y: hidden;
5641
  }
5642
+
5643
  #gs-master-wrapper #master-wrapper-push {
5644
+ height: 190px;
5645
  }
5646
+
5647
  main {
5648
+ z-index: 3;
5649
+ -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
5650
+ transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
5651
  }
5652
+
5653
  main.relative {
5654
+ position: relative;
5655
  }
5656
+
5657
+ main > div {
5658
+ margin: 0 auto;
5659
  }
5660
+
5661
+ main > div.large {
5662
+ max-width: 1200px;
5663
  }
5664
+
5665
+ main > div.large > .alert.global {
5666
+ margin: 0 30px;
5667
  }
5668
+
5669
+ main > div.medium {
5670
+ max-width: 860px;
5671
  }
5672
+
5673
+ main > div.special {
5674
+ max-width: 920px;
5675
  }
5676
+
5677
+ main > div .content-wrapper {
5678
+ margin: 30px 30px 0;
5679
  }
5680
+
5681
+ main > div .content-wrapper.no-margin {
5682
+ margin-top: 0;
5683
  }
5684
+
5685
+ main > div .content-wrapper.analytics {
5686
+ position: relative;
5687
  }
5688
+
5689
  .text-center {
5690
+ text-align: center;
5691
  }
5692
+
5693
  .text-left {
5694
+ text-align: left;
5695
  }
5696
+
5697
  .text-right {
5698
+ text-align: right;
5699
  }
5700
+
5701
  .container *[class^="col-"]:first-of-type {
5702
+ padding-right: 15px;
5703
  }
5704
+
5705
  .container *[class^="col-"]:last-of-type {
5706
+ padding-left: 15px;
5707
  }
5708
+
5709
  .container *[class^="col-"]:not(:first-of-type):not(:last-of-type) {
5710
+ padding-left: 15px;
5711
+ padding-right: 15px;
5712
  }
5713
+
5714
  .row {
5715
+ margin: 0 -30px;
5716
  }
5717
+
5718
  .row:after {
5719
+ content: "";
5720
+ display: block;
5721
+ clear: both;
5722
  }
5723
+
5724
  .col-1 {
5725
+ width: 6.25%;
5726
+ position: relative;
5727
+ min-height: 1px;
5728
+ padding-left: 30px;
5729
+ padding-right: 30px;
5730
+ float: left;
5731
  }
5732
+
5733
  .col-pull-1 {
5734
+ right: 6.25%;
5735
  }
5736
+
5737
  .col-push-1 {
5738
+ left: 6.25%;
5739
  }
5740
+
5741
  .col-offset-1 {
5742
+ margin-left: 6.25%;
5743
  }
5744
+
5745
  .col-2 {
5746
+ width: 12.5%;
5747
+ position: relative;
5748
+ min-height: 1px;
5749
+ padding-left: 30px;
5750
+ padding-right: 30px;
5751
+ float: left;
5752
  }
5753
+
5754
  .col-pull-2 {
5755
+ right: 12.5%;
5756
  }
5757
+
5758
  .col-push-2 {
5759
+ left: 12.5%;
5760
  }
5761
+
5762
  .col-offset-2 {
5763
+ margin-left: 12.5%;
5764
  }
5765
+
5766
  .col-3 {
5767
+ width: 18.75%;
5768
+ position: relative;
5769
+ min-height: 1px;
5770
+ padding-left: 30px;
5771
+ padding-right: 30px;
5772
+ float: left;
5773
  }
5774
+
5775
  .col-pull-3 {
5776
+ right: 18.75%;
5777
  }
5778
+
5779
  .col-push-3 {
5780
+ left: 18.75%;
5781
  }
5782
+
5783
  .col-offset-3 {
5784
+ margin-left: 18.75%;
5785
  }
5786
+
5787
  .col-4 {
5788
+ width: 25%;
5789
+ position: relative;
5790
+ min-height: 1px;
5791
+ padding-left: 30px;
5792
+ padding-right: 30px;
5793
+ float: left;
5794
  }
5795
+
5796
  .col-pull-4 {
5797
+ right: 25%;
5798
  }
5799
+
5800
  .col-push-4 {
5801
+ left: 25%;
5802
  }
5803
+
5804
  .col-offset-4 {
5805
+ margin-left: 25%;
5806
  }
5807
+
5808
  .col-5 {
5809
+ width: 31.25%;
5810
+ position: relative;
5811
+ min-height: 1px;
5812
+ padding-left: 30px;
5813
+ padding-right: 30px;
5814
+ float: left;
5815
  }
5816
+
5817
  .col-pull-5 {
5818
+ right: 31.25%;
5819
  }
5820
+
5821
  .col-push-5 {
5822
+ left: 31.25%;
5823
  }
5824
+
5825
  .col-offset-5 {
5826
+ margin-left: 31.25%;
5827
  }
5828
+
5829
  .col-6 {
5830
+ width: 37.5%;
5831
+ position: relative;
5832
+ min-height: 1px;
5833
+ padding-left: 30px;
5834
+ padding-right: 30px;
5835
+ float: left;
5836
  }
5837
+
5838
  .col-pull-6 {
5839
+ right: 37.5%;
5840
  }
5841
+
5842
  .col-push-6 {
5843
+ left: 37.5%;
5844
  }
5845
+
5846
  .col-offset-6 {
5847
+ margin-left: 37.5%;
5848
  }
5849
+
5850
  .col-7 {
5851
+ width: 43.75%;
5852
+ position: relative;
5853
+ min-height: 1px;
5854
+ padding-left: 30px;
5855
+ padding-right: 30px;
5856
+ float: left;
5857
  }
5858
+
5859
  .col-pull-7 {
5860
+ right: 43.75%;
5861
  }
5862
+
5863
  .col-push-7 {
5864
+ left: 43.75%;
5865
  }
5866
+
5867
  .col-offset-7 {
5868
+ margin-left: 43.75%;
5869
  }
5870
+
5871
  .col-8 {
5872
+ width: 50%;
5873
+ position: relative;
5874
+ min-height: 1px;
5875
+ padding-left: 30px;
5876
+ padding-right: 30px;
5877
+ float: left;
5878
  }
5879
+
5880
  .col-pull-8 {
5881
+ right: 50%;
5882
  }
5883
+
5884
  .col-push-8 {
5885
+ left: 50%;
5886
  }
5887
+
5888
  .col-offset-8 {
5889
+ margin-left: 50%;
5890
  }
5891
+
5892
  .col-9 {
5893
+ width: 56.25%;
5894
+ position: relative;
5895
+ min-height: 1px;
5896
+ padding-left: 30px;
5897
+ padding-right: 30px;
5898
+ float: left;
5899
  }
5900
+
5901
  .col-pull-9 {
5902
+ right: 56.25%;
5903
  }
5904
+
5905
  .col-push-9 {
5906
+ left: 56.25%;
5907
  }
5908
+
5909
  .col-offset-9 {
5910
+ margin-left: 56.25%;
5911
  }
5912
+
5913
  .col-10 {
5914
+ width: 62.5%;
5915
+ position: relative;
5916
+ min-height: 1px;
5917
+ padding-left: 30px;
5918
+ padding-right: 30px;
5919
+ float: left;
5920
  }
5921
+
5922
  .col-pull-10 {
5923
+ right: 62.5%;
5924
  }
5925
+
5926
  .col-push-10 {
5927
+ left: 62.5%;
5928
  }
5929
+
5930
  .col-offset-10 {
5931
+ margin-left: 62.5%;
5932
  }
5933
+
5934
  .col-11 {
5935
+ width: 68.75%;
5936
+ position: relative;
5937
+ min-height: 1px;
5938
+ padding-left: 30px;
5939
+ padding-right: 30px;
5940
+ float: left;
5941
  }
5942
+
5943
  .col-pull-11 {
5944
+ right: 68.75%;
5945
  }
5946
+
5947
  .col-push-11 {
5948
+ left: 68.75%;
5949
  }
5950
+
5951
  .col-offset-11 {
5952
+ margin-left: 68.75%;
5953
  }
5954
+
5955
  .col-12 {
5956
+ width: 75%;
5957
+ position: relative;
5958
+ min-height: 1px;
5959
+ padding-left: 30px;
5960
+ padding-right: 30px;
5961
+ float: left;
5962
  }
5963
+
5964
  .col-pull-12 {
5965
+ right: 75%;
5966
  }
5967
+
5968
  .col-push-12 {
5969
+ left: 75%;
5970
  }
5971
+
5972
  .col-offset-12 {
5973
+ margin-left: 75%;
5974
  }
5975
+
5976
  .col-13 {
5977
+ width: 81.25%;
5978
+ position: relative;
5979
+ min-height: 1px;
5980
+ padding-left: 30px;
5981
+ padding-right: 30px;
5982
+ float: left;
5983
  }
5984
+
5985
  .col-pull-13 {
5986
+ right: 81.25%;
5987
  }
5988
+
5989
  .col-push-13 {
5990
+ left: 81.25%;
5991
  }
5992
+
5993
  .col-offset-13 {
5994
+ margin-left: 81.25%;
5995
  }
5996
+
5997
  .col-14 {
5998
+ width: 87.5%;
5999
+ position: relative;
6000
+ min-height: 1px;
6001
+ padding-left: 30px;
6002
+ padding-right: 30px;
6003
+ float: left;
6004
  }
6005
+
6006
  .col-pull-14 {
6007
+ right: 87.5%;
6008
  }
6009
+
6010
  .col-push-14 {
6011
+ left: 87.5%;
6012
  }
6013
+
6014
  .col-offset-14 {
6015
+ margin-left: 87.5%;
6016
  }
6017
+
6018
  .col-15 {
6019
+ width: 93.75%;
6020
+ position: relative;
6021
+ min-height: 1px;
6022
+ padding-left: 30px;
6023
+ padding-right: 30px;
6024
+ float: left;
6025
  }
6026
+
6027
  .col-pull-15 {
6028
+ right: 93.75%;
6029
  }
6030
+
6031
  .col-push-15 {
6032
+ left: 93.75%;
6033
  }
6034
+
6035
  .col-offset-15 {
6036
+ margin-left: 93.75%;
6037
  }
6038
+
6039
  .col-16 {
6040
+ width: 100%;
6041
+ position: relative;
6042
+ min-height: 1px;
6043
+ padding-left: 30px;
6044
+ padding-right: 30px;
6045
+ float: left;
6046
  }
6047
+
6048
  .col-pull-16 {
6049
+ right: 100%;
6050
  }
6051
+
6052
  .col-push-16 {
6053
+ left: 100%;
6054
  }
6055
+
6056
  .col-offset-16 {
6057
+ margin-left: 100%;
6058
  }
6059
+
6060
  .gs-clearfix:after {
6061
+ content: "";
6062
+ display: block;
6063
+ clear: both;
6064
  }
6065
+
6066
  @-webkit-keyframes fade-in-up {
6067
+ 0% {
6068
+ -webkit-transform: translateY(30px);
6069
+ opacity: 0;
6070
+ }
6071
+ 100% {
6072
+ -webkit-transform: translateY(0);
6073
+ opacity: 1;
6074
+ }
6075
  }
6076
+
6077
+
6078
  @keyframes fade-in-up {
6079
+ 0% {
6080
+ transform: translateY(30px);
6081
+ opacity: 0;
6082
+ }
6083
+ 100% {
6084
+ transform: translateY(0);
6085
+ opacity: 1;
6086
+ }
6087
  }
6088
+
6089
+
6090
  @-webkit-keyframes fade-in-down {
6091
+ 0% {
6092
+ -webkit-transform: translateY(-30px);
6093
+ opacity: 0;
6094
+ }
6095
+ 100% {
6096
+ -webkit-transform: translateY(0);
6097
+ opacity: 1;
6098
+ }
6099
  }
6100
+
6101
+
6102
  @keyframes fade-in-down {
6103
+ 0% {
6104
+ transform: translateY(-30px);
6105
+ opacity: 0;
6106
+ }
6107
+ 100% {
6108
+ transform: translateY(0);
6109
+ opacity: 1;
6110
+ }
6111
  }
6112
+
6113
+
6114
  @-webkit-keyframes fade-out-up {
6115
+ 0% {
6116
+ -webkit-transform: translateY(0);
6117
+ opacity: 1;
6118
+ }
6119
+ 100% {
6120
+ -webkit-transform: translateY(-30px);
6121
+ opacity: 0;
6122
+ }
6123
  }
6124
+
6125
+
6126
  @keyframes fade-out-up {
6127
+ 0% {
6128
+ transform: translateY(0);
6129
+ opacity: 1;
6130
+ }
6131
+ 100% {
6132
+ transform: translateY(-30px);
6133
+ opacity: 0;
6134
+ }
6135
  }
6136
+
6137
+
6138
  @-webkit-keyframes opacity-in {
6139
+ 0% {
6140
+ opacity: 0;
6141
+ }
6142
+ 100% {
6143
+ opacity: 1;
6144
+ }
6145
  }
6146
+
6147
+
6148
  @keyframes opacity-in {
6149
+ 0% {
6150
+ opacity: 0;
6151
+ }
6152
+ 100% {
6153
+ opacity: 1;
6154
+ }
6155
  }
6156
+
6157
+
6158
  @-webkit-keyframes opacity-out {
6159
+ 0% {
6160
+ opacity: 1;
6161
+ }
6162
+ 100% {
6163
+ opacity: 0;
6164
+ }
6165
  }
6166
+
6167
+
6168
  @keyframes opacity-out {
6169
+ 0% {
6170
+ opacity: 1;
6171
+ }
6172
+ 100% {
6173
+ opacity: 0;
6174
+ }
6175
  }
6176
+
6177
+
6178
  body * {
6179
+ outline: none !important;
6180
  }
6181
+
6182
  body a:focus {
6183
+ box-shadow: none;
6184
  }
6185
+
6186
  h1 {
6187
+ font-size: 27px;
6188
  }
6189
+
6190
  #gs-master-wrapper {
6191
+ min-width: 1000px;
6192
+ margin: 0 0 0 -20px;
6193
+ overflow: hidden;
6194
  }
6195
+
6196
+ main > div.large {
6197
+ padding-top: 30px;
6198
  }
6199
+
6200
  header {
6201
+ width: auto;
6202
+ margin-right: -1px;
6203
+ padding-top: 0;
6204
+ display: block;
6205
  }
6206
+
6207
  header #main-nav {
6208
+ width: auto;
6209
+ position: static;
6210
  }
6211
+
6212
+ header #main-nav nav > ul > li:not(.right-link) {
6213
+ float: left;
6214
  }
6215
+
6216
  .title-wrapper {
6217
+ padding: 25px 0 27px;
6218
+ z-index: 1;
6219
  }
6220
+
6221
  .title-wrapper h1 {
6222
+ max-width: 800px;
6223
+ text-align: center;
6224
  }
6225
+
6226
  .title-wrapper.app-page h1 {
6227
+ max-width: 1200px;
6228
+ text-align: left;
6229
+ margin: 0 auto;
6230
+ padding: 0 30px;
6231
+ display: block;
6232
  }
6233
+
6234
+ .app-grid-titles > span {
6235
+ max-width: 500px;
6236
+ display: block;
6237
  }
6238
+
6239
  #app-grid-filters {
6240
+ max-width: 1200px;
6241
+ padding: 0 60px;
6242
+ top: -88px;
6243
  }
6244
+
6245
  #app-grid-filters a {
6246
+ padding-top: 6px;
6247
+ padding-bottom: 8px;
6248
+ display: inline-block;
6249
  }
6250
+
6251
  #app-grid-filters a:not(.trans) {
6252
+ color: #fff;
6253
  }
6254
+
6255
  #app-grid-filters .app-grid-filter-holder {
6256
+ padding-right: 30px;
6257
+ text-align: right;
6258
  }
6259
+
6260
  #app-grid-filters .app-grid-filter-holder #app-filter-dropdown {
6261
+ right: 15px;
6262
  }
6263
+
6264
  .app-grid {
6265
+ padding-top: 0;
6266
+ margin: 0;
6267
  }
6268
+
6269
  .app-grid .app-link-wrapper .app-link .app-link-buttons a {
6270
+ position: relative;
6271
  }
6272
+
6273
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
6274
+ background: #339ed5;
6275
+ padding: 9px 8px 5px;
6276
+ margin-left: 10px;
6277
+ position: absolute;
6278
+ top: -2px;
6279
+ left: 100%;
6280
+ border-radius: 4px;
6281
  }
6282
+
6283
  .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
6284
+ width: 30px;
6285
+ }
6286
+
6287
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div {
6288
+ width: auto;
6289
+ padding: 7px 13px;
6290
+ white-space: nowrap;
6291
+ top: 35px;
6292
+ left: auto;
6293
+ right: -10px;
6294
+ -webkit-transform: translateX(0);
6295
+ -ms-transform: translateX(0);
6296
+ transform: translateX(0);
6297
+ }
6298
+
6299
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip > div:before {
6300
+ margin-left: 0;
6301
+ left: auto;
6302
+ right: 25px;
6303
  }
6304
+
6305
  .alert-block .close i {
6306
+ -webkit-transform-origin: 50% 50%;
6307
+ -moz-transform-origin: 50% 50%;
6308
+ -ms-transform-origin: 50% 50%;
6309
+ transform-origin: 50% 50%;
6310
  }
6311
+
6312
  .gs-button:disabled {
6313
+ color: #fff;
6314
+ border-color: transparent;
6315
  }
6316
+
6317
  .create-gs-account:active,
6318
  .create-gs-account:hover,
6319
  .create-gs-account:focus {
6320
+ color: #fff;
6321
  }
6322
+
6323
  .loading-create:not(.active) {
6324
+ display: none;
6325
  }
6326
+
6327
  .modal-wrapper {
6328
+ z-index: 99999;
6329
  }
6330
+
6331
  .modal-wrapper .gs-modal .modal-title .title {
6332
+ padding-bottom: 30px;
6333
  }
6334
 
6335
+ #confirm-apikey-request-modal.modal-wrapper .gs-modal .modal-title .title {
6336
+ padding-bottom: 10px;
6337
  }
6338
 
6339
  .gs-form .checkbox-list {
6340
+ padding: 2px 0;
6341
  }
6342
+
6343
  .gs-form .checkbox-list input {
6344
+ width: auto;
6345
+ border-radius: 100%;
6346
  }
6347
+
6348
+ .gs-form .checkbox-list input + span {
6349
+ font-weight: 600;
6350
+ color: #606060;
6351
  }
6352
+
6353
+ .gs-form .checkbox-list input:checked + span {
6354
+ color: #339ed5;
6355
  }
6356
+
6357
  .gs-form.gs-small {
6358
+ max-width: 600px;
6359
+ margin: 0 auto;
6360
  }
6361
+
6362
  footer {
6363
+ padding: 100px 0 50px;
6364
  }
6365
+
6366
  footer a {
6367
+ display: inline-block;
6368
  }
6369
+
6370
  footer a:active,
6371
  footer a:hover,
6372
  footer a:focus {
6373
+ color: #fff;
6374
  }
6375
+
6376
  @media all and (max-width: 1360px) {
6377
+ .app-grid,
6378
+ .alert-block {
6379
+ margin-left: auto !important;
6380
+ margin-right: auto !important;
6381
+ }
6382
+ .app-grid {
6383
+ max-width: 910px;
6384
+ }
6385
+ .app-grid .app-link-wrapper {
6386
+ width: 33.33333%;
6387
+ }
6388
+ .alert-block {
6389
+ max-width: 880px;
6390
+ }
6391
+ .alert-block.center .alert-info {
6392
+ max-width: 550px;
6393
+ }
6394
+ .alert-block.center .alert-info a {
6395
+ min-width: 145px;
6396
+ font-size: 15px;
6397
+ text-align: center;
6398
+ white-space: normal;
6399
+ vertical-align: middle;
6400
+ padding-left: 5px;
6401
+ padding-right: 5px;
6402
+ margin-left: 20px;
6403
+ }
6404
+ }
6405
+
6406
+ .account-info.gs-form .gs-error p {
6407
+ color: #fff;
6408
+ background: #d36c65;
6409
+ border-radius: 5px;
6410
+ padding: 10px;
6411
+ font-weight: bold;
6412
+ visibility: hidden;
6413
+ }
6414
+
6415
+ .account-info.gs-form .gs-error p {
6416
+ color: #fff;
6417
+ background: #d36c65;
6418
+ border-radius: 5px;
6419
+ padding: 10px;
6420
+ font-weight: bold;
6421
+ visibility: hidden;
6422
+ }
6423
+
6424
+ .account-info.gs-form .gs-error p:before {
6425
+ content: "\f06a";
6426
+ color: rgba(255, 255, 255, 0.5);
6427
+ font-family: "FontAwesome";
6428
+ padding-right: 10px;
6429
  }
init.php CHANGED
@@ -11,6 +11,9 @@ if (get_option('gs-popup-showed') != "showed") {
11
  <div class="large">
12
  <?php if(get_option('gs-api-key') == ''): ?>
13
  <div class="account-info gs-form gs-small">
 
 
 
14
  <div class="form-content">
15
  <div class="field-group">
16
  <div class="field-label no-desc">
@@ -24,9 +27,7 @@ if (get_option('gs-popup-showed') != "showed") {
24
  <div class="field-label no-desc">
25
  <label for="site-name">Email</label>
26
  </div>
27
- <div class="field-input">
28
- <?php echo wp_get_current_user()->data->user_email ?>
29
- </div>
30
  </div>
31
  </div>
32
  <div class="form-button-group">
@@ -45,17 +46,16 @@ if (get_option('gs-popup-showed') != "showed") {
45
  <div class="field-clean">
46
  <div class="field-input">
47
  <span id="error-type-1" class="hidden">
48
- <p>It seems this URL has already been registered. Please <a href="mailto:support@getsocial.io">contact</a> our support if you are the website owner.</p>
49
  </span>
50
  <span id="error-type-2" class="hidden">
51
  <p>Please go to your <a href="https://getsocial.io/redirect/site-options" target="_blank">Getsocial Account</a> and get your API KEY in the site options page.</p>
52
  <p>If you can't find it request it <a id="request_api_key" href="#">here</a></p><br>
53
  <input id="gs-api-key" type="text" name="gs-api-key" size="60" value="" maxlength="20"/>
54
  <p>Need help?
55
- <a href="#" id="contact_us">Contact us</a>
56
  </p>
57
  </span>
58
-
59
  </div>
60
  </div>
61
  </div>
@@ -333,4 +333,16 @@ if (document.getElementById('contact_us')) {
333
  UserVoice.push(['addTrigger', '#contact_us', { mode: 'contact' }]);
334
  }
335
 
 
 
 
 
 
 
 
 
 
 
 
 
336
  </script>
11
  <div class="large">
12
  <?php if(get_option('gs-api-key') == ''): ?>
13
  <div class="account-info gs-form gs-small">
14
+ <span id="error-type-3" class="gs-error">
15
+ <p>Invalid E-mail!</p>
16
+ </span>
17
  <div class="form-content">
18
  <div class="field-group">
19
  <div class="field-label no-desc">
27
  <div class="field-label no-desc">
28
  <label for="site-name">Email</label>
29
  </div>
30
+ <input type="email" class="field-input" id="gs-user-email" value="<?php echo wp_get_current_user()->data->user_email ?>">
 
 
31
  </div>
32
  </div>
33
  <div class="form-button-group">
46
  <div class="field-clean">
47
  <div class="field-input">
48
  <span id="error-type-1" class="hidden">
49
+ <p>It seems this URL has already been registered. Please <a class="uservoice-contact" href="mailto:support@getsocial.io">contact</a> our support if you are the website owner.</p>
50
  </span>
51
  <span id="error-type-2" class="hidden">
52
  <p>Please go to your <a href="https://getsocial.io/redirect/site-options" target="_blank">Getsocial Account</a> and get your API KEY in the site options page.</p>
53
  <p>If you can't find it request it <a id="request_api_key" href="#">here</a></p><br>
54
  <input id="gs-api-key" type="text" name="gs-api-key" size="60" value="" maxlength="20"/>
55
  <p>Need help?
56
+ <a href="#" class="uservoice-contact" id="contact_us">Contact us</a>
57
  </p>
58
  </span>
 
59
  </div>
60
  </div>
61
  </div>
333
  UserVoice.push(['addTrigger', '#contact_us', { mode: 'contact' }]);
334
  }
335
 
336
+ if (document.getElementById('contact-2')) {
337
+ UserVoice.push(['addTrigger', '#contact-2', { mode: 'contact' }]);
338
+ }
339
+
340
+ if (document.getElementById('contact-3')) {
341
+ UserVoice.push(['addTrigger', '#contact-3', { mode: 'contact' }]);
342
+ }
343
+
344
+ if (document.getElementById('contact-4')) {
345
+ UserVoice.push(['addTrigger', '#contact-4', { mode: 'contact' }]);
346
+ }
347
+
348
  </script>
js/plugin.js CHANGED
@@ -83,7 +83,7 @@ function handleMessage(event){
83
 
84
  jQuery(function($){
85
 
86
- jQuery('#contact_us').on('click', function(e){
87
  e.stopPropagation();
88
  });
89
 
@@ -92,7 +92,7 @@ jQuery(function($){
92
  jQuery('.notification-bar').hide();
93
 
94
 
95
- if (validateEmail(jQuery(this).find('#gs-api-key').val())) {
96
  jQuery('.notification-bar').hide();
97
  jQuery('.notification-bar.gs-error').show().find('p').html('API KEY is not an e-mail.');
98
  } else {
@@ -134,6 +134,11 @@ jQuery(function($){
134
  jQuery('.create-gs-account').on('click', function(e){
135
  e.preventDefault();
136
 
 
 
 
 
 
137
  jQuery('.notification-bar').hide();
138
  jQuery('.create-gs-account').hide();
139
  jQuery('.loading-create').addClass('active');
@@ -464,10 +469,29 @@ jQuery(function($){
464
  });
465
  });
466
 
467
- setInterval('forceUpdateWithValues()', 5000);
468
 
469
  function validateEmail(email) {
470
- var re = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
471
  return re.test(email);
472
  }
473
  });
83
 
84
  jQuery(function($){
85
 
86
+ jQuery('.uservoice-contact').on('click', function(e){
87
  e.stopPropagation();
88
  });
89
 
92
  jQuery('.notification-bar').hide();
93
 
94
 
95
+ if (isEmailFormat(jQuery(this).find('#gs-api-key').val())) {
96
  jQuery('.notification-bar').hide();
97
  jQuery('.notification-bar.gs-error').show().find('p').html('API KEY is not an e-mail.');
98
  } else {
134
  jQuery('.create-gs-account').on('click', function(e){
135
  e.preventDefault();
136
 
137
+ if (!validateEmail(jQuery("#gs-user-email").val())) {
138
+ jQuery('#error-type-3>p')[0].style.visibility = "visible";
139
+ return;
140
+ }
141
+
142
  jQuery('.notification-bar').hide();
143
  jQuery('.create-gs-account').hide();
144
  jQuery('.loading-create').addClass('active');
469
  });
470
  });
471
 
472
+ setInterval('forceUpdateWithValues()', 10000);
473
 
474
  function validateEmail(email) {
475
+ var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
476
+
477
+ // if mail is valid, test for local domains
478
+ if (re.test(email)) {
479
+ var domain = email.replace(/.*@/, "");
480
+ var sub_level = domain.split(".")[0];
481
+ var top_level = domain.split(".")[1];
482
+
483
+ if (sub_level == "localhost" || sub_level == "local" || sub_level == "localdomain"
484
+ || top_level == "localhost" || top_level == "local" || top_level == "localdomain") {
485
+ return false;
486
+ } else {
487
+ return true;
488
+ }
489
+ }
490
+ }
491
+
492
+ function isEmailFormat(email) {
493
+ var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
494
+
495
  return re.test(email);
496
  }
497
  });
lib/gs.php CHANGED
@@ -2,21 +2,7 @@
2
 
3
  class GS {
4
 
5
- public $plugin_version = "3.0.2";
6
-
7
- // Local
8
- // private $gs_url = "//127.0.0.1:3001";
9
- // private $gs_account = "http://127.0.0.1:3000";
10
- // private $gs_url_api = "http://127.0.0.1:3001";
11
- // public $api_url = "http://127.0.0.1:3000/api/v1/";
12
-
13
- // Staging
14
- // private $gs_url = "http://staging.api.at.getsocial.io";
15
- // private $gs_account = "http://staging.account.getsocial.io";
16
- // private $gs_url_api = "//staging.api.at.getsocial.io";
17
- // public $api_url = "http://staging.account.getsocial.io/api/v1/";
18
-
19
- // Production
20
  private $gs_url = "https://api.at.getsocial.io";
21
  private $gs_account = "https://getsocial.io";
22
  private $gs_url_api = "//api.at.getsocial.io";
@@ -118,11 +104,9 @@ class GS {
118
  function getLib() {
119
  $code = <<<EOF
120
  <script type="text/javascript">
121
- var GETSOCIAL_ID = "$this->identifier";
122
- var GETSOCIAL_LANG = "$this->lang";
123
  (function() {
124
  var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
125
- po.src = "$this->gs_url_api/widget/v1/gs_async.js?id="+GETSOCIAL_ID;
126
  var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
127
  })();
128
  var GETSOCIAL_VERSION = "$this->plugin_version";
2
 
3
  class GS {
4
 
5
+ public $plugin_version = "3.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";
104
  function getLib() {
105
  $code = <<<EOF
106
  <script type="text/javascript">
 
 
107
  (function() {
108
  var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
109
+ po.src = "$this->gs_url_api/widget/v1/gs_async.js?id=$this->identifier";
110
  var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
111
  })();
112
  var GETSOCIAL_VERSION = "$this->plugin_version";
readme.txt CHANGED
@@ -5,7 +5,7 @@ Tags: addthis, addtoany, analytics, button, facebook share, facebook button, lik
5
 
6
  Requires at least: 3.0
7
  Tested up to: 4.4
8
- Stable tag: 3.0.2
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
@@ -284,6 +284,12 @@ Sure, we’re always here to help. You can contact us at support@getsocial.io or
284
 
285
  == Changelog ==
286
 
 
 
 
 
 
 
287
  **3.0.2**
288
 
289
  - Added new app: Reaction Buttons
5
 
6
  Requires at least: 3.0
7
  Tested up to: 4.4
8
+ Stable tag: 3.1
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
284
 
285
  == Changelog ==
286
 
287
+ **3.1**
288
+
289
+ - Ajusts to the new pricing plans
290
+ - Allow user to change e-mail during the registration process
291
+ - Add contact support forms in plugin
292
+
293
  **3.0.2**
294
 
295
  - Added new app: Reaction Buttons
tmpl/footer.php CHANGED
@@ -10,8 +10,8 @@
10
  <p class="alert-title" style="margin-bottom: 20px; font-size: 18px;">
11
  Love GetSocial? Here are a couple of ways you can help:</p>
12
  <ol style="text-align: left; line-height: 18px; color: #fff; padding-left: 15px; font-size: 15px; list-style-type: decimal;">
13
- <li style="margin-bottom: 5px">Go to WordPress.org now and give <a style="color: inherit;" href="https://wordpress.org/support/view/plugin-reviews/wp-share-buttons-analytics-by-getsocial?filter=5#postform" target="_blank"><strong>this plugin a 5 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 href="mailto:support@getsocial.io" style="color: #fff; text-decoration: underline"><strong>Free Support</strong></a></li>
15
  </ol>
16
  </div>
17
 
@@ -30,7 +30,7 @@
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 style="color:#339ed5" href="mailto:support@getsocial.io">please let us know</a>.<br><br>We’re always available to provide <a style="color:#339ed5;" href="mailto:support@getsocial.io">technical support</a> too.</div>
34
  </p>
35
  </div>
36
  <div class="modal-cover modal-close"></div>
10
  <p class="alert-title" style="margin-bottom: 20px; font-size: 18px;">
11
  Love GetSocial? Here are a couple of ways you can help:</p>
12
  <ol style="text-align: left; line-height: 18px; color: #fff; padding-left: 15px; font-size: 15px; list-style-type: decimal;">
13
+ <li style="margin-bottom: 5px">Go to WordPress.org now and give <a style="color: inherit;" href="https://wordpress.org/support/view/plugin-reviews/wp-share-buttons-analytics-by-getsocial?filter=5#postform" target="_blank"><strong>this plugin a 5 <i class="fa fa-star"></i> rating</strong></a></li>
14
+ <li>Blog about GetSocial and <a style="color: inherit;" href="https://wordpress.org/plugins/wp-share-buttons-analytics-by-getsocial/" target="_blank">link to the plugin page</a> or <strong><a style="color: inherit;" href="http://getsocial.io" target="_blank">getsocial.io</strong></a>. 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 id="contact-2" class="uservoice-contact" href="mailto:support@getsocial.io" style="color: #fff; text-decoration: underline"><strong>Free Support</strong></a></li>
15
  </ol>
16
  </div>
17
 
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 id="contact-4" class="uservoice-contact" style="color:#339ed5" href="mailto:support@getsocial.io">please let us know</a>.<br><br>We’re always available to provide <a class="uservoice-contact" id="contact-3" style="color:#339ed5;" href="mailto:support@getsocial.io">technical support</a> too.</div>
34
  </p>
35
  </div>
36
  <div class="modal-cover modal-close"></div>
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.0.2
7
  * Author: Getsocial, S.A.
8
  * Author URI: http://getsocial.io
9
  * License: GPL2
@@ -18,6 +18,13 @@ function gs_getsocial_menu() {
18
  $GS = get_gs();
19
 
20
  add_menu_page( 'GetSocial', 'GetSocial', 'manage_options', slug_path('init.php'), '', 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiPjxwYXRoIGZpbGw9IiMzMzlFRDUiIGQ9Ik0xOCAwaC0xNmMtMS4xIDAtMiAuOS0yIDJ2MTZjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMnYtMTZjMC0xLjEtLjktMi0yLTJ6bS0xMS45IDE0LjZjLTIgMC00LjEtMS4yLTQuMS0zLjkgMC0xLjMuNi0yLjcgMS42LTMuN3MyLjMtMS42IDMuOS0xLjZjMS44IDAgMi45LjcgMy42IDEuNWwtMS41IDEuM2MtLjUtLjYtMS4yLTEtMi4zLTEtLjkgMC0xLjcuNC0yLjMgMS0uNi42LTEgMS41LTEgMi41IDAgMS40IDEgMi4xIDIuMiAyLjEuNyAwIDEuMi0uMiAxLjYtLjNsLjQtMS41aC0xLjlsLjQtMS43aDMuOGwtMS4yIDQuNGMtLjkuNi0xLjkuOS0zLjIuOXptOC45LTUuMmMxLjIuNSAyIDEuMSAyIDIuMyAwIC43LS4zIDEuNC0uNyAxLjktLjYuNi0xLjUgMS0yLjUgMS0xLjYgMC0yLjgtLjUtMy42LTEuNWwxLjMtMS4xYy43LjggMS41IDEuMSAyLjQgMS4xLjggMCAxLjQtLjQgMS40LTEuMSAwLS41LS4zLS44LTEuNS0xLjMtMS4xLS41LTItMS0yLTIuMyAwLS43LjMtMS40LjctMS45LjYtLjYgMS41LTEgMi42LTEgMS4zIDAgMi4zLjQgMyAxLjJsLTEuMyAxLjNjLS42LS42LTEuMi0uOS0yLS45LS45IDAtMS40LjUtMS40IDEgMCAuNi41LjggMS42IDEuM3oiLz48L3N2Zz4=' );
 
 
 
 
 
 
 
21
  add_action( 'admin_init', 'register_gs_settings' );
22
  }
23
 
@@ -487,12 +494,18 @@ function add_popup_scripts_method() {
487
  return;
488
  } else {
489
 
490
- $url = plugins_url( '/lib/onboarding_popup.php' , __FILE__ );
491
-
492
- wp_enqueue_script( 'jquery-form');
493
- wp_enqueue_script('gs-popover', plugins_url( '/js/create_popover.js' , __FILE__ ), array('jquery'));
494
- wp_localize_script( 'gs-popover', 'GETSOCIAL_ONBOARDING_PATH', $url );
495
- wp_localize_script( 'gs-popover', 'popup_showed', get_option('gs-popup-showed') );
 
 
 
 
 
 
496
  }
497
  }
498
 
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.1
7
  * Author: Getsocial, S.A.
8
  * Author URI: http://getsocial.io
9
  * License: GPL2
18
  $GS = get_gs();
19
 
20
  add_menu_page( 'GetSocial', 'GetSocial', 'manage_options', slug_path('init.php'), '', 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiPjxwYXRoIGZpbGw9IiMzMzlFRDUiIGQ9Ik0xOCAwaC0xNmMtMS4xIDAtMiAuOS0yIDJ2MTZjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMnYtMTZjMC0xLjEtLjktMi0yLTJ6bS0xMS45IDE0LjZjLTIgMC00LjEtMS4yLTQuMS0zLjkgMC0xLjMuNi0yLjcgMS42LTMuN3MyLjMtMS42IDMuOS0xLjZjMS44IDAgMi45LjcgMy42IDEuNWwtMS41IDEuM2MtLjUtLjYtMS4yLTEtMi4zLTEtLjkgMC0xLjcuNC0yLjMgMS0uNi42LTEgMS41LTEgMi41IDAgMS40IDEgMi4xIDIuMiAyLjEuNyAwIDEuMi0uMiAxLjYtLjNsLjQtMS41aC0xLjlsLjQtMS43aDMuOGwtMS4yIDQuNGMtLjkuNi0xLjkuOS0zLjIuOXptOC45LTUuMmMxLjIuNSAyIDEuMSAyIDIuMyAwIC43LS4zIDEuNC0uNyAxLjktLjYuNi0xLjUgMS0yLjUgMS0xLjYgMC0yLjgtLjUtMy42LTEuNWwxLjMtMS4xYy43LjggMS41IDEuMSAyLjQgMS4xLjggMCAxLjQtLjQgMS40LTEuMSAwLS41LS4zLS44LTEuNS0xLjMtMS4xLS41LTItMS0yLTIuMyAwLS43LjMtMS40LjctMS45LjYtLjYgMS41LTEgMi42LTEgMS4zIDAgMi4zLjQgMyAxLjJsLTEuMyAxLjNjLS42LS42LTEuMi0uOS0yLS45LS45IDAtMS40LjUtMS40IDEgMCAuNi41LjggMS42IDEuM3oiLz48L3N2Zz4=' );
21
+
22
+ // If it's an update from a previous version, don't show the popup
23
+ if (get_option('gs-api-key')) {
24
+ update_option("gs-popup-showed", "showed");
25
+ }
26
+
27
+
28
  add_action( 'admin_init', 'register_gs_settings' );
29
  }
30
 
494
  return;
495
  } else {
496
 
497
+ try {
498
+ $url = plugins_url( '/lib/onboarding_popup.php' , __FILE__ );
499
+
500
+ wp_enqueue_script( 'jquery-form');
501
+ wp_enqueue_script('gs-popover', plugins_url( '/js/create_popover.js' , __FILE__ ), array('jquery'));
502
+ wp_localize_script( 'gs-popover', 'GETSOCIAL_ONBOARDING_PATH', $url );
503
+ wp_localize_script( 'gs-popover', 'popup_showed', get_option('gs-popup-showed') );
504
+ }
505
+ // If there's some problem creating the popup, just ignore it
506
+ catch(Exception $e) {
507
+ update_option("gs-popup-showed", "showed");
508
+ }
509
  }
510
  }
511