/* Minification failed. Returning unminified contents. (36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3028,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (3029,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (3030,32): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (3036,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (3036,46): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (3045,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (3067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3142,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (3142,51): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (3181,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (3181,51): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (3206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3281,26): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color' (3281,56): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (3286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5112,16): run-time error CSS1039: Token not allowed after unary operator: '-size' (5116,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5125,21): run-time error CSS1039: Token not allowed after unary operator: '-extra-click-gap' (5126,17): run-time error CSS1039: Token not allowed after unary operator: '-extra-click-gap' */ @charset "UTF-8"; /** * MASTER.SCSS * * @Project : Project Name * @Author : AuthorName [author.name@nvinteractive.com] * */ @viewport { width: device-width; zoom: 1; } /** * 1. SETTINGS */ /** * SETTINGS.ANIMATIONS * * @description : Keyframe animations for this site * */ /** * SETTINGS.BASE * * @description : Key application variables and settings * */ /** * SETTINGS.BREAKPOINTS * * @description : Define major breakpoints * */ :root { /* For access in JavaScript. */ --sm: 480px; --md: 768px; --lg: 1024px; --xl: 1440px; --xxl: 1680px; --wide-header-bp: 1608px; --desktop-design-bp: 768px; --breakpoints: sm md lg xl xxl wide-header-bp desktop-design-bp; } /** * SETTINGS.COLORS * * @description : Color variable definitions * */ /** * Main Colours */ /** * SETTINGS.GRID * * @description : Settings used in grid calculations * */ /** * 2. TOOLS */ /** * TOOLS.FUNCTIONS * * @description : Common functions * */ /** * Strip Unit * @desc : Strips the unit from a value to we can use it for calculations * @source : https://css-tricks.com/snippets/sass/strip-unit-function/ * @param : $num - Number to remove unit from * @return : Unitless value */ /** * REM Calc * @desc : Converts px values to REMs * @param : $val - The value to convert (usually passed in px but unit may be omitted) * @param : $base – Optional parameter, passed if you'd like to calculate with a different base font size * @param : $base-font-size – The default font size (defined in _settings.base.scss) * @return : $rems - rem-converted value */ /** * Decimal-Round * @desc : Rounds a floating point number to the nearest whole number * @param : $number - The number to be rounded. must be unitless. */ /** * Decimal-Floor * @desc : Rounds a floating point number down to the nearest whole number */ /** * Spacer * @desc : Returns a simple multipled value, converted to rem */ /** * TOOLS.MIXIN.HEADING-SCALE * * @description : Generates heading sizes, their line heights and bottom margins from the base font size and a multiplier * Reuseable classes are also generated * */ /** * TOOLS.MIXIN.PLACEHOLDER * * @description : Sets all the vendor-prefixed placeholder blocks in one place. * */ /** * TOOLS.MIXIN.POSITION * * @description : Sets top, right, bottom and left values for an element * @note: Pass 'null' as an argument to ensure that value isn't set * */ /** * TOOLS.MIXIN.CLEARFIX * * @description : Force an element to self-clear floated children * */ /** * TOOLS.MIXIN.BASELINE_GRID * * @description : Adds a baseline grid for setting type. * Used in development only. * */ /** * @param $spacing Set the desired line height of the grid. Defaults to 20px */ /** * TOOLS.MIXIN.VISUALLY-HIDDEN * * @description : Sets top, right, bottom and left values for an element * @note: Pass 'null' as an argument to ensure that value isn't set * */ /** * 3. GENERIC */ /** * GENERIC.RESET * * @description : Include your desired reset here. * Default is Eric Meyer's reset * */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } figure { margin: 0; padding: 0; } /** * GENERIC.BOXSIZING * * @description : Sets global box-sizing * @reference : https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ * */ html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } /** * 4. ELEMENTS * Basic styles for raw HTML elements * No classes here */ /** * ELEMENTS.BASE * * @description : Base element styles * */ html { height: 100%; background: #ffffff; } body { min-height: 100%; } body.dev_type { background-image: linear-gradient(to bottom, #0ff 0, rgba(255, 255, 255, 0) 1px); background-repeat: repeat-y; background-size: 100% 24px; } hr { border: 0; border-top: 1px solid rgba(51, 51, 51, 0.2); margin: 3em 0; } /** * ELEMENTS.DISABLED * * @description : Default styles for disabled elements * */ .disabled, *:disabled, [disabled] { cursor: default; opacity: 0.5; pointer-events: none; } /** * ELEMENTS.FORMS * * @description : Core form styles * */ form { width: 100%; } label { display: inline-block; } label.aligned { padding: 1em 0; border-top: 1px solid transparent; } [type='text'], [type='email'], [type='password'], [type='tel'], [type='search'], [type='url'], textarea { border: 1px solid #333; border-radius: 0; display: inline-block; font-size: inherit; padding: 1em 1.5em; width: 100%; } :focus[type='text'], :focus[type='email'], :focus[type='password'], :focus[type='tel'], :focus[type='search'], :focus[type='url'], textarea:focus { border-color: #333; outline: none; } [type='text']::placeholder, [type='email']::placeholder, [type='password']::placeholder, [type='tel']::placeholder, [type='search']::placeholder, [type='url']::placeholder, textarea::placeholder { color: rgba(51, 51, 51, 0.5); } textarea { min-height: 10em; resize: vertical; } [type='submit'], button { appearance: none; border-radius: 0; border: 0; display: inline-block; padding: 0; } /** * ELEMENTS.HIDDEN * * @description : Default styles for hidden elements * */ [hidden] { display: none !important; } /** * ELEMENTS.IMAGES * * @description : Basic image styles * */ /** * Set images for responsive sizing */ img, svg { display: block; max-width: 100%; height: auto; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } [onload*='markAsLoaded'] { opacity: 0; } [onload*='markAsLoaded'].is-loaded { animation: fadeIn both 0.4s; opacity: 1; } .no-js [onload*='markAsLoaded'] { opacity: 1 !important; } /** * ELEMENTS.TYPE * * @description : Basic typographical styles * */ body { color: #333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; line-height: 1; } h1, h2, h3, h4, h5, h6 { margin: 0; } /** * Optional: Generate headings using a scale based on the body font size. * Also matching classes using SI prefixes are also generated. Done at the element level to keep specificity low. * See https://www.modularscale.com for common scale multipliers * and https://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/ for more info on using classes for headings * * Use this function to generate heading metrics, or declare them manually below * @include headingScale($base-font-size, 1.25); */ p { margin: 0; } a { text-decoration-skip-ink: auto; text-decoration: none; } /** * 5. OBJECTS * These are repeating visual/structural patterns with no 'design' added * Must be built with classes only */ /** * OBJECTS.CARD-GRID * * @description : * */ .o-card-grid { display: block; } .o-card-grid__list { display: grid; grid-gap: 1.875rem; grid-template-columns: 1fr; } @media (min-width: 768px) { .o-card-grid__list { grid-gap: 2.25rem; grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .o-card-grid__list { grid-gap: 2.5rem; grid-template-columns: repeat(3, 1fr); } } .o-card-grid__item { display: block; } /** * OBJECTS.EXPANDO-GRID * * @description : Grid with expandable content rows. * */ .o-expando-grid { display: flex; flex-flow: column; } .o-expando-grid__grid { display: flex; flex-flow: row wrap; margin: -1.125rem; } .o-expando-grid__grid-item { padding: 1.125rem; width: 100%; } @media (min-width: 480px) { .o-expando-grid__grid-item { width: 50%; } } @media (min-width: 768px) { .o-expando-grid__grid-item { width: 33.333%; } } @media (min-width: 1024px) { .o-expando-grid__grid-item { width: 25%; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(1) { order: 1; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(1) { order: 1; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(1) { order: 1; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(2) { order: 2; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(2) { order: 2; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(2) { order: 2; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(3) { order: 4; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(3) { order: 3; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(3) { order: 3; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(4) { order: 5; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(4) { order: 5; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(4) { order: 4; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(5) { order: 7; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(5) { order: 6; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(5) { order: 6; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(6) { order: 8; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(6) { order: 7; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(6) { order: 7; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(7) { order: 10; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(7) { order: 9; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(7) { order: 8; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(8) { order: 11; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(8) { order: 10; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(8) { order: 9; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(9) { order: 13; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(9) { order: 11; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(9) { order: 11; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(10) { order: 14; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(10) { order: 13; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(10) { order: 12; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(11) { order: 16; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(11) { order: 14; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(11) { order: 13; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(12) { order: 17; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(12) { order: 15; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(12) { order: 14; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(13) { order: 19; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(13) { order: 17; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(13) { order: 16; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(14) { order: 20; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(14) { order: 18; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(14) { order: 17; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(15) { order: 22; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(15) { order: 19; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(15) { order: 18; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(16) { order: 23; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(16) { order: 21; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(16) { order: 19; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(17) { order: 25; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(17) { order: 22; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(17) { order: 21; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(18) { order: 26; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(18) { order: 23; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(18) { order: 22; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(19) { order: 28; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(19) { order: 25; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(19) { order: 23; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(20) { order: 29; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(20) { order: 26; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(20) { order: 24; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(21) { order: 31; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(21) { order: 27; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(21) { order: 26; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(22) { order: 32; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(22) { order: 29; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(22) { order: 27; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(23) { order: 34; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(23) { order: 30; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(23) { order: 28; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(24) { order: 35; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(24) { order: 31; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(24) { order: 29; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(25) { order: 37; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(25) { order: 33; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(25) { order: 31; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(26) { order: 38; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(26) { order: 34; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(26) { order: 32; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(27) { order: 40; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(27) { order: 35; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(27) { order: 33; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(28) { order: 41; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(28) { order: 37; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(28) { order: 34; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(29) { order: 43; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(29) { order: 38; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(29) { order: 36; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(30) { order: 44; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(30) { order: 39; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(30) { order: 37; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(31) { order: 46; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(31) { order: 41; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(31) { order: 38; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(32) { order: 47; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(32) { order: 42; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(32) { order: 39; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(33) { order: 49; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(33) { order: 43; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(33) { order: 41; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(34) { order: 50; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(34) { order: 45; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(34) { order: 42; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(35) { order: 52; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(35) { order: 46; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(35) { order: 43; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(36) { order: 53; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(36) { order: 47; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(36) { order: 44; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(37) { order: 55; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(37) { order: 49; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(37) { order: 46; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(38) { order: 56; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(38) { order: 50; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(38) { order: 47; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(39) { order: 58; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(39) { order: 51; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(39) { order: 48; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(40) { order: 59; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(40) { order: 53; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(40) { order: 49; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(41) { order: 61; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(41) { order: 54; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(41) { order: 51; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(42) { order: 62; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(42) { order: 55; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(42) { order: 52; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(43) { order: 64; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(43) { order: 57; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(43) { order: 53; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(44) { order: 65; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(44) { order: 58; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(44) { order: 54; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(45) { order: 67; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(45) { order: 59; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(45) { order: 56; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(46) { order: 68; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(46) { order: 61; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(46) { order: 57; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(47) { order: 70; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(47) { order: 62; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(47) { order: 58; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(48) { order: 71; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(48) { order: 63; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(48) { order: 59; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(49) { order: 73; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(49) { order: 65; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(49) { order: 61; } } @media (min-width: 480px) { .o-expando-grid__grid-item:nth-of-type(50) { order: 74; } } @media (min-width: 768px) { .o-expando-grid__grid-item:nth-of-type(50) { order: 66; } } @media (min-width: 1024px) { .o-expando-grid__grid-item:nth-of-type(50) { order: 62; } } .o-expando-grid__expando-item { display: block; max-height: 624.9375rem; opacity: 1; pointer-events: all; transition: 0.3s 0.1s opacity, 0s 0.1s max-height, 0s 0.1s margin; width: 100%; } .o-expando-grid__expando-item[hidden] { display: block !important; max-height: 0; opacity: 0; margin: 0 !important; pointer-events: none; transition: 0.1s opacity, 0s 0.1s max-height, 0s 0.1s margin; } .o-expando-grid__expando-item .c-expando-panel { padding-left: 1.125rem; padding-right: 1.125rem; } @media (min-width: 480px) and (max-width: 768px) { .o-expando-grid__expando-item:nth-of-type(2n-1) .c-expando-panel::before { left: 25%; } .o-expando-grid__expando-item:nth-of-type(2n) .c-expando-panel::before { left: 75%; } } @media (min-width: 768px) and (max-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(3n-2) .c-expando-panel::before { left: 16.666%; } .o-expando-grid__expando-item:nth-of-type(3n-1) .c-expando-panel::before { left: 50%; } .o-expando-grid__expando-item:nth-of-type(3n) .c-expando-panel::before { left: 83.333%; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(4n-3) .c-expando-panel::before { left: 12.5%; } .o-expando-grid__expando-item:nth-of-type(4n-2) .c-expando-panel::before { left: 37.5%; } .o-expando-grid__expando-item:nth-of-type(4n-1) .c-expando-panel::before { left: 62.5%; } .o-expando-grid__expando-item:nth-of-type(4n) .c-expando-panel::before { left: 87.5%; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(1) { order: 3; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(1) { order: 4; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(1) { order: 5; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(2) { order: 3; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(2) { order: 4; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(2) { order: 5; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(3) { order: 6; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(3) { order: 4; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(3) { order: 5; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(4) { order: 6; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(4) { order: 8; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(4) { order: 5; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(5) { order: 9; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(5) { order: 8; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(5) { order: 10; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(6) { order: 9; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(6) { order: 8; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(6) { order: 10; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(7) { order: 12; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(7) { order: 12; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(7) { order: 10; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(8) { order: 12; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(8) { order: 12; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(8) { order: 10; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(9) { order: 15; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(9) { order: 12; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(9) { order: 15; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(10) { order: 15; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(10) { order: 16; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(10) { order: 15; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(11) { order: 18; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(11) { order: 16; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(11) { order: 15; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(12) { order: 18; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(12) { order: 16; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(12) { order: 15; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(13) { order: 21; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(13) { order: 20; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(13) { order: 20; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(14) { order: 21; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(14) { order: 20; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(14) { order: 20; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(15) { order: 24; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(15) { order: 20; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(15) { order: 20; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(16) { order: 24; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(16) { order: 24; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(16) { order: 20; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(17) { order: 27; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(17) { order: 24; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(17) { order: 25; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(18) { order: 27; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(18) { order: 24; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(18) { order: 25; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(19) { order: 30; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(19) { order: 28; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(19) { order: 25; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(20) { order: 30; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(20) { order: 28; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(20) { order: 25; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(21) { order: 33; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(21) { order: 28; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(21) { order: 30; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(22) { order: 33; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(22) { order: 32; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(22) { order: 30; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(23) { order: 36; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(23) { order: 32; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(23) { order: 30; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(24) { order: 36; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(24) { order: 32; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(24) { order: 30; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(25) { order: 39; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(25) { order: 36; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(25) { order: 35; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(26) { order: 39; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(26) { order: 36; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(26) { order: 35; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(27) { order: 42; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(27) { order: 36; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(27) { order: 35; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(28) { order: 42; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(28) { order: 40; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(28) { order: 35; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(29) { order: 45; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(29) { order: 40; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(29) { order: 40; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(30) { order: 45; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(30) { order: 40; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(30) { order: 40; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(31) { order: 48; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(31) { order: 44; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(31) { order: 40; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(32) { order: 48; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(32) { order: 44; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(32) { order: 40; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(33) { order: 51; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(33) { order: 44; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(33) { order: 45; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(34) { order: 51; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(34) { order: 48; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(34) { order: 45; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(35) { order: 54; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(35) { order: 48; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(35) { order: 45; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(36) { order: 54; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(36) { order: 48; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(36) { order: 45; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(37) { order: 57; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(37) { order: 52; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(37) { order: 50; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(38) { order: 57; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(38) { order: 52; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(38) { order: 50; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(39) { order: 60; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(39) { order: 52; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(39) { order: 50; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(40) { order: 60; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(40) { order: 56; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(40) { order: 50; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(41) { order: 63; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(41) { order: 56; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(41) { order: 55; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(42) { order: 63; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(42) { order: 56; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(42) { order: 55; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(43) { order: 66; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(43) { order: 60; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(43) { order: 55; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(44) { order: 66; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(44) { order: 60; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(44) { order: 55; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(45) { order: 69; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(45) { order: 60; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(45) { order: 60; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(46) { order: 69; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(46) { order: 64; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(46) { order: 60; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(47) { order: 72; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(47) { order: 64; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(47) { order: 60; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(48) { order: 72; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(48) { order: 64; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(48) { order: 60; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(49) { order: 75; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(49) { order: 68; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(49) { order: 65; } } @media (min-width: 480px) { .o-expando-grid__expando-item:nth-of-type(50) { order: 75; } } @media (min-width: 768px) { .o-expando-grid__expando-item:nth-of-type(50) { order: 68; } } @media (min-width: 1024px) { .o-expando-grid__expando-item:nth-of-type(50) { order: 65; } } /** * OBJECTS.GRID * * @description : The NV Grid * @settings : See /1.settings/_settings.grid.scss * */ /** ------------------------------------------------------- * GRID WIDTH CALCULATOR */ /** * General Styles */ .b { position: relative; max-width: 94rem; margin-left: auto; margin-right: auto; padding-left: 1.375rem; padding-right: 1.375rem; } @media (min-width: 768px) { .b { padding-left: 2rem; padding-right: 2rem; } } .b-s { max-width: 80rem; } /** * Helper classes for non-grid items so they fit nicely within the grid */ .ng-p { padding-left: 2.66667%; padding-right: 2.66667%; } .ng-pr { padding-left: 0; padding-right: 2.66667%; } .ng-pl { padding-left: 2.66667%; padding-right: 0; } .ng-m { margin-left: 2.66667%; margin-right: 2.66667%; } .ng-mr { margin-left: 0; margin-right: 2.66667%; } .ng-ml { margin-left: 2.66667%; margin-right: 0; } /** * The Grid */ .g { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; text-rendering: optimizespeed; display: flex; flex-direction: row; flex-wrap: wrap; } .no-flexbox .g { display: table-cell; float: left; width: 100%; } .g-m { margin: 0 -2.66667%; } /** ------------------------- * GRID ITEMS */ .gi, [class^='gi-'] { display: inline-block; letter-spacing: normal; text-rendering: auto; vertical-align: top; width: 100%; } .gi-p { padding-left: 2.66667%; padding-right: 2.66667%; } .gi-pr { padding-right: 2.66667%; } .gi-pl { padding-left: 2.66667%; } .gi-m { margin-left: 2.66667%; margin-right: 2.66667%; } .gi-ml { margin-left: 2.66667%; } .gi-mr { margin-right: 2.66667%; } .g-c { justify-content: center; } .g-vam { align-items: center; } .g-vam .gi, .g-vam .gi-p, .g-vam .gi-pl, .g-vam .gi-pr { align-self: center; vertical-align: middle; } .g-vab { align-items: flex-end; } .g-vab .gi, .g-vab .gi-p, .g-vab .gi-pl, .g-vab .gi-pr, .gi-b { align-self: flex-end; vertical-align: bottom; } .gi-1 { width: 8.33333%; } .gi-m.gi-1 { width: 3.0%; } .gi-mr.gi-1, .gi-mr.gi-1 { width: 5.66667%; } .gi-in-1 { margin-left: 8.33333%; } .gi-m.gi-in-1, .gi-ml.gi-in-1 { margin-left: 11.0%; } .gi-2 { width: 16.66667%; } .gi-m.gi-2 { width: 11.33333%; } .gi-mr.gi-2, .gi-mr.gi-2 { width: 14.0%; } .gi-in-2 { margin-left: 16.66667%; } .gi-m.gi-in-2, .gi-ml.gi-in-2 { margin-left: 19.33333%; } .gi-3 { width: 25%; } .gi-m.gi-3 { width: 19.66667%; } .gi-mr.gi-3, .gi-mr.gi-3 { width: 22.33333%; } .gi-in-3 { margin-left: 25%; } .gi-m.gi-in-3, .gi-ml.gi-in-3 { margin-left: 27.66667%; } .gi-4 { width: 33.33333%; } .gi-m.gi-4 { width: 28.0%; } .gi-mr.gi-4, .gi-mr.gi-4 { width: 30.66667%; } .gi-in-4 { margin-left: 33.33333%; } .gi-m.gi-in-4, .gi-ml.gi-in-4 { margin-left: 36.0%; } .gi-5 { width: 41.66667%; } .gi-m.gi-5 { width: 36.33333%; } .gi-mr.gi-5, .gi-mr.gi-5 { width: 39.0%; } .gi-in-5 { margin-left: 41.66667%; } .gi-m.gi-in-5, .gi-ml.gi-in-5 { margin-left: 44.33333%; } .gi-6 { width: 50%; } .gi-m.gi-6 { width: 44.66667%; } .gi-mr.gi-6, .gi-mr.gi-6 { width: 47.33333%; } .gi-in-6 { margin-left: 50%; } .gi-m.gi-in-6, .gi-ml.gi-in-6 { margin-left: 52.66667%; } .gi-7 { width: 58.33333%; } .gi-m.gi-7 { width: 53.0%; } .gi-mr.gi-7, .gi-mr.gi-7 { width: 55.66667%; } .gi-in-7 { margin-left: 58.33333%; } .gi-m.gi-in-7, .gi-ml.gi-in-7 { margin-left: 61.0%; } .gi-8 { width: 66.66667%; } .gi-m.gi-8 { width: 61.33333%; } .gi-mr.gi-8, .gi-mr.gi-8 { width: 64.0%; } .gi-in-8 { margin-left: 66.66667%; } .gi-m.gi-in-8, .gi-ml.gi-in-8 { margin-left: 69.33333%; } .gi-9 { width: 75%; } .gi-m.gi-9 { width: 69.66667%; } .gi-mr.gi-9, .gi-mr.gi-9 { width: 72.33333%; } .gi-in-9 { margin-left: 75%; } .gi-m.gi-in-9, .gi-ml.gi-in-9 { margin-left: 77.66667%; } .gi-10 { width: 83.33333%; } .gi-m.gi-10 { width: 78.0%; } .gi-mr.gi-10, .gi-mr.gi-10 { width: 80.66667%; } .gi-in-10 { margin-left: 83.33333%; } .gi-m.gi-in-10, .gi-ml.gi-in-10 { margin-left: 86.0%; } .gi-11 { width: 91.66667%; } .gi-m.gi-11 { width: 86.33333%; } .gi-mr.gi-11, .gi-mr.gi-11 { width: 89.0%; } .gi-in-11 { margin-left: 91.66667%; } .gi-m.gi-in-11, .gi-ml.gi-in-11 { margin-left: 94.33333%; } .gi-12 { width: 100%; } .gi-m.gi-12 { width: 94.66667%; } .gi-mr.gi-12, .gi-mr.gi-12 { width: 97.33333%; } .gi-in-12 { margin-left: 100%; } .gi-m.gi-in-12, .gi-ml.gi-in-12 { margin-left: 102.66667%; } @media (min-width: 480px) { .gi-sm-1 { width: 8.33333%; } .gi-m.gi-sm-1 { width: 3.0%; } .gi-ml.gi-sm-1, .gi-mr.gi-sm-1 { width: 5.66667%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-1 { margin-left: 8.33333%; } .gi-m.gi-sm-in-1, .gi-ml.gi-sm-in-1 { margin-left: 11.0%; } .gi-sm-2 { width: 16.66667%; } .gi-m.gi-sm-2 { width: 11.33333%; } .gi-ml.gi-sm-2, .gi-mr.gi-sm-2 { width: 14.0%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-2 { margin-left: 16.66667%; } .gi-m.gi-sm-in-2, .gi-ml.gi-sm-in-2 { margin-left: 19.33333%; } .gi-sm-3 { width: 25%; } .gi-m.gi-sm-3 { width: 19.66667%; } .gi-ml.gi-sm-3, .gi-mr.gi-sm-3 { width: 22.33333%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-3 { margin-left: 25%; } .gi-m.gi-sm-in-3, .gi-ml.gi-sm-in-3 { margin-left: 27.66667%; } .gi-sm-4 { width: 33.33333%; } .gi-m.gi-sm-4 { width: 28.0%; } .gi-ml.gi-sm-4, .gi-mr.gi-sm-4 { width: 30.66667%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-4 { margin-left: 33.33333%; } .gi-m.gi-sm-in-4, .gi-ml.gi-sm-in-4 { margin-left: 36.0%; } .gi-sm-5 { width: 41.66667%; } .gi-m.gi-sm-5 { width: 36.33333%; } .gi-ml.gi-sm-5, .gi-mr.gi-sm-5 { width: 39.0%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-5 { margin-left: 41.66667%; } .gi-m.gi-sm-in-5, .gi-ml.gi-sm-in-5 { margin-left: 44.33333%; } .gi-sm-6 { width: 50%; } .gi-m.gi-sm-6 { width: 44.66667%; } .gi-ml.gi-sm-6, .gi-mr.gi-sm-6 { width: 47.33333%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-6 { margin-left: 50%; } .gi-m.gi-sm-in-6, .gi-ml.gi-sm-in-6 { margin-left: 52.66667%; } .gi-sm-7 { width: 58.33333%; } .gi-m.gi-sm-7 { width: 53.0%; } .gi-ml.gi-sm-7, .gi-mr.gi-sm-7 { width: 55.66667%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-7 { margin-left: 58.33333%; } .gi-m.gi-sm-in-7, .gi-ml.gi-sm-in-7 { margin-left: 61.0%; } .gi-sm-8 { width: 66.66667%; } .gi-m.gi-sm-8 { width: 61.33333%; } .gi-ml.gi-sm-8, .gi-mr.gi-sm-8 { width: 64.0%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-8 { margin-left: 66.66667%; } .gi-m.gi-sm-in-8, .gi-ml.gi-sm-in-8 { margin-left: 69.33333%; } .gi-sm-9 { width: 75%; } .gi-m.gi-sm-9 { width: 69.66667%; } .gi-ml.gi-sm-9, .gi-mr.gi-sm-9 { width: 72.33333%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-9 { margin-left: 75%; } .gi-m.gi-sm-in-9, .gi-ml.gi-sm-in-9 { margin-left: 77.66667%; } .gi-sm-10 { width: 83.33333%; } .gi-m.gi-sm-10 { width: 78.0%; } .gi-ml.gi-sm-10, .gi-mr.gi-sm-10 { width: 80.66667%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-10 { margin-left: 83.33333%; } .gi-m.gi-sm-in-10, .gi-ml.gi-sm-in-10 { margin-left: 86.0%; } .gi-sm-11 { width: 91.66667%; } .gi-m.gi-sm-11 { width: 86.33333%; } .gi-ml.gi-sm-11, .gi-mr.gi-sm-11 { width: 89.0%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-11 { margin-left: 91.66667%; } .gi-m.gi-sm-in-11, .gi-ml.gi-sm-in-11 { margin-left: 94.33333%; } .gi-sm-12 { width: 100%; } .gi-m.gi-sm-12 { width: 94.66667%; } .gi-ml.gi-sm-12, .gi-mr.gi-sm-12 { width: 97.33333%; } .gi-sm-in-0 { margin-left: 0; } .gi-sm-in-12 { margin-left: 100%; } .gi-m.gi-sm-in-12, .gi-ml.gi-sm-in-12 { margin-left: 102.66667%; } .gi-sm-pr { padding-left: 0; padding-right: 2.66667%; } .gi-sm-pl { padding-left: 2.66667%; padding-right: 0; } } @media (min-width: 768px) { .gi-md-1 { width: 8.33333%; } .gi-m.gi-md-1 { width: 3.0%; } .gi-ml.gi-md-1, .gi-mr.gi-md-1 { width: 5.66667%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-1 { margin-left: 8.33333%; } .gi-m.gi-md-in-1, .gi-ml.gi-md-in-1 { margin-left: 11.0%; } .gi-md-2 { width: 16.66667%; } .gi-m.gi-md-2 { width: 11.33333%; } .gi-ml.gi-md-2, .gi-mr.gi-md-2 { width: 14.0%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-2 { margin-left: 16.66667%; } .gi-m.gi-md-in-2, .gi-ml.gi-md-in-2 { margin-left: 19.33333%; } .gi-md-3 { width: 25%; } .gi-m.gi-md-3 { width: 19.66667%; } .gi-ml.gi-md-3, .gi-mr.gi-md-3 { width: 22.33333%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-3 { margin-left: 25%; } .gi-m.gi-md-in-3, .gi-ml.gi-md-in-3 { margin-left: 27.66667%; } .gi-md-4 { width: 33.33333%; } .gi-m.gi-md-4 { width: 28.0%; } .gi-ml.gi-md-4, .gi-mr.gi-md-4 { width: 30.66667%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-4 { margin-left: 33.33333%; } .gi-m.gi-md-in-4, .gi-ml.gi-md-in-4 { margin-left: 36.0%; } .gi-md-5 { width: 41.66667%; } .gi-m.gi-md-5 { width: 36.33333%; } .gi-ml.gi-md-5, .gi-mr.gi-md-5 { width: 39.0%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-5 { margin-left: 41.66667%; } .gi-m.gi-md-in-5, .gi-ml.gi-md-in-5 { margin-left: 44.33333%; } .gi-md-6 { width: 50%; } .gi-m.gi-md-6 { width: 44.66667%; } .gi-ml.gi-md-6, .gi-mr.gi-md-6 { width: 47.33333%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-6 { margin-left: 50%; } .gi-m.gi-md-in-6, .gi-ml.gi-md-in-6 { margin-left: 52.66667%; } .gi-md-7 { width: 58.33333%; } .gi-m.gi-md-7 { width: 53.0%; } .gi-ml.gi-md-7, .gi-mr.gi-md-7 { width: 55.66667%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-7 { margin-left: 58.33333%; } .gi-m.gi-md-in-7, .gi-ml.gi-md-in-7 { margin-left: 61.0%; } .gi-md-8 { width: 66.66667%; } .gi-m.gi-md-8 { width: 61.33333%; } .gi-ml.gi-md-8, .gi-mr.gi-md-8 { width: 64.0%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-8 { margin-left: 66.66667%; } .gi-m.gi-md-in-8, .gi-ml.gi-md-in-8 { margin-left: 69.33333%; } .gi-md-9 { width: 75%; } .gi-m.gi-md-9 { width: 69.66667%; } .gi-ml.gi-md-9, .gi-mr.gi-md-9 { width: 72.33333%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-9 { margin-left: 75%; } .gi-m.gi-md-in-9, .gi-ml.gi-md-in-9 { margin-left: 77.66667%; } .gi-md-10 { width: 83.33333%; } .gi-m.gi-md-10 { width: 78.0%; } .gi-ml.gi-md-10, .gi-mr.gi-md-10 { width: 80.66667%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-10 { margin-left: 83.33333%; } .gi-m.gi-md-in-10, .gi-ml.gi-md-in-10 { margin-left: 86.0%; } .gi-md-11 { width: 91.66667%; } .gi-m.gi-md-11 { width: 86.33333%; } .gi-ml.gi-md-11, .gi-mr.gi-md-11 { width: 89.0%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-11 { margin-left: 91.66667%; } .gi-m.gi-md-in-11, .gi-ml.gi-md-in-11 { margin-left: 94.33333%; } .gi-md-12 { width: 100%; } .gi-m.gi-md-12 { width: 94.66667%; } .gi-ml.gi-md-12, .gi-mr.gi-md-12 { width: 97.33333%; } .gi-md-in-0 { margin-left: 0; } .gi-md-in-12 { margin-left: 100%; } .gi-m.gi-md-in-12, .gi-ml.gi-md-in-12 { margin-left: 102.66667%; } .gi-md-pr { padding-left: 0; padding-right: 2.66667%; } .gi-md-pl { padding-left: 2.66667%; padding-right: 0; } } @media (min-width: 1024px) { .gi-lg-1 { width: 8.33333%; } .gi-m.gi-lg-1 { width: 3.0%; } .gi-ml.gi-lg-1, .gi-mr.gi-lg-1 { width: 5.66667%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-1 { margin-left: 8.33333%; } .gi-m.gi-lg-in-1, .gi-ml.gi-lg-in-1 { margin-left: 11.0%; } .gi-lg-2 { width: 16.66667%; } .gi-m.gi-lg-2 { width: 11.33333%; } .gi-ml.gi-lg-2, .gi-mr.gi-lg-2 { width: 14.0%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-2 { margin-left: 16.66667%; } .gi-m.gi-lg-in-2, .gi-ml.gi-lg-in-2 { margin-left: 19.33333%; } .gi-lg-3 { width: 25%; } .gi-m.gi-lg-3 { width: 19.66667%; } .gi-ml.gi-lg-3, .gi-mr.gi-lg-3 { width: 22.33333%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-3 { margin-left: 25%; } .gi-m.gi-lg-in-3, .gi-ml.gi-lg-in-3 { margin-left: 27.66667%; } .gi-lg-4 { width: 33.33333%; } .gi-m.gi-lg-4 { width: 28.0%; } .gi-ml.gi-lg-4, .gi-mr.gi-lg-4 { width: 30.66667%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-4 { margin-left: 33.33333%; } .gi-m.gi-lg-in-4, .gi-ml.gi-lg-in-4 { margin-left: 36.0%; } .gi-lg-5 { width: 41.66667%; } .gi-m.gi-lg-5 { width: 36.33333%; } .gi-ml.gi-lg-5, .gi-mr.gi-lg-5 { width: 39.0%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-5 { margin-left: 41.66667%; } .gi-m.gi-lg-in-5, .gi-ml.gi-lg-in-5 { margin-left: 44.33333%; } .gi-lg-6 { width: 50%; } .gi-m.gi-lg-6 { width: 44.66667%; } .gi-ml.gi-lg-6, .gi-mr.gi-lg-6 { width: 47.33333%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-6 { margin-left: 50%; } .gi-m.gi-lg-in-6, .gi-ml.gi-lg-in-6 { margin-left: 52.66667%; } .gi-lg-7 { width: 58.33333%; } .gi-m.gi-lg-7 { width: 53.0%; } .gi-ml.gi-lg-7, .gi-mr.gi-lg-7 { width: 55.66667%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-7 { margin-left: 58.33333%; } .gi-m.gi-lg-in-7, .gi-ml.gi-lg-in-7 { margin-left: 61.0%; } .gi-lg-8 { width: 66.66667%; } .gi-m.gi-lg-8 { width: 61.33333%; } .gi-ml.gi-lg-8, .gi-mr.gi-lg-8 { width: 64.0%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-8 { margin-left: 66.66667%; } .gi-m.gi-lg-in-8, .gi-ml.gi-lg-in-8 { margin-left: 69.33333%; } .gi-lg-9 { width: 75%; } .gi-m.gi-lg-9 { width: 69.66667%; } .gi-ml.gi-lg-9, .gi-mr.gi-lg-9 { width: 72.33333%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-9 { margin-left: 75%; } .gi-m.gi-lg-in-9, .gi-ml.gi-lg-in-9 { margin-left: 77.66667%; } .gi-lg-10 { width: 83.33333%; } .gi-m.gi-lg-10 { width: 78.0%; } .gi-ml.gi-lg-10, .gi-mr.gi-lg-10 { width: 80.66667%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-10 { margin-left: 83.33333%; } .gi-m.gi-lg-in-10, .gi-ml.gi-lg-in-10 { margin-left: 86.0%; } .gi-lg-11 { width: 91.66667%; } .gi-m.gi-lg-11 { width: 86.33333%; } .gi-ml.gi-lg-11, .gi-mr.gi-lg-11 { width: 89.0%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-11 { margin-left: 91.66667%; } .gi-m.gi-lg-in-11, .gi-ml.gi-lg-in-11 { margin-left: 94.33333%; } .gi-lg-12 { width: 100%; } .gi-m.gi-lg-12 { width: 94.66667%; } .gi-ml.gi-lg-12, .gi-mr.gi-lg-12 { width: 97.33333%; } .gi-lg-in-0 { margin-left: 0; } .gi-lg-in-12 { margin-left: 100%; } .gi-m.gi-lg-in-12, .gi-ml.gi-lg-in-12 { margin-left: 102.66667%; } .gi-lg-pr { padding-left: 0; padding-right: 2.66667%; } .gi-lg-pl { padding-left: 2.66667%; padding-right: 0; } } @media (min-width: 1440px) { .gi-xl-1 { width: 8.33333%; } .gi-m.gi-xl-1 { width: 3.0%; } .gi-ml.gi-xl-1, .gi-mr.gi-xl-1 { width: 5.66667%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-1 { margin-left: 8.33333%; } .gi-m.gi-xl-in-1, .gi-ml.gi-xl-in-1 { margin-left: 11.0%; } .gi-xl-2 { width: 16.66667%; } .gi-m.gi-xl-2 { width: 11.33333%; } .gi-ml.gi-xl-2, .gi-mr.gi-xl-2 { width: 14.0%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-2 { margin-left: 16.66667%; } .gi-m.gi-xl-in-2, .gi-ml.gi-xl-in-2 { margin-left: 19.33333%; } .gi-xl-3 { width: 25%; } .gi-m.gi-xl-3 { width: 19.66667%; } .gi-ml.gi-xl-3, .gi-mr.gi-xl-3 { width: 22.33333%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-3 { margin-left: 25%; } .gi-m.gi-xl-in-3, .gi-ml.gi-xl-in-3 { margin-left: 27.66667%; } .gi-xl-4 { width: 33.33333%; } .gi-m.gi-xl-4 { width: 28.0%; } .gi-ml.gi-xl-4, .gi-mr.gi-xl-4 { width: 30.66667%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-4 { margin-left: 33.33333%; } .gi-m.gi-xl-in-4, .gi-ml.gi-xl-in-4 { margin-left: 36.0%; } .gi-xl-5 { width: 41.66667%; } .gi-m.gi-xl-5 { width: 36.33333%; } .gi-ml.gi-xl-5, .gi-mr.gi-xl-5 { width: 39.0%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-5 { margin-left: 41.66667%; } .gi-m.gi-xl-in-5, .gi-ml.gi-xl-in-5 { margin-left: 44.33333%; } .gi-xl-6 { width: 50%; } .gi-m.gi-xl-6 { width: 44.66667%; } .gi-ml.gi-xl-6, .gi-mr.gi-xl-6 { width: 47.33333%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-6 { margin-left: 50%; } .gi-m.gi-xl-in-6, .gi-ml.gi-xl-in-6 { margin-left: 52.66667%; } .gi-xl-7 { width: 58.33333%; } .gi-m.gi-xl-7 { width: 53.0%; } .gi-ml.gi-xl-7, .gi-mr.gi-xl-7 { width: 55.66667%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-7 { margin-left: 58.33333%; } .gi-m.gi-xl-in-7, .gi-ml.gi-xl-in-7 { margin-left: 61.0%; } .gi-xl-8 { width: 66.66667%; } .gi-m.gi-xl-8 { width: 61.33333%; } .gi-ml.gi-xl-8, .gi-mr.gi-xl-8 { width: 64.0%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-8 { margin-left: 66.66667%; } .gi-m.gi-xl-in-8, .gi-ml.gi-xl-in-8 { margin-left: 69.33333%; } .gi-xl-9 { width: 75%; } .gi-m.gi-xl-9 { width: 69.66667%; } .gi-ml.gi-xl-9, .gi-mr.gi-xl-9 { width: 72.33333%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-9 { margin-left: 75%; } .gi-m.gi-xl-in-9, .gi-ml.gi-xl-in-9 { margin-left: 77.66667%; } .gi-xl-10 { width: 83.33333%; } .gi-m.gi-xl-10 { width: 78.0%; } .gi-ml.gi-xl-10, .gi-mr.gi-xl-10 { width: 80.66667%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-10 { margin-left: 83.33333%; } .gi-m.gi-xl-in-10, .gi-ml.gi-xl-in-10 { margin-left: 86.0%; } .gi-xl-11 { width: 91.66667%; } .gi-m.gi-xl-11 { width: 86.33333%; } .gi-ml.gi-xl-11, .gi-mr.gi-xl-11 { width: 89.0%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-11 { margin-left: 91.66667%; } .gi-m.gi-xl-in-11, .gi-ml.gi-xl-in-11 { margin-left: 94.33333%; } .gi-xl-12 { width: 100%; } .gi-m.gi-xl-12 { width: 94.66667%; } .gi-ml.gi-xl-12, .gi-mr.gi-xl-12 { width: 97.33333%; } .gi-xl-in-0 { margin-left: 0; } .gi-xl-in-12 { margin-left: 100%; } .gi-m.gi-xl-in-12, .gi-ml.gi-xl-in-12 { margin-left: 102.66667%; } .gi-xl-pr { padding-left: 0; padding-right: 2.66667%; } .gi-xl-pl { padding-left: 2.66667%; padding-right: 0; } } @media (min-width: 1680px) { .gi-xxl-1 { width: 8.33333%; } .gi-m.gi-xxl-1 { width: 3.0%; } .gi-ml.gi-xxl-1, .gi-mr.gi-xxl-1 { width: 5.66667%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-1 { margin-left: 8.33333%; } .gi-m.gi-xxl-in-1, .gi-ml.gi-xxl-in-1 { margin-left: 11.0%; } .gi-xxl-2 { width: 16.66667%; } .gi-m.gi-xxl-2 { width: 11.33333%; } .gi-ml.gi-xxl-2, .gi-mr.gi-xxl-2 { width: 14.0%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-2 { margin-left: 16.66667%; } .gi-m.gi-xxl-in-2, .gi-ml.gi-xxl-in-2 { margin-left: 19.33333%; } .gi-xxl-3 { width: 25%; } .gi-m.gi-xxl-3 { width: 19.66667%; } .gi-ml.gi-xxl-3, .gi-mr.gi-xxl-3 { width: 22.33333%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-3 { margin-left: 25%; } .gi-m.gi-xxl-in-3, .gi-ml.gi-xxl-in-3 { margin-left: 27.66667%; } .gi-xxl-4 { width: 33.33333%; } .gi-m.gi-xxl-4 { width: 28.0%; } .gi-ml.gi-xxl-4, .gi-mr.gi-xxl-4 { width: 30.66667%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-4 { margin-left: 33.33333%; } .gi-m.gi-xxl-in-4, .gi-ml.gi-xxl-in-4 { margin-left: 36.0%; } .gi-xxl-5 { width: 41.66667%; } .gi-m.gi-xxl-5 { width: 36.33333%; } .gi-ml.gi-xxl-5, .gi-mr.gi-xxl-5 { width: 39.0%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-5 { margin-left: 41.66667%; } .gi-m.gi-xxl-in-5, .gi-ml.gi-xxl-in-5 { margin-left: 44.33333%; } .gi-xxl-6 { width: 50%; } .gi-m.gi-xxl-6 { width: 44.66667%; } .gi-ml.gi-xxl-6, .gi-mr.gi-xxl-6 { width: 47.33333%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-6 { margin-left: 50%; } .gi-m.gi-xxl-in-6, .gi-ml.gi-xxl-in-6 { margin-left: 52.66667%; } .gi-xxl-7 { width: 58.33333%; } .gi-m.gi-xxl-7 { width: 53.0%; } .gi-ml.gi-xxl-7, .gi-mr.gi-xxl-7 { width: 55.66667%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-7 { margin-left: 58.33333%; } .gi-m.gi-xxl-in-7, .gi-ml.gi-xxl-in-7 { margin-left: 61.0%; } .gi-xxl-8 { width: 66.66667%; } .gi-m.gi-xxl-8 { width: 61.33333%; } .gi-ml.gi-xxl-8, .gi-mr.gi-xxl-8 { width: 64.0%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-8 { margin-left: 66.66667%; } .gi-m.gi-xxl-in-8, .gi-ml.gi-xxl-in-8 { margin-left: 69.33333%; } .gi-xxl-9 { width: 75%; } .gi-m.gi-xxl-9 { width: 69.66667%; } .gi-ml.gi-xxl-9, .gi-mr.gi-xxl-9 { width: 72.33333%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-9 { margin-left: 75%; } .gi-m.gi-xxl-in-9, .gi-ml.gi-xxl-in-9 { margin-left: 77.66667%; } .gi-xxl-10 { width: 83.33333%; } .gi-m.gi-xxl-10 { width: 78.0%; } .gi-ml.gi-xxl-10, .gi-mr.gi-xxl-10 { width: 80.66667%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-10 { margin-left: 83.33333%; } .gi-m.gi-xxl-in-10, .gi-ml.gi-xxl-in-10 { margin-left: 86.0%; } .gi-xxl-11 { width: 91.66667%; } .gi-m.gi-xxl-11 { width: 86.33333%; } .gi-ml.gi-xxl-11, .gi-mr.gi-xxl-11 { width: 89.0%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-11 { margin-left: 91.66667%; } .gi-m.gi-xxl-in-11, .gi-ml.gi-xxl-in-11 { margin-left: 94.33333%; } .gi-xxl-12 { width: 100%; } .gi-m.gi-xxl-12 { width: 94.66667%; } .gi-ml.gi-xxl-12, .gi-mr.gi-xxl-12 { width: 97.33333%; } .gi-xxl-in-0 { margin-left: 0; } .gi-xxl-in-12 { margin-left: 100%; } .gi-m.gi-xxl-in-12, .gi-ml.gi-xxl-in-12 { margin-left: 102.66667%; } .gi-xxl-pr { padding-left: 0; padding-right: 2.66667%; } .gi-xxl-pl { padding-left: 2.66667%; padding-right: 0; } } /** * OBJECTS.HERO-CAROUSEL * * @description : * */ .o-hero-carousel { display: block; position: relative; } @media (min-width: 768px) { .o-hero-carousel { border-bottom: 0.3125rem solid #d8d8d8; } } .o-hero-carousel__swiper { z-index: 1; } .o-hero-carousel__nav { text-align: center; } @media (min-width: 480px) { .o-hero-carousel__nav { bottom: 0; left: 0; padding-bottom: 3.75rem; pointer-events: none; position: absolute; right: 0; text-align: right; z-index: 2; } .o-hero-carousel__nav .c-swiper-nav__pagination-button { color: #fff; } } .o-hero-carousel__swiper-nav { margin-top: 2rem; pointer-events: all; } /** * OBJECTS.ICON * * @description : Core layout objects used in addition to the grid * */ .o-icon { display: inline-block; fill: currentColor; height: 1.125rem; width: 1.125rem; } /** * OBJECTS.MAIN-LAYOUT * * @description : Core layout objects used in addition to the grid * */ .o-main-layout :target::before { content: ''; display: block; pointer-events: none; height: 7.25rem; margin: -7.25rem 0 0; } @media (min-width: 480px) { .o-main-layout :target::before { height: 8.125rem; margin: -8.125rem 0 0; } } @media (min-width: 1440px) { .o-main-layout :target::before { height: 8.75rem; margin: -8.75rem 0 0; } } .o-main-layout__alerts-area { position: relative; z-index: 1001; } .menu-is-open .o-main-layout__alerts-area { display: none; } .o-main-layout__header-area { left: 0; position: relative; position: sticky !important; right: 0; top: 0; z-index: 1000; } .o-main-layout__header { height: 4.25rem; position: relative; z-index: 2; } @media (min-width: 480px) { .o-main-layout__header { height: 5.125rem; } } @media (min-width: 1440px) { .o-main-layout__header { height: 5.75rem; } } .o-main-layout__header.c-header--is-overlapping { margin-bottom: -4.25rem; } @media (min-width: 480px) { .o-main-layout__header.c-header--is-overlapping { margin-bottom: -5.125rem; } } @media (min-width: 1440px) { .o-main-layout__header.c-header--is-overlapping { margin-bottom: -5.75rem; } } .o-main-layout__search-panel { display: flex; height: 7.5rem; left: 0; opacity: 1; position: absolute; right: 0; top: 4.25rem; transition: 0.2s transform, 0s opacity; z-index: 1; } @media (min-width: 480px) { .o-main-layout__search-panel { top: 5.125rem; } } @media (min-width: 1440px) { .o-main-layout__search-panel { top: 5.75rem; } } body:not(.is-scrolled) .c-header--is-overlapping ~ .o-main-layout__search-panel { transition: 0.3s opacity, 0s transform; } .o-main-layout__search-panel[hidden] { display: flex !important; opacity: 0; pointer-events: none; transform: translateY(-101%); transition: 0.2s transform, 0s 0.2s opacity; } body:not(.is-scrolled) .c-header--is-overlapping ~ .o-main-layout__search-panel[hidden] { transition: 0.3s opacity, 0s 0.3s transform; } .o-main-layout__mobile-nav { bottom: 0; display: block; opacity: 1; padding-top: 4.25rem; position: fixed; right: 0; top: 0; transition: 0.2s; width: 100%; z-index: 900; } @media (min-width: 480px) { .o-main-layout__mobile-nav { padding-top: 5.125rem; } } @media (min-width: 1440px) { .o-main-layout__mobile-nav { padding-top: 5.75rem; } } .o-main-layout__mobile-nav[hidden] { display: block !important; opacity: 0; transform: translateX(101%); } /** * OBJECTS.MAP-OVERLAY-LAYOUT * * @description : Core layout objects used in addition to the grid * */ .o-map-overlay-layout { position: relative; } .o-map-overlay-layout__map { background: rgba(0, 0, 0, 0.05); height: 80vw; max-height: 37.5rem; overflow: hidden; } .o-map-overlay-layout__map > * { overflow: hidden; } @media (min-width: 1024px) { .o-map-overlay-layout__map { bottom: 0; height: auto; max-height: none; position: absolute !important; right: 0; top: 0; width: 50%; } } /** * OBJECTS.MODULE * * @description : * */ .o-module { position: relative; z-index: 10; } /** * OBJECTS.SIDEBAR-LAYOUT * * @description : Page content with a typical sidebar on the right. * */ .o-sidebar-layout { align-items: flex-start; display: flex; flex-flow: column; } @media (min-width: 1024px) { .o-sidebar-layout { flex-flow: row; } } .o-sidebar-layout__content { flex: 1 1 auto; max-width: 68.75rem; width: 100%; } @media (min-width: 768px) { .o-sidebar-layout__content { width: auto; } } .o-sidebar-layout__sidebar { flex: 0 0 auto; width: 100%; } @media (min-width: 768px) { .o-sidebar-layout__sidebar { margin-left: 0; width: auto; } } @media (min-width: 1024px) { .o-sidebar-layout__sidebar { margin-left: 4.25rem; width: 22.5rem; } } @media (min-width: 1440px) { .o-sidebar-layout__sidebar { margin-left: 5.375rem; width: 25rem; } } @media (min-width: 768px) { .o-sidebar-layout__sidebar--nudged { padding-top: 6rem; } } /** * Swiper 6.8.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 3, 2021 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff ; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px ; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff ; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000 ; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff ; } .swiper-pagination-black { --swiper-pagination-color: #000000 ; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff ; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 ; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; } .swiper-container-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /** * OBJECTS.TILE-GRID * * @description : * */ .o-tile-grid { display: block; } .o-tile-grid__list { align-items: flex-end; display: flex; flex-flow: row wrap; justify-content: center; padding-bottom: 0.0625rem; } .o-tile-grid__item { flex: 1 1 auto; margin-bottom: -0.0625rem; position: relative; z-index: 1; } .o-tile-grid__item:hover { z-index: 2; } @media (min-width: 480px) { .o-tile-grid__item { max-width: 21.875rem; min-width: 15.625rem; } } /** * 6. TYPOGRAPHY * All styles on top of resets that affect typography, including titles, paragraphs, lists, links etc. * Prefer classes where possible */ /** * TYPOGRAPHY.COPY * * @description : Main body copy styles * */ .t-body-copy, .c-checklist__item, .rt-wrap, .rt-wrap table th, .rt-wrap table td { color: #333; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 1rem; line-height: 1.5rem; } @media (min-width: 1024px) { .t-body-copy, .c-checklist__item, .rt-wrap, .rt-wrap table th, .rt-wrap table td { font-size: 1.125rem; line-height: 1.6875rem; } } @media (min-width: 1440px) { .t-body-copy, .c-checklist__item, .rt-wrap, .rt-wrap table th, .rt-wrap table td { font-size: 1.25rem; line-height: 1.875rem; } } .t-label-copy, .c-field__label-tip { color: #5A5A5A; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.375rem; } @media (min-width: 1024px) { .t-label-copy, .c-field__label-tip { font-size: 0.9375rem; line-height: 1.5rem; } } .t-label-copy a, .c-field__label-tip a { color: inherit; text-decoration: underline; } .t-label-copy a:hover, .c-field__label-tip a:hover { text-decoration: underline; } .t-label-copy--lg { font-size: 1rem; line-height: 1.5rem; } @media (min-width: 1024px) { .t-label-copy--lg { font-size: 1.125rem; line-height: 1.6875rem; } } @media (min-width: 1440px) { .t-label-copy--lg { font-size: 1.25rem; line-height: 1.875rem; } } /** * TYPOGRAPHY.DISPLAY * * @description : Display Text * */ /* e.g. .t-display_1 { font-size: rem(120); } .t-display_2 { font-size: rem(90); } .t-display_3 { font-size: rem(60); } */ /** * TYPOGRAPHY.HEADINGS * * @description : Main body level headings styles * */ .t-heading-1 { color: #e58e1a; display: block; font-size: 2.5rem; font-weight: 600; line-height: 3.125rem; } @media (min-width: 1024px) { .t-heading-1 { font-size: 3.375rem; line-height: 3.75rem; } } .t-heading-1--sm { font-size: 2.125rem; line-height: 2.5rem; } @media (min-width: 1024px) { .t-heading-1--sm { font-size: 3.125rem; line-height: 3.75rem; } } .t-heading-2, .rt-wrap h1, .rt-wrap h2 { color: #e58e1a; display: block; font-size: 1.75rem; font-weight: 700; line-height: 2.125rem; } @media (min-width: 1024px) { .t-heading-2, .rt-wrap h1, .rt-wrap h2 { font-size: 2.125rem; line-height: 2.5rem; } } .t-heading-3, .rt-wrap h3 { color: #e58e1a; display: block; font-size: 1.25rem; font-weight: 600; line-height: 1.625rem; } @media (min-width: 768px) { .t-heading-3, .rt-wrap h3 { font-size: 1.375rem; line-height: 1.75rem; } } @media (min-width: 1024px) { .t-heading-3, .rt-wrap h3 { font-size: 1.5rem; line-height: 2rem; } } .t-heading-4, .rt-wrap h4 { color: #333; display: block; font-size: 1rem; font-weight: 700; line-height: 1.625rem; } @media (min-width: 768px) { .t-heading-4, .rt-wrap h4 { font-size: 1.125rem; line-height: 1.75rem; } } @media (min-width: 1024px) { .t-heading-4, .rt-wrap h4 { font-size: 1.25rem; line-height: 1.875rem; } } .t-heading-5 { color: #e58e1a; display: block; font-size: 1.625rem; font-weight: 400; } .t-heading-1 a, .t-heading-2 a, .rt-wrap h1 a, .rt-wrap h2 a, .t-heading-3 a, .rt-wrap h3 a, .t-heading-4 a, .rt-wrap h4 a { color: inherit; text-decoration: none; } .t-heading-1 a:hover, .t-heading-2 a:hover, .rt-wrap h1 a:hover, .rt-wrap h2 a:hover, .t-heading-3 a:hover, .rt-wrap h3 a:hover, .t-heading-4 a:hover, .rt-wrap h4 a:hover { text-decoration: underline; } /** * TYPOGRAPHY.LISTS * * @description : List styles * */ /* e.g. .t-ulist { li { margin-bottom: 1em; } } .t-olist { li { margin-bottom: 1em; } } */ /** * 7. COMPONENTS * A component is a reusable chunk of UI that is clearly designed, as opposed to an object. * Clearly refers to a block of UI: pagination, buttons, modals, icons... etc * You should be able to take a component and paste it anywhere in the app * Must be built with classes only */ /** * COMPONENTS.ACCORDION * * @description : * */ .c-accordion { display: block; } .c-accordion__list { display: block; } .c-accordion__item { border-bottom: 0.0625rem solid #d8d8d8; } .c-accordion__section { padding: 0.5rem 0; } .c-accordion__item:first-child .c-accordion__section { padding-top: 0; } .c-accordion__item-header { align-items: center; display: flex; flex-flow: row; min-height: 4.625rem; overflow: hidden; position: relative; } .c-accordion__toggle-button { background: transparent; box-shadow: inset 0 0 0 0.1875rem rgba(0, 74, 100, 0); color: inherit; cursor: pointer; display: block; font: inherit; height: 100%; left: 0; position: absolute; top: 0; transition: 0.2s; width: 100%; z-index: 2; } .c-accordion__toggle-button:focus { box-shadow: inset 0 0 0 0.1875rem rgba(0, 74, 100, 0.04); } .c-accordion__item-heading { padding-right: 1.5rem; transition: 0.3s; } .c-accordion__toggle-button:hover ~ .c-accordion__item-heading { color: #c96b13; } .c-accordion__icon { color: #e58e1a; display: block !important; flex: 0 0 auto; height: 0.8125rem !important; margin-top: 0.125rem; margin-left: auto; position: relative; transform: scaleY(1); transition: 0.3s; width: 1.25rem !important; } @media (min-width: 768px) { .c-accordion__icon { height: 1.125rem !important; width: 1.75rem !important; } } .c-accordion__toggle-button:hover ~ .c-accordion__icon { color: #c96b13; } .c-accordion__item.is-open .c-accordion__icon { transform: scaleY(-1); } .c-accordion__item-content { display: none; padding: 1.25rem 0 1.875rem 0; } .c-accordion__item.is-open .c-accordion__item-content { display: block; } /** * COMPONENTS.ALERT * * @description : Important notice/alert at top of screen * */ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .c-alert { background: #333; color: #fff; min-height: 4.375rem; padding: 1.25rem 0; } .c-alert__content { align-items: flex-start; display: flex; flex-flow: row; } .c-alert__nav { display: flex; flex-flow: row; flex: 0 0 auto; margin: -0.25rem -1rem; padding-right: 2rem; } .c-alert__prev, .c-alert__next { align-items: center; appearance: none; background: none; border: 0; border-radius: 0.0625rem; color: #e31937; cursor: pointer; display: flex; font: inherit; justify-content: center; margin: 0 0.5rem; outline: 0; padding: 0.25rem 0.5rem; transition: 0.2s; } .c-alert__prev:focus, .c-alert__next:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.16); } .c-alert__prev .o-icon, .c-alert__next .o-icon { display: block; height: 1.875rem; width: 0.875rem; } .c-alert__text-content { animation: fadeIn 0.2s both; flex: 1 1 auto; margin: auto 0; padding-right: 1.25rem; } @media (min-width: 480px) { .c-alert__text-content { padding-right: 2rem; } } .c-alert__heading { font-family: "Source Sans Pro", sans-serif; color: inherit; font-size: 1rem; font-weight: 700; line-height: 1.25rem; } @media (min-width: 768px) { .c-alert__heading { font-size: 1.125rem; line-height: 1.375rem; } } @media (min-width: 1024px) { .c-alert__heading { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 0) and (max-width: 480px) { .c-alert__description { font-size: 0.875rem !important; line-height: 1.125rem !important; } } .c-alert__heading + .c-alert__description { margin-top: 0.25rem; } .c-alert__description p, .c-alert__description ol, .c-alert__description ul { max-width: none !important; } .c-alert__close { align-items: center; appearance: none; background: none; border: 0; border-radius: 0.0625rem; color: #fff; cursor: pointer; display: flex; flex: 0 0 auto; font: inherit; justify-content: center; height: 2.5rem; margin: -0.3125rem; outline: 0; transition: 0.2s; width: 2.5rem; } .c-alert__close:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.16); outline: 0; } .c-alert__close .o-icon { display: block; height: 1.875rem; width: 1.875rem; } /** * COMPONENTS.BREADCRUMBS * * @description : Standard page header block with heading and breadcrumbs * */ .c-breadcrumbs__list { display: flex; flex-flow: row wrap; } .c-breadcrumbs__item { align-items: center; color: #5A5A5A; display: flex; flex-flow: row; font-family: "Source Sans Pro", sans-serif; font-size: 0.875rem; font-weight: 400; white-space: nowrap; } .c-breadcrumbs__item::after { content: '>'; display: inline-block; font-size: 1rem; line-height: 0.875rem; margin: 0 0.75rem; transform: scaleX(0.5); } .c-breadcrumbs__item:last-child { color: #333; } .c-breadcrumbs__item:last-child::after { display: none; } .c-breadcrumbs__item--current { font-weight: 700; } .c-breadcrumbs__link { color: inherit; text-decoration: none; } .c-breadcrumbs__link:hover { text-decoration: underline; } /** * COMPONENTS.CARD-SLIDER * * @description : Swipe left and right between cards * */ .c-card-slider { overflow: hidden; } .c-card-slider__swiper { overflow: visible; } .c-card-slider__swiper:not(.swiper-container-initialized) { display: flex; flex-flow: column; } .c-card-slider__swiper:not(.swiper-container-initialized) .c-card-slider__wrapper { display: flex; flex-direction: row; margin: -1.25rem; } .c-card-slider__swiper:not(.swiper-container-initialized) .c-card-slider__slide { flex: 0 0 auto; padding: 1.25rem; width: 33.333%; } .c-card-slider__scrollbar { background: #d8d8d8; border-radius: 0; height: 0.125rem; } .c-card-slider__scrollbar-drag { background: #5A5A5A; border-radius: 0; } .c-card-slider__swiper-nav { text-align: right; } /** * COMPONENTS.CHECKLIST * * @description : * */ .c-checklist__item { display: flex; flex-flow: row; margin-bottom: 1rem; } .c-checklist__item::before { background: url(/images/check-icon.svg) no-repeat center; background-size: contain; content: ''; display: block; flex: 0 0 auto; height: 1.875rem; margin-right: 1.25rem; width: 1.875rem; } .c-checklist__item:last-child { margin-bottom: 0; } /** * COMPONENTS.CALL-TO-ACTION * * @description : Buttons and button-like links * */ .c-cta, .c-photo-card__cta, .rt-wrap .rt-outlined-orange-button, .rt-wrap .rt-solid-orange-button, .umb-rte.umb-rte .rt-wrap .rt-outlined-orange-button, .umb-rte.umb-rte .rt-wrap .rt-solid-orange-button { align-items: center; appearance: none; background: none; border: 0; box-sizing: border-box; color: #e58e1a; cursor: pointer; display: inline-flex; flex-flow: row; font: inherit; font-size: 1rem; font-weight: 700; justify-content: center; line-height: 1.375rem; outline: 0; padding: 0; position: relative; text-align: center; transition: 0.2s; white-space: nowrap; } .c-cta:focus, .c-photo-card__cta:focus, .rt-wrap .rt-outlined-orange-button:focus, .rt-wrap .rt-solid-orange-button:focus, .umb-rte.umb-rte .rt-wrap .rt-outlined-orange-button:focus, .umb-rte.umb-rte .rt-wrap .rt-solid-orange-button:focus, .c-cta:hover, .c-photo-card__cta:hover, .rt-wrap .rt-outlined-orange-button:hover, .rt-wrap .rt-solid-orange-button:hover, .umb-rte.umb-rte .rt-wrap .rt-outlined-orange-button:hover, .umb-rte.umb-rte .rt-wrap .rt-solid-orange-button:hover { color: #c96b13; text-decoration: none; } .c-cta:focus, .c-photo-card__cta:focus, .rt-wrap .rt-outlined-orange-button:focus, .rt-wrap .rt-solid-orange-button:focus, .umb-rte.umb-rte .rt-wrap .rt-outlined-orange-button:focus, .umb-rte.umb-rte .rt-wrap .rt-solid-orange-button:focus { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); outline: 0; } .c-cta .o-icon, .c-photo-card__cta .o-icon, .rt-wrap .rt-outlined-orange-button .o-icon, .rt-wrap .rt-solid-orange-button .o-icon, .umb-rte.umb-rte .rt-wrap .rt-outlined-orange-button .o-icon, .umb-rte.umb-rte .rt-wrap .rt-solid-orange-button .o-icon { margin-right: 0.5rem; } @keyframes cta--underlined { 0% { transform: scaleX(1); transform-origin: 100% 100%; } 49.9% { transform: scaleX(0); transform-origin: 100% 100%; } 50.1% { transform: scaleX(0); transform-origin: 0 0; } 100% { transform: scaleX(1); transform-origin: 0 0; } } .c-cta--underlined, .c-photo-card__cta { padding: 0 0 0.125rem 0; } .c-cta--underlined::after, .c-photo-card__cta::after { background: currentColor; bottom: 0; content: ''; display: block; height: 0.125rem; left: 0; position: absolute; right: 0; } .c-cta--underlined:hover::after, .c-photo-card__cta:hover::after { animation: 0.4s cta--underlined both; } .c-cta--orange, .c-photo-card__cta { color: #e58e1a; } .c-cta--orange:focus, .c-photo-card__cta:focus, .c-cta--orange:hover, .c-photo-card__cta:hover { color: #c96b13; } .c-cta--solid-orange, .rt-wrap .rt-solid-orange-button, .umb-rte.umb-rte .rt-wrap .rt-solid-orange-button { height: 3.75rem; max-width: 100%; min-width: 16.875rem; padding: 0 2.5rem; width: 100%; background: #e58e1a; color: #fff; } @media (min-width: 480px) { .c-cta--solid-orange, .rt-wrap .rt-solid-orange-button, .umb-rte.umb-rte .rt-wrap .rt-solid-orange-button { width: auto; } } .c-cta--solid-orange::after, .rt-wrap .rt-solid-orange-button::after, .umb-rte.umb-rte .rt-wrap .rt-solid-orange-button::after { content: none; } .c-cta--solid-orange.c-cta--full-width, .rt-wrap .c-cta--full-width.rt-solid-orange-button, .umb-rte.umb-rte .rt-wrap .c-cta--full-width.rt-solid-orange-button { padding-left: 2rem; padding-right: 2rem; width: 100%; } .c-cta--solid-orange:focus, .rt-wrap .rt-solid-orange-button:focus, .umb-rte.umb-rte .rt-wrap .rt-solid-orange-button:focus, .c-cta--solid-orange:hover, .rt-wrap .rt-solid-orange-button:hover, .umb-rte.umb-rte .rt-wrap .rt-solid-orange-button:hover { background: #c96b13; color: #fff; } .c-cta--outlined-orange, .rt-wrap .rt-outlined-orange-button, .umb-rte.umb-rte .rt-wrap .rt-outlined-orange-button { height: 3.75rem; max-width: 100%; min-width: 16.875rem; padding: 0 2.5rem; width: 100%; box-shadow: inset 0 0 0 0.125rem, inset 0 0 0 0.1875rem transparent; color: #e58e1a; } @media (min-width: 480px) { .c-cta--outlined-orange, .rt-wrap .rt-outlined-orange-button, .umb-rte.umb-rte .rt-wrap .rt-outlined-orange-button { width: auto; } } .c-cta--outlined-orange::after, .rt-wrap .rt-outlined-orange-button::after, .umb-rte.umb-rte .rt-wrap .rt-outlined-orange-button::after { content: none; } .c-cta--outlined-orange.c-cta--full-width, .rt-wrap .c-cta--full-width.rt-outlined-orange-button, .umb-rte.umb-rte .rt-wrap .c-cta--full-width.rt-outlined-orange-button { padding-left: 2rem; padding-right: 2rem; width: 100%; } .c-cta--outlined-orange:hover, .rt-wrap .rt-outlined-orange-button:hover, .umb-rte.umb-rte .rt-wrap .rt-outlined-orange-button:hover { box-shadow: inset 0 0 0 0.125rem, inset 0 0 0 0.1875rem; } .c-cta--outlined-orange:focus, .rt-wrap .rt-outlined-orange-button:focus, .umb-rte.umb-rte .rt-wrap .rt-outlined-orange-button:focus { box-shadow: inset 0 0 0 0.125rem, inset 0 0 0 0.1875rem, 0 0 0 2px rgba(0, 74, 100, 0.12); } /** * COMPONENTS.EDITORIAL-PHOTO * * @description : Photo used as content, usually alongside text * */ .c-editorial-photo { display: block; } .c-editorial-photo__wrap { background: #fafafa; padding-top: 75%; position: relative; } .c-editorial-photo--square .c-editorial-photo__wrap { padding-top: 100%; } .c-editorial-photo__image { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } /** * COMPONENTS.EXPANDO-PANEL * * @description : * */ .c-expando-panel { background: #fafafa; padding: 5.125rem 0; position: relative; z-index: 2; } .c-expando-panel::before { border-bottom: 3.125rem solid #fafafa; border-left: 2.5rem solid transparent; border-right: 2.5rem solid transparent; bottom: 100%; content: ''; display: block; left: 50%; margin-bottom: -0.0625rem; position: absolute; transform: translateX(-50%); } .c-expando-panel::after { background: inherit; bottom: 0; content: ''; display: block; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 200vw; z-index: -1; } .c-expando-panel__close { align-items: center; appearance: none; background: none; border: 0; color: #e58e1a; cursor: pointer; display: inline-flex; font: inherit; font-family: "Source Sans Pro", sans-serif; font-size: 1rem; font-weight: 700; outline: 0; padding: 0; position: absolute; right: 1.125rem; top: 1.875rem; transition: 0.2s; } .c-expando-panel__close:focus, .c-expando-panel__close:hover { color: #c96b13; } .c-expando-panel__close:focus { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); } .c-expando-panel__close .o-icon { height: 1.875rem; margin-left: 0.75rem; width: 1.875rem; } @media (min-width: 768px) { .c-expando-panel__close .o-icon { height: 2.5rem; width: 2.5rem; } } /** * COMPONENTS.FIELD * * @description : A classic form field made up of label, control and error message. * */ .c-field { display: block; } .c-field.hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .c-field--horizontal { display: flex; flex-flow: column; } @media (min-width: 1024px) { .c-field--horizontal { align-items: normal; flex-flow: row; } } .c-field__label { display: inline-block; font-size: 1rem; font-weight: 700; line-height: 1.25rem; margin-bottom: 0.75rem; } @media (min-width: 768px) { .c-field__label { font-size: 1.375rem; line-height: 1.625rem; } } @media (min-width: 1024px) { .c-field--horizontal .c-field__label { align-items: center; display: flex; flex: 0 0 auto; flex-flow: row wrap; margin-bottom: 0; width: 17.5rem; max-height: 3rem; padding-right: 2rem; } } .c-field__label--required::after { color: #d00; display: inline-block; content: '*'; font-weight: 400; margin-left: 0.25ch; } .c-field--horizontal .c-field__label--required::after { display: none; } .c-field--horizontal .c-field__label--required .c-field__label-text::after { color: #d00; display: inline-block; content: '*'; font-weight: 400; margin-left: 0.25ch; } .c-field__label-tip { display: block; width: 100%; } @media (min-width: 768px) { .c-field--horizontal .c-field__control-content { align-items: center; display: flex; flex: 1 1 auto; flex-flow: row wrap; } } .c-field .field-validation-error { color: #d00; display: block; margin-top: 0.5rem; width: 100%; } .c-field__control { display: block; } @media (min-width: 768px) { .c-field--horizontal .c-field__control { align-items: center; display: flex; flex: 1 1 auto; flex-flow: row; } } .c-field__textbox, .c-field__date-picker, .c-field__textarea, .c-field__select { appearance: none; background: none; border: 0.0625rem solid #aaa; color: inherit; display: block; font: inherit; font-size: 1.125rem; line-height: 1.5rem; transition: 0.2s; width: 100%; } @media (min-width: 768px) { .c-field__textbox, .c-field__date-picker, .c-field__textarea, .c-field__select { font-size: 1.25rem; line-height: 1.625rem; } } .c-field__textbox:hover, .c-field__date-picker:hover, .c-field__textarea:hover, .c-field__select:hover { border-color: #5A5A5A; } .c-field__textbox.input-validation-error:not(:focus), .c-field__date-picker.input-validation-error:not(:focus), .c-field__textarea.input-validation-error:not(:focus), .c-field__select.input-validation-error:not(:focus) { border-color: #d00; } .c-field__textbox:focus, .c-field__date-picker:focus, .c-field__textarea:focus, .c-field__select:focus { border-color: #004a64; box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); } .c-field__date-picker, .c-field__textbox, .c-field__select { height: 3rem; padding: 0 0.75rem; } @media (min-width: 768px) { .c-field__date-picker, .c-field__textbox, .c-field__select { height: 3.25rem; padding: 0 0.875rem; } } .c-field__date-picker { background: url(/images/calendar-icon.svg) center right no-repeat; background-position: center right 1.25rem; background-size: 1.25rem 1.25rem; cursor: pointer; max-width: 20rem; outline: 0; text-transform: uppercase; } .c-field__date-picker::-webkit-clear-button { display: none; -webkit-appearance: none; } .c-field__date-picker::-webkit-calendar-picker-indicator { cursor: pointer; opacity: 0; } .c-field__date-picker::-webkit-inner-spin-button { cursor: pointer; opacity: 0; } .c-field__date-picker::-ms-clear { appearance: none; display: none; outline: 0; } .c-field__textarea { height: 10em; min-height: 0; padding: 0.4375rem 0.75rem; } @media (min-width: 768px) { .c-field__textarea { padding: 0.8125rem 0.875rem; } } .c-field__textarea--sm { height: 7em; } .c-field__select { background: url(/images/chevron-down-icon-gray.svg) center right no-repeat; background-position: center right 1.25rem; background-size: 1rem 1rem; cursor: pointer; outline: 0; } .c-field__select::-ms-expand { display: none; } .c-field__toggle-set { display: flex; } .c-field__toggle-list { display: flex; flex-flow: row wrap; margin: -0.625rem -1rem; } .c-field__toggle-item { padding: 0.625rem 1rem; width: auto; } .c-field__control--vertical-toggles .c-field__toggle-item { width: 100%; } .eligibilityotheroptions .c-field__control--vertical-toggles .c-field__toggle-item { margin-left: 1.5rem; } @media (min-width: 768px) { .c-field__control--vertical-toggles .c-field__toggle-item { margin-left: 2rem; } .eligibilityotheroptions .c-field__control--vertical-toggles .c-field__toggle-item { margin-left: 3.5rem; } } .c-form__file--valid .c-field__upload-button::before { background: url(/images/tick-icon-green.svg) center no-repeat; background-size: contain; content: ''; display: block; height: 1rem; margin-right: 1rem; width: 1.8125rem; } .c-form__file--valid .c-field__upload-button.c-cta--solid-green::before { background-image: url(/images/tick-icon-white.svg); } .c-field__upload-button path { fill: #000; } .c-field__error { color: #d00; display: block; font-size: 1rem; line-height: 1.25rem; margin-top: 0.5rem; } .c-field__error:empty { display: none; } .c-field__checkbox-input { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .c-field__checkbox-input:hover ~ .c-field__checkbox-label::before { border-color: #5A5A5A; } .c-field__checkbox-input:checked ~ .c-field__checkbox-label::before { background-color: #004a64; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABGdBTUEAALGPC/xhBQAAAWtJREFUWAnt1s9Kw0AQx/Fq8QVsqwcfwrtP4MW38eyxKJX6B0SkF+++i39aBdGTTyGe4ncgC0NJshtjd1eZhR9Jm0nms5Me2uvZsgnYBGwCNoE/O4GiKPpkj2xkuwlwW2RBZL2RneywoAT5QvR65cN2NlgwgnzWQnUuEx4kx4IYkTqk894lhZZI95t0qKrjPBm0BfKL2v0kUBoPyZz4liAP/jeSHa6TY/JBjtrslvo4k6SRIG+JXhchWG4YkCd9Y815t9fNQ6uQrtdZE5YiQT664oZjN6QgePi4oYFcmlZh+T4esoS+e6By+VRjS+RDwH3dJ+ka0+wwoKGUTMqNbXIeF6mwJ4HYc+ruA2p/b5IO6Y40nwQAQkpWh1TYaYikoWb1SIWV1/uTFQ+psJctpfGRCnsViE2HFCzINXLtwaZFqqkK9qYGmwdyCTtbwuaFrMF+gk7zp9eBfEeAu2Toq7PrNgGbgE3AJpB2At9IPgjsX5YwggAAAABJRU5ErkJggg=="); border-color: transparent; } .c-field__checkbox-input:focus ~ .c-field__checkbox-label::before { border-color: #5A5A5A; box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); } .c-field__checkbox-input--default-disabled { opacity: 1; pointer-events: none; } .c-field__checkbox-label { display: flex; flex-flow: row; font-weight: normal; font-size: 0.875rem; line-height: 1.29; letter-spacing: normal; } .c-field__checkbox-label::before { display: inline-block; vertical-align: middle; border-radius: 0.1875rem; margin-right: 0.75rem; width: 1.25rem; flex: 0 0 auto; height: 1.25rem; content: ""; background: #fff; background-repeat: no-repeat; background-position: center center; background-size: 85% 85%; border: 1px solid #aaa; transition: 0.3s ease; } .c-field__checkbox-box--medium-label .c-field__checkbox-label::before { position: absolute; left: 0; top: 2px; } .c-field__checkbox-box--medium-label .c-field__checkbox-label { font-weight: normal; position: relative; width: 100%; padding-left: 30px; } .c-field__checkbox--list-large .c-field__checkbox-label { font-weight: normal; font-size: 1.25rem; } .c-field__checkbox-input:disabled + .c-field__checkbox-label { opacity: 0.4; } .c-field__checkbox-input--default-disabled + .c-field__checkbox-label { opacity: 1; pointer-events: none; } .c-field__checkbox-text { display: block; font-size: 1rem; line-height: 1.375rem; margin: auto 0; } .c-field__checkbox-wrapper { display: inline-block; margin-right: 1rem; width: 100%; } .c-field__checkbox-box--inline { display: inline-flex; align-items: center; justify-content: flex-start; width: 100%; } .c-field__checkbox-box--list .c-field__checkbox-wrapper { margin-bottom: 0.75rem; margin-top: 0.25rem; } .c-field__radio-input { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .c-field__radio-input:hover ~ .c-field__radio-label::before { box-shadow: inset 0 0 0 1px #5A5A5A; } .c-field__radio-input:checked ~ .c-field__radio-label::before { background: #004a64; box-shadow: inset 0 0 0 1px #aaa, #fff 0 0 0 3px inset; } .c-field__radio-input:checked:hover ~ .c-field__radio-label::before { box-shadow: inset 0 0 0 1px #5A5A5A, #fff 0 0 0 3px inset; } .c-field__radio-input:focus ~ .c-field__radio-label::before { box-shadow: inset 0 0 0 1px #5A5A5A, 0 0 0 2px rgba(0, 74, 100, 0.12); } .c-field__radio-input:focus:checked ~ .c-field__radio-label::before { box-shadow: inset 0 0 0 1px #5A5A5A, #fff 0 0 0 3px inset, 0 0 0 2px rgba(0, 74, 100, 0.12); } .c-field__radio-text { display: block; font-size: 1rem; line-height: 1.375rem; margin: auto 0; } .c-field__radio-box--list .c-field__radio-text { width: calc(100% - 40px); } .c-field__radio-label { display: flex; flex-flow: row; position: relative; font-weight: normal; font-size: 0.875rem; line-height: 1.29; letter-spacing: normal; } .c-field__radio-label::before { cursor: pointer; display: block; vertical-align: middle; border-radius: 10em; flex: 0 0 auto; margin-right: 0.75rem; width: 1.25rem; height: 1.25rem; content: ""; box-shadow: inset 0 0 0 1px #aaa; background: #fff; transition: 0.2s; } .c-field__radio-wrapper--squished .c-field__radio-label::before { margin-right: 0.2em; } @media (min-width: 480px) { .c-field__radio-wrapper--squished .c-field__radio-label::before { margin-right: 0.5em; } } .c-field__radio-box--medium-label .c-field__radio-label { font-weight: normal; position: relative; width: 100%; padding-left: 30px; } .c-field__radio-wrapper { display: inline-block; max-width: 100%; } .c-field__radio-box--inline { display: block; width: 100%; margin-top: 1.125rem; } .c-field__radio-box--list .c-field__radio-wrapper { display: block; margin-bottom: 1.5rem; margin-top: 0.375rem; } .proofofeligibility2:not(.c-form__group--file-shown), .proofofeligibility3:not(.c-form__group--file-shown), .proofofeligibility4:not(.c-form__group--file-shown), .proofofeligibility5:not(.c-form__group--file-shown), .proofofeligibility6:not(.c-form__group--file-shown) { display: none; } .c-field__required-icon { color: #d00; } .c-form__required-icon { color: #d00; display: inline-block; padding: 0 0.25rem; } .field-validation-error { color: #d00; display: block; margin-bottom: 1rem; } .c-field__signature-panel { border: 0.125rem solid #aaa; height: 20rem; position: relative; } .c-field__signature-canvas { bottom: 0; cursor: crosshair; display: block; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; } /** * COMPONENTS.FOOTER * * @description : Main site footer * */ .c-footer { background: #5A5A5A; border-top: 0.375rem solid #e58e1a; color: #fff; } .c-footer__content { align-items: flex-start; display: flex; flex-flow: row wrap; padding: 3rem 0 2rem 0; } .c-footer__logo-block { margin-bottom: 2.625rem; margin-right: 2rem; margin-top: -3rem; } .c-footer__nav { display: flex; flex-flow: row wrap; gap: 1rem 2.5rem; margin-left: auto; width: 100%; } @media (min-width: 480px) { .c-footer__nav { gap: 1rem 3.75rem; } } @media (min-width: 768px) { .c-footer__nav { gap: 1rem 5rem; width: auto; } } @media (min-width: 1024px) { .c-footer__nav { gap: 1rem 6.25rem; } } .c-footer__nav-list { flex: 0 0 auto; } .c-footer__nav-item { align-items: center; display: flex; flex-flow: row; font-family: "Source Sans Pro", sans-serif; font-size: 1rem; font-weight: 700; padding: 0.375rem; white-space: nowrap; } @media (min-width: 480px) { .c-footer__nav-item { font-size: 1.125rem; } } .c-footer__nav-item .o-icon { height: 0.875rem; margin-right: 0.5rem; width: 0.875rem; } .c-footer__nav-item .o-icon--phone { position: relative; top: 0.0625rem; } .c-footer__nav-item--alt { color: #d8d8d8; } .c-footer__nav-link { align-items: inherit; color: inherit; display: inherit; flex-flow: inherit; outline: 0; text-decoration: none; transition: 0.2s; } .c-footer__nav-link:hover { text-decoration: underline; } .c-footer__nav-link:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.16); outline: 0; } .c-footer__brands { overflow: hidden; width: 100%; } .c-footer__brands-list { align-items: center; display: flex; flex-flow: row wrap; margin: -1.25rem; } .c-footer__brand-item { padding: 1.25rem; } .c-footer__brand-link { color: inherit; display: block; outline: 0; transition: 0.2s; } .c-footer__brand-link:focus { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.16); outline: 0; } .c-footer__brand-logo { max-width: 9.375rem; padding-top: 50%; position: relative; width: 624.9375rem; } .c-footer__brand-image { display: block; height: 100%; left: 0; object-fit: contain; position: absolute; top: 0; } .c-footer__small-text { align-items: center; color: #d8d8d8; display: flex; flex-flow: row wrap; margin-top: 5rem; width: 100%; } .c-footer__rich-text { align-items: center; display: flex; flex-flow: row wrap; } @media (min-width: 480px) { .c-footer__rich-text { margin-right: 2rem; } } .c-footer__rich-text p { margin: 0 2rem 0 0 !important; } .c-footer__rich-text p:last-child { margin-right: 0 !important; } .c-footer__rich-text a { color: inherit !important; display: inline-block; font-weight: 400 !important; text-decoration: none !important; transition: 0.2s; } .c-footer__rich-text a:hover { color: #fff !important; text-decoration: underline !important; } .c-footer__rich-text a:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.16); } .c-footer__credit { color: #d8d8d8; font-size: 0.75rem; line-height: 1.125rem; margin-top: 1.5rem; } @media (min-width: 480px) { .c-footer__credit { font-size: 0.875rem; line-height: 1.25rem; } } @media (min-width: 768px) { .c-footer__credit { margin-left: auto; margin-top: 0; } } .c-footer__credit strong { font-weight: 700; } .c-footer__credit-link { color: inherit; opacity: .5; text-decoration: none; transition: 0.2s; } .c-footer__credit-link:hover { opacity: 1; text-decoration: underline; } /** * COMPONENTS.HEADER * * @description : Main site header * */ .c-header { background: #fff; border-top: 0.375rem solid #e58e1a; box-shadow: 0 0 0.375rem 0 rgba(0, 0, 0, 0); color: #e58e1a; position: relative; transition: 0.3s; } body.is-scrolled .c-header { box-shadow: 0 0 0.375rem 0 rgba(0, 0, 0, 0.05); } .c-header .b { height: 100%; } html:not(.no-js) > body:not(.is-scrolled):not(.search-panel-is-open) .c-header--is-overlapping { background: transparent; } .c-header__content { align-items: center; display: flex; flex-flow: row; height: 100%; justify-content: flex-end; padding-left: 16.625rem; position: relative; z-index: 2; } @media (min-width: 1024px) { .c-header__content { justify-content: flex-start; padding-left: 20.375rem; } } @media (min-width: 1440px) { .c-header__content { padding-left: 22.625rem; } } .c-header__logo-block { box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.08); left: 0; position: absolute !important; top: 0; transition: 0.3s; } .c-header__nav { display: none; } @media (min-width: 1300px) { .c-header__nav { display: block; } } .c-header__nav-list { display: flex; flex-flow: row; } .c-header__nav-item { font-family: "Source Sans Pro", sans-serif; font-size: 1.0625rem; font-weight: 700; line-height: 1.375rem; transition: 0.2s color; } @media (min-width: 1440px) { .c-header__nav-item { font-size: 1.125rem; line-height: 1.5rem; } } .c-header__nav-link { border-radius: 0.0625rem; color: inherit; display: block; outline: 0; padding: 1rem; position: relative; text-align: center; text-decoration: none; transition: 0.2s; } @media (min-width: 1440px) { .c-header__nav-link { padding: 1rem 1.125rem; } } .c-header__nav-link:focus { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); outline: 0; } .c-header__nav-link:hover { color: #c96b13; } .c-header__nav-link::after { background: currentColor; bottom: 0.875rem; content: ''; display: block; height: 0.125rem; left: 1rem; opacity: 0; position: absolute; transform: scaleX(0); transform-origin: 100% 100%; transition: 0.2s transform, 0.2s opacity; right: 1rem; } @media (min-width: 1440px) { .c-header__nav-link::after { left: 1.125rem; right: 1.125rem; } } .c-header__nav-item--current .c-header__nav-link::after, .c-header__nav-link:hover::after { opacity: 1; transform: scaleX(1); transform-origin: 0 0; } .c-header__search-toggle { align-items: center; appearance: none; background: none; border: 0; border-radius: 0.0625rem; color: inherit; cursor: pointer; display: none; flex: 0 0 auto; font: inherit; height: 2.5rem; justify-content: center; margin: 0 1rem; outline: 0; transition: 0.2s; width: 2.5rem; } @media (min-width: 1300px) { .c-header__search-toggle { display: flex; } } .c-header__search-toggle:hover { color: #c96b13; } .c-header__search-toggle:focus { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); outline: 0; } .c-header__search-toggle .o-icon { display: block; height: 1.125rem; outline: 0; width: 1.125rem; } .c-header__buttons { display: none; } @media (min-width: 1000px) { .c-header__buttons { display: block; } } @media (min-width: 1024px) { .c-header__buttons { margin-left: auto; } } .c-header__buttons-list { display: flex; flex-flow: row; margin: -0.375rem; } @media (min-width: 1440px) { .c-header__buttons-list { margin: -0.625rem; } } .c-header__button-item { padding: 0.25rem; } @media (min-width: 1440px) { .c-header__button-item { padding: 0.375rem; } } .c-header__button-cta { height: 3.125rem; min-width: 0; padding-left: 1.375rem; padding-right: 1.375rem; } @media (min-width: 0) and (max-width: 1440px) { .c-header__button-cta { font-size: 0.9375rem; } } @media (min-width: 1440px) { .c-header__button-cta { padding-left: 1.5rem; padding-right: 1.5rem; } } .c-header__phone { align-items: center; display: none; flex: 0 0 auto; font-family: "Source Sans Pro", sans-serif; font-size: 1.0625rem; font-weight: 700; line-height: 1.375rem; margin-left: 1.5rem; white-space: nowrap; } @media (min-width: 768px) { .c-header__phone { display: flex; } } @media (min-width: 1440px) { .c-header__phone { font-size: 1.125rem; line-height: 1.5rem; } } .c-header__phone .o-icon { height: 0.875rem; margin-right: 0.625rem; width: 0.875rem; } @media (min-width: 1440px) { .c-header__phone .o-icon { height: 1rem; width: 1rem; } } .c-header__phone .o-icon--phone { position: relative; top: 0.0625rem; } .c-header__phone-link { align-items: inherit; color: inherit; display: inherit; text-decoration: none; } .c-header__phone-link:hover { text-decoration: underline; text-decoration-thickness: 0.125rem; } .c-header__menu-toggle { appearance: none; background: none; border: 0; border-radius: 0.0625rem; color: inherit; cursor: pointer; display: block; font: inherit; margin-left: 2rem; margin-right: -0.5rem; outline: 0; padding: 0.5rem; transition: 0.2s; } .c-header__menu-toggle:hover { color: #c96b13; } .c-header__menu-toggle:focus { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); outline: 0; } @media (min-width: 1300px) { .c-header__menu-toggle { display: none; } } .c-header__burger-icon { color: #333; display: block; position: relative; height: 1.5625rem; width: 2.5rem; } .c-header__burger-icon::before, .c-header__burger-icon::after { background: currentColor; border-radius: 62.4375rem; content: ''; display: block; height: 0.1875rem; left: 0; position: absolute; right: 0; transition: 0.3s; } .c-header__burger-icon::before { box-shadow: 0 0.6875rem; top: 0; transform-origin: 0 100%; } .menu-is-open .c-header__burger-icon::before { box-shadow: none; transform: translate(0.375rem, -0.21875rem) rotate(45deg); } .c-header__burger-icon::after { bottom: 0; transform-origin: 0 0; } .menu-is-open .c-header__burger-icon::after { transform: translate(0.375rem, 0.21875rem) rotate(-45deg); } /** * COMPONENTS.HERO * * @description : Main site header * */ .c-hero { background-color: #fafafa; background-position: center; background-size: cover; box-sizing: border-box; color: #333; height: 36vh; max-height: 43.75rem; position: relative; } @media (min-width: 480px) { .c-hero { height: 42vh; } } @media (min-width: 768px) { .c-hero { height: 50vh; min-height: 27.5rem; } } @media (min-width: 1440px) { .c-hero { max-height: 62.5rem; } } .c-hero::before { background: rgba(255, 255, 255, 0.4); bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } @media (min-width: 768px) { .c-hero::before { background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)); } } @media (min-width: 1024px) { .c-hero::before { background: transparent; } } .c-hero .b { height: 100%; position: relative; z-index: 3; } .c-hero--light-on-dark { background-color: #333; color: #fff; } .c-hero--light-on-dark::before { background: rgba(0, 0, 0, 0.4); } .c-hero--lg { height: 55vh; } @media (min-width: 480px) { .c-hero--lg { height: 75vh; } } @media (min-width: 768px) { .c-hero--lg { min-height: 43.75rem; } } .c-hero__content { align-items: flex-start; display: flex; flex-flow: column; height: 100%; justify-content: center; padding: 3.75rem 0; position: relative; z-index: 2; } @media (min-width: 768px) { .c-hero__content { justify-content: flex-start; padding-top: calc(3.75rem + (16vh - 6.25rem)); } } .c-hero__content--vertically-centered { justify-content: center; } @media (min-width: 768px) { .c-hero__content--vertically-centered { justify-content: center; padding-top: 3.75rem; } } .c-hero__mega-heading { color: #fff; font-size: 3.375rem; font-weight: 700; line-height: 3.625rem; max-width: 75vw; } @media (min-width: 480px) { .c-hero__mega-heading { font-size: 3.75rem; line-height: 4.0625rem; } } @media (min-width: 768px) { .c-hero__mega-heading { font-size: 5rem; line-height: 5.625rem; } } @media (min-width: 1024px) { .c-hero__mega-heading { font-size: 5.625rem; line-height: 6.25rem; max-width: 56.25rem; } } @media (min-width: 1440px) { .c-hero__mega-heading { font-size: 6.25rem; line-height: 6.875rem; } } .c-hero__heading-line { display: block; } .c-hero__mega-heading .c-hero__heading-line:first-child { color: #e58e1a; } .c-hero__description { max-width: 26.25rem; } @media (min-width: 1024px) { .c-hero__description { max-width: 40.625rem; } } @media (min-width: 1440px) { .c-hero__description { max-width: 45rem; } } .c-hero__cta { flex: 0 0 auto; } .c-hero__background-image { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; transition: 0.4s opacity; width: 100%; z-index: 1; } .c-hero__background-image[data-focal-point="left"] { object-position: 24%; } @media (min-width: 480px) { .c-hero__background-image[data-focal-point="left"] { object-position: 20%; } } .c-hero__background-image[data-focal-point="center"] { object-position: center; } .c-hero__background-image[data-focal-point="right"] { object-position: 76%; } @media (min-width: 480px) { .c-hero__background-image[data-focal-point="right"] { object-position: 80%; } } /** * COMPONENTS.ICON-BUTTON * * @description : * */ .c-icon-button { --size: 1.25rem; --extra-click-gap: 0.625rem; /* The button is clickable outside the dimensions of the icon itself. */ display: inline-flex; height: var(--size); position: relative; } @media (min-width: 480px) { .c-icon-button { --size: 1.75rem; } } .c-icon-button__button { appearance: none; background: none; box-sizing: content-box; color: inherit; cursor: pointer; height: 100%; margin: calc(var(--extra-click-gap) * -1); padding: var(--extra-click-gap); transition: 0.3s; } .c-icon-button__button.swiper-button-disabled { opacity: 0.5; } .c-icon-button__icon { display: block; height: 100%; max-width: none; width: auto; } .c-icon-button--enlarge-on-hover .c-icon-button__icon { transform: scale(1); transition: transform 0.2s; will-change: transform; } .c-icon-button--enlarge-on-hover .c-icon-button__icon:hover { transform: scale(1.25); } /** * COMPONENTS.ICON-LIST * * @description : * */ .c-icon-list { color: #e58e1a; display: inline-flex; flex-flow: column; } .c-icon-list__list { display: flex; flex-flow: row wrap; margin: -0.75rem; } .c-icon-list__item { align-items: center; display: flex; flex-flow: row; font-family: "Source Sans Pro", sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.75rem; } .c-icon-list--lg .c-icon-list__item { font-size: 1.5rem; line-height: 1.625rem; } .c-icon-list__link { align-items: center; color: inherit; display: inherit; flex-flow: row; outline: 0; transition: 0.2s; } .c-icon-list__link:hover { color: #c96b13; text-decoration: underline; } .c-icon-list__link:focus { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); outline: 0; } .c-icon-list__link .o-icon { height: 1.125rem; margin-right: 0.5rem; width: 1.125rem; } .c-icon-list--lg .c-icon-list__link .o-icon { height: 1.5rem; margin-right: 0.625rem; width: 1.5rem; } .c-icon-list__link .o-icon--phone { height: 1rem; position: relative; top: 0.0625rem; width: 1rem; } .c-icon-list--lg .c-icon-list__link .o-icon--phone { height: 1.375rem; width: 1.375rem; } /** * COMPONENTS.INSET-CARD * * @description : Card with content inset slightly inside thumbnail * */ .c-inset-card { display: block; } .c-inset-card__link-wrap { color: inherit; display: block; outline: 0; text-decoration: none; transition: 0.2s; } .c-inset-card__link-wrap:hover { text-decoration: none; } .c-inset-card__link-wrap:focus { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); outline: 0; } .c-inset-card__thumbnail { background: #fafafa; margin-bottom: -4.5rem; overflow: hidden; position: relative; } .c-inset-card__thumbnail::before { content: ''; display: block; padding-top: 75%; } .c-inset-card__thumbnail::after { background: #c96b13; content: ''; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: 1s; width: 100%; z-index: 2; } .c-inset-card__link-wrap:hover .c-inset-card__thumbnail::after { opacity: 0.5; } .c-inset-card__thumbnail-image { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; transition: 3s transform ease-out; width: 100%; } .c-inset-card__link-wrap:hover .c-inset-card__thumbnail-image { transform: scale(1.12); } .c-inset-card__content { background: #fff; margin-left: 1.25rem; padding: 1.25rem; position: relative; z-index: 2; } /** * COMPONENTS.LOGO-BLOCK * * @description : Container box for the Westgate logo * */ .c-logo-block { background: #fff; color: #004a64; display: block; position: relative; width: 15.625rem; } @media (min-width: 480px) { .c-logo-block { width: 17.5rem; } } @media (min-width: 1024px) { .c-logo-block { width: 19.375rem; } } @media (min-width: 1440px) { .c-logo-block { width: 21.25rem; } } .c-logo-block::before { content: ''; display: block; padding-top: 28.8629%; } .c-logo-block__content { align-items: center; bottom: 0; display: flex; flex-flow: row; justify-content: center; left: 0; padding: 1rem 1.25rem; position: absolute; right: 0; top: 0; } @media (min-width: 1440px) { .c-logo-block__content { padding: 1rem 1.5rem; } } .c-logo-block__link { align-items: inherit; color: inherit; display: inherit; height: 100%; flex-flow: inherit; justify-content: inherit; left: 0; padding: inherit; position: absolute; top: 0; width: 100%; } .c-logo-block__link:focus { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); } .c-logo-block__logo { flex: 1 1 auto; position: relative; } .c-logo-block__logo::before { content: ''; display: block; padding-top: 16.3267%; } .c-logo-block__logo-image { display: block; height: 100%; left: 0; object-fit: contain; position: absolute; top: 0; width: 100%; } /** * COMPONENTS.MOBILE-NAV * * @description : * */ .c-mobile-nav { background: #fff; box-shadow: 0 0 0.375rem 0 rgba(0, 0, 0, 0.05); max-width: 31.25rem; } @media (min-width: 1000px) { .c-mobile-nav { max-width: 37.5rem; } } @media (min-width: 1300px) { .c-mobile-nav { display: none; } } .c-mobile-nav__content { align-items: center; display: flex; flex-direction: column; height: 100%; overflow: auto; padding: 0 2rem; } @media (min-width: 768px) { .c-mobile-nav__content { padding: 0 3rem; } } @media (min-width: 1024px) { .c-mobile-nav__content { padding: 0 3.5rem; } } .c-mobile-nav__list { width: 100%; } .c-mobile-nav__link { align-items: center; border-bottom: 0.125rem solid #e6edf0; border-radius: 0.0625rem; color: inherit; display: flex; flex-flow: row; font-size: 1.5rem; font-weight: 700; line-height: 2rem; margin: 0.25rem 0; padding: 0.75rem 0; text-decoration: none; transition: 0.2s; } @media (min-width: 768px) { .c-mobile-nav__link { padding: 0.875rem 0; } } .c-mobile-nav__link:hover, .c-mobile-nav__link:focus { border-bottom: 0.125rem solid #004a64; } .c-mobile-nav__item--secondary .c-mobile-nav__link { font-weight: 400; } .c-mobile-nav__link .o-icon { height: 1.25rem; margin-right: 1rem; width: 1.25rem; } .c-mobile-nav__buttons { width: 100%; } /** * COMPONENTS.PAGE-HEADER * * @description : Standard page header block with heading and breadcrumbs * */ .c-page-header { background: #fafafa url(/images/tiled-icon-bg.svg) top center; padding: 3.75rem 0; } @media (min-width: 480px) { .c-page-header { padding: 5rem 0; } } @media (min-width: 768px) { .c-page-header { padding: 6.25rem 0; } } .c-page-header__content { display: flex; flex-flow: row; justify-content: space-between; } .c-page-header__main-content { flex: 1 1 auto; max-width: 62.5rem; } .c-page-header__icon { flex: 0 0 auto; height: 2.125rem; margin-left: 2rem; width: 2.125rem; } @media (min-width: 480px) { .c-page-header__icon { height: 2.75rem; width: 2.75rem; } } @media (min-width: 768px) { .c-page-header__icon { height: 3.5rem; width: 3.5rem; } } @media (min-width: 1024px) { .c-page-header__icon { height: 4.25rem; width: 4.25rem; } } .c-page-header__icon-image { display: block; height: 100%; object-fit: contain; width: 100%; } .c-page-header__search-form { width: 100%; } /** * COMPONENTS.PHOTO-CARD * * @description : A simple cart showing a photo and a few details * */ .c-photo-card { text-align: center; } .c-photo-card__link { appearance: none; background: none; border: 0; color: inherit; cursor: pointer; font: inherit; display: block; outline: 0; padding: 0; position: relative; transition: 0.2s; width: 100%; } .c-photo-card__link:focus { outline: 0; } .c-photo-card__link.is-active { z-index: 2; } .c-photo-card__thumbnail { background: rgba(0, 0, 0, 0.1); padding-top: 100%; position: relative; transform-origin: 50% 0; transition: 0.2s; } .c-photo-card__thumbnail::before { background: #000; content: ''; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: 0.5s; width: 100%; z-index: 2; } .c-photo-card__link:hover .c-photo-card__thumbnail::before { opacity: 0.4; } .c-photo-card__link:focus .c-photo-card__thumbnail { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); outline: 0; } .c-photo-card__link.is-active .c-photo-card__thumbnail { box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1); transform: scale(1.1); } @media (min-width: 768px) { .c-photo-card__link.is-active .c-photo-card__thumbnail { transform: scale(1.15); } } .c-photo-card__link.is-active:focus .c-photo-card__thumbnail { box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 74, 100, 0.12); } .c-photo-card__thumbnail-image { display: block; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .c-photo-card__details { transition: 0.2s; } .c-photo-card__link.is-active .c-photo-card__details { transform: translateY(2.5rem); } .c-photo-card__link.is-active .c-photo-card__cta { opacity: 0; } /** * COMPONENTS.SEARCH-FORM * * @description : A simple search form consisting of text input and submit button * */ .c-search-form { max-width: 43.75rem; } .c-search-form__form { display: flex; flex-flow: row; height: 3.375rem; position: relative; } @media (min-width: 480px) { .c-search-form__form { height: 3.75rem; } } .c-search-form__input { appearance: none; background: #fff; border: 0; box-shadow: inset 0 0 0 0.125rem #80a5b2; color: inherit; font: inherit; font-size: 1.25rem; display: block; height: 100%; line-height: 1.5; padding: 0 3.375rem 0 1rem; transition: 0.2s; width: 100%; } @media (min-width: 480px) { .c-search-form__input { font-size: 1.5rem; padding: 0 3.75rem 0 1.25rem; } } .c-search-form__input:focus { box-shadow: inset 0 0 0 0.125rem #004a64, 0 0 0 2px rgba(0, 74, 100, 0.12); } .c-search-form__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: inherit; opacity: 0.5; } .c-search-form__input::-moz-placeholder { /* Firefox 19+ */ color: inherit; opacity: 0.5; } .c-search-form__input:-ms-input-placeholder { /* IE 10+ */ color: inherit; opacity: 0.5; } .c-search-form__input:-moz-placeholder { /* Firefox 18- */ color: inherit; opacity: 0.5; } .c-search-form__submit { align-items: center; appearance: none; background: #80a5b2; border: 0; color: #fff; cursor: pointer; font: inherit; display: flex; height: 3.375rem; justify-content: center; outline: 0; position: absolute; right: 0; top: 0; transition: 0.2s; width: 3.375rem; } @media (min-width: 480px) { .c-search-form__submit { height: 3.75rem; width: 3.75rem; } } .c-search-form__submit:hover, .c-search-form__input:focus ~ .c-search-form__submit { background: #004a64; } .c-search-form__submit:focus { background: #004a64; box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); outline: 0; } .c-search-form__submit .o-icon { height: 1.25rem; width: 1.25rem; } /** * COMPONENTS.SEARCH-PANEL * * @description : A hideable panel with a large search field * */ .c-search-panel { align-items: center; background: rgba(90, 90, 90, 0.975); color: #fff; display: flex; flex-flow: row; justify-content: center; padding-left: 2rem; padding-right: 2rem; } .c-search-panel__form { color: #fff; display: flex; flex-flow: row; height: 3.125rem; max-width: 43.75rem; position: relative; } .c-search-panel__input { appearance: none; background: none; border: 0; box-shadow: inset 0 0 0 0.125rem; color: inherit; font: inherit; font-size: 1.25rem; display: block; height: 100%; line-height: 1.5; padding: 0 1rem; transition: 0.2s; width: 100%; } .c-search-panel__input:focus { box-shadow: inset 0 0 0 0.125rem, 0 0 0 0.1875rem rgba(255, 255, 255, 0.2), 0 0 0 0.0625rem #004a64; } .c-search-panel__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: inherit; opacity: 0.5; } .c-search-panel__input::-moz-placeholder { /* Firefox 19+ */ color: inherit; opacity: 0.5; } .c-search-panel__input:-ms-input-placeholder { /* IE 10+ */ color: inherit; opacity: 0.5; } .c-search-panel__input:-moz-placeholder { /* Firefox 18- */ color: inherit; opacity: 0.5; } .c-search-panel__submit { align-items: center; appearance: none; background: #fff; border: 0; color: #004a64; cursor: pointer; font: inherit; display: flex; height: 3.125rem; justify-content: center; outline: 0; position: absolute; right: 0; top: 0; transition: 0.2s; width: 3.125rem; } .c-search-panel__submit:focus, .c-search-panel__submit:hover { color: #003f55; } .c-search-panel__submit:focus { box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.2), 0 0 0 0.0625rem #004a64; outline: 0; } .c-search-panel__submit .o-icon { height: 1.25rem; width: 1.25rem; } /** * COMPONENTS.SIDEBAR * * @description : * */ .c-sidebar { background: #fafafa; margin-top: 2rem; padding: 2.5rem 2.125rem; } @media (min-width: 1024px) { .c-sidebar { margin-top: 0; } } @media (min-width: 1440px) { .c-sidebar { padding: 3rem 2.5rem; } } /** * COMPONENTS.STEPS * * @description : * */ .c-steps { display: flex; display: none; justify-content: center; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-steps { width: 420px; margin: 0 auto; } } .c-steps__step { flex: 1; text-align: center; position: relative; z-index: 1; max-width: 230px; } .c-steps__step:after, .c-steps__step:before { content: ""; display: block; position: absolute; width: 50%; height: 3px; background-color: #ffffff; box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.14); top: 40px; z-index: -1; } .c-steps__step:after { right: 0; } .c-steps__step:first-child:before { display: none; } .c-steps__step:last-child:after { display: none; } .c-steps__step-title { font-size: 1.125rem; line-height: 1.1; letter-spacing: 0.2px; } .c-steps__step--active .c-steps__step-title { font-weight: normal; } .c-steps__step-count { font-size: 2.75rem; font-weight: normal; letter-spacing: normal; width: 81px; height: 81px; display: inline-block; color: white; padding-top: 20px; border-radius: 50%; box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.14); border: solid 3px #ffffff; } .c-steps__step--completed .c-steps__step-count { color: transparent; } .c-steps__step-completed-icon { display: none; } .c-steps__step--completed .c-steps__step-completed-icon { display: flex; width: 54px; height: 54px; display: flex; justify-content: center; align-items: center; position: absolute; top: 14px; left: calc(50% - 27px); } .c-steps__step--completed .c-steps__step-completed-icon svg { width: 40px; } /** * COMPONENTS.STRIPED-TABLE * * @description : Table with alternating row colors. * */ .c-striped-table__table { width: 100%; } .c-striped-table__th, .c-striped-table__td { font-size: 0.875rem; line-height: 1.125rem; padding: 0.5625rem 0.75rem; text-align: left; } @media (min-width: 480px) { .c-striped-table__th, .c-striped-table__td { font-size: 1rem; line-height: 1.25rem; } } @media (min-width: 768px) { .c-striped-table__th, .c-striped-table__td { font-size: 1.125rem; line-height: 1.375rem; } } tr:nth-child(odd) > .c-striped-table__th, tr:nth-child(odd) > .c-striped-table__td { background: rgba(0, 0, 0, 0.04); } /** * COMPONENTS.SWIPER-NAV * * @description : * */ .c-swiper-nav { align-items: center; display: inline-flex; flex-direction: row; justify-content: center; } .c-swiper-nav__arrow-item { margin: 0 0.625rem; } .c-swiper-nav__arrow-item:first-child { margin-left: 0; } .c-swiper-nav__arrow-item:last-child { margin-right: 0; } .c-swiper-nav__arrow-button { color: #e58e1a; } .c-swiper-nav__arrow-button:hover { color: #c96b13; } .c-swiper-nav__pagination { align-items: center; display: flex; flex-flow: row; margin: 0 0.5rem; } .c-swiper-nav__pagination:first-child { margin-left: 0; } .c-swiper-nav__pagination:last-child { margin-right: 0; } .c-swiper-nav__pagination-button { background: currentColor; background-clip: content-box; border: 0.25rem solid transparent; border-radius: 100vw; box-sizing: content-box; color: #e6edf0; cursor: pointer; height: 0.625rem; margin: 0 0.125rem; transition: 0.2s; width: 0.625rem; } .c-swiper-nav__pagination-button.is-active { color: #e31937; } .c-swiper-nav__pagination-button:hover { color: #c1152f; } /** * COMPONENTS.TAB-MENU * * @description : * */ .c-tab-menu { border-bottom: 0.0625rem solid #d8d8d8; } .c-tab-menu__list { align-items: flex-end; display: flex; flex-flow: row; justify-content: center; } .c-tab-menu__item { display: flex; padding: 0; } @media (min-width: 768px) { .c-tab-menu__item { padding: 0 0.375rem; } } .c-tab-menu__tab-button { align-items: center; appearance: none; background: #fafafa; border: 0; color: #333; cursor: pointer; display: flex; flex-flow: row; font: inherit; font-family: "Source Sans Pro", sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; min-height: 3.125rem; outline: 0; padding: 0 1.125rem; text-align: center; transition: 0.2s; } @media (min-width: 768px) { .c-tab-menu__tab-button { font-size: 1rem; line-height: 1rem; padding: 0 1.625rem; } } @media (min-width: 1024px) { .c-tab-menu__tab-button { padding: 0 2.375rem; } } @media (min-width: 1440px) { .c-tab-menu__tab-button { font-size: 1.125rem; line-height: 1.375rem; min-height: 3.75rem; padding: 0 2.875rem; } } .c-tab-menu__tab-button:hover { text-decoration: underline; } .c-tab-menu__tab-button:focus { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); outline: 0; } .c-tab-menu__tab-button.is-selected { background: #fbeedd; color: #e58e1a; } /** * COMPONENTS.TILE * * @description : * */ .c-tile { color: #e58e1a; position: relative; } .c-tile::before { content: ''; display: block; padding-top: 100%; } @media (min-width: 0) and (max-width: 768px) { .c-tile--compactable::before { padding-top: 60%; } } .c-tile__content { align-items: center; bottom: 0; display: flex; flex-flow: column; height: 100%; justify-content: center; left: 0; position: absolute; right: 0; top: 0; } .c-tile__link { align-items: inherit; background: rgba(229, 142, 26, 0); color: #e58e1a; display: inherit; flex-flow: inherit; justify-content: inherit; height: 100%; outline: 0; text-decoration: none; transition: 0.3s; width: 100%; } .c-tile__link:focus { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); outline: 0; } .c-tile__link:hover { background: #e58e1a; color: #fff; } .c-tile__icon { background-position: center; background-repeat: no-repeat; background-size: contain; display: block; height: 4.25rem; margin: 0.5rem 0 1.125rem 0; position: relative; width: 4.875rem; } @media (min-width: 480px) and (max-width: 768px) { .c-tile__icon { height: 3.625rem; width: 4.125rem; } } .c-tile__icon--reverse-on-hover { background-size: 0; transition: 0.3s; } .c-tile__icon--reverse-on-hover::before, .c-tile__icon--reverse-on-hover::after { background-image: inherit; background-position: center; background-repeat: no-repeat; background-size: contain; bottom: 0; content: ''; display: block; left: 0; opacity: 1; position: absolute; right: 0; top: 0; transition: 0.3s; } .c-tile__icon--reverse-on-hover::before { opacity: 1; } .c-tile__link:hover .c-tile__icon--reverse-on-hover::before { opacity: 0; } .c-tile__icon--reverse-on-hover::after { filter: brightness(10); opacity: 0; } .c-tile__link:hover .c-tile__icon--reverse-on-hover::after { opacity: 1; } .c-tile__name { color: #333; font-family: "Source Sans Pro", sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 1.375rem; margin-bottom: 0.5rem; min-height: 3.125rem; padding: 0 1.875rem; text-align: center; transition: 0.2s 0.2s; width: 100%; } @media (min-width: 768px) { .c-tile__name { font-size: 1.25rem; line-height: 1.5625rem; margin-bottom: 1rem; padding: 0 2.25rem; } } .c-tile__link:hover .c-tile__name { color: #fff; transition: 0.1s; } @media (min-width: 0) and (max-width: 768px) { .c-tile--compactable .c-tile__name { margin-bottom: 0; min-height: 0; } } .c-tile__cta { font-weight: 700; font-size: 0.875rem; line-height: 1.625rem; position: relative; } @media (min-width: 768px) { .c-tile__cta { font-size: 1rem; line-height: 1.75rem; } } .c-tile__cta::after { background: #e58e1a; content: ''; display: block; height: 0.125rem; left: 0; opacity: 0.5; position: absolute; right: 0; top: 100%; transform: scaleX(0.5); transition: 0.3s transform, 0.3s opacity; } .c-tile__link:hover .c-tile__cta::after { background: #fff; opacity: 1; transform: scaleX(1); transition-delay: 0.2s; } @media (min-width: 0) and (max-width: 768px) { .c-tile--compactable .c-tile__cta { display: none; } } .c-tile__cta-label { color: rgba(255, 255, 255, 0); display: inline-block; opacity: 0; transform: translateY(-0.5rem); transition: 0.3s; } .c-tile__link:hover .c-tile__cta-label { color: #fff; opacity: 1; transform: translateY(0); } /** * COMPONENTS.TOOL-TIP * * @description : * */ .c-tool-tip, .rt-wrap .rt-tool-tip { appearance: none; background: none; border: 0; border-radius: 62.4375rem; box-shadow: inset 0 0 0 0.125rem; color: #004a64; cursor: help; display: inline-block; font: inherit; font-size: 0.875rem; font-weight: 700; height: 1.25rem; line-height: 1.125rem; margin: 0 0.125rem; outline: 0; padding: 0; position: relative; text-align: center; transition: 0.2s; vertical-align: 10%; width: 1.25rem; } .c-tool-tip:focus, .rt-wrap .rt-tool-tip:focus, .c-tool-tip:hover, .rt-wrap .rt-tool-tip:hover { color: #003f55; } .c-tool-tip:focus, .rt-wrap .rt-tool-tip:focus { box-shadow: inset 0 0 0 0.125rem, 0 0 0 2px rgba(0, 74, 100, 0.12); outline: 0; } .c-tool-tip::before, .rt-wrap .rt-tool-tip::before { content: 'i'; } .c-tool-tip__text, .rt-wrap .rt-tool-tip__text { background: #004a64; bottom: 0; box-shadow: 0 -0.125rem 0.5rem rgba(0, 0, 0, 0.1); color: #fff; display: block; font-size: 0.875rem; font-weight: 400; left: -624.9375rem; line-height: 1.125rem; opacity: 0; padding: 1.625rem 1.375rem; pointer-events: none; position: fixed; right: -624.9375rem; text-align: left; transition: 0.2s opacity, 0s 0.2s left, 0s 0.2s right; z-index: 500; } @media (min-width: 480px) { .c-tool-tip__text, .rt-wrap .rt-tool-tip__text { font-size: 1rem; line-height: 1.25rem; } } @media (min-width: 768px) { .c-tool-tip__text, .rt-wrap .rt-tool-tip__text { padding: 1.625rem 2rem; } } @media (min-width: 1024px) { .c-tool-tip__text, .rt-wrap .rt-tool-tip__text { bottom: 100%; box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1); margin-bottom: 1rem !important; margin-left: -1.5rem; max-width: 25rem; padding: 1.375rem 1.625rem; position: absolute; width: 25rem; width: max-content; z-index: 1; } } @media (min-width: 1440px) { .c-tool-tip__text, .rt-wrap .rt-tool-tip__text { font-size: 1.125rem; line-height: 1.375rem; } } .c-tool-tip:focus .c-tool-tip__text, .rt-wrap .rt-tool-tip:focus .c-tool-tip__text, .c-tool-tip:focus .rt-wrap .rt-tool-tip__text, .rt-wrap .c-tool-tip:focus .rt-tool-tip__text, .rt-wrap .rt-tool-tip:focus .rt-tool-tip__text { left: 0; opacity: 1; right: 0; transition: 0.2s opacity, 0s left, 0s right; } @media (min-width: 1024px) { .c-tool-tip:focus .c-tool-tip__text, .rt-wrap .rt-tool-tip:focus .c-tool-tip__text, .c-tool-tip:focus .rt-wrap .rt-tool-tip__text, .rt-wrap .c-tool-tip:focus .rt-tool-tip__text, .rt-wrap .rt-tool-tip:focus .rt-tool-tip__text { left: 50%; } } @media (min-width: 1024px) { .c-tool-tip__text::after, .rt-wrap .rt-tool-tip__text::after { border-left: 0.75rem solid transparent; border-right: 0.75rem solid transparent; border-top: 0.75rem solid #004a64; content: ''; display: block; left: 1rem; position: absolute; top: 100%; } } /** * 8. RICH-TEXT */ /** * RICH-TEXT.WRAP * * @description : Wrapper component for rich text styles to use on the front-end. * */ .rt-wrap { color: inherit; /** * RICH-TEXT.ELEMENTS * * @description : Rich text element styles * */ /**umb_name:Heading 2*/ /**umb_name:Heading 3*/ /**umb_name:Heading 4*/ } .rt-wrap p { margin-bottom: 1.25rem; max-width: 53.125rem; } @media (min-width: 1024px) { .rt-wrap p { margin-bottom: 1.5rem; } } .rt-wrap h1 { display: block; margin: 2rem 0 1rem 0; } @media (min-width: 1024px) { .rt-wrap h1 { margin: 3rem 0 1.25rem 0; } } .rt-wrap h2 { display: block; margin: 2rem 0 1rem 0; } @media (min-width: 1024px) { .rt-wrap h2 { margin: 3rem 0 1.25rem 0; } } .rt-wrap h3 { display: block; margin: 2rem 0 0.75rem 0; } @media (min-width: 1024px) { .rt-wrap h3 { margin: 3rem 0 1rem 0; } } .rt-wrap h4 { display: block; margin: 1.875rem 0 0.625rem 0; } @media (min-width: 1024px) { .rt-wrap h4 { margin: 2.625rem 0 1rem 0; } } .rt-wrap h1 + h1, .rt-wrap h1 + h2, .rt-wrap h1 + h3, .rt-wrap h1 + h4, .rt-wrap h1 + h5, .rt-wrap h1 + h6, .rt-wrap h2 + h1, .rt-wrap h2 + h2, .rt-wrap h2 + h3, .rt-wrap h2 + h4, .rt-wrap h2 + h5, .rt-wrap h2 + h6, .rt-wrap h3 + h1, .rt-wrap h3 + h2, .rt-wrap h3 + h3, .rt-wrap h3 + h4, .rt-wrap h3 + h5, .rt-wrap h3 + h6, .rt-wrap h4 + h1, .rt-wrap h4 + h2, .rt-wrap h4 + h3, .rt-wrap h4 + h4, .rt-wrap h4 + h5, .rt-wrap h4 + h6, .rt-wrap h5 + h1, .rt-wrap h5 + h2, .rt-wrap h5 + h3, .rt-wrap h5 + h4, .rt-wrap h5 + h5, .rt-wrap h5 + h6, .rt-wrap h6 + h1, .rt-wrap h6 + h2, .rt-wrap h6 + h3, .rt-wrap h6 + h4, .rt-wrap h6 + h5, .rt-wrap h6 + h6 { margin-top: 0; } .rt-wrap hr { border: 0; border-top: 0.0625rem solid #f2c78d; display: block; margin: 2.5rem 0; } .rt-wrap a { color: #e58e1a; font-weight: 700; overflow-wrap: anywhere; text-decoration: underline; transition: 0.2s; word-wrap: anywhere; } @media (min-width: 768px) { .rt-wrap a { overflow-wrap: normal; word-wrap: normal; } } .rt-wrap a:hover { color: #c96b13; text-decoration: underline; } .rt-wrap a:focus { box-shadow: 0 0 0 2px rgba(0, 74, 100, 0.12); } .rt-wrap a[href^="tel:"] { align-items: center; color: #333; display: inline-flex; font-weight: 700; vertical-align: bottom; } .rt-wrap a[href^="tel:"]::before { background: url(/images/phone-icon-gray.svg) center no-repeat; background-size: contain; content: ''; display: inline-block; height: 1rem; margin-right: 0.625rem; position: relative; top: 0.0625rem; width: 1rem; } @media (min-width: 768px) { .rt-wrap a[href^="tel:"]::before { height: 1.125rem; width: 1.125rem; } } .rt-wrap b, .rt-wrap strong { font-weight: 700; } .rt-wrap i, .rt-wrap em { font-style: italic; } .rt-wrap ul { margin-bottom: 1.25rem; max-width: 53.125rem; } @media (min-width: 1024px) { .rt-wrap ul { margin-bottom: 1.625rem; } } .rt-wrap ul li { margin-bottom: 0.25rem; padding-left: 1.375rem; } @media (min-width: 480px) { .rt-wrap ul li { padding-left: 1.625rem; } } .rt-wrap ul li::before { content: '\2022'; display: inline-block; margin-left: -1.375rem; width: 1.25rem; } @media (min-width: 480px) { .rt-wrap ul li::before { margin-left: -1.625rem; width: 1.5rem; } } .rt-wrap ul ul li::before { content: '\2013'; font-weight: 700; } .rt-wrap ol { counter-reset: ol; margin-bottom: 1.25rem; max-width: 53.125rem; } @media (min-width: 1024px) { .rt-wrap ol { margin-bottom: 1.625rem; } } .rt-wrap ol li { counter-increment: ol; margin-bottom: 0.25rem; padding-left: 2.375rem; } .rt-wrap ol li::before { content: counter(ol) "."; display: inline-block; margin-left: -2.375rem; width: 2.375rem; } .rt-wrap ol ol { counter-reset: ol2; } .rt-wrap ol ol li { counter-increment: ol2; } .rt-wrap ol ol li::before { content: counter(ol2, alphabetic); } .rt-wrap .rt-table-wrapper { margin-bottom: 2.5rem; position: relative; } .rt-wrap .rt-table-wrapper::before, .rt-wrap .rt-table-wrapper::after { bottom: 0; content: ''; display: block; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: 0.5s; width: 2rem; z-index: 1; } .rt-wrap .rt-table-wrapper::before { background: linear-gradient(to right, rgba(229, 142, 26, 0.1), rgba(229, 142, 26, 0.05) 30%, rgba(229, 142, 26, 0)); left: 0; } .rt-wrap .rt-table-wrapper::after { background: linear-gradient(to left, rgba(229, 142, 26, 0.1), rgba(229, 142, 26, 0.05) 30%, rgba(229, 142, 26, 0)); right: 0; } .rt-wrap .rt-table-wrapper[data-show-left-scroll-hint]::before { opacity: 1; } .rt-wrap .rt-table-wrapper[data-show-right-scroll-hint]::after { opacity: 1; } @media (min-width: 1024px) { .rt-wrap .rt-table-wrapper { margin-bottom: 3.75rem; } } .rt-wrap .rt-table-wrapper__inner { overflow-x: auto; overflow-y: visible; } @media (min-width: 1024px) { .rt-wrap .rt-table-wrapper__inner { overflow-x: visible; overflow-y: visible; } } .rt-wrap table { background: #fff; margin-bottom: 2.5rem; width: 100%; } @media (min-width: 1024px) { .rt-wrap table { margin-bottom: 3.75rem; } } .rt-wrap table th, .rt-wrap table td { height: auto !important; min-width: 6.25rem; padding: 0.75rem 1rem; vertical-align: top; width: auto !important; } @media (min-width: 0) and (max-width: 480px) { .rt-wrap table th, .rt-wrap table td { font-size: 0.875rem; } } @media (min-width: 1024px) { .rt-wrap table th, .rt-wrap table td { min-width: 0; } } .rt-wrap table thead td, .rt-wrap table th { background: #f9e3c6; border-bottom: 0.125rem solid #e58e1a; font-weight: 700; line-height: 1.25; padding-top: 0.875rem; padding-bottom: 0.875rem; vertical-align: middle; } .rt-wrap table tr:nth-child(even) > td { background: #fafafa; } .rt-wrap .rt-outlined-orange-button, .rt-wrap .rt-solid-orange-button { text-decoration: none; } @media (min-width: 0) and (max-width: 480px) { .rt-wrap .rt-outlined-orange-button, .rt-wrap .rt-solid-orange-button { width: 100%; } } @media (min-width: 0) and (max-width: 768px) { .rt-wrap .rt-outlined-orange-button, .rt-wrap .rt-solid-orange-button { margin-bottom: 0.25rem; } } .rt-wrap .rt-outlined-orange-button:hover, .rt-wrap .rt-solid-orange-button:hover { text-decoration: none; } .rt-wrap *:first-child { margin-top: 0; } .rt-wrap *:last-child { margin-bottom: 0; } .rt-wrap--centered { text-align: center; } .rt-wrap--centered p, .rt-wrap--centered ol, .rt-wrap--centered ul { margin-left: auto; margin-right: auto; } .rt-wrap--intro { font-size: 2rem; line-height: 2.5rem; } .rt-wrap--bold { font-weight: 700; } .rt-wrap--sm { font-size: 1rem; line-height: 1.5rem; } .rt-wrap--xs { font-size: 0.75rem; line-height: 1.125rem; } @media (min-width: 480px) { .rt-wrap--xs { font-size: 0.875rem; line-height: 1.25rem; } } .rt-wrap--invert { color: #fff; } .rt-wrap--invert h1, .rt-wrap--invert h2, .rt-wrap--invert h3, .rt-wrap--invert h4 { color: #fff; } .rt-wrap--invert a { color: inherit; font-weight: 700; } .rt-wrap--invert a:hover { color: inherit; text-decoration: underline; } .rt-wrap--invert a[href^="tel"] { color: #fff; } .rt-wrap--invert a[href^="tel"]::before { background-image: url(/images/phone-icon-white.svg); } .rt-wrap--invert hr { border-color: #d9e4e8; } .rt-wrap--invert .rt-solid-orange-button, .rt-wrap--invert .rt-outlined-orange-button { color: #fff; width: 100%; } .rt-wrap--invert .rt-solid-orange-button:focus, .rt-wrap--invert .rt-solid-orange-button:hover, .rt-wrap--invert .rt-outlined-orange-button:focus, .rt-wrap--invert .rt-outlined-orange-button:hover { color: #f9e3c6; } .rt-wrap--invert .rt-solid-orange-button:focus, .rt-wrap--invert .rt-outlined-orange-button:focus { box-shadow: inset 0 0 0 0.1875rem, 0 0 0 2px rgba(255, 255, 255, 0.16); } .rt-wrap--invert ul li::before, .rt-wrap--invert ol li::before { color: inherit; } /** * 9. UTILITIES */ /** * UTILITIES.LAYOUT * * @description : These classes trump other preceeding styles. * Userful for quickly applying common adjustments. */ .u-bg-pale-gray { background: #fafafa; } /** * UTILITIES.LAYOUT * * @description : These classes trump other preceeding styles. * Userful for quickly applying common adjustments. */ .u-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } @media (min-width: 0) and (max-width: 480px) { .u-hide-lte-sm { display: none !important; } } @media (min-width: 480px) { .u-hide-gte-sm { display: none !important; } } @media (min-width: 0) and (max-width: 768px) { .u-hide-lte-md { display: none !important; } } @media (min-width: 768px) { .u-hide-gte-md { display: none !important; } } @media (min-width: 0) and (max-width: 1024px) { .u-hide-lte-lg { display: none !important; } } @media (min-width: 1024px) { .u-hide-gte-lg { display: none !important; } } @media (min-width: 0) and (max-width: 1440px) { .u-hide-lte-xl { display: none !important; } } @media (min-width: 1440px) { .u-hide-gte-xl { display: none !important; } } @media (min-width: 0) and (max-width: 1680px) { .u-hide-lte-xxl { display: none !important; } } @media (min-width: 1680px) { .u-hide-gte-xxl { display: none !important; } } .u-overflow-hidden { overflow: hidden; } .u-bb-pale-blue { border-bottom: 0.0625rem solid #e6edf0; } /** * UTILITIES.SPACING * * @description : Quickly apply margins/paddings where needed. */ .u-pt-0 { padding-top: 0rem !important; } .u-pr-0 { padding-right: 0rem !important; } .u-pb-0 { padding-bottom: 0rem !important; } .u-pl-0 { padding-left: 0rem !important; } .u-mt-0 { margin-top: 0rem !important; } .u-mr-0 { margin-right: 0rem !important; } .u-mb-0 { margin-bottom: 0rem !important; } .u-ml-0 { margin-left: 0rem !important; } .u-pt-1 { padding-top: 0.5rem !important; } .u-pr-1 { padding-right: 0.5rem !important; } .u-pb-1 { padding-bottom: 0.5rem !important; } .u-pl-1 { padding-left: 0.5rem !important; } .u-mt-1 { margin-top: 0.5rem !important; } .u-mr-1 { margin-right: 0.5rem !important; } .u-mb-1 { margin-bottom: 0.5rem !important; } .u-ml-1 { margin-left: 0.5rem !important; } .u-pt-2 { padding-top: 1rem !important; } .u-pr-2 { padding-right: 1rem !important; } .u-pb-2 { padding-bottom: 1rem !important; } .u-pl-2 { padding-left: 1rem !important; } .u-mt-2 { margin-top: 1rem !important; } .u-mr-2 { margin-right: 1rem !important; } .u-mb-2 { margin-bottom: 1rem !important; } .u-ml-2 { margin-left: 1rem !important; } .u-pt-3 { padding-top: 1.5rem !important; } .u-pr-3 { padding-right: 1.5rem !important; } .u-pb-3 { padding-bottom: 1.5rem !important; } .u-pl-3 { padding-left: 1.5rem !important; } .u-mt-3 { margin-top: 1.5rem !important; } .u-mr-3 { margin-right: 1.5rem !important; } .u-mb-3 { margin-bottom: 1.5rem !important; } .u-ml-3 { margin-left: 1.5rem !important; } .u-pt-4 { padding-top: 2rem !important; } .u-pr-4 { padding-right: 2rem !important; } .u-pb-4 { padding-bottom: 2rem !important; } .u-pl-4 { padding-left: 2rem !important; } .u-mt-4 { margin-top: 2rem !important; } .u-mr-4 { margin-right: 2rem !important; } .u-mb-4 { margin-bottom: 2rem !important; } .u-ml-4 { margin-left: 2rem !important; } .u-pt-5 { padding-top: 2.5rem !important; } .u-pr-5 { padding-right: 2.5rem !important; } .u-pb-5 { padding-bottom: 2.5rem !important; } .u-pl-5 { padding-left: 2.5rem !important; } .u-mt-5 { margin-top: 2.5rem !important; } .u-mr-5 { margin-right: 2.5rem !important; } .u-mb-5 { margin-bottom: 2.5rem !important; } .u-ml-5 { margin-left: 2.5rem !important; } .u-pt-6 { padding-top: 3.625rem !important; } .u-pr-6 { padding-right: 3.625rem !important; } .u-pb-6 { padding-bottom: 3.625rem !important; } .u-pl-6 { padding-left: 3.625rem !important; } .u-mt-6 { margin-top: 3.625rem !important; } .u-mr-6 { margin-right: 3.625rem !important; } .u-mb-6 { margin-bottom: 3.625rem !important; } .u-ml-6 { margin-left: 3.625rem !important; } .u-pt-7 { padding-top: 4.625rem !important; } .u-pr-7 { padding-right: 4.625rem !important; } .u-pb-7 { padding-bottom: 4.625rem !important; } .u-pl-7 { padding-left: 4.625rem !important; } .u-mt-7 { margin-top: 4.625rem !important; } .u-mr-7 { margin-right: 4.625rem !important; } .u-mb-7 { margin-bottom: 4.625rem !important; } .u-ml-7 { margin-left: 4.625rem !important; } .u-pt-8 { padding-top: 5.625rem !important; } .u-pr-8 { padding-right: 5.625rem !important; } .u-pb-8 { padding-bottom: 5.625rem !important; } .u-pl-8 { padding-left: 5.625rem !important; } .u-mt-8 { margin-top: 5.625rem !important; } .u-mr-8 { margin-right: 5.625rem !important; } .u-mb-8 { margin-bottom: 5.625rem !important; } .u-ml-8 { margin-left: 5.625rem !important; } .u-pt-9 { padding-top: 7.625rem !important; } .u-pr-9 { padding-right: 7.625rem !important; } .u-pb-9 { padding-bottom: 7.625rem !important; } .u-pl-9 { padding-left: 7.625rem !important; } .u-mt-9 { margin-top: 7.625rem !important; } .u-mr-9 { margin-right: 7.625rem !important; } .u-mb-9 { margin-bottom: 7.625rem !important; } .u-ml-9 { margin-left: 7.625rem !important; } .u-pt-10 { padding-top: 9.625rem !important; } .u-pr-10 { padding-right: 9.625rem !important; } .u-pb-10 { padding-bottom: 9.625rem !important; } .u-pl-10 { padding-left: 9.625rem !important; } .u-mt-10 { margin-top: 9.625rem !important; } .u-mr-10 { margin-right: 9.625rem !important; } .u-mb-10 { margin-bottom: 9.625rem !important; } .u-ml-10 { margin-left: 9.625rem !important; } @media (max-width: 767px) { .u-mob-pt-0 { padding-top: 0rem !important; } } @media (max-width: 767px) { .u-mob-pr-0 { padding-right: 0rem !important; } } @media (max-width: 767px) { .u-mob-pb-0 { padding-bottom: 0rem !important; } } @media (max-width: 767px) { .u-mob-pl-0 { padding-left: 0rem !important; } } @media (max-width: 767px) { .u-mob-mt-0 { margin-top: 0rem !important; } } @media (max-width: 767px) { .u-mob-mr-0 { margin-right: 0rem !important; } } @media (max-width: 767px) { .u-mob-mb-0 { margin-bottom: 0rem !important; } } @media (max-width: 767px) { .u-mob-ml-0 { margin-left: 0rem !important; } } @media (max-width: 767px) { .u-mob-pt-1 { padding-top: 0.5rem !important; } } @media (max-width: 767px) { .u-mob-pr-1 { padding-right: 0.5rem !important; } } @media (max-width: 767px) { .u-mob-pb-1 { padding-bottom: 0.5rem !important; } } @media (max-width: 767px) { .u-mob-pl-1 { padding-left: 0.5rem !important; } } @media (max-width: 767px) { .u-mob-mt-1 { margin-top: 0.5rem !important; } } @media (max-width: 767px) { .u-mob-mr-1 { margin-right: 0.5rem !important; } } @media (max-width: 767px) { .u-mob-mb-1 { margin-bottom: 0.5rem !important; } } @media (max-width: 767px) { .u-mob-ml-1 { margin-left: 0.5rem !important; } } @media (max-width: 767px) { .u-mob-pt-2 { padding-top: 1rem !important; } } @media (max-width: 767px) { .u-mob-pr-2 { padding-right: 1rem !important; } } @media (max-width: 767px) { .u-mob-pb-2 { padding-bottom: 1rem !important; } } @media (max-width: 767px) { .u-mob-pl-2 { padding-left: 1rem !important; } } @media (max-width: 767px) { .u-mob-mt-2 { margin-top: 1rem !important; } } @media (max-width: 767px) { .u-mob-mr-2 { margin-right: 1rem !important; } } @media (max-width: 767px) { .u-mob-mb-2 { margin-bottom: 1rem !important; } } @media (max-width: 767px) { .u-mob-ml-2 { margin-left: 1rem !important; } } @media (max-width: 767px) { .u-mob-pt-3 { padding-top: 1.5rem !important; } } @media (max-width: 767px) { .u-mob-pr-3 { padding-right: 1.5rem !important; } } @media (max-width: 767px) { .u-mob-pb-3 { padding-bottom: 1.5rem !important; } } @media (max-width: 767px) { .u-mob-pl-3 { padding-left: 1.5rem !important; } } @media (max-width: 767px) { .u-mob-mt-3 { margin-top: 1.5rem !important; } } @media (max-width: 767px) { .u-mob-mr-3 { margin-right: 1.5rem !important; } } @media (max-width: 767px) { .u-mob-mb-3 { margin-bottom: 1.5rem !important; } } @media (max-width: 767px) { .u-mob-ml-3 { margin-left: 1.5rem !important; } } @media (max-width: 767px) { .u-mob-pt-4 { padding-top: 2rem !important; } } @media (max-width: 767px) { .u-mob-pr-4 { padding-right: 2rem !important; } } @media (max-width: 767px) { .u-mob-pb-4 { padding-bottom: 2rem !important; } } @media (max-width: 767px) { .u-mob-pl-4 { padding-left: 2rem !important; } } @media (max-width: 767px) { .u-mob-mt-4 { margin-top: 2rem !important; } } @media (max-width: 767px) { .u-mob-mr-4 { margin-right: 2rem !important; } } @media (max-width: 767px) { .u-mob-mb-4 { margin-bottom: 2rem !important; } } @media (max-width: 767px) { .u-mob-ml-4 { margin-left: 2rem !important; } } @media (max-width: 767px) { .u-mob-pt-5 { padding-top: 2.5rem !important; } } @media (max-width: 767px) { .u-mob-pr-5 { padding-right: 2.5rem !important; } } @media (max-width: 767px) { .u-mob-pb-5 { padding-bottom: 2.5rem !important; } } @media (max-width: 767px) { .u-mob-pl-5 { padding-left: 2.5rem !important; } } @media (max-width: 767px) { .u-mob-mt-5 { margin-top: 2.5rem !important; } } @media (max-width: 767px) { .u-mob-mr-5 { margin-right: 2.5rem !important; } } @media (max-width: 767px) { .u-mob-mb-5 { margin-bottom: 2.5rem !important; } } @media (max-width: 767px) { .u-mob-ml-5 { margin-left: 2.5rem !important; } } @media (max-width: 767px) { .u-mob-pt-6 { padding-top: 3.625rem !important; } } @media (max-width: 767px) { .u-mob-pr-6 { padding-right: 3.625rem !important; } } @media (max-width: 767px) { .u-mob-pb-6 { padding-bottom: 3.625rem !important; } } @media (max-width: 767px) { .u-mob-pl-6 { padding-left: 3.625rem !important; } } @media (max-width: 767px) { .u-mob-mt-6 { margin-top: 3.625rem !important; } } @media (max-width: 767px) { .u-mob-mr-6 { margin-right: 3.625rem !important; } } @media (max-width: 767px) { .u-mob-mb-6 { margin-bottom: 3.625rem !important; } } @media (max-width: 767px) { .u-mob-ml-6 { margin-left: 3.625rem !important; } } @media (max-width: 767px) { .u-mob-pt-7 { padding-top: 4.625rem !important; } } @media (max-width: 767px) { .u-mob-pr-7 { padding-right: 4.625rem !important; } } @media (max-width: 767px) { .u-mob-pb-7 { padding-bottom: 4.625rem !important; } } @media (max-width: 767px) { .u-mob-pl-7 { padding-left: 4.625rem !important; } } @media (max-width: 767px) { .u-mob-mt-7 { margin-top: 4.625rem !important; } } @media (max-width: 767px) { .u-mob-mr-7 { margin-right: 4.625rem !important; } } @media (max-width: 767px) { .u-mob-mb-7 { margin-bottom: 4.625rem !important; } } @media (max-width: 767px) { .u-mob-ml-7 { margin-left: 4.625rem !important; } } @media (max-width: 767px) { .u-mob-pt-8 { padding-top: 5.625rem !important; } } @media (max-width: 767px) { .u-mob-pr-8 { padding-right: 5.625rem !important; } } @media (max-width: 767px) { .u-mob-pb-8 { padding-bottom: 5.625rem !important; } } @media (max-width: 767px) { .u-mob-pl-8 { padding-left: 5.625rem !important; } } @media (max-width: 767px) { .u-mob-mt-8 { margin-top: 5.625rem !important; } } @media (max-width: 767px) { .u-mob-mr-8 { margin-right: 5.625rem !important; } } @media (max-width: 767px) { .u-mob-mb-8 { margin-bottom: 5.625rem !important; } } @media (max-width: 767px) { .u-mob-ml-8 { margin-left: 5.625rem !important; } } @media (max-width: 767px) { .u-mob-pt-9 { padding-top: 7.625rem !important; } } @media (max-width: 767px) { .u-mob-pr-9 { padding-right: 7.625rem !important; } } @media (max-width: 767px) { .u-mob-pb-9 { padding-bottom: 7.625rem !important; } } @media (max-width: 767px) { .u-mob-pl-9 { padding-left: 7.625rem !important; } } @media (max-width: 767px) { .u-mob-mt-9 { margin-top: 7.625rem !important; } } @media (max-width: 767px) { .u-mob-mr-9 { margin-right: 7.625rem !important; } } @media (max-width: 767px) { .u-mob-mb-9 { margin-bottom: 7.625rem !important; } } @media (max-width: 767px) { .u-mob-ml-9 { margin-left: 7.625rem !important; } } @media (max-width: 767px) { .u-mob-pt-10 { padding-top: 9.625rem !important; } } @media (max-width: 767px) { .u-mob-pr-10 { padding-right: 9.625rem !important; } } @media (max-width: 767px) { .u-mob-pb-10 { padding-bottom: 9.625rem !important; } } @media (max-width: 767px) { .u-mob-pl-10 { padding-left: 9.625rem !important; } } @media (max-width: 767px) { .u-mob-mt-10 { margin-top: 9.625rem !important; } } @media (max-width: 767px) { .u-mob-mr-10 { margin-right: 9.625rem !important; } } @media (max-width: 767px) { .u-mob-mb-10 { margin-bottom: 9.625rem !important; } } @media (max-width: 767px) { .u-mob-ml-10 { margin-left: 9.625rem !important; } } /** * UTILITIES.TYPE * * @description : These classes trump other preceeding styles. * Userful for quickly applying common adjustments. */ .u-tc { text-align: center; } .u-tr { text-align: right; } .u-tl { text-align: left; } /** * COMPONENTS.VALIDATION * * @description : Validation styles for form elements * */ p.u-error { color: #d00; font-weight: bold; font-size: 0.875em; padding: 0.5em 0; margin-bottom: 0; } [type='radio'].u-error + label, [type='checkbox'].u-error + label { color: #d00; } [type='text'].u-error, [type='email'].u-error, [type='password'].u-error, [type='tel'].u-error, [type='search'].u-error, [type='url'].u-error, select.u-error, textarea.u-error { border-color: #d00; } /*# sourceMappingURL=master.css.map */