1 | .white {
|
2 | color: #fff;
|
3 | }
|
4 | .green,
|
5 | .mongo-green {
|
6 | color: #13aa52;
|
7 | }
|
8 | .dark-green {
|
9 | color: #116149;
|
10 | }
|
11 | .charcoal {
|
12 | color: #212121;
|
13 | }
|
14 | .slate {
|
15 | color: #42494f;
|
16 | }
|
17 | .ash {
|
18 | color: #b3bbc1;
|
19 | }
|
20 | .smoke {
|
21 | color: #f5f6f7;
|
22 | }
|
23 | .blush {
|
24 | color: #f4758b;
|
25 | }
|
26 | .sienna {
|
27 | color: #f58263;
|
28 | }
|
29 | .marigold {
|
30 | color: #f4b65d;
|
31 | }
|
32 | .air {
|
33 | color: #c2deff;
|
34 | }
|
35 | .bluebird {
|
36 | color: #658d95;
|
37 | }
|
38 | .dark-gray {
|
39 | color: #1a1a1a;
|
40 | }
|
41 | .black {
|
42 | color: #000;
|
43 | }
|
44 | .bg-white {
|
45 | background-color: #fff;
|
46 | }
|
47 | .bg-green,
|
48 | .bg-mongo-green {
|
49 | background-color: #13aa52;
|
50 | }
|
51 | .bg-dark-green {
|
52 | background-color: #116149;
|
53 | }
|
54 | .bg-charcoal {
|
55 | background-color: #212121;
|
56 | }
|
57 | .bg-slate {
|
58 | background-color: #42494f;
|
59 | }
|
60 | .bg-ash {
|
61 | background-color: #b3bbc1;
|
62 | }
|
63 | .bg-smoke {
|
64 | background-color: #f5f6f7;
|
65 | }
|
66 | .bg-blush {
|
67 | background-color: #f4758b;
|
68 | }
|
69 | .bg-sienna {
|
70 | background-color: #f58263;
|
71 | }
|
72 | .bg-marigold {
|
73 | background-color: #f4b65d;
|
74 | }
|
75 | .bg-air {
|
76 | background-color: #c2deff;
|
77 | }
|
78 | .bg-bluebird {
|
79 | background-color: #658d95;
|
80 | }
|
81 | .bg-black {
|
82 | background-color: #000;
|
83 | }
|
84 | .bg-dark-gray {
|
85 | color: #1a1a1a;
|
86 | }
|
87 | .bg-black {
|
88 | color: #000;
|
89 | }
|
90 | @font-face {
|
91 | font-family: 'Akzidenz Grotesk BQ Light';
|
92 | src: url("/assets/fonts/akzidenzgroteskbq_light-webfont.woff2") format('woff2'), url("/assets/fonts/akzidenzgroteskbq_light-webfont.woff") format('woff');
|
93 | font-weight: normal;
|
94 | font-style: normal;
|
95 | }
|
96 | @font-face {
|
97 | font-family: 'Akzidenz Grotesk BQ Medium';
|
98 | src: url("/assets/fonts/akzidenzgroteskbq_medium-webfont.woff2") format('woff2'), url("/assets/fonts/akzidenzgroteskbq_medium-webfont.woff") format('woff');
|
99 | font-weight: normal;
|
100 | font-style: normal;
|
101 | }
|
102 | @font-face {
|
103 | font-family: 'DIN';
|
104 | src: url("/assets/fonts/DINWeb-Light.woff");
|
105 | }
|
106 | @font-face {
|
107 | font-family: 'DIN';
|
108 | src: url("/assets/fonts/DINWeb-Bold.woff");
|
109 | font-weight: bold;
|
110 | }
|
111 | @font-face {
|
112 | font-family: 'SourceCodePro';
|
113 | src: url("/assets/fonts/SourceCodePro-Regular.otf");
|
114 | }
|
115 | @font-face {
|
116 | font-family: 'SourceCodePro';
|
117 | src: url("/assets/fonts/SourceCodePro-Semibold.otf");
|
118 | font-weight: bold;
|
119 | }
|
120 | @font-face {
|
121 | font-family: 'icomoon';
|
122 | src: url("/assets/fonts/icomoon.woff") format('woff');
|
123 | font-weight: normal;
|
124 | font-style: normal;
|
125 | }
|
126 | * {
|
127 | -webkit-font-smoothing: subpixel-antialiased;
|
128 | }
|
129 | @media (-webkit-min-device-pixel-ratio: 2) {
|
130 | * {
|
131 | -webkit-font-smoothing: antialiased;
|
132 | -moz-osx-font-smoothing: grayscale;
|
133 | }
|
134 | }
|
135 | body,
|
136 | input,
|
137 | button {
|
138 | font-family: Akzidenz Grotesk BQ Light, Helvetica;
|
139 | color: #42494f;
|
140 | font-size: 16px;
|
141 | }
|
142 | h1,
|
143 | h2,
|
144 | h3,
|
145 | h4,
|
146 | h5,
|
147 | h6,
|
148 | p {
|
149 | margin: 15px 0;
|
150 | }
|
151 | h1,
|
152 | h2,
|
153 | h3,
|
154 | h4,
|
155 | strong,
|
156 | button,
|
157 | b,
|
158 | .bold {
|
159 | font-family: Akzidenz Grotesk BQ Medium, Helvetica, Arial;
|
160 | font-weight: 400;
|
161 | }
|
162 | .fnt-light {
|
163 | font-family: Akzidenz Grotesk BQ Light, Helvetica, Arial;
|
164 | }
|
165 | h5,
|
166 | h6,
|
167 | p,
|
168 | small,
|
169 | body,
|
170 | input {
|
171 | font-family: Akzidenz Grotesk BQ Light, Helvetica, Arial;
|
172 | font-weight: 500;
|
173 | }
|
174 | .fnt-14 {
|
175 | font-size: 14px;
|
176 | line-height: 22px;
|
177 | }
|
178 | @media (max-width: phoneWidth) {
|
179 | .fnt-14 {
|
180 | font-size: 12px;
|
181 | line-height: 20px;
|
182 | }
|
183 | }
|
184 | .fnt-14 {
|
185 | font-size: 14px;
|
186 | line-height: 24px;
|
187 | }
|
188 | @media (max-width: phoneWidth) {
|
189 | .fnt-14 {
|
190 | font-size: 12px;
|
191 | line-height: 22px;
|
192 | }
|
193 | }
|
194 | .fnt-14 {
|
195 | font-size: 14px;
|
196 | line-height: 24px;
|
197 | }
|
198 | @media (max-width: phoneWidth) {
|
199 | .fnt-14 {
|
200 | font-size: 12px;
|
201 | line-height: 22px;
|
202 | }
|
203 | }
|
204 | .fnt-18 {
|
205 | font-size: 18px;
|
206 | line-height: 28px;
|
207 | }
|
208 | @media (max-width: phoneWidth) {
|
209 | .fnt-18 {
|
210 | font-size: 16px;
|
211 | line-height: 26px;
|
212 | }
|
213 | }
|
214 | .fnt-20 {
|
215 | font-size: 20px;
|
216 | line-height: 30px;
|
217 | }
|
218 | @media (max-width: phoneWidth) {
|
219 | .fnt-20 {
|
220 | font-size: 18px;
|
221 | line-height: 26px;
|
222 | }
|
223 | }
|
224 | h1 {
|
225 | font-size: 48px;
|
226 | line-height: 58px;
|
227 | }
|
228 | @media (max-width: phoneWidth) {
|
229 | h1 {
|
230 | font-size: 34px;
|
231 | line-height: 44px;
|
232 | }
|
233 | }
|
234 | h2 {
|
235 | font-size: 34px;
|
236 | line-height: 46px;
|
237 | }
|
238 | @media (max-width: phoneWidth) {
|
239 | h2 {
|
240 | font-size: 26px;
|
241 | line-height: 36px;
|
242 | }
|
243 | }
|
244 | h3 {
|
245 | font-size: 24px;
|
246 | line-height: 34px;
|
247 | }
|
248 | @media (max-width: phoneWidth) {
|
249 | h3 {
|
250 | font-size: 22px;
|
251 | line-height: 30px;
|
252 | }
|
253 | }
|
254 | h4 {
|
255 | font-size: 20px;
|
256 | line-height: 30px;
|
257 | }
|
258 | @media (max-width: phoneWidth) {
|
259 | h4 {
|
260 | font-size: 18px;
|
261 | line-height: 26px;
|
262 | }
|
263 | }
|
264 | h5 {
|
265 | font-size: 24px;
|
266 | line-height: 34px;
|
267 | }
|
268 | @media (max-width: phoneWidth) {
|
269 | h5 {
|
270 | font-size: 22px;
|
271 | line-height: 30px;
|
272 | }
|
273 | }
|
274 | h6 {
|
275 | font-size: 18px;
|
276 | line-height: 28px;
|
277 | }
|
278 | @media (max-width: phoneWidth) {
|
279 | h6 {
|
280 | font-size: 16px;
|
281 | line-height: 26px;
|
282 | }
|
283 | }
|
284 | p {
|
285 | font-size: 16px;
|
286 | line-height: 24px;
|
287 | }
|
288 | @media (max-width: phoneWidth) {
|
289 | p {
|
290 | font-size: 14px;
|
291 | line-height: 22px;
|
292 | }
|
293 | }
|
294 | small {
|
295 | font-size: 14px;
|
296 | line-height: 22px;
|
297 | }
|
298 | @media (max-width: phoneWidth) {
|
299 | small {
|
300 | font-size: 12px;
|
301 | line-height: 20px;
|
302 | }
|
303 | }
|
304 | ul {
|
305 | padding: 0;
|
306 | }
|
307 | ul li {
|
308 | list-style-type: none;
|
309 | }
|
310 | .bullets {
|
311 | padding-left: 15px;
|
312 | }
|
313 | .bullets li {
|
314 | list-style-type: disc;
|
315 | }
|
316 | .txt-left {
|
317 | text-align: left;
|
318 | }
|
319 | .txt-right {
|
320 | text-align: right;
|
321 | }
|
322 | .txt-center {
|
323 | text-align: center;
|
324 | }
|
325 | a {
|
326 | color: #13aa52;
|
327 | }
|
328 | .overflow-hidden {
|
329 | overflow: hidden;
|
330 | }
|
331 | .code {
|
332 | overflow-y: auto;
|
333 | display: block;
|
334 | padding: 10px;
|
335 | font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
336 | font-size: 14px;
|
337 | line-height: 1.42857143;
|
338 | border-radius: 4px;
|
339 | }
|
340 | code,
|
341 | .inline-code {
|
342 | padding: 0;
|
343 | font-size: inherit;
|
344 | background-color: transparent;
|
345 | border-radius: 0;
|
346 | }
|
347 | .code-dark,
|
348 | .code-light {
|
349 | overflow-y: auto;
|
350 | display: block;
|
351 | padding: 20px;
|
352 | font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
353 | font-size: 12px;
|
354 | line-height: 1.42857143;
|
355 | word-break: break-all;
|
356 | word-wrap: break-word;
|
357 | border-radius: 4px;
|
358 | }
|
359 | .code-dark {
|
360 | background-color: #2c303a;
|
361 | }
|
362 | .code-light {
|
363 | background-color: #f0f0f0;
|
364 | }
|
365 | .btn-gray,
|
366 | .btn-white,
|
367 | .btn-slate,
|
368 | .btn-blush,
|
369 | .btn-marigold,
|
370 | .btn-air,
|
371 | .btn-bluebird,
|
372 | .btn-green,
|
373 | .btn-dark-green,
|
374 | .btn-dark-gray,
|
375 | .btn-black {
|
376 | font-family: 'Akzidenz Grotesk BQ Medium';
|
377 | font-weight: 400;
|
378 | cursor: pointer;
|
379 | border-radius: 4px;
|
380 | border: none;
|
381 | font-size: 16px;
|
382 | padding: 10px 30px;
|
383 | box-shadow: 0 2px 7px 0 rgba(0,0,0,0.1);
|
384 | transform: translateY(0);
|
385 | transition: transform 150ms, box-shadow 150ms;
|
386 | }
|
387 | .btn-gray:hover,
|
388 | .btn-white:hover,
|
389 | .btn-slate:hover,
|
390 | .btn-blush:hover,
|
391 | .btn-marigold:hover,
|
392 | .btn-air:hover,
|
393 | .btn-bluebird:hover,
|
394 | .btn-green:hover,
|
395 | .btn-dark-green:hover,
|
396 | .btn-dark-gray:hover,
|
397 | .btn-black:hover {
|
398 | transform: translateY(-2px);
|
399 | box-shadow: 0 3px 9px 0 rgba(0,0,0,0.15);
|
400 | }
|
401 | .btn-small {
|
402 | padding: 8px 16px;
|
403 | font-size: 13px;
|
404 | }
|
405 | .btn-med {
|
406 | padding: 18px 30px;
|
407 | }
|
408 | .btn-lg {
|
409 | padding: 25px 40px;
|
410 | }
|
411 | .btn-dark-green {
|
412 | color: #fff;
|
413 | background-color: #116149;
|
414 | }
|
415 | .btn-dark-gray {
|
416 | color: #fff;
|
417 | background-color: #1a1a1a;
|
418 | }
|
419 | .btn-black {
|
420 | color: #fff;
|
421 | background-color: #fff;
|
422 | }
|
423 | .btn-gray {
|
424 | color: #b3bbc1;
|
425 | background-color: #f5f6f7;
|
426 | box-shadow: 0 2px 7px 0 rgba(0,0,0,0.1);
|
427 | }
|
428 | .btn-gray.active {
|
429 | color: #808d97;
|
430 | background-color: #dadde1;
|
431 | }
|
432 | .btn-white {
|
433 | color: #13aa52;
|
434 | background-color: #fff;
|
435 | }
|
436 | .btn-slate {
|
437 | color: #fff;
|
438 | background-color: #42494f;
|
439 | }
|
440 | .btn-blush {
|
441 | color: #fff;
|
442 | background-color: #f4758b;
|
443 | }
|
444 | .btn-marigold {
|
445 | color: #fff;
|
446 | background-color: #f4b65d;
|
447 | }
|
448 | .btn-air {
|
449 | color: #fff;
|
450 | background-color: #c2deff;
|
451 | }
|
452 | .btn-bluebird {
|
453 | color: #fff;
|
454 | background-color: #658d95;
|
455 | }
|
456 | .btn-green {
|
457 | color: #fff;
|
458 | background-color: #13aa52;
|
459 | }
|
460 | .play-btn-green,
|
461 | .play-btn-white {
|
462 | border-radius: 100%;
|
463 | width: 100%;
|
464 | height: 100%;
|
465 | position: relative;
|
466 | box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);
|
467 | }
|
468 | .play-btn-green:before,
|
469 | .play-btn-white:before {
|
470 | content: '\25B6';
|
471 | position: absolute;
|
472 | top: calc(50% - 15px);
|
473 | left: calc(50% - 10px);
|
474 | width: 30px;
|
475 | font-size: 30px;
|
476 | line-height: 30px;
|
477 | }
|
478 | .play-btn-green {
|
479 | background: #13aa52;
|
480 | color: #fff;
|
481 | }
|
482 | .play-btn-white {
|
483 | background: #fff;
|
484 | color: #13aa52;
|
485 | }
|
486 | .play-btn-wide-green {
|
487 | background: #13aa52;
|
488 | color: #fff;
|
489 | }
|
490 | .play-btn-wide-white {
|
491 | background: #fff;
|
492 | color: #13aa52;
|
493 | }
|
494 | .play-btn-wide-green,
|
495 | .play-btn-wide-white {
|
496 | padding: 15px 25px;
|
497 | border-radius: 25px;
|
498 | box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);
|
499 | font-size: 16px;
|
500 | display: flex;
|
501 | align-items: center;
|
502 | }
|
503 | .play-btn-wide-green:before,
|
504 | .play-btn-wide-white:before {
|
505 | content: '\25B6';
|
506 | font-size: 18px;
|
507 | margin-right: 10px;
|
508 | height: 19px;
|
509 | }
|
510 | .link {
|
511 | font-family: 'Akzidenz Grotesk BQ Medium';
|
512 | font-size: 16px;
|
513 | color: #13aa52;
|
514 | line-height: 24px;
|
515 | }
|
516 | .input-elem {
|
517 | padding: 12px;
|
518 | font-size: 16px;
|
519 | line-height: 19px;
|
520 | width: 100%;
|
521 | border-radius: 2px;
|
522 | border: 1px solid #b3bbc1;
|
523 | box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.2);
|
524 | transition: all 300ms;
|
525 | }
|
526 | .input-elem:focus {
|
527 | border: 1px solid #69b241;
|
528 | box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
|
529 | }
|
530 | [class^="icon-"],
|
531 | [class*=" icon-"] {
|
532 | font-family: 'icomoon';
|
533 | speak: none;
|
534 | font-style: normal;
|
535 | font-weight: normal;
|
536 | font-variant: normal;
|
537 | text-transform: none;
|
538 | line-height: 1;
|
539 | }
|
540 | .icon-presentation:before {
|
541 | content: "\e609";
|
542 | }
|
543 | .icon-lightbulb:before {
|
544 | content: "\e60a";
|
545 | }
|
546 | .icon-world:before {
|
547 | content: "\e60b";
|
548 | }
|
549 | .icon-in:before {
|
550 | content: "\e600";
|
551 | }
|
552 | .icon-library:before {
|
553 | content: "\e611";
|
554 | }
|
555 | .icon-phone:before {
|
556 | content: "\e601";
|
557 | }
|
558 | .icon-calendar:before {
|
559 | content: "\e60c";
|
560 | }
|
561 | .icon-share:before {
|
562 | content: "\e613";
|
563 | }
|
564 | .icon-google-plus-square:before {
|
565 | content: "\e602";
|
566 | }
|
567 | .icon-facebook:before {
|
568 | content: "\e60d";
|
569 | }
|
570 | .icon-facebook-square:before {
|
571 | content: "\e603";
|
572 | }
|
573 | .icon-twitter:before {
|
574 | content: "\e60e";
|
575 | }
|
576 | .icon-twitter-square:before {
|
577 | content: "\e604";
|
578 | }
|
579 | .icon-play:before {
|
580 | content: "\e612";
|
581 | }
|
582 | .icon-youtube:before {
|
583 | content: "\e60f";
|
584 | }
|
585 | .icon-github:before {
|
586 | content: "\e610";
|
587 | }
|
588 | .icon-linux:before {
|
589 | content: "\e606";
|
590 | }
|
591 | .icon-apple:before {
|
592 | content: "\e607";
|
593 | }
|
594 | .icon-windows:before {
|
595 | content: "\e608";
|
596 | }
|
597 | .icon-linkedin-square:before {
|
598 | content: "\e605";
|
599 | }
|
600 | .icon-angle-left:before {
|
601 | content: "\f104";
|
602 | }
|
603 | .icon-angle-right:before {
|
604 | content: "\f105";
|
605 | }
|
606 | .icon-angle-up:before {
|
607 | content: "\f106";
|
608 | }
|
609 | .icon-angle-down:before {
|
610 | content: "\f107";
|
611 | }
|
612 | .icon-life-bouy:before {
|
613 | content: "\f1cd";
|
614 | }
|
615 | .icon-monitor:before {
|
616 | content: "\e021";
|
617 | }
|
618 | .icon-search:before {
|
619 | content: "\e036";
|
620 | }
|
621 | .icon-circle-check:before {
|
622 | content: "\e042";
|
623 | }
|
624 | .icon-circle-cross:before {
|
625 | content: "\e043";
|
626 | }
|
627 | .icon-check:before {
|
628 | content: "\e116";
|
629 | }
|
630 | .icon-cross:before {
|
631 | content: "\e117";
|
632 | }
|
633 | .icon-menu:before {
|
634 | content: "\e120";
|
635 | }
|
636 | .icon-open:before {
|
637 | content: "\e128";
|
638 | }
|
639 | .no-decor {
|
640 | text-decoration: none !important;
|
641 | color: inherit;
|
642 | }
|
643 | .no-decor * {
|
644 | text-decoration: none !important;
|
645 | }
|
646 | .table:not(.table-striped) {
|
647 | width: 100%;
|
648 | font-size: 16px;
|
649 | border-collapse: collapse;
|
650 | }
|
651 | .table:not(.table-striped) td,
|
652 | .table:not(.table-striped) th {
|
653 | padding: 15px 10px;
|
654 | }
|
655 | .table:not(.table-striped) th {
|
656 | font-family: 'Akzidenz Grotesk BQ Medium';
|
657 | font-weight: 500;
|
658 | }
|
659 | .table:not(.table-striped) td {
|
660 | border-bottom: 1px solid #b3bbc1;
|
661 | border-right: 1px solid #b3bbc1;
|
662 | line-height: 23px;
|
663 | }
|
664 | .table:not(.table-striped) td:last-child {
|
665 | border-right: none;
|
666 | }
|
667 | .table:not(.table-striped) th {
|
668 | border-bottom: 2px solid #b3bbc1;
|
669 | }
|
670 | @media (max-width: 800px) {
|
671 | .table:not(.table-striped) {
|
672 | font-size: 16px;
|
673 | }
|
674 | }
|
675 | .table.inner-green td:nth-child(2n) {
|
676 | background-color: #e7f6ee;
|
677 | }
|
678 | .table-align-top td {
|
679 | vertical-align: top;
|
680 | }
|
681 | blockquote {
|
682 | margin: 0;
|
683 | }
|
684 | .blockquote-lg {
|
685 | padding: 50px;
|
686 | }
|
687 | .blockquote-sm {
|
688 | padding: 10px 0px;
|
689 | }
|
690 | .blockquote-lg p {
|
691 | font-size: 24px;
|
692 | line-height: 34px;
|
693 | }
|
694 | .blockquote-sm p {
|
695 | font-size: 20px;
|
696 | line-height: 28px;
|
697 | }
|
698 | .blockquote-lg,
|
699 | .blockquote-sm {
|
700 | display: flex;
|
701 | justify-content: center;
|
702 | align-items: center;
|
703 | width: 100%;
|
704 | background: #f3f7fd;
|
705 | position: relative;
|
706 | margin: 0;
|
707 | }
|
708 | .blockquote-lg:before,
|
709 | .blockquote-sm:before {
|
710 | position: absolute;
|
711 | content: ' ';
|
712 | width: 100%;
|
713 | height: 100%;
|
714 | background: url("/assets/images/style-guide/testimonial-bg.svg");
|
715 | background-size: 100%;
|
716 | z-index: 0;
|
717 | }
|
718 | .blockquote-lg blockquote,
|
719 | .blockquote-sm blockquote {
|
720 | margin: 20px 15px;
|
721 | }
|
722 | .blockquote-lg img,
|
723 | .blockquote-sm img {
|
724 | width: 150px;
|
725 | margin-right: 60px;
|
726 | z-index: 1;
|
727 | }
|
728 | .blockquote-lg p,
|
729 | .blockquote-sm p {
|
730 | margin: 0px 0px 10px 0px;
|
731 | color: #8d8d8e;
|
732 | z-index: 1;
|
733 | max-width: 500px;
|
734 | position: relative;
|
735 | }
|
736 | .blockquote-lg p:after,
|
737 | .blockquote-sm p:after {
|
738 | content: '”';
|
739 | }
|
740 | .blockquote-lg p:before,
|
741 | .blockquote-sm p:before {
|
742 | content: url("/assets/images/style-guide/quote.svg");
|
743 | position: absolute;
|
744 | top: -15px;
|
745 | left: -20px;
|
746 | }
|
747 | .blockquote-lg.no-bg,
|
748 | .blockquote-sm.no-bg {
|
749 | border-left: 3px solid #13aa52;
|
750 | background: transparent;
|
751 | }
|
752 | .blockquote-lg.no-bg:before,
|
753 | .blockquote-sm.no-bg:before {
|
754 | background: transparent;
|
755 | }
|
756 | .blockquote-lg.no-bg p,
|
757 | .blockquote-sm.no-bg p {
|
758 | color: #42494f !important;
|
759 | }
|
760 | .blockquote-lg.no-bg p:before,
|
761 | .blockquote-sm.no-bg p:before {
|
762 | position: absoute;
|
763 | top: -15px;
|
764 | content: url("/assets/images/style-guide/quote-green.svg") !important;
|
765 | }
|
766 | .screenshot-left,
|
767 | .screenshot-right {
|
768 | perspective: 300px;
|
769 | }
|
770 | .screenshot-left img,
|
771 | .screenshot-right img {
|
772 | border-radius: 8px;
|
773 | box-shadow: 0 20px 25px 0 rgba(0,0,0,0.1);
|
774 | transform-style: preserve-3d;
|
775 | }
|
776 | .screenshot-left img {
|
777 | transform: rotate3d(0, 1, 0, 5deg) scale(0.9, 1);
|
778 | }
|
779 | @media (max-width: 800px) {
|
780 | .screenshot-left img {
|
781 | transform: rotate3d(0, 0, 0, 5deg) scale(0.9, 1);
|
782 | }
|
783 | }
|
784 | .screenshot-right img {
|
785 | transform: rotate3d(0, 1, 0, -5deg) scale(0.9, 1);
|
786 | }
|
787 | @media (max-width: 800px) {
|
788 | .screenshot-right img {
|
789 | transform: rotate3d(0, 0, 0, 5deg) scale(0.9, 1);
|
790 | }
|
791 | }
|
792 | .callout {
|
793 | margin-top: 16px;
|
794 | padding: 15px;
|
795 | background-color: #f5f6f7;
|
796 | border-left: 5px solid #13aa52;
|
797 | border-radius: 3px;
|
798 | }
|
799 | .border {
|
800 | border: solid 1px #e0e7e8;
|
801 | }
|
802 | .border-green {
|
803 | border: solid 1px #13aa52;
|
804 | }
|
805 | .border-green-2 {
|
806 | border: solid 2px #13aa52;
|
807 | }
|
808 | .border-t-green-5 {
|
809 | border-top: solid 5px #13aa52;
|
810 | }
|
811 | .border-b-green-5 {
|
812 | border-bottom: solid 5px #13aa52;
|
813 | }
|
814 | .border-l-green-5 {
|
815 | border-left: solid 5px #13aa52;
|
816 | }
|
817 | .border-r-green-5 {
|
818 | border-right: solid 5px #13aa52;
|
819 | }
|
820 | .radius {
|
821 | border-radius: 4px;
|
822 | }
|
823 | .shadow {
|
824 | box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);
|
825 | }
|
826 | .no-shadow {
|
827 | box-shadow: none;
|
828 | }
|
829 | .gradient-one {
|
830 | background: linear-gradient(115.46deg, #fcfcfc 0%, #fcfdfd 49.07%, #f3f8ff 100%);
|
831 | }
|
832 | .gradient-two {
|
833 | background: linear-gradient(116.13deg, #fff 0%, #fcfdfd 49.18%, #f5f6f7 100%);
|
834 | }
|
835 | .box-shadow-top {
|
836 | width: 100%;
|
837 | height: 15px;
|
838 | position: absolute;
|
839 | bottom: 20px;
|
840 | box-shadow: 0 0px 70px 50px #fff;
|
841 | background: #fff;
|
842 | }
|
843 | .list li {
|
844 | line-height: 1.5em !important;
|
845 | margin: 15px 0 15px 0 !important;
|
846 | }
|
847 | ol.list,
|
848 | ul.list {
|
849 | padding-left: 30px !important;
|
850 | }
|
851 | ul.list {
|
852 | list-style-type: disc !important;
|
853 | }
|
854 | ol.list {
|
855 | list-style-type: decimal !important;
|
856 | }
|