Advertisement
Guest User

xxx

a guest
Feb 21st, 2020
326
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 82.48 KB | None | 0 0
  1. @import url(font-awesome.min.css);
  2. @import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600");
  3. /*
  4.     Industrious by TEMPLATED
  5.     templated.co @templatedco
  6.     Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
  7. */
  8. /* Basic */
  9. @-ms-viewport {
  10.   width: device-width; }
  11. body {
  12.   -ms-overflow-style: scrollbar; }
  13.  
  14. @media screen and (max-width: 480px) {
  15.   html, body {
  16.     min-width: 320px; } }
  17. html {
  18.   box-sizing: border-box; }
  19.  
  20. *, *:before, *:after {
  21.   box-sizing: inherit; }
  22.  
  23. body {
  24.   background: #ffffff; }
  25.   body.is-preload *, body.is-preload *:before, body.is-preload *:after {
  26.     -moz-animation: none !important;
  27.     -webkit-animation: none !important;
  28.     -ms-animation: none !important;
  29.     animation: none !important;
  30.     -moz-transition: none !important;
  31.     -webkit-transition: none !important;
  32.     -ms-transition: none !important;
  33.     transition: none !important; }
  34.  
  35. html, body, div, span, applet, object,
  36. iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
  37. pre, a, abbr, acronym, address, big, cite,
  38. code, del, dfn, em, img, ins, kbd, q, s, samp,
  39. small, strike, strong, sub, sup, tt, var, b,
  40. u, i, center, dl, dt, dd, ol, ul, li, fieldset,
  41. form, label, legend, table, caption, tbody,
  42. tfoot, thead, tr, th, td, article, aside,
  43. canvas, details, embed, figure, figcaption,
  44. footer, header, hgroup, menu, nav, output, ruby,
  45. section, summary, time, mark, audio, video {
  46.   margin: 0;
  47.   padding: 0;
  48.   border: 0;
  49.   font-size: 100%;
  50.   font: inherit;
  51.   vertical-align: baseline; }
  52.  
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section {
  55.   display: block; }
  56.  
  57. body {
  58.   line-height: 1; }
  59.  
  60. ol, ul {
  61.   list-style: none; }
  62.  
  63. blockquote, q {
  64.   quotes: none; }
  65.   blockquote:before, blockquote:after, q:before, q:after {
  66.     content: '';
  67.     content: none; }
  68.  
  69. table {
  70.   border-collapse: collapse;
  71.   border-spacing: 0; }
  72.  
  73. body {
  74.   -webkit-text-size-adjust: none; }
  75.  
  76. mark {
  77.   background-color: transparent;
  78.   color: inherit; }
  79.  
  80. input::-moz-focus-inner {
  81.   border: 0;
  82.   padding: 0; }
  83.  
  84. input, select, textarea {
  85.   -moz-appearance: none;
  86.   -webkit-appearance: none;
  87.   -ms-appearance: none;
  88.   appearance: none; }
  89.  
  90. /* Typography */
  91. html {
  92.   font-size: 13pt; }
  93.   @media screen and (max-width: 1680px) {
  94.     html {
  95.       font-size: 11pt; } }
  96.   @media screen and (max-width: 980px) {
  97.     html {
  98.       font-size: 12pt; } }
  99.   @media screen and (max-width: 480px) {
  100.     html {
  101.       font-size: 11pt; } }
  102.  
  103. body {
  104.   background-color: #ffffff;
  105.   color: #444444; }
  106.  
  107. body, input, select, textarea {
  108.   font-family: "Raleway", Arial, Helvetica, sans-serif;
  109.   font-weight: 400;
  110.   font-size: 1rem;
  111.   line-height: 1.65; }
  112.  
  113. a {
  114.   -moz-transition: color 0.2s ease-in-out;
  115.   -webkit-transition: color 0.2s ease-in-out;
  116.   -ms-transition: color 0.2s ease-in-out;
  117.   transition: color 0.2s ease-in-out;
  118.   text-decoration: underline; }
  119.   a:hover {
  120.     text-decoration: none; }
  121.  
  122. strong, b {
  123.   font-weight: 600; }
  124.  
  125. em, i {
  126.   font-style: italic; }
  127.  
  128. p {
  129.   margin: 0 0 2rem 0; }
  130.  
  131. header.special {
  132.   text-align: center;
  133.   margin-bottom: 4rem; }
  134.   header.special p {
  135.     max-width: 75%;
  136.     margin-left: auto;
  137.     margin-right: auto; }
  138.  
  139. h1, h2, h3, h4, h5, h6 {
  140.   font-weight: 300;
  141.   line-height: 1.5;
  142.   text-transform: uppercase;
  143.   margin: 0 0 1.5rem 0; }
  144.   h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  145.     color: inherit;
  146.     text-decoration: none; }
  147.  
  148. h1 {
  149.   font-size: 3rem;
  150.   line-height: 1.2; }
  151.  
  152. h2 {
  153.   font-size: 2.25rem;
  154.   line-height: 1.3; }
  155.  
  156. h3 {
  157.   font-size: 1.25rem; }
  158.  
  159. h4 {
  160.   font-size: 1rem; }
  161.  
  162. h5 {
  163.   font-size: 0.9rem; }
  164.  
  165. h6 {
  166.   font-size: 0.7rem; }
  167.  
  168. @media screen and (max-width: 736px) {
  169.   h1 {
  170.     font-size: 2.75rem;
  171.     line-height: 1.3; }
  172.  
  173.   h2 {
  174.     font-size: 1.75rem;
  175.     line-height: 1.5; }
  176.  
  177.   h3 {
  178.     font-size: 1.25rem; } }
  179. sub {
  180.   font-size: 0.8rem;
  181.   position: relative;
  182.   top: 0.5rem; }
  183.  
  184. sup {
  185.   font-size: 0.8rem;
  186.   position: relative;
  187.   top: -0.5rem; }
  188.  
  189. blockquote {
  190.   border-left: solid 0.5rem;
  191.   font-style: italic;
  192.   margin: 0 0 2rem 0;
  193.   padding: 1rem 0 1rem 2rem; }
  194.  
  195. code {
  196.   border-radius: 4px;
  197.   border: solid 1px;
  198.   font-family: "Courier New", monospace;
  199.   font-size: 0.9rem;
  200.   margin: 0 0.25rem;
  201.   padding: 0.25rem 0.65rem; }
  202.  
  203. pre {
  204.   -webkit-overflow-scrolling: touch;
  205.   font-family: "Courier New", monospace;
  206.   font-size: 0.9rem;
  207.   margin: 0 0 2rem 0; }
  208.   pre code {
  209.     display: block;
  210.     line-height: 1.75;
  211.     padding: 1rem 1.5rem;
  212.     overflow-x: auto; }
  213.  
  214. hr {
  215.   border: 0;
  216.   border-bottom: solid 1px;
  217.   margin: 2rem 0; }
  218.   hr.major {
  219.     margin: 4rem 0; }
  220.  
  221. input, select, textarea {
  222.   color: #555555; }
  223.  
  224. a {
  225.   color: #ce1b28; }
  226.  
  227. strong, b {
  228.   color: #555555; }
  229.  
  230. h1, h2, h3, h4, h5, h6 {
  231.   color: #555555; }
  232.  
  233. blockquote {
  234.   border-left-color: rgba(0, 0, 0, 0.25); }
  235.  
  236. code {
  237.   background: rgba(0, 0, 0, 0.075);
  238.   border-color: rgba(0, 0, 0, 0.25); }
  239.  
  240. hr {
  241.   border-bottom-color: rgba(0, 0, 0, 0.25); }
  242.  
  243. /* Inner */
  244. .inner {
  245.   margin: 0 auto;
  246.   width: 75rem;
  247.   max-width: calc(100% - 6rem); }
  248.   @media screen and (max-width: 480px) {
  249.     .inner {
  250.       max-width: calc(100% - 3rem); } }
  251.  
  252. /* Button */
  253. input[type="submit"],
  254. input[type="reset"],
  255. input[type="button"],
  256. button,
  257. .button {
  258.   -moz-appearance: none;
  259.   -webkit-appearance: none;
  260.   -ms-appearance: none;
  261.   appearance: none;
  262.   -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  263.   -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  264.   -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  265.   transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  266.   border: 0;
  267.   border-radius: 4px;
  268.   cursor: pointer;
  269.   display: inline-block;
  270.   font-weight: 600;
  271.   height: 3.25rem;
  272.   line-height: 3.25rem;
  273.   padding: 0 1.75rem;
  274.   text-align: center;
  275.   text-decoration: none;
  276.   white-space: nowrap; }
  277.   input[type="submit"].small,
  278.   input[type="reset"].small,
  279.   input[type="button"].small,
  280.   button.small,
  281.   .button.small {
  282.     font-size: 0.8rem;
  283.     height: 2.4375rem;
  284.     line-height: 2.4375rem;
  285.     padding: 0 1.25rem; }
  286.   input[type="submit"].large,
  287.   input[type="reset"].large,
  288.   input[type="button"].large,
  289.   button.large,
  290.   .button.large {
  291.     font-size: 1.35rem;
  292.     height: 4.0625rem;
  293.     line-height: 4.0625rem;
  294.     padding: 0 2rem; }
  295.   input[type="submit"].wide,
  296.   input[type="reset"].wide,
  297.   input[type="button"].wide,
  298.   button.wide,
  299.   .button.wide {
  300.     min-width: 13rem; }
  301.   input[type="submit"].icon:before,
  302.   input[type="reset"].icon:before,
  303.   input[type="button"].icon:before,
  304.   button.icon:before,
  305.   .button.icon:before {
  306.     margin-right: 0.5rem; }
  307.   input[type="submit"].fit,
  308.   input[type="reset"].fit,
  309.   input[type="button"].fit,
  310.   button.fit,
  311.   .button.fit {
  312.     width: 100%; }
  313.   input[type="submit"].disabled, input[type="submit"]:disabled,
  314.   input[type="reset"].disabled,
  315.   input[type="reset"]:disabled,
  316.   input[type="button"].disabled,
  317.   input[type="button"]:disabled,
  318.   button.disabled,
  319.   button:disabled,
  320.   .button.disabled,
  321.   .button:disabled {
  322.     pointer-events: none;
  323.     opacity: 0.25; }
  324.  
  325. input[type="submit"],
  326. input[type="reset"],
  327. input[type="button"],
  328. button,
  329. .button {
  330.   background-color: transparent;
  331.   box-shadow: inset 0 0 0 1px #555555;
  332.   color: #555555 !important; }
  333.   input[type="submit"]:hover,
  334.   input[type="reset"]:hover,
  335.   input[type="button"]:hover,
  336.   button:hover,
  337.   .button:hover {
  338.     box-shadow: inset 0 0 0 1px #ce1b28;
  339.     color: #ce1b28 !important; }
  340.     input[type="submit"]:hover:active,
  341.     input[type="reset"]:hover:active,
  342.     input[type="button"]:hover:active,
  343.     button:hover:active,
  344.     .button:hover:active {
  345.       background-color: rgba(206, 27, 40, 0.25); }
  346.   input[type="submit"].primary,
  347.   input[type="reset"].primary,
  348.   input[type="button"].primary,
  349.   button.primary,
  350.   .button.primary {
  351.     box-shadow: none;
  352.     background-color: #ce1b28;
  353.     color: #ffffff !important; }
  354.     input[type="submit"].primary:hover,
  355.     input[type="reset"].primary:hover,
  356.     input[type="button"].primary:hover,
  357.     button.primary:hover,
  358.     .button.primary:hover {
  359.       background-color: #e2212f;
  360.       box-shadow: none; }
  361.       input[type="submit"].primary:hover:active,
  362.       input[type="reset"].primary:hover:active,
  363.       input[type="button"].primary:hover:active,
  364.       button.primary:hover:active,
  365.       .button.primary:hover:active {
  366.         background-color: #b71824; }
  367.  
  368. /* Form */
  369. form {
  370.   margin: 0 0 2rem 0; }
  371.  
  372. input[type="text"],
  373. input[type="password"],
  374. input[type="email"],
  375. input[type="tel"],
  376. input[type="search"],
  377. input[type="url"],
  378. select,
  379. textarea {
  380.   -moz-appearance: none;
  381.   -webkit-appearance: none;
  382.   -ms-appearance: none;
  383.   appearance: none;
  384.   border-radius: 4px;
  385.   border: none;
  386.   border: solid 1px;
  387.   color: inherit;
  388.   display: block;
  389.   outline: 0;
  390.   padding: 0 1rem;
  391.   text-decoration: none;
  392.   width: 100%; }
  393.   input[type="text"]:invalid,
  394.   input[type="password"]:invalid,
  395.   input[type="email"]:invalid,
  396.   input[type="tel"]:invalid,
  397.   input[type="search"]:invalid,
  398.   input[type="url"]:invalid,
  399.   select:invalid,
  400.   textarea:invalid {
  401.     box-shadow: none; }
  402.  
  403. label {
  404.   display: block;
  405.   font-size: 1rem;
  406.   font-weight: 600;
  407.   margin: 0 0 1rem 0; }
  408.  
  409. input[type="text"],
  410. input[type="password"],
  411. input[type="email"],
  412. input[type="tel"],
  413. input[type="search"],
  414. input[type="url"] {
  415.   height: 3.25rem; }
  416.  
  417. select {
  418.   background-size: 1.25rem;
  419.   background-repeat: no-repeat;
  420.   background-position: calc(100% - 1rem) center;
  421.   height: 3.25rem;
  422.   padding-right: 3.25rem;
  423.   text-overflow: ellipsis; }
  424.   select:focus::-ms-value {
  425.     background-color: transparent; }
  426.   select::-ms-expand {
  427.     display: none; }
  428.  
  429. textarea {
  430.   padding: 0.75rem 1rem; }
  431.  
  432. input[type="checkbox"],
  433. input[type="radio"] {
  434.   -moz-appearance: none;
  435.   -webkit-appearance: none;
  436.   -ms-appearance: none;
  437.   appearance: none;
  438.   display: block;
  439.   float: left;
  440.   margin-right: -2rem;
  441.   opacity: 0;
  442.   width: 1rem;
  443.   z-index: -1; }
  444.   input[type="checkbox"] + label,
  445.   input[type="radio"] + label {
  446.     text-decoration: none;
  447.     cursor: pointer;
  448.     display: inline-block;
  449.     font-size: 1rem;
  450.     font-weight: 400;
  451.     padding-left: 2.825rem;
  452.     padding-right: 0.875rem;
  453.     position: relative; }
  454.     input[type="checkbox"] + label:before,
  455.     input[type="radio"] + label:before {
  456.       -moz-osx-font-smoothing: grayscale;
  457.       -webkit-font-smoothing: antialiased;
  458.       font-family: FontAwesome;
  459.       font-style: normal;
  460.       font-weight: normal;
  461.       text-transform: none !important; }
  462.     input[type="checkbox"] + label:before,
  463.     input[type="radio"] + label:before {
  464.       border-radius: 4px;
  465.       border: solid 1px;
  466.       content: '';
  467.       display: inline-block;
  468.       height: 1.95rem;
  469.       left: 0;
  470.       line-height: 1.86875rem;
  471.       position: absolute;
  472.       text-align: center;
  473.       top: -0.1625rem;
  474.       width: 1.95rem; }
  475.   input[type="checkbox"]:checked + label:before,
  476.   input[type="radio"]:checked + label:before {
  477.     content: '\f00c'; }
  478.  
  479. input[type="checkbox"] + label:before {
  480.   border-radius: 4px; }
  481.  
  482. input[type="radio"] + label:before {
  483.   border-radius: 100%; }
  484.  
  485. ::-webkit-input-placeholder {
  486.   opacity: 1.0; }
  487.  
  488. :-moz-placeholder {
  489.   opacity: 1.0; }
  490.  
  491. ::-moz-placeholder {
  492.   opacity: 1.0; }
  493.  
  494. :-ms-input-placeholder {
  495.   opacity: 1.0; }
  496.  
  497. label {
  498.   color: #555555; }
  499.  
  500. input[type="text"],
  501. input[type="password"],
  502. input[type="email"],
  503. input[type="tel"],
  504. input[type="search"],
  505. input[type="url"],
  506. select,
  507. textarea {
  508.   background-color: rgba(0, 0, 0, 0.075);
  509.   border-color: rgba(0, 0, 0, 0.25); }
  510.   input[type="text"]:focus,
  511.   input[type="password"]:focus,
  512.   input[type="email"]:focus,
  513.   input[type="tel"]:focus,
  514.   input[type="search"]:focus,
  515.   input[type="url"]:focus,
  516.   select:focus,
  517.   textarea:focus {
  518.     border-color: #ce1b28;
  519.     box-shadow: 0 0 0 1px #ce1b28; }
  520.  
  521. select {
  522.   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(0, 0, 0, 0.25)' /%3E%3C/svg%3E"); }
  523.   select option {
  524.     color: #444444;
  525.     background-color: #ffffff; }
  526.  
  527. input[type="checkbox"] + label,
  528. input[type="radio"] + label {
  529.   color: #444444; }
  530.   input[type="checkbox"] + label:before,
  531.   input[type="radio"] + label:before {
  532.     background: rgba(0, 0, 0, 0.075);
  533.     border-color: rgba(0, 0, 0, 0.25); }
  534. input[type="checkbox"]:checked + label:before,
  535. input[type="radio"]:checked + label:before {
  536.   background-color: #ce1b28;
  537.   border-color: #ce1b28;
  538.   color: #ffffff; }
  539. input[type="checkbox"]:focus + label:before,
  540. input[type="radio"]:focus + label:before {
  541.   border-color: #ce1b28;
  542.   box-shadow: 0 0 0 1px #ce1b28; }
  543.  
  544. ::-webkit-input-placeholder {
  545.   color: #bbbbbb !important; }
  546.  
  547. :-moz-placeholder {
  548.   color: #bbbbbb !important; }
  549.  
  550. ::-moz-placeholder {
  551.   color: #bbbbbb !important; }
  552.  
  553. :-ms-input-placeholder {
  554.   color: #bbbbbb !important; }
  555.  
  556. /* List */
  557. ol {
  558.   list-style: decimal;
  559.   margin: 0 0 2rem 0;
  560.   padding-left: 1.25rem; }
  561.   ol li {
  562.     padding-left: 0.25rem; }
  563.  
  564. ul {
  565.   list-style: disc;
  566.   margin: 0 0 2rem 0;
  567.   padding-left: 1rem; }
  568.   ul li {
  569.     padding-left: 0.325rem; }
  570.   ul.plain {
  571.     list-style: none;
  572.     padding-left: 0; }
  573.     ul.plain li {
  574.       margin-bottom: 1rem; }
  575.       ul.plain li .icon {
  576.         border-radius: 4px;
  577.         color: #ffffff;
  578.         display: inline-block;
  579.         margin-right: 1rem;
  580.         text-align: center;
  581.         width: 2rem;
  582.         height: 2rem;
  583.         line-height: 2rem;
  584.         background: rgba(0, 0, 0, 0.5); }
  585.   ul.alt {
  586.     list-style: none;
  587.     padding-left: 0; }
  588.     ul.alt li {
  589.       border-top: solid 1px;
  590.       padding: 0.75rem 0; }
  591.       ul.alt li:first-child {
  592.         border-top: 0;
  593.         padding-top: 0; }
  594.       ul.alt li:last-child {
  595.         padding-bottom: 0; }
  596.  
  597. dl {
  598.   margin: 0 0 2rem 0; }
  599.   dl dt {
  600.     display: block;
  601.     font-weight: 600;
  602.     margin: 0 0 1rem 0; }
  603.   dl dd {
  604.     margin-left: 1.5rem; }
  605.  
  606. ul.alt li {
  607.   border-top-color: rgba(0, 0, 0, 0.25); }
  608.  
  609. /* Table */
  610. .table-wrapper {
  611.   -webkit-overflow-scrolling: touch;
  612.   overflow-x: auto; }
  613.  
  614. table {
  615.   margin: 0 0 2rem 0;
  616.   width: 100%; }
  617.   table tbody tr {
  618.     border: solid 1px;
  619.     border-left: 0;
  620.     border-right: 0; }
  621.   table td {
  622.     padding: 0.75rem 0.75rem; }
  623.   table th {
  624.     font-size: 0.9rem;
  625.     font-weight: 600;
  626.     padding: 0 0.75rem 0.75rem 0.75rem;
  627.     text-align: left; }
  628.   table thead {
  629.     border-bottom: solid 2px; }
  630.   table tfoot {
  631.     border-top: solid 2px; }
  632.   table.alt {
  633.     border-collapse: separate; }
  634.     table.alt tbody tr td {
  635.       border: solid 1px;
  636.       border-left-width: 0;
  637.       border-top-width: 0; }
  638.       table.alt tbody tr td:first-child {
  639.         border-left-width: 1px; }
  640.     table.alt tbody tr:first-child td {
  641.       border-top-width: 1px; }
  642.     table.alt thead {
  643.       border-bottom: 0; }
  644.     table.alt tfoot {
  645.       border-top: 0; }
  646.  
  647. table tbody tr {
  648.   border-color: rgba(0, 0, 0, 0.25); }
  649.   table tbody tr:nth-child(2n + 1) {
  650.     background-color: rgba(0, 0, 0, 0.075); }
  651. table th {
  652.   color: #555555; }
  653. table thead {
  654.   border-bottom-color: rgba(0, 0, 0, 0.25); }
  655. table tfoot {
  656.   border-top-color: rgba(0, 0, 0, 0.25); }
  657. table.alt tbody tr td {
  658.   border-color: rgba(0, 0, 0, 0.25); }
  659.  
  660. /* Highlights */
  661. .highlights {
  662.   width: 100%;
  663.   margin: 2.5rem 0;
  664.   display: -moz-flex;
  665.   display: -webkit-flex;
  666.   display: -ms-flex;
  667.   display: flex;
  668.   -moz-flex-wrap: wrap;
  669.   -webkit-flex-wrap: wrap;
  670.   -ms-flex-wrap: wrap;
  671.   flex-wrap: wrap;
  672.   -moz-align-items: -moz-stretch;
  673.   -webkit-align-items: -webkit-stretch;
  674.   -ms-align-items: -ms-stretch;
  675.   align-items: stretch; }
  676.   .highlights > * {
  677.     -moz-flex-shrink: 1;
  678.     -webkit-flex-shrink: 1;
  679.     -ms-flex-shrink: 1;
  680.     flex-shrink: 1;
  681.     -moz-flex-grow: 0;
  682.     -webkit-flex-grow: 0;
  683.     -ms-flex-grow: 0;
  684.     flex-grow: 0; }
  685.   .highlights > * {
  686.     width: 33.3333333333%; }
  687.   .highlights > * {
  688.     padding: 1.5rem;
  689.     width: calc(33.3333333333% + 1rem); }
  690.   .highlights > :nth-child(-n + 3) {
  691.     padding-top: 0; }
  692.   .highlights > :nth-last-child(-n + 3) {
  693.     padding-bottom: 0; }
  694.   .highlights > :nth-child(3n + 1) {
  695.     padding-left: 0; }
  696.   .highlights > :nth-child(3n) {
  697.     padding-right: 0; }
  698.   .highlights > :nth-child(3n + 1),
  699.   .highlights > :nth-child(3n) {
  700.     width: calc(33.3333333333% + -0.5rem); }
  701.   .highlights .content {
  702.     border-radius: 4px;
  703.     height: 100%;
  704.     padding: 3rem;
  705.     text-align: center; }
  706.     .highlights .content .icon {
  707.       font-size: 5rem; }
  708.   .highlights > div > :last-child {
  709.     margin-bottom: 0; }
  710.   @media screen and (max-width: 980px) {
  711.     .highlights > * {
  712.       width: 50%; }
  713.     .highlights > * {
  714.       padding: 1rem;
  715.       width: calc(33.3333333333% + 0.6666666667rem); }
  716.     .highlights > :nth-child(-n + 3) {
  717.       padding-top: 1rem; }
  718.     .highlights > :nth-last-child(-n + 3) {
  719.       padding-bottom: 1rem; }
  720.     .highlights > :nth-child(3n + 1) {
  721.       padding-left: 1rem; }
  722.     .highlights > :nth-child(3n) {
  723.       padding-right: 1rem; }
  724.     .highlights > :nth-child(3n + 1),
  725.     .highlights > :nth-child(3n) {
  726.       padding: 1rem;
  727.       width: calc(50% + 1rem); }
  728.     .highlights > * {
  729.       padding: 1rem;
  730.       width: calc(50% + 1rem); }
  731.     .highlights > :nth-child(-n + 2) {
  732.       padding-top: 0; }
  733.     .highlights > :nth-last-child(-n + 2) {
  734.       padding-bottom: 0; }
  735.     .highlights > :nth-child(2n + 1) {
  736.       padding-left: 0; }
  737.     .highlights > :nth-child(2n) {
  738.       padding-right: 0; }
  739.     .highlights > :nth-child(2n + 1),
  740.     .highlights > :nth-child(2n) {
  741.       width: calc(50% + 0rem); }
  742.     .highlights .content {
  743.       padding: 2rem; } }
  744.   @media screen and (max-width: 736px) {
  745.     .highlights > * {
  746.       width: 100%; }
  747.     .highlights > * {
  748.       padding: 1rem;
  749.       width: calc(33.3333333333% + 0.6666666667rem); }
  750.     .highlights > :nth-child(-n + 3) {
  751.       padding-top: 1rem; }
  752.     .highlights > :nth-last-child(-n + 3) {
  753.       padding-bottom: 1rem; }
  754.     .highlights > :nth-child(3n + 1) {
  755.       padding-left: 1rem; }
  756.     .highlights > :nth-child(3n) {
  757.       padding-right: 1rem; }
  758.     .highlights > :nth-child(3n + 1),
  759.     .highlights > :nth-child(3n) {
  760.       padding: 1rem;
  761.       width: calc(100% + 2rem); }
  762.     .highlights > * {
  763.       padding: 1rem;
  764.       width: calc(50% + 1rem); }
  765.     .highlights > :nth-child(-n + 2) {
  766.       padding-top: 1rem; }
  767.     .highlights > :nth-last-child(-n + 2) {
  768.       padding-bottom: 1rem; }
  769.     .highlights > :nth-child(2n + 1) {
  770.       padding-left: 1rem; }
  771.     .highlights > :nth-child(2n) {
  772.       padding-right: 1rem; }
  773.     .highlights > :nth-child(2n + 1),
  774.     .highlights > :nth-child(2n) {
  775.       padding: 1rem;
  776.       width: calc(100% + 2rem); }
  777.     .highlights > * {
  778.       padding: 1rem;
  779.       width: calc(100% + 2rem); }
  780.     .highlights > :nth-child(-n + 1) {
  781.       padding-top: 0; }
  782.     .highlights > :nth-last-child(-n + 1) {
  783.       padding-bottom: 0; }
  784.     .highlights > :nth-child(1n + 1) {
  785.       padding-left: 0; }
  786.     .highlights > :nth-child(1n) {
  787.       padding-right: 0; }
  788.     .highlights > :nth-child(1n + 1),
  789.     .highlights > :nth-child(1n) {
  790.       width: calc(100% + 1rem); } }
  791.  
  792. .highlights .content {
  793.   background: #ffffff;
  794.   box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); }
  795.  
  796. /* Testimonials */
  797. .testimonials {
  798.   margin: 2.5rem 0;
  799.   width: 100%;
  800.   display: -moz-flex;
  801.   display: -webkit-flex;
  802.   display: -ms-flex;
  803.   display: flex;
  804.   -moz-flex-wrap: wrap;
  805.   -webkit-flex-wrap: wrap;
  806.   -ms-flex-wrap: wrap;
  807.   flex-wrap: wrap;
  808.   -moz-align-items: -moz-stretch;
  809.   -webkit-align-items: -webkit-stretch;
  810.   -ms-align-items: -ms-stretch;
  811.   align-items: stretch; }
  812.   .testimonials > * {
  813.     -moz-flex-shrink: 1;
  814.     -webkit-flex-shrink: 1;
  815.     -ms-flex-shrink: 1;
  816.     flex-shrink: 1;
  817.     -moz-flex-grow: 0;
  818.     -webkit-flex-grow: 0;
  819.     -ms-flex-grow: 0;
  820.     flex-grow: 0; }
  821.   .testimonials > * {
  822.     width: 33.3333333333%; }
  823.   .testimonials > * {
  824.     padding: 1.5rem;
  825.     width: calc(33.3333333333% + 1rem); }
  826.   .testimonials > :nth-child(-n + 3) {
  827.     padding-top: 0; }
  828.   .testimonials > :nth-last-child(-n + 3) {
  829.     padding-bottom: 0; }
  830.   .testimonials > :nth-child(3n + 1) {
  831.     padding-left: 0; }
  832.   .testimonials > :nth-child(3n) {
  833.     padding-right: 0; }
  834.   .testimonials > :nth-child(3n + 1),
  835.   .testimonials > :nth-child(3n) {
  836.     width: calc(33.3333333333% + -0.5rem); }
  837.   .testimonials .content {
  838.     border-radius: 4px;
  839.     height: 100%;
  840.     padding: 3rem; }
  841.     .testimonials .content .author {
  842.       display: -moz-flex;
  843.       display: -webkit-flex;
  844.       display: -ms-flex;
  845.       display: flex;
  846.       -moz-align-items: center;
  847.       -webkit-align-items: center;
  848.       -ms-align-items: center;
  849.       align-items: center; }
  850.       .testimonials .content .author blockquote {
  851.         margin: 0; }
  852.       .testimonials .content .author .image {
  853.         margin-right: 2rem;
  854.         width: 20%; }
  855.         .testimonials .content .author .image img {
  856.           border-radius: 100%;
  857.           max-width: 100%; }
  858.     .testimonials .content .credit {
  859.       font-size: 0.75rem; }
  860.     .testimonials .content p:last-child {
  861.       margin: 0; }
  862.   .testimonials > div > :last-child {
  863.     margin-bottom: 0; }
  864.   @media screen and (max-width: 980px) {
  865.     .testimonials > * {
  866.       width: 50%; }
  867.     .testimonials > * {
  868.       padding: 1rem;
  869.       width: calc(33.3333333333% + 0.6666666667rem); }
  870.     .testimonials > :nth-child(-n + 3) {
  871.       padding-top: 1rem; }
  872.     .testimonials > :nth-last-child(-n + 3) {
  873.       padding-bottom: 1rem; }
  874.     .testimonials > :nth-child(3n + 1) {
  875.       padding-left: 1rem; }
  876.     .testimonials > :nth-child(3n) {
  877.       padding-right: 1rem; }
  878.     .testimonials > :nth-child(3n + 1),
  879.     .testimonials > :nth-child(3n) {
  880.       padding: 1rem;
  881.       width: calc(50% + 1rem); }
  882.     .testimonials > * {
  883.       padding: 1rem;
  884.       width: calc(50% + 1rem); }
  885.     .testimonials > :nth-child(-n + 2) {
  886.       padding-top: 0; }
  887.     .testimonials > :nth-last-child(-n + 2) {
  888.       padding-bottom: 0; }
  889.     .testimonials > :nth-child(2n + 1) {
  890.       padding-left: 0; }
  891.     .testimonials > :nth-child(2n) {
  892.       padding-right: 0; }
  893.     .testimonials > :nth-child(2n + 1),
  894.     .testimonials > :nth-child(2n) {
  895.       width: calc(50% + 0rem); }
  896.     .testimonials .content {
  897.       padding: 2rem; } }
  898.   @media screen and (max-width: 736px) {
  899.     .testimonials > * {
  900.       width: 100%; }
  901.     .testimonials > * {
  902.       padding: 1rem;
  903.       width: calc(33.3333333333% + 0.6666666667rem); }
  904.     .testimonials > :nth-child(-n + 3) {
  905.       padding-top: 1rem; }
  906.     .testimonials > :nth-last-child(-n + 3) {
  907.       padding-bottom: 1rem; }
  908.     .testimonials > :nth-child(3n + 1) {
  909.       padding-left: 1rem; }
  910.     .testimonials > :nth-child(3n) {
  911.       padding-right: 1rem; }
  912.     .testimonials > :nth-child(3n + 1),
  913.     .testimonials > :nth-child(3n) {
  914.       padding: 1rem;
  915.       width: calc(100% + 2rem); }
  916.     .testimonials > * {
  917.       padding: 1rem;
  918.       width: calc(50% + 1rem); }
  919.     .testimonials > :nth-child(-n + 2) {
  920.       padding-top: 1rem; }
  921.     .testimonials > :nth-last-child(-n + 2) {
  922.       padding-bottom: 1rem; }
  923.     .testimonials > :nth-child(2n + 1) {
  924.       padding-left: 1rem; }
  925.     .testimonials > :nth-child(2n) {
  926.       padding-right: 1rem; }
  927.     .testimonials > :nth-child(2n + 1),
  928.     .testimonials > :nth-child(2n) {
  929.       padding: 1rem;
  930.       width: calc(100% + 2rem); }
  931.     .testimonials > * {
  932.       padding: 1rem;
  933.       width: calc(100% + 2rem); }
  934.     .testimonials > :nth-child(-n + 1) {
  935.       padding-top: 0; }
  936.     .testimonials > :nth-last-child(-n + 1) {
  937.       padding-bottom: 0; }
  938.     .testimonials > :nth-child(1n + 1) {
  939.       padding-left: 0; }
  940.     .testimonials > :nth-child(1n) {
  941.       padding-right: 0; }
  942.     .testimonials > :nth-child(1n + 1),
  943.     .testimonials > :nth-child(1n) {
  944.       width: calc(100% + 1rem); } }
  945.  
  946. .testimonials .content {
  947.   background: #ffffff;
  948.   box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); }
  949.   .testimonials .content .credit strong {
  950.     color: #ce1b28; }
  951.  
  952. /* Actions */
  953. ul.actions {
  954.   display: -moz-flex;
  955.   display: -webkit-flex;
  956.   display: -ms-flex;
  957.   display: flex;
  958.   cursor: default;
  959.   list-style: none;
  960.   margin-left: -1rem;
  961.   padding-left: 0; }
  962.   ul.actions li {
  963.     padding: 0 0 0 1rem;
  964.     vertical-align: middle; }
  965.   ul.actions.special {
  966.     -moz-justify-content: center;
  967.     -webkit-justify-content: center;
  968.     -ms-justify-content: center;
  969.     justify-content: center;
  970.     width: calc(100% + 1rem); }
  971.   ul.actions.stacked {
  972.     -moz-flex-direction: column;
  973.     -webkit-flex-direction: column;
  974.     -ms-flex-direction: column;
  975.     flex-direction: column;
  976.     margin-left: 0; }
  977.     ul.actions.stacked li {
  978.       padding: 1.3rem 0 0 0; }
  979.       ul.actions.stacked li:first-child {
  980.         padding-top: 0; }
  981.   ul.actions.fit {
  982.     width: calc(100% + 1rem); }
  983.     ul.actions.fit li {
  984.       -moz-flex-grow: 1;
  985.       -webkit-flex-grow: 1;
  986.       -ms-flex-grow: 1;
  987.       flex-grow: 1;
  988.       -moz-flex-shrink: 1;
  989.       -webkit-flex-shrink: 1;
  990.       -ms-flex-shrink: 1;
  991.       flex-shrink: 1;
  992.       width: 100%; }
  993.       ul.actions.fit li > * {
  994.         width: 100%; }
  995.     ul.actions.fit.stacked {
  996.       width: 100%; }
  997.   @media screen and (max-width: 480px) {
  998.     ul.actions:not(.fixed) {
  999.       -moz-flex-direction: column;
  1000.       -webkit-flex-direction: column;
  1001.       -ms-flex-direction: column;
  1002.       flex-direction: column;
  1003.       margin-left: 0;
  1004.       width: 100% !important; }
  1005.       ul.actions:not(.fixed) li {
  1006.         -moz-flex-grow: 1;
  1007.         -webkit-flex-grow: 1;
  1008.         -ms-flex-grow: 1;
  1009.         flex-grow: 1;
  1010.         -moz-flex-shrink: 1;
  1011.         -webkit-flex-shrink: 1;
  1012.         -ms-flex-shrink: 1;
  1013.         flex-shrink: 1;
  1014.         padding: 1rem 0 0 0;
  1015.         text-align: center;
  1016.         width: 100%; }
  1017.         ul.actions:not(.fixed) li > * {
  1018.           width: 100%; }
  1019.         ul.actions:not(.fixed) li:first-child {
  1020.           padding-top: 0; }
  1021.         ul.actions:not(.fixed) li input[type="submit"],
  1022.         ul.actions:not(.fixed) li input[type="reset"],
  1023.         ul.actions:not(.fixed) li input[type="button"],
  1024.         ul.actions:not(.fixed) li button,
  1025.         ul.actions:not(.fixed) li .button {
  1026.           width: 100%; }
  1027.           ul.actions:not(.fixed) li input[type="submit"].icon:before,
  1028.           ul.actions:not(.fixed) li input[type="reset"].icon:before,
  1029.           ul.actions:not(.fixed) li input[type="button"].icon:before,
  1030.           ul.actions:not(.fixed) li button.icon:before,
  1031.           ul.actions:not(.fixed) li .button.icon:before {
  1032.             margin-left: -0.5rem; } }
  1033.  
  1034. /* Grid */
  1035. .row {
  1036.   display: flex;
  1037.   flex-wrap: wrap;
  1038.   box-sizing: border-box; }
  1039.   .row > * {
  1040.     box-sizing: border-box; }
  1041.   .row.gtr-uniform > * > :last-child {
  1042.     margin-bottom: 0; }
  1043.  
  1044. .row > .imp {
  1045.   order: -1; }
  1046. .row > .col-1 {
  1047.   width: 8.3333333333%; }
  1048. .row > .off-1 {
  1049.   margin-left: 8.3333333333%; }
  1050. .row > .col-2 {
  1051.   width: 16.6666666667%; }
  1052. .row > .off-2 {
  1053.   margin-left: 16.6666666667%; }
  1054. .row > .col-3 {
  1055.   width: 25%; }
  1056. .row > .off-3 {
  1057.   margin-left: 25%; }
  1058. .row > .col-4 {
  1059.   width: 33.3333333333%; }
  1060. .row > .off-4 {
  1061.   margin-left: 33.3333333333%; }
  1062. .row > .col-5 {
  1063.   width: 41.6666666667%; }
  1064. .row > .off-5 {
  1065.   margin-left: 41.6666666667%; }
  1066. .row > .col-6 {
  1067.   width: 50%; }
  1068. .row > .off-6 {
  1069.   margin-left: 50%; }
  1070. .row > .col-7 {
  1071.   width: 58.3333333333%; }
  1072. .row > .off-7 {
  1073.   margin-left: 58.3333333333%; }
  1074. .row > .col-8 {
  1075.   width: 66.6666666667%; }
  1076. .row > .off-8 {
  1077.   margin-left: 66.6666666667%; }
  1078. .row > .col-9 {
  1079.   width: 75%; }
  1080. .row > .off-9 {
  1081.   margin-left: 75%; }
  1082. .row > .col-10 {
  1083.   width: 83.3333333333%; }
  1084. .row > .off-10 {
  1085.   margin-left: 83.3333333333%; }
  1086. .row > .col-11 {
  1087.   width: 91.6666666667%; }
  1088. .row > .off-11 {
  1089.   margin-left: 91.6666666667%; }
  1090. .row > .col-12 {
  1091.   width: 100%; }
  1092. .row > .off-12 {
  1093.   margin-left: 100%; }
  1094. .row.gtr-0 {
  1095.   margin-top: 0;
  1096.   margin-left: 0rem; }
  1097.   .row.gtr-0 > * {
  1098.     padding: 0 0 0 0rem; }
  1099.   .row.gtr-0.gtr-uniform {
  1100.     margin-top: 0rem; }
  1101.     .row.gtr-0.gtr-uniform > * {
  1102.       padding-top: 0rem; }
  1103. .row.gtr-25 {
  1104.   margin-top: 0;
  1105.   margin-left: -0.75rem; }
  1106.   .row.gtr-25 > * {
  1107.     padding: 0 0 0 0.75rem; }
  1108.   .row.gtr-25.gtr-uniform {
  1109.     margin-top: -0.75rem; }
  1110.     .row.gtr-25.gtr-uniform > * {
  1111.       padding-top: 0.75rem; }
  1112. .row.gtr-50 {
  1113.   margin-top: 0;
  1114.   margin-left: -1.5rem; }
  1115.   .row.gtr-50 > * {
  1116.     padding: 0 0 0 1.5rem; }
  1117.   .row.gtr-50.gtr-uniform {
  1118.     margin-top: -1.5rem; }
  1119.     .row.gtr-50.gtr-uniform > * {
  1120.       padding-top: 1.5rem; }
  1121. .row {
  1122.   margin-top: 0;
  1123.   margin-left: -3rem; }
  1124.   .row > * {
  1125.     padding: 0 0 0 3rem; }
  1126.   .row.gtr-uniform {
  1127.     margin-top: -3rem; }
  1128.     .row.gtr-uniform > * {
  1129.       padding-top: 3rem; }
  1130. .row.gtr-150 {
  1131.   margin-top: 0;
  1132.   margin-left: -4.5rem; }
  1133.   .row.gtr-150 > * {
  1134.     padding: 0 0 0 4.5rem; }
  1135.   .row.gtr-150.gtr-uniform {
  1136.     margin-top: -4.5rem; }
  1137.     .row.gtr-150.gtr-uniform > * {
  1138.       padding-top: 4.5rem; }
  1139. .row.gtr-200 {
  1140.   margin-top: 0;
  1141.   margin-left: -6rem; }
  1142.   .row.gtr-200 > * {
  1143.     padding: 0 0 0 6rem; }
  1144.   .row.gtr-200.gtr-uniform {
  1145.     margin-top: -6rem; }
  1146.     .row.gtr-200.gtr-uniform > * {
  1147.       padding-top: 6rem; }
  1148.  
  1149. @media screen and (max-width: 1680px) {
  1150.   .row {
  1151.     display: flex;
  1152.     flex-wrap: wrap;
  1153.     box-sizing: border-box; }
  1154.     .row > * {
  1155.       box-sizing: border-box; }
  1156.     .row.gtr-uniform > * > :last-child {
  1157.       margin-bottom: 0; }
  1158.  
  1159.   .row > .imp-xlarge {
  1160.     order: -1; }
  1161.   .row > .col-1-xlarge {
  1162.     width: 8.3333333333%; }
  1163.   .row > .off-1-xlarge {
  1164.     margin-left: 8.3333333333%; }
  1165.   .row > .col-2-xlarge {
  1166.     width: 16.6666666667%; }
  1167.   .row > .off-2-xlarge {
  1168.     margin-left: 16.6666666667%; }
  1169.   .row > .col-3-xlarge {
  1170.     width: 25%; }
  1171.   .row > .off-3-xlarge {
  1172.     margin-left: 25%; }
  1173.   .row > .col-4-xlarge {
  1174.     width: 33.3333333333%; }
  1175.   .row > .off-4-xlarge {
  1176.     margin-left: 33.3333333333%; }
  1177.   .row > .col-5-xlarge {
  1178.     width: 41.6666666667%; }
  1179.   .row > .off-5-xlarge {
  1180.     margin-left: 41.6666666667%; }
  1181.   .row > .col-6-xlarge {
  1182.     width: 50%; }
  1183.   .row > .off-6-xlarge {
  1184.     margin-left: 50%; }
  1185.   .row > .col-7-xlarge {
  1186.     width: 58.3333333333%; }
  1187.   .row > .off-7-xlarge {
  1188.     margin-left: 58.3333333333%; }
  1189.   .row > .col-8-xlarge {
  1190.     width: 66.6666666667%; }
  1191.   .row > .off-8-xlarge {
  1192.     margin-left: 66.6666666667%; }
  1193.   .row > .col-9-xlarge {
  1194.     width: 75%; }
  1195.   .row > .off-9-xlarge {
  1196.     margin-left: 75%; }
  1197.   .row > .col-10-xlarge {
  1198.     width: 83.3333333333%; }
  1199.   .row > .off-10-xlarge {
  1200.     margin-left: 83.3333333333%; }
  1201.   .row > .col-11-xlarge {
  1202.     width: 91.6666666667%; }
  1203.   .row > .off-11-xlarge {
  1204.     margin-left: 91.6666666667%; }
  1205.   .row > .col-12-xlarge {
  1206.     width: 100%; }
  1207.   .row > .off-12-xlarge {
  1208.     margin-left: 100%; }
  1209.   .row.gtr-0 {
  1210.     margin-top: 0;
  1211.     margin-left: 0rem; }
  1212.     .row.gtr-0 > * {
  1213.       padding: 0 0 0 0rem; }
  1214.     .row.gtr-0.gtr-uniform {
  1215.       margin-top: 0rem; }
  1216.       .row.gtr-0.gtr-uniform > * {
  1217.         padding-top: 0rem; }
  1218.   .row.gtr-25 {
  1219.     margin-top: 0;
  1220.     margin-left: -0.75rem; }
  1221.     .row.gtr-25 > * {
  1222.       padding: 0 0 0 0.75rem; }
  1223.     .row.gtr-25.gtr-uniform {
  1224.       margin-top: -0.75rem; }
  1225.       .row.gtr-25.gtr-uniform > * {
  1226.         padding-top: 0.75rem; }
  1227.   .row.gtr-50 {
  1228.     margin-top: 0;
  1229.     margin-left: -1.5rem; }
  1230.     .row.gtr-50 > * {
  1231.       padding: 0 0 0 1.5rem; }
  1232.     .row.gtr-50.gtr-uniform {
  1233.       margin-top: -1.5rem; }
  1234.       .row.gtr-50.gtr-uniform > * {
  1235.         padding-top: 1.5rem; }
  1236.   .row {
  1237.     margin-top: 0;
  1238.     margin-left: -3rem; }
  1239.     .row > * {
  1240.       padding: 0 0 0 3rem; }
  1241.     .row.gtr-uniform {
  1242.       margin-top: -3rem; }
  1243.       .row.gtr-uniform > * {
  1244.         padding-top: 3rem; }
  1245.   .row.gtr-150 {
  1246.     margin-top: 0;
  1247.     margin-left: -4.5rem; }
  1248.     .row.gtr-150 > * {
  1249.       padding: 0 0 0 4.5rem; }
  1250.     .row.gtr-150.gtr-uniform {
  1251.       margin-top: -4.5rem; }
  1252.       .row.gtr-150.gtr-uniform > * {
  1253.         padding-top: 4.5rem; }
  1254.   .row.gtr-200 {
  1255.     margin-top: 0;
  1256.     margin-left: -6rem; }
  1257.     .row.gtr-200 > * {
  1258.       padding: 0 0 0 6rem; }
  1259.     .row.gtr-200.gtr-uniform {
  1260.       margin-top: -6rem; }
  1261.       .row.gtr-200.gtr-uniform > * {
  1262.         padding-top: 6rem; } }
  1263. @media screen and (max-width: 1280px) {
  1264.   .row {
  1265.     display: flex;
  1266.     flex-wrap: wrap;
  1267.     box-sizing: border-box; }
  1268.     .row > * {
  1269.       box-sizing: border-box; }
  1270.     .row.gtr-uniform > * > :last-child {
  1271.       margin-bottom: 0; }
  1272.  
  1273.   .row > .imp-large {
  1274.     order: -1; }
  1275.   .row > .col-1-large {
  1276.     width: 8.3333333333%; }
  1277.   .row > .off-1-large {
  1278.     margin-left: 8.3333333333%; }
  1279.   .row > .col-2-large {
  1280.     width: 16.6666666667%; }
  1281.   .row > .off-2-large {
  1282.     margin-left: 16.6666666667%; }
  1283.   .row > .col-3-large {
  1284.     width: 25%; }
  1285.   .row > .off-3-large {
  1286.     margin-left: 25%; }
  1287.   .row > .col-4-large {
  1288.     width: 33.3333333333%; }
  1289.   .row > .off-4-large {
  1290.     margin-left: 33.3333333333%; }
  1291.   .row > .col-5-large {
  1292.     width: 41.6666666667%; }
  1293.   .row > .off-5-large {
  1294.     margin-left: 41.6666666667%; }
  1295.   .row > .col-6-large {
  1296.     width: 50%; }
  1297.   .row > .off-6-large {
  1298.     margin-left: 50%; }
  1299.   .row > .col-7-large {
  1300.     width: 58.3333333333%; }
  1301.   .row > .off-7-large {
  1302.     margin-left: 58.3333333333%; }
  1303.   .row > .col-8-large {
  1304.     width: 66.6666666667%; }
  1305.   .row > .off-8-large {
  1306.     margin-left: 66.6666666667%; }
  1307.   .row > .col-9-large {
  1308.     width: 75%; }
  1309.   .row > .off-9-large {
  1310.     margin-left: 75%; }
  1311.   .row > .col-10-large {
  1312.     width: 83.3333333333%; }
  1313.   .row > .off-10-large {
  1314.     margin-left: 83.3333333333%; }
  1315.   .row > .col-11-large {
  1316.     width: 91.6666666667%; }
  1317.   .row > .off-11-large {
  1318.     margin-left: 91.6666666667%; }
  1319.   .row > .col-12-large {
  1320.     width: 100%; }
  1321.   .row > .off-12-large {
  1322.     margin-left: 100%; }
  1323.   .row.gtr-0 {
  1324.     margin-top: 0;
  1325.     margin-left: 0rem; }
  1326.     .row.gtr-0 > * {
  1327.       padding: 0 0 0 0rem; }
  1328.     .row.gtr-0.gtr-uniform {
  1329.       margin-top: 0rem; }
  1330.       .row.gtr-0.gtr-uniform > * {
  1331.         padding-top: 0rem; }
  1332.   .row.gtr-25 {
  1333.     margin-top: 0;
  1334.     margin-left: -0.375rem; }
  1335.     .row.gtr-25 > * {
  1336.       padding: 0 0 0 0.375rem; }
  1337.     .row.gtr-25.gtr-uniform {
  1338.       margin-top: -0.375rem; }
  1339.       .row.gtr-25.gtr-uniform > * {
  1340.         padding-top: 0.375rem; }
  1341.   .row.gtr-50 {
  1342.     margin-top: 0;
  1343.     margin-left: -0.75rem; }
  1344.     .row.gtr-50 > * {
  1345.       padding: 0 0 0 0.75rem; }
  1346.     .row.gtr-50.gtr-uniform {
  1347.       margin-top: -0.75rem; }
  1348.       .row.gtr-50.gtr-uniform > * {
  1349.         padding-top: 0.75rem; }
  1350.   .row {
  1351.     margin-top: 0;
  1352.     margin-left: -1.5rem; }
  1353.     .row > * {
  1354.       padding: 0 0 0 1.5rem; }
  1355.     .row.gtr-uniform {
  1356.       margin-top: -1.5rem; }
  1357.       .row.gtr-uniform > * {
  1358.         padding-top: 1.5rem; }
  1359.   .row.gtr-150 {
  1360.     margin-top: 0;
  1361.     margin-left: -2.25rem; }
  1362.     .row.gtr-150 > * {
  1363.       padding: 0 0 0 2.25rem; }
  1364.     .row.gtr-150.gtr-uniform {
  1365.       margin-top: -2.25rem; }
  1366.       .row.gtr-150.gtr-uniform > * {
  1367.         padding-top: 2.25rem; }
  1368.   .row.gtr-200 {
  1369.     margin-top: 0;
  1370.     margin-left: -3rem; }
  1371.     .row.gtr-200 > * {
  1372.       padding: 0 0 0 3rem; }
  1373.     .row.gtr-200.gtr-uniform {
  1374.       margin-top: -3rem; }
  1375.       .row.gtr-200.gtr-uniform > * {
  1376.         padding-top: 3rem; } }
  1377. @media screen and (max-width: 980px) {
  1378.   .row {
  1379.     display: flex;
  1380.     flex-wrap: wrap;
  1381.     box-sizing: border-box; }
  1382.     .row > * {
  1383.       box-sizing: border-box; }
  1384.     .row.gtr-uniform > * > :last-child {
  1385.       margin-bottom: 0; }
  1386.  
  1387.   .row > .imp-medium {
  1388.     order: -1; }
  1389.   .row > .col-1-medium {
  1390.     width: 8.3333333333%; }
  1391.   .row > .off-1-medium {
  1392.     margin-left: 8.3333333333%; }
  1393.   .row > .col-2-medium {
  1394.     width: 16.6666666667%; }
  1395.   .row > .off-2-medium {
  1396.     margin-left: 16.6666666667%; }
  1397.   .row > .col-3-medium {
  1398.     width: 25%; }
  1399.   .row > .off-3-medium {
  1400.     margin-left: 25%; }
  1401.   .row > .col-4-medium {
  1402.     width: 33.3333333333%; }
  1403.   .row > .off-4-medium {
  1404.     margin-left: 33.3333333333%; }
  1405.   .row > .col-5-medium {
  1406.     width: 41.6666666667%; }
  1407.   .row > .off-5-medium {
  1408.     margin-left: 41.6666666667%; }
  1409.   .row > .col-6-medium {
  1410.     width: 50%; }
  1411.   .row > .off-6-medium {
  1412.     margin-left: 50%; }
  1413.   .row > .col-7-medium {
  1414.     width: 58.3333333333%; }
  1415.   .row > .off-7-medium {
  1416.     margin-left: 58.3333333333%; }
  1417.   .row > .col-8-medium {
  1418.     width: 66.6666666667%; }
  1419.   .row > .off-8-medium {
  1420.     margin-left: 66.6666666667%; }
  1421.   .row > .col-9-medium {
  1422.     width: 75%; }
  1423.   .row > .off-9-medium {
  1424.     margin-left: 75%; }
  1425.   .row > .col-10-medium {
  1426.     width: 83.3333333333%; }
  1427.   .row > .off-10-medium {
  1428.     margin-left: 83.3333333333%; }
  1429.   .row > .col-11-medium {
  1430.     width: 91.6666666667%; }
  1431.   .row > .off-11-medium {
  1432.     margin-left: 91.6666666667%; }
  1433.   .row > .col-12-medium {
  1434.     width: 100%; }
  1435.   .row > .off-12-medium {
  1436.     margin-left: 100%; }
  1437.   .row.gtr-0 {
  1438.     margin-top: 0;
  1439.     margin-left: 0rem; }
  1440.     .row.gtr-0 > * {
  1441.       padding: 0 0 0 0rem; }
  1442.     .row.gtr-0.gtr-uniform {
  1443.       margin-top: 0rem; }
  1444.       .row.gtr-0.gtr-uniform > * {
  1445.         padding-top: 0rem; }
  1446.   .row.gtr-25 {
  1447.     margin-top: 0;
  1448.     margin-left: -0.375rem; }
  1449.     .row.gtr-25 > * {
  1450.       padding: 0 0 0 0.375rem; }
  1451.     .row.gtr-25.gtr-uniform {
  1452.       margin-top: -0.375rem; }
  1453.       .row.gtr-25.gtr-uniform > * {
  1454.         padding-top: 0.375rem; }
  1455.   .row.gtr-50 {
  1456.     margin-top: 0;
  1457.     margin-left: -0.75rem; }
  1458.     .row.gtr-50 > * {
  1459.       padding: 0 0 0 0.75rem; }
  1460.     .row.gtr-50.gtr-uniform {
  1461.       margin-top: -0.75rem; }
  1462.       .row.gtr-50.gtr-uniform > * {
  1463.         padding-top: 0.75rem; }
  1464.   .row {
  1465.     margin-top: 0;
  1466.     margin-left: -1.5rem; }
  1467.     .row > * {
  1468.       padding: 0 0 0 1.5rem; }
  1469.     .row.gtr-uniform {
  1470.       margin-top: -1.5rem; }
  1471.       .row.gtr-uniform > * {
  1472.         padding-top: 1.5rem; }
  1473.   .row.gtr-150 {
  1474.     margin-top: 0;
  1475.     margin-left: -2.25rem; }
  1476.     .row.gtr-150 > * {
  1477.       padding: 0 0 0 2.25rem; }
  1478.     .row.gtr-150.gtr-uniform {
  1479.       margin-top: -2.25rem; }
  1480.       .row.gtr-150.gtr-uniform > * {
  1481.         padding-top: 2.25rem; }
  1482.   .row.gtr-200 {
  1483.     margin-top: 0;
  1484.     margin-left: -3rem; }
  1485.     .row.gtr-200 > * {
  1486.       padding: 0 0 0 3rem; }
  1487.     .row.gtr-200.gtr-uniform {
  1488.       margin-top: -3rem; }
  1489.       .row.gtr-200.gtr-uniform > * {
  1490.         padding-top: 3rem; } }
  1491. @media screen and (max-width: 736px) {
  1492.   .row {
  1493.     display: flex;
  1494.     flex-wrap: wrap;
  1495.     box-sizing: border-box; }
  1496.     .row > * {
  1497.       box-sizing: border-box; }
  1498.     .row.gtr-uniform > * > :last-child {
  1499.       margin-bottom: 0; }
  1500.  
  1501.   .row > .imp-small {
  1502.     order: -1; }
  1503.   .row > .col-1-small {
  1504.     width: 8.3333333333%; }
  1505.   .row > .off-1-small {
  1506.     margin-left: 8.3333333333%; }
  1507.   .row > .col-2-small {
  1508.     width: 16.6666666667%; }
  1509.   .row > .off-2-small {
  1510.     margin-left: 16.6666666667%; }
  1511.   .row > .col-3-small {
  1512.     width: 25%; }
  1513.   .row > .off-3-small {
  1514.     margin-left: 25%; }
  1515.   .row > .col-4-small {
  1516.     width: 33.3333333333%; }
  1517.   .row > .off-4-small {
  1518.     margin-left: 33.3333333333%; }
  1519.   .row > .col-5-small {
  1520.     width: 41.6666666667%; }
  1521.   .row > .off-5-small {
  1522.     margin-left: 41.6666666667%; }
  1523.   .row > .col-6-small {
  1524.     width: 50%; }
  1525.   .row > .off-6-small {
  1526.     margin-left: 50%; }
  1527.   .row > .col-7-small {
  1528.     width: 58.3333333333%; }
  1529.   .row > .off-7-small {
  1530.     margin-left: 58.3333333333%; }
  1531.   .row > .col-8-small {
  1532.     width: 66.6666666667%; }
  1533.   .row > .off-8-small {
  1534.     margin-left: 66.6666666667%; }
  1535.   .row > .col-9-small {
  1536.     width: 75%; }
  1537.   .row > .off-9-small {
  1538.     margin-left: 75%; }
  1539.   .row > .col-10-small {
  1540.     width: 83.3333333333%; }
  1541.   .row > .off-10-small {
  1542.     margin-left: 83.3333333333%; }
  1543.   .row > .col-11-small {
  1544.     width: 91.6666666667%; }
  1545.   .row > .off-11-small {
  1546.     margin-left: 91.6666666667%; }
  1547.   .row > .col-12-small {
  1548.     width: 100%; }
  1549.   .row > .off-12-small {
  1550.     margin-left: 100%; }
  1551.   .row.gtr-0 {
  1552.     margin-top: 0;
  1553.     margin-left: 0rem; }
  1554.     .row.gtr-0 > * {
  1555.       padding: 0 0 0 0rem; }
  1556.     .row.gtr-0.gtr-uniform {
  1557.       margin-top: 0rem; }
  1558.       .row.gtr-0.gtr-uniform > * {
  1559.         padding-top: 0rem; }
  1560.   .row.gtr-25 {
  1561.     margin-top: 0;
  1562.     margin-left: -0.3125rem; }
  1563.     .row.gtr-25 > * {
  1564.       padding: 0 0 0 0.3125rem; }
  1565.     .row.gtr-25.gtr-uniform {
  1566.       margin-top: -0.3125rem; }
  1567.       .row.gtr-25.gtr-uniform > * {
  1568.         padding-top: 0.3125rem; }
  1569.   .row.gtr-50 {
  1570.     margin-top: 0;
  1571.     margin-left: -0.625rem; }
  1572.     .row.gtr-50 > * {
  1573.       padding: 0 0 0 0.625rem; }
  1574.     .row.gtr-50.gtr-uniform {
  1575.       margin-top: -0.625rem; }
  1576.       .row.gtr-50.gtr-uniform > * {
  1577.         padding-top: 0.625rem; }
  1578.   .row {
  1579.     margin-top: 0;
  1580.     margin-left: -1.25rem; }
  1581.     .row > * {
  1582.       padding: 0 0 0 1.25rem; }
  1583.     .row.gtr-uniform {
  1584.       margin-top: -1.25rem; }
  1585.       .row.gtr-uniform > * {
  1586.         padding-top: 1.25rem; }
  1587.   .row.gtr-150 {
  1588.     margin-top: 0;
  1589.     margin-left: -1.875rem; }
  1590.     .row.gtr-150 > * {
  1591.       padding: 0 0 0 1.875rem; }
  1592.     .row.gtr-150.gtr-uniform {
  1593.       margin-top: -1.875rem; }
  1594.       .row.gtr-150.gtr-uniform > * {
  1595.         padding-top: 1.875rem; }
  1596.   .row.gtr-200 {
  1597.     margin-top: 0;
  1598.     margin-left: -2.5rem; }
  1599.     .row.gtr-200 > * {
  1600.       padding: 0 0 0 2.5rem; }
  1601.     .row.gtr-200.gtr-uniform {
  1602.       margin-top: -2.5rem; }
  1603.       .row.gtr-200.gtr-uniform > * {
  1604.         padding-top: 2.5rem; } }
  1605. @media screen and (max-width: 480px) {
  1606.   .row {
  1607.     display: flex;
  1608.     flex-wrap: wrap;
  1609.     box-sizing: border-box; }
  1610.     .row > * {
  1611.       box-sizing: border-box; }
  1612.     .row.gtr-uniform > * > :last-child {
  1613.       margin-bottom: 0; }
  1614.  
  1615.   .row > .imp-xsmall {
  1616.     order: -1; }
  1617.   .row > .col-1-xsmall {
  1618.     width: 8.3333333333%; }
  1619.   .row > .off-1-xsmall {
  1620.     margin-left: 8.3333333333%; }
  1621.   .row > .col-2-xsmall {
  1622.     width: 16.6666666667%; }
  1623.   .row > .off-2-xsmall {
  1624.     margin-left: 16.6666666667%; }
  1625.   .row > .col-3-xsmall {
  1626.     width: 25%; }
  1627.   .row > .off-3-xsmall {
  1628.     margin-left: 25%; }
  1629.   .row > .col-4-xsmall {
  1630.     width: 33.3333333333%; }
  1631.   .row > .off-4-xsmall {
  1632.     margin-left: 33.3333333333%; }
  1633.   .row > .col-5-xsmall {
  1634.     width: 41.6666666667%; }
  1635.   .row > .off-5-xsmall {
  1636.     margin-left: 41.6666666667%; }
  1637.   .row > .col-6-xsmall {
  1638.     width: 50%; }
  1639.   .row > .off-6-xsmall {
  1640.     margin-left: 50%; }
  1641.   .row > .col-7-xsmall {
  1642.     width: 58.3333333333%; }
  1643.   .row > .off-7-xsmall {
  1644.     margin-left: 58.3333333333%; }
  1645.   .row > .col-8-xsmall {
  1646.     width: 66.6666666667%; }
  1647.   .row > .off-8-xsmall {
  1648.     margin-left: 66.6666666667%; }
  1649.   .row > .col-9-xsmall {
  1650.     width: 75%; }
  1651.   .row > .off-9-xsmall {
  1652.     margin-left: 75%; }
  1653.   .row > .col-10-xsmall {
  1654.     width: 83.3333333333%; }
  1655.   .row > .off-10-xsmall {
  1656.     margin-left: 83.3333333333%; }
  1657.   .row > .col-11-xsmall {
  1658.     width: 91.6666666667%; }
  1659.   .row > .off-11-xsmall {
  1660.     margin-left: 91.6666666667%; }
  1661.   .row > .col-12-xsmall {
  1662.     width: 100%; }
  1663.   .row > .off-12-xsmall {
  1664.     margin-left: 100%; }
  1665.   .row.gtr-0 {
  1666.     margin-top: 0;
  1667.     margin-left: 0rem; }
  1668.     .row.gtr-0 > * {
  1669.       padding: 0 0 0 0rem; }
  1670.     .row.gtr-0.gtr-uniform {
  1671.       margin-top: 0rem; }
  1672.       .row.gtr-0.gtr-uniform > * {
  1673.         padding-top: 0rem; }
  1674.   .row.gtr-25 {
  1675.     margin-top: 0;
  1676.     margin-left: -0.3125rem; }
  1677.     .row.gtr-25 > * {
  1678.       padding: 0 0 0 0.3125rem; }
  1679.     .row.gtr-25.gtr-uniform {
  1680.       margin-top: -0.3125rem; }
  1681.       .row.gtr-25.gtr-uniform > * {
  1682.         padding-top: 0.3125rem; }
  1683.   .row.gtr-50 {
  1684.     margin-top: 0;
  1685.     margin-left: -0.625rem; }
  1686.     .row.gtr-50 > * {
  1687.       padding: 0 0 0 0.625rem; }
  1688.     .row.gtr-50.gtr-uniform {
  1689.       margin-top: -0.625rem; }
  1690.       .row.gtr-50.gtr-uniform > * {
  1691.         padding-top: 0.625rem; }
  1692.   .row {
  1693.     margin-top: 0;
  1694.     margin-left: -1.25rem; }
  1695.     .row > * {
  1696.       padding: 0 0 0 1.25rem; }
  1697.     .row.gtr-uniform {
  1698.       margin-top: -1.25rem; }
  1699.       .row.gtr-uniform > * {
  1700.         padding-top: 1.25rem; }
  1701.   .row.gtr-150 {
  1702.     margin-top: 0;
  1703.     margin-left: -1.875rem; }
  1704.     .row.gtr-150 > * {
  1705.       padding: 0 0 0 1.875rem; }
  1706.     .row.gtr-150.gtr-uniform {
  1707.       margin-top: -1.875rem; }
  1708.       .row.gtr-150.gtr-uniform > * {
  1709.         padding-top: 1.875rem; }
  1710.   .row.gtr-200 {
  1711.     margin-top: 0;
  1712.     margin-left: -2.5rem; }
  1713.     .row.gtr-200 > * {
  1714.       padding: 0 0 0 2.5rem; }
  1715.     .row.gtr-200.gtr-uniform {
  1716.       margin-top: -2.5rem; }
  1717.       .row.gtr-200.gtr-uniform > * {
  1718.         padding-top: 2.5rem; } }
  1719. /* Icon */
  1720. .icon {
  1721.   text-decoration: none;
  1722.   border-bottom: none;
  1723.   position: relative; }
  1724.   .icon:before {
  1725.     -moz-osx-font-smoothing: grayscale;
  1726.     -webkit-font-smoothing: antialiased;
  1727.     font-family: FontAwesome;
  1728.     font-style: normal;
  1729.     font-weight: normal;
  1730.     text-transform: none !important; }
  1731.   .icon > .label {
  1732.     display: none; }
  1733.  
  1734. /* Icons */
  1735. ul.icons {
  1736.   cursor: default;
  1737.   list-style: none;
  1738.   padding-left: 0; }
  1739.   ul.icons li {
  1740.     display: inline-block;
  1741.     padding: 0 1rem 0 0; }
  1742.     ul.icons li:last-child {
  1743.       padding-right: 0; }
  1744.     ul.icons li .icon:before {
  1745.       font-size: 2rem; }
  1746.  
  1747. /* Image */
  1748. .image {
  1749.   border-radius: 4px;
  1750.   border: 0;
  1751.   display: inline-block;
  1752.   position: relative; }
  1753.   .image img {
  1754.     border-radius: 4px;
  1755.     display: block; }
  1756.   .image.left, .image.right {
  1757.     max-width: 40%; }
  1758.     .image.left img, .image.right img {
  1759.       width: 100%; }
  1760.   .image.left {
  1761.     float: left;
  1762.     margin: 0 2rem 2rem 0;
  1763.     top: 0.25rem; }
  1764.   .image.right {
  1765.     float: right;
  1766.     margin: 0 0 2rem 2rem;
  1767.     top: 0.25rem; }
  1768.   .image.fit {
  1769.     display: block;
  1770.     margin: 0 0 2rem 0;
  1771.     width: 100%; }
  1772.     .image.fit img {
  1773.       width: 100%; }
  1774.   .image.main {
  1775.     display: block;
  1776.     margin: 0 0 3rem 0;
  1777.     width: 100%; }
  1778.     .image.main img {
  1779.       width: 100%; }
  1780.  
  1781. /* Wrapper */
  1782. .wrapper {
  1783.   padding: 8rem 0 6rem 0 ;
  1784.   position: relative;
  1785.   z-index: 1; }
  1786.   @media screen and (max-width: 1280px) {
  1787.     .wrapper {
  1788.       padding: 4rem 0 2rem 0 ; } }
  1789.   @media screen and (max-width: 736px) {
  1790.     .wrapper {
  1791.       padding: 3rem 0 1rem 0 ; } }
  1792.   @media screen and (max-width: 480px) {
  1793.     .wrapper {
  1794.       padding: 2rem 0 0.1rem 0 ; } }
  1795.  
  1796. /* Banner */
  1797. #banner {
  1798.   -ms-flex-align: center;
  1799.   -ms-flex-pack: center;
  1800.   background-color: #111111;
  1801.   color: rgba(255, 255, 255, 0.5);
  1802.   -moz-align-items: center;
  1803.   -webkit-align-items: center;
  1804.   -ms-align-items: center;
  1805.   align-items: center;
  1806.   display: -moz-flex;
  1807.   display: -webkit-flex;
  1808.   display: -ms-flex;
  1809.   display: flex;
  1810.   -moz-justify-content: center;
  1811.   -webkit-justify-content: center;
  1812.   -ms-justify-content: center;
  1813.   justify-content: center;
  1814.   background-image: url("../../images/banner.jpg");
  1815.   background-position: center;
  1816.   background-repeat: no-repeat;
  1817.   background-size: cover;
  1818.   border-top: 0;
  1819.   display: -ms-flexbox;
  1820.   height: 35rem !important;
  1821.   min-height: 35rem;
  1822.   overflow: hidden;
  1823.   position: relative;
  1824.   text-align: center;
  1825.   width: 100%; }
  1826.   #banner input, #banner select, #banner textarea {
  1827.     color: #ffffff; }
  1828.   #banner a {
  1829.     color: #ce1b28; }
  1830.   #banner strong, #banner b {
  1831.     color: #ffffff; }
  1832.   #banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
  1833.     color: #ffffff; }
  1834.   #banner blockquote {
  1835.     border-left-color: rgba(255, 255, 255, 0.25); }
  1836.   #banner code {
  1837.     background: rgba(255, 255, 255, 0.075);
  1838.     border-color: rgba(255, 255, 255, 0.25); }
  1839.   #banner hr {
  1840.     border-bottom-color: rgba(255, 255, 255, 0.25); }
  1841.   #banner input[type="submit"],
  1842.   #banner input[type="reset"],
  1843.   #banner input[type="button"],
  1844.   #banner button,
  1845.   #banner .button {
  1846.     background-color: transparent;
  1847.     box-shadow: inset 0 0 0 1px #ffffff;
  1848.     color: #ffffff !important; }
  1849.     #banner input[type="submit"]:hover,
  1850.     #banner input[type="reset"]:hover,
  1851.     #banner input[type="button"]:hover,
  1852.     #banner button:hover,
  1853.     #banner .button:hover {
  1854.       box-shadow: inset 0 0 0 1px #ce1b28;
  1855.       color: #ce1b28 !important; }
  1856.       #banner input[type="submit"]:hover:active,
  1857.       #banner input[type="reset"]:hover:active,
  1858.       #banner input[type="button"]:hover:active,
  1859.       #banner button:hover:active,
  1860.       #banner .button:hover:active {
  1861.         background-color: rgba(206, 27, 40, 0.25); }
  1862.     #banner input[type="submit"].primary,
  1863.     #banner input[type="reset"].primary,
  1864.     #banner input[type="button"].primary,
  1865.     #banner button.primary,
  1866.     #banner .button.primary {
  1867.       box-shadow: none;
  1868.       background-color: #ce1b28;
  1869.       color: #ffffff !important; }
  1870.       #banner input[type="submit"].primary:hover,
  1871.       #banner input[type="reset"].primary:hover,
  1872.       #banner input[type="button"].primary:hover,
  1873.       #banner button.primary:hover,
  1874.       #banner .button.primary:hover {
  1875.         background-color: #e2212f;
  1876.         box-shadow: none; }
  1877.         #banner input[type="submit"].primary:hover:active,
  1878.         #banner input[type="reset"].primary:hover:active,
  1879.         #banner input[type="button"].primary:hover:active,
  1880.         #banner button.primary:hover:active,
  1881.         #banner .button.primary:hover:active {
  1882.           background-color: #b71824; }
  1883.   #banner label {
  1884.     color: #ffffff; }
  1885.   #banner input[type="text"],
  1886.   #banner input[type="password"],
  1887.   #banner input[type="email"],
  1888.   #banner input[type="tel"],
  1889.   #banner input[type="search"],
  1890.   #banner input[type="url"],
  1891.   #banner select,
  1892.   #banner textarea {
  1893.     background-color: rgba(255, 255, 255, 0.075);
  1894.     border-color: rgba(255, 255, 255, 0.25); }
  1895.     #banner input[type="text"]:focus,
  1896.     #banner input[type="password"]:focus,
  1897.     #banner input[type="email"]:focus,
  1898.     #banner input[type="tel"]:focus,
  1899.     #banner input[type="search"]:focus,
  1900.     #banner input[type="url"]:focus,
  1901.     #banner select:focus,
  1902.     #banner textarea:focus {
  1903.       border-color: #ce1b28;
  1904.       box-shadow: 0 0 0 1px #ce1b28; }
  1905.   #banner select {
  1906.     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); }
  1907.     #banner select option {
  1908.       color: rgba(255, 255, 255, 0.5);
  1909.       background-color: #111111; }
  1910.   #banner input[type="checkbox"] + label,
  1911.   #banner input[type="radio"] + label {
  1912.     color: rgba(255, 255, 255, 0.5); }
  1913.     #banner input[type="checkbox"] + label:before,
  1914.     #banner input[type="radio"] + label:before {
  1915.       background: rgba(255, 255, 255, 0.075);
  1916.       border-color: rgba(255, 255, 255, 0.25); }
  1917.   #banner input[type="checkbox"]:checked + label:before,
  1918.   #banner input[type="radio"]:checked + label:before {
  1919.     background-color: #ce1b28;
  1920.     border-color: #ce1b28;
  1921.     color: #ffffff; }
  1922.   #banner input[type="checkbox"]:focus + label:before,
  1923.   #banner input[type="radio"]:focus + label:before {
  1924.     border-color: #ce1b28;
  1925.     box-shadow: 0 0 0 1px #ce1b28; }
  1926.   #banner ::-webkit-input-placeholder {
  1927.     color: rgba(255, 255, 255, 0.4) !important; }
  1928.   #banner :-moz-placeholder {
  1929.     color: rgba(255, 255, 255, 0.4) !important; }
  1930.   #banner ::-moz-placeholder {
  1931.     color: rgba(255, 255, 255, 0.4) !important; }
  1932.   #banner :-ms-input-placeholder {
  1933.     color: rgba(255, 255, 255, 0.4) !important; }
  1934.   #banner ul.alt li {
  1935.     border-top-color: rgba(255, 255, 255, 0.25); }
  1936.   #banner table tbody tr {
  1937.     border-color: rgba(255, 255, 255, 0.25); }
  1938.     #banner table tbody tr:nth-child(2n + 1) {
  1939.       background-color: rgba(255, 255, 255, 0.075); }
  1940.   #banner table th {
  1941.     color: #ffffff; }
  1942.   #banner table thead {
  1943.     border-bottom-color: rgba(255, 255, 255, 0.25); }
  1944.   #banner table tfoot {
  1945.     border-top-color: rgba(255, 255, 255, 0.25); }
  1946.   #banner table.alt tbody tr td {
  1947.     border-color: rgba(255, 255, 255, 0.25); }
  1948.   #banner .highlights .content {
  1949.     background: #111111;
  1950.     box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
  1951.   #banner .testimonials .content {
  1952.     background: #111111;
  1953.     box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
  1954.     #banner .testimonials .content .credit strong {
  1955.       color: #ce1b28; }
  1956.   #banner > .inner {
  1957.     -moz-transform: scale(1.0);
  1958.     -webkit-transform: scale(1.0);
  1959.     -ms-transform: scale(1.0);
  1960.     transform: scale(1.0);
  1961.     -moz-transition: opacity 1s ease, -moz-transform 1s ease;
  1962.     -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  1963.     -ms-transition: opacity 1s ease, -ms-transform 1s ease;
  1964.     transition: opacity 1s ease, transform 1s ease;
  1965.     opacity: 1;
  1966.     position: relative;
  1967.     z-index: 3; }
  1968.     #banner > .inner > :last-child {
  1969.       margin-bottom: 0; }
  1970.   #banner h1 {
  1971.     font-size: 4rem;
  1972.     margin-bottom: 1rem; }
  1973.   #banner p {
  1974.     font-size: 1.5rem; }
  1975.   #banner a {
  1976.     color: rgba(255, 255, 255, 0.5);
  1977.     text-decoration: none; }
  1978.     #banner a:hover {
  1979.       color: #ffffff; }
  1980.   #banner video {
  1981.     -moz-transform: translateX(50%) translateY(50%);
  1982.     -webkit-transform: translateX(50%) translateY(50%);
  1983.     -ms-transform: translateX(50%) translateY(50%);
  1984.     transform: translateX(50%) translateY(50%);
  1985.     bottom: 50%;
  1986.     height: auto;
  1987.     min-height: 100%;
  1988.     min-width: 100%;
  1989.     overflow: hidden;
  1990.     position: absolute;
  1991.     right: 50%;
  1992.     width: auto; }
  1993.   #banner:before {
  1994.     -moz-transition: opacity 3s ease;
  1995.     -webkit-transition: opacity 3s ease;
  1996.     -ms-transition: opacity 3s ease;
  1997.     transition: opacity 3s ease;
  1998.     -moz-transition-delay: 1.25s;
  1999.     -webkit-transition-delay: 1.25s;
  2000.     -ms-transition-delay: 1.25s;
  2001.     transition-delay: 1.25s;
  2002.     background: #111111;
  2003.     content: '';
  2004.     display: block;
  2005.     height: 100%;
  2006.     left: 0;
  2007.     opacity: 0.45;
  2008.     position: absolute;
  2009.     top: 0;
  2010.     width: 100%;
  2011.     z-index: 1; }
  2012.   #banner:after {
  2013.     background: linear-gradient(135deg, #ce1b28 0%, #111111 74%);
  2014.     content: ' ';
  2015.     display: block;
  2016.     height: 100%;
  2017.     left: 0;
  2018.     opacity: 0.6;
  2019.     position: absolute;
  2020.     top: 0;
  2021.     webkit-linear-gradientidth: 100%;
  2022.     width: 100%;
  2023.     z-index: 1; }
  2024.   #banner.small {
  2025.     height: 30vh !important;
  2026.     min-height: 30vh; }
  2027.   @media screen and (max-width: 1280px) {
  2028.     #banner video {
  2029.       display: none; } }
  2030.   @media screen and (max-width: 736px) {
  2031.     #banner {
  2032.       height: auto !important;
  2033.       min-height: 0;
  2034.       padding: 4rem 2rem 4rem 2rem; }
  2035.       #banner .inner {
  2036.         width: 100%; }
  2037.       #banner h1 {
  2038.         font-size: 1.75rem;
  2039.         margin-bottom: 0.5rem;
  2040.         padding-bottom: 0; }
  2041.       #banner p {
  2042.         font-size: 1.25rem; }
  2043.       #banner br {
  2044.         display: none; }
  2045.       #banner .button {
  2046.         width: 100%; } }
  2047.   @media screen and (max-width: 480px) {
  2048.     #banner p {
  2049.       font-size: 1rem; } }
  2050.   body.is-preload #banner .inner {
  2051.     -moz-transform: scale(0.99);
  2052.     -webkit-transform: scale(0.99);
  2053.     -ms-transform: scale(0.99);
  2054.     transform: scale(0.99);
  2055.     opacity: 0; }
  2056.   body.is-preload #banner:before {
  2057.     opacity: 1; }
  2058.  
  2059. /* CTA */
  2060. #cta {
  2061.   background-color: #ce1b28;
  2062.   color: rgba(255, 255, 255, 0.75);
  2063.   background-attachment: fixed;
  2064.   background-image: linear-gradient(rgba(206, 27, 40, 0.25), rgba(206, 27, 40, 0.25)), url(../../images/cta01.jpg);
  2065.   background-position: bottom;
  2066.   background-repeat: no-repeat;
  2067.   background-size: cover;
  2068.   position: relative;
  2069.   text-align: center;
  2070.   z-index: 1; }
  2071.   #cta input, #cta select, #cta textarea {
  2072.     color: #ffffff; }
  2073.   #cta a {
  2074.     color: #ffffff; }
  2075.   #cta strong, #cta b {
  2076.     color: #ffffff; }
  2077.   #cta h1, #cta h2, #cta h3, #cta h4, #cta h5, #cta h6 {
  2078.     color: #ffffff; }
  2079.   #cta blockquote {
  2080.     border-left-color: rgba(255, 255, 255, 0.25); }
  2081.   #cta code {
  2082.     background: rgba(255, 255, 255, 0.075);
  2083.     border-color: rgba(255, 255, 255, 0.25); }
  2084.   #cta hr {
  2085.     border-bottom-color: rgba(255, 255, 255, 0.25); }
  2086.   #cta input[type="submit"],
  2087.   #cta input[type="reset"],
  2088.   #cta input[type="button"],
  2089.   #cta button,
  2090.   #cta .button {
  2091.     background-color: transparent;
  2092.     box-shadow: inset 0 0 0 1px #ffffff;
  2093.     color: #ffffff !important; }
  2094.     #cta input[type="submit"]:hover,
  2095.     #cta input[type="reset"]:hover,
  2096.     #cta input[type="button"]:hover,
  2097.     #cta button:hover,
  2098.     #cta .button:hover {
  2099.       background-color: rgba(255, 255, 255, 0.1); }
  2100.       #cta input[type="submit"]:hover:active,
  2101.       #cta input[type="reset"]:hover:active,
  2102.       #cta input[type="button"]:hover:active,
  2103.       #cta button:hover:active,
  2104.       #cta .button:hover:active {
  2105.         background-color: rgba(255, 255, 255, 0.25); }
  2106.     #cta input[type="submit"].primary,
  2107.     #cta input[type="reset"].primary,
  2108.     #cta input[type="button"].primary,
  2109.     #cta button.primary,
  2110.     #cta .button.primary {
  2111.       box-shadow: none;
  2112.       background-color: #ffffff;
  2113.       color: #ce1b28 !important; }
  2114.       #cta input[type="submit"].primary:hover,
  2115.       #cta input[type="reset"].primary:hover,
  2116.       #cta input[type="button"].primary:hover,
  2117.       #cta button.primary:hover,
  2118.       #cta .button.primary:hover {
  2119.         background-color: rgba(255, 255, 255, 0.875);
  2120.         box-shadow: none; }
  2121.         #cta input[type="submit"].primary:hover:active,
  2122.         #cta input[type="reset"].primary:hover:active,
  2123.         #cta input[type="button"].primary:hover:active,
  2124.         #cta button.primary:hover:active,
  2125.         #cta .button.primary:hover:active {
  2126.           background-color: rgba(255, 255, 255, 0.5); }
  2127.   #cta label {
  2128.     color: #ffffff; }
  2129.   #cta input[type="text"],
  2130.   #cta input[type="password"],
  2131.   #cta input[type="email"],
  2132.   #cta input[type="tel"],
  2133.   #cta input[type="search"],
  2134.   #cta input[type="url"],
  2135.   #cta select,
  2136.   #cta textarea {
  2137.     background-color: rgba(255, 255, 255, 0.075);
  2138.     border-color: rgba(255, 255, 255, 0.25); }
  2139.     #cta input[type="text"]:focus,
  2140.     #cta input[type="password"]:focus,
  2141.     #cta input[type="email"]:focus,
  2142.     #cta input[type="tel"]:focus,
  2143.     #cta input[type="search"]:focus,
  2144.     #cta input[type="url"]:focus,
  2145.     #cta select:focus,
  2146.     #cta textarea:focus {
  2147.       border-color: #ffffff;
  2148.       box-shadow: 0 0 0 1px #ffffff; }
  2149.   #cta select {
  2150.     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); }
  2151.     #cta select option {
  2152.       color: rgba(255, 255, 255, 0.75);
  2153.       background-color: #ce1b28; }
  2154.   #cta input[type="checkbox"] + label,
  2155.   #cta input[type="radio"] + label {
  2156.     color: rgba(255, 255, 255, 0.75); }
  2157.     #cta input[type="checkbox"] + label:before,
  2158.     #cta input[type="radio"] + label:before {
  2159.       background: rgba(255, 255, 255, 0.075);
  2160.       border-color: rgba(255, 255, 255, 0.25); }
  2161.   #cta input[type="checkbox"]:checked + label:before,
  2162.   #cta input[type="radio"]:checked + label:before {
  2163.     background-color: #ffffff;
  2164.     border-color: #ffffff;
  2165.     color: #ce1b28; }
  2166.   #cta input[type="checkbox"]:focus + label:before,
  2167.   #cta input[type="radio"]:focus + label:before {
  2168.     border-color: #ffffff;
  2169.     box-shadow: 0 0 0 1px #ffffff; }
  2170.   #cta ::-webkit-input-placeholder {
  2171.     color: rgba(255, 255, 255, 0.4) !important; }
  2172.   #cta :-moz-placeholder {
  2173.     color: rgba(255, 255, 255, 0.4) !important; }
  2174.   #cta ::-moz-placeholder {
  2175.     color: rgba(255, 255, 255, 0.4) !important; }
  2176.   #cta :-ms-input-placeholder {
  2177.     color: rgba(255, 255, 255, 0.4) !important; }
  2178.   #cta ul.alt li {
  2179.     border-top-color: rgba(255, 255, 255, 0.25); }
  2180.   #cta table tbody tr {
  2181.     border-color: rgba(255, 255, 255, 0.25); }
  2182.     #cta table tbody tr:nth-child(2n + 1) {
  2183.       background-color: rgba(255, 255, 255, 0.075); }
  2184.   #cta table th {
  2185.     color: #ffffff; }
  2186.   #cta table thead {
  2187.     border-bottom-color: rgba(255, 255, 255, 0.25); }
  2188.   #cta table tfoot {
  2189.     border-top-color: rgba(255, 255, 255, 0.25); }
  2190.   #cta table.alt tbody tr td {
  2191.     border-color: rgba(255, 255, 255, 0.25); }
  2192.   #cta .highlights .content {
  2193.     background: #ce1b28;
  2194.     box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
  2195.   #cta .testimonials .content {
  2196.     background: #ce1b28;
  2197.     box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
  2198.     #cta .testimonials .content .credit strong {
  2199.       color: #ce1b28; }
  2200.   #cta .inner {
  2201.     position: relative;
  2202.     z-index: 3; }
  2203.   @media screen and (max-width: 980px) {
  2204.     #cta {
  2205.       background-attachment: scroll; } }
  2206.  
  2207. /* Footer */
  2208. #footer {
  2209.   background-color: #111111;
  2210.   color: rgba(255, 255, 255, 0.5);
  2211.   padding: 8rem 0 6rem 0 ; }
  2212.   #footer input, #footer select, #footer textarea {
  2213.     color: #ffffff; }
  2214.   #footer a {
  2215.     color: #ce1b28; }
  2216.   #footer strong, #footer b {
  2217.     color: #ffffff; }
  2218.   #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
  2219.     color: #ffffff; }
  2220.   #footer blockquote {
  2221.     border-left-color: rgba(255, 255, 255, 0.25); }
  2222.   #footer code {
  2223.     background: rgba(255, 255, 255, 0.075);
  2224.     border-color: rgba(255, 255, 255, 0.25); }
  2225.   #footer hr {
  2226.     border-bottom-color: rgba(255, 255, 255, 0.25); }
  2227.   #footer input[type="submit"],
  2228.   #footer input[type="reset"],
  2229.   #footer input[type="button"],
  2230.   #footer button,
  2231.   #footer .button {
  2232.     background-color: transparent;
  2233.     box-shadow: inset 0 0 0 1px #ffffff;
  2234.     color: #ffffff !important; }
  2235.     #footer input[type="submit"]:hover,
  2236.     #footer input[type="reset"]:hover,
  2237.     #footer input[type="button"]:hover,
  2238.     #footer button:hover,
  2239.     #footer .button:hover {
  2240.       box-shadow: inset 0 0 0 1px #ce1b28;
  2241.       color: #ce1b28 !important; }
  2242.       #footer input[type="submit"]:hover:active,
  2243.       #footer input[type="reset"]:hover:active,
  2244.       #footer input[type="button"]:hover:active,
  2245.       #footer button:hover:active,
  2246.       #footer .button:hover:active {
  2247.         background-color: rgba(206, 27, 40, 0.25); }
  2248.     #footer input[type="submit"].primary,
  2249.     #footer input[type="reset"].primary,
  2250.     #footer input[type="button"].primary,
  2251.     #footer button.primary,
  2252.     #footer .button.primary {
  2253.       box-shadow: none;
  2254.       background-color: #ce1b28;
  2255.       color: #ffffff !important; }
  2256.       #footer input[type="submit"].primary:hover,
  2257.       #footer input[type="reset"].primary:hover,
  2258.       #footer input[type="button"].primary:hover,
  2259.       #footer button.primary:hover,
  2260.       #footer .button.primary:hover {
  2261.         background-color: #e2212f;
  2262.         box-shadow: none; }
  2263.         #footer input[type="submit"].primary:hover:active,
  2264.         #footer input[type="reset"].primary:hover:active,
  2265.         #footer input[type="button"].primary:hover:active,
  2266.         #footer button.primary:hover:active,
  2267.         #footer .button.primary:hover:active {
  2268.           background-color: #b71824; }
  2269.   #footer label {
  2270.     color: #ffffff; }
  2271.   #footer input[type="text"],
  2272.   #footer input[type="password"],
  2273.   #footer input[type="email"],
  2274.   #footer input[type="tel"],
  2275.   #footer input[type="search"],
  2276.   #footer input[type="url"],
  2277.   #footer select,
  2278.   #footer textarea {
  2279.     background-color: rgba(255, 255, 255, 0.075);
  2280.     border-color: rgba(255, 255, 255, 0.25); }
  2281.     #footer input[type="text"]:focus,
  2282.     #footer input[type="password"]:focus,
  2283.     #footer input[type="email"]:focus,
  2284.     #footer input[type="tel"]:focus,
  2285.     #footer input[type="search"]:focus,
  2286.     #footer input[type="url"]:focus,
  2287.     #footer select:focus,
  2288.     #footer textarea:focus {
  2289.       border-color: #ce1b28;
  2290.       box-shadow: 0 0 0 1px #ce1b28; }
  2291.   #footer select {
  2292.     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); }
  2293.     #footer select option {
  2294.       color: rgba(255, 255, 255, 0.5);
  2295.       background-color: #111111; }
  2296.   #footer input[type="checkbox"] + label,
  2297.   #footer input[type="radio"] + label {
  2298.     color: rgba(255, 255, 255, 0.5); }
  2299.     #footer input[type="checkbox"] + label:before,
  2300.     #footer input[type="radio"] + label:before {
  2301.       background: rgba(255, 255, 255, 0.075);
  2302.       border-color: rgba(255, 255, 255, 0.25); }
  2303.   #footer input[type="checkbox"]:checked + label:before,
  2304.   #footer input[type="radio"]:checked + label:before {
  2305.     background-color: #ce1b28;
  2306.     border-color: #ce1b28;
  2307.     color: #ffffff; }
  2308.   #footer input[type="checkbox"]:focus + label:before,
  2309.   #footer input[type="radio"]:focus + label:before {
  2310.     border-color: #ce1b28;
  2311.     box-shadow: 0 0 0 1px #ce1b28; }
  2312.   #footer ::-webkit-input-placeholder {
  2313.     color: rgba(255, 255, 255, 0.4) !important; }
  2314.   #footer :-moz-placeholder {
  2315.     color: rgba(255, 255, 255, 0.4) !important; }
  2316.   #footer ::-moz-placeholder {
  2317.     color: rgba(255, 255, 255, 0.4) !important; }
  2318.   #footer :-ms-input-placeholder {
  2319.     color: rgba(255, 255, 255, 0.4) !important; }
  2320.   #footer ul.alt li {
  2321.     border-top-color: rgba(255, 255, 255, 0.25); }
  2322.   #footer table tbody tr {
  2323.     border-color: rgba(255, 255, 255, 0.25); }
  2324.     #footer table tbody tr:nth-child(2n + 1) {
  2325.       background-color: rgba(255, 255, 255, 0.075); }
  2326.   #footer table th {
  2327.     color: #ffffff; }
  2328.   #footer table thead {
  2329.     border-bottom-color: rgba(255, 255, 255, 0.25); }
  2330.   #footer table tfoot {
  2331.     border-top-color: rgba(255, 255, 255, 0.25); }
  2332.   #footer table.alt tbody tr td {
  2333.     border-color: rgba(255, 255, 255, 0.25); }
  2334.   #footer .highlights .content {
  2335.     background: #111111;
  2336.     box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
  2337.   #footer .testimonials .content {
  2338.     background: #111111;
  2339.     box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
  2340.     #footer .testimonials .content .credit strong {
  2341.       color: #ce1b28; }
  2342.   #footer a {
  2343.     color: rgba(255, 255, 255, 0.5);
  2344.     text-decoration: none; }
  2345.     #footer a:hover {
  2346.       color: #ce1b28; }
  2347.   #footer .content {
  2348.     display: -moz-flex;
  2349.     display: -webkit-flex;
  2350.     display: -ms-flex;
  2351.     display: flex; }
  2352.     #footer .content section {
  2353.       width: 25%; }
  2354.       #footer .content section:first-child {
  2355.         width: 50%;
  2356.         padding-right: 4rem; }
  2357.       #footer .content section:last-child {
  2358.         padding-left: 4rem; }
  2359.   #footer .copyright {
  2360.     border-top: 1px solid;
  2361.     font-size: 0.8rem;
  2362.     opacity: 0.5;
  2363.     padding: 2rem 0;
  2364.     text-align: center; }
  2365.   @media screen and (max-width: 1280px) {
  2366.     #footer {
  2367.       padding: 4rem 0 2rem 0 ; } }
  2368.   @media screen and (max-width: 980px) {
  2369.     #footer .content {
  2370.       -moz-flex-wrap: wrap;
  2371.       -webkit-flex-wrap: wrap;
  2372.       -ms-flex-wrap: wrap;
  2373.       flex-wrap: wrap; }
  2374.       #footer .content section {
  2375.         width: 50%; }
  2376.         #footer .content section:first-child {
  2377.           width: 100%;
  2378.           padding-right: 0; } }
  2379.   @media screen and (max-width: 736px) {
  2380.     #footer {
  2381.       padding: 3rem 0 1rem 0 ; }
  2382.       #footer .content section {
  2383.         width: 100%; }
  2384.         #footer .content section:last-child {
  2385.           padding-left: 0; } }
  2386.   @media screen and (max-width: 480px) {
  2387.     #footer {
  2388.       padding: 2rem 0 0.1rem 0 ; } }
  2389.  
  2390. /* Header */
  2391. body {
  2392.   padding-top: 3.25rem; }
  2393.   body:before {
  2394.     content: ' ';
  2395.     background-image: url(../../images/bg.jpg);
  2396.     background-size: cover;
  2397.     background-repeat: no-repeat;
  2398.     background-attachment: fixed;
  2399.     display: block;
  2400.     position: fixed;
  2401.     left: 0;
  2402.     top: 0;
  2403.     width: 100%;
  2404.     height: 100%;
  2405.     z-index: -1;
  2406.     opacity: 0.05; }
  2407.  
  2408. #header {
  2409.   -moz-align-items: center;
  2410.   -webkit-align-items: center;
  2411.   -ms-align-items: center;
  2412.   align-items: center;
  2413.   display: -moz-flex;
  2414.   display: -webkit-flex;
  2415.   display: -ms-flex;
  2416.   display: flex;
  2417.   -moz-justify-content: space-between;
  2418.   -webkit-justify-content: space-between;
  2419.   -ms-justify-content: space-between;
  2420.   justify-content: space-between;
  2421.   color: rgba(255, 255, 255, 0.5);
  2422.   cursor: default;
  2423.   height: 3.25rem;
  2424.   left: 0;
  2425.   line-height: 3.25rem;
  2426.   position: fixed;
  2427.   top: 0;
  2428.   width: 100%;
  2429.   margin-top: -56px;
  2430.   z-index: 10001; }
  2431.   #header > .logo {
  2432.     color: #ffffff;
  2433.     font-size: 1rem;
  2434.     font-weight: 600;
  2435.     height: inherit;
  2436.     line-height: inherit;
  2437.     padding: 0 1.25rem;
  2438.     text-decoration: none; }
  2439.   #header > nav > a {
  2440.     color: inherit;
  2441.     display: inline-block;
  2442.     padding: 0 0.75rem;
  2443.     text-decoration: none; }
  2444.     #header > nav > a:hover {
  2445.       color: #ffffff; }
  2446.     #header > nav > a[href="#menu"] {
  2447.       text-decoration: none;
  2448.       -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  2449.       #header > nav > a[href="#menu"]:before {
  2450.         -moz-osx-font-smoothing: grayscale;
  2451.         -webkit-font-smoothing: antialiased;
  2452.         font-family: FontAwesome;
  2453.         font-style: normal;
  2454.         font-weight: normal;
  2455.         text-transform: none !important; }
  2456.       #header > nav > a[href="#menu"]:before {
  2457.         content: '\f0c9';
  2458.         margin: 0 0.5rem 0 0; }
  2459.     #header > nav > a + a[href="#menu"]:last-child {
  2460.       border-left: solid 1px rgba(255, 255, 255, 0.25);
  2461.       margin-left: 0.5rem;
  2462.       padding-left: 1.25rem; }
  2463.     #header > nav > a:last-child {
  2464.       padding-right: 1.25rem; }
  2465.     @media screen and (max-width: 736px) {
  2466.       #header > nav > a {
  2467.         padding: 0 0.5rem; }
  2468.         #header > nav > a + a[href="#menu"]:last-child {
  2469.           margin-left: 0.25rem;
  2470.           padding-left: 1rem; }
  2471.         #header > nav > a:last-child {
  2472.           padding-right: 1rem; } }
  2473.  
  2474. @media screen and (max-width: 980px) {
  2475.   body {
  2476.     padding-top: 44px; }
  2477.  
  2478.   #header {
  2479.     height: 44px;
  2480.     line-height: 44px; } }
  2481. @media screen and (max-width: 480px) {
  2482.   #header {
  2483.     min-width: 320px; } }
  2484. /* Heading */
  2485. #heading {
  2486.   -ms-flex-align: center;
  2487.   -ms-flex-pack: center;
  2488.   background-color: #111111;
  2489.   color: rgba(255, 255, 255, 0.5);
  2490.   -moz-align-items: center;
  2491.   -webkit-align-items: center;
  2492.   -ms-align-items: center;
  2493.   align-items: center;
  2494.   display: -moz-flex;
  2495.   display: -webkit-flex;
  2496.   display: -ms-flex;
  2497.   display: flex;
  2498.   -moz-justify-content: center;
  2499.   -webkit-justify-content: center;
  2500.   -ms-justify-content: center;
  2501.   justify-content: center;
  2502.   background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("../../images/banner.jpg");
  2503.   background-position: center;
  2504.   background-repeat: no-repeat;
  2505.   background-size: cover;
  2506.   border-top: 0;
  2507.   display: -ms-flexbox;
  2508.   height: 15rem !important;
  2509.   min-height: 15rem;
  2510.   overflow: hidden;
  2511.   position: relative;
  2512.   text-align: center;
  2513.   width: 100%; }
  2514.   #heading input, #heading select, #heading textarea {
  2515.     color: #ffffff; }
  2516.   #heading a {
  2517.     color: #ce1b28; }
  2518.   #heading strong, #heading b {
  2519.     color: #ffffff; }
  2520.   #heading h1, #heading h2, #heading h3, #heading h4, #heading h5, #heading h6 {
  2521.     color: #ffffff; }
  2522.   #heading blockquote {
  2523.     border-left-color: rgba(255, 255, 255, 0.25); }
  2524.   #heading code {
  2525.     background: rgba(255, 255, 255, 0.075);
  2526.     border-color: rgba(255, 255, 255, 0.25); }
  2527.   #heading hr {
  2528.     border-bottom-color: rgba(255, 255, 255, 0.25); }
  2529.   #heading input[type="submit"],
  2530.   #heading input[type="reset"],
  2531.   #heading input[type="button"],
  2532.   #heading button,
  2533.   #heading .button {
  2534.     background-color: transparent;
  2535.     box-shadow: inset 0 0 0 1px #ffffff;
  2536.     color: #ffffff !important; }
  2537.     #heading input[type="submit"]:hover,
  2538.     #heading input[type="reset"]:hover,
  2539.     #heading input[type="button"]:hover,
  2540.     #heading button:hover,
  2541.     #heading .button:hover {
  2542.       box-shadow: inset 0 0 0 1px #ce1b28;
  2543.       color: #ce1b28 !important; }
  2544.       #heading input[type="submit"]:hover:active,
  2545.       #heading input[type="reset"]:hover:active,
  2546.       #heading input[type="button"]:hover:active,
  2547.       #heading button:hover:active,
  2548.       #heading .button:hover:active {
  2549.         background-color: rgba(206, 27, 40, 0.25); }
  2550.     #heading input[type="submit"].primary,
  2551.     #heading input[type="reset"].primary,
  2552.     #heading input[type="button"].primary,
  2553.     #heading button.primary,
  2554.     #heading .button.primary {
  2555.       box-shadow: none;
  2556.       background-color: #ce1b28;
  2557.       color: #ffffff !important; }
  2558.       #heading input[type="submit"].primary:hover,
  2559.       #heading input[type="reset"].primary:hover,
  2560.       #heading input[type="button"].primary:hover,
  2561.       #heading button.primary:hover,
  2562.       #heading .button.primary:hover {
  2563.         background-color: #e2212f;
  2564.         box-shadow: none; }
  2565.         #heading input[type="submit"].primary:hover:active,
  2566.         #heading input[type="reset"].primary:hover:active,
  2567.         #heading input[type="button"].primary:hover:active,
  2568.         #heading button.primary:hover:active,
  2569.         #heading .button.primary:hover:active {
  2570.           background-color: #b71824; }
  2571.   #heading label {
  2572.     color: #ffffff; }
  2573.   #heading input[type="text"],
  2574.   #heading input[type="password"],
  2575.   #heading input[type="email"],
  2576.   #heading input[type="tel"],
  2577.   #heading input[type="search"],
  2578.   #heading input[type="url"],
  2579.   #heading select,
  2580.   #heading textarea {
  2581.     background-color: rgba(255, 255, 255, 0.075);
  2582.     border-color: rgba(255, 255, 255, 0.25); }
  2583.     #heading input[type="text"]:focus,
  2584.     #heading input[type="password"]:focus,
  2585.     #heading input[type="email"]:focus,
  2586.     #heading input[type="tel"]:focus,
  2587.     #heading input[type="search"]:focus,
  2588.     #heading input[type="url"]:focus,
  2589.     #heading select:focus,
  2590.     #heading textarea:focus {
  2591.       border-color: #ce1b28;
  2592.       box-shadow: 0 0 0 1px #ce1b28; }
  2593.   #heading select {
  2594.     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); }
  2595.     #heading select option {
  2596.       color: rgba(255, 255, 255, 0.5);
  2597.       background-color: #111111; }
  2598.   #heading input[type="checkbox"] + label,
  2599.   #heading input[type="radio"] + label {
  2600.     color: rgba(255, 255, 255, 0.5); }
  2601.     #heading input[type="checkbox"] + label:before,
  2602.     #heading input[type="radio"] + label:before {
  2603.       background: rgba(255, 255, 255, 0.075);
  2604.       border-color: rgba(255, 255, 255, 0.25); }
  2605.   #heading input[type="checkbox"]:checked + label:before,
  2606.   #heading input[type="radio"]:checked + label:before {
  2607.     background-color: #ce1b28;
  2608.     border-color: #ce1b28;
  2609.     color: #ffffff; }
  2610.   #heading input[type="checkbox"]:focus + label:before,
  2611.   #heading input[type="radio"]:focus + label:before {
  2612.     border-color: #ce1b28;
  2613.     box-shadow: 0 0 0 1px #ce1b28; }
  2614.   #heading ::-webkit-input-placeholder {
  2615.     color: rgba(255, 255, 255, 0.4) !important; }
  2616.   #heading :-moz-placeholder {
  2617.     color: rgba(255, 255, 255, 0.4) !important; }
  2618.   #heading ::-moz-placeholder {
  2619.     color: rgba(255, 255, 255, 0.4) !important; }
  2620.   #heading :-ms-input-placeholder {
  2621.     color: rgba(255, 255, 255, 0.4) !important; }
  2622.   #heading ul.alt li {
  2623.     border-top-color: rgba(255, 255, 255, 0.25); }
  2624.   #heading table tbody tr {
  2625.     border-color: rgba(255, 255, 255, 0.25); }
  2626.     #heading table tbody tr:nth-child(2n + 1) {
  2627.       background-color: rgba(255, 255, 255, 0.075); }
  2628.   #heading table th {
  2629.     color: #ffffff; }
  2630.   #heading table thead {
  2631.     border-bottom-color: rgba(255, 255, 255, 0.25); }
  2632.   #heading table tfoot {
  2633.     border-top-color: rgba(255, 255, 255, 0.25); }
  2634.   #heading table.alt tbody tr td {
  2635.     border-color: rgba(255, 255, 255, 0.25); }
  2636.   #heading .highlights .content {
  2637.     background: #111111;
  2638.     box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
  2639.   #heading .testimonials .content {
  2640.     background: #111111;
  2641.     box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
  2642.     #heading .testimonials .content .credit strong {
  2643.       color: #ce1b28; }
  2644.   #heading:before {
  2645.     background: linear-gradient(135deg, #ce1b28 0%, #111111 74%);
  2646.     content: ' ';
  2647.     display: block;
  2648.     height: 100%;
  2649.     left: 0;
  2650.     opacity: 0.6;
  2651.     position: absolute;
  2652.     top: 0;
  2653.     width: 100%;
  2654.     z-index: 1; }
  2655.   #heading h1 {
  2656.     margin-bottom: 0;
  2657.     position: relative;
  2658.     z-index: 2; }
  2659.   @media screen and (max-width: 980px) {
  2660.     #heading {
  2661.       padding: 2rem; } }
  2662.  
  2663. /* Main */
  2664. #main .content {
  2665.   background: #ffffff;
  2666.   border-radius: 4px;
  2667.   box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025);
  2668.   margin-bottom: 2rem;
  2669.   padding: 3rem; }
  2670.   @media screen and (max-width: 980px) {
  2671.     #main .content {
  2672.       padding: 2rem; } }
  2673.   @media screen and (max-width: 480px) {
  2674.     #main .content {
  2675.       padding: 1.5rem; } }
  2676.  
  2677. /* Menu */
  2678. #menu {
  2679.   background-color: #111111;
  2680.   color: rgba(255, 255, 255, 0.5);
  2681.   -moz-transform: translateX(20rem);
  2682.   -webkit-transform: translateX(20rem);
  2683.   -ms-transform: translateX(20rem);
  2684.   transform: translateX(20rem);
  2685.   -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  2686.   -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  2687.   -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  2688.   transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  2689.   -webkit-overflow-scrolling: touch;
  2690.   box-shadow: none;
  2691.   height: 100%;
  2692.   max-width: 80%;
  2693.   overflow-y: auto;
  2694.   padding: 3rem 2rem;
  2695.   position: fixed;
  2696.   right: 0;
  2697.   top: 0;
  2698.   visibility: hidden;
  2699.   width: 20rem;
  2700.   z-index: 10002; }
  2701.   #menu input, #menu select, #menu textarea {
  2702.     color: #ffffff; }
  2703.   #menu a {
  2704.     color: #ce1b28; }
  2705.   #menu strong, #menu b {
  2706.     color: #ffffff; }
  2707.   #menu h1, #menu h2, #menu h3, #menu h4, #menu h5, #menu h6 {
  2708.     color: #ffffff; }
  2709.   #menu blockquote {
  2710.     border-left-color: rgba(255, 255, 255, 0.25); }
  2711.   #menu code {
  2712.     background: rgba(255, 255, 255, 0.075);
  2713.     border-color: rgba(255, 255, 255, 0.25); }
  2714.   #menu hr {
  2715.     border-bottom-color: rgba(255, 255, 255, 0.25); }
  2716.   #menu input[type="submit"],
  2717.   #menu input[type="reset"],
  2718.   #menu input[type="button"],
  2719.   #menu button,
  2720.   #menu .button {
  2721.     background-color: transparent;
  2722.     box-shadow: inset 0 0 0 1px #ffffff;
  2723.     color: #ffffff !important; }
  2724.     #menu input[type="submit"]:hover,
  2725.     #menu input[type="reset"]:hover,
  2726.     #menu input[type="button"]:hover,
  2727.     #menu button:hover,
  2728.     #menu .button:hover {
  2729.       box-shadow: inset 0 0 0 1px #ce1b28;
  2730.       color: #ce1b28 !important; }
  2731.       #menu input[type="submit"]:hover:active,
  2732.       #menu input[type="reset"]:hover:active,
  2733.       #menu input[type="button"]:hover:active,
  2734.       #menu button:hover:active,
  2735.       #menu .button:hover:active {
  2736.         background-color: rgba(206, 27, 40, 0.25); }
  2737.     #menu input[type="submit"].primary,
  2738.     #menu input[type="reset"].primary,
  2739.     #menu input[type="button"].primary,
  2740.     #menu button.primary,
  2741.     #menu .button.primary {
  2742.       box-shadow: none;
  2743.       background-color: #ce1b28;
  2744.       color: #ffffff !important; }
  2745.       #menu input[type="submit"].primary:hover,
  2746.       #menu input[type="reset"].primary:hover,
  2747.       #menu input[type="button"].primary:hover,
  2748.       #menu button.primary:hover,
  2749.       #menu .button.primary:hover {
  2750.         background-color: #e2212f;
  2751.         box-shadow: none; }
  2752.         #menu input[type="submit"].primary:hover:active,
  2753.         #menu input[type="reset"].primary:hover:active,
  2754.         #menu input[type="button"].primary:hover:active,
  2755.         #menu button.primary:hover:active,
  2756.         #menu .button.primary:hover:active {
  2757.           background-color: #b71824; }
  2758.   #menu > ul {
  2759.     margin: 0 0 1rem 0; }
  2760.     #menu > ul.links {
  2761.       list-style: none;
  2762.       padding: 0; }
  2763.       #menu > ul.links > li {
  2764.         padding: 0; }
  2765.         #menu > ul.links > li > a {
  2766.           border: 0;
  2767.           border-top: solid 1px rgba(255, 255, 255, 0.25);
  2768.           color: inherit;
  2769.           display: block;
  2770.           line-height: 3.5rem;
  2771.           text-decoration: none; }
  2772.           #menu > ul.links > li > a:hover {
  2773.             color: #ffffff; }
  2774.         #menu > ul.links > li:first-child > a {
  2775.           border-top: 0; }
  2776.   #menu .close {
  2777.     text-decoration: none;
  2778.     -moz-transition: color 0.2s ease-in-out;
  2779.     -webkit-transition: color 0.2s ease-in-out;
  2780.     -ms-transition: color 0.2s ease-in-out;
  2781.     transition: color 0.2s ease-in-out;
  2782.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2783.     border: 0;
  2784.     color: rgba(255, 255, 255, 0.4);
  2785.     cursor: pointer;
  2786.     display: block;
  2787.     height: 3.25rem;
  2788.     line-height: 3.25rem;
  2789.     padding-right: 1.25rem;
  2790.     position: absolute;
  2791.     right: 0;
  2792.     text-align: right;
  2793.     top: 0;
  2794.     vertical-align: middle;
  2795.     width: 7rem; }
  2796.     #menu .close:before {
  2797.       -moz-osx-font-smoothing: grayscale;
  2798.       -webkit-font-smoothing: antialiased;
  2799.       font-family: FontAwesome;
  2800.       font-style: normal;
  2801.       font-weight: normal;
  2802.       text-transform: none !important; }
  2803.     #menu .close:before {
  2804.       content: '\f00d';
  2805.       font-size: 1.25rem; }
  2806.     #menu .close:hover {
  2807.       color: #ffffff; }
  2808.     @media screen and (max-width: 736px) {
  2809.       #menu .close {
  2810.         height: 4rem;
  2811.         line-height: 4rem; } }
  2812.   @media screen and (max-width: 736px) {
  2813.     #menu {
  2814.       padding: 2.5rem 1.75rem; } }
  2815.  
  2816. body.is-menu-visible #menu {
  2817.   -moz-transform: translateX(0);
  2818.   -webkit-transform: translateX(0);
  2819.   -ms-transform: translateX(0);
  2820.   transform: translateX(0);
  2821.   box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
  2822.   visibility: visible; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement