@font-face { font-family: 'Noto Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/notosans/v21/o-0OIpQlx3QUlC5A4PNr4DRF.ttf) format('truetype'); } @font-face { font-family: 'Noto Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/notosans/v21/o-0TIpQlx3QUlC5A4PNr4Az5ZtyE.ttf) format('truetype'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/notosans/v21/o-0IIpQlx3QUlC5A4PNb4g.ttf) format('truetype'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/notosans/v21/o-0NIpQlx3QUlC5A4PNjXhFlYw.ttf) format('truetype'); } /*--------------------------------------------------- LESS Elements 0.9 --------------------------------------------------- A set of useful LESS mixins More info at: http://lesselements.com ---------------------------------------------------*/ /**** convert px values to rem values and declare both simultaneously ******/ .base-paragraph { font-size: 1.6rem; line-height: 2.6rem; } @media screen and (min-width: 481px) { .base-paragraph { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .base-paragraph { font-size: 1.8rem; } } @media screen and (min-width: 481px) { .base-paragraph { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .base-paragraph { line-height: 2.8rem; } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * remove margins and padding from UL and LI elements * `article` contexts in Chrome, Firefox, and Safari. */ ul, li { margin: 0; padding: 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } embed, iframe, img, object, video { max-width: 100%; } * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } html, body { font-size: 62.5%; height: 100%; font-family: 'Noto Sans', sans-serif; color: #000000; background: #ffffff; margin: 0; padding: 0; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } body.no-scroll { overflow: hidden; } p { font-size: 1.6rem; line-height: 2.6rem; margin: 20px 0px 20px 0px; margin: 2rem 0rem 2rem 0rem; } @media screen and (min-width: 481px) { p { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { p { font-size: 1.8rem; } } @media screen and (min-width: 481px) { p { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { p { line-height: 2.8rem; } } p:last-child { margin-bottom: 0; } p:first-child { margin-top: 0; } a { color: #c1272d; } .t-leadin { font-size: 2rem; line-height: 2.6rem; } @media screen and (min-width: 481px) { .t-leadin { font-size: calc(2rem + 0.4 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .t-leadin { font-size: 2.4rem; } } @media screen and (min-width: 481px) { .t-leadin { line-height: calc(2.6rem + 0.4 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .t-leadin { line-height: 3rem; } } ul, ol { font-size: 1.6rem; line-height: 2.6rem; margin: 3.0rem 0 0 4.0rem; } @media screen and (min-width: 481px) { ul, ol { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { ul, ol { font-size: 1.8rem; } } @media screen and (min-width: 481px) { ul, ol { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { ul, ol { line-height: 2.8rem; } } ul li, ol li { font-size: 1.6rem; line-height: 2.6rem; margin: 0 0 1.0rem 0; } @media screen and (min-width: 481px) { ul li, ol li { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { ul li, ol li { font-size: 1.8rem; } } @media screen and (min-width: 481px) { ul li, ol li { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { ul li, ol li { line-height: 2.8rem; } } ul ul, ol ul, ul ol, ol ol { margin-top: 0; margin-bottom: 0; } blockquote { font-size: 1.6rem; line-height: 2.6rem; margin: 3.0rem 0; padding: 2.0rem; background: #ccc; } @media screen and (min-width: 481px) { blockquote { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { blockquote { font-size: 1.8rem; } } @media screen and (min-width: 481px) { blockquote { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { blockquote { line-height: 2.8rem; } } /* Headings */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: bold; margin: 4.0rem 0 0 0; color: #c1272d; } h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, h6:first-child, .h6:first-child { margin-top: 0; } h1, .h1 { font-size: 3.8rem; line-height: 4.2rem; margin-bottom: 5.6rem; } @media screen and (min-width: 481px) { h1, .h1 { font-size: calc(3.8rem + 1.6 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h1, .h1 { font-size: 5.4rem; } } @media screen and (min-width: 481px) { h1, .h1 { line-height: calc(4.2rem + 1.5 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h1, .h1 { line-height: 5.7rem; } } h1:first-of-type, .h1:first-of-type { margin-top: 0; } h2, .h2 { font-size: 3.2rem; line-height: 3.8rem; } @media screen and (min-width: 481px) { h2, .h2 { font-size: calc(3.2rem + 0.6 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h2, .h2 { font-size: 3.8rem; } } @media screen and (min-width: 481px) { h2, .h2 { line-height: calc(3.8rem + 0.4 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h2, .h2 { line-height: 4.2rem; } } h3, .h3 { font-size: 2.8rem; line-height: 3.2rem; color: black; } @media screen and (min-width: 481px) { h3, .h3 { font-size: calc(2.8rem + 0.4 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h3, .h3 { font-size: 3.2rem; } } @media screen and (min-width: 481px) { h3, .h3 { line-height: calc(3.2rem + 0.6 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h3, .h3 { line-height: 3.8rem; } } h4, .h4 { font-size: 2.2rem; line-height: 2.8rem; } @media screen and (min-width: 481px) { h4, .h4 { font-size: calc(2.2rem + 0.6 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h4, .h4 { font-size: 2.8rem; } } @media screen and (min-width: 481px) { h4, .h4 { line-height: calc(2.8rem + 0.6 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h4, .h4 { line-height: 3.4rem; } } h5, .h5 { font-size: 1.8rem; line-height: 2.2rem; color: #000000; } @media screen and (min-width: 481px) { h5, .h5 { font-size: calc(1.8rem + 0.4 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h5, .h5 { font-size: 2.2rem; } } @media screen and (min-width: 481px) { h5, .h5 { line-height: calc(2.2rem + 0.6 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h5, .h5 { line-height: 2.8rem; } } h6, .h6 { font-size: 1.6rem; line-height: 2.6rem; } @media screen and (min-width: 481px) { h6, .h6 { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h6, .h6 { font-size: 1.8rem; } } @media screen and (min-width: 481px) { h6, .h6 { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { h6, .h6 { line-height: 2.8rem; } } table { font-size: 1.6rem; line-height: 2.6rem; border-spacing: 0px; border-collapse: collapse; width: 100%; margin: 0 0 6.0rem 0; } @media screen and (min-width: 481px) { table { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { table { font-size: 1.8rem; } } @media screen and (min-width: 481px) { table { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { table { line-height: 2.8rem; } } table td, table th { font-size: 1.6rem; line-height: 2.6rem; padding: 0; text-align: left; } @media screen and (min-width: 481px) { table td, table th { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { table td, table th { font-size: 1.8rem; } } @media screen and (min-width: 481px) { table td, table th { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { table td, table th { line-height: 2.8rem; } } @media screen and (max-width: 641px) { table th { display: none; } } table td { margin: 0; } @media screen and (max-width: 641px) { table td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 1.0rem 0; padding: 0 1.0rem; } table td:before { content: attr(data-head); display: block; font-weight: bold; } } @media screen and (max-width: 641px) { table tr { border-bottom: 5px solid #cccccc; } } hr { width: 100%; border: 2px solid #cccccc; margin: 4.0rem 0; } .img_left, .img_right { margin-bottom: 2.0rem; } .img_left_33, .img_right_33 { width: 33%; } .img_left, .img_left_33 { float: left; margin-left: 0; margin-right: 2.0rem; } .img_right, .img_right_33 { float: right; margin-left: 2.0rem; margin-right: 0; } @media screen and (max-width: 481px) { .img_left, .img_right, .img_left_33, .img_right_33 { float: none; margin-left: 0; margin-right: 0; } } .img_centered { display: block; clear: both; margin: 0 auto 3.0rem auto; } .img_33 { width: 33%; } .img_50 { width: 50%; } .img_100 { width: 100%; } /****** CKEDITOR PLUGIN STYLES */ .twocol-content iframe { width: 100%; } /* .img_left.img_left, .img_right.img_right { width: 50%; margin-bottom: 15px; } .img_left_33.img_left_33, .img_right_33.img_right_33 { width: 33%; } .img_left.img_left, .img_left_33.img_left_33{ float:left; margin-left: 0; margin-right: 20px; } .img_right.img_right, .img_right_33.img_right_33{ float: right; margin-left: 20px; margin-right: 0; } .img_left.img_left, .img_right.img_right, .img_left_33.img_left_33, .img_right_33.img_right_33 { @media @phone-side { float: none; margin-left: 0; margin-right: 0; } } */ .l-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: auto; position: relative; height: 100%; min-height: 100%; } .l-row, .l-column { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 162.5rem; } @media screen and (max-width: 641px) { .l-row, .l-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 641px) { .l-row--row4evr { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .l-row--twocol { gap: 2.0rem; } .l-row--start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .l-row--nomax { max-width: 100%; } @media screen and (max-width: 769px) { .l-row--breakearly { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .l-row--breakearly *[class*=l-col] { width: 100%; } } .l-row--home { min-height: 80vh; padding: 4.0rem 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 641px) { .l-row--home { min-height: auto; } } .l-row--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .l-row--vcenter { margin: auto; } .l-row--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 992px) { .l-row--keeprow { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .l-row--footer { position: relative; } @media screen and (max-width: 992px) { .l-row--footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .l-row--narrow { position: relative; max-width: 107.3rempx; max-width: 10.73remrem; } .l-row--reverse-mobile { position: relative; } @media screen and (max-width: 992px) { .l-row--reverse-mobile { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .l-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .l-grid { display: grid; position: relative; width: 100%; max-width: 162.5rem; grid-gap: 5rem; padding: 0; margin: 0; } .l-grid--col3 { grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 769px) { .l-grid--col3 { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 641px) { .l-grid--col3 { grid-template-columns: repeat(1, 1fr); } } .l-col-100 { width: calc(100% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-100 { width: 100%; margin-bottom: 0; } .l-col-100:last-child { margin-bottom: 0; } } .l-col-99 { width: calc(99% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-99 { width: 100%; margin-bottom: 0; } .l-col-99:last-child { margin-bottom: 0; } } .l-col-98 { width: calc(98% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-98 { width: 100%; margin-bottom: 0; } .l-col-98:last-child { margin-bottom: 0; } } .l-col-97 { width: calc(97% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-97 { width: 100%; margin-bottom: 0; } .l-col-97:last-child { margin-bottom: 0; } } .l-col-96 { width: calc(96% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-96 { width: 100%; margin-bottom: 0; } .l-col-96:last-child { margin-bottom: 0; } } .l-col-95 { width: calc(95% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-95 { width: 100%; margin-bottom: 0; } .l-col-95:last-child { margin-bottom: 0; } } .l-col-94 { width: calc(94% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-94 { width: 100%; margin-bottom: 0; } .l-col-94:last-child { margin-bottom: 0; } } .l-col-93 { width: calc(93% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-93 { width: 100%; margin-bottom: 0; } .l-col-93:last-child { margin-bottom: 0; } } .l-col-92 { width: calc(92% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-92 { width: 100%; margin-bottom: 0; } .l-col-92:last-child { margin-bottom: 0; } } .l-col-91 { width: calc(91% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-91 { width: 100%; margin-bottom: 0; } .l-col-91:last-child { margin-bottom: 0; } } .l-col-90 { width: calc(90% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-90 { width: 100%; margin-bottom: 0; } .l-col-90:last-child { margin-bottom: 0; } } .l-col-89 { width: calc(89% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-89 { width: 100%; margin-bottom: 0; } .l-col-89:last-child { margin-bottom: 0; } } .l-col-88 { width: calc(88% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-88 { width: 100%; margin-bottom: 0; } .l-col-88:last-child { margin-bottom: 0; } } .l-col-87 { width: calc(87% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-87 { width: 100%; margin-bottom: 0; } .l-col-87:last-child { margin-bottom: 0; } } .l-col-86 { width: calc(86% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-86 { width: 100%; margin-bottom: 0; } .l-col-86:last-child { margin-bottom: 0; } } .l-col-85 { width: calc(85% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-85 { width: 100%; margin-bottom: 0; } .l-col-85:last-child { margin-bottom: 0; } } .l-col-84 { width: calc(84% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-84 { width: 100%; margin-bottom: 0; } .l-col-84:last-child { margin-bottom: 0; } } .l-col-83 { width: calc(83% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-83 { width: 100%; margin-bottom: 0; } .l-col-83:last-child { margin-bottom: 0; } } .l-col-82 { width: calc(82% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-82 { width: 100%; margin-bottom: 0; } .l-col-82:last-child { margin-bottom: 0; } } .l-col-81 { width: calc(81% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-81 { width: 100%; margin-bottom: 0; } .l-col-81:last-child { margin-bottom: 0; } } .l-col-80 { width: calc(80% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-80 { width: 100%; margin-bottom: 0; } .l-col-80:last-child { margin-bottom: 0; } } .l-col-79 { width: calc(79% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-79 { width: 100%; margin-bottom: 0; } .l-col-79:last-child { margin-bottom: 0; } } .l-col-78 { width: calc(78% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-78 { width: 100%; margin-bottom: 0; } .l-col-78:last-child { margin-bottom: 0; } } .l-col-77 { width: calc(77% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-77 { width: 100%; margin-bottom: 0; } .l-col-77:last-child { margin-bottom: 0; } } .l-col-76 { width: calc(76% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-76 { width: 100%; margin-bottom: 0; } .l-col-76:last-child { margin-bottom: 0; } } .l-col-75 { width: calc(75% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-75 { width: 100%; margin-bottom: 0; } .l-col-75:last-child { margin-bottom: 0; } } .l-col-74 { width: calc(74% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-74 { width: 100%; margin-bottom: 0; } .l-col-74:last-child { margin-bottom: 0; } } .l-col-73 { width: calc(73% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-73 { width: 100%; margin-bottom: 0; } .l-col-73:last-child { margin-bottom: 0; } } .l-col-72 { width: calc(72% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-72 { width: 100%; margin-bottom: 0; } .l-col-72:last-child { margin-bottom: 0; } } .l-col-71 { width: calc(71% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-71 { width: 100%; margin-bottom: 0; } .l-col-71:last-child { margin-bottom: 0; } } .l-col-70 { width: calc(70% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-70 { width: 100%; margin-bottom: 0; } .l-col-70:last-child { margin-bottom: 0; } } .l-col-69 { width: calc(69% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-69 { width: 100%; margin-bottom: 0; } .l-col-69:last-child { margin-bottom: 0; } } .l-col-68 { width: calc(68% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-68 { width: 100%; margin-bottom: 0; } .l-col-68:last-child { margin-bottom: 0; } } .l-col-67 { width: calc(67% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-67 { width: 100%; margin-bottom: 0; } .l-col-67:last-child { margin-bottom: 0; } } .l-col-66 { width: calc(66% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-66 { width: 100%; margin-bottom: 0; } .l-col-66:last-child { margin-bottom: 0; } } .l-col-65 { width: calc(65% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-65 { width: 100%; margin-bottom: 0; } .l-col-65:last-child { margin-bottom: 0; } } .l-col-64 { width: calc(64% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-64 { width: 100%; margin-bottom: 0; } .l-col-64:last-child { margin-bottom: 0; } } .l-col-63 { width: calc(63% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-63 { width: 100%; margin-bottom: 0; } .l-col-63:last-child { margin-bottom: 0; } } .l-col-62 { width: calc(62% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-62 { width: 100%; margin-bottom: 0; } .l-col-62:last-child { margin-bottom: 0; } } .l-col-61 { width: calc(61% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-61 { width: 100%; margin-bottom: 0; } .l-col-61:last-child { margin-bottom: 0; } } .l-col-60 { width: calc(60% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-60 { width: 100%; margin-bottom: 0; } .l-col-60:last-child { margin-bottom: 0; } } .l-col-59 { width: calc(59% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-59 { width: 100%; margin-bottom: 0; } .l-col-59:last-child { margin-bottom: 0; } } .l-col-58 { width: calc(58% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-58 { width: 100%; margin-bottom: 0; } .l-col-58:last-child { margin-bottom: 0; } } .l-col-57 { width: calc(57% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-57 { width: 100%; margin-bottom: 0; } .l-col-57:last-child { margin-bottom: 0; } } .l-col-56 { width: calc(56% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-56 { width: 100%; margin-bottom: 0; } .l-col-56:last-child { margin-bottom: 0; } } .l-col-55 { width: calc(55% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-55 { width: 100%; margin-bottom: 0; } .l-col-55:last-child { margin-bottom: 0; } } .l-col-54 { width: calc(54% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-54 { width: 100%; margin-bottom: 0; } .l-col-54:last-child { margin-bottom: 0; } } .l-col-53 { width: calc(53% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-53 { width: 100%; margin-bottom: 0; } .l-col-53:last-child { margin-bottom: 0; } } .l-col-52 { width: calc(52% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-52 { width: 100%; margin-bottom: 0; } .l-col-52:last-child { margin-bottom: 0; } } .l-col-51 { width: calc(51% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-51 { width: 100%; margin-bottom: 0; } .l-col-51:last-child { margin-bottom: 0; } } .l-col-50 { width: calc(50% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-50 { width: 100%; margin-bottom: 0; } .l-col-50:last-child { margin-bottom: 0; } } .l-col-49 { width: calc(49% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-49 { width: 100%; margin-bottom: 0; } .l-col-49:last-child { margin-bottom: 0; } } .l-col-48 { width: calc(48% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-48 { width: 100%; margin-bottom: 0; } .l-col-48:last-child { margin-bottom: 0; } } .l-col-47 { width: calc(47% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-47 { width: 100%; margin-bottom: 0; } .l-col-47:last-child { margin-bottom: 0; } } .l-col-46 { width: calc(46% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-46 { width: 100%; margin-bottom: 0; } .l-col-46:last-child { margin-bottom: 0; } } .l-col-45 { width: calc(45% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-45 { width: 100%; margin-bottom: 0; } .l-col-45:last-child { margin-bottom: 0; } } .l-col-44 { width: calc(44% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-44 { width: 100%; margin-bottom: 0; } .l-col-44:last-child { margin-bottom: 0; } } .l-col-43 { width: calc(43% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-43 { width: 100%; margin-bottom: 0; } .l-col-43:last-child { margin-bottom: 0; } } .l-col-42 { width: calc(42% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-42 { width: 100%; margin-bottom: 0; } .l-col-42:last-child { margin-bottom: 0; } } .l-col-41 { width: calc(41% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-41 { width: 100%; margin-bottom: 0; } .l-col-41:last-child { margin-bottom: 0; } } .l-col-40 { width: calc(40% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-40 { width: 100%; margin-bottom: 0; } .l-col-40:last-child { margin-bottom: 0; } } .l-col-39 { width: calc(39% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-39 { width: 100%; margin-bottom: 0; } .l-col-39:last-child { margin-bottom: 0; } } .l-col-38 { width: calc(38% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-38 { width: 100%; margin-bottom: 0; } .l-col-38:last-child { margin-bottom: 0; } } .l-col-37 { width: calc(37% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-37 { width: 100%; margin-bottom: 0; } .l-col-37:last-child { margin-bottom: 0; } } .l-col-36 { width: calc(36% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-36 { width: 100%; margin-bottom: 0; } .l-col-36:last-child { margin-bottom: 0; } } .l-col-35 { width: calc(35% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-35 { width: 100%; margin-bottom: 0; } .l-col-35:last-child { margin-bottom: 0; } } .l-col-34 { width: calc(34% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-34 { width: 100%; margin-bottom: 0; } .l-col-34:last-child { margin-bottom: 0; } } .l-col-33 { width: calc(33% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-33 { width: 100%; margin-bottom: 0; } .l-col-33:last-child { margin-bottom: 0; } } .l-col-32 { width: calc(32% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-32 { width: 100%; margin-bottom: 0; } .l-col-32:last-child { margin-bottom: 0; } } .l-col-31 { width: calc(31% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-31 { width: 100%; margin-bottom: 0; } .l-col-31:last-child { margin-bottom: 0; } } .l-col-30 { width: calc(30% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-30 { width: 100%; margin-bottom: 0; } .l-col-30:last-child { margin-bottom: 0; } } .l-col-29 { width: calc(29% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-29 { width: 100%; margin-bottom: 0; } .l-col-29:last-child { margin-bottom: 0; } } .l-col-28 { width: calc(28% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-28 { width: 100%; margin-bottom: 0; } .l-col-28:last-child { margin-bottom: 0; } } .l-col-27 { width: calc(27% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-27 { width: 100%; margin-bottom: 0; } .l-col-27:last-child { margin-bottom: 0; } } .l-col-26 { width: calc(26% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-26 { width: 100%; margin-bottom: 0; } .l-col-26:last-child { margin-bottom: 0; } } .l-col-25 { width: calc(25% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-25 { width: 100%; margin-bottom: 0; } .l-col-25:last-child { margin-bottom: 0; } } .l-col-24 { width: calc(24% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-24 { width: 100%; margin-bottom: 0; } .l-col-24:last-child { margin-bottom: 0; } } .l-col-23 { width: calc(23% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-23 { width: 100%; margin-bottom: 0; } .l-col-23:last-child { margin-bottom: 0; } } .l-col-22 { width: calc(22% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-22 { width: 100%; margin-bottom: 0; } .l-col-22:last-child { margin-bottom: 0; } } .l-col-21 { width: calc(21% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-21 { width: 100%; margin-bottom: 0; } .l-col-21:last-child { margin-bottom: 0; } } .l-col-20 { width: calc(20% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-20 { width: 100%; margin-bottom: 0; } .l-col-20:last-child { margin-bottom: 0; } } .l-col-19 { width: calc(19% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-19 { width: 100%; margin-bottom: 0; } .l-col-19:last-child { margin-bottom: 0; } } .l-col-18 { width: calc(18% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-18 { width: 100%; margin-bottom: 0; } .l-col-18:last-child { margin-bottom: 0; } } .l-col-17 { width: calc(17% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-17 { width: 100%; margin-bottom: 0; } .l-col-17:last-child { margin-bottom: 0; } } .l-col-16 { width: calc(16% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-16 { width: 100%; margin-bottom: 0; } .l-col-16:last-child { margin-bottom: 0; } } .l-col-15 { width: calc(15% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-15 { width: 100%; margin-bottom: 0; } .l-col-15:last-child { margin-bottom: 0; } } .l-col-14 { width: calc(14% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-14 { width: 100%; margin-bottom: 0; } .l-col-14:last-child { margin-bottom: 0; } } .l-col-13 { width: calc(13% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-13 { width: 100%; margin-bottom: 0; } .l-col-13:last-child { margin-bottom: 0; } } .l-col-12 { width: calc(12% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-12 { width: 100%; margin-bottom: 0; } .l-col-12:last-child { margin-bottom: 0; } } .l-col-11 { width: calc(11% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-11 { width: 100%; margin-bottom: 0; } .l-col-11:last-child { margin-bottom: 0; } } .l-col-10 { width: calc(10% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-10 { width: 100%; margin-bottom: 0; } .l-col-10:last-child { margin-bottom: 0; } } .l-col-9 { width: calc(9% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-9 { width: 100%; margin-bottom: 0; } .l-col-9:last-child { margin-bottom: 0; } } .l-col-8 { width: calc(8% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-8 { width: 100%; margin-bottom: 0; } .l-col-8:last-child { margin-bottom: 0; } } .l-col-7 { width: calc(7% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-7 { width: 100%; margin-bottom: 0; } .l-col-7:last-child { margin-bottom: 0; } } .l-col-6 { width: calc(6% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-6 { width: 100%; margin-bottom: 0; } .l-col-6:last-child { margin-bottom: 0; } } .l-col-5 { width: calc(5% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-5 { width: 100%; margin-bottom: 0; } .l-col-5:last-child { margin-bottom: 0; } } .l-col-4 { width: calc(4% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-4 { width: 100%; margin-bottom: 0; } .l-col-4:last-child { margin-bottom: 0; } } .l-col-3 { width: calc(3% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-3 { width: 100%; margin-bottom: 0; } .l-col-3:last-child { margin-bottom: 0; } } .l-col-2 { width: calc(2% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-2 { width: 100%; margin-bottom: 0; } .l-col-2:last-child { margin-bottom: 0; } } .l-col-1 { width: calc(1% - 5rem); /* & when (@i <= 33) { @media @tablet-up { width: 100%; margin-bottom: @padding-bottom; } } */ } @media screen and (max-width: 641px) { .l-col-1 { width: 100%; margin-bottom: 0; } .l-col-1:last-child { margin-bottom: 0; } } .l-col-100 { width: 100%; } .l-content { position: relative; width: 100%; max-width: 162.5rem; padding-top: 10.0rem; } .l-content--narrow { max-width: calc(107.3rem); } .l-content--login { max-width: 81.25rem; } .l-content--sidebarred { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 641px) { .l-content--sidebarred { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 641px) { .l-content--mpack { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .l-content__sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 2.2rem 3.0rem 3.0rem 3.0rem; background: #383942; max-width: 31.4rem; border-radius: 10px; -webkit-box-shadow: 2px 2px 10px #00000029; box-shadow: 2px 2px 10px #00000029; width: 35%; margin-left: 2.0rem; } @media screen and (max-width: 641px) { .l-content__sidebar { max-width: 100%; width: 100%; margin-left: 0; } } .l-content__sidebar--mpack { margin-bottom: 4.0rem; } .l-content__article { width: 65%; } @media screen and (max-width: 641px) { .l-content__article { width: 100%; } } .l-content__articleimage picture, .l-content__articleimage img { width: 100%; height: auto; margin: 0 0 3.5rem 0; border-radius: 10px; } .l-section { width: calc(100% + 8rem ); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 4rem 0 4rem; } .c-body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; padding: 22.2rem 4rem 0 4rem; } .c-skipmain { position: fixed; background: white; color: #c1272d; padding: 1.0rem; z-index: 200; left: 2.0rem; top: 2.0rem; text-decoration: none; font-size: 2.0rem; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12); border-radius: 10px; -webkit-transform: translateX(-200%); transform: translateX(-200%); } .c-skipmain:focus, .c-skipmain:focus-within { -webkit-transform: translateX(0); transform: translateX(0); } .c-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin: 0 auto; padding: 0 0.5%; } .c-form__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 20px 0px; margin: 0rem 0rem 2rem 0rem; } .c-form__label--radio-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 5px 0px 5px 0px; margin: 0.5rem 0rem 0.5rem 0rem; } .c-form__radio-check { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-form__label__pseudo, .c-form__option, .c-form__radio-check__pseudo { display: block; width: 100%; font-weight: bold; font-size: 1.6rem; line-height: 2.6rem; } @media screen and (min-width: 481px) { .c-form__label__pseudo, .c-form__option, .c-form__radio-check__pseudo { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .c-form__label__pseudo, .c-form__option, .c-form__radio-check__pseudo { font-size: 1.8rem; } } @media screen and (min-width: 481px) { .c-form__label__pseudo, .c-form__option, .c-form__radio-check__pseudo { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .c-form__label__pseudo, .c-form__option, .c-form__radio-check__pseudo { line-height: 2.8rem; } } .c-form__radio-check__pseudo { margin-bottom: 0; } .c-form__option { font-weight: normal; } input[type=text], input[type=password], input[type=email], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: white; border: 1px solid #cccccc; border-radius: 0px; padding: 5px 5px 5px 5px; padding: 0.5rem 0.5rem 0.5rem 0.5rem; font-size: 1.6rem; line-height: 2.6rem; outline: none; -webkit-transition: border-color 0.25s; transition: border-color 0.25s; } @media screen and (min-width: 481px) { input[type=text], input[type=password], input[type=email], textarea, select { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { input[type=text], input[type=password], input[type=email], textarea, select { font-size: 1.8rem; } } @media screen and (min-width: 481px) { input[type=text], input[type=password], input[type=email], textarea, select { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { input[type=text], input[type=password], input[type=email], textarea, select { line-height: 2.8rem; } } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus { border-color: #666666; } select { background-image: url(../../_images/form-select.png); background-repeat: no-repeat; background-position: right 7px top 14px; background-size: 15px; } .c-form__radio, .c-form__checkbox { background-color: none; border: 1px solid #cccccc; width: 20px; width: 2rem; height: 20px; height: 2rem; margin: 0px 5px 0px 0px; margin: 0rem 0.5rem 0rem 0rem; } .c-form__checkbox { border-radius: 0px; } iframe html { height: 100% !important; } .c-header { position: fixed; top: 0; left: 0; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 17.2rem; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 2.5rem; padding-bottom: 3.5rem; background-image: url(../../images/nav_bg.png); background-size: cover; background-position: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; } .c-header--up { -webkit-transform: translate3d(0, -14.2rem, 0); transform: translate3d(0, -14.2rem, 0); } .webp .c-header { background-image: url(../../images/nav_bg@2x.webp); } @media screen and (max-width: 992px) { .c-header__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-item-align: stretch; align-self: stretch; } } .c-header__logo { margin: 0; padding: 0; } @media screen and (max-width: 1743px) { .c-header__logo { padding-left: 4.5rem; } } .c-header__secondary { position: absolute; left: 0; bottom: 0; height: 4.8rem; width: calc(100%); background-image: url(../../images/red-bar.png); background-position: center 15px; background-size: auto 100%; background-repeat: repeat-x; } .c-header__secondary p { margin: 0; padding: 0; } .webp .c-header__secondary { background-image: url(../../images/red-bar.webp); } .c-nav { position: relative; margin-left: auto; -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; padding-top: 1.0rem; } @media screen and (max-width: 992px) { .c-nav { position: fixed; left: 110vw; top: 0; width: 100vw; height: 100vh; background: #c1272d; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: scroll; padding: 2.0rem; -webkit-transition: left 0.25s; transition: left 0.25s; z-index: 20; } .c-nav.is-visible { left: 0; } } .c-nav__list { position: relative; list-style-type: none; margin: 0; padding: 0; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: visible; } @media screen and (max-width: 992px) { .c-nav__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; margin-top: auto; margin-bottom: auto; } } .c-nav__list--dropdown { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .c-nav__list--inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .c-nav__dropdown { position: absolute; left: 50%; top: 110%; text-align: center; min-width: 15.0rem; height: auto; z-index: 11; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out; opacity: 0; visibility: none; pointer-events: none; padding: 1.5rem; background: #c1272d; border-radius: 10px; -webkit-box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.5), 0px 22px 20px 0px rgba(0, 0, 0, 0.35); box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.5), 0px 22px 20px 0px rgba(0, 0, 0, 0.35); } @media screen and (max-width: 992px) { .c-nav__dropdown { display: block; position: relative; background: none; top: auto; left: auto; pointer-events: auto; opacity: 1; visibility: visible; -webkit-box-shadow: none; box-shadow: none; padding: 0; -webkit-transform: none; transform: none; width: 100%; padding-top: 0rem; padding-bottom: 0.5rem; } } .c-nav__dropdown ul, .c-nav__dropdown li, .c-nav__dropdown a { margin-left: 0; text-decoration: none; text-align: center; white-space: nowrap; } .c-nav__dropdown ul:last-child, .c-nav__dropdown li:last-child, .c-nav__dropdown a:last-child { margin-bottom: 0; } .has-dropdown:hover .c-nav__dropdown, .has-dropdown:focus .c-nav__dropdown, .has-dropdown:focus-within .c-nav__dropdown, .has-dropdown.testing .c-nav__dropdown, .has-dropdown.is-active .c-nav__dropdown { top: 100%; opacity: 1; pointer-events: auto; } @media screen and (max-width: 992px) { .has-dropdown:hover .c-nav__dropdown, .has-dropdown:focus .c-nav__dropdown, .has-dropdown:focus-within .c-nav__dropdown, .has-dropdown.testing .c-nav__dropdown, .has-dropdown.is-active .c-nav__dropdown { top: auto; } } .c-nav__item { position: relative; margin: 0px 0px 0px 20px; margin: 0rem 0rem 0rem 2rem; } @media screen and (max-width: 992px) { .c-nav__item { margin: 5px 0px 5px 0px; margin: 0.5rem 0rem 0.5rem 0rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .c-nav__item--top-level:hover, .c-nav__item--top-level:focus, .c-nav__item--top-level:focus-within { color: #c1272d; } @media screen and (max-width: 992px) { .c-nav__item--top-level:hover, .c-nav__item--top-level:focus, .c-nav__item--top-level:focus-within { color: white; } } .c-nav__item--top-level:hover > .c-nav__btn, .c-nav__item--top-level:focus > .c-nav__btn, .c-nav__item--top-level:focus-within > .c-nav__btn { color: #c1272d; } @media screen and (max-width: 992px) { .c-nav__item--top-level:hover > .c-nav__btn, .c-nav__item--top-level:focus > .c-nav__btn, .c-nav__item--top-level:focus-within > .c-nav__btn { color: white; } } .c-nav__item--dropdown { margin: 0 0 0 0; width: 100%; } .c-nav__item--dropdown:last-child { margin-bottom: 0; } .c-nav__item--dropdown:first-child { margin-top: 0.5rem; } @media screen and (max-width: 992px) { .c-nav__item--dropdown { text-align: center; margin: 0.5rem 0; } } @media screen and (max-width: 992px) { .c-nav__item:hover, .has-dropdown:hover, .c-nav__item:focus, .has-dropdown:focus, .c-nav__item:focus-within, .has-dropdown:focus-within { background: none; } } .c-nav__item.has-dropdown { margin-right: 2.0rem; } .c-nav__item.has-dropdown > a::after { content: '\f078'; display: inline-block; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 1.4rem; position: absolute; right: -1.8rem; color: #c1272d; } @media screen and (max-width: 992px) { .c-nav__item.has-dropdown > a::after { display: none; margin-right: 0; } } @media screen and (max-width: 992px) { .c-nav__item.has-dropdown { margin-right: 0; } } .c-nav__item.has-dropdown:hover > a:after, .c-nav__item.has-dropdown:focus > a:after, .c-nav__item.has-dropdown:focus-within > a:after { color: white; } .c-nav__item--secure.has-dropdown::after { color: black; top: -0.4rem; } .c-nav__item--inline { margin: 0 0 0 1.0rem; } .c-nav__item--inline.has-dropdown::after { font-weight: 900; position: absolute; right: -1.4rem; top: -0.3rem; font-size: 1.4rem; } @media screen and (max-width: 992px) { .c-nav__item--inline.has-dropdown::after { display: none; } } .c-nav__btn { position: relative; display: block; color: #000000; font-weight: 300; text-decoration: none; margin-left: 0.5rem; font-size: 1.6rem; line-height: 2.2rem; white-space: nowrap; font-family: 'Noto Sans', sans-serif; -webkit-transition: color 0.25s; transition: color 0.25s; padding: 1.0rem 0; color: white; font-weight: bold; } @media screen and (max-width: 992px) { .c-nav__btn { margin-left: 0; } } .c-nav__btn:hover, .c-nav__btn:focus, .c-nav__btn:focus-within { color: #c1272d; } @media screen and (max-width: 992px) { .c-nav__item--top-level:not(.has-dropdown) .c-nav__btn--top-level { padding: 1.0rem 0 ; margin: 0.5rem 0; font-size: 1.8rem; font-weight: normal; } } .c-nav__btn--cart { padding-right: 1.0rem; } .c-nav__btn--cart.is-active::after { content: attr(data-count); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background: #000000; color: white; height: 2.5rem; width: 2.5rem; font-size: 1.5rem; line-height: 2.5rem; border: 2px solid white; position: absolute; top: -0.2rem; right: -1.4rem; } .pull-right { margin-left: auto; } .c-nav__btn--dropdown { line-height: 1.8rem; white-space: normal; font-size: 1.6rem; font-weight: 600; color: white; padding: 1.0rem; border-radius: 5px; margin: 0; -webkit-transition: background 0.25s; transition: background 0.25s; } .c-nav__btn--dropdown:hover, .c-nav__btn--dropdown:focus, .c-nav__btn--dropdown:focus-within { color: white; background: #6c1619; } @media screen and (max-width: 992px) { .c-nav__btn--dropdown { padding: 1.0rem 0 ; margin: 0.5rem 0; font-size: 1.8rem; font-weight: normal; } .c-nav__btn--dropdown:hover { background: #c1272d; } } .c-nav__btn--dropdown span { display: block; margin-top: 0.25rem; font-size: 1.6rem; font-weight: 300; font-family: 'Noto Sans', sans-serif; color: #000000; } @media screen and (max-width: 992px) { .c-nav__btn--dropdown span { display: none; } } @media screen and (max-width: 992px) { .c-nav__btn--parent { font-weight: bold; } } .c-nav__show { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; outline: none; position: relative; display: none; -ms-flex-item-align: center; align-self: center; color: white; cursor: pointer; } @media screen and (max-width: 992px) { .c-nav__show { display: block; margin-left: 2.0rem; } } .c-nav__hide { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; outline: none; position: relative; display: none; color: white; cursor: pointer; margin-bottom: 3.0rem; } @media screen and (max-width: 992px) { .c-nav__hide { display: block; } } .c-cgc { display: -webkit-box; display: -ms-flexbox; display: flex; background: url(../../images/cgc-flag.png); width: 38.6rem; height: 4.8rem; color: white; font-weight: bold; font-size: 1.6rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding-top: 0; left: 0; -webkit-transition: padding-top 0.5s ease-in-out; transition: padding-top 0.5s ease-in-out; } @media screen and (min-width: 1743px) { .c-cgc { -webkit-transform: translateX(-230%); transform: translateX(-230%); position: absolute; left: 50%; } } .c-header--up .c-header__secondary .c-cgc { padding-top: 1.6rem; } .c-overlay { background: rgba(0, 0, 0, 0.5); position: fixed; left: 100vw; top: 0; width: 100vw; height: 100vh; opacity: 0; -webkit-transition: left 15s, opacity 0.25s; transition: left 15s, opacity 0.25s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; pointer-events: none; } .c-overlay.is-visible { left: 0; opacity: 1; z-index: 10; -webkit-transition: left 0s, opacity 0.25s; transition: left 0s, opacity 0.25s; pointer-events: auto; } .c-footer { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; padding: 12.0rem 2.5rem; font-size: 1.6rem; margin-top: 10.0rem; background-repeat: no-repeat; background-size: cover; border-top: 38px solid transparent; border-bottom: 0; -o-border-image: url(../../images/red-bar.png) 30 stretch; border-image: url(../../images/red-bar.png) 30 stretch; background-image: url(../../images/footerbg.png); } .webp .c-footer { background-image: url(../../images/footerbg.webp); } .c-footer__logo { display: block; margin-bottom: 3.0rem; } .c-footer__content { color: white; } .c-footer__content a { color: white; } .c-footer__legal { font-size: 0.75em; } .c-footer__link { margin: 0 0.25em; } .c-footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style-type: none; -ms-flex-wrap: wrap; flex-wrap: wrap; color: white; margin-left: 0; } .c-footer__social li { margin-right: 1.0rem; } .c-footer__social li a:not(.c-btn) { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 2.0rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; text-decoration: none; background-color: #c1272d; height: 100%; } .c-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; display: block; width: auto; text-align: center; background: #c1272d; color: white; padding: 1.5rem 2.5rem; text-decoration: none; cursor: pointer; font-size: 1.6rem; line-height: 2.6rem; border-radius: 10px; -ms-flex-item-align: center; align-self: center; font-weight: bold; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; } @media screen and (min-width: 481px) { .c-btn { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .c-btn { font-size: 1.8rem; } } @media screen and (min-width: 481px) { .c-btn { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .c-btn { line-height: 2.8rem; } } .c-btn:hover, .c-btn:focus, .c-btn:focus-within { background-color: #6c1619; } .c-btn--lrg { font-size: 2.9rem; } @media screen and (max-width: 992px) { .c-btn--lrg { font-size: 1.6rem; line-height: 2.6rem; } } @media screen and (max-width: 992px) and screen and (min-width: 481px) { .c-btn--lrg { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (max-width: 992px) and screen and (min-width: 992px) { .c-btn--lrg { font-size: 1.8rem; } } @media screen and (max-width: 992px) and screen and (min-width: 481px) { .c-btn--lrg { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (max-width: 992px) and screen and (min-width: 992px) { .c-btn--lrg { line-height: 2.8rem; } } .c-btn--small { font-size: 1.8rem; } @media screen and (max-width: 992px) { .c-btn--small { font-size: 1.6rem; line-height: 2.6rem; } } @media screen and (max-width: 992px) and screen and (min-width: 481px) { .c-btn--small { font-size: calc(1.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (max-width: 992px) and screen and (min-width: 992px) { .c-btn--small { font-size: 1.8rem; } } @media screen and (max-width: 992px) and screen and (min-width: 481px) { .c-btn--small { line-height: calc(2.6rem + 0.2 * ((100vw - 481px ) / 511 )); } } @media screen and (max-width: 992px) and screen and (min-width: 992px) { .c-btn--small { line-height: 2.8rem; } } .c-btn--pushbottom { margin-top: auto; } .c-btn--clearalign { -ms-flex-item-align: auto; align-self: auto; } .c-btn--dark { background: #000000; } .c-btn--dark:hover, .c-btn--dark:focus, .c-btn--dark:focus-within { background-color: #333333; } .c-btn--submit { width: auto; -ms-flex-item-align: end; align-self: flex-end; margin: 2.0rem 0; } .c-btn--directions { font-size: 1.4rem; } .c-btn--facebook { background: #3b5998 !important; } .c-btn--twitter { background: #1da1f2 !important; } .c-btn--linkedin { background: #0a66c2 !important; } .c-btn--youtube { background: #ff0000 !important; } .c-btn--pinterest { background: #bd081c !important; } .c-btn--instagram { background: #c32aa3 !important; } .w-linkbutton.c-btn { width: auto; display: inline-block; } .c-banner { width: calc(100% + ( 8rem )); position: relative; height: 60.0rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background: #eee; border-bottom: 15px solid #c1272d; margin-top: -6rem; margin-bottom: 6.0rem; background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .c-banner--homepage { min-height: calc(100vh - 17.2rem ); margin-bottom: -10rem; } .c-banner__overlaytext { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.5); color: white; padding: 0 8rem; } .c-banner__overlaytext .h1 { color: white; margin: 0; } .c-banner__video { -o-object-fit: cover; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; } .c-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; list-style-type: none; max-width: 162.5rem; width: 100%; margin: 0 0 2.0rem 0; padding: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .c-filters li { margin: 0; } .c-filters li:first-of-type .c-filters__btn { margin-left: 0; } .c-filters__btn { display: block; text-align: center; color: white; text-decoration: none; padding: 0.5rem 1.0rem; margin: 0 2.5rem; color: #000000; font-weight: bold; font-size: 1.6rem; white-space: nowrap; -webkit-transition: color 0.25s, background 0.25s, border 0.25s; transition: color 0.25s, background 0.25s, border 0.25s; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 10px; } .c-filters__btn:hover, .c-filters__btn:focus { color: #000000; background: #f2f2f2; border: 1px solid #ffffff; } .c-filters__btn.selected { color: black; } .c-dropdownfilters { display: inline-block; width: auto; position: relative; -ms-flex-item-align: start; align-self: flex-start; } .c-dropdownfilters:hover > .c-dropdownfilters__dropdown, .c-dropdownfilters:focus > .c-dropdownfilters__dropdown, .c-dropdownfilters:focus-within > .c-dropdownfilters__dropdown { opacity: 1; left: 0; top: 100%; -webkit-transition: left 0s, top 0.25s, opacity 0.25s; transition: left 0s, top 0.25s, opacity 0.25s; } .c-dropdownfilters:hover .c-dropdownfilters--active, .c-dropdownfilters:focus .c-dropdownfilters--active, .c-dropdownfilters:focus-within .c-dropdownfilters--active { background: #f5f5f5; } .c-dropdownfilters__instructions { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-dropdownfilters__dropdown { opacity: 0; position: absolute; background: #000000; left: -100000px; top: 120%; height: auto; z-index: 100; -webkit-transition: left 0s 1s, top 0.25s, opacity 0.25s; transition: left 0s 1s, top 0.25s, opacity 0.25s; padding: 2.0rem; width: 20.0rem; border-radius: 10px; } .c-dropdownfilters__list { list-style-type: none; margin: 0; padding: 0; } .c-dropdownfilters--selected { color: orange; } .c-dropdownfilters--active { display: block; font-size: 2.0rem; cursor: pointer; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; padding: 0.75rem 1.75rem; border-radius: 10px; border: 1px solid #ccc; } .c-dropdownfilters__btn:not(.c-dropdownfilters--active) { display: block; font-size: 2.0rem; cursor: pointer; margin: 0; padding: 0.5rem 1.0rem; border-radius: 10px; color: white; text-decoration: none; } .c-dropdownfilters__btn:not(.c-dropdownfilters--active):hover, .c-dropdownfilters__btn:not(.c-dropdownfilters--active):focus, .c-dropdownfilters__btn:not(.c-dropdownfilters--active):focus-within { background: #c1272d; } .c-dropdownfilters__btn--selected { color: #c1272d; } /* STRUCTURE (Edit this structure in news_helper.php ~ Line 58) */ .c-pagination { list-style-type: none; margin: auto; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 4.0rem; padding-top: 2.0rem; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-pagination__item { margin: 0 0.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* Items inside the list are generated automatically, so their tag is styled instead of having a custom class The pagination link items becomes a when .is-active == true, so we need the base styles to match */ /* Styles for when the span is active within the pagination item */ /* The next, prev, first, and last arrows */ } .c-pagination__item a, .c-pagination__item span { color: black; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding-left: 0.13rem; height: 3.5rem; width: 3.5rem; color: white; font-size: 1.6rem; font-weight: bold; line-height: 0; background: black; -webkit-transition: background 0.25s; transition: background 0.25s; border-radius: 10px; border: 1px solid #f2f2f2; } .c-pagination__item a:hover, .c-pagination__item a:focus, .c-pagination__item a:focus-within { background-color: #333333; } .c-pagination__item.is-active span { background: #c1272d; color: white; } .c-pagination__item--direction { margin-right: 0; } .c-pagination__item--direction a { background: #E3E3E3; color: black; padding: 0; border: none; height: 3.5rem; width: 3.5rem; font-size: 2.2rem; } .c-pagination__item--direction a:hover, .c-pagination__item--direction a:focus, .c-pagination__item--direction a:focus-within { background: #f2f2f2; } .c-gallery { list-style-type: none; } .c-gallery__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0 0 5.0rem 0; border-bottom: 2px solid #f5f5f5; } .c-gallery__card article { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .c-gallery__imgwrap { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; margin-bottom: 3.0rem; } .c-gallery__imgwrap picture, .c-gallery__imgwrap img { display: block; margin: 0; padding: 0; -webkit-filter: none; filter: none; -webkit-transition: all 0.25s; transition: all 0.25s; width: 100%; } .c-gallery__category { color: #c1272d; font-size: 1.6rem; margin: 0; font-weight: bold; } .c-gallery__title { margin: 0; margin-bottom: 1.8rem; } .c-gallery__summary { margin: 0; margin-bottom: 2.6rem; } .c-slideshow { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(2, auto); gap: 1.0rem; grid-template-areas: "c--slideshow__large c--slideshow__large c--slideshow__large c--slideshow__large c--slideshow__large" ". . . . ."; list-style-type: none; margin: 0; padding: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .c-slideshow li { margin: 0; padding: 0; width: 100%; } .c-slideshow li:nth-of-type(2) { grid-column: 5/6; grid-row: 2/3; } .c-slideshow li:nth-of-type(3) { grid-column: 4/5; grid-row: 2/3; } .c-slideshow li:nth-of-type(4) { grid-column: 3/4; grid-row: 2/3; } .c-slideshow li:nth-of-type(5) { grid-column: 2/3; grid-row: 2/3; } .c-slideshow li:nth-of-type(6) { grid-column: 1/2; grid-row: 2/3; } .c-slideshow img { width: 100%; margin: 0; padding: 0; display: block; } .c-slideshow__large { grid-area: c--slideshow__large; } .c-slideshow__btn { border: none; margin: 0; padding: 0; width: auto; overflow: visible; border-radius: none; background: transparent; outline: none; /* inherit font & color from ancestor */ color: inherit; font: inherit; /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */ line-height: normal; /* Corrects font smoothing for webkit */ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; /* Corrects inability to style clickable `input` types in iOS */ -webkit-appearance: none; /* Remove excess padding and border in Firefox 4+ */ } .c-slideshow__btn::-moz-focus-inner { border: 0; padding: 0; } .c-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; } .c-card__image { position: relative; width: 100%; } .c-card__image img { width: 100%; } .c-card__text { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .c-card__btn { position: relative; margin-top: auto; } .c-modal { position: fixed; left: 50%; top: 50%; background: white; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; max-width: 800px; max-width: 80rem; z-index: 21; padding: 20px 20px 20px 20px; padding: 2rem 2rem 2rem 2rem; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12); border-radius: 10px; opacity: 0; visibility: none; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; pointer-events: none; } .c-modal.is-visible { opacity: 1; visibility: auto; pointer-events: auto; } .c-modal:focus { outline: none; } .c-modal__close { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; position: absolute; background: none; right: -1rem; top: -1rem; z-index: 20; color: white; cursor: pointer; font-size: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #c1272d; border-radius: 50%; width: 3.5rem; height: 3.5rem; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12); text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; } @media screen and (min-width: 481px) { .c-modal__close { font-size: calc(1.5rem + 0.7 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .c-modal__close { font-size: 2.2rem; } } .c-modal__close:hover { background: #6c1619; } .c-modal__close--video { position: absolute; right: 2.0rem; top: 2.0rem; color: white; font-size: 3.0rem; z-index: 10; text-decoration: none; } .c-modal--video { left: 100%; top: 0; width: 100%; height: 100%; max-width: unset; -webkit-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; background: #191818; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: left 0s 0.25s, opacity 0.25s; transition: left 0s 0.25s, opacity 0.25s; } .c-modal--video.is-visible { left: 0; opacity: 1; visibility: auto; pointer-events: auto; -webkit-transition: left 0s 0s, opacity 0.25s; transition: left 0s 0s, opacity 0.25s; } .c-modal__videowrapper { position: relative; width: 100%; height: 100%; padding: 5.0rem; } .c-modal__videowrapper iframe { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 150.0rem; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-modal__date { font-size: 1.4rem; font-style: italic; margin-top: 0; } .c-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 1.0rem 0 1.4rem 0; -ms-flex-item-align: end; align-self: flex-end; } .c-search::before { content: '\f002'; font-family: 'Font Awesome 5 Pro'; color: #666; position: absolute; z-index: 10; font-size: 1.4rem; -webkit-transform: translate(100%, 78%); transform: translate(100%, 78%); } @media screen and (max-width: 992px) { .c-search { display: none; } } label.c-search__label { margin-bottom: 1rem; } input.c-search__input { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-left: 4.0rem; border-top-left-radius: 1.7rem; border-bottom-left-radius: 1.7rem; border-top-right-radius: 0px; border-bottom-right-radius: 0px; width: 18.0rem; font-size: 1.4rem; -webkit-box-shadow: 0 0 0px #FAEE3D; box-shadow: 0 0 0px #FAEE3D; -webkit-transition: width 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; transition: width 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; transition: width 0.25s ease-in-out, box-shadow 0.25s ease-in-out; transition: width 0.25s ease-in-out, box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; } input.c-search__input:focus { width: 30.0rem; -webkit-box-shadow: 0 0 5px #FAEE3D; box-shadow: 0 0 5px #FAEE3D; } input.c-search__input:focus + input { -webkit-box-shadow: 0 0 5px #FAEE3D; box-shadow: 0 0 5px #FAEE3D; } input.c-search__submit { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; -webkit-box-shadow: 0 0 0px #FAEE3D; box-shadow: 0 0 0px #FAEE3D; border-top-right-radius: 1.7rem; border-bottom-right-radius: 1.7rem; margin: 0; -webkit-transition: width 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; transition: width 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; transition: width 0.25s ease-in-out, box-shadow 0.25s ease-in-out; transition: width 0.25s ease-in-out, box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out; background-image: linear-gradient(45deg, #fecd1f, #faee3d); color: black; font-size: 1.6rem; padding: 0 2.0rem; } .c-blocks { width: 100%; margin-bottom: -10rem; } .c-blocks__block { position: relative; min-height: 55.0rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background-size: cover; padding: 0 4rem 0 4rem; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .c-blocks__block p { color: White; font-weight: bold; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.48); margin-bottom: 5.0rem; font-size: 3.8rem; line-height: 4.2rem; } @media screen and (min-width: 481px) { .c-blocks__block p { font-size: calc(3.8rem + 2.7 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .c-blocks__block p { font-size: 6.5rem; } } @media screen and (min-width: 481px) { .c-blocks__block p { line-height: calc(4.2rem + 2.3 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .c-blocks__block p { line-height: 6.5rem; } } @media screen and (max-width: 992px) { .c-blocks__block p { margin-bottom: 2rem; } } @media screen and (max-width: 992px) { .c-blocks__block { min-height: 40rem; } } .c-blocks__block--news { background: #f7f7f7; min-height: auto; padding: 6rem 4rem 12rem 4rem; } .c-blocks__block--news header { padding-bottom: 4.0rem; } .c-blocks__block--news h2 { color: #C5C5C5; font-size: 2.5rem; } .c-blocks__block--news p { color: black; text-shadow: none; font-size: 2.8rem; line-height: 3.8rem; } @media screen and (min-width: 481px) { .c-blocks__block--news p { font-size: calc(2.8rem + 2.8 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .c-blocks__block--news p { font-size: 5.6rem; } } @media screen and (min-width: 481px) { .c-blocks__block--news p { line-height: calc(3.8rem + 2.8 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .c-blocks__block--news p { line-height: 6.6rem; } } p.c-blocks__date { font-size: 1.9rem; margin: 0; margin-bottom: -2rem; } .c-blocks__block--work { background-image: url(../../images/careers.png); background-position: center bottom; } .c-blocks__block--equipment { background-image: url(../../images/sale.png); } .c-blocks__block--pcc { background-image: url(../../images/pcc.png); background-position: top center; } .c-blocks__linkblock { position: relative; min-height: 40.0rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; font-size: 2.6rem; line-height: 3.6rem; font-weight: bold; color: white; margin-top: 0; text-decoration: none; } @media screen and (min-width: 481px) { .c-blocks__linkblock { font-size: calc(2.6rem + 1.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .c-blocks__linkblock { font-size: 3.8rem; } } @media screen and (min-width: 481px) { .c-blocks__linkblock { line-height: calc(3.6rem + 1.2 * ((100vw - 481px ) / 511 )); } } @media screen and (min-width: 992px) { .c-blocks__linkblock { line-height: 4.8rem; } } @media screen and (max-width: 769px) { .c-blocks__linkblock { min-height: 25.0rem; } } .c-blocks__linkblock span { position: relative; display: block; z-index: 5; margin-top: 0; -webkit-transition: margin-top 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: margin-top 0.25s ease-in-out, opacity 0.25s ease-in-out; } .c-blocks__linkblock span:after { content: url(../../images/afg-element.svg); position: absolute; left: 50%; bottom: -6rem; cursor: pointer; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out; } .c-blocks__linkblock:before { content: 'LEARN MORE'; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 5.0rem; cursor: pointer; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 99%; height: 99%; opacity: 0; font-size: 2.5rem; line-height: 3.4rem; border: 1px solid white; -webkit-transition: width 0.25s ease-in-out, height 0.25s ease-in-out, padding-top 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: width 0.25s ease-in-out, height 0.25s ease-in-out, padding-top 0.25s ease-in-out, opacity 0.25s ease-in-out; } .c-blocks__linkblock:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.75; cursor: pointer; } .c-blocks__linkblock:hover span, .c-blocks__linkblock:focus span, .c-blocks__linkblock:focus-within span { margin-top: -6rem; opacity: 0; } .c-blocks__linkblock:hover span:after, .c-blocks__linkblock:focus span:after, .c-blocks__linkblock:focus-within span:after { bottom: -11rem; opacity: 0; } .c-blocks__linkblock:hover:before, .c-blocks__linkblock:focus:before, .c-blocks__linkblock:focus-within:before { opacity: 1; z-index: 10; width: 80%; height: 80%; margin: auto; padding-top: 0; } .c-blocks__linkblock--trucking { background-image: url(../../images/trucking_new.png); } .c-blocks__linkblock--vac { background-image: url(../../images/vac_rental.png); } .c-blocks__linkblock--grain { background-image: url(../../images/grain_buying-hands.png); } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /**** convert px values to rem values, declare both simultaneously ******/ .mobile-timeline { display: none; } .timeline_wrap { background: #E6E7E8; } .timeline_wrap img { width: auto; } .timeline_wrap .col_left { padding-left: 40px; padding-left: 4.0rem; } .timeline_wrap .col_right { padding-right: 40px; padding-right: 4.0rem; } .date_wrapper { width: 100%; background: #c62127; left: 0; height: 160px; height: 16rem; overflow: hidden; } .date_wrapper h1 { color: white; text-align: center; font-size: 23px; line-height: 34px; padding: 30px 0px 10px 0px; padding: 3rem 0rem 1rem 0rem; margin: 0; text-transform: uppercase; letter-spacing: 4px; font-weight: 800; } .text-float { float: right; width: 50%; margin-top: 80px; } .red_timeline_bg { position: absolute; width: 100%; top: 160px; top: 16rem; } .red_timeline_bg svg { width: 100%; } #timeline { margin: 0 auto; position: relative; overflow: hidden; border-bottom: 50px solid #c62127; width: calc(100% + 8rem ); margin-left: -4rem; margin-bottom: 5.0rem; margin-top: -6rem; } #dates { width: 100%; background: #c62127; margin: -30px 0px 40px 0px; margin: -3rem 0rem 4rem 0rem; } #dates li { list-style: none; float: left; width: 100px; width: 10rem; height: 80px; height: 8rem; color: white; text-align: center; display: table; } #dates a { font-size: 25px; font-size: 2rem; line-height: 60px; font-weight: 800; color: white; position: relative; display: table-cell; text-decoration: none; vertical-align: bottom; font-family: 'Squada One', Helvetica, 'sans-serif'; color: #e6676c; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; overflow: visible; } #dates a:after { content: ''; display: inline-block; width: 10px; width: 1rem; height: 10px; height: 1rem; position: absolute; bottom: -10px; bottom: -1rem; left: 50%; border-radius: 100%; background-clip: padding-box; background-color: #e6676c; } #dates .selected { font-size: 30px; font-size: 2.5rem; line-height: 80px; color: white; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #dates .selected:after { background-color: white; } #issues { position: relative; width: 950px; width: 95rem; margin: 0 auto; } #issues li { width: 950px; padding: 40px 0px; list-style: none; float: left; opacity: 0; } #issues li.selected img { opacity: 1; } #issues li img { width: 400px; display: block; margin-top: 50px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); float: left; } #issues li strong { margin: 20px 0px 20px 0px; font-size: 50px; line-height: 30px; color: #c62127; font-weight: 800; font-family: 'Noto Sans', sans-serif; color: #c1272d; } #issues li h1 { margin: 20px 0px 20px 0px; font-size: 18px; line-height: 30px; font-weight: 200; float: right; color: #000000; } #issues li p { font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; display: block; clear: both; width: 90%; } #grad_left, #grad_right { width: 125px; width: 12.5rem; height: 160px; height: 16rem; position: absolute; top: 0; pointer-events: none; } #grad_left { left: 0; background: -webkit-gradient(linear, left top, right top, from(#c62127), to(rgba(198, 33, 39, 0))); background: linear-gradient(to right, #c62127 0%, rgba(198, 33, 39, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62127', endColorstr='#00c62127', GradientType=1); } #grad_right { right: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(198, 33, 39, 0)), to(#c62127)); background: linear-gradient(to right, rgba(198, 33, 39, 0) 0%, #c62127 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c62127', endColorstr='#c62127', GradientType=1); } #next, #prev { position: absolute; top: 45%; width: 50px; width: 5rem; height: 50px; height: 5rem; color: #BCBEC0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #next:hover, #prev:hover { color: #7a7e82; } #next { right: 0px; right: 0rem; } #prev { left: 10px; left: 1rem; } /* STRUCTURE */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /**** convert px values to rem values, declare both simultaneously ******/ .row { position: relative; width: 100%; margin: 0; padding: 0; } .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .no_pad { padding-left: 0 !important; padding-right: 0 !important; } .well { width: 100%; padding: 20px 20px 20px 20px; padding: 2rem 2rem 2rem 2rem; background: #e6e7e8; margin: 20px 0px 20px 0px; margin: 2rem 0rem 2rem 0rem; } .pad_bottom { padding: 0px 0px 100px 0px; padding: 0rem 0rem 10rem 0rem; } .max_width, .col_wrap { position: relative; margin: 0 auto; } .thepagecontent { display: block; } .col_wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .col_wrap { display: inline-block; } /* Hide from IE Mac \*/ .col_wrap { display: block; } /* End hide from IE Mac */ .column_default { position: relative; float: left; } .col_left { padding-right: 25px; padding-right: 2.5rem; float: left; height: 100%; } @media only screen and (max-width: 1025px) { .col_left { padding-right: 12.5px; padding-right: 1.25rem; } } .col_left .col_left { padding-right: 10px; padding-right: 1.0rem; float: left; } .col_right { padding-left: 25px; padding-left: 2.5rem; float: right; height: 100%; } .col_right .col_left { padding-right: 10px; padding-right: 1.0rem; float: left; } .col_right .col_right { padding-left: 10px; padding-left: 1.0rem; float: right; height: 100%; } .col_mid { padding-left: 12.5px; padding-left: 1.25rem; padding-right: 12.5px; padding-right: 1.25rem; float: left; height: 100%; } .col_centered { margin: 0 auto; } .col_20 { position: relative; width: 20%; float: left; } .col_25 { position: relative; width: 25%; float: left; } .col_30 { position: relative; float: left; width: 30%; } .col_30 .col_30, .col_30 .col_70 { width: 100%; } .col_30 .col_30 .col_left, .col_30 .col_70 .col_left, .col_30 .col_30 .col_right, .col_30 .col_70 .col_right { float: none; } .col_40 { position: relative; float: left; width: 40%; } .col_50 { position: relative; float: left; width: 50%; } .col_60 { position: relative; float: left; width: 100%; margin-left: 20%; } .col_70 { position: relative; float: left; width: 70%; } .col_80 { position: relative; float: left; width: 80%; } .col_100 { position: relative; float: left; width: 100%; } .col_33 { position: relative; width: 33%; float: left; } .col_33:nth-of-type(3n + 1) { padding: 0px 15px 0px 0px; padding: 0rem 1.5rem 0rem 0rem; } .col_33:nth-of-type(3n + 2) { padding: 0px 7.5px 0px 7.5px; padding: 0rem 0.75rem 0rem 0.75rem; } .col_33:nth-of-type(3n + 3) { padding: 0px 0px 0px 15px; padding: 0rem 0rem 0rem 1.5rem; } @media only screen and (max-width: 1400px) { .col_60 { margin-left: 5%; } } @media only screen and (max-width: 1150px) { #timeline { display: none; } .mobile-timeline { display: block; } .history { background: #c62127; color: #fff; text-align: center; padding: 30px 30px; } .history h1 { font-size: 28px; } .mobile-dates { padding: 60px 30px; } .mobile-dates h1 { color: #c62127; font-size: 25px; line-height: 10px; font-weight: 800; } .mobile-dates h2 { color: #A7A7A7; font-size: 16px; font-weight: 200; } .underline { width: 100%; height: 5px; border-bottom: 1px solid #D8D8D8; margin: 30px 0; } } .c-secure { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 4rem; } @media screen and (max-width: 641px) { .c-secure { padding: 0 2rem; height: 3.0rem; } } @media screen and (max-width: 992px) { .c-secure { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .c-secure p { color: black; font-size: 1.4rem; line-height: 1.8rem; margin: 0; } .c-secure__row { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-item-align: center; align-self: center; } @media screen and (max-width: 992px) { .c-secure__row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 992px) { .c-secure__salutation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } } .c-secure__salutation .l-row { width: 100%; } @media screen and (max-width: 992px) { .c-secure__salutation .l-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .c-secure__nav { line-height: 1.8rem; width: 100%; } @media screen and (max-width: 992px) { .c-secure__nav { position: fixed; left: 110vw; top: 0; width: 100vw; height: 100vh; z-index: 100; background: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: left 0.25s; transition: left 0.25s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .c-secure__nav.is-visible { left: 0; } } .c-secure__dropdown { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 130%; background: white; padding: 1.0rem; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); min-width: 10.0rem; height: auto; z-index: 3; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; -webkit-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out; opacity: 0; visibility: none; pointer-events: none; } @media screen and (max-width: 992px) { .c-secure__dropdown { display: block; position: relative; background: none; top: auto; left: auto; pointer-events: auto; opacity: 1; visibility: visible; -webkit-box-shadow: none; box-shadow: none; padding: 0; margin: 0; width: 100%; -webkit-transform: none; transform: none; } } .has-dropdown:hover .c-secure__dropdown, .has-dropdown:focus .c-secure__dropdown, .has-dropdown:focus-within .c-secure__dropdown { top: 100%; opacity: 1; pointer-events: auto; } @media screen and (max-width: 992px) { .has-dropdown:hover .c-secure__dropdown, .has-dropdown:focus .c-secure__dropdown, .has-dropdown:focus-within .c-secure__dropdown { top: auto; } } .c-secure__list { list-style-type: none; margin: 0; padding: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; line-height: 1.8rem; } @media screen and (max-width: 992px) { .c-secure__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto; width: 100%; text-align: center; } } .c-secure__list--dropdown { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 11; color: #000000; } .c-secure__item { margin: 0; margin-left: 1.5rem; position: relative; text-align: center; line-height: 1.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-secure__item.has-dropdown { margin-right: 1.5rem; } .c-secure__item.has-dropdown::after { content: '\f078'; display: inline-block; font-family: 'Font Awesome 5 Pro'; font-weight: 900; position: absolute; font-size: 1.2rem; right: -1.5rem; color: black; } @media screen and (max-width: 992px) { .c-secure__item.has-dropdown::after { display: none; } } .c-secure__item.has-dropdown:hover { color: #000000; } @media screen and (max-width: 992px) { .c-secure__item { margin: 1.0rem 0; width: 100%; text-align: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-secure__item--dropdown { margin: 0.25rem 0; } .c-secure__btn { color: black; font-size: 1.6rem; font-style: normal; white-space: nowrap; text-decoration: none; font-family: 'Noto Sans', sans-serif; padding: 0 0.5rem; border-radius: 10px; -webkit-transition: background 0.25s; transition: background 0.25s; } .c-secure__btn:hover { background: #ac2328; } .c-secure__btn--dropdown { color: #c1272d !important; display: block; padding: 0 1.5rem; border-radius: 10px; -webkit-transition: background 0.25s; transition: background 0.25s; line-height: 2.5rem; } .c-secure__btn--dropdown:hover { background: #f5f5f5; } @media screen and (max-width: 992px) { .c-secure__btn--dropdown { color: black; } } .c-secure__show { color: black; -ms-flex-item-align: center; align-self: center; } .c-secure__hide { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; outline: none; position: relative; display: none; color: #000000; cursor: pointer; margin-bottom: 3.0rem; } @media screen and (max-width: 992px) { .c-secure__hide { display: block; } } .c-sidenav { position: relative; width: 100%; max-width: 162.5rem; padding-top: 10.0rem; width: 20%; min-width: 20.0rem; margin-right: 2.0rem; position: -webkit-sticky; position: sticky; top: 6.0rem; -ms-flex-item-align: start; align-self: flex-start; } .c-sidenav--narrow { max-width: calc(107.3rem); } @media screen and (max-width: 641px) { .c-sidenav { display: none; } } .c-sidenav__list { list-style-type: none; margin: 0; } .c-sidenav__item { border-right: 3px solid #cccccc; margin: 0; max-width: 70%; padding: 0.25rem 0; } .c-sidenav__link { display: block; width: 100%; padding: 1rem 1.0rem; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-decoration: none; } .c-sidenav__link:hover, .c-sidenav__link:focus, .c-sidenav__link:focus-within { background: #f2f2f2; } .c-sidenav__link.is-active { background: #e6e6e6; color: #000000; } .c-viewtoggle { display: inline-block; position: relative; color: black; font-size: 1.4rem; } @media screen and (max-width: 992px) { .c-viewtoggle { display: none; text-align: center; margin-top: 3.0rem; font-size: 1.6rem; font-weight: bold; } } .c-viewtoggle:hover .c-viewtoggle__dropdown, .c-viewtoggle:focus .c-viewtoggle__dropdown, .c-viewtoggle:focus-within .c-viewtoggle__dropdown, .c-viewtoggle.testing .c-viewtoggle__dropdown { top: 130%; opacity: 1; pointer-events: auto; } @media screen and (max-width: 992px) { .c-viewtoggle:hover .c-viewtoggle__dropdown, .c-viewtoggle:focus .c-viewtoggle__dropdown, .c-viewtoggle:focus-within .c-viewtoggle__dropdown, .c-viewtoggle.testing .c-viewtoggle__dropdown { top: auto; } } .c-viewtoggle__btn { position: relative; } .c-viewtoggle__btn::after { content: '\f0d7'; display: inline-block; font-family: 'Font Awesome 5 Pro'; font-weight: 900; position: absolute; right: -1.4rem; top: 0; } @media screen and (max-width: 992px) { .c-viewtoggle__btn::after { display: none; } } .c-viewtoggle__dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; background: #383942; left: 50%; top: 138%; text-align: center; height: auto; z-index: 11; -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; visibility: none; pointer-events: none; padding: 2.0rem; border-radius: 10px; } .c-viewtoggle__dropdown::before { content: '\f0d8'; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 3.0rem; left: 50%; width: 100%; height: 3.0rem; border-radius: 0.25rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: -1rem; z-index: 10; color: #383942; } @media screen and (max-width: 992px) { .c-viewtoggle__dropdown::before { display: none; } } @media screen and (max-width: 992px) { .c-viewtoggle__dropdown { background: none; position: relative; width: 100%; left: auto; top: auto; -webkit-transform: none; transform: none; margin: 0; padding: 0; opacity: 1; visibility: visible; pointer-events: all; } } .c-viewtoggle__option { position: relative; z-index: 12; display: block; white-space: nowrap; line-height: 2.8rem; color: white; } .c-viewtoggle__option:hover { text-decoration: none; } @media screen and (max-width: 992px) { .c-viewtoggle__option { color: black; font-size: 1.6rem; font-weight: normal; margin: 0.5rem 0; } } .u-alignleft { text-align: left; } .u-alignright { text-align: right; } .u-mobileonly { display: none !important; } @media screen and (max-width: 992px) { .u-mobileonly { display: block !important; } } .u-mpackdate { color: white; font-weight: bold; font-size: 2.0rem; margin-top: -2.5rem; } .u-twitterbtnwrap { margin-top: 2.0rem; } .u-dark { background: #111217; } .u-bordered { border-bottom: 2px solid #f5f5f5; } @media screen and (max-width: 641px) { .u-nomobile { display: none; } } .u-straightbottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .u-longtitle { width: 100%; } .u-marginbottom { margin-bottom: 4.0rem !important; } .u-rounded { overflow: hidden !important; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; } .u-fillheight { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .twitter-timeline { height: calc(95.5%) !important; min-height: 60.0rem; } .u-mx100 { margin: 100rem !important; } .u-mtx100 { margin-top: 100rem !important; } .u-mrx100 { margin-right: 100rem !important; } .u-mbx100 { margin-bottom: 100rem !important; } .u-mlx100 { margin-left: 100rem !important; } .u-px100 { padding: 100rem !important; } .u-ptx100 { padding-top: 100rem !important; } .u-prx100 { padding-right: 100rem !important; } .u-pbx100 { padding-bottom: 100rem !important; } .u-plx100 { padding-left: 100rem !important; } .u-mx99 { margin: 99rem !important; } .u-mtx99 { margin-top: 99rem !important; } .u-mrx99 { margin-right: 99rem !important; } .u-mbx99 { margin-bottom: 99rem !important; } .u-mlx99 { margin-left: 99rem !important; } .u-px99 { padding: 99rem !important; } .u-ptx99 { padding-top: 99rem !important; } .u-prx99 { padding-right: 99rem !important; } .u-pbx99 { padding-bottom: 99rem !important; } .u-plx99 { padding-left: 99rem !important; } .u-mx98 { margin: 98rem !important; } .u-mtx98 { margin-top: 98rem !important; } .u-mrx98 { margin-right: 98rem !important; } .u-mbx98 { margin-bottom: 98rem !important; } .u-mlx98 { margin-left: 98rem !important; } .u-px98 { padding: 98rem !important; } .u-ptx98 { padding-top: 98rem !important; } .u-prx98 { padding-right: 98rem !important; } .u-pbx98 { padding-bottom: 98rem !important; } .u-plx98 { padding-left: 98rem !important; } .u-mx97 { margin: 97rem !important; } .u-mtx97 { margin-top: 97rem !important; } .u-mrx97 { margin-right: 97rem !important; } .u-mbx97 { margin-bottom: 97rem !important; } .u-mlx97 { margin-left: 97rem !important; } .u-px97 { padding: 97rem !important; } .u-ptx97 { padding-top: 97rem !important; } .u-prx97 { padding-right: 97rem !important; } .u-pbx97 { padding-bottom: 97rem !important; } .u-plx97 { padding-left: 97rem !important; } .u-mx96 { margin: 96rem !important; } .u-mtx96 { margin-top: 96rem !important; } .u-mrx96 { margin-right: 96rem !important; } .u-mbx96 { margin-bottom: 96rem !important; } .u-mlx96 { margin-left: 96rem !important; } .u-px96 { padding: 96rem !important; } .u-ptx96 { padding-top: 96rem !important; } .u-prx96 { padding-right: 96rem !important; } .u-pbx96 { padding-bottom: 96rem !important; } .u-plx96 { padding-left: 96rem !important; } .u-mx95 { margin: 95rem !important; } .u-mtx95 { margin-top: 95rem !important; } .u-mrx95 { margin-right: 95rem !important; } .u-mbx95 { margin-bottom: 95rem !important; } .u-mlx95 { margin-left: 95rem !important; } .u-px95 { padding: 95rem !important; } .u-ptx95 { padding-top: 95rem !important; } .u-prx95 { padding-right: 95rem !important; } .u-pbx95 { padding-bottom: 95rem !important; } .u-plx95 { padding-left: 95rem !important; } .u-mx94 { margin: 94rem !important; } .u-mtx94 { margin-top: 94rem !important; } .u-mrx94 { margin-right: 94rem !important; } .u-mbx94 { margin-bottom: 94rem !important; } .u-mlx94 { margin-left: 94rem !important; } .u-px94 { padding: 94rem !important; } .u-ptx94 { padding-top: 94rem !important; } .u-prx94 { padding-right: 94rem !important; } .u-pbx94 { padding-bottom: 94rem !important; } .u-plx94 { padding-left: 94rem !important; } .u-mx93 { margin: 93rem !important; } .u-mtx93 { margin-top: 93rem !important; } .u-mrx93 { margin-right: 93rem !important; } .u-mbx93 { margin-bottom: 93rem !important; } .u-mlx93 { margin-left: 93rem !important; } .u-px93 { padding: 93rem !important; } .u-ptx93 { padding-top: 93rem !important; } .u-prx93 { padding-right: 93rem !important; } .u-pbx93 { padding-bottom: 93rem !important; } .u-plx93 { padding-left: 93rem !important; } .u-mx92 { margin: 92rem !important; } .u-mtx92 { margin-top: 92rem !important; } .u-mrx92 { margin-right: 92rem !important; } .u-mbx92 { margin-bottom: 92rem !important; } .u-mlx92 { margin-left: 92rem !important; } .u-px92 { padding: 92rem !important; } .u-ptx92 { padding-top: 92rem !important; } .u-prx92 { padding-right: 92rem !important; } .u-pbx92 { padding-bottom: 92rem !important; } .u-plx92 { padding-left: 92rem !important; } .u-mx91 { margin: 91rem !important; } .u-mtx91 { margin-top: 91rem !important; } .u-mrx91 { margin-right: 91rem !important; } .u-mbx91 { margin-bottom: 91rem !important; } .u-mlx91 { margin-left: 91rem !important; } .u-px91 { padding: 91rem !important; } .u-ptx91 { padding-top: 91rem !important; } .u-prx91 { padding-right: 91rem !important; } .u-pbx91 { padding-bottom: 91rem !important; } .u-plx91 { padding-left: 91rem !important; } .u-mx90 { margin: 90rem !important; } .u-mtx90 { margin-top: 90rem !important; } .u-mrx90 { margin-right: 90rem !important; } .u-mbx90 { margin-bottom: 90rem !important; } .u-mlx90 { margin-left: 90rem !important; } .u-px90 { padding: 90rem !important; } .u-ptx90 { padding-top: 90rem !important; } .u-prx90 { padding-right: 90rem !important; } .u-pbx90 { padding-bottom: 90rem !important; } .u-plx90 { padding-left: 90rem !important; } .u-mx89 { margin: 89rem !important; } .u-mtx89 { margin-top: 89rem !important; } .u-mrx89 { margin-right: 89rem !important; } .u-mbx89 { margin-bottom: 89rem !important; } .u-mlx89 { margin-left: 89rem !important; } .u-px89 { padding: 89rem !important; } .u-ptx89 { padding-top: 89rem !important; } .u-prx89 { padding-right: 89rem !important; } .u-pbx89 { padding-bottom: 89rem !important; } .u-plx89 { padding-left: 89rem !important; } .u-mx88 { margin: 88rem !important; } .u-mtx88 { margin-top: 88rem !important; } .u-mrx88 { margin-right: 88rem !important; } .u-mbx88 { margin-bottom: 88rem !important; } .u-mlx88 { margin-left: 88rem !important; } .u-px88 { padding: 88rem !important; } .u-ptx88 { padding-top: 88rem !important; } .u-prx88 { padding-right: 88rem !important; } .u-pbx88 { padding-bottom: 88rem !important; } .u-plx88 { padding-left: 88rem !important; } .u-mx87 { margin: 87rem !important; } .u-mtx87 { margin-top: 87rem !important; } .u-mrx87 { margin-right: 87rem !important; } .u-mbx87 { margin-bottom: 87rem !important; } .u-mlx87 { margin-left: 87rem !important; } .u-px87 { padding: 87rem !important; } .u-ptx87 { padding-top: 87rem !important; } .u-prx87 { padding-right: 87rem !important; } .u-pbx87 { padding-bottom: 87rem !important; } .u-plx87 { padding-left: 87rem !important; } .u-mx86 { margin: 86rem !important; } .u-mtx86 { margin-top: 86rem !important; } .u-mrx86 { margin-right: 86rem !important; } .u-mbx86 { margin-bottom: 86rem !important; } .u-mlx86 { margin-left: 86rem !important; } .u-px86 { padding: 86rem !important; } .u-ptx86 { padding-top: 86rem !important; } .u-prx86 { padding-right: 86rem !important; } .u-pbx86 { padding-bottom: 86rem !important; } .u-plx86 { padding-left: 86rem !important; } .u-mx85 { margin: 85rem !important; } .u-mtx85 { margin-top: 85rem !important; } .u-mrx85 { margin-right: 85rem !important; } .u-mbx85 { margin-bottom: 85rem !important; } .u-mlx85 { margin-left: 85rem !important; } .u-px85 { padding: 85rem !important; } .u-ptx85 { padding-top: 85rem !important; } .u-prx85 { padding-right: 85rem !important; } .u-pbx85 { padding-bottom: 85rem !important; } .u-plx85 { padding-left: 85rem !important; } .u-mx84 { margin: 84rem !important; } .u-mtx84 { margin-top: 84rem !important; } .u-mrx84 { margin-right: 84rem !important; } .u-mbx84 { margin-bottom: 84rem !important; } .u-mlx84 { margin-left: 84rem !important; } .u-px84 { padding: 84rem !important; } .u-ptx84 { padding-top: 84rem !important; } .u-prx84 { padding-right: 84rem !important; } .u-pbx84 { padding-bottom: 84rem !important; } .u-plx84 { padding-left: 84rem !important; } .u-mx83 { margin: 83rem !important; } .u-mtx83 { margin-top: 83rem !important; } .u-mrx83 { margin-right: 83rem !important; } .u-mbx83 { margin-bottom: 83rem !important; } .u-mlx83 { margin-left: 83rem !important; } .u-px83 { padding: 83rem !important; } .u-ptx83 { padding-top: 83rem !important; } .u-prx83 { padding-right: 83rem !important; } .u-pbx83 { padding-bottom: 83rem !important; } .u-plx83 { padding-left: 83rem !important; } .u-mx82 { margin: 82rem !important; } .u-mtx82 { margin-top: 82rem !important; } .u-mrx82 { margin-right: 82rem !important; } .u-mbx82 { margin-bottom: 82rem !important; } .u-mlx82 { margin-left: 82rem !important; } .u-px82 { padding: 82rem !important; } .u-ptx82 { padding-top: 82rem !important; } .u-prx82 { padding-right: 82rem !important; } .u-pbx82 { padding-bottom: 82rem !important; } .u-plx82 { padding-left: 82rem !important; } .u-mx81 { margin: 81rem !important; } .u-mtx81 { margin-top: 81rem !important; } .u-mrx81 { margin-right: 81rem !important; } .u-mbx81 { margin-bottom: 81rem !important; } .u-mlx81 { margin-left: 81rem !important; } .u-px81 { padding: 81rem !important; } .u-ptx81 { padding-top: 81rem !important; } .u-prx81 { padding-right: 81rem !important; } .u-pbx81 { padding-bottom: 81rem !important; } .u-plx81 { padding-left: 81rem !important; } .u-mx80 { margin: 80rem !important; } .u-mtx80 { margin-top: 80rem !important; } .u-mrx80 { margin-right: 80rem !important; } .u-mbx80 { margin-bottom: 80rem !important; } .u-mlx80 { margin-left: 80rem !important; } .u-px80 { padding: 80rem !important; } .u-ptx80 { padding-top: 80rem !important; } .u-prx80 { padding-right: 80rem !important; } .u-pbx80 { padding-bottom: 80rem !important; } .u-plx80 { padding-left: 80rem !important; } .u-mx79 { margin: 79rem !important; } .u-mtx79 { margin-top: 79rem !important; } .u-mrx79 { margin-right: 79rem !important; } .u-mbx79 { margin-bottom: 79rem !important; } .u-mlx79 { margin-left: 79rem !important; } .u-px79 { padding: 79rem !important; } .u-ptx79 { padding-top: 79rem !important; } .u-prx79 { padding-right: 79rem !important; } .u-pbx79 { padding-bottom: 79rem !important; } .u-plx79 { padding-left: 79rem !important; } .u-mx78 { margin: 78rem !important; } .u-mtx78 { margin-top: 78rem !important; } .u-mrx78 { margin-right: 78rem !important; } .u-mbx78 { margin-bottom: 78rem !important; } .u-mlx78 { margin-left: 78rem !important; } .u-px78 { padding: 78rem !important; } .u-ptx78 { padding-top: 78rem !important; } .u-prx78 { padding-right: 78rem !important; } .u-pbx78 { padding-bottom: 78rem !important; } .u-plx78 { padding-left: 78rem !important; } .u-mx77 { margin: 77rem !important; } .u-mtx77 { margin-top: 77rem !important; } .u-mrx77 { margin-right: 77rem !important; } .u-mbx77 { margin-bottom: 77rem !important; } .u-mlx77 { margin-left: 77rem !important; } .u-px77 { padding: 77rem !important; } .u-ptx77 { padding-top: 77rem !important; } .u-prx77 { padding-right: 77rem !important; } .u-pbx77 { padding-bottom: 77rem !important; } .u-plx77 { padding-left: 77rem !important; } .u-mx76 { margin: 76rem !important; } .u-mtx76 { margin-top: 76rem !important; } .u-mrx76 { margin-right: 76rem !important; } .u-mbx76 { margin-bottom: 76rem !important; } .u-mlx76 { margin-left: 76rem !important; } .u-px76 { padding: 76rem !important; } .u-ptx76 { padding-top: 76rem !important; } .u-prx76 { padding-right: 76rem !important; } .u-pbx76 { padding-bottom: 76rem !important; } .u-plx76 { padding-left: 76rem !important; } .u-mx75 { margin: 75rem !important; } .u-mtx75 { margin-top: 75rem !important; } .u-mrx75 { margin-right: 75rem !important; } .u-mbx75 { margin-bottom: 75rem !important; } .u-mlx75 { margin-left: 75rem !important; } .u-px75 { padding: 75rem !important; } .u-ptx75 { padding-top: 75rem !important; } .u-prx75 { padding-right: 75rem !important; } .u-pbx75 { padding-bottom: 75rem !important; } .u-plx75 { padding-left: 75rem !important; } .u-mx74 { margin: 74rem !important; } .u-mtx74 { margin-top: 74rem !important; } .u-mrx74 { margin-right: 74rem !important; } .u-mbx74 { margin-bottom: 74rem !important; } .u-mlx74 { margin-left: 74rem !important; } .u-px74 { padding: 74rem !important; } .u-ptx74 { padding-top: 74rem !important; } .u-prx74 { padding-right: 74rem !important; } .u-pbx74 { padding-bottom: 74rem !important; } .u-plx74 { padding-left: 74rem !important; } .u-mx73 { margin: 73rem !important; } .u-mtx73 { margin-top: 73rem !important; } .u-mrx73 { margin-right: 73rem !important; } .u-mbx73 { margin-bottom: 73rem !important; } .u-mlx73 { margin-left: 73rem !important; } .u-px73 { padding: 73rem !important; } .u-ptx73 { padding-top: 73rem !important; } .u-prx73 { padding-right: 73rem !important; } .u-pbx73 { padding-bottom: 73rem !important; } .u-plx73 { padding-left: 73rem !important; } .u-mx72 { margin: 72rem !important; } .u-mtx72 { margin-top: 72rem !important; } .u-mrx72 { margin-right: 72rem !important; } .u-mbx72 { margin-bottom: 72rem !important; } .u-mlx72 { margin-left: 72rem !important; } .u-px72 { padding: 72rem !important; } .u-ptx72 { padding-top: 72rem !important; } .u-prx72 { padding-right: 72rem !important; } .u-pbx72 { padding-bottom: 72rem !important; } .u-plx72 { padding-left: 72rem !important; } .u-mx71 { margin: 71rem !important; } .u-mtx71 { margin-top: 71rem !important; } .u-mrx71 { margin-right: 71rem !important; } .u-mbx71 { margin-bottom: 71rem !important; } .u-mlx71 { margin-left: 71rem !important; } .u-px71 { padding: 71rem !important; } .u-ptx71 { padding-top: 71rem !important; } .u-prx71 { padding-right: 71rem !important; } .u-pbx71 { padding-bottom: 71rem !important; } .u-plx71 { padding-left: 71rem !important; } .u-mx70 { margin: 70rem !important; } .u-mtx70 { margin-top: 70rem !important; } .u-mrx70 { margin-right: 70rem !important; } .u-mbx70 { margin-bottom: 70rem !important; } .u-mlx70 { margin-left: 70rem !important; } .u-px70 { padding: 70rem !important; } .u-ptx70 { padding-top: 70rem !important; } .u-prx70 { padding-right: 70rem !important; } .u-pbx70 { padding-bottom: 70rem !important; } .u-plx70 { padding-left: 70rem !important; } .u-mx69 { margin: 69rem !important; } .u-mtx69 { margin-top: 69rem !important; } .u-mrx69 { margin-right: 69rem !important; } .u-mbx69 { margin-bottom: 69rem !important; } .u-mlx69 { margin-left: 69rem !important; } .u-px69 { padding: 69rem !important; } .u-ptx69 { padding-top: 69rem !important; } .u-prx69 { padding-right: 69rem !important; } .u-pbx69 { padding-bottom: 69rem !important; } .u-plx69 { padding-left: 69rem !important; } .u-mx68 { margin: 68rem !important; } .u-mtx68 { margin-top: 68rem !important; } .u-mrx68 { margin-right: 68rem !important; } .u-mbx68 { margin-bottom: 68rem !important; } .u-mlx68 { margin-left: 68rem !important; } .u-px68 { padding: 68rem !important; } .u-ptx68 { padding-top: 68rem !important; } .u-prx68 { padding-right: 68rem !important; } .u-pbx68 { padding-bottom: 68rem !important; } .u-plx68 { padding-left: 68rem !important; } .u-mx67 { margin: 67rem !important; } .u-mtx67 { margin-top: 67rem !important; } .u-mrx67 { margin-right: 67rem !important; } .u-mbx67 { margin-bottom: 67rem !important; } .u-mlx67 { margin-left: 67rem !important; } .u-px67 { padding: 67rem !important; } .u-ptx67 { padding-top: 67rem !important; } .u-prx67 { padding-right: 67rem !important; } .u-pbx67 { padding-bottom: 67rem !important; } .u-plx67 { padding-left: 67rem !important; } .u-mx66 { margin: 66rem !important; } .u-mtx66 { margin-top: 66rem !important; } .u-mrx66 { margin-right: 66rem !important; } .u-mbx66 { margin-bottom: 66rem !important; } .u-mlx66 { margin-left: 66rem !important; } .u-px66 { padding: 66rem !important; } .u-ptx66 { padding-top: 66rem !important; } .u-prx66 { padding-right: 66rem !important; } .u-pbx66 { padding-bottom: 66rem !important; } .u-plx66 { padding-left: 66rem !important; } .u-mx65 { margin: 65rem !important; } .u-mtx65 { margin-top: 65rem !important; } .u-mrx65 { margin-right: 65rem !important; } .u-mbx65 { margin-bottom: 65rem !important; } .u-mlx65 { margin-left: 65rem !important; } .u-px65 { padding: 65rem !important; } .u-ptx65 { padding-top: 65rem !important; } .u-prx65 { padding-right: 65rem !important; } .u-pbx65 { padding-bottom: 65rem !important; } .u-plx65 { padding-left: 65rem !important; } .u-mx64 { margin: 64rem !important; } .u-mtx64 { margin-top: 64rem !important; } .u-mrx64 { margin-right: 64rem !important; } .u-mbx64 { margin-bottom: 64rem !important; } .u-mlx64 { margin-left: 64rem !important; } .u-px64 { padding: 64rem !important; } .u-ptx64 { padding-top: 64rem !important; } .u-prx64 { padding-right: 64rem !important; } .u-pbx64 { padding-bottom: 64rem !important; } .u-plx64 { padding-left: 64rem !important; } .u-mx63 { margin: 63rem !important; } .u-mtx63 { margin-top: 63rem !important; } .u-mrx63 { margin-right: 63rem !important; } .u-mbx63 { margin-bottom: 63rem !important; } .u-mlx63 { margin-left: 63rem !important; } .u-px63 { padding: 63rem !important; } .u-ptx63 { padding-top: 63rem !important; } .u-prx63 { padding-right: 63rem !important; } .u-pbx63 { padding-bottom: 63rem !important; } .u-plx63 { padding-left: 63rem !important; } .u-mx62 { margin: 62rem !important; } .u-mtx62 { margin-top: 62rem !important; } .u-mrx62 { margin-right: 62rem !important; } .u-mbx62 { margin-bottom: 62rem !important; } .u-mlx62 { margin-left: 62rem !important; } .u-px62 { padding: 62rem !important; } .u-ptx62 { padding-top: 62rem !important; } .u-prx62 { padding-right: 62rem !important; } .u-pbx62 { padding-bottom: 62rem !important; } .u-plx62 { padding-left: 62rem !important; } .u-mx61 { margin: 61rem !important; } .u-mtx61 { margin-top: 61rem !important; } .u-mrx61 { margin-right: 61rem !important; } .u-mbx61 { margin-bottom: 61rem !important; } .u-mlx61 { margin-left: 61rem !important; } .u-px61 { padding: 61rem !important; } .u-ptx61 { padding-top: 61rem !important; } .u-prx61 { padding-right: 61rem !important; } .u-pbx61 { padding-bottom: 61rem !important; } .u-plx61 { padding-left: 61rem !important; } .u-mx60 { margin: 60rem !important; } .u-mtx60 { margin-top: 60rem !important; } .u-mrx60 { margin-right: 60rem !important; } .u-mbx60 { margin-bottom: 60rem !important; } .u-mlx60 { margin-left: 60rem !important; } .u-px60 { padding: 60rem !important; } .u-ptx60 { padding-top: 60rem !important; } .u-prx60 { padding-right: 60rem !important; } .u-pbx60 { padding-bottom: 60rem !important; } .u-plx60 { padding-left: 60rem !important; } .u-mx59 { margin: 59rem !important; } .u-mtx59 { margin-top: 59rem !important; } .u-mrx59 { margin-right: 59rem !important; } .u-mbx59 { margin-bottom: 59rem !important; } .u-mlx59 { margin-left: 59rem !important; } .u-px59 { padding: 59rem !important; } .u-ptx59 { padding-top: 59rem !important; } .u-prx59 { padding-right: 59rem !important; } .u-pbx59 { padding-bottom: 59rem !important; } .u-plx59 { padding-left: 59rem !important; } .u-mx58 { margin: 58rem !important; } .u-mtx58 { margin-top: 58rem !important; } .u-mrx58 { margin-right: 58rem !important; } .u-mbx58 { margin-bottom: 58rem !important; } .u-mlx58 { margin-left: 58rem !important; } .u-px58 { padding: 58rem !important; } .u-ptx58 { padding-top: 58rem !important; } .u-prx58 { padding-right: 58rem !important; } .u-pbx58 { padding-bottom: 58rem !important; } .u-plx58 { padding-left: 58rem !important; } .u-mx57 { margin: 57rem !important; } .u-mtx57 { margin-top: 57rem !important; } .u-mrx57 { margin-right: 57rem !important; } .u-mbx57 { margin-bottom: 57rem !important; } .u-mlx57 { margin-left: 57rem !important; } .u-px57 { padding: 57rem !important; } .u-ptx57 { padding-top: 57rem !important; } .u-prx57 { padding-right: 57rem !important; } .u-pbx57 { padding-bottom: 57rem !important; } .u-plx57 { padding-left: 57rem !important; } .u-mx56 { margin: 56rem !important; } .u-mtx56 { margin-top: 56rem !important; } .u-mrx56 { margin-right: 56rem !important; } .u-mbx56 { margin-bottom: 56rem !important; } .u-mlx56 { margin-left: 56rem !important; } .u-px56 { padding: 56rem !important; } .u-ptx56 { padding-top: 56rem !important; } .u-prx56 { padding-right: 56rem !important; } .u-pbx56 { padding-bottom: 56rem !important; } .u-plx56 { padding-left: 56rem !important; } .u-mx55 { margin: 55rem !important; } .u-mtx55 { margin-top: 55rem !important; } .u-mrx55 { margin-right: 55rem !important; } .u-mbx55 { margin-bottom: 55rem !important; } .u-mlx55 { margin-left: 55rem !important; } .u-px55 { padding: 55rem !important; } .u-ptx55 { padding-top: 55rem !important; } .u-prx55 { padding-right: 55rem !important; } .u-pbx55 { padding-bottom: 55rem !important; } .u-plx55 { padding-left: 55rem !important; } .u-mx54 { margin: 54rem !important; } .u-mtx54 { margin-top: 54rem !important; } .u-mrx54 { margin-right: 54rem !important; } .u-mbx54 { margin-bottom: 54rem !important; } .u-mlx54 { margin-left: 54rem !important; } .u-px54 { padding: 54rem !important; } .u-ptx54 { padding-top: 54rem !important; } .u-prx54 { padding-right: 54rem !important; } .u-pbx54 { padding-bottom: 54rem !important; } .u-plx54 { padding-left: 54rem !important; } .u-mx53 { margin: 53rem !important; } .u-mtx53 { margin-top: 53rem !important; } .u-mrx53 { margin-right: 53rem !important; } .u-mbx53 { margin-bottom: 53rem !important; } .u-mlx53 { margin-left: 53rem !important; } .u-px53 { padding: 53rem !important; } .u-ptx53 { padding-top: 53rem !important; } .u-prx53 { padding-right: 53rem !important; } .u-pbx53 { padding-bottom: 53rem !important; } .u-plx53 { padding-left: 53rem !important; } .u-mx52 { margin: 52rem !important; } .u-mtx52 { margin-top: 52rem !important; } .u-mrx52 { margin-right: 52rem !important; } .u-mbx52 { margin-bottom: 52rem !important; } .u-mlx52 { margin-left: 52rem !important; } .u-px52 { padding: 52rem !important; } .u-ptx52 { padding-top: 52rem !important; } .u-prx52 { padding-right: 52rem !important; } .u-pbx52 { padding-bottom: 52rem !important; } .u-plx52 { padding-left: 52rem !important; } .u-mx51 { margin: 51rem !important; } .u-mtx51 { margin-top: 51rem !important; } .u-mrx51 { margin-right: 51rem !important; } .u-mbx51 { margin-bottom: 51rem !important; } .u-mlx51 { margin-left: 51rem !important; } .u-px51 { padding: 51rem !important; } .u-ptx51 { padding-top: 51rem !important; } .u-prx51 { padding-right: 51rem !important; } .u-pbx51 { padding-bottom: 51rem !important; } .u-plx51 { padding-left: 51rem !important; } .u-mx50 { margin: 50rem !important; } .u-mtx50 { margin-top: 50rem !important; } .u-mrx50 { margin-right: 50rem !important; } .u-mbx50 { margin-bottom: 50rem !important; } .u-mlx50 { margin-left: 50rem !important; } .u-px50 { padding: 50rem !important; } .u-ptx50 { padding-top: 50rem !important; } .u-prx50 { padding-right: 50rem !important; } .u-pbx50 { padding-bottom: 50rem !important; } .u-plx50 { padding-left: 50rem !important; } .u-mx49 { margin: 49rem !important; } .u-mtx49 { margin-top: 49rem !important; } .u-mrx49 { margin-right: 49rem !important; } .u-mbx49 { margin-bottom: 49rem !important; } .u-mlx49 { margin-left: 49rem !important; } .u-px49 { padding: 49rem !important; } .u-ptx49 { padding-top: 49rem !important; } .u-prx49 { padding-right: 49rem !important; } .u-pbx49 { padding-bottom: 49rem !important; } .u-plx49 { padding-left: 49rem !important; } .u-mx48 { margin: 48rem !important; } .u-mtx48 { margin-top: 48rem !important; } .u-mrx48 { margin-right: 48rem !important; } .u-mbx48 { margin-bottom: 48rem !important; } .u-mlx48 { margin-left: 48rem !important; } .u-px48 { padding: 48rem !important; } .u-ptx48 { padding-top: 48rem !important; } .u-prx48 { padding-right: 48rem !important; } .u-pbx48 { padding-bottom: 48rem !important; } .u-plx48 { padding-left: 48rem !important; } .u-mx47 { margin: 47rem !important; } .u-mtx47 { margin-top: 47rem !important; } .u-mrx47 { margin-right: 47rem !important; } .u-mbx47 { margin-bottom: 47rem !important; } .u-mlx47 { margin-left: 47rem !important; } .u-px47 { padding: 47rem !important; } .u-ptx47 { padding-top: 47rem !important; } .u-prx47 { padding-right: 47rem !important; } .u-pbx47 { padding-bottom: 47rem !important; } .u-plx47 { padding-left: 47rem !important; } .u-mx46 { margin: 46rem !important; } .u-mtx46 { margin-top: 46rem !important; } .u-mrx46 { margin-right: 46rem !important; } .u-mbx46 { margin-bottom: 46rem !important; } .u-mlx46 { margin-left: 46rem !important; } .u-px46 { padding: 46rem !important; } .u-ptx46 { padding-top: 46rem !important; } .u-prx46 { padding-right: 46rem !important; } .u-pbx46 { padding-bottom: 46rem !important; } .u-plx46 { padding-left: 46rem !important; } .u-mx45 { margin: 45rem !important; } .u-mtx45 { margin-top: 45rem !important; } .u-mrx45 { margin-right: 45rem !important; } .u-mbx45 { margin-bottom: 45rem !important; } .u-mlx45 { margin-left: 45rem !important; } .u-px45 { padding: 45rem !important; } .u-ptx45 { padding-top: 45rem !important; } .u-prx45 { padding-right: 45rem !important; } .u-pbx45 { padding-bottom: 45rem !important; } .u-plx45 { padding-left: 45rem !important; } .u-mx44 { margin: 44rem !important; } .u-mtx44 { margin-top: 44rem !important; } .u-mrx44 { margin-right: 44rem !important; } .u-mbx44 { margin-bottom: 44rem !important; } .u-mlx44 { margin-left: 44rem !important; } .u-px44 { padding: 44rem !important; } .u-ptx44 { padding-top: 44rem !important; } .u-prx44 { padding-right: 44rem !important; } .u-pbx44 { padding-bottom: 44rem !important; } .u-plx44 { padding-left: 44rem !important; } .u-mx43 { margin: 43rem !important; } .u-mtx43 { margin-top: 43rem !important; } .u-mrx43 { margin-right: 43rem !important; } .u-mbx43 { margin-bottom: 43rem !important; } .u-mlx43 { margin-left: 43rem !important; } .u-px43 { padding: 43rem !important; } .u-ptx43 { padding-top: 43rem !important; } .u-prx43 { padding-right: 43rem !important; } .u-pbx43 { padding-bottom: 43rem !important; } .u-plx43 { padding-left: 43rem !important; } .u-mx42 { margin: 42rem !important; } .u-mtx42 { margin-top: 42rem !important; } .u-mrx42 { margin-right: 42rem !important; } .u-mbx42 { margin-bottom: 42rem !important; } .u-mlx42 { margin-left: 42rem !important; } .u-px42 { padding: 42rem !important; } .u-ptx42 { padding-top: 42rem !important; } .u-prx42 { padding-right: 42rem !important; } .u-pbx42 { padding-bottom: 42rem !important; } .u-plx42 { padding-left: 42rem !important; } .u-mx41 { margin: 41rem !important; } .u-mtx41 { margin-top: 41rem !important; } .u-mrx41 { margin-right: 41rem !important; } .u-mbx41 { margin-bottom: 41rem !important; } .u-mlx41 { margin-left: 41rem !important; } .u-px41 { padding: 41rem !important; } .u-ptx41 { padding-top: 41rem !important; } .u-prx41 { padding-right: 41rem !important; } .u-pbx41 { padding-bottom: 41rem !important; } .u-plx41 { padding-left: 41rem !important; } .u-mx40 { margin: 40rem !important; } .u-mtx40 { margin-top: 40rem !important; } .u-mrx40 { margin-right: 40rem !important; } .u-mbx40 { margin-bottom: 40rem !important; } .u-mlx40 { margin-left: 40rem !important; } .u-px40 { padding: 40rem !important; } .u-ptx40 { padding-top: 40rem !important; } .u-prx40 { padding-right: 40rem !important; } .u-pbx40 { padding-bottom: 40rem !important; } .u-plx40 { padding-left: 40rem !important; } .u-mx39 { margin: 39rem !important; } .u-mtx39 { margin-top: 39rem !important; } .u-mrx39 { margin-right: 39rem !important; } .u-mbx39 { margin-bottom: 39rem !important; } .u-mlx39 { margin-left: 39rem !important; } .u-px39 { padding: 39rem !important; } .u-ptx39 { padding-top: 39rem !important; } .u-prx39 { padding-right: 39rem !important; } .u-pbx39 { padding-bottom: 39rem !important; } .u-plx39 { padding-left: 39rem !important; } .u-mx38 { margin: 38rem !important; } .u-mtx38 { margin-top: 38rem !important; } .u-mrx38 { margin-right: 38rem !important; } .u-mbx38 { margin-bottom: 38rem !important; } .u-mlx38 { margin-left: 38rem !important; } .u-px38 { padding: 38rem !important; } .u-ptx38 { padding-top: 38rem !important; } .u-prx38 { padding-right: 38rem !important; } .u-pbx38 { padding-bottom: 38rem !important; } .u-plx38 { padding-left: 38rem !important; } .u-mx37 { margin: 37rem !important; } .u-mtx37 { margin-top: 37rem !important; } .u-mrx37 { margin-right: 37rem !important; } .u-mbx37 { margin-bottom: 37rem !important; } .u-mlx37 { margin-left: 37rem !important; } .u-px37 { padding: 37rem !important; } .u-ptx37 { padding-top: 37rem !important; } .u-prx37 { padding-right: 37rem !important; } .u-pbx37 { padding-bottom: 37rem !important; } .u-plx37 { padding-left: 37rem !important; } .u-mx36 { margin: 36rem !important; } .u-mtx36 { margin-top: 36rem !important; } .u-mrx36 { margin-right: 36rem !important; } .u-mbx36 { margin-bottom: 36rem !important; } .u-mlx36 { margin-left: 36rem !important; } .u-px36 { padding: 36rem !important; } .u-ptx36 { padding-top: 36rem !important; } .u-prx36 { padding-right: 36rem !important; } .u-pbx36 { padding-bottom: 36rem !important; } .u-plx36 { padding-left: 36rem !important; } .u-mx35 { margin: 35rem !important; } .u-mtx35 { margin-top: 35rem !important; } .u-mrx35 { margin-right: 35rem !important; } .u-mbx35 { margin-bottom: 35rem !important; } .u-mlx35 { margin-left: 35rem !important; } .u-px35 { padding: 35rem !important; } .u-ptx35 { padding-top: 35rem !important; } .u-prx35 { padding-right: 35rem !important; } .u-pbx35 { padding-bottom: 35rem !important; } .u-plx35 { padding-left: 35rem !important; } .u-mx34 { margin: 34rem !important; } .u-mtx34 { margin-top: 34rem !important; } .u-mrx34 { margin-right: 34rem !important; } .u-mbx34 { margin-bottom: 34rem !important; } .u-mlx34 { margin-left: 34rem !important; } .u-px34 { padding: 34rem !important; } .u-ptx34 { padding-top: 34rem !important; } .u-prx34 { padding-right: 34rem !important; } .u-pbx34 { padding-bottom: 34rem !important; } .u-plx34 { padding-left: 34rem !important; } .u-mx33 { margin: 33rem !important; } .u-mtx33 { margin-top: 33rem !important; } .u-mrx33 { margin-right: 33rem !important; } .u-mbx33 { margin-bottom: 33rem !important; } .u-mlx33 { margin-left: 33rem !important; } .u-px33 { padding: 33rem !important; } .u-ptx33 { padding-top: 33rem !important; } .u-prx33 { padding-right: 33rem !important; } .u-pbx33 { padding-bottom: 33rem !important; } .u-plx33 { padding-left: 33rem !important; } .u-mx32 { margin: 32rem !important; } .u-mtx32 { margin-top: 32rem !important; } .u-mrx32 { margin-right: 32rem !important; } .u-mbx32 { margin-bottom: 32rem !important; } .u-mlx32 { margin-left: 32rem !important; } .u-px32 { padding: 32rem !important; } .u-ptx32 { padding-top: 32rem !important; } .u-prx32 { padding-right: 32rem !important; } .u-pbx32 { padding-bottom: 32rem !important; } .u-plx32 { padding-left: 32rem !important; } .u-mx31 { margin: 31rem !important; } .u-mtx31 { margin-top: 31rem !important; } .u-mrx31 { margin-right: 31rem !important; } .u-mbx31 { margin-bottom: 31rem !important; } .u-mlx31 { margin-left: 31rem !important; } .u-px31 { padding: 31rem !important; } .u-ptx31 { padding-top: 31rem !important; } .u-prx31 { padding-right: 31rem !important; } .u-pbx31 { padding-bottom: 31rem !important; } .u-plx31 { padding-left: 31rem !important; } .u-mx30 { margin: 30rem !important; } .u-mtx30 { margin-top: 30rem !important; } .u-mrx30 { margin-right: 30rem !important; } .u-mbx30 { margin-bottom: 30rem !important; } .u-mlx30 { margin-left: 30rem !important; } .u-px30 { padding: 30rem !important; } .u-ptx30 { padding-top: 30rem !important; } .u-prx30 { padding-right: 30rem !important; } .u-pbx30 { padding-bottom: 30rem !important; } .u-plx30 { padding-left: 30rem !important; } .u-mx29 { margin: 29rem !important; } .u-mtx29 { margin-top: 29rem !important; } .u-mrx29 { margin-right: 29rem !important; } .u-mbx29 { margin-bottom: 29rem !important; } .u-mlx29 { margin-left: 29rem !important; } .u-px29 { padding: 29rem !important; } .u-ptx29 { padding-top: 29rem !important; } .u-prx29 { padding-right: 29rem !important; } .u-pbx29 { padding-bottom: 29rem !important; } .u-plx29 { padding-left: 29rem !important; } .u-mx28 { margin: 28rem !important; } .u-mtx28 { margin-top: 28rem !important; } .u-mrx28 { margin-right: 28rem !important; } .u-mbx28 { margin-bottom: 28rem !important; } .u-mlx28 { margin-left: 28rem !important; } .u-px28 { padding: 28rem !important; } .u-ptx28 { padding-top: 28rem !important; } .u-prx28 { padding-right: 28rem !important; } .u-pbx28 { padding-bottom: 28rem !important; } .u-plx28 { padding-left: 28rem !important; } .u-mx27 { margin: 27rem !important; } .u-mtx27 { margin-top: 27rem !important; } .u-mrx27 { margin-right: 27rem !important; } .u-mbx27 { margin-bottom: 27rem !important; } .u-mlx27 { margin-left: 27rem !important; } .u-px27 { padding: 27rem !important; } .u-ptx27 { padding-top: 27rem !important; } .u-prx27 { padding-right: 27rem !important; } .u-pbx27 { padding-bottom: 27rem !important; } .u-plx27 { padding-left: 27rem !important; } .u-mx26 { margin: 26rem !important; } .u-mtx26 { margin-top: 26rem !important; } .u-mrx26 { margin-right: 26rem !important; } .u-mbx26 { margin-bottom: 26rem !important; } .u-mlx26 { margin-left: 26rem !important; } .u-px26 { padding: 26rem !important; } .u-ptx26 { padding-top: 26rem !important; } .u-prx26 { padding-right: 26rem !important; } .u-pbx26 { padding-bottom: 26rem !important; } .u-plx26 { padding-left: 26rem !important; } .u-mx25 { margin: 25rem !important; } .u-mtx25 { margin-top: 25rem !important; } .u-mrx25 { margin-right: 25rem !important; } .u-mbx25 { margin-bottom: 25rem !important; } .u-mlx25 { margin-left: 25rem !important; } .u-px25 { padding: 25rem !important; } .u-ptx25 { padding-top: 25rem !important; } .u-prx25 { padding-right: 25rem !important; } .u-pbx25 { padding-bottom: 25rem !important; } .u-plx25 { padding-left: 25rem !important; } .u-mx24 { margin: 24rem !important; } .u-mtx24 { margin-top: 24rem !important; } .u-mrx24 { margin-right: 24rem !important; } .u-mbx24 { margin-bottom: 24rem !important; } .u-mlx24 { margin-left: 24rem !important; } .u-px24 { padding: 24rem !important; } .u-ptx24 { padding-top: 24rem !important; } .u-prx24 { padding-right: 24rem !important; } .u-pbx24 { padding-bottom: 24rem !important; } .u-plx24 { padding-left: 24rem !important; } .u-mx23 { margin: 23rem !important; } .u-mtx23 { margin-top: 23rem !important; } .u-mrx23 { margin-right: 23rem !important; } .u-mbx23 { margin-bottom: 23rem !important; } .u-mlx23 { margin-left: 23rem !important; } .u-px23 { padding: 23rem !important; } .u-ptx23 { padding-top: 23rem !important; } .u-prx23 { padding-right: 23rem !important; } .u-pbx23 { padding-bottom: 23rem !important; } .u-plx23 { padding-left: 23rem !important; } .u-mx22 { margin: 22rem !important; } .u-mtx22 { margin-top: 22rem !important; } .u-mrx22 { margin-right: 22rem !important; } .u-mbx22 { margin-bottom: 22rem !important; } .u-mlx22 { margin-left: 22rem !important; } .u-px22 { padding: 22rem !important; } .u-ptx22 { padding-top: 22rem !important; } .u-prx22 { padding-right: 22rem !important; } .u-pbx22 { padding-bottom: 22rem !important; } .u-plx22 { padding-left: 22rem !important; } .u-mx21 { margin: 21rem !important; } .u-mtx21 { margin-top: 21rem !important; } .u-mrx21 { margin-right: 21rem !important; } .u-mbx21 { margin-bottom: 21rem !important; } .u-mlx21 { margin-left: 21rem !important; } .u-px21 { padding: 21rem !important; } .u-ptx21 { padding-top: 21rem !important; } .u-prx21 { padding-right: 21rem !important; } .u-pbx21 { padding-bottom: 21rem !important; } .u-plx21 { padding-left: 21rem !important; } .u-mx20 { margin: 20rem !important; } .u-mtx20 { margin-top: 20rem !important; } .u-mrx20 { margin-right: 20rem !important; } .u-mbx20 { margin-bottom: 20rem !important; } .u-mlx20 { margin-left: 20rem !important; } .u-px20 { padding: 20rem !important; } .u-ptx20 { padding-top: 20rem !important; } .u-prx20 { padding-right: 20rem !important; } .u-pbx20 { padding-bottom: 20rem !important; } .u-plx20 { padding-left: 20rem !important; } .u-mx19 { margin: 19rem !important; } .u-mtx19 { margin-top: 19rem !important; } .u-mrx19 { margin-right: 19rem !important; } .u-mbx19 { margin-bottom: 19rem !important; } .u-mlx19 { margin-left: 19rem !important; } .u-px19 { padding: 19rem !important; } .u-ptx19 { padding-top: 19rem !important; } .u-prx19 { padding-right: 19rem !important; } .u-pbx19 { padding-bottom: 19rem !important; } .u-plx19 { padding-left: 19rem !important; } .u-mx18 { margin: 18rem !important; } .u-mtx18 { margin-top: 18rem !important; } .u-mrx18 { margin-right: 18rem !important; } .u-mbx18 { margin-bottom: 18rem !important; } .u-mlx18 { margin-left: 18rem !important; } .u-px18 { padding: 18rem !important; } .u-ptx18 { padding-top: 18rem !important; } .u-prx18 { padding-right: 18rem !important; } .u-pbx18 { padding-bottom: 18rem !important; } .u-plx18 { padding-left: 18rem !important; } .u-mx17 { margin: 17rem !important; } .u-mtx17 { margin-top: 17rem !important; } .u-mrx17 { margin-right: 17rem !important; } .u-mbx17 { margin-bottom: 17rem !important; } .u-mlx17 { margin-left: 17rem !important; } .u-px17 { padding: 17rem !important; } .u-ptx17 { padding-top: 17rem !important; } .u-prx17 { padding-right: 17rem !important; } .u-pbx17 { padding-bottom: 17rem !important; } .u-plx17 { padding-left: 17rem !important; } .u-mx16 { margin: 16rem !important; } .u-mtx16 { margin-top: 16rem !important; } .u-mrx16 { margin-right: 16rem !important; } .u-mbx16 { margin-bottom: 16rem !important; } .u-mlx16 { margin-left: 16rem !important; } .u-px16 { padding: 16rem !important; } .u-ptx16 { padding-top: 16rem !important; } .u-prx16 { padding-right: 16rem !important; } .u-pbx16 { padding-bottom: 16rem !important; } .u-plx16 { padding-left: 16rem !important; } .u-mx15 { margin: 15rem !important; } .u-mtx15 { margin-top: 15rem !important; } .u-mrx15 { margin-right: 15rem !important; } .u-mbx15 { margin-bottom: 15rem !important; } .u-mlx15 { margin-left: 15rem !important; } .u-px15 { padding: 15rem !important; } .u-ptx15 { padding-top: 15rem !important; } .u-prx15 { padding-right: 15rem !important; } .u-pbx15 { padding-bottom: 15rem !important; } .u-plx15 { padding-left: 15rem !important; } .u-mx14 { margin: 14rem !important; } .u-mtx14 { margin-top: 14rem !important; } .u-mrx14 { margin-right: 14rem !important; } .u-mbx14 { margin-bottom: 14rem !important; } .u-mlx14 { margin-left: 14rem !important; } .u-px14 { padding: 14rem !important; } .u-ptx14 { padding-top: 14rem !important; } .u-prx14 { padding-right: 14rem !important; } .u-pbx14 { padding-bottom: 14rem !important; } .u-plx14 { padding-left: 14rem !important; } .u-mx13 { margin: 13rem !important; } .u-mtx13 { margin-top: 13rem !important; } .u-mrx13 { margin-right: 13rem !important; } .u-mbx13 { margin-bottom: 13rem !important; } .u-mlx13 { margin-left: 13rem !important; } .u-px13 { padding: 13rem !important; } .u-ptx13 { padding-top: 13rem !important; } .u-prx13 { padding-right: 13rem !important; } .u-pbx13 { padding-bottom: 13rem !important; } .u-plx13 { padding-left: 13rem !important; } .u-mx12 { margin: 12rem !important; } .u-mtx12 { margin-top: 12rem !important; } .u-mrx12 { margin-right: 12rem !important; } .u-mbx12 { margin-bottom: 12rem !important; } .u-mlx12 { margin-left: 12rem !important; } .u-px12 { padding: 12rem !important; } .u-ptx12 { padding-top: 12rem !important; } .u-prx12 { padding-right: 12rem !important; } .u-pbx12 { padding-bottom: 12rem !important; } .u-plx12 { padding-left: 12rem !important; } .u-mx11 { margin: 11rem !important; } .u-mtx11 { margin-top: 11rem !important; } .u-mrx11 { margin-right: 11rem !important; } .u-mbx11 { margin-bottom: 11rem !important; } .u-mlx11 { margin-left: 11rem !important; } .u-px11 { padding: 11rem !important; } .u-ptx11 { padding-top: 11rem !important; } .u-prx11 { padding-right: 11rem !important; } .u-pbx11 { padding-bottom: 11rem !important; } .u-plx11 { padding-left: 11rem !important; } .u-mx10 { margin: 10rem !important; } .u-mtx10 { margin-top: 10rem !important; } .u-mrx10 { margin-right: 10rem !important; } .u-mbx10 { margin-bottom: 10rem !important; } .u-mlx10 { margin-left: 10rem !important; } .u-px10 { padding: 10rem !important; } .u-ptx10 { padding-top: 10rem !important; } .u-prx10 { padding-right: 10rem !important; } .u-pbx10 { padding-bottom: 10rem !important; } .u-plx10 { padding-left: 10rem !important; } .u-mx9 { margin: 9rem !important; } .u-mtx9 { margin-top: 9rem !important; } .u-mrx9 { margin-right: 9rem !important; } .u-mbx9 { margin-bottom: 9rem !important; } .u-mlx9 { margin-left: 9rem !important; } .u-px9 { padding: 9rem !important; } .u-ptx9 { padding-top: 9rem !important; } .u-prx9 { padding-right: 9rem !important; } .u-pbx9 { padding-bottom: 9rem !important; } .u-plx9 { padding-left: 9rem !important; } .u-mx8 { margin: 8rem !important; } .u-mtx8 { margin-top: 8rem !important; } .u-mrx8 { margin-right: 8rem !important; } .u-mbx8 { margin-bottom: 8rem !important; } .u-mlx8 { margin-left: 8rem !important; } .u-px8 { padding: 8rem !important; } .u-ptx8 { padding-top: 8rem !important; } .u-prx8 { padding-right: 8rem !important; } .u-pbx8 { padding-bottom: 8rem !important; } .u-plx8 { padding-left: 8rem !important; } .u-mx7 { margin: 7rem !important; } .u-mtx7 { margin-top: 7rem !important; } .u-mrx7 { margin-right: 7rem !important; } .u-mbx7 { margin-bottom: 7rem !important; } .u-mlx7 { margin-left: 7rem !important; } .u-px7 { padding: 7rem !important; } .u-ptx7 { padding-top: 7rem !important; } .u-prx7 { padding-right: 7rem !important; } .u-pbx7 { padding-bottom: 7rem !important; } .u-plx7 { padding-left: 7rem !important; } .u-mx6 { margin: 6rem !important; } .u-mtx6 { margin-top: 6rem !important; } .u-mrx6 { margin-right: 6rem !important; } .u-mbx6 { margin-bottom: 6rem !important; } .u-mlx6 { margin-left: 6rem !important; } .u-px6 { padding: 6rem !important; } .u-ptx6 { padding-top: 6rem !important; } .u-prx6 { padding-right: 6rem !important; } .u-pbx6 { padding-bottom: 6rem !important; } .u-plx6 { padding-left: 6rem !important; } .u-mx5 { margin: 5rem !important; } .u-mtx5 { margin-top: 5rem !important; } .u-mrx5 { margin-right: 5rem !important; } .u-mbx5 { margin-bottom: 5rem !important; } .u-mlx5 { margin-left: 5rem !important; } .u-px5 { padding: 5rem !important; } .u-ptx5 { padding-top: 5rem !important; } .u-prx5 { padding-right: 5rem !important; } .u-pbx5 { padding-bottom: 5rem !important; } .u-plx5 { padding-left: 5rem !important; } .u-mx4 { margin: 4rem !important; } .u-mtx4 { margin-top: 4rem !important; } .u-mrx4 { margin-right: 4rem !important; } .u-mbx4 { margin-bottom: 4rem !important; } .u-mlx4 { margin-left: 4rem !important; } .u-px4 { padding: 4rem !important; } .u-ptx4 { padding-top: 4rem !important; } .u-prx4 { padding-right: 4rem !important; } .u-pbx4 { padding-bottom: 4rem !important; } .u-plx4 { padding-left: 4rem !important; } .u-mx3 { margin: 3rem !important; } .u-mtx3 { margin-top: 3rem !important; } .u-mrx3 { margin-right: 3rem !important; } .u-mbx3 { margin-bottom: 3rem !important; } .u-mlx3 { margin-left: 3rem !important; } .u-px3 { padding: 3rem !important; } .u-ptx3 { padding-top: 3rem !important; } .u-prx3 { padding-right: 3rem !important; } .u-pbx3 { padding-bottom: 3rem !important; } .u-plx3 { padding-left: 3rem !important; } .u-mx2 { margin: 2rem !important; } .u-mtx2 { margin-top: 2rem !important; } .u-mrx2 { margin-right: 2rem !important; } .u-mbx2 { margin-bottom: 2rem !important; } .u-mlx2 { margin-left: 2rem !important; } .u-px2 { padding: 2rem !important; } .u-ptx2 { padding-top: 2rem !important; } .u-prx2 { padding-right: 2rem !important; } .u-pbx2 { padding-bottom: 2rem !important; } .u-plx2 { padding-left: 2rem !important; } .u-mx1 { margin: 1rem !important; } .u-mtx1 { margin-top: 1rem !important; } .u-mrx1 { margin-right: 1rem !important; } .u-mbx1 { margin-bottom: 1rem !important; } .u-mlx1 { margin-left: 1rem !important; } .u-px1 { padding: 1rem !important; } .u-ptx1 { padding-top: 1rem !important; } .u-prx1 { padding-right: 1rem !important; } .u-pbx1 { padding-bottom: 1rem !important; } .u-plx1 { padding-left: 1rem !important; } .u-mx0 { margin: 0rem !important; } .u-mtx0 { margin-top: 0rem !important; } .u-mrx0 { margin-right: 0rem !important; } .u-mbx0 { margin-bottom: 0rem !important; } .u-mlx0 { margin-left: 0rem !important; } .u-px0 { padding: 0rem !important; } .u-ptx0 { padding-top: 0rem !important; } .u-prx0 { padding-right: 0rem !important; } .u-pbx0 { padding-bottom: 0rem !important; } .u-plx0 { padding-left: 0rem !important; } .u-break { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } /* ///////////////////////// //// CSS Structure //// ///////////////////////// • LESS Preprocessor is used • All components are divided into individual LESS files • LESS nesting should be limited to TWO levels • Processed CSS should be minified to reduce file sizes ///////////////////// /////// BEM /////// ///////////////////// • Follow BEM principles as closely as possible c-block__element1__element2--modifier |_____| |______| |______| |______| A B C D A: Block B: Child Element of Block C: Grandchild Element of Block D: Class Modifier (e.g orange) • Try to limit __elements to grandchildren (c-block__element1__element2) otherwise, it may be time to rethink your block structure. (Is the child element actually an element or should it be defined as it's own block?) ///////////////////// /// NAMESPACING /// ///////////////////// l-: Layout; Denotes an item used for the layout structure. Modifying this will affect everything on the website, so proceed with caution. (e.g. editing l-grid will affect every component) c-: Component; Denotes a component. These styles will modify this component only (e.g. editing c-modal will change styles associated only with all modal components active on the website) u-: Utilities; Utility classes are typically used in a singular instance and could potentially contain an "!important" override. Use these sparingly, as too many !important can muddle up css structure. is-, has-: States; A class that defines a state. It's usually added or removed using jquery. Exception: Typography styles (e.g. p, h1, h2, h3, etc.) do not have a namespace. They instead use their tag paired with a class that matches so the text style can be used in other places. Using the tag helps identify which tag style is overwriting the defined tag. */