1section#main-body {
2 margin: 0;
3 padding: 0;
4}
5
6.landing-page h1,
7.landing-page h2,
8.landing-page h3,
9.landing-page h4,
10.landing-page h5,
11.landing-page h6 {
12 font-weight: 300;
13}
14
15.landing-page img {
16 max-width: 100%;
17}
18
19.landing-page .hero {
20 padding: 60px 0;
21 text-align: center;
22 color: #333;
23}
24.landing-page .hero h2 {
25 margin: 0 0 15px 0;
26 font-size: 3em;
27 font-weight: 300;
28}
29.landing-page .hero h3 {
30 margin: 0;
31 font-size: 1.7em;
32 font-weight: 300;
33}
34.landing-page .hero .logo-container {
35 margin: 0 auto;
36 max-width: 500px;
37}
38.landing-page .hero img {
39 padding-bottom: 25px;
40}
41
42.landing-page .product-options {
43 padding: 40px 0 20px;
44 text-align: center;
45}
46
47.landing-page.mail-services .product-options {
48 background-color: #00acd4;
49}
50
51.landing-page.mail-services .product-options .preview-text {
52 padding: 50px;
53 color: #fff;
54}
55
56.landing-page .product-options h2 {
57 margin: 0;
58 padding: 0;
59 font-weight: 300;
60 font-size: 2.8em;
61 color: #fff;
62}
63.landing-page .product-options h3 {
64 margin: 0;
65 padding: 0;
66 font-weight: 300;
67 font-size: 2.4em;
68 color: #fff;
69}
70.landing-page .product-options .item {
71 margin: 0 0 20px 0;
72 padding: 30px;
73 background-color: #fff;
74 border-radius: 4px;
75}
76.landing-page .product-options h4 {
77 margin: 0;
78 font-size: 1.4em;
79 font-weight: 300;
80}
81.landing-page .product-options .icon {
82 line-height: 80px;
83 font-size: 50px;
84 color: #ccc;
85}
86.landing-page .product-options img {
87 margin: 20px 0;
88 max-width: 100%;
89}
90.landing-page .product-options span {
91 display: block;
92 font-size: 1.2em;
93}
94.landing-page .product-options p {
95 margin: 10px 0;
96 color: #555;
97}
98.landing-page .product-options .price {
99 margin: 10px 0;
100 font-size: 1.1em;
101 color: #444;
102}
103.landing-page .product-options .item .btn {
104 padding: 6px 20px;
105 background-color: #989898;
106 color: #eee;
107}
108
109.landing-page.mail-services .product-options .item {
110 background-color: #f0fcff;
111}
112.landing-page.mail-services .product-options .icon {
113 color: #00acd4;
114}
115.landing-page.mail-services .product-options .btn-buy {
116 background-color: #00acd4;
117}
118.landing-page.mail-services .product-options .price {
119 color: #00acd4;
120}
121
122.landing-page .product-options .powered-by {
123 text-align: right;
124 color: #fff;
125 font-size: 0.9em;
126}
127.landing-page .product-options .powered-by img {
128 margin: 0 0 0 8px;
129 max-height: 60px;
130}
131
132.landing-page .navbar {
133 border-left: 0;
134 border-right: 0;
135 border-radius: 0;
136}
137@media (min-width: 768px) {
138 .landing-page .navbar .navbar-nav {
139 width: 100%;
140 }
141}
142.landing-page .navbar .navbar-nav > li > a {
143 font-size: 14px;
144 text-align: center;
145 border-bottom: 1px solid #eee;
146}
147@media (min-width: 992px) {
148 .landing-page .navbar .navbar-nav > li {
149 width: 25%;
150 }
151 .landing-page .navbar .navbar-nav > li > a {
152 border-left: 1px solid #ccc;
153 }
154 .landing-page .navbar .navbar-nav > li:last-child > a {
155 border-right: 1px solid #ccc;
156 }
157}
158
159.landing-page .navbar .navbar-nav > li.active > a {
160 background: #fff;
161}
162
163.landing-page .content-block {
164 margin: 40px 0;
165 padding: 40px 0;
166}
167.landing-page .text13 {
168 font-size: 1.3em;
169}
170.landing-page .text20 {
171 font-size: 2em;
172}
173.landing-page .text20 h2 {
174 margin: 0;
175 font-weight: 300;
176}
177
178.landing-page .light-grey-bg {
179 background-color: #f6f6f6;
180 color: #222;
181}
182.landing-page .get-started {
183 background-color: #00acd4;
184 color: #fff;
185}
186
187.landing-page.mail-services .light-grey-bg {
188 margin-top: 0;
189}
190.landing-page.mail-services .get-started {
191 margin-bottom: 0;
192 padding: 60px 0;
193}
194
195.landing-page .get-started h2 {
196 margin: 0 0 20px 0;
197}
198.landing-page .get-started .price {
199 font-size: 2em;
200}
201.landing-page .get-started .additional-options .option:not(:first-child) {
202 display: none;
203}
204.landing-page .get-started .checkbox-inline+.checkbox-inline,
205.landing-page .get-started .radio-inline+.radio-inline {
206 margin: 0;
207}
208.landing-page .get-started .btn-order-now {
209 background-color: #28798e;
210 color: #fff;
211}
212.landing-page .get-started .price:not(:first-child) {
213 display: none;
214}
215
216.landing-page .content-block.tabs {
217 padding: 80px 0;
218}
219
220.landing-page .nav-tabs {
221 border: 0;
222}
223.landing-page .nav-tabs > li {
224 margin-right: 5px;
225}
226.landing-page .nav-tabs > li > a,
227.landing-page .nav-tabs > li > a:focus {
228 background-color: #efefef;
229 border: 0;
230}
231.landing-page .nav-tabs > li > a:hover {
232 background-color: #f2f2f2;
233 border: 0;
234}
235.landing-page .nav-tabs > li.active > a,
236.landing-page .nav-tabs > li.active > a:focus,
237.landing-page .nav-tabs > li.active > a:hover {
238 background-color: #fff;
239 border: 0;
240 border-top: 3px solid #2cc9f2;
241}
242
243.landing-page .tab-content {
244 padding: 30px;
245 background-color: #fff;
246}
247.landing-page .tab-content h1,
248.landing-page .tab-content h2,
249.landing-page .tab-content h3,
250.landing-page .tab-content h4,
251.landing-page .tab-content h5,
252.landing-page .tab-content h6 {
253 margin: 0 0 10px 0;
254}
255.landing-page .tab-content p {
256 margin: 0 0 16px 0;
257}
258
259.landing-page.mail-services .benefits {
260 margin: 0 0 30px 0;
261 padding: 20px;
262 font-size: 1.1em;
263 background: rgba(44, 201, 242, 0.05);
264 border-radius: 6px;
265}
266.landing-page.mail-services .benefits i {
267 color: #33993c;
268 font-size: 1.5em;
269 padding-right: 5px;
270}
271
272.landing-page .image-standout {
273 font-size: 1.2em;
274}
275.landing-page .image-standout img {
276 max-width: 100%;
277}
278
279.landing-page .currency-selector {
280 margin: 0 0 30px 0;
281 display: inline-block;
282 width: 250px;
283}
284
285.landing-page .pricing-item {
286 margin: 0 0 10px 0;
287 border: 1px solid #ddd;
288 text-align: center;
289}
290.landing-page .pricing-item .header {
291 padding: 30px 20px 10px;
292}
293.landing-page .pricing-item .header h4 {
294 margin: 0;
295 font-size: 1.4em;
296}
297.landing-page .pricing-item .price {
298 padding: 0 0 10px 0;
299 font-size: 2em;
300}
301.landing-page .pricing-item ul {
302 margin: 0 0 10px 0;
303 padding: 0;
304 list-style: none;
305}
306.landing-page .pricing-item ul li {
307 line-height: 28px;
308 font-size: 0.92em;
309 border-bottom: 1px solid #eee;
310}
311.landing-page .pricing-item .feature-heading {
312 margin: 10px 0 0 0;
313 background-color: #f4f4f4;
314 line-height: 30px;
315 font-weight: bold;
316 font-size: 0.92em;
317}
318
319.landing-page.weebly .weebly-lite-plan {
320 margin: 0 0 30px 0;
321 padding: 20px;
322 background-color: #dceefd;
323 border: 1px solid #a7cdec;
324}
325
326@media (min-width: 768px) {
327 .landing-page.weebly .pricing-item ul {
328 height: 290px;
329 }
330 .landing-page.weebly .pricing-item ul.ecommerce-features {
331 height: 265px;
332 }
333}
334
335@media (max-width: 767px) {
336 .landing-page .hero {
337 padding: 30px 0;
338 }
339 .landing-page .hero h2 {
340 font-size: 2em;
341 }
342 .landing-page .hero h3 {
343 font-size: 1.6em;
344 }
345 .landing-page .standout-features p {
346 margin: 0 20px 50px;
347 }
348}
349
350.landing-page .features {
351 padding: 90px 0 50px;
352 background-color: #f6f6f6;
353 text-align: center;
354}
355.landing-page .features .feature {
356 margin-bottom: 30px;
357 height: 250px;
358 overflow: hidden;
359}
360.landing-page .features .feature .icon {
361 line-height: 120px;
362}
363
364.landing-page.weebly .faq {
365 padding: 80px 0;
366 background-color: #d5dde4;
367}
368.landing-page .faq h3 {
369 margin: 0 0 30px 0;
370 font-size: 2em;
371}
372
373.landing-page .trusted-by {
374 padding: 10px 0;
375}
376.landing-page .trusted-by {
377 color: #ccc;
378 font-size: 1.3em;
379 line-height: 60px;
380}
381.landing-page .trusted-by img {
382 max-height: 60px;
383 -webkit-filter: grayscale(100%);
384 filter: grayscale(100%);
385 opacity: 0.3;
386}
387
388.landing-page.mail-services .navbar {
389 margin-bottom: 0;
390}
391.landing-page.mail-services .tabs {
392 margin-bottom: 0;
393}
394.landing-page.mail-services .get-started {
395 margin-top: 0;
396}
397
398@media (min-width: 992px) {
399 .landing-page.ssl .navbar .navbar-nav > li {
400 width: 20%;
401 }
402}
403
404.landing-page.ssl .content-block h1,
405.landing-page.ssl .content-block h2,
406.landing-page.ssl .content-block h3,
407.landing-page.ssl .content-block h4,
408.landing-page.ssl .content-block h5,
409.landing-page.ssl .content-block h6 {
410 margin: 0 0 20px 0;
411 padding: 0;
412}
413
414.landing-page.ssl .validation-levels {
415 padding: 20px 20px 0 20px;
416 background-color: #327ba7;
417 text-align: center;
418}
419.landing-page.ssl .validation-levels h3 {
420 margin: 0;
421 line-height: 100px;
422 font-weight: 300;
423 font-size: 2em;
424 color: #eee;
425}
426.landing-page.ssl .validation-levels .item {
427 margin: 0 0 20px 0;
428 padding: 30px;
429 background-color: #fff;
430 border-radius: 4px;
431}
432.landing-page.ssl .validation-levels .item h4 {
433 margin: 0;
434 font-size: 1.4em;
435 font-weight: 300;
436}
437.landing-page.ssl .validation-levels .item img {
438 margin: 20px 0;
439 max-width: 100%;
440}
441.landing-page.ssl .validation-levels .item span {
442 display: block;
443 font-size: 1.2em;
444}
445.landing-page.ssl .validation-levels .item p {
446 margin: 10px 0;
447 color: #555;
448}
449.landing-page.ssl .validation-levels .item .btn {
450 padding: 6px 20px;
451 background-color: #989898;
452 color: #eee;
453}
454.landing-page.ssl p.help-me-choose {
455 margin-bottom: 20px;
456 line-height: 50px;
457}
458.landing-page.ssl p.help-me-choose a,
459.landing-page.ssl a.help-me-choose {
460 font-size: 1.3em;
461 color: #fff;
462}
463
464.landing-page.ssl .standout {
465 font-size: 1.3em;
466 font-weight: 300;
467}
468
469.landing-page.ssl .what-is-ssl ul {
470 list-style: none;
471 margin: 30px 0;
472}
473.landing-page.ssl .what-is-ssl ul li {
474 line-height: 2em;
475}
476.landing-page.ssl .what-is-ssl .fas,
477.landing-page.ssl .what-is-ssl .far {
478 float: left;
479 color: #44737e;
480 font-size: 2em;
481 padding-right: 15px;
482}
483
484.landing-page.ssl .help-me-choose .ideal {
485 font-style: italic;
486 text-align: center;
487 color: #888;
488}
489.landing-page.ssl .help-me-choose .ssl-types-expl {
490 margin: 0 0 20px 0;
491 font-size: 0.85em;
492 text-align: center;
493}
494.landing-page.ssl .help-me-choose img {
495 margin: 20px 0;
496}
497
498.landing-page.ssl .ideal-for {
499 text-align: center;
500}
501.landing-page.ssl .ideal-for i {
502 padding: 15px 0;
503 font-size: 3em;
504 color: #ccc;
505}
506.landing-page.ssl .ideal-for.dv i {
507 color: #2369a5;
508}
509.landing-page.ssl .ideal-for.ov i {
510 color: #f3b32e;
511}
512.landing-page.ssl .ideal-for.ev i {
513 color: #4cab6e;
514}
515
516.landing-page.ssl .ssl-benefits {
517 margin-top: 0;
518 padding-top: 0;
519}
520.landing-page.ssl .ssl-benefits .row {
521 margin-top: 40px;
522 text-align: center;
523 color: #444;
524}
525.landing-page.ssl .ssl-benefits i {
526 display: block;
527 margin: 20px 0;
528 font-size: 5em;
529 color: #566b6f;
530}
531
532.landing-page.ssl .browser-notice {
533 float: left;
534 margin-top: -100px;
535 width: 100%;
536}
537.landing-page.ssl .browser-notice .wrapper-container {
538 padding: 0 75px;
539}
540.landing-page.ssl .browser-notice .wrapper {
541 margin: 0 auto;
542 padding: 40px;
543 max-width: 660px;
544 background-color: #fff;
545 border-top: 4px solid #cc0000;
546 box-shadow: 2px 2px 5px #ccc;
547 font-size: 1.4em;
548 text-align: center;
549}
550.landing-page.ssl .browser-notice img {
551 display: block;
552 float: none !important;
553 margin: 20px auto;
554}
555
556.landing-page.ssl .browser-msg span {
557 display: block;
558 padding: 42px 30px;
559 font-size: 1.8em;
560}
561.landing-page.ssl .browser-msg img {
562 float: left;
563 max-width: 200px;
564 padding-right: 40px;
565}
566
567@media (max-width: 1199px) {
568 .landing-page.ssl .browser-msg span {
569 padding: 25px 30px;
570 }
571}
572@media (max-width: 991px) {
573 .landing-page.ssl .browser-msg span {
574 padding: 15px 30px;
575 }
576}
577@media (max-width: 700px) {
578 .landing-page.ssl .standout-1 h3 {
579 padding: 0 0 20px 0;
580 font-size: 1.6em;
581 }
582 .landing-page.ssl .browser-notice .wrapper {
583 font-size: 1em;
584 }
585 .landing-page.ssl .browser-notice .wrapper img {
586 max-width: 80px;
587 }
588 .landing-page.ssl .browser-msg span {
589 font-size: 1.4em;
590 }
591}
592
593.landing-page.ssl .competitive-upgrade-promo {
594 margin: 80px 0 40px 0;
595 background-color: #327aa7;
596 font-size: 2em;
597 color: #fff;
598 font-weight: 300;
599 text-align: center;
600}
601.landing-page.ssl .competitive-upgrade-promo a {
602 color: #fff;
603 text-decoration: underline;
604}
605.landing-page.ssl .competitive-upgrade-banner {
606 position: fixed;
607 left: 0;
608 bottom: 0;
609 padding: 12px;
610 width: 100%;
611 background: #444;
612 color: #eee;
613 z-index: 100;
614}
615.landing-page.ssl .competitive-upgrade-banner button.close {
616 color: #fff;
617}
618.landing-page.ssl .competitive-upgrade-banner h4,
619.landing-page.ssl .competitive-upgrade-banner p {
620 margin: 2px 0;
621}
622
623.landing-page.ssl .detailed-info {
624 padding: 80px 0;
625 background-color: #f8f8f8;
626}
627.landing-page.ssl .detailed-info .panel-group {
628 margin: 0;
629}
630.landing-page.ssl .detailed-info .arrow {
631 float: left;
632 width: 30px;
633 margin-right: 10px;
634 text-align: center;
635}
636.landing-page.ssl .detailed-info .panel-heading {
637 background-color: #327aa7;
638 color: #fff;
639 border-radius: 3px;
640}
641.landing-page.ssl .detailed-info .panel-heading h4 {
642 margin: 0;
643 font-weight: 300;
644 font-size: 1.5em;
645}
646.landing-page.ssl .detailed-info .panel {
647 background-color: transparent;
648 border: 0;
649}
650.landing-page.ssl .detailed-info .panel-body {
651 margin-top: 15px;
652 padding: 40px;
653 background-color: #fff;
654 border: 1px solid #ddd;
655 box-shadow: none;
656 font-size: 1.2em;
657}
658.landing-page.ssl .detailed-info .panel-body h4 {
659 margin: 20px 0;
660 font-weight: 700;
661}
662
663.landing-page.ssl .standout-1 {
664 margin: 30px 0 200px 0;
665 padding: 40px 0 0 0;
666 background-color: #f5a200;
667 text-align: center;
668}
669.landing-page.ssl .standout-1 .browser {
670 max-height: 400px;
671 overflow: hidden;
672}
673.landing-page.ssl .standout-1 .browser .browser-image {
674 float: left;
675 width: 100%;
676}
677.landing-page.ssl .standout-1 .browser .browser-image img {
678 max-width: 100%;
679}
680.landing-page.ssl .standout-1 h3 {
681 padding: 30px 0;
682 font-size: 2.4em;
683 font-weight: 300;
684 color: #fff;
685}
686
687.landing-page.ssl .standout-2 {
688 color: #444;
689 font-size: 1.5em;
690 text-align: center;
691}
692
693.landing-page.ssl ul.ssl-certs-all {
694 margin: 0;
695 padding: 0;
696 list-style: none;
697}
698.landing-page.ssl ul.ssl-certs-all li {
699 margin: 0;
700 padding: 25px 15px 15px;
701 border-bottom: 3px solid #f8f8f8;
702}
703.landing-page.ssl ul.ssl-certs-all li.featured {
704 background: #fff7cc;
705 border-radius: 0.25rem;
706}
707.landing-page.ssl ul.ssl-certs-all li:last-child {
708 border-bottom: 0;
709}
710.landing-page.ssl ul.ssl-certs-all li h3 {
711 font-weight: 300;
712}
713.landing-page.ssl ul.ssl-certs-all .padded-cell {
714 padding-top: 30px;
715 text-align: center;
716}
717.landing-page.ssl ul.ssl-certs-all .padded-cell .btn {
718 margin-bottom: 5px;
719}
720.landing-page.ssl ul.ssl-certs-all .padded-cell a {
721 font-size: 0.9em;
722}
723.landing-page.ssl ul.ssl-certs-all .price strong {
724 font-size: 2em;
725}
726.landing-page.ssl ul.ssl-certs-all .price span {
727 font-size: 0.9em;
728 color: #888;
729}
730
731.landing-page.ssl .features {
732 background-color: #444;
733 text-align: center;
734}
735@media (max-width: 767px) {
736 .landing-page.ssl .features {
737 padding-left: 20px;
738 padding-right: 20px;
739 }
740}
741.landing-page.ssl .features h3 {
742 margin: 10px 0 40px 0;
743 padding: 0;
744 color: #fff;
745 font-size: 2.8em;
746 font-weight: 300;
747}
748.landing-page.ssl .features .feature {
749 margin: 0 0 40px 0;
750 padding: 30px 20px;
751 background-color: #666;
752 height: 150px;
753 font-size: 40px;
754 color: #eee;
755}
756.landing-page.ssl .features .feature h4 {
757 font-weight: 300;
758}
759.landing-page.ssl .features .feature:hover {
760 background-color: #999;
761 color: #fff;
762}
763
764.landing-page.ssl .logos {
765 padding: 10px 0;
766 text-align: center;
767 max-width: 100%;
768 overflow: hidden;
769}
770.landing-page.ssl .logos img {
771 max-height: 70px;
772 max-width: 90%;
773}
774@media (max-width: 767px) {
775 .landing-page.ssl .logos img {
776 margin-bottom: 20px;
777 max-height: 50px;
778 }
779}
780
781
782.landing-page.ssl .certificate-options {
783 background-color: #2369a5;
784 color: #fff;
785}
786.landing-page.ssl .certificate-options.ov {
787 background-color: #f3b32e;
788}
789.landing-page.ssl .certificate-options.ev {
790 background-color: #4cab6e;
791}
792
793.landing-page.ssl .certificate-options h3 {
794 font-size: 2em;
795 font-weight: 300;
796}
797
798.landing-page.ssl .currency-selector {
799 display: inline-block;
800 width: 250px;
801}
802
803.landing-page.ssl .row-pricing-table {
804 margin-left: -2px;
805 margin-right: -2px;
806}
807.landing-page.ssl .row-pricing-table .col-sm-3,
808.landing-page.ssl .row-pricing-table .col-sm-4,
809.landing-page.ssl .row-pricing-table .col-sm-6 {
810 padding-left: 2px;
811 padding-right: 2px;
812}
813.landing-page.ssl .row-pricing-table .header {
814 margin-bottom: 4px;
815 padding: 5px;
816 height: 65px;
817 text-align: center;
818 overflow: hidden;
819}
820
821.landing-page.ssl .popular-plan {
822 margin-top: 5px;
823 width: 100%;
824 height: 35px;
825 position: absolute;
826 bottom: -0.6rem;
827}
828.landing-page.ssl .popular-plan-wrapper {
829 position: relative;
830 padding-bottom: 1rem;
831}
832.landing-page.ssl .popular-plan .plan-container {
833 text-align: center;
834 position: absolute;
835 top: 0;
836 left: -10px;
837 width: calc(100% + 20px);
838 background-size: 100% auto;
839}
840.landing-page.ssl .popular-plan .plan-container .txt-container {
841 padding:6px 0 0 0;
842 height:28px;
843 width:100%;
844 /* Old browsers */
845 background: #F7A566;
846 /* FF3.6+ */
847 background: -moz-linear-gradient(top, #F7A566 0%, #F36900 100%);
848 /* Chrome,Safari4+ */
849 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7A566), color-stop(100%,#F36900));
850 /* Chrome10+,Safari5.1+ */
851 background: -webkit-linear-gradient(top, #F7A566 0%,#F36900 100%);
852 /* Opera 11.10+ */
853 background: -o-linear-gradient(top, #F7A566 0%,#F36900 100%);
854 /* IE10+ */
855 background: -ms-linear-gradient(top, #F7A566 0%,#F36900 100%);
856 /* W3C */
857 background: linear-gradient(to bottom, #F7A566 0%,#F36900 100%);
858 /* IE6-9 */
859 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7A566', endColorstr='#F36900',GradientType=0);
860 color:#ffffff;
861 font-size:12px;
862 font-weight:bold;
863 text-transform:uppercase;
864 text-shadow: 0 1px 2px rgba(0,0,0,0.4);
865 -webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.4);
866 -moz-text-shadow: 0 1px 2px rgba(0,0,0,0.4);
867 -webkit-box-shadow: -1px 10px 2px -7px rgba(0,0,0,0.18);
868 -moz-box-shadow: -1px 10px 2px -7px rgba(0,0,0,0.18);
869 box-shadow: -1px 10px 2px -7px rgba(0,0,0,0.18);
870}
871.landing-page.ssl .popular-plan .plan-container:before,
872.landing-page.ssl .popular-plan .plan-container:after {
873 content: "";
874 position: absolute;
875 display: block;
876 border-style: solid;
877 border-color: #823c0f transparent transparent transparent;
878 bottom: -10px;
879}
880.landing-page.ssl .popular-plan .plan-container:before {
881 left: 0;
882 border-width: 10px 0 0 10px;
883}
884.landing-page.ssl .popular-plan .plan-container:after {
885 right: 0;
886 border-width: 10px 10px 0 0;
887}
888@media (max-width: 767px) {
889 .landing-page.ssl .certificate-options h3 {
890 margin-bottom: 0;
891 }
892 .landing-page.ssl .row-pricing-table .header {
893 margin-top: 40px;
894 }
895}
896.landing-page.ssl .row-pricing-table .header h4 {
897 font-size: 1.4em;
898 font-weight: 300;
899}
900.landing-page.ssl .row-pricing-table ul {
901 list-style: none;
902 margin: 0 0 10px 0;
903 padding: 0;
904 border-radius: 4px;
905}
906.landing-page.ssl .row-pricing-table ul li {
907 line-height: 40px;
908 text-align: right;
909 background-color: #fff;
910 text-align: center;
911 border-bottom: 1px solid #ddd;
912 color: #666;
913}
914.landing-page.ssl .row-pricing-table ul li:first-child {
915 border-radius: 4px 4px 0 0;
916}
917.landing-page.ssl .row-pricing-table ul li:last-child {
918 border-bottom: 0;
919 border-radius: 0 0 4px 4px;
920}
921.landing-page.ssl .certificate-options .col-sm-3.sidebar ul li,
922.landing-page.ssl .certificate-options .col-sm-4.sidebar ul li,
923.landing-page.ssl .certificate-options .col-sm-6.sidebar ul li {
924 background-color: transparent;
925 text-align: left;
926 padding-right: 20px;
927 color: #eee;
928 border-color: #4484bb;
929}
930.landing-page.ssl .certificate-options.ov .col-sm-3.sidebar ul li,
931.landing-page.ssl .certificate-options.ov .col-sm-4.sidebar ul li,
932.landing-page.ssl .certificate-options.ov .col-sm-6.sidebar ul li {
933 border-color: #f9cb6c;
934}
935.landing-page.ssl .certificate-options.ev .col-sm-3.sidebar ul li,
936.landing-page.ssl .certificate-options.ev .col-sm-4.sidebar ul li,
937.landing-page.ssl .certificate-options.ev .col-sm-6.sidebar ul li {
938 border-color: #90cca8;
939}
940
941.landing-page.ssl .certificate-options .btn {
942 background-color: #fff;
943 color: #444;
944}
945
946.landing-page.ssl .certificate-options .preview-text {
947 padding: 180px 0 0;
948 text-align: center;
949}
950
951.landing-page.ssl .dashed-border {
952 padding-bottom: 70px;
953 border-bottom: 1px dashed #ddd;
954}
955
956.sitebuilder-upgrade-container,
957.weebly-upgrade-container {
958 margin: 30px 0 50px;
959 padding: 0;
960 border: 1px solid #ddd;
961}
962.sitebuilder-upgrade-container .content-padded,
963.weebly-upgrade-container .content-padded {
964 padding: 70px 40px 40px;
965 text-align: center;
966}
967.sitebuilder-upgrade-container img,
968.weebly-upgrade-container img {
969 max-width: 100%;
970 max-height: 135px;
971}
972.sitebuilder-upgrade-container .promo-wrapper,
973.weebly-upgrade-container .promo-wrapper {
974 margin: 0;
975 padding: 30px;
976 background-color: #f6f6f6;
977 min-height: 400px;
978}
979.sitebuilder-upgrade-container .promo-wrapper .logincontainer,
980.weebly-upgrade-container .promo-wrapper .logincontainer {
981 margin: 30px auto 50px;
982}
983.sitebuilder-upgrade-container .promo-wrapper h3,
984.weebly-upgrade-container .promo-wrapper h3 {
985 margin: 20px 0;
986}
987.sitebuilder-upgrade-container .promo-wrapper ul,
988.weebly-upgrade-container .promo-wrapper ul {
989 margin: 30px 0;
990}
991.sitebuilder-upgrade-container .sitebuilder-service-select,
992.weebly-upgrade-container .weebly-service-select {
993 margin-bottom: 10px;
994}
995.sitebuilder-upgrade-container .promo-wrapper .btn-success,
996.weebly-upgrade-container .promo-wrapper .btn-success {
997 margin-bottom: 20px;
998 padding: 15px 15px;
999 font-size: 1.1em;
1000 font-weight: 300;
1001}
1002
1003.landing-page.sitelock .hero img {
1004 padding-bottom: 15px;
1005}
1006.landing-page.sitelock h2 {
1007 margin: 0 0 5px 0;
1008 font-size: 3em;
1009}
1010.landing-page.sitelock h3 {
1011 margin: 0 0 20px 0;
1012 font-size: 1.8em;
1013}
1014.landing-page.sitelock h4 {
1015 font-size: 1.7em;
1016}
1017.landing-page.sitelock p {
1018 margin: 0 0 15px 0;
1019 font-size: 1.5em;
1020 font-weight: 300;
1021}
1022.landing-page.sitelock .plans {
1023 padding: 80px 0;
1024 background-color:#336699;
1025}
1026.landing-page.sitelock .plans h2,
1027.landing-page.sitelock .emergency h2,
1028.landing-page.sitelock .plans h3,
1029.landing-page.sitelock .emergency h3 {
1030 color: #fff;
1031}
1032
1033.landing-page.sitelock .emergency h2.text-danger {
1034 color: #ff8f8f;
1035}
1036
1037.landing-page.sitelock .plans .plan-comparison {
1038 margin-left: -5px;
1039 margin-right: -5px;
1040}
1041.landing-page.sitelock .plans .plan-comparison .col-lg-3,
1042.landing-page.sitelock .plans .plan-comparison .col-lg-4,
1043.landing-page.sitelock .plans .plan-comparison .col-lg-6,
1044.landing-page.sitelock .plans .plan-comparison .col-lg-12 {
1045 padding-left: 5px;
1046 padding-right: 5px;
1047}
1048.landing-page.sitelock .plans .plan {
1049 margin: 20px 0;
1050 padding: 0;
1051 background-color: #fff;
1052}
1053.landing-page.sitelock .plans .plan .header {
1054 margin: 0;
1055 padding: 20px;
1056 background-color: #2b5580;
1057 color: #fff;
1058}
1059.landing-page.sitelock .plans .plan .header p {
1060 font-size: 1.3em;
1061}
1062.landing-page.sitelock .plans .plan ul {
1063 margin: 0;
1064 padding: 20px 25px;
1065 list-style: none;
1066}
1067@media (min-width: 992px) {
1068 .landing-page.sitelock .plans .plan ul {
1069 height: 440px;
1070 }
1071}
1072.landing-page.sitelock .plans .plan ul li {
1073 line-height: 25px;
1074 font-size: 0.9em;
1075 text-align: right;
1076 color: #aaa;
1077 border-bottom: 1px solid #eee;
1078}
1079.landing-page.sitelock .plans .plan ul li:last-child {
1080 border: 0;
1081}
1082.landing-page.sitelock .plans .plan ul li span {
1083 float: left;
1084 color: #444;
1085}
1086.landing-page.sitelock .plans .fas,
1087.landing-page.sitelock .plans .far {
1088 font-size: 1.3em;
1089}
1090.landing-page.sitelock .plans .fa-check {
1091 color: #23ad2e;
1092}
1093.landing-page.sitelock .plans .plan .footer {
1094 margin: 0;
1095 padding: 20px;
1096}
1097.landing-page.sitelock .plans .plan .footer select {
1098 margin-bottom: 10px;
1099}
1100.landing-page.sitelock .plans .plan .btn {
1101 background-color: #2b5580;
1102 color: #fff;
1103}
1104
1105.landing-page.sitelock .feature-wrapper {
1106 margin: 0 0 20px 0;
1107}
1108.landing-page.sitelock .feature-wrapper i {
1109 float: left;
1110 font-size: 5em;
1111}
1112.landing-page.sitelock .feature-wrapper .content {
1113 margin-left: 100px;
1114}
1115.landing-page.sitelock .feature-wrapper p {
1116 font-size: 1.3em;
1117}
1118
1119.landing-page.sitelock .features {
1120 margin: 0;
1121 padding: 40px 0;
1122 background-color: transparent;
1123 text-align: left;
1124}
1125.landing-page.sitelock .features .fas,
1126.landing-page.sitelock .features .far {
1127 color: #336699;
1128}
1129
1130.landing-page.sitelock .emergency {
1131 padding: 80px 0;
1132 background-color: #444;
1133 color: #fff;
1134}
1135.landing-page.sitelock .emergency .price {
1136 font-size: 2em;
1137}
1138.landing-page.sitelock .emergency .fas,
1139.landing-page.sitelock .emergency .far {
1140 color: #f5e88e;
1141}
1142.landing-page.sitelock .emergency .btn {
1143 padding: 15px 45px;
1144 background-color: #f5e88e;
1145 border-color: #afa563;
1146 font-size: 1.3em;
1147}
1148
1149.landing-page.sitelock .faq {
1150 padding-bottom: 10px;
1151}
1152.landing-page.sitelock .faq .panel-group {
1153 margin: 30px 0;
1154 font-size: 1.2em;
1155}
1156.landing-page.sitelock .faq .panel-group .panel-body {
1157 padding: 20px;
1158}
1159.landing-page.sitelock .faq .panel-group li {
1160 margin-top: 10px;
1161}
1162
1163.landing-page.codeguard .strong-green span {
1164 color: #94c83d;
1165 font-style: italic;
1166 font-weight: bold;
1167}
1168
1169.landing-page.codeguard .overview-features ul {
1170 margin: 0;
1171 padding: 0;
1172 list-style: none;
1173}
1174.landing-page.codeguard .overview-features img {
1175 padding: 5px 30px;
1176}
1177.landing-page.codeguard .overview-features span {
1178 font-size: medium;
1179 color: #888;
1180}
1181
1182@media (min-width: 768px) {
1183 .landing-page.codeguard .overview-features li {
1184 float: left;
1185 margin: 0;
1186 width: 20%;
1187 text-align: center;
1188 border-right: 1px solid #ddd;
1189 }
1190 .landing-page.codeguard .overview-features li:last-child {
1191 border-right: 0;
1192 }
1193 .landing-page.codeguard .overview-features img {
1194 display: block;
1195 margin: 0 auto;
1196 padding: 20px;
1197 }
1198 .landing-page.codeguard .overview-features span {
1199 display: block;
1200 padding: 0 30px 20px;
1201 font-size: medium;
1202 color: #888;
1203 }
1204}
1205
1206.landing-page.codeguard .features .feature {
1207 padding-top: 5px;
1208}
1209
1210.landing-page.codeguard .faqs {
1211 padding: 90px 0 50px;
1212 background-color: #f6f6f6;
1213 text-align: center;
1214}
1215.landing-page.codeguard .faqs h3 {
1216 margin-bottom: 30px;
1217}
1218.landing-page.codeguard .faqs h4 {
1219 font-weight: bold;
1220 font-style: italic;
1221}
1222.landing-page.codeguard .faqs p {
1223 min-height: 100px;
1224}
1225
1226.landing-page.codeguard .features {
1227 background-color: inherit;
1228}
1229
1230.landing-page.codeguard .pricing {
1231 background: #94c83d url(../../../../assets/img/marketconnect/codeguard/pricing-bg.gif);
1232 color: #fff;
1233 padding: 55px 0;
1234}
1235.landing-page.codeguard .pricing h2 {
1236 margin: 0;
1237}
1238.landing-page.codeguard .pricing img {
1239 margin: 20px 0;
1240}
1241
1242/* Sliders Styles Overwrite */
1243.landing-page.codeguard .irs-with-grid {
1244 margin: 40px 10px;
1245 height: 31px;
1246}
1247.landing-page.codeguard .irs-from,
1248.landing-page.codeguard .irs-to,
1249.landing-page.codeguard .irs-single {
1250 color: #fff;
1251 text-shadow: none;
1252 background: transparent;
1253}
1254.landing-page.codeguard .irs-single {
1255 display: none;
1256}
1257.landing-page.codeguard .irs-grid-pol.small {
1258 display: none;
1259}
1260.landing-page.codeguard .irs-grid-text {
1261 bottom: -4px;
1262 color: #fff;
1263 font-size: 16px;
1264}
1265.landing-page.codeguard .irs-slider,
1266.landing-page.codeguard .irs-slider:hover {
1267 background: url(../../../../assets/img/marketconnect/codeguard/slider.png) no-repeat;
1268 top: -7px;
1269 width: 96px;
1270 cursor: pointer;
1271 z-index: 1100;
1272 border: none;
1273 box-shadow: none;
1274}
1275.landing-page.codeguard .irs-line {
1276 background: #fff;
1277 border: 0;
1278 height: 16px;
1279 top: 0;
1280 box-shadow: none;
1281 margin-left: 10px;
1282 margin-right: 10px;
1283}
1284.landing-page.codeguard .irs-bar {
1285 height: 16px;
1286 border: 0;
1287 top: 0;
1288 background: #6C6C6C;
1289}
1290.landing-page.codeguard .irs-bar-edge {
1291 height: 16px;
1292 width: 50px;
1293 top: 0;
1294 border: 0 solid #428bca;
1295 background: #6C6C6C;
1296 margin-left: 10px;
1297 margin-right: 10px;
1298}
1299
1300.landing-page.codeguard .order-btn {
1301 padding: 12px 35px;
1302 background-color: #6C6C6C;
1303 color: #fff;
1304 font-size: 16px;
1305 border: 0;
1306}
1307
1308.landing-page.codeguard .pricing-container {
1309 float: left;
1310}
1311.landing-page.codeguard .pricing-container .price {
1312 font-size: 30px;
1313}
1314
1315.landing-page.sitelockvpn .hero {
1316 margin: 0;
1317 padding: 0;
1318 background-color: #3d82bb;
1319 text-align: left;
1320}
1321.landing-page.sitelockvpn .hero-bg {
1322 padding: 0 0 30px 0;
1323 text-align: center;
1324}
1325.landing-page.sitelockvpn .hero-bg img {
1326 max-width: 100%;
1327}
1328@media (min-width: 992px) {
1329 .landing-page.sitelockvpn .hero-bg {
1330 padding: 40px 0 60px;
1331 text-align: left;
1332 background: url('../../../../assets/img/marketconnect/sitelockvpn/header-img.png');
1333 background-repeat: no-repeat;
1334 background-position: right bottom;
1335 background-size: 650px;
1336 }
1337}
1338@media (min-width: 1200px) {
1339 .landing-page.sitelockvpn .hero-bg {
1340 padding: 60px 0;
1341 text-align: left;
1342 background-size: auto;
1343 }
1344}
1345.landing-page.sitelockvpn .hero h1 {
1346 font-size: 4em;
1347 color: #fff;
1348}
1349
1350.landing-page.sitelockvpn .hero h2 {
1351 font-size: 2em;
1352 color: #fff;
1353 font-family: "Open Sans",Verdana,Tahoma,serif;
1354}
1355
1356.landing-page.sitelockvpn .btn-start {
1357 margin: 15px 0;
1358 padding: 10px 40px;
1359 display: inline-block;
1360 background-color: #7bc143;
1361 color: #fff;
1362 font-size: 1.4em;
1363 border-radius: 5px;
1364}
1365
1366.landing-page.sitelockvpn .feature {
1367 margin: 40px 0;
1368 padding: 40px 0;
1369 font-size: 1.3em;
1370 font-weight: 300;
1371 line-height: 1.5em;
1372}
1373
1374.landing-page.sitelockvpn .feature img {
1375 margin: 50px 0;
1376}
1377
1378.landing-page.sitelockvpn .feature p {
1379 margin: 20px 0;
1380}
1381
1382.landing-page.sitelockvpn .feature h3 {
1383 font-size: 2em;
1384 font-weight: bold;
1385}
1386
1387
1388@media (max-width: 767px) {
1389 .landing-page.sitelockvpn .hero h1 {
1390 font-size: 3em;
1391 }
1392 .landing-page.sitelockvpn .hero h2 {
1393 font-size: 1.6em;
1394 }
1395 .landing-page.sitelockvpn .feature {
1396 margin: 15px 0;
1397 padding: 15px 0;
1398 font-size: 1.2em;
1399 }
1400 .landing-page.sitelockvpn .feature img {
1401 margin: 20px 0;
1402 }
1403}
1404
1405.landing-page.sitelockvpn ul.highlights {
1406 list-style: none;
1407}
1408
1409.landing-page.sitelockvpn ul.highlights li::before {
1410 content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
1411 color: #ccc; /* Change the color */
1412 font-size: 1.3em;
1413 font-weight: bold; /* If you want it to be bold */
1414 display: inline-block; /* Needed to add space between the bullet and the text */
1415 width: 1.5em; /* Also needed for space (tweak if needed) */
1416 margin-left: -1em; /* Also needed for space (tweak if needed) */
1417}
1418
1419.landing-page.sitelockvpn .feature.alternate-bg {
1420 background-color: #f4f8fb;
1421}
1422
1423.landing-page.sitelockvpn .feature.devices {
1424 margin: 0;
1425 padding: 70px 0 20px;
1426}
1427.landing-page.sitelockvpn .feature.devices img {
1428 margin: 0;
1429}
1430.landing-page.sitelockvpn .feature.devices h3 {
1431 margin-top: 40px;
1432}
1433.landing-page.sitelockvpn .feature.devices .logos {
1434 padding: 20px;
1435 text-align: center;
1436}
1437.landing-page.sitelockvpn .feature.devices .logos img {
1438 margin: 25px 30px;
1439}
1440
1441.landing-page.sitelockvpn .feature.pricing {
1442 margin: 0;
1443 background-color: #3d82bb;
1444}
1445
1446.landing-page.sitelockvpn .feature.pricing h2 {
1447 color: #fff;
1448}
1449
1450.landing-page.sitelockvpn .feature.pricing .pricing-box {
1451 margin: 30px 0;
1452 padding: 0;
1453 background-color: #fff;
1454}
1455
1456.landing-page.sitelockvpn .feature.pricing .cycle {
1457 padding: 10px;
1458 background-color: #dfeaf3;
1459 color: #333;
1460 text-align: center;
1461 font-weight: bold;
1462}
1463.landing-page.sitelockvpn .feature.pricing .price {
1464 margin: 15px;
1465 padding: 15px;
1466 color: #3d82bb;
1467 font-weight: bold;
1468 font-size: 1.5em;
1469 text-align: center;
1470}
1471.landing-page.sitelockvpn .feature.pricing ul {
1472 list-style: none;
1473 margin: 15px;
1474 padding: 0;
1475}
1476.landing-page.sitelockvpn .feature.pricing ul li {
1477 padding: 5px;
1478 text-align: center;
1479 border-bottom: 1px solid #dce7f1;
1480 font-size: 0.8em;
1481}
1482.landing-page.sitelockvpn .feature.pricing ul li:last-child {
1483 border-bottom: 0;
1484}
1485.landing-page.sitelockvpn .signup {
1486 padding: 15px;
1487}
1488.landing-page.sitelockvpn .btn-signup {
1489 display: block;
1490 padding: 8px;
1491 background-color: #616161;
1492 color: #fff;
1493 border-radius: 5px;
1494 font-weight: 400;
1495 text-align: center;
1496}
1497.landing-page.sitelockvpn .btn-signup.highlight1 {
1498 background-color: #3d82bb;
1499}
1500.landing-page.sitelockvpn .btn-signup.highlight2 {
1501 background-color: #7bc143;
1502}
1503
1504.landing-page.sitelockvpn .dividing-line {
1505 margin: 30px auto;
1506 padding: 0;
1507 background-color: #dce7f1;
1508 height: 3px;
1509 width: 200px;
1510}
1511
1512.landing-page.sitelockvpn .all-plans {
1513 text-align: center;
1514}
1515.landing-page.sitelockvpn .all-plans span {
1516 display: block;
1517 padding: 10px;
1518}
1519.landing-page.sitelockvpn .all-plans img {
1520 margin: 5px;
1521}
1522
1523.landing-page.sitelockvpn .feature.world span {
1524 display: block;
1525 margin: 10px 0;
1526 color: #3d82bb;
1527 font-weight: bold;
1528 font-size: 2.5em;
1529}
1530.landing-page.sitelockvpn .feature.world em {
1531 display: block;
1532 margin: 0 0 50px;
1533 font-style: normal;
1534}
1535.landing-page.sitelockvpn .feature.world img {
1536 max-width: 100%;
1537}
1538
1539.landing-page.sitelockvpn .feature.countries {
1540 background-color: #f8f8f8;
1541}
1542.landing-page.sitelockvpn .feature.countries img {
1543 margin: 0;
1544 max-width: 100%;
1545}
1546
1547.landing-page.marketgoo .hero .logo {
1548 margin: 0 auto;
1549 max-width: 550px;
1550}
1551.landing-page.marketgoo h3 {
1552 font-size: 2.8em;
1553}
1554.landing-page.marketgoo h3 em {
1555 font-style: normal;
1556 font-weight: bold;
1557}
1558.landing-page.marketgoo .video-banner {
1559 background-color: #5ec9f8;
1560 min-height: 300px;
1561 line-height: 300px;
1562 text-align: center;
1563 color: #fff;
1564}
1565.landing-page.marketgoo .feature-blocks {
1566 margin: 10px 0;
1567 padding: 10px 0;
1568}
1569.landing-page.marketgoo .feature-blocks .block {
1570 padding: 10px;
1571 text-align: center;
1572}
1573.landing-page.marketgoo .feature-blocks .block img {
1574 display: block;
1575 margin: 0 auto;
1576 max-width: 150px;
1577}
1578.landing-page.marketgoo .feature-blocks .block span {
1579 font-size: 1.6em;
1580}
1581.landing-page.marketgoo .feature-blocks .block p {
1582 font-size: 1.2em;
1583 font-weight: 300;
1584 padding: 10px 20px;
1585}
1586.landing-page.marketgoo .feature-wrapper {
1587 margin: 0;
1588 padding: 20px;
1589 background-color: #f0f2f4;
1590 border-radius: 15px;
1591}
1592.landing-page.marketgoo .plan {
1593 float: left;
1594 margin: 0 0 20px 0;
1595 width: 30%;
1596 font-size: 1.15em;
1597 text-align: center;
1598}
1599.landing-page.marketgoo .plan.labels {
1600 float: left;
1601 width: 40%;
1602 display: none;
1603}
1604.landing-page.marketgoo .plan.labels:first-child {
1605 display: block;
1606}
1607.landing-page.marketgoo .plan .header {
1608 height: 110px;
1609}
1610.landing-page.marketgoo .plan.marketgoo_pro .header h4 {
1611 color: #ac18b4;
1612 text-transform: uppercase;
1613}
1614.landing-page.marketgoo .plan .header .best-value {
1615 margin: 0;
1616 padding: 3px 10px;
1617 position: relative;
1618 top: -9px;
1619 background-color: #ac18b4;
1620 border-radius: 4px;
1621 text-transform: initial;
1622 color: #fff;
1623 font-size: 0.3em;
1624 display: none;
1625}
1626.landing-page.marketgoo .plan.marketgoo_pro .header .best-value {
1627 display: inline-block;
1628}
1629.landing-page.marketgoo .plan .header h4 {
1630 margin: 0;
1631 padding: 0;
1632 font-size: 2.4em;
1633 font-weight: bold;
1634}
1635.landing-page.marketgoo .plan .pricing {
1636 font-size: 1.2em;
1637 color: #57657a;
1638}
1639.landing-page.marketgoo .plan ul {
1640 list-style: none;
1641 margin: 0 0 20px 0;
1642 padding: 0;
1643 border-top: 1px solid #bbc2ce;
1644}
1645.landing-page.marketgoo .plan ul li {
1646 padding: 0 20px;
1647 height: 55px;
1648 line-height: 55px;
1649 border-bottom: 1px solid #bbc2ce;
1650 white-space: nowrap;
1651 overflow: hidden;
1652 text-overflow: ellipsis;
1653}
1654.landing-page.marketgoo .plan.labels ul li {
1655 font-weight: bold;
1656 text-align: left;
1657 border-right: 1px solid #bbc2ce;
1658}
1659.landing-page.marketgoo .plan ul li span {
1660 font-weight: bold;
1661}
1662.landing-page.marketgoo .plan.marketgoo_pro ul {
1663 background-color: #eee;
1664}
1665.landing-page.marketgoo .plan .btn-signup {
1666 padding: 8px 20px;
1667 background-color: #5ec9f8;
1668 border-color: #5ec9f8;
1669 color: #fff;
1670 font-size: 1.05em;
1671}
1672.landing-page.marketgoo .carousel .carousel-indicators {
1673 bottom:-50px;
1674}
1675.landing-page.marketgoo .carousel .carousel-indicators li {
1676 background-color:#ddd;
1677}
1678.landing-page.marketgoo .carousel .carousel-inner {
1679 margin-bottom:50px;
1680}
1681.landing-page.marketgoo .testimonials .testimonial {
1682 margin: 0 auto;
1683 max-width: 650px;
1684 font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
1685 font-weight: 400;
1686 font-size: 1.3em;
1687 font-style: italics;
1688 color: #57657a;
1689 text-align: center;
1690}
1691.landing-page.marketgoo .testimonials .user {
1692 margin: 20px auto;
1693 max-width: 350px;
1694 text-align: center;
1695}
1696.landing-page.marketgoo .testimonials .user img {
1697 max-width: 100px;
1698}
1699.landing-page.marketgoo .testimonials .user span {
1700 display: block;
1701 padding: 15px 0 0 0;
1702 font-weight: bold;
1703 font-size: 1.1em;
1704}
1705.landing-page.marketgoo .testimonials .user em {
1706 display: block;
1707 margin: 0 0 5px 0;
1708 font-style: normal;
1709}
1710.landing-page.marketgoo .faqs {
1711 background-color: #f0f2f4;
1712}
1713.landing-page.marketgoo .embed-responsive {
1714 padding-bottom: 45%;
1715}
1716@media (min-width: 768px) {
1717 .landing-page.marketgoo .feature-blocks .block {
1718 padding: 20px 20px;
1719 }
1720 .landing-page.marketgoo .feature-blocks .block img {
1721 max-width: 250px;
1722 }
1723 .landing-page.marketgoo .feature-blocks .block p {
1724 padding: 10px 40px;
1725 }
1726 .landing-page.marketgoo .feature-wrapper {
1727 padding: 20px 80px;
1728 }
1729 .landing-page.marketgoo .plan .header {
1730 height: 90px;
1731 }
1732 .landing-page.marketgoo .testimonials .testimonial {
1733 font-size: 1.5em;
1734 }
1735 .landing-page.marketgoo .testimonials .user .bio {
1736 margin-left: 120px;
1737 }
1738 .landing-page.marketgoo .testimonials .user {
1739 text-align: left;
1740 }
1741 .landing-page.marketgoo .testimonials .user img {
1742 float: left;
1743 max-width: 100px;
1744 }
1745 .landing-page.marketgoo .faqs .faq {
1746 padding: 0 20px;
1747 }
1748}
1749@media (max-width: 767px) {
1750 .landing-page.marketgoo .plan .header span {
1751 display: block;
1752 }
1753 .landing-page.marketgoo .plan {
1754 font-size: 1em;
1755 }
1756 .landing-page.marketgoo .plan {
1757 width: 40%;
1758 }
1759 .landing-page.marketgoo .plan.labels {
1760 display: block;
1761 width: 60%;
1762 }
1763}
1764
1765.landing-page.ox {
1766 padding: 0 0 30px 0;
1767}
1768.landing-page.ox img {
1769 max-width: 100%;
1770}
1771.landing-page.ox .header {
1772 margin: 0;
1773 padding: 50px 0;
1774 background-color: #043856;
1775 min-height: 200px;
1776}
1777.landing-page.ox .header .header-content {
1778 padding: 30px 0;
1779}
1780.landing-page.ox .header h1 {
1781 margin: 30px 0;
1782 font-size: 1.6em;
1783 color: #fff;
1784}
1785.landing-page.ox .header .btn {
1786 padding: 10px 25px;
1787}
1788.landing-page.ox .header .logo-img {
1789 max-width: 400px;
1790}
1791.landing-page.ox .header .header-img {
1792 max-width: 70%;
1793}
1794.landing-page.ox .stand-out {
1795 padding: 50px 0;
1796 background-color: #e5e5e5;
1797 color: #043856;
1798}
1799.landing-page.ox .stand-out h2 {
1800 margin: 0 0 10px 0;
1801 font-size: 26px;
1802 color: #043856;
1803}
1804.landing-page.ox .features {
1805 margin: 75px 0;
1806 padding: 0;
1807 background: transparent;
1808 text-align: left;
1809}
1810.landing-page.ox .feature-block {
1811 min-height: 120px;
1812}
1813.landing-page.ox .features img {
1814 float: left;
1815}
1816.landing-page.ox .features p {
1817 margin-left: 130px;
1818}
1819.landing-page.ox .features .title {
1820 font-size: 1.5em;
1821 font-weight: bold;
1822}
1823.landing-page.ox h3 {
1824 margin: 0 0 40px 0;
1825 font-size: 2.6em;
1826 color: #339900;
1827}
1828.landing-page.ox .stand-out ul {
1829 padding: 0 20px;
1830}
1831.landing-page.ox .stand-out .wrapper {
1832 padding: 20px;
1833 font-size: 1.05em;
1834}
1835.landing-page.ox .pricing {
1836 margin: 75px 0;
1837}
1838.landing-page.ox .pricing table {
1839 width: 100%;
1840 color: #043855;
1841 font-size: 0.92em;
1842}
1843.landing-page.ox .pricing td:not(.no-border),
1844.landing-page.ox .pricing th {
1845 padding: 7px 8px;
1846 width: 33.33%;
1847 text-align: center;
1848 border: 1px solid #e1eaf3;
1849}
1850.landing-page.ox .pricing th {
1851 padding: 12px 8px;
1852 background-color: #3d82bb;
1853 color: #fff;
1854}
1855.landing-page.ox .pricing th.feature {
1856 background-color: #3dbb7e;
1857}
1858.landing-page.ox .pricing table tr td:first-child {
1859 padding: 7px 20px;
1860 text-align: left;
1861}
1862.landing-page.ox .pricing table tr:nth-child(even) td:first-child {
1863 background-color: #f3f7fa;
1864}
1865.landing-page.ox .pricing td.no-bg {
1866 background-color: transparent !important;
1867}
1868.landing-page.ox .pricing .pricing-label {
1869 padding-bottom: 20px;
1870 font-size: 1.6em;
1871}
1872.landing-page.ox .pricing td.buy {
1873 text-align: center;
1874 padding: 20px;
1875}
1876.landing-page.ox .faqs {
1877 padding: 40px 0 70px;
1878 background-color: #f3f7fa;
1879}
1880.landing-page.ox .faqs .question {
1881 margin: 30px 0 10px;
1882 font-weight: bold;
1883}
1884@media (max-width: 991px) {
1885 .landing-page.ox .header {
1886 text-align: center;
1887 }
1888 .landing-page.ox img {
1889 max-width: 70%;
1890 }
1891 .landing-page.ox .feature-tabs {
1892 font-size: 0.95em;
1893 }
1894 .landing-page.ox ul.feature-tabs li img {
1895 max-width: 60%;
1896 }
1897 .landing-page.ox .header .header-img {
1898 float: none;
1899 }
1900 .landing-page.ox .header .header-content {
1901 padding: 10px 0 30px;
1902 }
1903}
1904
1905.landing-page.sitebuilder .logo-container {
1906 padding: 60px;
1907 text-align: center;
1908}
1909.landing-page.sitebuilder .logo-container img {
1910 max-width: 85%;
1911}
1912@media (min-width: 992px) {
1913 .landing-page.sitebuilder .logo-container img {
1914 max-width: 60%;
1915 }
1916}
1917.landing-page.sitebuilder .hero {
1918 margin-top: 80px;
1919 padding: 0;
1920 background-color: #293340;
1921}
1922.landing-page.sitebuilder .hero img {
1923 margin-top: -150px;
1924 padding: 0;
1925}
1926.landing-page.sitebuilder h2 {
1927 margin-bottom: 25px;
1928 text-align: center;
1929 font-weight: bold;
1930}
1931.landing-page.sitebuilder .intro {
1932 padding: 60px 0;
1933 background-color: #f8f9f9;
1934}
1935@media (min-width: 1200px) {
1936 .landing-page.sitebuilder .intro .vertical-spacer {
1937 height: 80px;
1938 }
1939}
1940.landing-page.sitebuilder .bold-line {
1941 background-color: #ff3377;
1942 width: 40%;
1943 height: 6px;
1944}
1945.landing-page.sitebuilder .bold-line.slim {
1946 width: 100px;
1947 height: 3px;
1948}
1949.landing-page.sitebuilder .intro h2 {
1950 text-align: left;
1951}
1952.landing-page.sitebuilder .intro p {
1953 font-size: 1.1em;
1954 line-height: 1.6em;
1955}
1956.landing-page.sitebuilder .intro .learn-more {
1957 display: inline-block;
1958 margin-top: 15px;
1959}
1960.landing-page.sitebuilder .features {
1961 padding: 60px 0;
1962 background-color: transparent;
1963 text-align: left;
1964}
1965@media (min-width: 768px) {
1966 .landing-page.sitebuilder .feature-block {
1967 min-height: 260px;
1968 }
1969}
1970.landing-page.sitebuilder .tagline {
1971 text-align: center;
1972}
1973.landing-page.sitebuilder .nav-tabs > li {
1974 float: none;
1975 display: inline-block;
1976 zoom: 1;
1977}
1978.landing-page.sitebuilder .nav-tabs {
1979 text-align: center;
1980}
1981.landing-page.sitebuilder .nav-tabs > li > a {
1982 padding: 10px 30px;
1983 text-transform: uppercase;
1984 background: #f6f6f6;
1985 border: 0;
1986 color: #333;
1987 font-weight: bold;
1988 font-size: 1.1em;
1989 border-radius: 10px;
1990}
1991.landing-page.sitebuilder .nav-tabs a.active,
1992.landing-page.sitebuilder .nav-tabs a.active:focus,
1993.landing-page.sitebuilder .nav-tabs a.active:hover,
1994.landing-page.sitebuilder .nav-tabs > li.active > a,
1995.landing-page.sitebuilder .nav-tabs > li.active > a:focus,
1996.landing-page.sitebuilder .nav-tabs > li.active > a:hover {
1997 border: 0;
1998 color: #ff3377;
1999 background: #ddd;
2000}
2001.landing-page.sitebuilder .tab-content {
2002 background-color: transparent;
2003}
2004.landing-page.sitebuilder .features img {
2005 max-width: 128px;
2006}
2007.landing-page.sitebuilder .features .title {
2008 display: block;
2009 font-size: 1.5em;
2010 padding-bottom: 10px;
2011}
2012.landing-page.sitebuilder .features p {
2013 color: #666;
2014}
2015.landing-page.sitebuilder .btn-primary {
2016 background-color: #ff3377;
2017 border-color: #ff3377;
2018 color: #fff;
2019}
2020.landing-page.sitebuilder .btn-primary.large {
2021 padding: 12px 30px;
2022}
2023.landing-page.sitebuilder .templates {
2024 padding: 60px 0;
2025 border-top: 1px solid #eee;
2026}
2027.landing-page.sitebuilder .templates .previews {
2028 padding: 50px 0;
2029}
2030.landing-page.sitebuilder .templates .previews img,
2031.landing-page.sitebuilder .templates .previews .show-more div {
2032 width: 100%;
2033 height: 200px;
2034 object-fit: cover;
2035 object-position: top;
2036 border: 1px solid #ddd;
2037}
2038@media (max-width: 767px) {
2039 .landing-page.sitebuilder .templates .previews img,
2040 .landing-page.sitebuilder .templates .previews .show-more div {
2041 height: 300px;
2042 }
2043}
2044.landing-page.sitebuilder .templates .previews .show-more div {
2045 font-size: 3em;
2046 text-align: center;
2047 line-height: 200px;
2048}
2049.landing-page.sitebuilder .templates .previews .show-more div .icon-wrapper {
2050 display: inline-block;
2051 width: 100px;
2052 line-height: 100px;
2053 background-color: #ccc;
2054 color: #fff;
2055 border-radius: 50%;
2056}
2057.landing-page.sitebuilder .templates .previews .thumb-wrapper {
2058 position: relative;
2059 overflow: hidden;
2060}
2061.landing-page.sitebuilder .templates .previews .thumb-wrapper .type-label {
2062 position: absolute;
2063 top: 11px;
2064 right: -31px;
2065 background-color: #333;
2066 color: #fff;
2067 font-size: 13px;
2068 padding: 3px;
2069 transform: rotate(30deg);
2070 width: 145px;
2071 text-align: center;
2072 border: 1px solid #fff;
2073}
2074.landing-page.sitebuilder .templates .previews .type-single .type-label {
2075 background-color: #bbb;
2076}
2077.landing-page.sitebuilder .templates .previews .type-ecom .type-label {
2078 background-color: #1b9636;
2079}
2080.landing-page.sitebuilder .templates .previews .tplname {
2081 display: block;
2082 padding: 10px 0 20px;
2083 color: #777;
2084 text-align: center;
2085}
2086.landing-page.sitebuilder .templates .previews a:hover .tplname {
2087 color: #444;
2088}
2089.landing-page.sitebuilder .pricing {
2090 padding: 70px 0;
2091 background-color: #293340;
2092}
2093@media (min-width: 992px) {
2094 .landing-page.sitebuilder .pricing {
2095 height: 850px;
2096 }
2097}
2098.landing-page.sitebuilder .pricing h2,
2099.landing-page.sitebuilder .pricing p {
2100 color: #fff;
2101}
2102.landing-page.sitebuilder .pricing-table {
2103 margin: 60px 0 0;
2104 padding: 0;
2105 background-color: #fff;
2106 font-weight: bold;
2107 border: 1px solid #eee;
2108 border-radius: 6px;
2109 overflow: auto;
2110}
2111@media (min-width: 992px) {
2112 .landing-page.sitebuilder .pricing-table {
2113 overflow: hidden;
2114 }
2115}
2116.landing-page.sitebuilder .pricing-table-row {
2117 margin-left: -10px;
2118 margin-right: -10px;
2119 min-width: 880px;
2120}
2121.landing-page.sitebuilder .pricing-table-row:not(.col-heading):nth-child(even) {
2122 background-color: #f6f6f6;
2123}
2124.landing-page.sitebuilder .pricing-table-row::after {
2125 content: "";
2126 clear: both;
2127 display: table;
2128}
2129.landing-page.sitebuilder .pricing-table-row .col-primary {
2130 float: left;
2131 width: 40%;
2132 padding: 4px 40px;
2133}
2134.landing-page.sitebuilder .pricing-table-row .col-plans-1 {
2135 float: left;
2136 width: 60%;
2137 padding: 4px 10px;
2138 text-align: center;
2139}
2140.landing-page.sitebuilder .pricing-table-row .col-plans-2 {
2141 float: left;
2142 width: 30%;
2143 padding: 4px 10px;
2144 text-align: center;
2145}
2146.landing-page.sitebuilder .pricing-table-row .col-plans-3 {
2147 float: left;
2148 width: 20%;
2149 padding: 4px 10px;
2150 text-align: center;
2151}
2152.landing-page.sitebuilder .pricing-table-row .col-plans-4 {
2153 float: left;
2154 width: 15%;
2155 padding: 4px 10px;
2156 text-align: center;
2157}
2158.landing-page.sitebuilder .pricing-table-row .col-plans-5 {
2159 float: left;
2160 width: 12%;
2161 padding: 4px 10px;
2162 text-align: center;
2163}
2164.landing-page.sitebuilder .pricing-table-row.col-heading div {
2165 padding: 18px 10px;
2166 text-align: center;
2167}
2168.landing-page.sitebuilder .pricing-table i {
2169 color: #bbb;
2170}
2171.landing-page.sitebuilder .faq {
2172 padding: 80px 0;
2173}
2174.landing-page.sitebuilder .faq-block {
2175 padding: 0 0 20px 0;
2176}
2177@media (min-width: 992px) {
2178 .landing-page.sitebuilder .faq {
2179 margin: 160px 0 0;
2180 }
2181 .landing-page.sitebuilder .faq-block {
2182 padding: 0;
2183 min-height: 150px;
2184 }
2185}
2186.landing-page.sitebuilder .faq-title {
2187 display: block;
2188 padding: 20px 0;
2189 font-size: 1.4em;
2190}
2191
2192.wp-toolkit {
2193 background-color: #fff;
2194}
2195.wp-toolkit .justify-content-center {
2196 justify-content: center !important;
2197}
2198.wp-toolkit .hero-cta {
2199 padding: 30px 0;
2200 text-align: center;
2201}
2202.wp-toolkit .hero-cta h1 {
2203 font-weight: bold;
2204 font-size: 2.5em;
2205}
2206.wp-toolkit .hero-cta h2 {
2207 font-size: 1.2em;
2208}
2209.wp-toolkit .hero-cta .logo {
2210 max-width: 229px;
2211 vertical-align: baseline;
2212 margin-bottom: -2px;
2213}
2214.wp-toolkit .hero-cta .logo-plesk {
2215 margin-left: 10px;
2216 max-height: 45px;
2217 vertical-align: middle;
2218 margin-bottom: -2px;
2219}
2220.wp-toolkit .hero-cta p {
2221 padding-top: 1rem;
2222}
2223.wp-toolkit .btn-cta {
2224 margin-top: 25px;
2225 padding: 15px 75px;
2226}
2227.wp-toolkit .hero-image {
2228 margin-top: 100px;
2229 background-color: #dbe7f1;
2230 text-align: center;
2231}
2232.wp-toolkit .hero-image img {
2233 margin-top: -100px;
2234 padding: 0 0 50px 0;
2235 max-width: 100%;
2236}
2237.wp-toolkit .body-intro {
2238 margin: 0;
2239 padding: 0 0 35px;
2240 background-color: #dbe7f1;
2241}
2242@media (min-width: 992px) {
2243 .wp-toolkit .body-intro {
2244 height: 450px;
2245 }
2246}
2247.wp-toolkit .body-intro .lead {
2248 font-weight: bold;
2249}
2250.wp-toolkit .body-intro img {
2251 float: left;
2252 max-width: 100%;
2253}
2254.wp-toolkit .features {
2255 margin: 25px 0 0;
2256 padding: 25px 0;
2257}
2258.wp-toolkit .features .smart-updates {
2259 margin: 25px 0 50px;
2260}
2261.wp-toolkit .features h3 {
2262 font-size: 1.6em;
2263 font-weight: bold;
2264 text-align: center;
2265}
2266.wp-toolkit .feature-block {
2267 padding: 20px;
2268 text-align: center;
2269}
2270.wp-toolkit .feature-block img {
2271 max-width: 100px;
2272}
2273.wp-toolkit .feature-block .title {
2274 padding: 30px 0;
2275 font-size: 1.3em;
2276 color: #043855;
2277}
2278.wp-toolkit .pre-screenshots {
2279 margin: 0;
2280 padding: 50px 0 150px;
2281 background-color: #043855;
2282 color: #fff;
2283 text-align: center;
2284}
2285.wp-toolkit .pre-screenshots .title {
2286 padding-bottom: 30px;
2287 font-size: 1.5em;
2288}
2289.wp-toolkit .screenshots-row {
2290 margin-top: -100px;
2291}
2292.wp-toolkit .screenshots .screenshot-thumb {
2293 display: block;
2294 position: relative;
2295 margin-bottom: 25px;
2296}
2297.wp-toolkit .screenshots .screenshot-thumb .overlay {
2298 position: absolute;
2299 bottom: 0;
2300 left: 0;
2301 right: 0;
2302 overflow: hidden;
2303 width: 100%;
2304 height: 100%;
2305 transition: background-color 0.3s ease;
2306 background-color: rgba(0,0,0,0);
2307}
2308.wp-toolkit .screenshots .screenshot-thumb .overlay img {
2309 display: none;
2310 position: absolute;
2311 top: 50%;
2312 left: 50%;
2313 transform: translate(-50%, -50%);
2314 text-align: center;
2315 max-width: 60px;
2316}
2317.wp-toolkit .screenshots .screenshot-thumb:hover .overlay {
2318 background-color: rgba(0,0,0,0.5);
2319}
2320.wp-toolkit .screenshots .screenshot-thumb:hover .overlay img {
2321 display: block;
2322}
2323.wp-toolkit .screenshots img {
2324 width: 100%;
2325 height: auto;
2326}
2327.wp-toolkit .pricing {
2328 margin: 0;
2329 padding: 25px 0;
2330 text-align: center;
2331}
2332.wp-toolkit .pricing:after {
2333 content: "";
2334 clear: both;
2335 display: table;
2336}
2337.wp-toolkit .pricing .starting-from {
2338 margin-bottom: 40px;
2339 font-size: 1.6em;
2340 font-weight: bold;
2341 color: #043855;
2342}
2343.wp-toolkit .pricing .subtitle {
2344 margin-bottom: 20px;
2345 font-size: 1.2em;
2346}
2347.wp-toolkit .pricing .action-btns .btn {
2348 margin-bottom: 5px;
2349 padding: 10px 50px;
2350}
2351.wp-toolkit .service-selector {
2352 display: flex;
2353 flex-wrap: wrap;
2354 padding-bottom: 25px;
2355 border-bottom: 1px solid #dce8f2;
2356}
2357.wp-toolkit .cart {
2358 display: none;
2359 padding-top: 40px;
2360 text-align: left;
2361}
2362.wp-toolkit .cart-items {
2363 border-bottom: 1px solid #dce8f2;
2364}
2365.wp-toolkit .cart-items .item {
2366 padding: 10px 30px;
2367}
2368.wp-toolkit .cart-items .item:after {
2369 content: "";
2370 clear: both;
2371 display: table;
2372}
2373.wp-toolkit .cart-items .item:nth-child(odd) {
2374 background-color: #f3f7fa;
2375}
2376.wp-toolkit .cart-items .item.template {
2377 display: none;
2378}
2379.wp-toolkit .cart-items .product-info {
2380 display: inline-block;
2381 min-width: 450px;
2382 margin-right: 30px;
2383}
2384.wp-toolkit .cart-items .domain-name,
2385.wp-toolkit .cart-items .price {
2386 font-weight: bold;
2387}
2388.wp-toolkit .cart-totals {
2389 padding: 30px;
2390 font-size: 1.15em;
2391 color: #043855;
2392}
2393.wp-toolkit .cart-totals .cart-total-amount {
2394 font-weight: bold;
2395}
2396.wp-toolkit .cart-totals .btn-checkout {
2397 margin: 10px 0 0 0 ;
2398 padding: 10px 30px;
2399 width: 100%;
2400}
2401.wp-toolkit .service-selector .service {
2402 position: relative;
2403 flex: 0 0 80%;
2404 max-width: 80%;
2405 margin-bottom: 30px;
2406}
2407.wp-toolkit .service-selector .service .inner-content {
2408 padding: 10px;
2409}
2410.wp-toolkit .service-selector .service .in-cart-indicator {
2411 display: none;
2412 text-align: center;
2413}
2414.wp-toolkit .service-selector .service .in-cart-indicator img {
2415 max-width: 40px;
2416}
2417.wp-toolkit .service-selector .service .btn {
2418 width: 95%;
2419 height: 40px;
2420}
2421.wp-toolkit .service-selector .service .btn.disabled {
2422 background-color: #e7e7e7;
2423 border-color: #e7e7e7;
2424 color: #999;
2425}
2426.wp-toolkit .service-selector .service.in-cart .btn {
2427 display: none;
2428}
2429.wp-toolkit .service-selector .service.in-cart .in-cart-indicator {
2430 display: block;
2431}
2432.wp-toolkit .service-selector .product-name {
2433 padding: 10px;
2434 color: #3d82bb;
2435 text-transform: uppercase;
2436}
2437.wp-toolkit .service-selector .divider {
2438 margin: 0 auto;
2439 background-color: #d5d5d5;
2440 height: 1px;
2441 width: 100px;
2442}
2443.wp-toolkit .service-selector .domain-name {
2444 padding: 15px;
2445 font-size: 1.1em;
2446 font-weight: bold;
2447 color: #043855;
2448}
2449.wp-toolkit .service-selector .description {
2450 max-height: 48px;
2451 overflow: hidden;
2452}
2453.wp-toolkit .service-selector .price {
2454 font-weight: bold;
2455 color: #043855;
2456}
2457.wp-toolkit .faqs {
2458 margin: 0;
2459 padding: 0 0 100px 0;
2460}
2461.wp-toolkit .faqs .border-line {
2462 margin-top: 30px;
2463 width: 115px;
2464 height: 3px;
2465 background-color: #dce8f2;
2466}
2467.wp-toolkit .faqs .faq-title {
2468 padding: 20px 0;
2469 font-size: 1.1em;
2470 font-weight: bold;
2471 color: #043855;
2472}
2473.wp-toolkit .addon-na {
2474 padding-top: 5px;
2475}
2476@media (min-width: 768px) {
2477 .wp-toolkit .hero-cta {
2478 padding: 75px 0;
2479 }
2480 .wp-toolkit .hero-cta h1 {
2481 font-size: 3.4em;
2482 }
2483 .wp-toolkit .hero-cta h2 {
2484 font-size: 2em;
2485 }
2486 .wp-toolkit .hero-cta .logo-plesk {
2487 max-height: 65px;
2488 }
2489 .wp-toolkit .body-intro {
2490 padding: 50px 0 75px;
2491 }
2492 .wp-toolkit .features {
2493 margin: 50px 0;
2494 padding: 50px 0;
2495 }
2496 .wp-toolkit .features .smart-updates {
2497 margin: 50px 0 100px;
2498 }
2499 .wp-toolkit .features h3 {
2500 font-size: 2.4em;
2501 text-align: left;
2502 }
2503 .wp-toolkit .pre-screenshots {
2504 margin: 50px 0 0;
2505 padding: 75px 0 150px;
2506 }
2507 .wp-toolkit .pre-screenshots .title {
2508 font-size: 2em;
2509 }
2510 .wp-toolkit .pricing {
2511 margin: 50px 0;
2512 padding: 50px 0;
2513 }
2514 .wp-toolkit .pricing .subtitle {
2515 margin-bottom: 40px;
2516 }
2517 .wp-toolkit .cart-items .item {
2518 line-height: 40px;
2519 }
2520 .wp-toolkit .service-selector {
2521 padding-bottom: 75px;
2522 }
2523 .wp-toolkit .service-selector .service {
2524 flex: 0 0 250px;
2525 max-width: 250px;
2526 }
2527 .wp-toolkit .service-selector .service .inner-content {
2528 min-height: 195px;
2529 }
2530 .wp-toolkit .cart-totals .btn-checkout {
2531 margin: 0;
2532 width: auto;
2533 }
2534}
2535
2536.landing-page.xovinow {
2537 background-color: #f1f1f1;
2538}
2539.landing-page.xovinow h1,
2540.landing-page.xovinow .h1 {
2541 font-size: 2.5em;
2542}
2543.landing-page.xovinow h2,
2544.landing-page.xovinow .h2 {
2545 font-size: 2em;
2546}
2547.landing-page.xovinow h3,
2548.landing-page.xovinow .h3 {
2549 font-size: 1.75em;
2550}
2551.landing-page.xovinow .text-left {
2552 text-align: left !important;
2553}
2554.landing-page.xovinow .container:after,
2555.landing-page.xovinow .container:before {
2556 content: none;
2557}
2558.landing-page.xovinow .d-none {
2559 display: none;
2560}
2561.landing-page.xovinow .mb-4,
2562.landing-page.xovinow .my-4 {
2563 margin-bottom: 1.5em !important;
2564}
2565.landing-page.xovinow .mt-4,
2566.landing-page.xovinow .my-4 {
2567 margin-top: 1.5em !important;
2568}
2569
2570.landing-page.xovinow .content-block {
2571 margin: 20px 0;
2572 padding: 20px 0;
2573}
2574.landing-page.xovinow .header {
2575 margin: 0;
2576 padding: 50px 0;
2577 background-color: #10069F;
2578 color: #fff;
2579}
2580.landing-page.xovinow .header-img {
2581 float: right;
2582 max-width: 55% !important;
2583 margin-top: 0px;
2584}
2585@media (min-width: 1200px) {
2586 .landing-page.xovinow .header-img {
2587 max-width: 60% !important;
2588 margin-top: -100px;
2589 }
2590}
2591.landing-page.xovinow .header h1 {
2592 display: block;
2593 margin: 20px 0;
2594 color: #fff;
2595}
2596.landing-page.xovinow .header .btn {
2597 margin: 20px 0;
2598}
2599.landing-page.xovinow .btn-stretched {
2600 padding: 8px 30px;
2601}
2602.landing-page.xovinow .btn-xovinow {
2603 color: #10069F;
2604 background-color: #fff;
2605 border-color: #fff;
2606}
2607.landing-page.xovinow .carousel-container {
2608 margin: 0 20px;
2609 max-width: 950px;
2610 text-align: center;
2611}
2612.landing-page.xovinow .feature-carousel .carousel-inner {
2613 border-radius: 6px;
2614 box-shadow: 0px 0px 20px #ccc;
2615}
2616.landing-page.xovinow .feature-carousel img {
2617 max-width: 100%;
2618}
2619.landing-page.xovinow .feature-carousel .carousel-control {
2620 display: inline-block;
2621 margin: 20px;
2622 width: 30px;
2623 height: 30px;
2624 border-radius: 50%;
2625 background-color: #10069F;
2626 color: #fff;
2627 font-size: 20px;
2628 text-align: center;
2629 opacity: 100%;
2630 background-image: none;
2631 text-shadow: none;
2632 position: initial;
2633}
2634.landing-page.xovinow .feature-carousel .carousel-control.right {
2635 left: auto;
2636 right: -70px;
2637}
2638.landing-page.xovinow .bg-white {
2639 background-color: white;
2640}
2641@media (min-width: 576px) {
2642 .landing-page.xovinow .mt-sm-3,
2643 .landing-page.xovinow .my-sm-3 {
2644 margin-top: 1em !important;
2645 }
2646 .landing-page.xovinow .mb-sm-5,
2647 .landing-page.xovinow .my-sm-5 {
2648 margin-bottom: 3em !important;
2649 }
2650 .landing-page.xovinow .mt-sm-5,
2651 .landing-page.xovinow .my-sm-5 {
2652 margin-top: 3em !important;
2653 }
2654}
2655@media (min-width: 768px) {
2656 .landing-page.xovinow .justify-content-md-center {
2657 display: flex;
2658 justify-content: center;
2659 }
2660 .landing-page.xovinow .d-md-none {
2661 display: none !important;
2662 }
2663 .landing-page.xovinow .d-md-inline {
2664 display: inline !important;
2665 }
2666 .landing-page.xovinow .d-md-block {
2667 display: block !important;;
2668 }
2669 .landing-page.xovinow .mt-md-4,
2670 .landing-page.xovinow .my-md-4 {
2671 margin-top: 1.5em !important;
2672 }
2673 .landing-page.xovinow .mb-md-5,
2674 .landing-page.xovinow .my-md-5 {
2675 margin-bottom: 3em !important;
2676 }
2677 .landing-page.xovinow .mt-md-5,
2678 .landing-page.xovinow .my-md-5 {
2679 margin-top: 3em !important;
2680 }
2681
2682 .landing-page.xovinow .carousel-container {
2683 margin: 0 100px;
2684 max-width: 950px;
2685 }
2686 .landing-page.xovinow .feature-carousel .carousel-control {
2687 position: absolute;
2688 margin: 0;
2689 top: 50%;
2690 left: -70px;
2691 width: 40px;
2692 height: 40px;
2693 font-size: 25px;
2694 }
2695 .landing-page.xovinow .feature-carousel .carousel-control.right {
2696 left: auto;
2697 right: -70px;
2698 }
2699}
2700@media (min-width: 992px) {
2701 .landing-page.xovinow .text-lg-left {
2702 text-align: left !important;
2703 }
2704 .landing-page.xovinow .d-lg-inline {
2705 display: inline !important;
2706 }
2707 .landing-page.xovinow .mt-lg-3,
2708 .landing-page.xovinow .my-lg-3 {
2709 margin-top: 1em !important;
2710 }
2711}
2712@media (min-width: 1150px) {
2713 .landing-page.xovinow .carousel-container {
2714 margin: 0 auto;
2715 }
2716}
2717@media (min-width: 1200px) {
2718 .landing-page.xovinow .mb-xl-5,
2719 .landing-page.xovinow .my-xl-5 {
2720 margin-bottom: 3em !important;
2721 }
2722}
2723
2724.landing-page.xovinow .feature-tabs .nav-tabs li {
2725 margin: 0;
2726 padding: 3px;
2727 width: 50%;
2728}
2729@media (min-width: 576px) {
2730 .landing-page.xovinow .feature-tabs .nav-tabs li {
2731 width: 33.3%;
2732 }
2733}
2734@media (min-width: 991px) {
2735 .landing-page.xovinow .feature-tabs .nav-tabs li {
2736 width: 16.6%;
2737 }
2738}
2739.landing-page.xovinow .feature-tabs .nav-tabs > li > a,
2740.landing-page.xovinow .feature-tabs .nav-tabs > li > a:focus,
2741.landing-page.xovinow .feature-tabs .nav-tabs > li > a:hover {
2742 margin: 4px;
2743 padding: 10px;
2744 display: block;
2745 background-color: #eef4f8;
2746 color: #555;
2747 border-radius: 4px;
2748 border: 0;
2749 width: 100%;
2750 text-align: center;
2751 white-space: nowrap;
2752 overflow: hidden;
2753 text-overflow: ellipsis;
2754}
2755.landing-page.xovinow .feature-tabs .nav-tabs > li.active > a,
2756.landing-page.xovinow .feature-tabs .nav-tabs > li.active > a:focus,
2757.landing-page.xovinow .feature-tabs .nav-tabs > li.active > a:hover {
2758 background-color: #10069F;
2759 color: #fff;
2760 border: 0;
2761}
2762.landing-page.xovinow .feature-tabs .tab-content img {
2763 max-width: 300px;
2764}
2765.landing-page.xovinow .audience i {
2766 margin-bottom: 15px;
2767 font-size: 2em;
2768}
2769
2770.landing-page.xovinow .pricing .money-back {
2771 font-size: 1.6em;
2772 line-height: 1.2em;
2773 color: #043855;
2774}
2775.landing-page.xovinow .pricing .money-back span {
2776 font-weight: bold;
2777 color: #10069F;
2778}
2779.landing-page.xovinow .pricing .plan-features {
2780 font-weight: bold;
2781 color: #043855;
2782}
2783.landing-page.xovinow .pricing .plan {
2784 margin: 0 0 50px 0;
2785 padding: 0;
2786 text-align: center;
2787}
2788.landing-page.xovinow .pricing .plan-header {
2789 padding: 0 10px;
2790 height: 120px;
2791}
2792.landing-page.xovinow .pricing .plan-header img {
2793 max-width: 90%;
2794}
2795.landing-page.xovinow .pricing .plan .plan-name {
2796 padding: 5px;
2797 font-size: 1.1em;
2798 font-weight: bold;
2799 color: #043855;
2800 border-bottom: 4px solid #737373;
2801 white-space: nowrap;
2802 overflow: hidden;
2803 text-overflow: ellipsis;
2804}
2805.landing-page.xovinow .pricing .plan.featured .plan-name {
2806 border-color: #10069F;
2807}
2808.landing-page.xovinow .pricing .plan .plan-price {
2809 margin-top: 8px;
2810 padding: 5px;
2811 font-size: 0.95em;
2812 font-weight: bold;
2813 color: #043855;
2814 border-bottom: 2px solid #f4f5f7;
2815}
2816.landing-page.xovinow .pricing .plan-feature {
2817 padding: 6px 20px;
2818 white-space: nowrap;
2819 overflow: hidden;
2820 text-overflow: ellipsis;
2821}
2822.landing-page.xovinow .pricing .plan-feature.row-highlight {
2823 background-color: #f8f9fa;
2824}
2825.landing-page.xovinow .pricing .plan-feature i {
2826 color: #10069F;
2827}
2828.landing-page.xovinow .pricing .buy-btn {
2829 padding-top: 30px;
2830}
2831.landing-page.xovinow .pricing .plan.featured .buy-btn .btn {
2832 color: #fff;
2833 background-color: #10069F;
2834 border-color: #10069F;
2835}
2836.landing-page.xovinow .pricing .plan.featured .buy-btn .btn:hover {
2837 background-color: #10069F;
2838 border-color: #10069F;
2839}
2840
2841.landing-page.xovinow .faq .panel p {
2842 font-size: 1em;
2843}
2844.landing-page.xovinow .faq .panel-group > .panel {
2845 border: 0;
2846 border-radius: 5px;
2847}
2848.landing-page.xovinow .faq .panel-group > .panel > .panel-heading {
2849 background-color: #10069F;
2850 border: 0;
2851 border-radius: 5px;
2852}
2853.landing-page.xovinow .faq .panel-heading .btn {
2854 color: #fff;
2855}
2856.landing-page.xovinow .faq img {
2857 display: block;
2858 margin: 0 auto 20px;
2859}
2860
2861.landing-page.nordvpn p {
2862 font-weight: lighter;
2863}
2864.landing-page.nordvpn h1 {
2865 font-weight: bold;
2866}
2867.landing-page.nordvpn h3 {
2868 font-size: 1.4rem;
2869 font-weight: bold;
2870}
2871.landing-page.nordvpn strong {
2872 font-weight: bold;
2873}
2874.landing-page.nordvpn {
2875 color:#043855;
2876 font-family: sans-serif;
2877}
2878.landing-page.nordvpn .blue {
2879 color:#4580ff;
2880}
2881.landing-page.nordvpn .line-break {
2882 border-bottom: 1px #dce8f2 solid;
2883 padding-top: 20px;
2884}
2885.landing-page.nordvpn .btn-get-nord,
2886.landing-page.nordvpn .btn-get-monthly,
2887.landing-page.nordvpn .btn-get-annually {
2888 font-weight: 500;
2889 font-size: 2rem;
2890 padding: .8rem 4rem;
2891 background: #4580ff;
2892 color: white;
2893 border: 0;
2894}
2895.landing-page.nordvpn .btn-get-deal {
2896 padding: .8rem 1.5rem;
2897 background: #f55368;
2898}
2899.landing-page.nordvpn .btn-get-monthly {
2900 background: #1b325a;
2901 margin-bottom: 2.5rem;
2902}
2903.landing-page.nordvpn .btn-get-annually {
2904 background:#4580ff;
2905}
2906.landing-page.nordvpn .hero {
2907 font-size: 1.25rem;
2908}
2909.landing-page.nordvpn .hero .hero-bg {
2910 margin: 1.25rem 0;
2911}
2912.landing-page.nordvpn .hero h1 {
2913 font-weight: bold;
2914}
2915.landing-page.nordvpn .hero h2 {
2916 font-size: 1.75rem;
2917}
2918.landing-page.nordvpn .hero .guarantee {
2919 margin: 1rem 0;
2920 font-weight: bold;
2921 font-size: 1.7rem;
2922 color:#4580ff;
2923 text-transform:uppercase;
2924 padding-bottom: 25px;
2925}
2926.landing-page.nordvpn .hero,
2927.landing-page.nordvpn .feature.world {
2928 background:#0e1b33;
2929 color:white;
2930}
2931.landing-page.nordvpn .feature {
2932 padding:60px 0;
2933 text-align: center;
2934}
2935.landing-page.nordvpn .feature.icon img,
2936.landing-page.nordvpn .feature.threat img {
2937 margin: 2rem 0;
2938}
2939.landing-page.nordvpn .feature.icon h1,
2940.landing-page.nordvpn .feature.comparison h1,
2941.landing-page.nordvpn .feature.threat h1,
2942.landing-page.nordvpn .feature.use h1 {
2943 margin: 2.5rem 0;
2944}
2945.landing-page.nordvpn .feature.pricing h1 {
2946 margin: 4rem 0;
2947}
2948.landing-page.nordvpn .feature.icon h3,
2949.landing-page.nordvpn .feature.use h3 {
2950 margin-bottom: 1.4rem;
2951}
2952.landing-page.nordvpn .feature.icon .col-xs-3 {
2953 padding: 0 3rem;
2954}
2955.landing-page.nordvpn .feature.device p,
2956.landing-page.nordvpn .feature.security p,
2957.landing-page.nordvpn .feature.use p {
2958 margin-bottom: 2.5rem;
2959}
2960.landing-page.nordvpn .feature.device,
2961.landing-page.nordvpn .feature.security,
2962.landing-page.nordvpn .feature.faq {
2963 text-align: left;
2964}
2965.landing-page.nordvpn .feature.comparison th,
2966.landing-page.nordvpn .feature.comparison td {
2967 padding: 1rem 0;
2968 font-weight: lighter;
2969}
2970.landing-page.nordvpn .feature.comparison .comparison-note {
2971 font-size: 1rem;
2972 text-align: center;
2973}
2974.landing-page.nordvpn .feature.comparison .comparison-note a {
2975 text-decoration: underline;
2976}
2977.landing-page.nordvpn .feature.world {
2978 text-align: center;
2979}
2980.landing-page.nordvpn .feature.world h1 {
2981 margin: 0 0 2.5rem;
2982}
2983.landing-page.nordvpn .feature.world .world-image {
2984 max-width: initial;
2985 margin: auto;
2986 opacity: 33%;
2987}
2988.landing-page.nordvpn .feature.world .world-desc {
2989 position: absolute;
2990 top: 0;
2991 width: 100%;
2992}
2993.landing-page.nordvpn .feature.world .world-image,
2994.landing-page.nordvpn .feature.world .world-tagline,
2995.landing-page.nordvpn .feature.world .world-data .col-xs-6 {
2996 margin-bottom: 2rem;
2997}
2998.landing-page.nordvpn .feature.world .world-data p:first-of-type {
2999 margin-bottom: 0.5rem;
3000}
3001.landing-page.nordvpn .feature.world .world-data p:nth-of-type(2) {
3002 font-size: 3.25rem;
3003 line-height: 3.25rem;
3004 font-weight: bold;
3005 margin-bottom: 0;
3006}
3007.landing-page.nordvpn .feature.world > p {
3008 margin-bottom: 2.5rem
3009}
3010.landing-page.nordvpn .feature.logo {
3011 background:#f2f2f2;
3012}
3013.landing-page.nordvpn .feature.logo img {
3014 margin: 0.75rem 0;
3015}
3016.landing-page.nordvpn .feature.logo .row div {
3017 height: 55px;
3018}
3019.landing-page.nordvpn .feature.security .row.h-100 {
3020 margin: 4rem 0 8rem;
3021}
3022.landing-page.nordvpn .feature.security .row.h-100 p {
3023 font-size: 1.4rem;
3024}
3025.landing-page.nordvpn .feature.use .row div {
3026 padding-top: 0;
3027}
3028.landing-page.nordvpn .feature.use .row.headers div {
3029 padding-top: 1.6rem;
3030 padding-bottom: 0;
3031}
3032.landing-page.nordvpn .feature.use .col-xs-4 p {
3033 text-align: left;
3034}
3035.landing-page.nordvpn .feature.threat .col-xs-4,
3036.landing-page.nordvpn .feature.use .col-xs-4{
3037 padding: 1.6rem 2rem;
3038}
3039.landing-page.nordvpn .feature.threat .col-xs-4 {
3040 padding: 0 2rem;
3041}
3042.landing-page.nordvpn .feature.pricing .billing-cycle {
3043 font-size: 2.5rem;
3044 font-weight: lighter;
3045}
3046.landing-page.nordvpn .feature.pricing .billing-price {
3047 font-size: 2.5rem;
3048 line-height: 3rem;
3049 font-weight: bold;
3050}
3051.landing-page.nordvpn .feature.pricing .billing-save,
3052.landing-page.nordvpn .feature.faq h1 {
3053 margin-bottom: 2.5rem;
3054}
3055.landing-page.nordvpn .feature.faq h1 {
3056 margin: 5rem 0;
3057}
3058.landing-page.nordvpn .feature.faq .panel {
3059 margin-bottom: 1.5rem;
3060 border:0;
3061 border-radius:0;
3062}
3063.landing-page.nordvpn .feature.faq .panel-heading {
3064 padding: 0;
3065 background:#1b325a;
3066}
3067.landing-page.nordvpn .feature.faq .panel-heading .btn {
3068 padding: 0.5rem 2rem;
3069 color:white;
3070 display: flex;
3071 justify-content: space-between;
3072 text-decoration: none;
3073}
3074.landing-page.nordvpn .feature.faq .panel-heading .btn i {
3075 align-self: center;
3076}
3077
3078.landing-page.nordvpn .d-none {
3079 display: none;
3080}
3081.landing-page.nordvpn .d-block {
3082 display: block;
3083}
3084.landing-page.nordvpn .comparison {
3085 text-align: center;
3086}
3087.landing-page.nordvpn .comparison .col-xs-2:first-of-type {
3088 text-align: left;
3089}
3090.landing-page.nordvpn .comparison .col-xs-2 {
3091 min-height: 4rem;
3092 padding: 0 1rem;
3093 border: 1px solid #e7e7e8;
3094 border-bottom: none;
3095}
3096.landing-page.nordvpn .comparison .col-xs-12:first-of-type .col-xs-2 {
3097 min-height: 1.5rem;
3098}
3099.landing-page.nordvpn .comparison .col-xs-12:nth-of-type(7) .col-xs-2:not(:nth-of-type(2)),
3100.landing-page.nordvpn .comparison .col-xs-12:last-of-type .col-xs-2:nth-of-type(2){
3101 border-bottom: 1px solid #e7e7e8;
3102}
3103.landing-page.nordvpn .comparison .col-xs-12:first-of-type .col-xs-2:not(:nth-of-type(2)),
3104.landing-page.nordvpn .comparison .col-xs-12:last-of-type .col-xs-2:not(:nth-of-type(2)) {
3105 border: none;
3106}
3107.landing-page.nordvpn .comparison .col-xs-12:nth-of-type(2) .col-xs-2:nth-of-type(2),
3108.landing-page.nordvpn .comparison .col-xs-12:last-of-type .col-xs-2:nth-of-type(2) {
3109 border-top: none;
3110}
3111.landing-page.nordvpn .comparison .col-xs-2:first-of-type {
3112 border-right: none;
3113}
3114.landing-page.nordvpn .comparison .col-xs-2:not(:first-of-type):not(:nth-of-type(2)) {
3115 border-left: none;
3116}
3117.landing-page.nordvpn .comparison .col-xs-12:nth-of-type(2) .col-xs-2:first-of-type {
3118 border-top-left-radius: 4px;
3119}
3120.landing-page.nordvpn .comparison .col-xs-12:nth-of-type(7) .col-xs-2:first-of-type {
3121 border-bottom-left-radius: 4px;
3122}
3123.landing-page.nordvpn .comparison .col-xs-12:nth-of-type(2) .col-xs-2:last-of-type {
3124 border-top-right-radius: 4px;
3125}
3126.landing-page.nordvpn .comparison .col-xs-12:nth-of-type(7) .col-xs-2:last-of-type {
3127 border-bottom-right-radius: 4px;
3128}
3129.landing-page.nordvpn .comparison .col-xs-12:first-of-type .col-xs-2:nth-of-type(2) {
3130 border-radius: 4px 4px 0 0;
3131}
3132.landing-page.nordvpn .comparison .col-xs-12:last-of-type .col-xs-2:nth-of-type(2) {
3133 border-radius: 0 0 4px 4px;
3134}
3135.landing-page.nordvpn .comparison .col-xs-2 {
3136 display: flex;
3137 align-items: center;
3138 flex-wrap: wrap;
3139}
3140.landing-page.nordvpn .comparison .col-xs-12 .col-xs-2:nth-of-type(2) {
3141 border-left-color: #bed4fe;
3142 border-right-color: #bed4fe;
3143 background: #ecf3ff;
3144}
3145.landing-page.nordvpn .comparison .col-xs-12:first-of-type .col-xs-2:nth-of-type(2) {
3146 border-top-color: #bed4fe;
3147}
3148.landing-page.nordvpn .comparison .col-xs-12:last-of-type .col-xs-2:nth-of-type(2) {
3149 border-bottom-color: #bed4fe;
3150}
3151.landing-page.nordvpn .comparison .col-xs-2 span {
3152 width: 100%;
3153}
3154.landing-page.nordvpn .comparison .btn-get-deal {
3155 font-size: 1.5rem;
3156 padding: 0.5rem 1.5rem;
3157}
3158.landing-page.nordvpn .comparison-container {
3159 overflow-x: auto;
3160 margin-bottom: 2.5rem;
3161}
3162.landing-page.nordvpn .comparison-container > .row {
3163 min-width: 1170px;
3164}
3165@media (max-width: 575px) {
3166 .landing-page.nordvpn .feature.pricing h1 {
3167 margin: 3.5rem 0;
3168 }
3169 .landing-page.nordvpn .hero h2 {
3170 font-size: 1.5rem;
3171 }
3172 .landing-page.nordvpn .hero .guarantee {
3173 font-size: 1.4rem;
3174 }
3175 .landing-page.nordvpn .feature.world .world-data p:nth-of-type(2) {
3176 font-size: 3.75rem;
3177 line-height: 3rem;
3178 }
3179 .landing-page.nordvpn .feature.security .row.h-100 p {
3180 font-size: 1.25rem;
3181 }
3182 .landing-page.nordvpn .feature.security .row.h-100 {
3183 margin-bottom: 2.5rem;
3184 }
3185 .landing-page.nordvpn .feature {
3186 padding: 35px 0;
3187 }
3188 .landing-page.nordvpn .br-xs-space {
3189 content: "";
3190 }
3191 .landing-page.nordvpn .br-xs-space:after {
3192 content: " ";
3193 }
3194}
3195@media (min-width: 576px) {
3196 .landing-page.nordvpn .br-sm-reg {
3197 content: initial;
3198 }
3199 .landing-page.nordvpn .br-sm-space {
3200 content: "";
3201 }
3202 .landing-page.nordvpn .br-sm-space:after {
3203 content: " ";
3204 }
3205}
3206@media (min-width : 768px) {
3207 .landing-page.nordvpn .br-md-reg {
3208 content: initial;
3209 }
3210 .landing-page.nordvpn .br-md-space {
3211 content: "";
3212 }
3213 .landing-page.nordvpn .br-md-space:after {
3214 content: " ";
3215 }
3216 .landing-page.nordvpn .d-sm-block {
3217 display: block;
3218 }
3219 .landing-page.nordvpn .d-sm-none {
3220 display: none;
3221 }
3222}
3223@media (min-width: 992px) {
3224 .landing-page.nordvpn .feature.logo img,
3225 .landing-page.nordvpn .feature.world .world-image {
3226 margin: 0;
3227 }
3228 .landing-page.nordvpn .br-lg-reg {
3229 content: initial;
3230 }
3231 .landing-page.nordvpn .br-lg-space {
3232 content: "";
3233 }
3234 .landing-page.nordvpn .br-lg-space:after {
3235 content: " ";
3236 }
3237 .landing-page.nordvpn .d-md-block {
3238 display: block;
3239 }
3240 .landing-page.nordvpn .d-md-none {
3241 display: none;
3242 }
3243}
3244@media (min-width : 1200px) {
3245 .landing-page.nordvpn .feature.world {
3246 text-align: left;
3247 }
3248 .landing-page.nordvpn .feature.world .container > .row {
3249 min-height: 470px;
3250 }
3251 .landing-page.nordvpn .feature.world .world-desc {
3252 position: initial;
3253 }
3254 .landing-page.nordvpn .feature.world .world-image {
3255 position: absolute;
3256 top: 0;
3257 right: 2rem;
3258 opacity: 100%;
3259 }
3260 .landing-page.nordvpn .br-xl-reg {
3261 content: initial;
3262 }
3263 .landing-page.nordvpn .br-xl-space {
3264 content: "";
3265 }
3266 .landing-page.nordvpn .br-xl-space:after {
3267 content: " ";
3268 }
3269 .landing-page.nordvpn .d-lg-block {
3270 display: block;
3271 }
3272 .landing-page.nordvpn .d-lg-none {
3273 display: none;
3274 }
3275}
3276
3277.landing-page.threesixtymonitoring {
3278 font-family: "Open Sans", sans-serif;
3279 font-size: 14px;
3280 color: #42535e;
3281}
3282.landing-page.threesixtymonitoring h1,
3283.landing-page.threesixtymonitoring h2,
3284.landing-page.threesixtymonitoring h3,
3285.landing-page.threesixtymonitoring .row-revenue {
3286 font-weight: 600 !important;
3287 color: #222;
3288}
3289.landing-page.threesixtymonitoring h1 {
3290 font-size: 40px;
3291 margin-bottom: 32px;
3292}
3293.landing-page.threesixtymonitoring h2 {
3294 font-size: 34px;
3295 margin-bottom: 32px;
3296}
3297.landing-page.threesixtymonitoring h3 {
3298 font-size: 28px;
3299}
3300.landing-page.threesixtymonitoring .p-tagline {
3301 font-size: 16px;
3302 margin-bottom: 32px;
3303}
3304.landing-page.threesixtymonitoring .section-header .tab-server .p-tagline {
3305 font-size: 34px;
3306 font-weight: 600;
3307}
3308.landing-page.threesixtymonitoring section {
3309 padding: 80px 0;
3310 text-align: center;
3311}
3312.landing-page.threesixtymonitoring .section-discover,
3313.landing-page.threesixtymonitoring .section-features {
3314 padding: 120px 0;
3315}
3316.landing-page.threesixtymonitoring .section-features .tab-content {
3317 padding-bottom: 16px;
3318}
3319.landing-page.threesixtymonitoring .section-notifications,
3320.landing-page.threesixtymonitoring .section-monitoring,
3321.landing-page.threesixtymonitoring .section-features .row-features {
3322 padding: 48px 0;
3323}
3324.landing-page.threesixtymonitoring .nav-secondary {
3325 padding-top: 88px;
3326}
3327.landing-page.threesixtymonitoring .section-discover .row-features {
3328 margin: 80px 0;
3329}
3330.landing-page.threesixtymonitoring .section-header .tab-server h2 {
3331 margin-bottom: 16px;
3332}
3333.landing-page.threesixtymonitoring .modal-results .modal-body,
3334.landing-page.threesixtymonitoring .section-header,
3335.landing-page.threesixtymonitoring .tab-website .section-monitoring {
3336 background-color: #b8d2ff;
3337 background-position: right;
3338 background-repeat: no-repeat;
3339 background-size: cover;
3340}
3341.landing-page.threesixtymonitoring .btn-primary {
3342 background-color: #8952cb !important;
3343 border-color: #8952cb !important;
3344 border-radius: 40px;
3345 color: #fff !important;
3346 font-weight: 600;
3347 padding: 18px;
3348 text-transform: uppercase;
3349 width: 100%;
3350 max-width: 400px;
3351}
3352.landing-page.threesixtymonitoring .btn:disabled {
3353 opacity: initial;
3354}
3355.landing-page.threesixtymonitoring .btn-search {
3356 background-color: #000;
3357 border-radius: 4px;
3358 color: #fff;
3359 width: 100%;
3360}
3361.landing-page.threesixtymonitoring .section-pricing .btn-primary {
3362 width: 100%;
3363}
3364.landing-page.threesixtymonitoring .section-header {
3365 color: #222;
3366}
3367.landing-page.threesixtymonitoring .section-header .form-control {
3368 font-weight: 600;
3369 color: #222;
3370}
3371.landing-page.threesixtymonitoring .img-logo,
3372.landing-page.threesixtymonitoring .img-full,
3373.landing-page.threesixtymonitoring .tab-website h1 {
3374 margin-bottom: 32px;
3375}
3376.landing-page.threesixtymonitoring .modal-results .modal-header {
3377 background: linear-gradient(to right, #902a6d, #ce3b56);
3378 color: #fff;
3379}
3380.landing-page.threesixtymonitoring .modal-results .modal-dialog {
3381 max-width: 970px;
3382}
3383.landing-page.threesixtymonitoring .modal-results .modal-body > div {
3384 margin: 0 16px;
3385}
3386.landing-page.threesixtymonitoring .modal-results .modal-body p {
3387 text-transform: uppercase;
3388 font-size: 28px;
3389 font-weight: 600;
3390 margin: 24px 0;
3391}
3392.landing-page.threesixtymonitoring .modal-results .modal-body .btn {
3393 margin: 24px 0;
3394}
3395.landing-page.threesixtymonitoring .modal-results .div-results {
3396 margin-bottom: 64px;
3397}
3398.landing-page.threesixtymonitoring .modal-results .div-results > div:first-child {
3399 font-size: 16px;
3400 font-weight: 600;
3401 margin-bottom: 4px;
3402}
3403.landing-page.threesixtymonitoring .modal-results .div-results > div:nth-child(2) {
3404 font-size: 20px;
3405 font-weight: 600;
3406 margin-bottom: 12px;
3407}
3408.landing-page.threesixtymonitoring .modal-results .div-results [data-metric="host_status"] {
3409 text-transform: uppercase;
3410}
3411.landing-page.threesixtymonitoring .modal-results .row-legend i {
3412 margin: 0 16px;
3413}
3414.landing-page.threesixtymonitoring .modal-results .row-legend {
3415 font-size: 12px;
3416 font-weight: 600;
3417}
3418.landing-page.threesixtymonitoring .modal-results .result-positive {
3419 color: #00c74f;
3420}
3421.landing-page.threesixtymonitoring .modal-results .result-concern {
3422 color: #ffcc1a;
3423}
3424.landing-page.threesixtymonitoring .modal-results .result-negative {
3425 color: #f1526f;
3426}
3427.landing-page.threesixtymonitoring .modal-results .div-modal-border {
3428 width: 100%;
3429 border-bottom: solid 1px #b8d2ff;
3430 margin: 32px 0;
3431}
3432.landing-page.threesixtymonitoring .nav-tabs > li,
3433.landing-page.threesixtymonitoring .nav-tabs > li > a {
3434 margin: 0;
3435}
3436.landing-page.threesixtymonitoring .nav-tabs > li.active > a,
3437.landing-page.threesixtymonitoring .nav-tabs > li.active > a:focus,
3438.landing-page.threesixtymonitoring .nav-tabs > li.active > a:hover {
3439 border: 0;
3440}
3441.landing-page.threesixtymonitoring .nav-item {
3442 width: 50%;
3443}
3444.landing-page.threesixtymonitoring .nav-item.nav-full-width {
3445 width: 100%;
3446}
3447.landing-page.threesixtymonitoring .nav-link {
3448 color: #42535e;
3449 font-weight: 600;
3450 height: 100%;
3451}
3452.landing-page.threesixtymonitoring .nav-primary .nav-link {
3453 background-color: #f1f7ff;
3454 border-radius: 0 0 4px 4px;
3455 padding: 30px;
3456 font-size: 20px;
3457}
3458.landing-page.threesixtymonitoring .modal-results .modal-header,
3459.landing-page.threesixtymonitoring .nav-primary .nav-item.active > .nav-link {
3460 background: linear-gradient(to right, #902a6d, #ce3b56);
3461 color: #fff;
3462}
3463.landing-page.threesixtymonitoring .nav-secondary .nav-link {
3464 background-color: #d9e8ff;
3465 border-radius: 4px 4px 0 0;
3466 padding: 30px;
3467}
3468.landing-page.threesixtymonitoring .nav-secondary .nav-item > .nav-link,
3469.landing-page.threesixtymonitoring .nav-secondary .nav-item > .nav-link:focus ,
3470.landing-page.threesixtymonitoring .nav-secondary .nav-item > .nav-link:hover {
3471 border-radius: 0;
3472 border-top: solid #d9e8ff 3px;
3473}
3474.landing-page.threesixtymonitoring .nav-secondary .nav-item.active > .nav-link,
3475.landing-page.threesixtymonitoring .nav-secondary .nav-item.active > .nav-link:focus ,
3476.landing-page.threesixtymonitoring .nav-secondary .nav-item.active > .nav-link:hover {
3477 background-color: #fff;
3478 border-color: #9b65db;
3479}
3480.landing-page.threesixtymonitoring .tab-content {
3481 padding: initial;
3482}
3483.landing-page.threesixtymonitoring .div-heading-text {
3484 margin-top: -112px;
3485}
3486.landing-page.threesixtymonitoring .section-features {
3487 background: linear-gradient(#dce9ff, #ffffff);
3488}
3489.landing-page.threesixtymonitoring .row-features {
3490 font-weight: 600;
3491}
3492.landing-page.threesixtymonitoring .row-features span {
3493 display: block;
3494 font-size: 18px;
3495 font-weight: 600;
3496 text-transform: uppercase;
3497 margin-bottom: 32px;
3498}
3499.landing-page.threesixtymonitoring .row-features img {
3500 margin: 32px 0;
3501}
3502.landing-page.threesixtymonitoring .row-features p {
3503 margin-bottom: 32px;
3504}
3505.landing-page.threesixtymonitoring .row-notifications {
3506 font-size: 12px;
3507}
3508.landing-page.threesixtymonitoring .row-notifications > div {
3509 margin: 16px 0;
3510}
3511.landing-page.threesixtymonitoring .col-brand-img {
3512 height: 92px;
3513}
3514.landing-page.threesixtymonitoring .section-monitoring {
3515 padding-top: 30px;
3516 padding-bottom: 30px;
3517}
3518.landing-page.threesixtymonitoring .tab-server .section-monitoring {
3519 margin-bottom: 80px;
3520}
3521.landing-page.threesixtymonitoring .section-monitoring .container > .row {
3522 align-items: center;
3523}
3524.landing-page.threesixtymonitoring .row-revenue {
3525 color: #fff;
3526 font-size: 20px;
3527 margin: 36px 0;
3528}
3529.landing-page.threesixtymonitoring .row-revenue .row div:first-child,
3530.landing-page.threesixtymonitoring .row-revenue .row div:nth-child(4) {
3531 font-size: 40px;
3532}
3533.landing-page.threesixtymonitoring .row-revenue > div {
3534 padding: 15px;
3535}
3536.landing-page.threesixtymonitoring .row-revenue > div .row {
3537 border-radius: 8px;
3538 margin: auto;
3539 padding: 30px 0;
3540}
3541.landing-page.threesixtymonitoring .row-revenue > div:first-child .row {
3542 background-color: #ac86da;
3543}
3544.landing-page.threesixtymonitoring .row-revenue > div:nth-child(2) .row {
3545 background-color: #a175d5;
3546}
3547.landing-page.threesixtymonitoring .row-revenue > div:nth-child(3) .row {
3548 background-color: #9563d0;
3549}
3550.landing-page.threesixtymonitoring .row-revenue > div:last-child .row {
3551 background-color: #8952cb;
3552}
3553.landing-page.threesixtymonitoring .div-pricing-container {
3554 margin-bottom: 48px;
3555}
3556.landing-page.threesixtymonitoring .div-pricing {
3557 min-width: 930px;
3558}
3559.landing-page.threesixtymonitoring .div-pricing .col-4 > div,
3560.landing-page.threesixtymonitoring .div-pricing .row:not(.row-order) .col-2 > div {
3561 padding: 8px;
3562}
3563.landing-page.threesixtymonitoring .div-pricing .row-order {
3564 margin-bottom: 16px;
3565}
3566.landing-page.threesixtymonitoring .row-amount {
3567 margin-top: 32px;
3568 margin-bottom: 16px;
3569}
3570.div-pricing > div:nth-child(2) > div {
3571 border-top: solid #f8fafc 3px;
3572}
3573.landing-page.threesixtymonitoring .div-heading-border {
3574 border-bottom: solid #9b65db 3px;
3575 margin: 8px;
3576}
3577.landing-page.threesixtymonitoring .div-pricing-container ul {
3578 list-style: none;
3579 padding: 0;
3580}
3581.landing-page.threesixtymonitoring .div-pricing-container li {
3582 height: 40px;
3583 line-height: 40px;
3584}
3585.landing-page.threesixtymonitoring .div-pricing-container .div-feature-labels li,
3586.landing-page.threesixtymonitoring .div-pricing-container .div-feature-label-starting {
3587 padding-left: 8px;
3588}
3589.landing-page.threesixtymonitoring .header {
3590 height: 100px;
3591}
3592.landing-page.threesixtymonitoring .div-feature-price {
3593 margin: 0 16px;
3594}
3595.landing-page.threesixtymonitoring .div-feature-label-starting,
3596.landing-page.threesixtymonitoring .div-feature-price {
3597 margin-top: 40px;
3598 line-height: 40px;
3599}
3600.landing-page.threesixtymonitoring .div-feature-order {
3601 margin: 16px;
3602 margin-bottom: 48px;
3603}
3604.landing-page.threesixtymonitoring .div-feature-labels {
3605 text-align: left;
3606 width: 65%;
3607 float: left;
3608}
3609.landing-page.threesixtymonitoring .div-feature-values {
3610 width: 35%;
3611 float: left;
3612}
3613.landing-page.threesixtymonitoring .div-pricing-container .div-feature-labels ul li:nth-child(2n+2) {
3614 background-color: #f1f5f9;
3615}
3616.landing-page.threesixtymonitoring .div-pricing-container .div-feature-values li {
3617 text-transform: lowercase;
3618}
3619.landing-page.threesixtymonitoring .div-pricing-container .div-feature-values ul li:nth-child(2n+2) {
3620 background-color: #f8fafc;
3621}
3622.landing-page.threesixtymonitoring .div-feature-price {
3623 background-color: #b8d2ff;
3624 color: #fff;
3625}
3626.landing-page.threesixtymonitoring .div-feature-labels,
3627.landing-page.threesixtymonitoring .div-plan-name,
3628.landing-page.threesixtymonitoring .div-feature-price,
3629.landing-page.threesixtymonitoring .section-pricing strong {
3630 font-weight: 600;
3631}
3632.landing-page.threesixtymonitoring .div-feature-label-starting {
3633 background-color: #8952cb;
3634 color: #fff;
3635}
3636.landing-page.threesixtymonitoring .section-pricing .fa-times {
3637 color: #2ea2e2;
3638}
3639.landing-page.threesixtymonitoring .div-sample-price {
3640 filter: blur(3px);
3641 -webkit-filter: blur(3px);
3642}
3643.landing-page.threesixtymonitoring .section-faq .btn-link {
3644 color: #42535e;
3645 font-weight: 600;
3646 text-transform: uppercase;
3647 text-align: left;
3648 font-size: 14px;
3649}
3650.landing-page.threesixtymonitoring .section-faq .panel {
3651 border: 0;
3652 margin: 0;
3653}
3654.landing-page.threesixtymonitoring .section-faq .panel-heading {
3655 background-color: #fff;
3656 border-bottom: solid #f6f9ff 3px;
3657 border-radius: 0;
3658 display: flex;
3659 justify-content: space-between;
3660 align-items: center;
3661}
3662.landing-page.threesixtymonitoring .section-faq .panel-body {
3663 font-weight: 600;
3664 text-align: left;
3665}
3666.landing-page.threesixtymonitoring .section-faq .fa-plus,
3667.landing-page.threesixtymonitoring .section-faq .fa-minus {
3668 color: #2ea2e2;
3669 cursor: pointer;
3670}
3671.landing-page.threesixtymonitoring .d-none {
3672 display: none;
3673}
3674.landing-page.threesixtymonitoring .d-block {
3675 display: block;
3676}
3677@media (min-width: 768px) {
3678 .landing-page.threesixtymonitoring .modal-results .row-legend i {
3679 margin: 0 8px;
3680 }
3681 .landing-page.threesixtymonitoring .modal-results .div-results > div:nth-child(2) {
3682 font-size: 28px;
3683 }
3684 .landing-page.threesixtymonitoring .div-feature-labels,
3685 .landing-page.threesixtymonitoring .div-plan-name,
3686 .landing-page.threesixtymonitoring .div-feature-price {
3687 font-weight: 600;
3688 font-size: 16px;
3689 }
3690 .landing-page.threesixtymonitoring .div-feature-labels.feature-count-2 {
3691 width: 50%;
3692 }
3693 .landing-page.threesixtymonitoring .div-feature-values.feature-count-2 {
3694 width: 25%;
3695 }
3696 .landing-page.threesixtymonitoring .div-pricing-container > .div-feature-labels.feature-count-2:not(:first-child),
3697 .landing-page.threesixtymonitoring .div-pricing-container > .div-feature-labels.feature-count-3:not(:first-child),
3698 .landing-page.threesixtymonitoring .div-pricing-container > .div-feature-labels.feature-count-4:not(:first-child) {
3699 display: none;
3700 }
3701 .landing-page.threesixtymonitoring .div-pricing-container > .div-feature-labels.feature-count-4:nth-child(5) {
3702 display: block;
3703 }
3704 .landing-page.threesixtymonitoring .div-feature-labels.feature-count-3 {
3705 width: 40%;
3706 }
3707 .landing-page.threesixtymonitoring .div-feature-values.feature-count-3 {
3708 width: 20%;
3709 }
3710 .landing-page.threesixtymonitoring .div-feature-labels.feature-count-4 {
3711 width: 50%;
3712 }
3713 .landing-page.threesixtymonitoring .div-feature-values.feature-count-4 {
3714 width: 25%;
3715 }
3716}
3717@media (min-width: 992px) {
3718 .landing-page.threesixtymonitoring .section-header,
3719 .landing-page.threesixtymonitoring .tab-website .section-monitoring,
3720 .landing-page.threesixtymonitoring .section-faq {
3721 text-align: left;
3722 }
3723 .landing-page.threesixtymonitoring .section-faq h2 {
3724 text-align: center;
3725 }
3726 .landing-page.threesixtymonitoring .div-feature-labels,
3727 .landing-page.threesixtymonitoring .div-plan-name,
3728 .landing-page.threesixtymonitoring .div-feature-price {
3729 font-weight: 600;
3730 font-size: 18px;
3731 }
3732 .landing-page.threesixtymonitoring .div-feature-labels.feature-count-4 {
3733 width: 40%;
3734 }
3735 .landing-page.threesixtymonitoring .div-feature-values.feature-count-4 {
3736 width: 15%;
3737 }
3738 .landing-page.threesixtymonitoring .div-pricing-container > .div-feature-labels.feature-count-4:not(:first-child) {
3739 display: none;
3740 }
3741 .landing-page.threesixtymonitoring .d-lg-none {
3742 display: none;
3743 }
3744 .landing-page.threesixtymonitoring .d-lg-block {
3745 display: block
3746 }
3747}