Warning, /iDDS/website/data/assets/css/main.css is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8";
0002 @import url(font-awesome.min.css);
0003 @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
0004
0005 /*
0006 Hielo by TEMPLATED
0007 templated.co @templatedco
0008 Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
0009 */
0010
0011 /* Reset */
0012
0013 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
0014 margin: 0;
0015 padding: 0;
0016 border: 0;
0017 font-size: 100%;
0018 font: inherit;
0019 vertical-align: baseline;
0020 }
0021
0022 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
0023 display: block;
0024 }
0025
0026 body {
0027 line-height: 1;
0028 }
0029
0030 ol, ul {
0031 list-style: none;
0032 }
0033
0034 blockquote, q {
0035 quotes: none;
0036 }
0037
0038 blockquote:before, blockquote:after, q:before, q:after {
0039 content: '';
0040 content: none;
0041 }
0042
0043 table {
0044 border-collapse: collapse;
0045 border-spacing: 0;
0046 }
0047
0048 body {
0049 -webkit-text-size-adjust: none;
0050 }
0051
0052 /* Box Model */
0053
0054 *, *:before, *:after {
0055 -moz-box-sizing: border-box;
0056 -webkit-box-sizing: border-box;
0057 box-sizing: border-box;
0058 }
0059
0060 /* Containers */
0061
0062 .container {
0063 margin-left: auto;
0064 margin-right: auto;
0065 }
0066
0067 .container.\31 25\25 {
0068 width: 100%;
0069 max-width: 100rem;
0070 min-width: 80rem;
0071 }
0072
0073 .container.\37 5\25 {
0074 width: 60rem;
0075 }
0076
0077 .container.\35 0\25 {
0078 width: 40rem;
0079 }
0080
0081 .container.\32 5\25 {
0082 width: 20rem;
0083 }
0084
0085 .container {
0086 width: 80rem;
0087 }
0088
0089 @media screen and (max-width: 1680px) {
0090
0091 .container.\31 25\25 {
0092 width: 100%;
0093 max-width: 100rem;
0094 min-width: 80rem;
0095 }
0096
0097 .container.\37 5\25 {
0098 width: 60rem;
0099 }
0100
0101 .container.\35 0\25 {
0102 width: 40rem;
0103 }
0104
0105 .container.\32 5\25 {
0106 width: 20rem;
0107 }
0108
0109 .container {
0110 width: 80rem;
0111 }
0112
0113 }
0114
0115 @media screen and (max-width: 1280px) {
0116
0117 .container.\31 25\25 {
0118 width: 100%;
0119 max-width: 81.25rem;
0120 min-width: 65rem;
0121 }
0122
0123 .container.\37 5\25 {
0124 width: 48.75rem;
0125 }
0126
0127 .container.\35 0\25 {
0128 width: 32.5rem;
0129 }
0130
0131 .container.\32 5\25 {
0132 width: 16.25rem;
0133 }
0134
0135 .container {
0136 width: 65rem;
0137 }
0138
0139 }
0140
0141 @media screen and (max-width: 980px) {
0142
0143 .container.\31 25\25 {
0144 width: 100%;
0145 max-width: 112.5%;
0146 min-width: 90%;
0147 }
0148
0149 .container.\37 5\25 {
0150 width: 67.5%;
0151 }
0152
0153 .container.\35 0\25 {
0154 width: 45%;
0155 }
0156
0157 .container.\32 5\25 {
0158 width: 22.5%;
0159 }
0160
0161 .container {
0162 width: 90%;
0163 }
0164
0165 }
0166
0167 @media screen and (max-width: 736px) {
0168
0169 .container.\31 25\25 {
0170 width: 100%;
0171 max-width: 112.5%;
0172 min-width: 90%;
0173 }
0174
0175 .container.\37 5\25 {
0176 width: 67.5%;
0177 }
0178
0179 .container.\35 0\25 {
0180 width: 45%;
0181 }
0182
0183 .container.\32 5\25 {
0184 width: 22.5%;
0185 }
0186
0187 .container {
0188 width: 90% !important;
0189 }
0190
0191 }
0192
0193 @media screen and (max-width: 480px) {
0194
0195 .container.\31 25\25 {
0196 width: 100%;
0197 max-width: 112.5%;
0198 min-width: 90%;
0199 }
0200
0201 .container.\37 5\25 {
0202 width: 67.5%;
0203 }
0204
0205 .container.\35 0\25 {
0206 width: 45%;
0207 }
0208
0209 .container.\32 5\25 {
0210 width: 22.5%;
0211 }
0212
0213 .container {
0214 width: 90% !important;
0215 }
0216
0217 }
0218
0219 /* Grid */
0220
0221 .row {
0222 border-bottom: solid 1px transparent;
0223 -moz-box-sizing: border-box;
0224 -webkit-box-sizing: border-box;
0225 box-sizing: border-box;
0226 }
0227
0228 .row > * {
0229 float: left;
0230 -moz-box-sizing: border-box;
0231 -webkit-box-sizing: border-box;
0232 box-sizing: border-box;
0233 }
0234
0235 .row:after, .row:before {
0236 content: '';
0237 display: block;
0238 clear: both;
0239 height: 0;
0240 }
0241
0242 .row.uniform > * > :first-child {
0243 margin-top: 0;
0244 }
0245
0246 .row.uniform > * > :last-child {
0247 margin-bottom: 0;
0248 }
0249
0250 .row.\30 \25 > * {
0251 padding: 0 0 0 0rem;
0252 }
0253
0254 .row.\30 \25 {
0255 margin: 0 0 -1px 0rem;
0256 }
0257
0258 .row.uniform.\30 \25 > * {
0259 padding: 0rem 0 0 0rem;
0260 }
0261
0262 .row.uniform.\30 \25 {
0263 margin: 0rem 0 -1px 0rem;
0264 }
0265
0266 .row > * {
0267 padding: 0 0 0 2rem;
0268 }
0269
0270 .row {
0271 margin: 0 0 -1px -2rem;
0272 }
0273
0274 .row.uniform > * {
0275 padding: 2rem 0 0 2rem;
0276 }
0277
0278 .row.uniform {
0279 margin: -2rem 0 -1px -2rem;
0280 }
0281
0282 .row.\32 00\25 > * {
0283 padding: 0 0 0 4rem;
0284 }
0285
0286 .row.\32 00\25 {
0287 margin: 0 0 -1px -4rem;
0288 }
0289
0290 .row.uniform.\32 00\25 > * {
0291 padding: 4rem 0 0 4rem;
0292 }
0293
0294 .row.uniform.\32 00\25 {
0295 margin: -4rem 0 -1px -4rem;
0296 }
0297
0298 .row.\31 50\25 > * {
0299 padding: 0 0 0 3rem;
0300 }
0301
0302 .row.\31 50\25 {
0303 margin: 0 0 -1px -3rem;
0304 }
0305
0306 .row.uniform.\31 50\25 > * {
0307 padding: 3rem 0 0 3rem;
0308 }
0309
0310 .row.uniform.\31 50\25 {
0311 margin: -3rem 0 -1px -3rem;
0312 }
0313
0314 .row.\35 0\25 > * {
0315 padding: 0 0 0 1rem;
0316 }
0317
0318 .row.\35 0\25 {
0319 margin: 0 0 -1px -1rem;
0320 }
0321
0322 .row.uniform.\35 0\25 > * {
0323 padding: 1rem 0 0 1rem;
0324 }
0325
0326 .row.uniform.\35 0\25 {
0327 margin: -1rem 0 -1px -1rem;
0328 }
0329
0330 .row.\32 5\25 > * {
0331 padding: 0 0 0 0.5rem;
0332 }
0333
0334 .row.\32 5\25 {
0335 margin: 0 0 -1px -0.5rem;
0336 }
0337
0338 .row.uniform.\32 5\25 > * {
0339 padding: 0.5rem 0 0 0.5rem;
0340 }
0341
0342 .row.uniform.\32 5\25 {
0343 margin: -0.5rem 0 -1px -0.5rem;
0344 }
0345
0346 .\31 2u, .\31 2u\24 {
0347 width: 100%;
0348 clear: none;
0349 margin-left: 0;
0350 }
0351
0352 .\31 1u, .\31 1u\24 {
0353 width: 91.6666666667%;
0354 clear: none;
0355 margin-left: 0;
0356 }
0357
0358 .\31 0u, .\31 0u\24 {
0359 width: 83.3333333333%;
0360 clear: none;
0361 margin-left: 0;
0362 }
0363
0364 .\39 u, .\39 u\24 {
0365 width: 75%;
0366 clear: none;
0367 margin-left: 0;
0368 }
0369
0370 .\38 u, .\38 u\24 {
0371 width: 66.6666666667%;
0372 clear: none;
0373 margin-left: 0;
0374 }
0375
0376 .\37 u, .\37 u\24 {
0377 width: 58.3333333333%;
0378 clear: none;
0379 margin-left: 0;
0380 }
0381
0382 .\36 u, .\36 u\24 {
0383 width: 50%;
0384 clear: none;
0385 margin-left: 0;
0386 }
0387
0388 .\35 u, .\35 u\24 {
0389 width: 41.6666666667%;
0390 clear: none;
0391 margin-left: 0;
0392 }
0393
0394 .\34 u, .\34 u\24 {
0395 width: 33.3333333333%;
0396 clear: none;
0397 margin-left: 0;
0398 }
0399
0400 .\33 u, .\33 u\24 {
0401 width: 25%;
0402 clear: none;
0403 margin-left: 0;
0404 }
0405
0406 .\32 u, .\32 u\24 {
0407 width: 16.6666666667%;
0408 clear: none;
0409 margin-left: 0;
0410 }
0411
0412 .\31 u, .\31 u\24 {
0413 width: 8.3333333333%;
0414 clear: none;
0415 margin-left: 0;
0416 }
0417
0418 .\31 2u\24 + *,
0419 .\31 1u\24 + *,
0420 .\31 0u\24 + *,
0421 .\39 u\24 + *,
0422 .\38 u\24 + *,
0423 .\37 u\24 + *,
0424 .\36 u\24 + *,
0425 .\35 u\24 + *,
0426 .\34 u\24 + *,
0427 .\33 u\24 + *,
0428 .\32 u\24 + *,
0429 .\31 u\24 + * {
0430 clear: left;
0431 }
0432
0433 .\-11u {
0434 margin-left: 91.66667%;
0435 }
0436
0437 .\-10u {
0438 margin-left: 83.33333%;
0439 }
0440
0441 .\-9u {
0442 margin-left: 75%;
0443 }
0444
0445 .\-8u {
0446 margin-left: 66.66667%;
0447 }
0448
0449 .\-7u {
0450 margin-left: 58.33333%;
0451 }
0452
0453 .\-6u {
0454 margin-left: 50%;
0455 }
0456
0457 .\-5u {
0458 margin-left: 41.66667%;
0459 }
0460
0461 .\-4u {
0462 margin-left: 33.33333%;
0463 }
0464
0465 .\-3u {
0466 margin-left: 25%;
0467 }
0468
0469 .\-2u {
0470 margin-left: 16.66667%;
0471 }
0472
0473 .\-1u {
0474 margin-left: 8.33333%;
0475 }
0476
0477 @media screen and (max-width: 1680px) {
0478
0479 .row > * {
0480 padding: 0 0 0 2rem;
0481 }
0482
0483 .row {
0484 margin: 0 0 -1px -2rem;
0485 }
0486
0487 .row.uniform > * {
0488 padding: 2rem 0 0 2rem;
0489 }
0490
0491 .row.uniform {
0492 margin: -2rem 0 -1px -2rem;
0493 }
0494
0495 .row.\32 00\25 > * {
0496 padding: 0 0 0 4rem;
0497 }
0498
0499 .row.\32 00\25 {
0500 margin: 0 0 -1px -4rem;
0501 }
0502
0503 .row.uniform.\32 00\25 > * {
0504 padding: 4rem 0 0 4rem;
0505 }
0506
0507 .row.uniform.\32 00\25 {
0508 margin: -4rem 0 -1px -4rem;
0509 }
0510
0511 .row.\31 50\25 > * {
0512 padding: 0 0 0 3rem;
0513 }
0514
0515 .row.\31 50\25 {
0516 margin: 0 0 -1px -3rem;
0517 }
0518
0519 .row.uniform.\31 50\25 > * {
0520 padding: 3rem 0 0 3rem;
0521 }
0522
0523 .row.uniform.\31 50\25 {
0524 margin: -3rem 0 -1px -3rem;
0525 }
0526
0527 .row.\35 0\25 > * {
0528 padding: 0 0 0 1rem;
0529 }
0530
0531 .row.\35 0\25 {
0532 margin: 0 0 -1px -1rem;
0533 }
0534
0535 .row.uniform.\35 0\25 > * {
0536 padding: 1rem 0 0 1rem;
0537 }
0538
0539 .row.uniform.\35 0\25 {
0540 margin: -1rem 0 -1px -1rem;
0541 }
0542
0543 .row.\32 5\25 > * {
0544 padding: 0 0 0 0.5rem;
0545 }
0546
0547 .row.\32 5\25 {
0548 margin: 0 0 -1px -0.5rem;
0549 }
0550
0551 .row.uniform.\32 5\25 > * {
0552 padding: 0.5rem 0 0 0.5rem;
0553 }
0554
0555 .row.uniform.\32 5\25 {
0556 margin: -0.5rem 0 -1px -0.5rem;
0557 }
0558
0559 .\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
0560 width: 100%;
0561 clear: none;
0562 margin-left: 0;
0563 }
0564
0565 .\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
0566 width: 91.6666666667%;
0567 clear: none;
0568 margin-left: 0;
0569 }
0570
0571 .\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
0572 width: 83.3333333333%;
0573 clear: none;
0574 margin-left: 0;
0575 }
0576
0577 .\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
0578 width: 75%;
0579 clear: none;
0580 margin-left: 0;
0581 }
0582
0583 .\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
0584 width: 66.6666666667%;
0585 clear: none;
0586 margin-left: 0;
0587 }
0588
0589 .\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
0590 width: 58.3333333333%;
0591 clear: none;
0592 margin-left: 0;
0593 }
0594
0595 .\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
0596 width: 50%;
0597 clear: none;
0598 margin-left: 0;
0599 }
0600
0601 .\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
0602 width: 41.6666666667%;
0603 clear: none;
0604 margin-left: 0;
0605 }
0606
0607 .\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
0608 width: 33.3333333333%;
0609 clear: none;
0610 margin-left: 0;
0611 }
0612
0613 .\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
0614 width: 25%;
0615 clear: none;
0616 margin-left: 0;
0617 }
0618
0619 .\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
0620 width: 16.6666666667%;
0621 clear: none;
0622 margin-left: 0;
0623 }
0624
0625 .\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
0626 width: 8.3333333333%;
0627 clear: none;
0628 margin-left: 0;
0629 }
0630
0631 .\31 2u\24\28xlarge\29 + *,
0632 .\31 1u\24\28xlarge\29 + *,
0633 .\31 0u\24\28xlarge\29 + *,
0634 .\39 u\24\28xlarge\29 + *,
0635 .\38 u\24\28xlarge\29 + *,
0636 .\37 u\24\28xlarge\29 + *,
0637 .\36 u\24\28xlarge\29 + *,
0638 .\35 u\24\28xlarge\29 + *,
0639 .\34 u\24\28xlarge\29 + *,
0640 .\33 u\24\28xlarge\29 + *,
0641 .\32 u\24\28xlarge\29 + *,
0642 .\31 u\24\28xlarge\29 + * {
0643 clear: left;
0644 }
0645
0646 .\-11u\28xlarge\29 {
0647 margin-left: 91.66667%;
0648 }
0649
0650 .\-10u\28xlarge\29 {
0651 margin-left: 83.33333%;
0652 }
0653
0654 .\-9u\28xlarge\29 {
0655 margin-left: 75%;
0656 }
0657
0658 .\-8u\28xlarge\29 {
0659 margin-left: 66.66667%;
0660 }
0661
0662 .\-7u\28xlarge\29 {
0663 margin-left: 58.33333%;
0664 }
0665
0666 .\-6u\28xlarge\29 {
0667 margin-left: 50%;
0668 }
0669
0670 .\-5u\28xlarge\29 {
0671 margin-left: 41.66667%;
0672 }
0673
0674 .\-4u\28xlarge\29 {
0675 margin-left: 33.33333%;
0676 }
0677
0678 .\-3u\28xlarge\29 {
0679 margin-left: 25%;
0680 }
0681
0682 .\-2u\28xlarge\29 {
0683 margin-left: 16.66667%;
0684 }
0685
0686 .\-1u\28xlarge\29 {
0687 margin-left: 8.33333%;
0688 }
0689
0690 }
0691
0692 @media screen and (max-width: 1280px) {
0693
0694 .row > * {
0695 padding: 0 0 0 1.5rem;
0696 }
0697
0698 .row {
0699 margin: 0 0 -1px -1.5rem;
0700 }
0701
0702 .row.uniform > * {
0703 padding: 1.5rem 0 0 1.5rem;
0704 }
0705
0706 .row.uniform {
0707 margin: -1.5rem 0 -1px -1.5rem;
0708 }
0709
0710 .row.\32 00\25 > * {
0711 padding: 0 0 0 3rem;
0712 }
0713
0714 .row.\32 00\25 {
0715 margin: 0 0 -1px -3rem;
0716 }
0717
0718 .row.uniform.\32 00\25 > * {
0719 padding: 3rem 0 0 3rem;
0720 }
0721
0722 .row.uniform.\32 00\25 {
0723 margin: -3rem 0 -1px -3rem;
0724 }
0725
0726 .row.\31 50\25 > * {
0727 padding: 0 0 0 2.25rem;
0728 }
0729
0730 .row.\31 50\25 {
0731 margin: 0 0 -1px -2.25rem;
0732 }
0733
0734 .row.uniform.\31 50\25 > * {
0735 padding: 2.25rem 0 0 2.25rem;
0736 }
0737
0738 .row.uniform.\31 50\25 {
0739 margin: -2.25rem 0 -1px -2.25rem;
0740 }
0741
0742 .row.\35 0\25 > * {
0743 padding: 0 0 0 0.75rem;
0744 }
0745
0746 .row.\35 0\25 {
0747 margin: 0 0 -1px -0.75rem;
0748 }
0749
0750 .row.uniform.\35 0\25 > * {
0751 padding: 0.75rem 0 0 0.75rem;
0752 }
0753
0754 .row.uniform.\35 0\25 {
0755 margin: -0.75rem 0 -1px -0.75rem;
0756 }
0757
0758 .row.\32 5\25 > * {
0759 padding: 0 0 0 0.375rem;
0760 }
0761
0762 .row.\32 5\25 {
0763 margin: 0 0 -1px -0.375rem;
0764 }
0765
0766 .row.uniform.\32 5\25 > * {
0767 padding: 0.375rem 0 0 0.375rem;
0768 }
0769
0770 .row.uniform.\32 5\25 {
0771 margin: -0.375rem 0 -1px -0.375rem;
0772 }
0773
0774 .\31 2u\28large\29, .\31 2u\24\28large\29 {
0775 width: 100%;
0776 clear: none;
0777 margin-left: 0;
0778 }
0779
0780 .\31 1u\28large\29, .\31 1u\24\28large\29 {
0781 width: 91.6666666667%;
0782 clear: none;
0783 margin-left: 0;
0784 }
0785
0786 .\31 0u\28large\29, .\31 0u\24\28large\29 {
0787 width: 83.3333333333%;
0788 clear: none;
0789 margin-left: 0;
0790 }
0791
0792 .\39 u\28large\29, .\39 u\24\28large\29 {
0793 width: 75%;
0794 clear: none;
0795 margin-left: 0;
0796 }
0797
0798 .\38 u\28large\29, .\38 u\24\28large\29 {
0799 width: 66.6666666667%;
0800 clear: none;
0801 margin-left: 0;
0802 }
0803
0804 .\37 u\28large\29, .\37 u\24\28large\29 {
0805 width: 58.3333333333%;
0806 clear: none;
0807 margin-left: 0;
0808 }
0809
0810 .\36 u\28large\29, .\36 u\24\28large\29 {
0811 width: 50%;
0812 clear: none;
0813 margin-left: 0;
0814 }
0815
0816 .\35 u\28large\29, .\35 u\24\28large\29 {
0817 width: 41.6666666667%;
0818 clear: none;
0819 margin-left: 0;
0820 }
0821
0822 .\34 u\28large\29, .\34 u\24\28large\29 {
0823 width: 33.3333333333%;
0824 clear: none;
0825 margin-left: 0;
0826 }
0827
0828 .\33 u\28large\29, .\33 u\24\28large\29 {
0829 width: 25%;
0830 clear: none;
0831 margin-left: 0;
0832 }
0833
0834 .\32 u\28large\29, .\32 u\24\28large\29 {
0835 width: 16.6666666667%;
0836 clear: none;
0837 margin-left: 0;
0838 }
0839
0840 .\31 u\28large\29, .\31 u\24\28large\29 {
0841 width: 8.3333333333%;
0842 clear: none;
0843 margin-left: 0;
0844 }
0845
0846 .\31 2u\24\28large\29 + *,
0847 .\31 1u\24\28large\29 + *,
0848 .\31 0u\24\28large\29 + *,
0849 .\39 u\24\28large\29 + *,
0850 .\38 u\24\28large\29 + *,
0851 .\37 u\24\28large\29 + *,
0852 .\36 u\24\28large\29 + *,
0853 .\35 u\24\28large\29 + *,
0854 .\34 u\24\28large\29 + *,
0855 .\33 u\24\28large\29 + *,
0856 .\32 u\24\28large\29 + *,
0857 .\31 u\24\28large\29 + * {
0858 clear: left;
0859 }
0860
0861 .\-11u\28large\29 {
0862 margin-left: 91.66667%;
0863 }
0864
0865 .\-10u\28large\29 {
0866 margin-left: 83.33333%;
0867 }
0868
0869 .\-9u\28large\29 {
0870 margin-left: 75%;
0871 }
0872
0873 .\-8u\28large\29 {
0874 margin-left: 66.66667%;
0875 }
0876
0877 .\-7u\28large\29 {
0878 margin-left: 58.33333%;
0879 }
0880
0881 .\-6u\28large\29 {
0882 margin-left: 50%;
0883 }
0884
0885 .\-5u\28large\29 {
0886 margin-left: 41.66667%;
0887 }
0888
0889 .\-4u\28large\29 {
0890 margin-left: 33.33333%;
0891 }
0892
0893 .\-3u\28large\29 {
0894 margin-left: 25%;
0895 }
0896
0897 .\-2u\28large\29 {
0898 margin-left: 16.66667%;
0899 }
0900
0901 .\-1u\28large\29 {
0902 margin-left: 8.33333%;
0903 }
0904
0905 }
0906
0907 @media screen and (max-width: 980px) {
0908
0909 .row > * {
0910 padding: 0 0 0 1.5rem;
0911 }
0912
0913 .row {
0914 margin: 0 0 -1px -1.5rem;
0915 }
0916
0917 .row.uniform > * {
0918 padding: 1.5rem 0 0 1.5rem;
0919 }
0920
0921 .row.uniform {
0922 margin: -1.5rem 0 -1px -1.5rem;
0923 }
0924
0925 .row.\32 00\25 > * {
0926 padding: 0 0 0 3rem;
0927 }
0928
0929 .row.\32 00\25 {
0930 margin: 0 0 -1px -3rem;
0931 }
0932
0933 .row.uniform.\32 00\25 > * {
0934 padding: 3rem 0 0 3rem;
0935 }
0936
0937 .row.uniform.\32 00\25 {
0938 margin: -3rem 0 -1px -3rem;
0939 }
0940
0941 .row.\31 50\25 > * {
0942 padding: 0 0 0 2.25rem;
0943 }
0944
0945 .row.\31 50\25 {
0946 margin: 0 0 -1px -2.25rem;
0947 }
0948
0949 .row.uniform.\31 50\25 > * {
0950 padding: 2.25rem 0 0 2.25rem;
0951 }
0952
0953 .row.uniform.\31 50\25 {
0954 margin: -2.25rem 0 -1px -2.25rem;
0955 }
0956
0957 .row.\35 0\25 > * {
0958 padding: 0 0 0 0.75rem;
0959 }
0960
0961 .row.\35 0\25 {
0962 margin: 0 0 -1px -0.75rem;
0963 }
0964
0965 .row.uniform.\35 0\25 > * {
0966 padding: 0.75rem 0 0 0.75rem;
0967 }
0968
0969 .row.uniform.\35 0\25 {
0970 margin: -0.75rem 0 -1px -0.75rem;
0971 }
0972
0973 .row.\32 5\25 > * {
0974 padding: 0 0 0 0.375rem;
0975 }
0976
0977 .row.\32 5\25 {
0978 margin: 0 0 -1px -0.375rem;
0979 }
0980
0981 .row.uniform.\32 5\25 > * {
0982 padding: 0.375rem 0 0 0.375rem;
0983 }
0984
0985 .row.uniform.\32 5\25 {
0986 margin: -0.375rem 0 -1px -0.375rem;
0987 }
0988
0989 .\31 2u\28medium\29, .\31 2u\24\28medium\29 {
0990 width: 100%;
0991 clear: none;
0992 margin-left: 0;
0993 }
0994
0995 .\31 1u\28medium\29, .\31 1u\24\28medium\29 {
0996 width: 91.6666666667%;
0997 clear: none;
0998 margin-left: 0;
0999 }
1000
1001 .\31 0u\28medium\29, .\31 0u\24\28medium\29 {
1002 width: 83.3333333333%;
1003 clear: none;
1004 margin-left: 0;
1005 }
1006
1007 .\39 u\28medium\29, .\39 u\24\28medium\29 {
1008 width: 75%;
1009 clear: none;
1010 margin-left: 0;
1011 }
1012
1013 .\38 u\28medium\29, .\38 u\24\28medium\29 {
1014 width: 66.6666666667%;
1015 clear: none;
1016 margin-left: 0;
1017 }
1018
1019 .\37 u\28medium\29, .\37 u\24\28medium\29 {
1020 width: 58.3333333333%;
1021 clear: none;
1022 margin-left: 0;
1023 }
1024
1025 .\36 u\28medium\29, .\36 u\24\28medium\29 {
1026 width: 50%;
1027 clear: none;
1028 margin-left: 0;
1029 }
1030
1031 .\35 u\28medium\29, .\35 u\24\28medium\29 {
1032 width: 41.6666666667%;
1033 clear: none;
1034 margin-left: 0;
1035 }
1036
1037 .\34 u\28medium\29, .\34 u\24\28medium\29 {
1038 width: 33.3333333333%;
1039 clear: none;
1040 margin-left: 0;
1041 }
1042
1043 .\33 u\28medium\29, .\33 u\24\28medium\29 {
1044 width: 25%;
1045 clear: none;
1046 margin-left: 0;
1047 }
1048
1049 .\32 u\28medium\29, .\32 u\24\28medium\29 {
1050 width: 16.6666666667%;
1051 clear: none;
1052 margin-left: 0;
1053 }
1054
1055 .\31 u\28medium\29, .\31 u\24\28medium\29 {
1056 width: 8.3333333333%;
1057 clear: none;
1058 margin-left: 0;
1059 }
1060
1061 .\31 2u\24\28medium\29 + *,
1062 .\31 1u\24\28medium\29 + *,
1063 .\31 0u\24\28medium\29 + *,
1064 .\39 u\24\28medium\29 + *,
1065 .\38 u\24\28medium\29 + *,
1066 .\37 u\24\28medium\29 + *,
1067 .\36 u\24\28medium\29 + *,
1068 .\35 u\24\28medium\29 + *,
1069 .\34 u\24\28medium\29 + *,
1070 .\33 u\24\28medium\29 + *,
1071 .\32 u\24\28medium\29 + *,
1072 .\31 u\24\28medium\29 + * {
1073 clear: left;
1074 }
1075
1076 .\-11u\28medium\29 {
1077 margin-left: 91.66667%;
1078 }
1079
1080 .\-10u\28medium\29 {
1081 margin-left: 83.33333%;
1082 }
1083
1084 .\-9u\28medium\29 {
1085 margin-left: 75%;
1086 }
1087
1088 .\-8u\28medium\29 {
1089 margin-left: 66.66667%;
1090 }
1091
1092 .\-7u\28medium\29 {
1093 margin-left: 58.33333%;
1094 }
1095
1096 .\-6u\28medium\29 {
1097 margin-left: 50%;
1098 }
1099
1100 .\-5u\28medium\29 {
1101 margin-left: 41.66667%;
1102 }
1103
1104 .\-4u\28medium\29 {
1105 margin-left: 33.33333%;
1106 }
1107
1108 .\-3u\28medium\29 {
1109 margin-left: 25%;
1110 }
1111
1112 .\-2u\28medium\29 {
1113 margin-left: 16.66667%;
1114 }
1115
1116 .\-1u\28medium\29 {
1117 margin-left: 8.33333%;
1118 }
1119
1120 }
1121
1122 @media screen and (max-width: 736px) {
1123
1124 .row > * {
1125 padding: 0 0 0 1.25rem;
1126 }
1127
1128 .row {
1129 margin: 0 0 -1px -1.25rem;
1130 }
1131
1132 .row.uniform > * {
1133 padding: 1.25rem 0 0 1.25rem;
1134 }
1135
1136 .row.uniform {
1137 margin: -1.25rem 0 -1px -1.25rem;
1138 }
1139
1140 .row.\32 00\25 > * {
1141 padding: 0 0 0 2.5rem;
1142 }
1143
1144 .row.\32 00\25 {
1145 margin: 0 0 -1px -2.5rem;
1146 }
1147
1148 .row.uniform.\32 00\25 > * {
1149 padding: 2.5rem 0 0 2.5rem;
1150 }
1151
1152 .row.uniform.\32 00\25 {
1153 margin: -2.5rem 0 -1px -2.5rem;
1154 }
1155
1156 .row.\31 50\25 > * {
1157 padding: 0 0 0 1.875rem;
1158 }
1159
1160 .row.\31 50\25 {
1161 margin: 0 0 -1px -1.875rem;
1162 }
1163
1164 .row.uniform.\31 50\25 > * {
1165 padding: 1.875rem 0 0 1.875rem;
1166 }
1167
1168 .row.uniform.\31 50\25 {
1169 margin: -1.875rem 0 -1px -1.875rem;
1170 }
1171
1172 .row.\35 0\25 > * {
1173 padding: 0 0 0 0.625rem;
1174 }
1175
1176 .row.\35 0\25 {
1177 margin: 0 0 -1px -0.625rem;
1178 }
1179
1180 .row.uniform.\35 0\25 > * {
1181 padding: 0.625rem 0 0 0.625rem;
1182 }
1183
1184 .row.uniform.\35 0\25 {
1185 margin: -0.625rem 0 -1px -0.625rem;
1186 }
1187
1188 .row.\32 5\25 > * {
1189 padding: 0 0 0 0.3125rem;
1190 }
1191
1192 .row.\32 5\25 {
1193 margin: 0 0 -1px -0.3125rem;
1194 }
1195
1196 .row.uniform.\32 5\25 > * {
1197 padding: 0.3125rem 0 0 0.3125rem;
1198 }
1199
1200 .row.uniform.\32 5\25 {
1201 margin: -0.3125rem 0 -1px -0.3125rem;
1202 }
1203
1204 .\31 2u\28small\29, .\31 2u\24\28small\29 {
1205 width: 100%;
1206 clear: none;
1207 margin-left: 0;
1208 }
1209
1210 .\31 1u\28small\29, .\31 1u\24\28small\29 {
1211 width: 91.6666666667%;
1212 clear: none;
1213 margin-left: 0;
1214 }
1215
1216 .\31 0u\28small\29, .\31 0u\24\28small\29 {
1217 width: 83.3333333333%;
1218 clear: none;
1219 margin-left: 0;
1220 }
1221
1222 .\39 u\28small\29, .\39 u\24\28small\29 {
1223 width: 75%;
1224 clear: none;
1225 margin-left: 0;
1226 }
1227
1228 .\38 u\28small\29, .\38 u\24\28small\29 {
1229 width: 66.6666666667%;
1230 clear: none;
1231 margin-left: 0;
1232 }
1233
1234 .\37 u\28small\29, .\37 u\24\28small\29 {
1235 width: 58.3333333333%;
1236 clear: none;
1237 margin-left: 0;
1238 }
1239
1240 .\36 u\28small\29, .\36 u\24\28small\29 {
1241 width: 50%;
1242 clear: none;
1243 margin-left: 0;
1244 }
1245
1246 .\35 u\28small\29, .\35 u\24\28small\29 {
1247 width: 41.6666666667%;
1248 clear: none;
1249 margin-left: 0;
1250 }
1251
1252 .\34 u\28small\29, .\34 u\24\28small\29 {
1253 width: 33.3333333333%;
1254 clear: none;
1255 margin-left: 0;
1256 }
1257
1258 .\33 u\28small\29, .\33 u\24\28small\29 {
1259 width: 25%;
1260 clear: none;
1261 margin-left: 0;
1262 }
1263
1264 .\32 u\28small\29, .\32 u\24\28small\29 {
1265 width: 16.6666666667%;
1266 clear: none;
1267 margin-left: 0;
1268 }
1269
1270 .\31 u\28small\29, .\31 u\24\28small\29 {
1271 width: 8.3333333333%;
1272 clear: none;
1273 margin-left: 0;
1274 }
1275
1276 .\31 2u\24\28small\29 + *,
1277 .\31 1u\24\28small\29 + *,
1278 .\31 0u\24\28small\29 + *,
1279 .\39 u\24\28small\29 + *,
1280 .\38 u\24\28small\29 + *,
1281 .\37 u\24\28small\29 + *,
1282 .\36 u\24\28small\29 + *,
1283 .\35 u\24\28small\29 + *,
1284 .\34 u\24\28small\29 + *,
1285 .\33 u\24\28small\29 + *,
1286 .\32 u\24\28small\29 + *,
1287 .\31 u\24\28small\29 + * {
1288 clear: left;
1289 }
1290
1291 .\-11u\28small\29 {
1292 margin-left: 91.66667%;
1293 }
1294
1295 .\-10u\28small\29 {
1296 margin-left: 83.33333%;
1297 }
1298
1299 .\-9u\28small\29 {
1300 margin-left: 75%;
1301 }
1302
1303 .\-8u\28small\29 {
1304 margin-left: 66.66667%;
1305 }
1306
1307 .\-7u\28small\29 {
1308 margin-left: 58.33333%;
1309 }
1310
1311 .\-6u\28small\29 {
1312 margin-left: 50%;
1313 }
1314
1315 .\-5u\28small\29 {
1316 margin-left: 41.66667%;
1317 }
1318
1319 .\-4u\28small\29 {
1320 margin-left: 33.33333%;
1321 }
1322
1323 .\-3u\28small\29 {
1324 margin-left: 25%;
1325 }
1326
1327 .\-2u\28small\29 {
1328 margin-left: 16.66667%;
1329 }
1330
1331 .\-1u\28small\29 {
1332 margin-left: 8.33333%;
1333 }
1334
1335 }
1336
1337 @media screen and (max-width: 480px) {
1338
1339 .row > * {
1340 padding: 0 0 0 1.25rem;
1341 }
1342
1343 .row {
1344 margin: 0 0 -1px -1.25rem;
1345 }
1346
1347 .row.uniform > * {
1348 padding: 1.25rem 0 0 1.25rem;
1349 }
1350
1351 .row.uniform {
1352 margin: -1.25rem 0 -1px -1.25rem;
1353 }
1354
1355 .row.\32 00\25 > * {
1356 padding: 0 0 0 2.5rem;
1357 }
1358
1359 .row.\32 00\25 {
1360 margin: 0 0 -1px -2.5rem;
1361 }
1362
1363 .row.uniform.\32 00\25 > * {
1364 padding: 2.5rem 0 0 2.5rem;
1365 }
1366
1367 .row.uniform.\32 00\25 {
1368 margin: -2.5rem 0 -1px -2.5rem;
1369 }
1370
1371 .row.\31 50\25 > * {
1372 padding: 0 0 0 1.875rem;
1373 }
1374
1375 .row.\31 50\25 {
1376 margin: 0 0 -1px -1.875rem;
1377 }
1378
1379 .row.uniform.\31 50\25 > * {
1380 padding: 1.875rem 0 0 1.875rem;
1381 }
1382
1383 .row.uniform.\31 50\25 {
1384 margin: -1.875rem 0 -1px -1.875rem;
1385 }
1386
1387 .row.\35 0\25 > * {
1388 padding: 0 0 0 0.625rem;
1389 }
1390
1391 .row.\35 0\25 {
1392 margin: 0 0 -1px -0.625rem;
1393 }
1394
1395 .row.uniform.\35 0\25 > * {
1396 padding: 0.625rem 0 0 0.625rem;
1397 }
1398
1399 .row.uniform.\35 0\25 {
1400 margin: -0.625rem 0 -1px -0.625rem;
1401 }
1402
1403 .row.\32 5\25 > * {
1404 padding: 0 0 0 0.3125rem;
1405 }
1406
1407 .row.\32 5\25 {
1408 margin: 0 0 -1px -0.3125rem;
1409 }
1410
1411 .row.uniform.\32 5\25 > * {
1412 padding: 0.3125rem 0 0 0.3125rem;
1413 }
1414
1415 .row.uniform.\32 5\25 {
1416 margin: -0.3125rem 0 -1px -0.3125rem;
1417 }
1418
1419 .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
1420 width: 100%;
1421 clear: none;
1422 margin-left: 0;
1423 }
1424
1425 .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
1426 width: 91.6666666667%;
1427 clear: none;
1428 margin-left: 0;
1429 }
1430
1431 .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
1432 width: 83.3333333333%;
1433 clear: none;
1434 margin-left: 0;
1435 }
1436
1437 .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
1438 width: 75%;
1439 clear: none;
1440 margin-left: 0;
1441 }
1442
1443 .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
1444 width: 66.6666666667%;
1445 clear: none;
1446 margin-left: 0;
1447 }
1448
1449 .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
1450 width: 58.3333333333%;
1451 clear: none;
1452 margin-left: 0;
1453 }
1454
1455 .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
1456 width: 50%;
1457 clear: none;
1458 margin-left: 0;
1459 }
1460
1461 .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
1462 width: 41.6666666667%;
1463 clear: none;
1464 margin-left: 0;
1465 }
1466
1467 .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
1468 width: 33.3333333333%;
1469 clear: none;
1470 margin-left: 0;
1471 }
1472
1473 .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
1474 width: 25%;
1475 clear: none;
1476 margin-left: 0;
1477 }
1478
1479 .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
1480 width: 16.6666666667%;
1481 clear: none;
1482 margin-left: 0;
1483 }
1484
1485 .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
1486 width: 8.3333333333%;
1487 clear: none;
1488 margin-left: 0;
1489 }
1490
1491 .\31 2u\24\28xsmall\29 + *,
1492 .\31 1u\24\28xsmall\29 + *,
1493 .\31 0u\24\28xsmall\29 + *,
1494 .\39 u\24\28xsmall\29 + *,
1495 .\38 u\24\28xsmall\29 + *,
1496 .\37 u\24\28xsmall\29 + *,
1497 .\36 u\24\28xsmall\29 + *,
1498 .\35 u\24\28xsmall\29 + *,
1499 .\34 u\24\28xsmall\29 + *,
1500 .\33 u\24\28xsmall\29 + *,
1501 .\32 u\24\28xsmall\29 + *,
1502 .\31 u\24\28xsmall\29 + * {
1503 clear: left;
1504 }
1505
1506 .\-11u\28xsmall\29 {
1507 margin-left: 91.66667%;
1508 }
1509
1510 .\-10u\28xsmall\29 {
1511 margin-left: 83.33333%;
1512 }
1513
1514 .\-9u\28xsmall\29 {
1515 margin-left: 75%;
1516 }
1517
1518 .\-8u\28xsmall\29 {
1519 margin-left: 66.66667%;
1520 }
1521
1522 .\-7u\28xsmall\29 {
1523 margin-left: 58.33333%;
1524 }
1525
1526 .\-6u\28xsmall\29 {
1527 margin-left: 50%;
1528 }
1529
1530 .\-5u\28xsmall\29 {
1531 margin-left: 41.66667%;
1532 }
1533
1534 .\-4u\28xsmall\29 {
1535 margin-left: 33.33333%;
1536 }
1537
1538 .\-3u\28xsmall\29 {
1539 margin-left: 25%;
1540 }
1541
1542 .\-2u\28xsmall\29 {
1543 margin-left: 16.66667%;
1544 }
1545
1546 .\-1u\28xsmall\29 {
1547 margin-left: 8.33333%;
1548 }
1549
1550 }
1551
1552 /* Basic */
1553
1554 @-ms-viewport {
1555 width: device-width;
1556 }
1557
1558 body {
1559 -ms-overflow-style: scrollbar;
1560 }
1561
1562 @media screen and (max-width: 480px) {
1563
1564 html, body {
1565 min-width: 320px;
1566 }
1567
1568 }
1569
1570 body {
1571 background: #fff;
1572 }
1573
1574 body.is-loading *, body.is-loading *:before, body.is-loading *:after {
1575 -moz-animation: none !important;
1576 -webkit-animation: none !important;
1577 -ms-animation: none !important;
1578 animation: none !important;
1579 -moz-transition: none !important;
1580 -webkit-transition: none !important;
1581 -ms-transition: none !important;
1582 transition: none !important;
1583 }
1584
1585 /* Type */
1586
1587 html {
1588 font-size: 13pt;
1589 }
1590
1591 @media screen and (max-width: 1680px) {
1592
1593 html {
1594 font-size: 11pt;
1595 }
1596
1597 }
1598
1599 @media screen and (max-width: 1280px) {
1600
1601 html {
1602 font-size: 11pt;
1603 }
1604
1605 }
1606
1607 @media screen and (max-width: 980px) {
1608
1609 html {
1610 font-size: 12pt;
1611 }
1612
1613 }
1614
1615 @media screen and (max-width: 736px) {
1616
1617 html {
1618 font-size: 12pt;
1619 }
1620
1621 }
1622
1623 @media screen and (max-width: 480px) {
1624
1625 html {
1626 font-size: 12pt;
1627 }
1628
1629 }
1630
1631 body {
1632 background-color: #fff;
1633 color: #444;
1634 }
1635
1636 body, input, select, textarea {
1637 font-family: "Poppins", sans-serif;
1638 font-weight: 300;
1639 font-size: 1rem;
1640 line-height: 1.65;
1641 }
1642
1643 a {
1644 text-decoration: underline;
1645 }
1646
1647 a:hover {
1648 text-decoration: none;
1649 }
1650
1651 strong, b {
1652 font-weight: 600;
1653 }
1654
1655 em, i {
1656 font-style: italic;
1657 }
1658
1659 p {
1660 margin: 0 0 2rem 0;
1661 }
1662
1663 p.special {
1664 text-transform: uppercase;
1665 font-size: .75rem;
1666 font-weight: 300;
1667 margin: 0 0 .5rem 0;
1668 padding: 0 0 1rem 0;
1669 letter-spacing: .25rem;
1670 }
1671
1672 p.special:after {
1673 content: '';
1674 position: absolute;
1675 margin: auto;
1676 right: 0;
1677 bottom: 0;
1678 left: 0;
1679 width: 50%;
1680 height: 1px;
1681 background-color: rgba(0, 0, 0, 0.125);
1682 }
1683
1684 h1, h2, h3, h4, h5, h6 {
1685 font-weight: 300;
1686 line-height: 1.5;
1687 margin: 0 0 1rem 0;
1688 }
1689
1690 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
1691 color: inherit;
1692 text-decoration: none;
1693 }
1694
1695 h2 {
1696 font-size: 1.75rem;
1697 }
1698
1699 h3 {
1700 font-size: 1.35rem;
1701 }
1702
1703 h4 {
1704 font-size: 1.1rem;
1705 }
1706
1707 h5 {
1708 font-size: 0.9rem;
1709 }
1710
1711 h6 {
1712 font-size: 0.7rem;
1713 }
1714
1715 sub {
1716 font-size: 0.8rem;
1717 position: relative;
1718 top: 0.5rem;
1719 }
1720
1721 sup {
1722 font-size: 0.8rem;
1723 position: relative;
1724 top: -0.5rem;
1725 }
1726
1727 blockquote {
1728 border-left: solid 4px;
1729 font-style: italic;
1730 margin: 0 0 2rem 0;
1731 padding: 0.5rem 0 0.5rem 2rem;
1732 }
1733
1734 code {
1735 border-radius: 2px;
1736 border: solid 1px;
1737 font-family: "Courier New", monospace;
1738 font-size: 0.9rem;
1739 margin: 0 0.25rem;
1740 padding: 0.25rem 0.65rem;
1741 }
1742
1743 pre {
1744 -webkit-overflow-scrolling: touch;
1745 font-family: "Courier New", monospace;
1746 font-size: 0.9rem;
1747 margin: 0 0 2rem 0;
1748 }
1749
1750 pre code {
1751 display: block;
1752 line-height: 1.75;
1753 padding: 1rem 1.5rem;
1754 overflow-x: auto;
1755 }
1756
1757 hr {
1758 border: 0;
1759 border-bottom: solid 1px;
1760 margin: 2rem 0;
1761 }
1762
1763 hr.major {
1764 margin: 3rem 0;
1765 }
1766
1767 .align-left {
1768 text-align: left;
1769 }
1770
1771 .align-center {
1772 text-align: center;
1773 }
1774
1775 .align-right {
1776 text-align: right;
1777 }
1778
1779 input, select, textarea {
1780 color: #555;
1781 }
1782
1783 a {
1784 color: #8a4680;
1785 }
1786
1787 strong, b {
1788 color: #555;
1789 }
1790
1791 h1, h2, h3, h4, h5, h6 {
1792 color: #555;
1793 }
1794
1795 blockquote {
1796 border-left-color: rgba(144, 144, 144, 0.25);
1797 }
1798
1799 code {
1800 background: rgba(144, 144, 144, 0.075);
1801 border-color: rgba(144, 144, 144, 0.25);
1802 }
1803
1804 hr {
1805 border-bottom-color: rgba(144, 144, 144, 0.25);
1806 }
1807
1808 /* Box */
1809
1810 .box {
1811 margin-bottom: 2rem;
1812 /*background: #FFF;*/
1813 background: #555;
1814 border-color: rgba(144, 144, 144, 0.25);
1815 padding: 1rem;
1816 }
1817
1818 .box .image.fit {
1819 margin: 0;
1820 border-radius: 0;
1821 }
1822
1823 .box .image.fit img {
1824 border-radius: 0;
1825 }
1826
1827 .box header h2 {
1828 margin-bottom: 2rem;
1829 }
1830
1831 .box header p {
1832 text-transform: uppercase;
1833 font-size: .75rem;
1834 font-weight: 300;
1835 margin: 0 0 .25rem 0;
1836 padding: 0 0 .75rem 0;
1837 letter-spacing: .25rem;
1838 }
1839
1840 .box header p:after {
1841 content: '';
1842 position: absolute;
1843 margin: auto;
1844 right: 0;
1845 bottom: 0;
1846 left: 0;
1847 width: 50%;
1848 height: 1px;
1849 background-color: rgba(0, 0, 0, 0.125);
1850 }
1851
1852 .box .content {
1853 padding: 3rem;
1854 }
1855
1856 .box > :last-child,
1857 .box > :last-child > :last-child,
1858 .box > :last-child > :last-child > :last-child {
1859 margin-bottom: 0;
1860 }
1861
1862 .box.alt {
1863 border: 0;
1864 border-radius: 0;
1865 padding: 0;
1866 }
1867
1868 @media screen and (max-width: 736px) {
1869
1870 .box .content {
1871 padding: 2rem;
1872 }
1873
1874 }
1875
1876 .box {
1877 border-color: rgba(144, 144, 144, 0.25);
1878 }
1879
1880 /* Button */
1881
1882 input[type="submit"],
1883 input[type="reset"],
1884 input[type="button"],
1885 button,
1886 .button {
1887 -moz-appearance: none;
1888 -webkit-appearance: none;
1889 -ms-appearance: none;
1890 appearance: none;
1891 -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
1892 -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
1893 -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
1894 transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
1895 border-radius: 2px;
1896 border: 0;
1897 cursor: pointer;
1898 display: inline-block;
1899 font-weight: 300;
1900 height: 2.85rem;
1901 line-height: 2.95rem;
1902 padding: 0 1.5rem;
1903 text-align: center;
1904 text-decoration: none;
1905 text-transform: uppercase;
1906 white-space: nowrap;
1907 }
1908
1909 input[type="submit"].icon,
1910 input[type="reset"].icon,
1911 input[type="button"].icon,
1912 button.icon,
1913 .button.icon {
1914 padding-left: 1.35rem;
1915 }
1916
1917 input[type="submit"].icon:before,
1918 input[type="reset"].icon:before,
1919 input[type="button"].icon:before,
1920 button.icon:before,
1921 .button.icon:before {
1922 margin-right: 0.5rem;
1923 }
1924
1925 input[type="submit"].fit,
1926 input[type="reset"].fit,
1927 input[type="button"].fit,
1928 button.fit,
1929 .button.fit {
1930 display: block;
1931 margin: 0 0 1rem 0;
1932 width: 100%;
1933 }
1934
1935 input[type="submit"].small,
1936 input[type="reset"].small,
1937 input[type="button"].small,
1938 button.small,
1939 .button.small {
1940 font-size: 0.8rem;
1941 }
1942
1943 input[type="submit"].big,
1944 input[type="reset"].big,
1945 input[type="button"].big,
1946 button.big,
1947 .button.big {
1948 font-size: 1.35rem;
1949 }
1950
1951 input[type="submit"].disabled, input[type="submit"]:disabled,
1952 input[type="reset"].disabled,
1953 input[type="reset"]:disabled,
1954 input[type="button"].disabled,
1955 input[type="button"]:disabled,
1956 button.disabled,
1957 button:disabled,
1958 .button.disabled,
1959 .button:disabled {
1960 -moz-pointer-events: none;
1961 -webkit-pointer-events: none;
1962 -ms-pointer-events: none;
1963 pointer-events: none;
1964 opacity: 0.25;
1965 }
1966
1967 @media screen and (max-width: 480px) {
1968
1969 input[type="submit"],
1970 input[type="reset"],
1971 input[type="button"],
1972 button,
1973 .button {
1974 padding: 0;
1975 width: 100%;
1976 }
1977
1978 }
1979
1980 input[type="submit"],
1981 input[type="reset"],
1982 input[type="button"],
1983 button,
1984 .button {
1985 background-color: #f2f2f2;
1986 color: #000 !important;
1987 }
1988
1989 input[type="submit"]:hover,
1990 input[type="reset"]:hover,
1991 input[type="button"]:hover,
1992 button:hover,
1993 .button:hover {
1994 background-color: white;
1995 }
1996
1997 input[type="submit"]:active,
1998 input[type="reset"]:active,
1999 input[type="button"]:active,
2000 button:active,
2001 .button:active {
2002 background-color: #e5e5e5;
2003 }
2004
2005 input[type="submit"].alt,
2006 input[type="reset"].alt,
2007 input[type="button"].alt,
2008 button.alt,
2009 .button.alt {
2010 background-color: transparent;
2011 box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
2012 color: #555 !important;
2013 }
2014
2015 input[type="submit"].alt:hover,
2016 input[type="reset"].alt:hover,
2017 input[type="button"].alt:hover,
2018 button.alt:hover,
2019 .button.alt:hover {
2020 background-color: rgba(144, 144, 144, 0.075);
2021 }
2022
2023 input[type="submit"].alt:active,
2024 input[type="reset"].alt:active,
2025 input[type="button"].alt:active,
2026 button.alt:active,
2027 .button.alt:active {
2028 background-color: rgba(144, 144, 144, 0.2);
2029 }
2030
2031 input[type="submit"].alt.icon:before,
2032 input[type="reset"].alt.icon:before,
2033 input[type="button"].alt.icon:before,
2034 button.alt.icon:before,
2035 .button.alt.icon:before {
2036 color: #bbb;
2037 }
2038
2039 input[type="submit"].special,
2040 input[type="reset"].special,
2041 input[type="button"].special,
2042 button.special,
2043 .button.special {
2044 background-color: #8a4680;
2045 color: #ffffff !important;
2046 }
2047
2048 input[type="submit"].special:hover,
2049 input[type="reset"].special:hover,
2050 input[type="button"].special:hover,
2051 button.special:hover,
2052 .button.special:hover {
2053 background-color: #9b4f90;
2054 }
2055
2056 input[type="submit"].special:active,
2057 input[type="reset"].special:active,
2058 input[type="button"].special:active,
2059 button.special:active,
2060 .button.special:active {
2061 background-color: #793d70;
2062 }
2063
2064 /* Form */
2065
2066 form {
2067 margin: 0 0 2rem 0;
2068 }
2069
2070 label {
2071 display: block;
2072 font-size: 0.9rem;
2073 font-weight: 700;
2074 margin: 0 0 1rem 0;
2075 }
2076
2077 input[type="text"],
2078 input[type="password"],
2079 input[type="email"],
2080 select,
2081 textarea {
2082 -moz-appearance: none;
2083 -webkit-appearance: none;
2084 -ms-appearance: none;
2085 appearance: none;
2086 border-radius: 2px;
2087 border: none;
2088 border: solid 1px;
2089 color: inherit;
2090 display: block;
2091 outline: 0;
2092 padding: 0 1rem;
2093 text-decoration: none;
2094 width: 100%;
2095 }
2096
2097 input[type="text"]:invalid,
2098 input[type="password"]:invalid,
2099 input[type="email"]:invalid,
2100 select:invalid,
2101 textarea:invalid {
2102 box-shadow: none;
2103 }
2104
2105 .select-wrapper {
2106 text-decoration: none;
2107 display: block;
2108 position: relative;
2109 }
2110
2111 .select-wrapper:before {
2112 -moz-osx-font-smoothing: grayscale;
2113 -webkit-font-smoothing: antialiased;
2114 font-family: FontAwesome;
2115 font-style: normal;
2116 font-weight: normal;
2117 text-transform: none !important;
2118 }
2119
2120 .select-wrapper:before {
2121 content: '\f078';
2122 display: block;
2123 height: 2.75rem;
2124 line-height: 2.75rem;
2125 pointer-events: none;
2126 position: absolute;
2127 right: 0;
2128 text-align: center;
2129 top: 0;
2130 width: 2.75rem;
2131 }
2132
2133 .select-wrapper select::-ms-expand {
2134 display: none;
2135 }
2136
2137 input[type="text"],
2138 input[type="password"],
2139 input[type="email"],
2140 select {
2141 height: 2.75rem;
2142 }
2143
2144 textarea {
2145 padding: 0.75rem 1rem;
2146 }
2147
2148 input[type="checkbox"],
2149 input[type="radio"] {
2150 -moz-appearance: none;
2151 -webkit-appearance: none;
2152 -ms-appearance: none;
2153 appearance: none;
2154 display: block;
2155 float: left;
2156 margin-right: -2rem;
2157 opacity: 0;
2158 width: 1rem;
2159 z-index: -1;
2160 }
2161
2162 input[type="checkbox"] + label,
2163 input[type="radio"] + label {
2164 text-decoration: none;
2165 cursor: pointer;
2166 display: inline-block;
2167 font-size: 1rem;
2168 font-weight: 400;
2169 padding-left: 2.4rem;
2170 padding-right: 0.75rem;
2171 position: relative;
2172 }
2173
2174 input[type="checkbox"] + label:before,
2175 input[type="radio"] + label:before {
2176 -moz-osx-font-smoothing: grayscale;
2177 -webkit-font-smoothing: antialiased;
2178 font-family: FontAwesome;
2179 font-style: normal;
2180 font-weight: normal;
2181 text-transform: none !important;
2182 }
2183
2184 input[type="checkbox"] + label:before,
2185 input[type="radio"] + label:before {
2186 border-radius: 2px;
2187 border: solid 1px;
2188 content: '';
2189 display: inline-block;
2190 height: 1.65rem;
2191 left: 0;
2192 line-height: 1.58125rem;
2193 position: absolute;
2194 text-align: center;
2195 top: 0;
2196 width: 1.65rem;
2197 }
2198
2199 input[type="checkbox"]:checked + label:before,
2200 input[type="radio"]:checked + label:before {
2201 content: '\f00c';
2202 }
2203
2204 input[type="checkbox"] + label:before {
2205 border-radius: 2px;
2206 }
2207
2208 input[type="radio"] + label:before {
2209 border-radius: 100%;
2210 }
2211
2212 ::-webkit-input-placeholder {
2213 opacity: 1.0;
2214 }
2215
2216 :-moz-placeholder {
2217 opacity: 1.0;
2218 }
2219
2220 ::-moz-placeholder {
2221 opacity: 1.0;
2222 }
2223
2224 :-ms-input-placeholder {
2225 opacity: 1.0;
2226 }
2227
2228 .formerize-placeholder {
2229 opacity: 1.0;
2230 }
2231
2232 label {
2233 color: #555;
2234 }
2235
2236 input[type="text"],
2237 input[type="password"],
2238 input[type="email"],
2239 select,
2240 textarea {
2241 background: rgba(144, 144, 144, 0.075);
2242 border-color: rgba(144, 144, 144, 0.25);
2243 }
2244
2245 input[type="text"]:focus,
2246 input[type="password"]:focus,
2247 input[type="email"]:focus,
2248 select:focus,
2249 textarea:focus {
2250 border-color: #8a4680;
2251 box-shadow: 0 0 0 1px #8a4680;
2252 }
2253
2254 .select-wrapper:before {
2255 color: rgba(144, 144, 144, 0.25);
2256 }
2257
2258 input[type="checkbox"] + label,
2259 input[type="radio"] + label {
2260 color: #444;
2261 }
2262
2263 input[type="checkbox"] + label:before,
2264 input[type="radio"] + label:before {
2265 background: rgba(144, 144, 144, 0.075);
2266 border-color: rgba(144, 144, 144, 0.25);
2267 }
2268
2269 input[type="checkbox"]:checked + label:before,
2270 input[type="radio"]:checked + label:before {
2271 background-color: #8a4680;
2272 border-color: #8a4680;
2273 color: #ffffff;
2274 }
2275
2276 input[type="checkbox"]:focus + label:before,
2277 input[type="radio"]:focus + label:before {
2278 border-color: #8a4680;
2279 box-shadow: 0 0 0 1px #8a4680;
2280 }
2281
2282 ::-webkit-input-placeholder {
2283 color: #bbb !important;
2284 }
2285
2286 :-moz-placeholder {
2287 color: #bbb !important;
2288 }
2289
2290 ::-moz-placeholder {
2291 color: #bbb !important;
2292 }
2293
2294 :-ms-input-placeholder {
2295 color: #bbb !important;
2296 }
2297
2298 .formerize-placeholder {
2299 color: #bbb !important;
2300 }
2301
2302 /* Features */
2303 .features {
2304 display: -moz-flex;
2305 display: -webkit-flex;
2306 display: -ms-flex;
2307 display: flex;
2308 -moz-flex-wrap: wrap;
2309 -webkit-flex-wrap: wrap;
2310 -ms-flex-wrap: wrap;
2311 flex-wrap: wrap;
2312 -moz-justify-content: center;
2313 -webkit-justify-content: center;
2314 -ms-justify-content: center;
2315 justify-content: center;
2316 list-style: none;
2317 padding: 0;
2318 width: 100%;
2319 }
2320 .features li {
2321 padding: 4em 4em 2em 6em;
2322 display: block;
2323 position: relative;
2324 text-align: left;
2325 width: 50%;
2326 }
2327 .features li:nth-child(1) {
2328 background-color: rgba(0, 0, 0, 0.035);
2329 }
2330 .features li:nth-child(2) {
2331 background-color: rgba(0, 0, 0, 0.07);
2332 }
2333 .features li:nth-child(3) {
2334 background-color: rgba(0, 0, 0, 0.105);
2335 }
2336 .features li:nth-child(4) {
2337 background-color: rgba(0, 0, 0, 0.14);
2338 }
2339 .features li:nth-child(5) {
2340 background-color: rgba(0, 0, 0, 0.175);
2341 }
2342 .features li:nth-child(6) {
2343 background-color: rgba(0, 0, 0, 0.21);
2344 }
2345 .features li:nth-child(7) {
2346 background-color: rgba(0, 0, 0, 0.245);
2347 }
2348 .features li:nth-child(8) {
2349 background-color: rgba(0, 0, 0, 0.28);
2350 }
2351 .features li:nth-child(9) {
2352 background-color: rgba(0, 0, 0, 0.315);
2353 }
2354 .features li:nth-child(10) {
2355 background-color: rgba(0, 0, 0, 0.35);
2356 }
2357 .features li:before {
2358 display: block;
2359 color: #00ffcc;
2360 position: absolute;
2361 left: 1.75em;
2362 top: 2.75em;
2363 font-size: 1.5em;
2364 }
2365 .features li:nth-child(1) {
2366 border-top-left-radius: 3px;
2367 }
2368 .features li:nth-child(2) {
2369 border-top-right-radius: 3px;
2370 }
2371 .features li:nth-last-child(1) {
2372 border-bottom-right-radius: 3px;
2373 }
2374 .features li:nth-last-child(2) {
2375 border-bottom-left-radius: 3px;
2376 }
2377
2378 /* Icon */
2379
2380 .icon {
2381 text-decoration: none;
2382 border-bottom: none;
2383 position: relative;
2384 }
2385
2386 .icon:before {
2387 -moz-osx-font-smoothing: grayscale;
2388 -webkit-font-smoothing: antialiased;
2389 font-family: FontAwesome;
2390 font-style: normal;
2391 font-weight: normal;
2392 text-transform: none !important;
2393 }
2394
2395 .icon > .label {
2396 display: none;
2397 }
2398
2399 /* Image */
2400
2401 .image {
2402 border-radius: 2px;
2403 border: 0;
2404 display: inline-block;
2405 position: relative;
2406 }
2407
2408 .image img {
2409 border-radius: 2px;
2410 display: block;
2411 }
2412
2413 .image.left, .image.right {
2414 max-width: 40%;
2415 }
2416
2417 .image.left img, .image.right img {
2418 width: 100%;
2419 }
2420
2421 .image.left {
2422 float: left;
2423 margin: 0 1.5rem 1rem 0;
2424 top: 0.25rem;
2425 }
2426
2427 .image.right {
2428 float: right;
2429 margin: 0 0 1rem 1.5rem;
2430 top: 0.25rem;
2431 }
2432
2433 .image.fit {
2434 display: block;
2435 margin: 0 0 2rem 0;
2436 width: 100%;
2437 }
2438
2439 .image.fit img {
2440 width: 100%;
2441 }
2442
2443 .image.main {
2444 display: block;
2445 margin: 0 0 3rem 0;
2446 width: 100%;
2447 }
2448
2449 .image.main img {
2450 width: 100%;
2451 }
2452
2453 /* List */
2454
2455 ol {
2456 list-style: decimal;
2457 margin: 0 0 2rem 0;
2458 padding-left: 1.25rem;
2459 }
2460
2461 ol li {
2462 padding-left: 0.25rem;
2463 }
2464
2465 ul {
2466 list-style: disc;
2467 margin: 0 0 2rem 0;
2468 padding-left: 1rem;
2469 }
2470
2471 ul li {
2472 padding-left: 0.5rem;
2473 }
2474
2475 ul.alt {
2476 list-style: none;
2477 padding-left: 0;
2478 }
2479
2480 ul.alt li {
2481 border-top: solid 1px;
2482 padding: 0.5rem 0;
2483 }
2484
2485 ul.alt li:first-child {
2486 border-top: 0;
2487 padding-top: 0;
2488 }
2489
2490 ul.icons {
2491 cursor: default;
2492 list-style: none;
2493 padding-left: 0;
2494 }
2495
2496 ul.icons li {
2497 display: inline-block;
2498 padding: 0 1rem 0 0;
2499 }
2500
2501 ul.icons li:last-child {
2502 padding-right: 0;
2503 }
2504
2505 ul.icons li .icon:before {
2506 font-size: 2rem;
2507 }
2508
2509 ul.actions {
2510 cursor: default;
2511 list-style: none;
2512 padding-left: 0;
2513 }
2514
2515 ul.actions li {
2516 display: inline-block;
2517 padding: 0 1rem 0 0;
2518 vertical-align: middle;
2519 }
2520
2521 ul.actions li:last-child {
2522 padding-right: 0;
2523 }
2524
2525 ul.actions.small li {
2526 padding: 0 0.5rem 0 0;
2527 }
2528
2529 ul.actions.vertical li {
2530 display: block;
2531 padding: 1rem 0 0 0;
2532 }
2533
2534 ul.actions.vertical li:first-child {
2535 padding-top: 0;
2536 }
2537
2538 ul.actions.vertical li > * {
2539 margin-bottom: 0;
2540 }
2541
2542 ul.actions.vertical.small li {
2543 padding: 0.5rem 0 0 0;
2544 }
2545
2546 ul.actions.vertical.small li:first-child {
2547 padding-top: 0;
2548 }
2549
2550 ul.actions.fit {
2551 display: table;
2552 margin-left: -1rem;
2553 padding: 0;
2554 table-layout: fixed;
2555 width: calc(100% + 1rem);
2556 }
2557
2558 ul.actions.fit li {
2559 display: table-cell;
2560 padding: 0 0 0 1rem;
2561 }
2562
2563 ul.actions.fit li > * {
2564 margin-bottom: 0;
2565 }
2566
2567 ul.actions.fit.small {
2568 margin-left: -0.5rem;
2569 width: calc(100% + 0.5rem);
2570 }
2571
2572 ul.actions.fit.small li {
2573 padding: 0 0 0 0.5rem;
2574 }
2575
2576 @media screen and (max-width: 480px) {
2577
2578 ul.actions {
2579 margin: 0 0 2rem 0;
2580 }
2581
2582 ul.actions li {
2583 padding: 1rem 0 0 0;
2584 display: block;
2585 text-align: center;
2586 width: 100%;
2587 }
2588
2589 ul.actions li:first-child {
2590 padding-top: 0;
2591 }
2592
2593 ul.actions li > * {
2594 width: 100%;
2595 margin: 0 !important;
2596 }
2597
2598 ul.actions li > *.icon:before {
2599 margin-left: -2rem;
2600 }
2601
2602 ul.actions.small li {
2603 padding: 0.5rem 0 0 0;
2604 }
2605
2606 ul.actions.small li:first-child {
2607 padding-top: 0;
2608 }
2609
2610 }
2611
2612 dl {
2613 margin: 0 0 2rem 0;
2614 }
2615
2616 dl dt {
2617 display: block;
2618 font-weight: 700;
2619 margin: 0 0 1rem 0;
2620 }
2621
2622 dl dd {
2623 margin-left: 2rem;
2624 }
2625
2626 ul.alt li {
2627 border-top-color: rgba(144, 144, 144, 0.25);
2628 }
2629
2630 /* Section/Article */
2631
2632 section.special, article.special {
2633 text-align: center;
2634 }
2635
2636 header p {
2637 position: relative;
2638 margin: 0 0 1.5rem 0;
2639 }
2640
2641 header h2 + p {
2642 font-size: 1.25rem;
2643 margin-top: -1rem;
2644 }
2645
2646 header h3 + p {
2647 font-size: 1.1rem;
2648 margin-top: -0.8rem;
2649 }
2650
2651 header h4 + p,
2652 header h5 + p,
2653 header h6 + p {
2654 font-size: 0.9rem;
2655 margin-top: -0.6rem;
2656 }
2657
2658 header p {
2659 color: #bbb;
2660 }
2661
2662 /* Table */
2663
2664 .table-wrapper {
2665 -webkit-overflow-scrolling: touch;
2666 overflow-x: auto;
2667 }
2668
2669 table {
2670 margin: 0 0 2rem 0;
2671 width: 100%;
2672 }
2673
2674 table tbody tr {
2675 border: solid 1px;
2676 border-left: 0;
2677 border-right: 0;
2678 }
2679
2680 table td {
2681 padding: 0.75rem 0.75rem;
2682 }
2683
2684 table th {
2685 font-size: 0.9rem;
2686 font-weight: 700;
2687 padding: 0 0.75rem 0.75rem 0.75rem;
2688 text-align: left;
2689 }
2690
2691 table thead {
2692 border-bottom: solid 2px;
2693 }
2694
2695 table tfoot {
2696 border-top: solid 2px;
2697 }
2698
2699 table.alt {
2700 border-collapse: separate;
2701 }
2702
2703 table.alt tbody tr td {
2704 border: solid 1px;
2705 border-left-width: 0;
2706 border-top-width: 0;
2707 }
2708
2709 table.alt tbody tr td:first-child {
2710 border-left-width: 1px;
2711 }
2712
2713 table.alt tbody tr:first-child td {
2714 border-top-width: 1px;
2715 }
2716
2717 table.alt thead {
2718 border-bottom: 0;
2719 }
2720
2721 table.alt tfoot {
2722 border-top: 0;
2723 }
2724
2725 table tbody tr {
2726 border-color: rgba(144, 144, 144, 0.25);
2727 }
2728
2729 table tbody tr:nth-child(2n + 1) {
2730 background-color: rgba(144, 144, 144, 0.075);
2731 }
2732
2733 table th {
2734 color: #555;
2735 }
2736
2737 table thead {
2738 border-bottom-color: rgba(144, 144, 144, 0.25);
2739 }
2740
2741 table tfoot {
2742 border-top-color: rgba(144, 144, 144, 0.25);
2743 }
2744
2745 table.alt tbody tr td {
2746 border-color: rgba(144, 144, 144, 0.25);
2747 }
2748
2749 /* Wrapper */
2750
2751 .wrapper {
2752 padding: 6rem 0 4rem 0 ;
2753 position: relative;
2754 margin: 0;
2755 }
2756
2757 .wrapper > .inner {
2758 margin: 0 auto;
2759 width: 80rem;
2760 }
2761
2762 .wrapper.style1 {
2763 /* background-color: #8a4680; */
2764 /* color: #e2d1df; */
2765 background-color: #21b2a6;
2766 /* background-color: #2e3842; */
2767 color: #c8ece9;
2768 }
2769
2770 .wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {
2771 color: #ffffff;
2772 }
2773
2774 .wrapper.style1 a {
2775 color: #ffffff;
2776 }
2777
2778 .wrapper.style1 strong, .wrapper.style1 b {
2779 color: #ffffff;
2780 }
2781
2782 .wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
2783 color: #ffffff;
2784 }
2785
2786 .wrapper.style1 blockquote {
2787 border-left-color: rgba(255, 255, 255, 0.25);
2788 }
2789
2790 .wrapper.style1 code {
2791 background: rgba(255, 255, 255, 0.075);
2792 border-color: rgba(255, 255, 255, 0.25);
2793 }
2794
2795 .wrapper.style1 hr {
2796 border-bottom-color: rgba(255, 255, 255, 0.25);
2797 }
2798
2799 .wrapper.style1 .box {
2800 border-color: rgba(255, 255, 255, 0.25);
2801 }
2802
2803 .wrapper.style1 input[type="submit"],
2804 .wrapper.style1 input[type="reset"],
2805 .wrapper.style1 input[type="button"],
2806 .wrapper.style1 button,
2807 .wrapper.style1 .button {
2808 background-color: #f2f2f2;
2809 color: #000 !important;
2810 }
2811
2812 .wrapper.style1 input[type="submit"]:hover,
2813 .wrapper.style1 input[type="reset"]:hover,
2814 .wrapper.style1 input[type="button"]:hover,
2815 .wrapper.style1 button:hover,
2816 .wrapper.style1 .button:hover {
2817 background-color: white;
2818 }
2819
2820 .wrapper.style1 input[type="submit"]:active,
2821 .wrapper.style1 input[type="reset"]:active,
2822 .wrapper.style1 input[type="button"]:active,
2823 .wrapper.style1 button:active,
2824 .wrapper.style1 .button:active {
2825 background-color: #e5e5e5;
2826 }
2827
2828 .wrapper.style1 input[type="submit"].alt,
2829 .wrapper.style1 input[type="reset"].alt,
2830 .wrapper.style1 input[type="button"].alt,
2831 .wrapper.style1 button.alt,
2832 .wrapper.style1 .button.alt {
2833 background-color: transparent;
2834 box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
2835 color: #ffffff !important;
2836 }
2837
2838 .wrapper.style1 input[type="submit"].alt:hover,
2839 .wrapper.style1 input[type="reset"].alt:hover,
2840 .wrapper.style1 input[type="button"].alt:hover,
2841 .wrapper.style1 button.alt:hover,
2842 .wrapper.style1 .button.alt:hover {
2843 background-color: rgba(255, 255, 255, 0.075);
2844 }
2845
2846 .wrapper.style1 input[type="submit"].alt:active,
2847 .wrapper.style1 input[type="reset"].alt:active,
2848 .wrapper.style1 input[type="button"].alt:active,
2849 .wrapper.style1 button.alt:active,
2850 .wrapper.style1 .button.alt:active {
2851 background-color: rgba(255, 255, 255, 0.2);
2852 }
2853
2854 .wrapper.style1 input[type="submit"].alt.icon:before,
2855 .wrapper.style1 input[type="reset"].alt.icon:before,
2856 .wrapper.style1 input[type="button"].alt.icon:before,
2857 .wrapper.style1 button.alt.icon:before,
2858 .wrapper.style1 .button.alt.icon:before {
2859 color: #d0b5cc;
2860 }
2861
2862 .wrapper.style1 input[type="submit"].special,
2863 .wrapper.style1 input[type="reset"].special,
2864 .wrapper.style1 input[type="button"].special,
2865 .wrapper.style1 button.special,
2866 .wrapper.style1 .button.special {
2867 background-color: #ffffff;
2868 color: #8a4680 !important;
2869 }
2870
2871 .wrapper.style1 label {
2872 color: #ffffff;
2873 }
2874
2875 .wrapper.style1 input[type="text"],
2876 .wrapper.style1 input[type="password"],
2877 .wrapper.style1 input[type="email"],
2878 .wrapper.style1 select,
2879 .wrapper.style1 textarea {
2880 background: rgba(255, 255, 255, 0.075);
2881 border-color: rgba(255, 255, 255, 0.25);
2882 }
2883
2884 .wrapper.style1 input[type="text"]:focus,
2885 .wrapper.style1 input[type="password"]:focus,
2886 .wrapper.style1 input[type="email"]:focus,
2887 .wrapper.style1 select:focus,
2888 .wrapper.style1 textarea:focus {
2889 border-color: #ffffff;
2890 box-shadow: 0 0 0 1px #ffffff;
2891 }
2892
2893 .wrapper.style1 .select-wrapper:before {
2894 color: rgba(255, 255, 255, 0.25);
2895 }
2896
2897 .wrapper.style1 input[type="checkbox"] + label,
2898 .wrapper.style1 input[type="radio"] + label {
2899 color: #e2d1df;
2900 }
2901
2902 .wrapper.style1 input[type="checkbox"] + label:before,
2903 .wrapper.style1 input[type="radio"] + label:before {
2904 background: rgba(255, 255, 255, 0.075);
2905 border-color: rgba(255, 255, 255, 0.25);
2906 }
2907
2908 .wrapper.style1 input[type="checkbox"]:checked + label:before,
2909 .wrapper.style1 input[type="radio"]:checked + label:before {
2910 background-color: #ffffff;
2911 border-color: #ffffff;
2912 color: #8a4680;
2913 }
2914
2915 .wrapper.style1 input[type="checkbox"]:focus + label:before,
2916 .wrapper.style1 input[type="radio"]:focus + label:before {
2917 border-color: #ffffff;
2918 box-shadow: 0 0 0 1px #ffffff;
2919 }
2920
2921 .wrapper.style1 ::-webkit-input-placeholder {
2922 color: #d0b5cc !important;
2923 }
2924
2925 .wrapper.style1 :-moz-placeholder {
2926 color: #d0b5cc !important;
2927 }
2928
2929 .wrapper.style1 ::-moz-placeholder {
2930 color: #d0b5cc !important;
2931 }
2932
2933 .wrapper.style1 :-ms-input-placeholder {
2934 color: #d0b5cc !important;
2935 }
2936
2937 .wrapper.style1 .formerize-placeholder {
2938 color: #d0b5cc !important;
2939 }
2940
2941 .wrapper.style1 ul.alt li {
2942 border-top-color: rgba(255, 255, 255, 0.25);
2943 }
2944
2945 .wrapper.style1 header p {
2946 /* color: #d0b5cc; */
2947 color: #c8ece9;
2948 /* color: #000000; */
2949 }
2950
2951 .wrapper.style1 table tbody tr {
2952 border-color: rgba(255, 255, 255, 0.25);
2953 }
2954
2955 .wrapper.style1 table tbody tr:nth-child(2n + 1) {
2956 background-color: rgba(255, 255, 255, 0.075);
2957 }
2958
2959 .wrapper.style1 table th {
2960 color: #ffffff;
2961 }
2962
2963 .wrapper.style1 table thead {
2964 border-bottom-color: rgba(255, 255, 255, 0.25);
2965 }
2966
2967 .wrapper.style1 table tfoot {
2968 border-top-color: rgba(255, 255, 255, 0.25);
2969 }
2970
2971 .wrapper.style1 table.alt tbody tr td {
2972 border-color: rgba(255, 255, 255, 0.25);
2973 }
2974
2975 .wrapper.style2 {
2976 /* background-color: #f2f2f2; */
2977 /* color: #a6a6a6; */
2978 background-color: #505393;
2979 color: #d3d4e4;
2980 }
2981
2982 .wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {
2983 color: #000;
2984 }
2985
2986 .wrapper.style2 a {
2987 color: #8a4680;
2988 }
2989
2990 .wrapper.style2 strong, .wrapper.style2 b {
2991 color: #000;
2992 }
2993
2994 .wrapper.style2 h1, .wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
2995 color: #000;
2996 }
2997
2998 .wrapper.style2 blockquote {
2999 border-left-color: rgba(0, 0, 0, 0.15);
3000 }
3001
3002 .wrapper.style2 code {
3003 background: rgba(0, 0, 0, 0.075);
3004 border-color: rgba(0, 0, 0, 0.15);
3005 }
3006
3007 .wrapper.style2 hr {
3008 border-bottom-color: rgba(0, 0, 0, 0.15);
3009 }
3010
3011 .wrapper.style2 .box {
3012 border-color: rgba(0, 0, 0, 0.15);
3013 }
3014
3015 .wrapper.style2 input[type="submit"],
3016 .wrapper.style2 input[type="reset"],
3017 .wrapper.style2 input[type="button"],
3018 .wrapper.style2 button,
3019 .wrapper.style2 .button {
3020 background-color: #000;
3021 color: #f2f2f2 !important;
3022 }
3023
3024 .wrapper.style2 input[type="submit"].alt,
3025 .wrapper.style2 input[type="reset"].alt,
3026 .wrapper.style2 input[type="button"].alt,
3027 .wrapper.style2 button.alt,
3028 .wrapper.style2 .button.alt {
3029 background-color: transparent;
3030 box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15);
3031 color: #000 !important;
3032 }
3033
3034 .wrapper.style2 input[type="submit"].alt:hover,
3035 .wrapper.style2 input[type="reset"].alt:hover,
3036 .wrapper.style2 input[type="button"].alt:hover,
3037 .wrapper.style2 button.alt:hover,
3038 .wrapper.style2 .button.alt:hover {
3039 background-color: rgba(0, 0, 0, 0.075);
3040 }
3041
3042 .wrapper.style2 input[type="submit"].alt:active,
3043 .wrapper.style2 input[type="reset"].alt:active,
3044 .wrapper.style2 input[type="button"].alt:active,
3045 .wrapper.style2 button.alt:active,
3046 .wrapper.style2 .button.alt:active {
3047 background-color: rgba(0, 0, 0, 0.2);
3048 }
3049
3050 .wrapper.style2 input[type="submit"].alt.icon:before,
3051 .wrapper.style2 input[type="reset"].alt.icon:before,
3052 .wrapper.style2 input[type="button"].alt.icon:before,
3053 .wrapper.style2 button.alt.icon:before,
3054 .wrapper.style2 .button.alt.icon:before {
3055 color: #999999;
3056 }
3057
3058 .wrapper.style2 input[type="submit"].special,
3059 .wrapper.style2 input[type="reset"].special,
3060 .wrapper.style2 input[type="button"].special,
3061 .wrapper.style2 button.special,
3062 .wrapper.style2 .button.special {
3063 background-color: #8a4680;
3064 color: #ffffff !important;
3065 }
3066
3067 .wrapper.style2 input[type="submit"].special:hover,
3068 .wrapper.style2 input[type="reset"].special:hover,
3069 .wrapper.style2 input[type="button"].special:hover,
3070 .wrapper.style2 button.special:hover,
3071 .wrapper.style2 .button.special:hover {
3072 background-color: #9b4f90;
3073 }
3074
3075 .wrapper.style2 input[type="submit"].special:active,
3076 .wrapper.style2 input[type="reset"].special:active,
3077 .wrapper.style2 input[type="button"].special:active,
3078 .wrapper.style2 button.special:active,
3079 .wrapper.style2 .button.special:active {
3080 background-color: #793d70;
3081 }
3082
3083 .wrapper.style2 label {
3084 color: #000;
3085 }
3086
3087 .wrapper.style2 input[type="text"],
3088 .wrapper.style2 input[type="password"],
3089 .wrapper.style2 input[type="email"],
3090 .wrapper.style2 select,
3091 .wrapper.style2 textarea {
3092 background: rgba(0, 0, 0, 0.075);
3093 border-color: rgba(0, 0, 0, 0.15);
3094 }
3095
3096 .wrapper.style2 input[type="text"]:focus,
3097 .wrapper.style2 input[type="password"]:focus,
3098 .wrapper.style2 input[type="email"]:focus,
3099 .wrapper.style2 select:focus,
3100 .wrapper.style2 textarea:focus {
3101 border-color: #8a4680;
3102 box-shadow: 0 0 0 1px #8a4680;
3103 }
3104
3105 .wrapper.style2 .select-wrapper:before {
3106 color: rgba(0, 0, 0, 0.15);
3107 }
3108
3109 .wrapper.style2 input[type="checkbox"] + label,
3110 .wrapper.style2 input[type="radio"] + label {
3111 color: #a6a6a6;
3112 }
3113
3114 .wrapper.style2 input[type="checkbox"] + label:before,
3115 .wrapper.style2 input[type="radio"] + label:before {
3116 background: rgba(0, 0, 0, 0.075);
3117 border-color: rgba(0, 0, 0, 0.15);
3118 }
3119
3120 .wrapper.style2 input[type="checkbox"]:checked + label:before,
3121 .wrapper.style2 input[type="radio"]:checked + label:before {
3122 background-color: #8a4680;
3123 border-color: #8a4680;
3124 color: #ffffff;
3125 }
3126
3127 .wrapper.style2 input[type="checkbox"]:focus + label:before,
3128 .wrapper.style2 input[type="radio"]:focus + label:before {
3129 border-color: #8a4680;
3130 box-shadow: 0 0 0 1px #8a4680;
3131 }
3132
3133 .wrapper.style2 ::-webkit-input-placeholder {
3134 color: #999999 !important;
3135 }
3136
3137 .wrapper.style2 :-moz-placeholder {
3138 color: #999999 !important;
3139 }
3140
3141 .wrapper.style2 ::-moz-placeholder {
3142 color: #999999 !important;
3143 }
3144
3145 .wrapper.style2 :-ms-input-placeholder {
3146 color: #999999 !important;
3147 }
3148
3149 .wrapper.style2 .formerize-placeholder {
3150 color: #999999 !important;
3151 }
3152
3153 .wrapper.style2 ul.alt li {
3154 border-top-color: rgba(0, 0, 0, 0.15);
3155 }
3156
3157 .wrapper.style2 header p {
3158 color: #999999;
3159 }
3160
3161 .wrapper.style2 table tbody tr {
3162 border-color: rgba(0, 0, 0, 0.15);
3163 }
3164
3165 .wrapper.style2 table tbody tr:nth-child(2n + 1) {
3166 background-color: rgba(0, 0, 0, 0.075);
3167 }
3168
3169 .wrapper.style2 table th {
3170 color: #000;
3171 }
3172
3173 .wrapper.style2 table thead {
3174 border-bottom-color: rgba(0, 0, 0, 0.15);
3175 }
3176
3177 .wrapper.style2 table tfoot {
3178 border-top-color: rgba(0, 0, 0, 0.15);
3179 }
3180
3181 .wrapper.style2 table.alt tbody tr td {
3182 border-color: rgba(0, 0, 0, 0.15);
3183 }
3184
3185 .wrapper.style3 {
3186 background-color: #000;
3187 color: #bfbfbf;
3188 background-image: url(../../images/bg.jpg);
3189 background-size: cover;
3190 background-attachment: fixed;
3191 background-position: center;
3192 position: relative;
3193 }
3194
3195 .wrapper.style3 input, .wrapper.style3 select, .wrapper.style3 textarea {
3196 color: #ffffff;
3197 }
3198
3199 .wrapper.style3 a {
3200 color: #8a4680;
3201 }
3202
3203 .wrapper.style3 strong, .wrapper.style3 b {
3204 color: #ffffff;
3205 }
3206
3207 .wrapper.style3 h1, .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
3208 color: #ffffff;
3209 }
3210
3211 .wrapper.style3 blockquote {
3212 border-left-color: rgba(255, 255, 255, 0.25);
3213 }
3214
3215 .wrapper.style3 code {
3216 background: rgba(255, 255, 255, 0.075);
3217 border-color: rgba(255, 255, 255, 0.25);
3218 }
3219
3220 .wrapper.style3 hr {
3221 border-bottom-color: rgba(255, 255, 255, 0.25);
3222 }
3223
3224 .wrapper.style3 .box {
3225 border-color: rgba(255, 255, 255, 0.25);
3226 }
3227
3228 .wrapper.style3 input[type="submit"],
3229 .wrapper.style3 input[type="reset"],
3230 .wrapper.style3 input[type="button"],
3231 .wrapper.style3 button,
3232 .wrapper.style3 .button {
3233 background-color: #f2f2f2;
3234 color: #000 !important;
3235 }
3236
3237 .wrapper.style3 input[type="submit"]:hover,
3238 .wrapper.style3 input[type="reset"]:hover,
3239 .wrapper.style3 input[type="button"]:hover,
3240 .wrapper.style3 button:hover,
3241 .wrapper.style3 .button:hover {
3242 background-color: white;
3243 }
3244
3245 .wrapper.style3 input[type="submit"]:active,
3246 .wrapper.style3 input[type="reset"]:active,
3247 .wrapper.style3 input[type="button"]:active,
3248 .wrapper.style3 button:active,
3249 .wrapper.style3 .button:active {
3250 background-color: #e5e5e5;
3251 }
3252
3253 .wrapper.style3 input[type="submit"].alt,
3254 .wrapper.style3 input[type="reset"].alt,
3255 .wrapper.style3 input[type="button"].alt,
3256 .wrapper.style3 button.alt,
3257 .wrapper.style3 .button.alt {
3258 background-color: transparent;
3259 box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
3260 color: #ffffff !important;
3261 }
3262
3263 .wrapper.style3 input[type="submit"].alt:hover,
3264 .wrapper.style3 input[type="reset"].alt:hover,
3265 .wrapper.style3 input[type="button"].alt:hover,
3266 .wrapper.style3 button.alt:hover,
3267 .wrapper.style3 .button.alt:hover {
3268 background-color: rgba(255, 255, 255, 0.075);
3269 }
3270
3271 .wrapper.style3 input[type="submit"].alt:active,
3272 .wrapper.style3 input[type="reset"].alt:active,
3273 .wrapper.style3 input[type="button"].alt:active,
3274 .wrapper.style3 button.alt:active,
3275 .wrapper.style3 .button.alt:active {
3276 background-color: rgba(255, 255, 255, 0.2);
3277 }
3278
3279 .wrapper.style3 input[type="submit"].alt.icon:before,
3280 .wrapper.style3 input[type="reset"].alt.icon:before,
3281 .wrapper.style3 input[type="button"].alt.icon:before,
3282 .wrapper.style3 button.alt.icon:before,
3283 .wrapper.style3 .button.alt.icon:before {
3284 color: #999999;
3285 }
3286
3287 .wrapper.style3 input[type="submit"].special,
3288 .wrapper.style3 input[type="reset"].special,
3289 .wrapper.style3 input[type="button"].special,
3290 .wrapper.style3 button.special,
3291 .wrapper.style3 .button.special {
3292 background-color: #8a4680;
3293 color: #ffffff !important;
3294 }
3295
3296 .wrapper.style3 input[type="submit"].special:hover,
3297 .wrapper.style3 input[type="reset"].special:hover,
3298 .wrapper.style3 input[type="button"].special:hover,
3299 .wrapper.style3 button.special:hover,
3300 .wrapper.style3 .button.special:hover {
3301 background-color: #9b4f90;
3302 }
3303
3304 .wrapper.style3 input[type="submit"].special:active,
3305 .wrapper.style3 input[type="reset"].special:active,
3306 .wrapper.style3 input[type="button"].special:active,
3307 .wrapper.style3 button.special:active,
3308 .wrapper.style3 .button.special:active {
3309 background-color: #793d70;
3310 }
3311
3312 .wrapper.style3 label {
3313 color: #ffffff;
3314 }
3315
3316 .wrapper.style3 input[type="text"],
3317 .wrapper.style3 input[type="password"],
3318 .wrapper.style3 input[type="email"],
3319 .wrapper.style3 select,
3320 .wrapper.style3 textarea {
3321 background: rgba(255, 255, 255, 0.075);
3322 border-color: rgba(255, 255, 255, 0.25);
3323 }
3324
3325 .wrapper.style3 input[type="text"]:focus,
3326 .wrapper.style3 input[type="password"]:focus,
3327 .wrapper.style3 input[type="email"]:focus,
3328 .wrapper.style3 select:focus,
3329 .wrapper.style3 textarea:focus {
3330 border-color: #8a4680;
3331 box-shadow: 0 0 0 1px #8a4680;
3332 }
3333
3334 .wrapper.style3 .select-wrapper:before {
3335 color: rgba(255, 255, 255, 0.25);
3336 }
3337
3338 .wrapper.style3 input[type="checkbox"] + label,
3339 .wrapper.style3 input[type="radio"] + label {
3340 color: #bfbfbf;
3341 }
3342
3343 .wrapper.style3 input[type="checkbox"] + label:before,
3344 .wrapper.style3 input[type="radio"] + label:before {
3345 background: rgba(255, 255, 255, 0.075);
3346 border-color: rgba(255, 255, 255, 0.25);
3347 }
3348
3349 .wrapper.style3 input[type="checkbox"]:checked + label:before,
3350 .wrapper.style3 input[type="radio"]:checked + label:before {
3351 background-color: #8a4680;
3352 border-color: #8a4680;
3353 color: #ffffff;
3354 }
3355
3356 .wrapper.style3 input[type="checkbox"]:focus + label:before,
3357 .wrapper.style3 input[type="radio"]:focus + label:before {
3358 border-color: #8a4680;
3359 box-shadow: 0 0 0 1px #8a4680;
3360 }
3361
3362 .wrapper.style3 ::-webkit-input-placeholder {
3363 color: #999999 !important;
3364 }
3365
3366 .wrapper.style3 :-moz-placeholder {
3367 color: #999999 !important;
3368 }
3369
3370 .wrapper.style3 ::-moz-placeholder {
3371 color: #999999 !important;
3372 }
3373
3374 .wrapper.style3 :-ms-input-placeholder {
3375 color: #999999 !important;
3376 }
3377
3378 .wrapper.style3 .formerize-placeholder {
3379 color: #999999 !important;
3380 }
3381
3382 .wrapper.style3 ul.alt li {
3383 border-top-color: rgba(255, 255, 255, 0.25);
3384 }
3385
3386 .wrapper.style3 header p {
3387 color: #999999;
3388 }
3389
3390 .wrapper.style3 table tbody tr {
3391 border-color: rgba(255, 255, 255, 0.25);
3392 }
3393
3394 .wrapper.style3 table tbody tr:nth-child(2n + 1) {
3395 background-color: rgba(255, 255, 255, 0.075);
3396 }
3397
3398 .wrapper.style3 table th {
3399 color: #ffffff;
3400 }
3401
3402 .wrapper.style3 table thead {
3403 border-bottom-color: rgba(255, 255, 255, 0.25);
3404 }
3405
3406 .wrapper.style3 table tfoot {
3407 border-top-color: rgba(255, 255, 255, 0.25);
3408 }
3409
3410 .wrapper.style3 table.alt tbody tr td {
3411 border-color: rgba(255, 255, 255, 0.25);
3412 }
3413
3414 .wrapper.style3 .inner {
3415 position: relative;
3416 z-index: 2;
3417 }
3418
3419 .wrapper.style3 p {
3420 text-transform: uppercase;
3421 font-size: .75rem;
3422 font-weight: 300;
3423 margin: 0 0 .5rem 0;
3424 padding: 0 0 1rem 0;
3425 letter-spacing: .25rem;
3426 }
3427
3428 .wrapper.style3 p:after {
3429 content: '';
3430 position: absolute;
3431 margin: auto;
3432 right: 0;
3433 bottom: 0;
3434 left: 0;
3435 width: 50%;
3436 height: 1px;
3437 background-color: rgba(255, 255, 255, 0.5);
3438 }
3439
3440 .wrapper.style3:before {
3441 -moz-transition: opacity 3s ease;
3442 -webkit-transition: opacity 3s ease;
3443 -ms-transition: opacity 3s ease;
3444 transition: opacity 3s ease;
3445 -moz-transition-delay: 1.25s;
3446 -webkit-transition-delay: 1.25s;
3447 -ms-transition-delay: 1.25s;
3448 transition-delay: 1.25s;
3449 content: '';
3450 display: block;
3451 background-color: rgba(0, 0, 0, 0.95);
3452 height: 100%;
3453 left: 0;
3454 opacity: 0.75;
3455 position: absolute;
3456 top: 0;
3457 width: 100%;
3458 z-index: 1;
3459 }
3460
3461 @media screen and (max-width: 1280px) {
3462
3463 .wrapper > .inner {
3464 width: 75rem;
3465 }
3466
3467 }
3468
3469 @media screen and (max-width: 980px) {
3470
3471 .wrapper > .inner {
3472 width: 90%;
3473 }
3474
3475 .wrapper.style3 {
3476 background-attachment: scroll;
3477 }
3478
3479 }
3480
3481 @media screen and (max-width: 736px) {
3482
3483 .wrapper {
3484 padding: 3rem 0 1rem 0 ;
3485 }
3486
3487 }
3488
3489 /* Flexgrid */
3490
3491 .grid-style {
3492 width: 100%;
3493 margin: 0 0 2.5rem 0;
3494 display: -moz-flex;
3495 display: -webkit-flex;
3496 display: -ms-flex;
3497 display: flex;
3498 -moz-flex-wrap: wrap;
3499 -webkit-flex-wrap: wrap;
3500 -ms-flex-wrap: wrap;
3501 flex-wrap: wrap;
3502 -moz-align-items: stretch;
3503 -webkit-align-items: stretch;
3504 -ms-align-items: stretch;
3505 align-items: stretch;
3506 }
3507
3508 .grid-style > * {
3509 -moz-flex-shrink: 1;
3510 -webkit-flex-shrink: 1;
3511 -ms-flex-shrink: 1;
3512 flex-shrink: 1;
3513 -moz-flex-grow: 0;
3514 -webkit-flex-grow: 0;
3515 -ms-flex-grow: 0;
3516 flex-grow: 0;
3517 }
3518
3519 .grid-style > * {
3520 width: 50%;
3521 }
3522
3523 .grid-style > * {
3524 padding: 2rem;
3525 width: calc(50% + 2rem);
3526 }
3527
3528 .grid-style > :nth-child(-n + 2) {
3529 padding-top: 0;
3530 }
3531
3532 .grid-style > :nth-last-child(-n + 2) {
3533 padding-bottom: 0;
3534 }
3535
3536 .grid-style > :nth-child(2n + 1) {
3537 padding-left: 0;
3538 }
3539
3540 .grid-style > :nth-child(2n) {
3541 padding-right: 0;
3542 }
3543
3544 .grid-style > :nth-child(2n + 1),
3545 .grid-style > :nth-child(2n) {
3546 width: calc(50% + 0rem);
3547 }
3548
3549 .grid-style .box {
3550 margin: 0;
3551 }
3552
3553 @media screen and (max-width: 980px) {
3554
3555 .grid-style > * {
3556 width: 100%;
3557 }
3558
3559 .grid-style > * {
3560 padding: 1rem;
3561 width: calc(50% + 1rem);
3562 }
3563
3564 .grid-style > :nth-child(-n + 2) {
3565 padding-top: 1rem;
3566 }
3567
3568 .grid-style > :nth-last-child(-n + 2) {
3569 padding-bottom: 1rem;
3570 }
3571
3572 .grid-style > :nth-child(2n + 1) {
3573 padding-left: 1rem;
3574 }
3575
3576 .grid-style > :nth-child(2n) {
3577 padding-right: 1rem;
3578 }
3579
3580 .grid-style > :nth-child(2n + 1),
3581 .grid-style > :nth-child(2n) {
3582 padding: 1rem;
3583 width: calc(100% + 2rem);
3584 }
3585
3586 .grid-style > * {
3587 padding: 1rem;
3588 width: calc(100% + 2rem);
3589 }
3590
3591 .grid-style > :nth-child(-n + 1) {
3592 padding-top: 0;
3593 }
3594
3595 .grid-style > :nth-last-child(-n + 1) {
3596 padding-bottom: 0;
3597 }
3598
3599 .grid-style > :nth-child(1n + 1) {
3600 padding-left: 0;
3601 }
3602
3603 .grid-style > :nth-child(1n) {
3604 padding-right: 0;
3605 }
3606
3607 .grid-style > :nth-child(1n + 1),
3608 .grid-style > :nth-child(1n) {
3609 width: calc(100% + 1rem);
3610 }
3611
3612 }
3613
3614 .gallery {
3615 width: 100%;
3616 margin: 2.5rem 0 2.5rem 0;
3617 display: -moz-flex;
3618 display: -webkit-flex;
3619 display: -ms-flex;
3620 display: flex;
3621 -moz-flex-wrap: wrap;
3622 -webkit-flex-wrap: wrap;
3623 -ms-flex-wrap: wrap;
3624 flex-wrap: wrap;
3625 -moz-align-items: stretch;
3626 -webkit-align-items: stretch;
3627 -ms-align-items: stretch;
3628 align-items: stretch;
3629 }
3630
3631 .gallery > * {
3632 -moz-flex-shrink: 1;
3633 -webkit-flex-shrink: 1;
3634 -ms-flex-shrink: 1;
3635 flex-shrink: 1;
3636 -moz-flex-grow: 0;
3637 -webkit-flex-grow: 0;
3638 -ms-flex-grow: 0;
3639 flex-grow: 0;
3640 }
3641
3642 .gallery > * {
3643 width: 50%;
3644 }
3645
3646 .gallery > * {
3647 padding: 2rem;
3648 width: calc(50% + 2rem);
3649 }
3650
3651 .gallery > :nth-child(-n + 2) {
3652 padding-top: 0;
3653 }
3654
3655 .gallery > :nth-last-child(-n + 2) {
3656 padding-bottom: 0;
3657 }
3658
3659 .gallery > :nth-child(2n + 1) {
3660 padding-left: 0;
3661 }
3662
3663 .gallery > :nth-child(2n) {
3664 padding-right: 0;
3665 }
3666
3667 .gallery > :nth-child(2n + 1),
3668 .gallery > :nth-child(2n) {
3669 width: calc(50% + 0rem);
3670 }
3671
3672 .gallery .image {
3673 background: #FFF;
3674 padding: 1rem;
3675 }
3676
3677 .gallery .image.fit {
3678 margin: 0;
3679 }
3680
3681 @media screen and (max-width: 980px) {
3682
3683 .gallery > * {
3684 width: 100%;
3685 }
3686
3687 .gallery > * {
3688 padding: 1rem;
3689 width: calc(50% + 1rem);
3690 }
3691
3692 .gallery > :nth-child(-n + 2) {
3693 padding-top: 1rem;
3694 }
3695
3696 .gallery > :nth-last-child(-n + 2) {
3697 padding-bottom: 1rem;
3698 }
3699
3700 .gallery > :nth-child(2n + 1) {
3701 padding-left: 1rem;
3702 }
3703
3704 .gallery > :nth-child(2n) {
3705 padding-right: 1rem;
3706 }
3707
3708 .gallery > :nth-child(2n + 1),
3709 .gallery > :nth-child(2n) {
3710 padding: 1rem;
3711 width: calc(100% + 2rem);
3712 }
3713
3714 .gallery > * {
3715 padding: 1rem;
3716 width: calc(100% + 2rem);
3717 }
3718
3719 .gallery > :nth-child(-n + 1) {
3720 padding-top: 0;
3721 }
3722
3723 .gallery > :nth-last-child(-n + 1) {
3724 padding-bottom: 0;
3725 }
3726
3727 .gallery > :nth-child(1n + 1) {
3728 padding-left: 0;
3729 }
3730
3731 .gallery > :nth-child(1n) {
3732 padding-right: 0;
3733 }
3734
3735 .gallery > :nth-child(1n + 1),
3736 .gallery > :nth-child(1n) {
3737 width: calc(100% + 1rem);
3738 }
3739
3740 }
3741
3742 /* Header */
3743
3744 body.subpage {
3745 padding-top: 3.25em;
3746 }
3747
3748 @-moz-keyframes reveal-header {
3749 0% {
3750 top: -4em;
3751 opacity: 0;
3752 }
3753
3754 100% {
3755 top: 0;
3756 opacity: 1;
3757 }
3758 }
3759
3760 @-webkit-keyframes reveal-header {
3761 0% {
3762 top: -4em;
3763 opacity: 0;
3764 }
3765
3766 100% {
3767 top: 0;
3768 opacity: 1;
3769 }
3770 }
3771
3772 @-ms-keyframes reveal-header {
3773 0% {
3774 top: -4em;
3775 opacity: 0;
3776 }
3777
3778 100% {
3779 top: 0;
3780 opacity: 1;
3781 }
3782 }
3783
3784 @keyframes reveal-header {
3785 0% {
3786 top: -4em;
3787 opacity: 0;
3788 }
3789
3790 100% {
3791 top: 0;
3792 opacity: 1;
3793 }
3794 }
3795
3796 #header {
3797 background: rgba(0, 0, 0, 0.975);
3798 color: #a6a6a6;
3799 cursor: default;
3800 height: 3.25em;
3801 left: 0;
3802 line-height: 3.25em;
3803 position: fixed;
3804 text-align: right;
3805 top: 0;
3806 width: 100%;
3807 z-index: 10001;
3808 }
3809
3810 #header > .logo {
3811 display: inline-block;
3812 height: inherit;
3813 left: 1.25em;
3814 line-height: inherit;
3815 margin: 0;
3816 padding: 0;
3817 position: absolute;
3818 top: 0;
3819 }
3820
3821 #header > .logo a {
3822 font-size: 1.25em;
3823 color: #FFF;
3824 text-decoration: none;
3825 }
3826
3827 #header > .logo a:hover {
3828 color: rgba(255, 255, 255, 0.65);
3829 }
3830
3831 #header > .logo span {
3832 font-weight: 400;
3833 font-size: .8em;
3834 color: rgba(255, 255, 255, 0.65);
3835 }
3836
3837 #header > a {
3838 -moz-transition: color 0.2s ease-in-out;
3839 -webkit-transition: color 0.2s ease-in-out;
3840 -ms-transition: color 0.2s ease-in-out;
3841 transition: color 0.2s ease-in-out;
3842 display: inline-block;
3843 padding: 0 0.75em;
3844 color: inherit;
3845 text-decoration: none;
3846 color: #FFF;
3847 }
3848
3849 #header > a:hover {
3850 color: #f2f2f2;
3851 }
3852
3853 #header > a[href="#menu"] {
3854 text-decoration: none;
3855 -webkit-tap-highlight-color: transparent;
3856 }
3857
3858 #header > a[href="#menu"]:before {
3859 content: "";
3860 -moz-osx-font-smoothing: grayscale;
3861 -webkit-font-smoothing: antialiased;
3862 font-family: FontAwesome;
3863 font-style: normal;
3864 font-weight: normal;
3865 text-transform: none !important;
3866 }
3867
3868 #header > a[href="#menu"]:before {
3869 margin: 0 0.5em 0 0;
3870 }
3871
3872 #header > a + a[href="#menu"]:last-child {
3873 border-left: solid 1px rgba(0, 0, 0, 0.15);
3874 padding-left: 1.25em;
3875 margin-left: 0.5em;
3876 }
3877
3878 #header > a:last-child {
3879 padding-right: 1.25em;
3880 }
3881
3882 @media screen and (max-width: 736px) {
3883
3884 #header > a {
3885 padding: 0 0.5em;
3886 }
3887
3888 #header > a + a[href="#menu"]:last-child {
3889 padding-left: 1em;
3890 margin-left: 0.25em;
3891 }
3892
3893 #header > a:last-child {
3894 padding-right: 1em;
3895 }
3896
3897 }
3898
3899 #header.reveal {
3900 -moz-animation: reveal-header 0.5s ease;
3901 -webkit-animation: reveal-header 0.5s ease;
3902 -ms-animation: reveal-header 0.5s ease;
3903 animation: reveal-header 0.5s ease;
3904 }
3905
3906 #header.alt {
3907 -moz-animation: none;
3908 -webkit-animation: none;
3909 -ms-animation: none;
3910 animation: none;
3911 background-color: transparent;
3912 box-shadow: none;
3913 overflow: hidden;
3914 position: absolute;
3915 top: 1.5em;
3916 }
3917
3918 #header.alt h1 {
3919 left: 2.5em;
3920 }
3921
3922 #header.alt nav {
3923 right: 2.5em;
3924 }
3925
3926 @media screen and (max-width: 980px) {
3927
3928 body.subpage {
3929 padding-top: 44px;
3930 }
3931
3932 #header {
3933 height: 44px;
3934 line-height: 44px;
3935 }
3936
3937 #header > h1 {
3938 left: 1em;
3939 }
3940
3941 #header > h1 a {
3942 font-size: 1em;
3943 }
3944
3945 }
3946
3947 @media screen and (max-width: 480px) {
3948
3949 #header {
3950 min-width: 320px;
3951 }
3952
3953 }
3954
3955 /* Menu */
3956
3957 #menu {
3958 -moz-transform: translateX(20rem);
3959 -webkit-transform: translateX(20rem);
3960 -ms-transform: translateX(20rem);
3961 transform: translateX(20rem);
3962 -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
3963 -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
3964 -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
3965 transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
3966 -webkit-overflow-scrolling: touch;
3967 background: rgba(0, 0, 0, 0.95);
3968 box-shadow: none;
3969 color: #000;
3970 height: 100%;
3971 max-width: 80%;
3972 overflow-y: auto;
3973 padding: 3rem 2rem;
3974 position: fixed;
3975 right: 0;
3976 top: 0;
3977 visibility: hidden;
3978 width: 20rem;
3979 z-index: 10002;
3980 }
3981
3982 #menu > ul {
3983 margin: 0 0 1rem 0;
3984 }
3985
3986 #menu > ul.links {
3987 list-style: none;
3988 padding: 0;
3989 }
3990
3991 #menu > ul.links > li {
3992 padding: 0;
3993 }
3994
3995 #menu > ul.links > li > a:not(.button) {
3996 border: 0;
3997 border-top: solid 1px rgba(255, 255, 255, 0.125);
3998 color: rgba(255, 255, 255, 0.5);
3999 display: block;
4000 line-height: 3.5rem;
4001 text-decoration: none;
4002 text-transform: uppercase;
4003 }
4004
4005 #menu > ul.links > li > a:not(.button):hover {
4006 color: #FFF;
4007 }
4008
4009 #menu > ul.links > li > .button {
4010 display: block;
4011 margin: 0.5rem 0 0 0;
4012 }
4013
4014 #menu > ul.links > li:first-child > a:not(.button) {
4015 border-top: 0 !important;
4016 }
4017
4018 #menu .close {
4019 text-decoration: none;
4020 -moz-transition: color 0.2s ease-in-out;
4021 -webkit-transition: color 0.2s ease-in-out;
4022 -ms-transition: color 0.2s ease-in-out;
4023 transition: color 0.2s ease-in-out;
4024 -webkit-tap-highlight-color: transparent;
4025 border: 0;
4026 color: #999999;
4027 cursor: pointer;
4028 display: block;
4029 height: 3.25rem;
4030 line-height: 3.25rem;
4031 padding-right: 1.25rem;
4032 position: absolute;
4033 right: 0;
4034 text-align: right;
4035 top: 0;
4036 vertical-align: middle;
4037 width: 7rem;
4038 }
4039
4040 #menu .close:before {
4041 -moz-osx-font-smoothing: grayscale;
4042 -webkit-font-smoothing: antialiased;
4043 font-family: FontAwesome;
4044 font-style: normal;
4045 font-weight: normal;
4046 text-transform: none !important;
4047 }
4048
4049 #menu .close:before {
4050 content: '\f00d';
4051 font-size: 1.25rem;
4052 }
4053
4054 #menu .close:hover {
4055 color: #000;
4056 }
4057
4058 @media screen and (max-width: 736px) {
4059
4060 #menu .close {
4061 height: 4rem;
4062 line-height: 4rem;
4063 }
4064
4065 }
4066
4067 #menu.visible {
4068 -moz-transform: translateX(0);
4069 -webkit-transform: translateX(0);
4070 -ms-transform: translateX(0);
4071 transform: translateX(0);
4072 box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
4073 visibility: visible;
4074 }
4075
4076 @media screen and (max-width: 736px) {
4077
4078 #menu {
4079 padding: 2.5rem 1.75rem;
4080 }
4081
4082 }
4083
4084 /* Banner */
4085
4086 .banner {
4087 background-color: #8a4680;
4088 color: #e2d1df;
4089 padding: 8em 0;
4090 position: relative;
4091 }
4092
4093 .banner input, .banner select, .banner textarea {
4094 color: #ffffff;
4095 }
4096
4097 .banner a {
4098 color: #ffffff;
4099 }
4100
4101 .banner strong, .banner b {
4102 color: #ffffff;
4103 }
4104
4105 .banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6 {
4106 color: #ffffff;
4107 }
4108
4109 .banner blockquote {
4110 border-left-color: rgba(255, 255, 255, 0.25);
4111 }
4112
4113 .banner code {
4114 background: rgba(255, 255, 255, 0.075);
4115 border-color: rgba(255, 255, 255, 0.25);
4116 }
4117
4118 .banner hr {
4119 border-bottom-color: rgba(255, 255, 255, 0.25);
4120 }
4121
4122 .banner.full {
4123 padding: 0;
4124 min-height: 100vh;
4125 height: 100vh !important;
4126 }
4127
4128 .banner.half {
4129 padding: 0;
4130 min-height: 50vh;
4131 height: 50vh !important;
4132 }
4133
4134 .banner:after {
4135 -moz-pointer-events: none;
4136 -webkit-pointer-events: none;
4137 -ms-pointer-events: none;
4138 pointer-events: none;
4139 -moz-transition: opacity 1.5s ease-in-out, visibility 1.5s;
4140 -webkit-transition: opacity 1.5s ease-in-out, visibility 1.5s;
4141 -ms-transition: opacity 1.5s ease-in-out, visibility 1.5s;
4142 transition: opacity 1.5s ease-in-out, visibility 1.5s;
4143 background: #000000;
4144 content: '';
4145 display: block;
4146 height: 100%;
4147 left: 0;
4148 opacity: 0;
4149 position: absolute;
4150 top: 0;
4151 visibility: hidden;
4152 width: 100%;
4153 z-index: 2;
4154 }
4155
4156 .banner .indicators {
4157 bottom: 1.5em;
4158 left: 0;
4159 list-style: none;
4160 margin: 0;
4161 padding: 0;
4162 position: absolute;
4163 text-align: center;
4164 width: 100%;
4165 z-index: 2;
4166 }
4167
4168 .banner .indicators li {
4169 cursor: pointer;
4170 display: inline-block;
4171 height: 2em;
4172 overflow: hidden;
4173 padding: 0;
4174 position: relative;
4175 text-indent: 2em;
4176 width: 2em;
4177 }
4178
4179 .banner .indicators li:before {
4180 background: rgba(255, 255, 255, 0.35);
4181 border-radius: 100%;
4182 content: '';
4183 display: inline-block;
4184 height: 0.8em;
4185 left: 50%;
4186 margin: -0.4em 0 0 -0.4em;
4187 position: absolute;
4188 text-indent: 0;
4189 top: 50%;
4190 width: 0.8em;
4191 }
4192
4193 .banner .indicators li.visible:before {
4194 background: #fff;
4195 }
4196
4197 .banner > article {
4198 -moz-transition: opacity 1.5s ease, visibility 1.5s;
4199 -webkit-transition: opacity 1.5s ease, visibility 1.5s;
4200 -ms-transition: opacity 1.5s ease, visibility 1.5s;
4201 transition: opacity 1.5s ease, visibility 1.5s;
4202 background-attachment: fixed;
4203 background-position: center;
4204 background-repeat: no-repeat;
4205 background-size: cover;
4206 height: 100%;
4207 left: 0;
4208 opacity: 0;
4209 position: absolute;
4210 text-align: center;
4211 top: 0;
4212 visibility: hidden;
4213 width: 100%;
4214 z-index: 0;
4215 }
4216
4217 .banner > article:before {
4218 content: '';
4219 display: inline-block;
4220 height: 100%;
4221 vertical-align: middle;
4222 }
4223
4224 .banner > article:after {
4225 content: '';
4226 display: block;
4227 width: 100%;
4228 height: 100%;
4229 position: absolute;
4230 top: 0;
4231 left: 0;
4232 background: #000;
4233 opacity: 0.35;
4234 }
4235
4236 .banner > article .inner {
4237 position: relative;
4238 display: inline-block;
4239 vertical-align: middle;
4240 z-index: 1;
4241 }
4242
4243 .banner > article .inner > :last-child {
4244 margin-bottom: 0;
4245 }
4246
4247 .banner > article h2 {
4248 font-size: 7rem;
4249 margin-bottom: 0;
4250 color: #FFF;
4251 font-weight: 300;
4252 }
4253
4254 .banner > article h2:after {
4255 display: none;
4256 }
4257
4258 .banner > article p {
4259 color: rgba(255, 255, 255, 0.65);
4260 text-transform: uppercase;
4261 font-size: 1rem;
4262 font-weight: 300;
4263 margin: 0;
4264 padding-bottom: 1.75rem;
4265 letter-spacing: .25rem;
4266 }
4267
4268 .banner > article p:after {
4269 content: '';
4270 position: absolute;
4271 margin: auto;
4272 right: 0;
4273 bottom: 0;
4274 left: 0;
4275 width: 50%;
4276 height: 1px;
4277 background-color: rgba(255, 255, 255, 0.65);
4278 }
4279
4280 .banner > article a {
4281 color: #FFF;
4282 text-decoration: none;
4283 }
4284
4285 .banner > article img {
4286 display: none;
4287 }
4288
4289 .banner > article.visible {
4290 opacity: 1;
4291 visibility: visible;
4292 }
4293
4294 .banner > article.top {
4295 z-index: 1;
4296 }
4297
4298 .banner > article.instant {
4299 -moz-transition: none !important;
4300 -webkit-transition: none !important;
4301 -ms-transition: none !important;
4302 transition: none !important;
4303 }
4304
4305 body.is-loading .banner:after {
4306 opacity: 1.0;
4307 visibility: visible;
4308 }
4309
4310 @media screen and (max-width: 1280px) {
4311
4312 .banner.full {
4313 padding: 0;
4314 min-height: 75vh;
4315 height: 75vh !important;
4316 }
4317
4318 }
4319
4320 @media screen and (max-width: 980px) {
4321
4322 .banner.full {
4323 padding: 0;
4324 min-height: 50vh;
4325 height: 50vh !important;
4326 }
4327
4328 .banner > article {
4329 background-attachment: scroll;
4330 }
4331
4332 }
4333
4334 @media screen and (max-width: 736px) {
4335
4336 .banner > article .inner {
4337 width: 90%;
4338 }
4339
4340 .banner > article p {
4341 margin-bottom: 1rem;
4342 }
4343
4344 .banner > article h2 {
4345 font-size: 4em;
4346 }
4347
4348 }
4349
4350 body.is-mobile .banner > article {
4351 background-attachment: scroll;
4352 }
4353
4354 /* Main */
4355
4356 #main {
4357 padding: 4rem 0 2rem 0 ;
4358 }
4359
4360 @media screen and (max-width: 736px) {
4361
4362 #main {
4363 padding: 3rem 0 1rem 0 ;
4364 }
4365
4366 }
4367
4368 /* Footer */
4369
4370 #footer {
4371 padding: 4rem 0 2rem 0 ;
4372 background: #000;
4373 text-align: center;
4374 }
4375
4376 #footer a {
4377 color: rgba(255, 255, 255, 0.5);
4378 }
4379
4380 #footer a:hover {
4381 color: #FFF;
4382 }
4383
4384 #footer .copyright {
4385 color: #bbb;
4386 font-size: 0.9rem;
4387 margin: 0 0 2rem 0;
4388 padding: 0;
4389 text-align: center;
4390 }
4391
4392 @media screen and (max-width: 736px) {
4393
4394 #footer {
4395 padding: 3rem 0 1rem 0 ;
4396 }
4397
4398 }