/* MIXINS - Table of Contents ----------------------------------------------------------------*/ /* Columns and offsets ----------------------------------------------------*/ /* Borders ----------------------------------------------------------------*/ /* Border-radius */ /* Transitions and Effects ----------------------------------------------------------------*/ /* Transition all properties */ /* Background Size and Position ----------------------------------------------------------------*/ /* Positioning and Layout ----------------------------------------------------------------*/ /* Gradients ----------------------------------------------------------------*/ /* Two tone color gradient */ /* Two tone color gradient which switches colors at 20% */ /* Typography ----------------------------------------------------------------*/ /* Margins & Padding ----------------------------------------------------------------*/ /* Clearfix ----------------------------------------------------------------*/ /* Hide elements ----------------------------------------------------------------*/ /* Layout ----------------------------------------------------------------*/ /* Number of columns */ /* sets the number of columns the grid builder uses */ /* Fixed width Containers */ /* Media Queries ---------------------------------------------------*/ /* Default Row Spacings ---------------------------------------------------*/ /* Tile Layout for large desktop layout ---------------------------------------------------*/ /* This width used to calculate gutters as percentages */ /* calculated as 55% of @desktop-grid-width */ /* calculates the horizontal gutter as a percentage of the width */ /* calculates the horizontal gutter as a percentage of the height */ /* Tile Layout for medium desktop layout ---------------------------------------------------*/ /* This width used to calculate gutters as percentages */ /* calculated as 55% of @desktop-grid-width */ /* calculates the horizontal gutter as a percentage of the width */ /* calculates the horizontal gutter as a percentage of the height */ /* Tile Layout for small desktop layout ---------------------------------------------------*/ /* This width used to calculate gutters as percentages */ /* calculated as 106.25% of @desktop-grid-width */ /* calculates the horizontal gutter as a percentage of the width */ /* calculates the horizontal gutter as a percentage of the height */ /* Tile Layout for tablet portrait layout ---------------------------------------------------*/ /* This width used to calculate gutters as percentages */ /* calculated as 115.42553191489363% of @tablet-grid-width */ /* calculates the horizontal gutter as a percentage of the width */ /* calculates the horizontal gutter as a percentage of the height */ /* Colors ----------------------------------------------------------------*/ /* Type colours - cross referenced to swatches ----------------------------------------------------------------*/ /* Default Type Face ----------------------------------------------------------------*/ /* Background colors ----------------------------------------------------------------*/ /* buttons & Links ---------------------------------------------------*/ /* forms ---------------------------------------------------*/ /* Header and Navigation ---------------------------------------------------*/ /* Footer and Navigation ---------------------------------------------------*/ /* In Page Navigation ---------------------------------------------------*/ /* Promos ---------------------------------------------------*/ /* Media Queries ---------------------------------------------------*/ /* Layout ----------------------------------------------------------------*/ /* Number of columns */ /* sets the number of columns the grid builder uses */ /* Fixed width Containers */ /* Media Queries ---------------------------------------------------*/ /* Default Row Spacings ---------------------------------------------------*/ /* Tile Layout for large desktop layout ---------------------------------------------------*/ /* This width used to calculate gutters as percentages */ /* calculated as 55% of @desktop-grid-width */ /* calculates the horizontal gutter as a percentage of the width */ /* calculates the horizontal gutter as a percentage of the height */ /* Tile Layout for medium desktop layout ---------------------------------------------------*/ /* This width used to calculate gutters as percentages */ /* calculated as 55% of @desktop-grid-width */ /* calculates the horizontal gutter as a percentage of the width */ /* calculates the horizontal gutter as a percentage of the height */ /* Tile Layout for small desktop layout ---------------------------------------------------*/ /* This width used to calculate gutters as percentages */ /* calculated as 106.25% of @desktop-grid-width */ /* calculates the horizontal gutter as a percentage of the width */ /* calculates the horizontal gutter as a percentage of the height */ /* Tile Layout for tablet portrait layout ---------------------------------------------------*/ /* This width used to calculate gutters as percentages */ /* calculated as 115.42553191489363% of @tablet-grid-width */ /* calculates the horizontal gutter as a percentage of the width */ /* calculates the horizontal gutter as a percentage of the height */ /* Colors ----------------------------------------------------------------*/ /* RGBs @white: (255, 255, 255); @black: (0, 0, 0); @swatch-1: (26, 26, 26); @swatch-2: (33, 33, 33); @swatch-3: (51, 51, 51); @swatch-4: (102, 102, 102); @swatch-5: (153, 153, 153); @swatch-6: (175, 176, 176); @swatch-7: (183, 183 ,176); @swatch-8: (215, 215, 206); @swatch-9: (221, 221, 221); @swatch-10: (232, 232, 232); @swatch-11: (0, 134, 211); @swatch-12: (56, 56, 56); @swatch-13: (47, 47, 47); @swatch-14: (241, 241, 241); @swatch-15: (66, 66, 66); */ /* Type colours - cross referenced to swatches ----------------------------------------------------------------*/ /* Default Type Face ----------------------------------------------------------------*/ /* Background colors ----------------------------------------------------------------*/ /* buttons & Links ---------------------------------------------------*/ /* forms ---------------------------------------------------*/ /* Header and Navigation ---------------------------------------------------*/ /* Footer and Navigation ---------------------------------------------------*/ /* In Page Navigation ---------------------------------------------------*/ /* Promos ---------------------------------------------------*/ /* CSS Content ---------------------------------------------------*/ /* SVGs ---------------------------------------------------*/ /* MIXINS - Table of Contents ----------------------------------------------------------------*/ /* Icons ----------------------------------------------------------------*/ /* Social Icons ----------------------------------------------------------------*/ .overlay-helper { /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* HTML5 display-role reset for older browsers */ /* Creates a column grid with percentage gutters Gutter sizes are controlled using variables The number of columns is defined by the grid-columns variable */ /* #Clearing ---------------------------------------------------------------*/ /* .row, .clearfix, .layout, .container { zoom: 1; } /* You can also use a
to clear columns */ /* Defaults ----------------------------------------------*/ /* Small Screen defaults ----------------------------------------------*/ /* TYPOGRAPHY - Overide this in a seperate site specific Typography style sheet ----------------------------------------------------*/ /* NAV - Overide this in a seperate site specific navigation style sheet ----------------------------------------------------*/ /* Creates a column grid with percentage gutters Gutter sizes are controlled using variables The number of columns is defined by the grid-columns variable */ /* #Clearing ---------------------------------------------------------------*/ /* You can also use a
to clear columns */ /* Font Variants -----------------------------------------*/ /* #Typography ================================================== */ /* Titles -----------------------------------------*/ } .overlay-helper html, .overlay-helper body, .overlay-helper div, .overlay-helper span, .overlay-helper applet, .overlay-helper object, .overlay-helper iframe, .overlay-helper h1, .overlay-helper h2, .overlay-helper h3, .overlay-helper h4, .overlay-helper h5, .overlay-helper h6, .overlay-helper p, .overlay-helper blockquote, .overlay-helper pre, .overlay-helper a, .overlay-helper abbr, .overlay-helper acronym, .overlay-helper address, .overlay-helper big, .overlay-helper cite, .overlay-helper code, .overlay-helper del, .overlay-helper dfn, .overlay-helper em, .overlay-helper img, .overlay-helper ins, .overlay-helper kbd, .overlay-helper q, .overlay-helper s, .overlay-helper samp, .overlay-helper small, .overlay-helper strike, .overlay-helper strong, .overlay-helper sub, .overlay-helper sup, .overlay-helper tt, .overlay-helper var, .overlay-helper b, .overlay-helper u, .overlay-helper i, .overlay-helper center, .overlay-helper dl, .overlay-helper dt, .overlay-helper dd, .overlay-helper ol, .overlay-helper ul, .overlay-helper li, .overlay-helper fieldset, .overlay-helper form, .overlay-helper label, .overlay-helper legend, .overlay-helper table, .overlay-helper caption, .overlay-helper tbody, .overlay-helper tfoot, .overlay-helper thead, .overlay-helper tr, .overlay-helper th, .overlay-helper td, .overlay-helper article, .overlay-helper aside, .overlay-helper canvas, .overlay-helper details, .overlay-helper embed, .overlay-helper figure, .overlay-helper figcaption, .overlay-helper footer, .overlay-helper header, .overlay-helper hgroup, .overlay-helper menu, .overlay-helper nav, .overlay-helper output, .overlay-helper ruby, .overlay-helper section, .overlay-helper summary, .overlay-helper time, .overlay-helper mark, .overlay-helper audio, .overlay-helper video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .overlay-helper article, .overlay-helper aside, .overlay-helper details, .overlay-helper figcaption, .overlay-helper figure, .overlay-helper footer, .overlay-helper header, .overlay-helper hgroup, .overlay-helper menu, .overlay-helper nav, .overlay-helper section { display: block; } .overlay-helper body { line-height: 1; } .overlay-helper ol, .overlay-helper ul { list-style: none; } .overlay-helper blockquote, .overlay-helper q { quotes: none; } .overlay-helper blockquote:before, .overlay-helper blockquote:after, .overlay-helper q:before, .overlay-helper q:after { content: ''; content: none; } .overlay-helper table { border-collapse: collapse; border-spacing: 0; } .overlay-helper [class*='res-'] { margin: 0.27573529% 0.5859375%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ } .overlay-helper .container { max-width: 992px; margin: 0 auto; position: relative; } .overlay-helper .res-1024-cols-12, .overlay-helper .equal-height-background .res-1024-cols-12:before { width: 98.828125%; } .overlay-helper .res-1024-cols-11, .overlay-helper .equal-height-background .res-1024-cols-11:before { width: 90.49479167%; } .overlay-helper .res-1024-cols-10, .overlay-helper .equal-height-background .res-1024-cols-10:before { width: 82.16145833%; } .overlay-helper .res-1024-cols-9, .overlay-helper .equal-height-background .res-1024-cols-9:before { width: 73.828125%; } .overlay-helper .res-1024-cols-8, .overlay-helper .equal-height-background .res-1024-cols-8:before { width: 65.49479167%; } .overlay-helper .res-1024-cols-7, .overlay-helper .equal-height-background .res-1024-cols-7:before { width: 57.16145833%; } .overlay-helper .res-1024-cols-6, .overlay-helper .equal-height-background .res-1024-cols-6:before { width: 48.828125%; } .overlay-helper .res-1024-cols-5, .overlay-helper .equal-height-background .res-1024-cols-5:before { width: 40.49479167%; } .overlay-helper .res-1024-cols-4, .overlay-helper .equal-height-background .res-1024-cols-4:before { width: 32.16145833%; } .overlay-helper .res-1024-cols-3, .overlay-helper .equal-height-background .res-1024-cols-3:before { width: 23.828125%; } .overlay-helper .res-1024-cols-2, .overlay-helper .equal-height-background .res-1024-cols-2:before { width: 15.49479167%; } .overlay-helper .res-1024-cols-1, .overlay-helper .equal-height-background .res-1024-cols-1:before { width: 7.16145833%; } @media (max-width: 768px) { .overlay-helper [class*='res-1024-'] { width: 98.40425532%; margin: 3px 0.79787234%; } .overlay-helper .res-752-cols-12, .overlay-helper .equal-height-background .res-752-cols-12:before { width: 98.40425532%; } .overlay-helper .res-752-cols-11, .overlay-helper .equal-height-background .res-752-cols-11:before { width: 90.07092199%; } .overlay-helper .res-752-cols-10, .overlay-helper .equal-height-background .res-752-cols-10:before { width: 81.73758865%; } .overlay-helper .res-752-cols-9, .overlay-helper .equal-height-background .res-752-cols-9:before { width: 73.40425532%; } .overlay-helper .res-752-cols-8, .overlay-helper .equal-height-background .res-752-cols-8:before { width: 65.07092199%; } .overlay-helper .res-752-cols-7, .overlay-helper .equal-height-background .res-752-cols-7:before { width: 56.73758865%; } .overlay-helper .res-752-cols-6, .overlay-helper .equal-height-background .res-752-cols-6:before { width: 48.40425532%; } .overlay-helper .res-752-cols-5, .overlay-helper .equal-height-background .res-752-cols-5:before { width: 40.07092199%; } .overlay-helper .res-752-cols-4, .overlay-helper .equal-height-background .res-752-cols-4:before { width: 31.73758865%; } .overlay-helper .res-752-cols-3, .overlay-helper .equal-height-background .res-752-cols-3:before { width: 23.40425532%; } .overlay-helper .res-752-cols-2, .overlay-helper .equal-height-background .res-752-cols-2:before { width: 15.07092199%; } .overlay-helper .res-752-cols-1, .overlay-helper .equal-height-background .res-752-cols-1:before { width: 6.73758865%; } .overlay-helper [class*='res-752-'] { margin: 3px 0.79787234%; } .overlay-helper .container { max-width: 752px; margin: 0 1.59574468%; } .overlay-helper .main-content .layout { padding-top: 0; padding-bottom: 0; } } .overlay-helper .clearfix:before, .overlay-helper .clearfix:after, .overlay-helper .row:before, .overlay-helper .row:after, .overlay-helper .layout:before, .overlay-helper .layout:after, .overlay-helper .container:before, .overlay-helper .container:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .overlay-helper .row:after, .overlay-helper .clearfix:after, .overlay-helper .container:after, .overlay-helper .layout:after { clear: both; } .overlay-helper .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .overlay-helper .field-label, .overlay-helper .field-imput { line-height: 1.5; } .overlay-helper .field-label { text-align: right; } .overlay-helper .validation { display: none; } .overlay-helper .field-input input, .overlay-helper .field-input select { width: 50%; } .overlay-helper .field-input input[type="button"] { width: auto; } .overlay-helper .field-input .select-wrapper { width: 50%; } .overlay-helper .select-wrapper { display: inline-block; background-color: transparent; } .overlay-helper .select-wrapper select { background: transparent; width: 100%; } .overlay-helper .disclaimer { font-size: 11px; font-size: 1.1rem; margin-top: 20px; margin-top: 2rem; } .overlay-helper input, .overlay-helper select, .overlay-helper .select-wrapper { line-height: 2; height: 30px; height: 3rem; border-top-right-radius: 1px; border-top-right-radius: 0.1rem; border-bottom-right-radius: 1px; border-bottom-right-radius: 0.1rem; border-bottom-left-radius: 1px; border-bottom-left-radius: 0.1rem; border-top-left-radius: 1px; border-top-left-radius: 0.1rem; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 2px solid #dddddd; background-color: transparent; color: #b7b7b0; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ } .overlay-helper input, .overlay-helper select { padding: 0px 10px 0px 10px; padding: 0rem 1rem 0rem 1rem; } .overlay-helper input[type="checkbox"] { line-height: 1; height: auto; } @media (max-width: 768px) { .overlay-helper .field-label { text-align: left; } .overlay-helper .field-input input, .overlay-helper .field-input select { width: 100%; } .overlay-helper .field-input input[type="button"] { width: auto; } .overlay-helper .field-input .select-wrapper { width: 100%; } } .overlay-helper html { font-size: 62.5%; -webkit-font-smoothing: antialiased; } .overlay-helper body { line-height: 1.125; color: #ccc; position: relative; background-color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; } .overlay-helper a { text-decoration: none; color: #999999; } .overlay-helper a:active, .overlay-helper a:hover { color: #000; } .overlay-helper .layout { padding: 6px 0; } .overlay-helper h1, .overlay-helper h2, .overlay-helper h3, .overlay-helper h4, .overlay-helper h5, .overlay-helper h6, .overlay-helper p { line-height: 1.125; color: #666; } .overlay-helper h1 a, .overlay-helper h2 a, .overlay-helper h3 a, .overlay-helper h4 a, .overlay-helper h5 a, .overlay-helper h6 a { font-weight: inherit; } .overlay-helper h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 14px; margin-bottom: 1.4rem; } .overlay-helper h2 { font-size: 32px; font-size: 3.2rem; margin-bottom: 10px; margin-bottom: 1rem; } .overlay-helper h3 { font-size: 26px; font-size: 2.6rem; margin-bottom: 8px; margin-bottom: 0.8rem; } .overlay-helper h4 { font-size: 22px; font-size: 2.2rem; margin-bottom: 4px; margin-bottom: 0.4rem; } .overlay-helper h5 { font-size: 18px; font-size: 1.8rem; } .overlay-helper h6 { font-size: 16px; font-size: 1.6rem; } .overlay-helper .level-1 > li, .overlay-helper .level-2 > li { float: left; padding: 0px 5px 0px 5px; padding: 0rem 0.5rem 0rem 0.5rem; } .overlay-helper .flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .overlay-helper .flex-item { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .overlay-helper [class*='res-'] { margin: 0.27573529% 0.5859375%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ } .overlay-helper .container { max-width: 992px; margin: 0 auto; position: relative; } .overlay-helper .res-1024-cols-12, .overlay-helper .equal-height-background .res-1024-cols-12:before { width: 98.828125%; } .overlay-helper .res-1024-cols-11, .overlay-helper .equal-height-background .res-1024-cols-11:before { width: 90.49479167%; } .overlay-helper .res-1024-cols-10, .overlay-helper .equal-height-background .res-1024-cols-10:before { width: 82.16145833%; } .overlay-helper .res-1024-cols-9, .overlay-helper .equal-height-background .res-1024-cols-9:before { width: 73.828125%; } .overlay-helper .res-1024-cols-8, .overlay-helper .equal-height-background .res-1024-cols-8:before { width: 65.49479167%; } .overlay-helper .res-1024-cols-7, .overlay-helper .equal-height-background .res-1024-cols-7:before { width: 57.16145833%; } .overlay-helper .res-1024-cols-6, .overlay-helper .equal-height-background .res-1024-cols-6:before { width: 48.828125%; } .overlay-helper .res-1024-cols-5, .overlay-helper .equal-height-background .res-1024-cols-5:before { width: 40.49479167%; } .overlay-helper .res-1024-cols-4, .overlay-helper .equal-height-background .res-1024-cols-4:before { width: 32.16145833%; } .overlay-helper .res-1024-cols-3, .overlay-helper .equal-height-background .res-1024-cols-3:before { width: 23.828125%; } .overlay-helper .res-1024-cols-2, .overlay-helper .equal-height-background .res-1024-cols-2:before { width: 15.49479167%; } .overlay-helper .res-1024-cols-1, .overlay-helper .equal-height-background .res-1024-cols-1:before { width: 7.16145833%; } @media (max-width: 768px) { .overlay-helper [class*='res-1024-'] { width: 98.40425532%; margin: 3px 0.79787234%; } .overlay-helper .res-752-cols-12, .overlay-helper .equal-height-background .res-752-cols-12:before { width: 98.40425532%; } .overlay-helper .res-752-cols-11, .overlay-helper .equal-height-background .res-752-cols-11:before { width: 90.07092199%; } .overlay-helper .res-752-cols-10, .overlay-helper .equal-height-background .res-752-cols-10:before { width: 81.73758865%; } .overlay-helper .res-752-cols-9, .overlay-helper .equal-height-background .res-752-cols-9:before { width: 73.40425532%; } .overlay-helper .res-752-cols-8, .overlay-helper .equal-height-background .res-752-cols-8:before { width: 65.07092199%; } .overlay-helper .res-752-cols-7, .overlay-helper .equal-height-background .res-752-cols-7:before { width: 56.73758865%; } .overlay-helper .res-752-cols-6, .overlay-helper .equal-height-background .res-752-cols-6:before { width: 48.40425532%; } .overlay-helper .res-752-cols-5, .overlay-helper .equal-height-background .res-752-cols-5:before { width: 40.07092199%; } .overlay-helper .res-752-cols-4, .overlay-helper .equal-height-background .res-752-cols-4:before { width: 31.73758865%; } .overlay-helper .res-752-cols-3, .overlay-helper .equal-height-background .res-752-cols-3:before { width: 23.40425532%; } .overlay-helper .res-752-cols-2, .overlay-helper .equal-height-background .res-752-cols-2:before { width: 15.07092199%; } .overlay-helper .res-752-cols-1, .overlay-helper .equal-height-background .res-752-cols-1:before { width: 6.73758865%; } .overlay-helper [class*='res-752-'] { margin: 3px 0.79787234%; } .overlay-helper .container { max-width: 752px; margin: 0 1.59574468%; } .overlay-helper .main-content .layout { padding-top: 0; padding-bottom: 0; } } .overlay-helper .clearfix:before, .overlay-helper .clearfix:after, .overlay-helper .row:before, .overlay-helper .row:after, .overlay-helper .layout:before, .overlay-helper .layout:after, .overlay-helper .container:before, .overlay-helper .container:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .overlay-helper .row:after, .overlay-helper .clearfix:after, .overlay-helper .container:after, .overlay-helper .layout:after { clear: both; } .overlay-helper .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .overlay-helper .overlay-helper { background-color: rgba(30, 30, 30, 0.9); position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 200; } .overlay-helper .overlay-helper .close { position: absolute; width: 20px; width: 2rem; height: 20px; height: 2rem; right: 30px; right: 3rem; top: 15px; top: 1.5rem; /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl85IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyLjkgMTIuMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIuOSAxMi4yIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNNi40LDQuN2w0LjgtNC40QzExLjQsMC4xLDExLjcsMCwxMS45LDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zYzAuMiwwLjIsMC4zLDAuNCwwLjMsMC43YzAsMC4zLTAuMSwwLjUtMC4zLDAuN0w3LjIsN0M3LDcuMiw2LjcsNy4zLDYuNSw3LjNDNi4yLDcuMyw2LDcuMiw1LjgsN0wwLjMsMS42QzAuMSwxLjQsMC4xLDEuMiwwLjEsMWMwLTAuMywwLjEtMC41LDAuMy0wLjdDMC41LDAuMSwwLjcsMCwxLDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zTDYuNCw0Ljd6Ii8+PHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTYuNSw3LjVsLTQuOCw0LjRjLTAuMiwwLjItMC40LDAuMy0wLjcsMC4zYy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNjLTAuMi0wLjItMC4zLTAuNC0wLjMtMC43YzAtMC4zLDAuMS0wLjUsMC4zLTAuN2w1LjQtNS40QzYsNSw2LjIsNC45LDYuNSw0LjlDNi43LDQuOSw3LDUsNy4yLDUuMmw1LjQsNS40YzAuMiwwLjIsMC4zLDAuNCwwLjMsMC43YzAsMC4zLTAuMSwwLjUtMC4zLDAuN2MtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNjLTAuMywwLTAuNS0wLjEtMC43LTAuM0w2LjUsNy41eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; background-size: 13px; background-position: center center; z-index: 5; } .overlay-helper .overlay-helper .close:before { content: 'Close'; display: inline-block; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #666666; position: absolute; right: 100%; padding-right: 8px; padding-right: 0.8rem; letter-spacing: 1.8px; letter-spacing: 0.18rem; } .overlay-helper .overlay-helper .wrapper { position: relative; width: 100%; max-width: 992px; margin: 5% auto; -webkit-transform: translateZ(0); } .overlay-helper .overlay-helper .container { overflow: hidden; padding-top: 50px; padding-top: 5rem; background: #e8e8e8; border-top-right-radius: 7px; border-top-right-radius: 0.7rem; border-bottom-right-radius: 7px; border-bottom-right-radius: 0.7rem; border-bottom-left-radius: 7px; border-bottom-left-radius: 0.7rem; border-top-left-radius: 7px; border-top-left-radius: 0.7rem; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .overlay-helper .overlay-helper .container > [class*='res-'] { margin: 0; width: 100%; } @media not screen and (max-width: 768px) { .overlay-helper .overlay-helper .container { margin: 0 1.171875%; } } .overlay-helper h1, .overlay-helper h2, .overlay-helper h3, .overlay-helper h4, .overlay-helper h5, .overlay-helper h6 { font-family: 'DefaultRegular', helvetica, arial, sans-serif; color: #666666; } .overlay-helper .light h1, .overlay-helper .light h2, .overlay-helper .light h3, .overlay-helper .light h4, .overlay-helper .light h5, .overlay-helper .light h6 { color: #666666; } .overlay-helper .dark h1, .overlay-helper .dark h2, .overlay-helper .dark h3, .overlay-helper .dark h4, .overlay-helper .dark h5, .overlay-helper .dark h6 { color: #999999; } .overlay-helper h1 a, .overlay-helper h2 a, .overlay-helper h3 a, .overlay-helper h4 a, .overlay-helper h5 a, .overlay-helper h6 a { font-weight: inherit; } .overlay-helper h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 14px; margin-bottom: 1.4rem; } .overlay-helper h2 { font-size: 32px; font-size: 3.2rem; margin-bottom: 10px; margin-bottom: 1rem; } .overlay-helper h3 { font-size: 26px; font-size: 2.6rem; margin-bottom: 8px; margin-bottom: 0.8rem; } .overlay-helper h4 { font-size: 22px; font-size: 2.2rem; margin-bottom: 4px; margin-bottom: 0.4rem; } .overlay-helper h5 { font-size: 18px; font-size: 1.8rem; } .overlay-helper h6 { font-size: 16px; font-size: 1.6rem; } .overlay-helper p { font-family: 'DefaultRegular', helvetica, arial, sans-serif; margin-bottom: 10px; margin-bottom: 1rem; } .overlay-helper em { font-style: italic; } .overlay-helper strong { font-weight: bold; color: #333; } .overlay-helper small { font-size: 80%; } .overlay-helper hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } .overlay-helper .title-row { line-height: 1.5; } .overlay-helper .en { font-family: 'DefaultRegular', helvetica, arial, sans-serif; } .overlay-helper .jp { font-family: 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif; } .overlay-helper .style-guide { /* Colour Palette -----------------------------------------*/ /* fonts -----------------------------------------*/ /* Section Titles */ /* buttons & Links ------------------------------------------*/ /* Fonts ------------------------------------------*/ /* Hero Placeholder ------------------------------------------*/ /* Modules ------------------------------------------*/ /* Copy ------------------------------------------*/ /* Related Articles ------------------------------------------*/ /* News/Secondary ------------------------------------------*/ /* Icons ------------------------------------------*/ } .overlay-helper .style-guide p { font-size: 14px; font-size: 1.4rem; } .overlay-helper .style-guide #grid div[class*='res-'] { height: 30px; border: 1px solid #333333; } .overlay-helper .style-guide .style-guide-grey { background: #e8e8e8; padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; } .overlay-helper .style-guide .style-guide-grey h2, .overlay-helper .style-guide .style-guide-grey h3 { color: #333333; } .overlay-helper .style-guide .swatch { box-sizing: border-box; position: relative; } .overlay-helper .style-guide .swatch img { width: 100%; height: auto; } .overlay-helper .style-guide .swatch-label { color: #1a1a1a; position: absolute; padding: 2px; background-color: #fff; width: 100%; box-sizing: border-box; } .overlay-helper .style-guide font-size { padding-bottom: 40px; } .overlay-helper .style-guide [data-module-type='form'] { padding-top: 20px; padding-bottom: 20px; } .overlay-helper .style-guide h2 span { color: #666666; } .overlay-helper .style-guide .sub-heading { color: #b7b7b0; } .overlay-helper .style-guide .font-itregular { font-family: 'DefaultRegular', helvetica, arial, sans-serif; } .overlay-helper .style-guide .font-itregular-italic { font-family: 'DefaultItalic', helvetica, arial, sans-serif; } .overlay-helper .style-guide .font-itlight { font-family: 'DefaultLight', helvetica, arial, sans-serif; } .overlay-helper .style-guide .font-itlight-italic { font-family: 'DefaultLightItalic', helvetica, arial, sans-serif; } .overlay-helper .style-guide .font-itbold { font-family: 'DefaultBold', helvetica, arial, sans-serif; } .overlay-helper .style-guide .font-regular { font-family: 'MazdaRegular', helvetica, arial, sans-serif; } .overlay-helper .style-guide button, .overlay-helper .style-guide button-label { padding: 20px 0px 20px 0px; padding: 2rem 0rem 2rem 0rem; } .overlay-helper .style-guide button-label { line-height: 16px; line-height: 1.6rem; } .overlay-helper .style-guide #buttons .container:last-child button, .overlay-helper .style-guide #buttons button-label { padding-bottom: 0; } .overlay-helper .style-guide .sub-heading, .overlay-helper .style-guide .section-heading { color: #b7b7b0; font-family: 'DefaultRegular', helvetica, arial, sans-serif; text-transform: uppercase; color: #666666; letter-spacing: 5px !important; } .overlay-helper .style-guide .hero .mock-hero { height: 495px; } @media (max-width: 768px) { .overlay-helper .style-guide .hero .mock-hero { height: 185px; } } .overlay-helper .style-guide .module-copy h2 { color: #0086d3; font-family: 'DefaultRegular', helvetica, arial, sans-serif; font-size: 30px; font-size: 3rem; } .overlay-helper .style-guide .module-copy p { font-family: 'DefaultRegular', helvetica, arial, sans-serif; font-size: 18px; font-size: 1.8rem; color: #999999; } .overlay-helper .style-guide .module-copy p.emphasis { color: #333333; font-size: 20px; font-size: 2rem; } .overlay-helper .style-guide .module-related-articles .title { font-family: 'DefaultLight', helvetica, arial, sans-serif; font-size: 24px; font-size: 2.4rem; color: #666666; margin-bottom: 10px; margin-bottom: 1rem; border-bottom: 1px solid #dddddd; border-bottom: 0.1rem solid #dddddd; } .overlay-helper .style-guide .module-related-articles.boxed { padding: 10px 10px 10px 10px; padding: 1rem 1rem 1rem 1rem; border: 1px solid #0086d3; border: 0.1rem solid #0086d3; border-top-right-radius: 5px; border-top-right-radius: 0.5rem; border-bottom-right-radius: 5px; border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 5px; border-bottom-left-radius: 0.5rem; border-top-left-radius: 5px; border-top-left-radius: 0.5rem; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .overlay-helper .style-guide .module-related-articles.boxed .title { border-bottom: none; margin-bottom: 0; } .overlay-helper .style-guide .module-related-articles .title, .overlay-helper .style-guide .module-related-articles .links { padding: 0px 5px 10px 5px; padding: 0rem 0.5rem 1rem 0.5rem; } .overlay-helper .style-guide .module-related-articles .links { font-size: 18px; font-size: 1.8rem; } .overlay-helper .style-guide .module-news .top-level, .overlay-helper .style-guide .module-secondary .top-level { display: block; font-family: 'DefaultBold', helvetica, arial, sans-serif; color: #0086d3; text-decoration: underline; text-transform: uppercase; margin-bottom: 10px; margin-bottom: 1rem; } .overlay-helper .style-guide .module-news h2, .overlay-helper .style-guide .module-secondary h2 { font-size: 18px; font-size: 1.8rem; color: #999999; } .overlay-helper .style-guide .module-news p, .overlay-helper .style-guide .module-secondary p, .overlay-helper .style-guide .module-news .top-level, .overlay-helper .style-guide .module-secondary .top-level { font-size: 14px; font-size: 1.4rem; } .overlay-helper .style-guide .module-news p, .overlay-helper .style-guide .module-secondary p { color: #666666; } .overlay-helper .style-guide #icons [class*='res-'] > div { width: 30px; width: 3rem; height: 30px; height: 3rem; display: inline-block; margin: 0px 20px 30px 0px; margin: 0rem 2rem 3rem 0rem; } .overlay-helper .style-guide #icons .calendar-blue { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNyAyNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjcgMjciIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMwMDg2ZDMiIGQ9Ik0yNCwzYzAuOCwwLDEuNSwwLjMsMi4xLDAuOUMyNi44LDQuNSwyNyw1LjIsMjcsNnYxOGMwLDAuOC0wLjMsMS41LTAuOSwyLjFDMjUuNiwyNi43LDI0LjksMjcsMjQsMjdIM2MtMC44LDAtMS41LTAuMy0yLjEtMC45QzAuMywyNS41LDAsMjQuOCwwLDI0VjZjMC0wLjgsMC4zLTEuNSwwLjktMi4xQzEuNSwzLjMsMi4yLDMsMywzaDEuNHYzaDQuOFYzaDguN3YzaDQuOFYzSDI0eiBNMjQsMTJIM3YxMmgyMVYxMnogTTcuOCw1LjFINS43VjBoMi4xVjUuMXogTTIxLjMsNS4xaC0yLjFWMGgyLjFWNS4xeiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .chevron-down-gray { /*image/svg+xml*/ background: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5LjkgNi40IiBpZD0iTGF5ZXJfMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTExIj48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMgaWQ9ImRlZnM5IiAvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDAsNi40KSIgaWQ9ImczIj48cGF0aCBmaWxsPSIjZThlOGU4IiBkPSJNIDguMiw2LjIgNC45LDMgMS43LDYuMiBDIDEuNiw2LjMgMS41LDYuNCAxLjQsNi40IDEuMyw2LjQgMS4yLDYuNCAxLjEsNi4zIGwgLTEsLTEgQyAwLDUuMSAwLDUuMSAwLDQuOSAwLDQuNyAwLDQuNyAwLjEsNC42IEwgNC43LDAgYyAwLDAgMC4xLDAgMC4yLDAgMC4xLDAgMC4yLDAgMC4zLDAuMSBsIDQuNiw0LjYgYyAwLjEsMC4xIDAuMSwwLjIgMC4xLDAuMyAwLDAuMSAwLDAuMiAtMC4xLDAuMyBsIC0xLDEgQyA4LjcsNi4zIDguNiw2LjQgOC41LDYuNCA4LjQsNi40IDguMyw2LjMgOC4yLDYuMiB6IiBpZD0icGF0aDUiIC8+PC9nPjwvc3ZnPg=='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .chevron-down { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl84IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyLjkgNy4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMi45IDcuMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2U4ZThlOCIgZD0iTTYuNCw0LjdsNC44LTQuNEMxMS40LDAuMSwxMS43LDAsMTEuOSwwYzAuMywwLDAuNSwwLjEsMC43LDAuM2MwLjIsMC4yLDAuMywwLjQsMC4zLDAuN2MwLDAuMy0wLjEsMC41LTAuMywwLjdMNy4yLDcgICAgIEM3LDcuMiw2LjcsNy4zLDYuNSw3LjNDNi4yLDcuMyw2LDcuMiw1LjgsN0wwLjMsMS42QzAuMSwxLjQsMC4xLDEuMiwwLjEsMWMwLTAuMywwLjEtMC41LDAuMy0wLjdDMC41LDAuMSwwLjcsMCwxLDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zTDYuNCw0Ljd6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .chevron-down-gray { /*image/svg+xml*/ background: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5LjkgNi40IiBpZD0iTGF5ZXJfMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTExIj48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMgaWQ9ImRlZnM5IiAvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDAsNi40KSIgaWQ9ImczIj48cGF0aCBmaWxsPSIjZThlOGU4IiBkPSJNIDguMiw2LjIgNC45LDMgMS43LDYuMiBDIDEuNiw2LjMgMS41LDYuNCAxLjQsNi40IDEuMyw2LjQgMS4yLDYuNCAxLjEsNi4zIGwgLTEsLTEgQyAwLDUuMSAwLDUuMSAwLDQuOSAwLDQuNyAwLDQuNyAwLjEsNC42IEwgNC43LDAgYyAwLDAgMC4xLDAgMC4yLDAgMC4xLDAgMC4yLDAgMC4zLDAuMSBsIDQuNiw0LjYgYyAwLjEsMC4xIDAuMSwwLjIgMC4xLDAuMyAwLDAuMSAwLDAuMiAtMC4xLDAuMyBsIC0xLDEgQyA4LjcsNi4zIDguNiw2LjQgOC41LDYuNCA4LjQsNi40IDguMyw2LjMgOC4yLDYuMiB6IiBpZD0icGF0aDUiIC8+PC9nPjwvc3ZnPg=='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .chevron-down { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl84IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyLjkgNy4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMi45IDcuMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2U4ZThlOCIgZD0iTTYuNCw0LjdsNC44LTQuNEMxMS40LDAuMSwxMS43LDAsMTEuOSwwYzAuMywwLDAuNSwwLjEsMC43LDAuM2MwLjIsMC4yLDAuMywwLjQsMC4zLDAuN2MwLDAuMy0wLjEsMC41LTAuMywwLjdMNy4yLDcgICAgIEM3LDcuMiw2LjcsNy4zLDYuNSw3LjNDNi4yLDcuMyw2LDcuMiw1LjgsN0wwLjMsMS42QzAuMSwxLjQsMC4xLDEuMiwwLjEsMWMwLTAuMywwLjEtMC41LDAuMy0wLjdDMC41LDAuMSwwLjcsMCwxLDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zTDYuNCw0Ljd6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .chevron-up { /* */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA5LjkgNi40IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5LjkgNi40IiB4bWw6c3BhY2U9InByZXNlcnZlIj4gPHBhdGggZmlsbD0iI2U4ZThlOCIgZD0iTTguMiw2LjJMNC45LDNMMS43LDYuMkMxLjYsNi4zLDEuNSw2LjQsMS40LDYuNGMtMC4xLDAtMC4yLDAtMC4zLTAuMWwtMS0xQzAsNS4xLDAsNS4xLDAsNC45czAtMC4yLDAuMS0wLjNsNC42LTQuNiBDNC43LDAsNC44LDAsNC45LDBzMC4yLDAsMC4zLDAuMWw0LjYsNC42YzAuMSwwLjEsMC4xLDAuMiwwLjEsMC4zczAsMC4yLTAuMSwwLjNsLTEsMUM4LjcsNi4zLDguNiw2LjQsOC41LDYuNFM4LjMsNi4zLDguMiw2LjJ6IiAvPiA8L3N2Zz4='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .chevron-right { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8zIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDkuMiAxNC40IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5LjIgMTQuNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2U4ZThlOCIgZD0iTTAuMiwxMS45bDQuNy00LjdMMC4yLDIuNUMwLjEsMi4zLDAsMi4yLDAsMi4xYzAtMC4yLDAuMS0wLjMsMC4yLTAuNGwxLjUtMS41QzEuOCwwLjEsMS45LDAsMi4xLDBjMC4yLDAsMC4zLDAuMSwwLjQsMC4ybDYuNiw2LjZDOS4yLDYuOSw5LjIsNyw5LjIsNy4yUzkuMiw3LjUsOS4xLDcuNmwtNi42LDYuNmMtMC4xLDAuMS0wLjIsMC4yLTAuNCwwLjJjLTAuMiwwLTAuMy0wLjEtMC40LTAuMmwtMS41LTEuNUMwLjEsMTIuNiwwLDEyLjUsMCwxMi4zUzAuMSwxMi4xLDAuMiwxMS45eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .chevron-right-blue { /**/ background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8zIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDkuMiAxNC40IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5LjIgMTQuNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzAwODZkMyIgZD0iTTAuMiwxMS45bDQuNy00LjdMMC4yLDIuNUMwLjEsMi4zLDAsMi4yLDAsMi4xYzAtMC4yLDAuMS0wLjMsMC4yLTAuNGwxLjUtMS41QzEuOCwwLjEsMS45LDAsMi4xLDBjMC4yLDAsMC4zLDAuMSwwLjQsMC4ybDYuNiw2LjZDOS4yLDYuOSw5LjIsNyw5LjIsNy4yUzkuMiw3LjUsOS4xLDcuNmwtNi42LDYuNmMtMC4xLDAuMS0wLjIsMC4yLTAuNCwwLjJjLTAuMiwwLTAuMy0wLjEtMC40LTAuMmwtMS41LTEuNUMwLjEsMTIuNiwwLDEyLjUsMCwxMi4zUzAuMSwxMi4xLDAuMiwxMS45eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .chevron-right-gray { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8zIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDkuMiAxNC40IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5LjIgMTQuNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTAuMiwxMS45bDQuNy00LjdMMC4yLDIuNUMwLjEsMi4zLDAsMi4yLDAsMi4xYzAtMC4yLDAuMS0wLjMsMC4yLTAuNGwxLjUtMS41QzEuOCwwLjEsMS45LDAsMi4xLDBjMC4yLDAsMC4zLDAuMSwwLjQsMC4ybDYuNiw2LjZDOS4yLDYuOSw5LjIsNyw5LjIsNy4yUzkuMiw3LjUsOS4xLDcuNmwtNi42LDYuNmMtMC4xLDAuMS0wLjIsMC4yLTAuNCwwLjJjLTAuMiwwLTAuMy0wLjEtMC40LTAuMmwtMS41LTEuNUMwLjEsMTIuNiwwLDEyLjUsMCwxMi4zUzAuMSwxMi4xLDAuMiwxMS45eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .chevron-right-thin { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl82IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgICAgdmlld0JveD0iMCAwIDEyLjYgMjIuMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIuNiAyMi4yIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjMDA4NmQzIiBkPSJNOC4xLDExLjJMMC41LDIuOUMwLjIsMi42LDAsMi4yLDAsMS44QzAsMS4zLDAuMiwxLDAuNSwwLjZjMC4zLTAuMywwLjctMC41LDEuMi0wLjVjMC40LDAsMC44LDAuMiwxLjIsMC41bDkuMiw5LjNjMC4zLDAuMywwLjUsMC43LDAuNSwxLjJjMCwwLjUtMC4yLDAuOS0wLjUsMS4ybC05LjIsOS4zYy0wLjMsMC4zLTAuNywwLjUtMS4yLDAuNWMtMC41LDAtMC44LTAuMi0xLjItMC41QzAuMiwyMS40LDAsMjEsMCwyMC42czAuMi0wLjgsMC41LTEuMkw4LjEsMTEuMnoiLz48L3N2Zz4='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .cross { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl80IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNOCw2LjRjMCwwLjItMC4xLDAuMy0wLjIsMC41TDYuOSw3LjhDNi43LDcuOSw2LjYsOCw2LjQsOEM2LjIsOCw2LjEsNy45LDUuOSw3LjhsLTItMmwtMiwyQzEuOSw3LjksMS43LDgsMS42LDggUzEuMiw3LjksMS4xLDcuOEwwLjIsNi45QzAuMSw2LjcsMCw2LjYsMCw2LjRzMC4xLTAuMywwLjItMC41bDItMmwtMi0yQzAuMSwxLjksMCwxLjcsMCwxLjZzMC4xLTAuMywwLjItMC41bDAuOS0wLjlDMS4yLDAuMSwxLjQsMCwxLjYsMFMxLjksMC4xLDIsMC4ybDIsMmwyLTJDNi4xLDAuMSw2LjIsMCw2LjQsMGMwLjIsMCwwLjMsMC4xLDAuNSwwLjJsMC45LDAuOUM3LjksMS4yLDgsMS40LDgsMS42UzcuOSwxLjksNy44LDJsLTIsMmwyLDJDNy45LDYuMSw4LDYuMiw4LDYuNHoiLz48L3N2Zz4='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .cross-blue { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl80IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjMDA4NmQzIiBkPSJNOCw2LjRjMCwwLjItMC4xLDAuMy0wLjIsMC41TDYuOSw3LjhDNi43LDcuOSw2LjYsOCw2LjQsOEM2LjIsOCw2LjEsNy45LDUuOSw3LjhsLTItMmwtMiwyQzEuOSw3LjksMS43LDgsMS42LDggUzEuMiw3LjksMS4xLDcuOEwwLjIsNi45QzAuMSw2LjcsMCw2LjYsMCw2LjRzMC4xLTAuMywwLjItMC41bDItMmwtMi0yQzAuMSwxLjksMCwxLjcsMCwxLjZzMC4xLTAuMywwLjItMC41bDAuOS0wLjlDMS4yLDAuMSwxLjQsMCwxLjYsMFMxLjksMC4xLDIsMC4ybDIsMmwyLTJDNi4xLDAuMSw2LjIsMCw2LjQsMGMwLjIsMCwwLjMsMC4xLDAuNSwwLjJsMC45LDAuOUM3LjksMS4yLDgsMS40LDgsMS42UzcuOSwxLjksNy44LDJsLTIsMmwyLDJDNy45LDYuMSw4LDYuMiw4LDYuNHoiLz48L3N2Zz4='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .cross-thin-lightgray { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl85IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyLjkgMTIuMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIuOSAxMi4yIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNNi40LDQuN2w0LjgtNC40QzExLjQsMC4xLDExLjcsMCwxMS45LDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zYzAuMiwwLjIsMC4zLDAuNCwwLjMsMC43YzAsMC4zLTAuMSwwLjUtMC4zLDAuN0w3LjIsN0M3LDcuMiw2LjcsNy4zLDYuNSw3LjNDNi4yLDcuMyw2LDcuMiw1LjgsN0wwLjMsMS42QzAuMSwxLjQsMC4xLDEuMiwwLjEsMWMwLTAuMywwLjEtMC41LDAuMy0wLjdDMC41LDAuMSwwLjcsMCwxLDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zTDYuNCw0Ljd6Ii8+PHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTYuNSw3LjVsLTQuOCw0LjRjLTAuMiwwLjItMC40LDAuMy0wLjcsMC4zYy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNjLTAuMi0wLjItMC4zLTAuNC0wLjMtMC43YzAtMC4zLDAuMS0wLjUsMC4zLTAuN2w1LjQtNS40QzYsNSw2LjIsNC45LDYuNSw0LjlDNi43LDQuOSw3LDUsNy4yLDUuMmw1LjQsNS40YzAuMiwwLjIsMC4zLDAuNCwwLjMsMC43YzAsMC4zLTAuMSwwLjUtMC4zLDAuN2MtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNjLTAuMywwLTAuNS0wLjEtMC43LTAuM0w2LjUsNy41eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .cross-thin-gray { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl85IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyLjkgMTIuMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIuOSAxMi4yIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjNzg3ODczIiBkPSJNNi40LDQuN2w0LjgtNC40QzExLjQsMC4xLDExLjcsMCwxMS45LDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zYzAuMiwwLjIsMC4zLDAuNCwwLjMsMC43YzAsMC4zLTAuMSwwLjUtMC4zLDAuN0w3LjIsN0M3LDcuMiw2LjcsNy4zLDYuNSw3LjNDNi4yLDcuMyw2LDcuMiw1LjgsN0wwLjMsMS42QzAuMSwxLjQsMC4xLDEuMiwwLjEsMWMwLTAuMywwLjEtMC41LDAuMy0wLjdDMC41LDAuMSwwLjcsMCwxLDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zTDYuNCw0Ljd6Ii8+PHBhdGggZmlsbD0iIzc4Nzg3MyIgZD0iTTYuNSw3LjVsLTQuOCw0LjRjLTAuMiwwLjItMC40LDAuMy0wLjcsMC4zYy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNjLTAuMi0wLjItMC4zLTAuNC0wLjMtMC43YzAtMC4zLDAuMS0wLjUsMC4zLTAuN2w1LjQtNS40QzYsNSw2LjIsNC45LDYuNSw0LjlDNi43LDQuOSw3LDUsNy4yLDUuMmw1LjQsNS40YzAuMiwwLjIsMC4zLDAuNCwwLjMsMC43YzAsMC4zLTAuMSwwLjUtMC4zLDAuN2MtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNjLTAuMywwLTAuNS0wLjEtMC43LTAuM0w2LjUsNy41eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .download-lightgray { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiICAgIHZpZXdCb3g9IjAgMCAxMyAxMS4xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMyAxMS4xIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZThlOGU4IiBkPSJNMTIuNiw3LjZjMC4xLDAuMSwwLjMsMC4yLDAuMywwLjRDMTMsOC4yLDEzLDguNCwxMyw4LjZsLTAuNCwyYzAsMC4yLTAuMSwwLjMtMC4zLDAuNGMtMC4yLDAuMS0wLjMsMC4yLTAuNSwwLjJIMS4yYy0wLjIsMC0wLjQtMC4xLTAuNS0wLjJjLTAuMi0wLjEtMC4zLTAuMy0wLjMtMC40TDAsOC42QzAsOC40LDAsOC4yLDAuMSw4YzAuMS0wLjIsMC4yLTAuMywwLjQtMC40bDIuMS0xLjRoMS4zTDEuNSw3LjloMi4zQzMuOSw3LjksNCw3LjksNCw4bDAuNSwxLjRoMy45TDksOEM5LDcuOSw5LjEsNy45LDkuMSw3LjloMi4zTDkuMiw2LjJoMS4zTDEyLjYsNy42eiBNNi41LDYuNkwzLjEsMy40aDIuMlYwLjFoMi41djMuM2gyLjFMNi41LDYuNnoiLz48L3N2Zz4='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .envelope-blue { /* */ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl81IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI3IDE3LjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI3IDE3LjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8cGF0aCBmaWxsPSIjMDA4NmQzIiBkPSJNMjYuNCw0LjZjMC4zLTAuMiwwLjUtMC4yLDAuNS0wLjFDMjcsNC43LDI3LDQuOCwyNyw0Ljl2MTFjMCwwLjMtMC4yLDAuNi0wLjUsMWMtMC4zLDAuMy0wLjcsMC41LTEsMC41aC0yNCBjLTAuMywwLTAuNy0wLjItMS0wLjVDMC4yLDE2LjYsMCwxNi4zLDAsMTZ2LTExYzAtMC4xLDAtMC4yLDAuMS0wLjRzMC4yLTAuMSwwLjUsMC4xYzAuMSwwLjEsMC41LDAuMywxLjEsMC42UzMsNS45LDMuOSw2LjMgYzAuOCwwLjQsMS43LDAuOSwyLjYsMS40QzcuNCw4LjIsOC4zLDguNiw5LjEsOWMwLjgsMC40LDEuNSwwLjgsMiwxLjFjMC42LDAuMywwLjksMC41LDEsMC41YzAuMywwLjIsMC41LDAuMiwwLjcsMC4zczAuNCwwLDAuNywwIHMwLjUsMCwwLjcsMGMwLjIsMCwwLjQtMC4xLDAuNy0wLjNjMC4xLDAsMC40LTAuMiwxLTAuNWMwLjYtMC4zLDEuMi0wLjcsMi4xLTEuMWMwLjgtMC40LDEuNy0wLjksMi42LTEuM2MwLjktMC41LDEuOC0wLjksMi42LTEuNCBjMC44LTAuNCwxLjUtMC44LDIuMS0xLjFDMjUuOSw0LjksMjYuMyw0LjcsMjYuNCw0LjZ6IE0wLjksMS42QzAuNywxLjUsMC41LDEuNCwwLjQsMS4yQzAuMiwxLDAuMiwwLjgsMC4xLDAuNiBDMCwwLjUsMCwwLjMsMC4yLDAuMkMwLjIsMC4xLDAuNSwwLDAuOCwwaDI1LjRjMC4zLDAsMC41LDAuMSwwLjYsMC4yYzAuMSwwLjEsMC4xLDAuMywwLjEsMC40YzAsMC4yLTAuMSwwLjQtMC4zLDAuNSBjLTAuMiwwLjItMC4zLDAuMy0wLjUsMC41Yy0wLjEsMC4xLTAuNSwwLjMtMSwwLjZjLTAuNiwwLjMtMS4zLDAuNy0yLjEsMS4xYy0wLjgsMC40LTEuNywwLjktMi42LDEuNGMtMC45LDAuNS0xLjgsMC45LTIuNSwxLjQgcy0xLjUsMC44LTIsMS4xYy0wLjYsMC4zLTAuOSwwLjQtMC45LDAuNWMtMC4yLDAuMS0wLjQsMC4yLTAuNywwLjJjLTAuMiwwLTAuNSwwLjEtMC43LDAuMWMtMC42LDAtMS0wLjEtMS40LTAuMyBjLTAuMSwwLTAuNC0wLjItMC45LTAuNXMtMS4yLTAuNi0yLTEuMVM3LjYsNS4yLDYuNyw0LjdDNS43LDQuMiw0LjksMy43LDQsMy4zQzMuMiwyLjksMi41LDIuNSwyLDIuMkMxLjQsMS45LDEsMS43LDAuOSwxLjZ6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .globe-lightgray { background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEzIDEzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMyAxMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZThlOGU4IiBkPSJNMTEuMSwxLjlDOS45LDAuNyw4LjIsMCw2LjUsMEM0LjgsMCwzLjEsMC43LDEuOSwxLjlDMC43LDMuMSwwLDQuOCwwLDYuNWMwLDEuNywwLjcsMy40LDEuOSw0LjZDMy4xLDEyLjMsNC44LDEzLDYuNSwxMw0KCWMxLjcsMCwzLjQtMC43LDQuNi0xLjlDMTIuMyw5LjksMTMsOC4yLDEzLDYuNUMxMyw0LjgsMTIuMywzLjEsMTEuMSwxLjl6IE01LjQsMS4xQzUuMSwxLjMsNC44LDEuNiw0LjYsMS45DQoJQzQuMSwyLjUsMy44LDMuMSwzLjUsMy43SDEuNkMyLjQsMi4zLDMuOCwxLjQsNS40LDEuMXogTTEuMiw0LjVoMkMzLDUsMi45LDUuNiwyLjksNi4xaC0yQzAuOSw1LjYsMSw1LDEuMiw0LjV6IE0wLjksNi45aDINCglDMi45LDcuNCwzLDgsMy4yLDguNWgtMkMxLDgsMC45LDcuNCwwLjksNi45eiBNMS42LDkuM2gxLjljMC4zLDAuNiwwLjYsMS4yLDEuMSwxLjdjMC4zLDAuMywwLjUsMC42LDAuOCwwLjkNCglDMy44LDExLjYsMi40LDEwLjcsMS42LDkuM3ogTTYuMSwxMS40QzUuNiwxMSw1LDEwLjMsNC41LDkuM2gxLjZWMTEuNHogTTYuMSw4LjVoLTJDMy45LDgsMy44LDcuNCwzLjgsNi45aDIuM1Y4LjV6IE02LjEsNi4xSDMuOA0KCWMwLTAuNSwwLjEtMS4xLDAuMy0xLjZoMlY2LjF6IE02LjEsMy43SDQuNUM1LDIuNyw1LjYsMiw2LjEsMS42VjMuN3ogTTEyLjEsNi4xaC0yYzAtMC41LTAuMS0xLjEtMC4zLTEuNmgyQzEyLDUsMTIuMSw1LjYsMTIuMSw2LjENCgl6IE0xMS40LDMuN0g5LjVDOS4yLDMuMSw4LjksMi41LDguNCwxLjlDOC4yLDEuNiw3LjksMS4zLDcuNiwxLjFDOS4yLDEuNCwxMC42LDIuMywxMS40LDMuN3ogTTYuOSwxLjZDNy40LDIsOCwyLjcsOC41LDMuN0g2LjlWMS42DQoJeiBNNi45LDQuNWgyYzAuMiwwLjUsMC4zLDEsMC4zLDEuNkg2LjlWNC41eiBNNi45LDYuOWgyLjNjMCwwLjUtMC4xLDEuMS0wLjMsMS42aC0yVjYuOXogTTYuOSwxMS40VjkuM2gxLjZDOCwxMC4zLDcuNCwxMSw2LjksMTEuNA0KCXogTTcuNiwxMS45YzAuMy0wLjMsMC42LTAuNiwwLjgtMC45YzAuNC0wLjUsMC44LTEuMSwxLjEtMS43aDEuOUMxMC42LDEwLjcsOS4yLDExLjYsNy42LDExLjl6IE0xMS44LDguNWgtMmMwLjItMC41LDAuMi0xLDAuMy0xLjYNCgloMkMxMi4xLDcuNCwxMiw4LDExLjgsOC41eiIvPg0KPC9zdmc+'); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .graph-blue { background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl83IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgICAgdmlld0JveD0iMCAwIDI0IDI2LjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI2LjkiIHhtbDpzcGFjZT0icHJlc2VydmUiPiAgIDxwYXRoIGZpbGw9IiMwMDg2ZDMiIGQ9Ik00LjYsMTguMWMwLjQsMCwwLjgsMC4xLDEuMSwwLjRjMC4zLDAuMywwLjQsMC42LDAuNCwxLjF2Ny41aC02di03LjVjMC0wLjQsMC4xLTAuOCwwLjMtMS4xYzAuMi0wLjMsMC41LTAuNCwwLjktMC40SDQuNnogICAgICBNMTMuNiw5LjFjMC40LDAsMC44LDAuMSwxLjEsMC40YzAuMywwLjMsMC40LDAuNiwwLjQsMS4xdjE2LjVoLTZWMTAuNmMwLTAuNCwwLjEtMC44LDAuMy0xLjFjMC4yLTAuMywwLjUtMC40LDAuOS0wLjRIMTMuNnogICAgICBNMjIuNiwwLjFjMC40LDAsMC44LDAuMSwxLjEsMC40YzAuMywwLjMsMC40LDAuNiwwLjQsMS4xdjI1LjVoLTZWMS42YzAtMC40LDAuMS0wLjgsMC4zLTEuMWMwLjItMC4zLDAuNS0wLjQsMC45LTAuNEgyMi42eiIvPiA8L3N2Zz4='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .hamburguer-menu-gray { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMwIDI3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMCAyNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2I3YjdiMCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLDB2My43aDMwVjBIMHogTTAsMTQuOWgzMHYtMy43SDBWMTQuOXogTTAsMjdoMzB2LTMuN0gwVjI3eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .magnifying-glass { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUzLjc1cHgiIGhlaWdodD0iNTMuNXB4IiB2aWV3Qm94PSIwIDAgNTMuNzUgNTMuNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTMuNzUgNTMuNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2U4ZThlOCIgZD0iTTUyLjY3Niw0OS40NzFsLTMuMTE1LDMuMTE1Yy0xLjM1NCwxLjIxOS0zLjM4NSwxLjIxOS00LjYwNCwwTDMyLjA5MiwzOS43MjFjLTMuMTEzLDEuNzYyLTYuNzcsMi44NDQtMTAuNTYyLDIuODQ0QzEwLjAyMSw0Mi41NjQsMCwzMi41NDUsMCwyMS4wMzRDMCw5LjM4OSw5LjM0MywwLjA0NSwyMC44NTQsMC4wNDVjMTEuNjQ2LDAsMjEuNjY2LDEwLjAyMSwyMS42NjYsMjEuNTMxYzAsNC4wNjItMS4wODMsNy43MTktMy4xMTUsMTAuOTY5TDUyLjI3LDQ1LjI3M0M1My40ODcsNDYuNjI3LDUzLjg5NSw0OC4xMTcsNTIuNjc2LDQ5LjQ3MU0yMS41MywzNi4yMDFjNy45ODksMCwxNC40ODktNi41LDE0LjQ4OS0xNC42MjVjMC03Ljk5LTcuMTc3LTE1LjAzMS0xNS4xNjYtMTUuMDMxYy03Ljk5LDAtMTQuNDg5LDYuNS0xNC40ODksMTQuNDg5UzEzLjU0MSwzNi4yMDEsMjEuNTMsMzYuMjAxIi8+PC9zdmc+'); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .pdf-blue { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNy44IDMwLjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjggMzAuOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzAwODZkMyIgZD0iTTEsMjIuMWgxNS43YzAuNCwwLDAuNy0wLjMsMC43LTAuN1YwLjdjMC0wLjQtMC4zLTAuNy0wLjctMC43SDcuNXY2LjJjMCwwLjQtMC4zLDAuNy0wLjcsMC43SDAuM3YxNC41QzAuMywyMS44LDAuNiwyMi4xLDEsMjIuMXogTTYsMEwwLjMsNS41SDZWMHogTTIuOSwyNC4zSDB2Ni41aDEuNHYtMi4zaDEuNGMwLjcsMCwxLjMtMC4yLDEuNy0wLjVjMC40LTAuMywwLjYtMC45LDAuNi0xLjZjMC0wLjctMC4yLTEuMi0wLjYtMS42QzQuMSwyNC41LDMuNiwyNC4zLDIuOSwyNC4zeiBNMy40LDI3LjFjLTAuMiwwLjItMC40LDAuMi0wLjgsMC4ySDEuNHYtMS45aDEuM2MwLjMsMCwwLjYsMC4xLDAuOCwwLjJjMC4yLDAuMSwwLjMsMC40LDAuMywwLjdDMy43LDI2LjcsMy42LDI2LjksMy40LDI3LjF6IE0xMS4zLDI1LjNjLTAuMy0wLjQtMC43LTAuNy0xLjItMC44Yy0wLjMtMC4xLTAuNi0wLjEtMS0wLjFINi4ydjYuNWgyLjljMSwwLDEuOC0wLjQsMi4zLTEuMmMwLjQtMC42LDAuNS0xLjMsMC41LTIuMmMwLTAuMywwLTAuNy0wLjEtMS4xQzExLjcsMjUuOSwxMS42LDI1LjYsMTEuMywyNS4zeiBNMTAuMywyOC43Yy0wLjMsMC42LTAuNywxLTEuNCwxSDcuNnYtNC4zaDEuM2MwLjYsMCwxLjEsMC4yLDEuMywwLjVjMC4yLDAuNCwwLjMsMC45LDAuMywxLjVDMTAuNSwyOCwxMC40LDI4LjQsMTAuMywyOC43eiBNMTcuOCwyNS40di0xLjFIMTN2Ni41aDEuNHYtMi43aDN2LTEuMWgtM3YtMS41SDE3Ljh6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .overlay-helper .style-guide #icons .pdf-gray { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNy44IDMwLjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjggMzAuOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2I3YjdiMCIgZD0iTTEsMjIuMWgxNS43YzAuNCwwLDAuNy0wLjMsMC43LTAuN1YwLjdjMC0wLjQtMC4zLTAuNy0wLjctMC43SDcuNXY2LjJjMCwwLjQtMC4zLDAuNy0wLjcsMC43SDAuM3YxNC41QzAuMywyMS44LDAuNiwyMi4xLDEsMjIuMXogTTYsMEwwLjMsNS41SDZWMHogTTIuOSwyNC4zSDB2Ni41aDEuNHYtMi4zaDEuNGMwLjcsMCwxLjMtMC4yLDEuNy0wLjVjMC40LTAuMywwLjYtMC45LDAuNi0xLjZjMC0wLjctMC4yLTEuMi0wLjYtMS42QzQuMSwyNC41LDMuNiwyNC4zLDIuOSwyNC4zeiBNMy40LDI3LjFjLTAuMiwwLjItMC40LDAuMi0wLjgsMC4ySDEuNHYtMS45aDEuM2MwLjMsMCwwLjYsMC4xLDAuOCwwLjJjMC4yLDAuMSwwLjMsMC40LDAuMywwLjdDMy43LDI2LjcsMy42LDI2LjksMy40LDI3LjF6IE0xMS4zLDI1LjNjLTAuMy0wLjQtMC43LTAuNy0xLjItMC44Yy0wLjMtMC4xLTAuNi0wLjEtMS0wLjFINi4ydjYuNWgyLjljMSwwLDEuOC0wLjQsMi4zLTEuMmMwLjQtMC42LDAuNS0xLjMsMC41LTIuMmMwLTAuMywwLTAuNy0wLjEtMS4xQzExLjcsMjUuOSwxMS42LDI1LjYsMTEuMywyNS4zeiBNMTAuMywyOC43Yy0wLjMsMC42LTAuNywxLTEuNCwxSDcuNnYtNC4zaDEuM2MwLjYsMCwxLjEsMC4yLDEuMywwLjVjMC4yLDAuNCwwLjMsMC45LDAuMywxLjVDMTAuNSwyOCwxMC40LDI4LjQsMTAuMywyOC43eiBNMTcuOCwyNS40di0xLjFIMTN2Ni41aDEuNHYtMi43aDN2LTEuMWgtM3YtMS41SDE3Ljh6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .equal-height-background [class*='res-']:before { position: absolute; content: ''; top: 0; bottom: 0; background: #1e1e1e; z-index: 0; margin: 0.27573529% 0; } @media (max-width: 768px) { /* body { padding-top: 5rem; // Due to mobile menu being fixed to the top } */ .equal-height-background [class*='res-']:before { display: none; } } .disable-scroll, .disable-scroll body { overflow: hidden; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ } body.disable-overflow { overflow: hidden; } .overlay-helper { font-family: 'DefaultRegular', helvetica, arial, sans-serif; /* Overlay */ background-color: #1e1e1e; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 200; /* Carousel */ /* Tabs */ /* Base.less */ /* Partials/ tabs.less */ /*Equivalent to remaining the .res-752-cols-10 width - ((100 - 81.73758865) / 2)*/ } .overlay-helper h3, .overlay-helper p { font-family: 'DefaultLight', helvetica, arial, sans-serif; } .overlay-helper .close { position: absolute; width: 54px; width: 5.4rem; height: 53px; height: 5.3rem; right: 50px; right: 5rem; top: 0px; top: 0rem; background-image: url('/Canvas/showroom_2015/GalleryOverlay/images/close.png'); background-repeat: no-repeat; background-position: center center; z-index: 5; } .overlay-helper .close:before { /* content: 'Close'; */ display: inline-block; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #666666; position: absolute; right: 100%; padding-right: 8px; padding-right: 0.8rem; letter-spacing: 1.8px; letter-spacing: 0.18rem; } @media (max-width: 480px) { .overlay-helper .close { right: 10px; transform: scale(0.75, 0.75); } } .overlay-helper .wrapper { position: relative; width: 100%; max-width: 992px; margin: 2% auto; -webkit-transform: translateZ(0); } .overlay-helper .container { overflow: hidden; padding-top: 50px; padding-top: 5rem; background: #1e1e1e; border-top-right-radius: 7px; border-top-right-radius: 0.7rem; border-bottom-right-radius: 7px; border-bottom-right-radius: 0.7rem; border-bottom-left-radius: 7px; border-bottom-left-radius: 0.7rem; border-top-left-radius: 7px; border-top-left-radius: 0.7rem; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .overlay-helper .container > [class*='res-'] { margin: 0; width: 100%; } @media not screen and (max-width: 768px) { .overlay-helper .container { margin: 0 1.171875%; } } .overlay-helper .helper-carousel.slides-wrapper { transition-duration: 0.5s; transition-property: opacity; overflow: hidden; } .overlay-helper .helper-carousel.slides-wrapper .slides { position: relative; } .overlay-helper .helper-carousel.slides-wrapper .slides li { position: relative; float: left; } .overlay-helper .slides-wrapper { opacity: 0; } .overlay-helper .slides-wrapper.active { opacity: 1; } .overlay-helper .helper-tabs.level-1:after { content: ""; display: table; clear: both; } .overlay-helper .helper-tabs.level-2 > li { display: none; } .overlay-helper .helper-tabs.level-2 > li.selected { display: block; } @media (max-width: 768px) { .overlay-helper .helper-tabs.level-1 > li { display: none; } .overlay-helper .helper-tabs.level-1 > li.active, .overlay-helper .helper-tabs.level-1 > li.selected { display: block; } .overlay-helper .helper-tabs.level-1 > li.selected .helper-tabs.level-2 li { display: block; } } .overlay-helper .module-gallery { position: relative; overflow: hidden; background: #1e1e1e !important; } .overlay-helper .module-gallery .content { background: #1e1e1e !important; } .overlay-helper .module-gallery .content h3 { margin-top: 20px; margin-bottom: 20px; font-size: 20px !important; color: #e8e8e8; } .overlay-helper .module-gallery:after { content: ""; display: table; clear: both; } .overlay-helper .module-gallery * { box-sizing: border-box; } .overlay-helper .module-gallery .level-1 > li { padding: 0; } .overlay-helper .module-gallery div[data-gallery-json] { display: none; } .overlay-helper .module-gallery [class*="cols-10"] { margin: 0 auto; float: none; overflow: hidden; } .overlay-helper .module-gallery .video-wrapper { position: relative; } .overlay-helper .module-gallery .video-wrapper iframe, .overlay-helper .module-gallery .video-wrapper a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .overlay-helper .module-gallery .video-wrapper iframe, .overlay-helper .module-gallery .video-wrapper img { z-index: 3; } .overlay-helper .module-gallery .video-wrapper a { display: block; background: center center no-repeat; background-image: url(/images/play-big.png); z-index: 4; } .overlay-helper .module-gallery .video_container { float: none; height: auto; } .overlay-helper .module-gallery .gallery { position: relative; } .overlay-helper .module-gallery .gallery .description { color: #cccccc; line-height: 30px; line-height: 3rem; margin: 0; font-size: 16px; } .overlay-helper .module-gallery .gallery .gallery-details { padding-top: 16px; padding-bottom: 16px; } .overlay-helper .module-gallery .gallery .gallery-details .title { line-height: 26px; line-height: 2.6rem; margin-bottom: 0; font-size: 25px !important; display: none; font-family: 'DefaultLight', helvetica, arial, sans-serif; color: #cccccc; } @media (max-width: 480px) { .overlay-helper .module-gallery .gallery .gallery-details .title { font-size: 20px !important; line-height: 26px; } } .overlay-helper .module-gallery .gallery .gallery-details .description { margin-bottom: 20px; margin-bottom: 2rem; display: none; } .overlay-helper .module-gallery .gallery .slides:after { content: ""; display: table; clear: both; } .overlay-helper .module-gallery .gallery .slides li { width: 100%; float: left; background: no-repeat; background-size: 100% auto; } .overlay-helper .module-gallery .gallery .slides img { width: 100%; display: block; } .overlay-helper .module-gallery .gallery .slides .description p { text-align: left; margin-bottom: 0; } .overlay-helper .module-gallery .gallery .thumbnails, .overlay-helper .module-gallery .gallery .info { position: relative; background: #1e1e1e; padding: 20px 0px 20px 0px; padding: 2rem 0rem 2rem 0rem; } .overlay-helper .module-gallery .gallery .thumbnails .slides li { width: auto; } .overlay-helper .module-gallery .gallery .thumbnails .slides a { display: block; float: left; background: no-repeat; background-size: 100% auto; max-width: 16%; margin-right: 5%; position: relative; } .overlay-helper .module-gallery .gallery .thumbnails .slides a .play-image { background: center center no-repeat; background-image: url(/images/play-small.png); background-size: 30%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; } .overlay-helper .module-gallery .gallery .thumbnails .slides a:last-child { margin: 0; } .overlay-helper .module-gallery .gallery .thumbnails .slides a:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #0a83da; display: none; } .overlay-helper .module-gallery .gallery .thumbnails .slides a.selected:after { display: block; } .overlay-helper .module-gallery .gallery .thumbnails .nav-button { top: 50%; } .overlay-helper .module-gallery .gallery .nav-button { position: absolute; font-size: 0; height: 40px; height: 4rem; width: 40px; width: 4rem; } .overlay-helper .module-gallery .gallery .nav-button.prev { background-image: url('/Canvas/showroom_2015/GalleryOverlay/images/carousel-left-arrow-blue.png'); background-repeat: no-repeat; background-position: left center; margin-top: -20px; margin-top: -2rem; left: 3%; } .overlay-helper .module-gallery .gallery .nav-button.next { background-image: url('/Canvas/showroom_2015/GalleryOverlay/images/carousel-right-arrow-blue.png'); background-repeat: no-repeat; background-position: right center; margin-top: -20px; margin-top: -2rem; right: 3%; } .overlay-helper .module-gallery .gallery > .nav-button.prev, .overlay-helper .module-gallery .gallery > .nav-button.next { top: 38%; } @media (max-width: 580px) { .overlay-helper .module-gallery .gallery > .nav-button.prev, .overlay-helper .module-gallery .gallery > .nav-button.next { top: 25%; } } .overlay-helper .module-gallery .gallery .info { display: none; } @media (max-width: 768px) { .overlay-helper .module-gallery .gallery .thumbnails { display: none; } .overlay-helper .module-gallery .gallery .info { margin-top: 25px; text-align: center; display: block; font-size: 18px; line-height: 22px; line-height: 2.2rem; color: #666; border-top: 1px solid #666666; padding-top: 10px; padding-top: 1rem; } .overlay-helper .module-gallery .gallery .info .current { color: #ccc; } .overlay-helper .module-gallery .gallery .title, .overlay-helper .module-gallery .gallery .description { line-height: 1.4; } .overlay-helper .module-gallery .gallery .gallery-details .description { display: none; } .overlay-helper .module-gallery .gallery .slides .content { height: auto; position: relative; } .overlay-helper .module-gallery .gallery .slides .content:after { content: ''; width: 20px; width: 2rem; height: 21px; height: 2.1rem; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASdJREFUeNqslN8NgjAQxoGwQFeoI+AI8OQzK8gAmugImrgAjgCv+kRHkBFkBTYw3pkjqce1+Icv+RLa0l/bu2vDcHMJBClwDk7BCVhTvwG34DO4w47HafU2MRJgCLqBS/rW1hgusAPfaVzxyRyIP1cM4tIa3ETbq3YBEXYIvhOGowKo4sDEA9uDQ7ILWnLgtzsbxR12mQ5ATcH+V/kAzIN59OLEQkYNa/eeMW3NV5hxCZh5dpEJZWbHX0fBzIqHK2SpYe2arpo0xk/XScDUE1NfNfRwr7tICPSvqoeyaWeC1vZNOf4JM3BcYwONB7qmZDSu2IELO8v2I6AI4CpeCZZhMlzvYUHgT9QSrJ16sfHoC6q93gHChZf0PSpsSR1NKtiRJ6vhKcAAPfpFIS1byioAAAAASUVORK5CYII='); position: absolute; top: -35px; top: -3.5rem; right: 5px; right: 0.5rem; } .overlay-helper .module-gallery .gallery .slides a { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } } @media (max-width: 480px) { .overlay-helper .module-gallery .gallery .nav-button.prev { left: 2%; } .overlay-helper .module-gallery .gallery .nav-button.next { right: 2%; } } .overlay-helper .tabs-select-wrapper { display: none; } .overlay-helper .helper-tabs:after { content: ""; display: table; clear: both; } .overlay-helper .helper-tabs.level-1 { margin-left: 9.13120568%; margin-right: 9.13120568%; border-bottom: 1px solid #303030; border-bottom: 0.1rem solid #303030; padding-bottom: 20px; padding-bottom: 2rem; } .overlay-helper .helper-tabs.level-1 a { display: block; color: #666666; padding: 1px 25px 1px 25px; line-height: 28px; font-size: 16px; } .overlay-helper .helper-tabs.level-1 li:first-child { margin-left: 0; } .overlay-helper .helper-tabs.level-1 .selected a { background: #333333; color: #cccccc; border-top-right-radius: 3px; border-top-right-radius: 0.3rem; border-bottom-right-radius: 3px; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 3px; border-bottom-left-radius: 0.3rem; border-top-left-radius: 3px; border-top-left-radius: 0.3rem; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .overlay-helper .helper-tabs.level-2 li { padding: 0; } .overlay-helper.dropdown-tabs .tabs-select-wrapper { position: relative; display: block; } .overlay-helper.dropdown-tabs .tabs-select-wrapper:after { content: ""; display: table; clear: both; } .overlay-helper.dropdown-tabs a.tabs-select { float: left; margin-left: 9.13120568%; display: block; color: #e8e8e8; background: #212121; border-top-right-radius: 2px; border-top-right-radius: 0.2rem; border-bottom-right-radius: 2px; border-bottom-right-radius: 0.2rem; border-bottom-left-radius: 2px; border-bottom-left-radius: 0.2rem; border-top-left-radius: 2px; border-top-left-radius: 0.2rem; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; line-height: 21px; line-height: 2.1rem; padding: 15px 15px 15px 15px; padding: 1.5rem 1.5rem 1.5rem 1.5rem; } @media (max-width: 480px) { .overlay-helper.dropdown-tabs a.tabs-select { padding: 10px 15px 10px 15px; } } .overlay-helper.dropdown-tabs a.tabs-select:hover { color: #e8e8e8; } .overlay-helper.dropdown-tabs a.tabs-select:after { content: ''; display: inline-block; /*image/svg+xml*/ background: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5LjkgNi40IiBpZD0iTGF5ZXJfMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTExIj48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMgaWQ9ImRlZnM5IiAvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDAsNi40KSIgaWQ9ImczIj48cGF0aCBmaWxsPSIjZThlOGU4IiBkPSJNIDguMiw2LjIgNC45LDMgMS43LDYuMiBDIDEuNiw2LjMgMS41LDYuNCAxLjQsNi40IDEuMyw2LjQgMS4yLDYuNCAxLjEsNi4zIGwgLTEsLTEgQyAwLDUuMSAwLDUuMSAwLDQuOSAwLDQuNyAwLDQuNyAwLjEsNC42IEwgNC43LDAgYyAwLDAgMC4xLDAgMC4yLDAgMC4xLDAgMC4yLDAgMC4zLDAuMSBsIDQuNiw0LjYgYyAwLjEsMC4xIDAuMSwwLjIgMC4xLDAuMyAwLDAuMSAwLDAuMiAtMC4xLDAuMyBsIC0xLDEgQyA4LjcsNi4zIDguNiw2LjQgOC41LDYuNCA4LjQsNi40IDguMyw2LjMgOC4yLDYuMiB6IiBpZD0icGF0aDUiIC8+PC9nPjwvc3ZnPg=='); background-repeat: no-repeat; width: 15px; width: 1.5rem; height: 20px; height: 2rem; float: right; background-position: center; margin-left: 20px; margin-left: 2rem; transform: scale(0.5, 0.5); } .overlay-helper.dropdown-tabs a.tabs-select.opened:after { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl85IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyLjkgMTIuMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIuOSAxMi4yIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZThlOGU4IiBkPSJNNi40LDQuN2w0LjgtNC40QzExLjQsMC4xLDExLjcsMCwxMS45LDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zYzAuMiwwLjIsMC4zLDAuNCwwLjMsMC43YzAsMC4zLTAuMSwwLjUtMC4zLDAuN0w3LjIsN0M3LDcuMiw2LjcsNy4zLDYuNSw3LjNDNi4yLDcuMyw2LDcuMiw1LjgsN0wwLjMsMS42QzAuMSwxLjQsMC4xLDEuMiwwLjEsMWMwLTAuMywwLjEtMC41LDAuMy0wLjdDMC41LDAuMSwwLjcsMCwxLDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zTDYuNCw0Ljd6Ii8+PHBhdGggZmlsbD0iI2U4ZThlOCIgZD0iTTYuNSw3LjVsLTQuOCw0LjRjLTAuMiwwLjItMC40LDAuMy0wLjcsMC4zYy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNjLTAuMi0wLjItMC4zLTAuNC0wLjMtMC43YzAtMC4zLDAuMS0wLjUsMC4zLTAuN2w1LjQtNS40QzYsNSw2LjIsNC45LDYuNSw0LjlDNi43LDQuOSw3LDUsNy4yLDUuMmw1LjQsNS40YzAuMiwwLjIsMC4zLDAuNCwwLjMsMC43YzAsMC4zLTAuMSwwLjUtMC4zLDAuN2MtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNjLTAuMywwLTAuNS0wLjEtMC43LTAuM0w2LjUsNy41eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; background-position-y: 3px; } .overlay-helper.dropdown-tabs a.tabs-select, .overlay-helper.dropdown-tabs .helper-tabs { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } .overlay-helper.dropdown-tabs .helper-tabs.level-1 { margin: 0; padding: 10px 35px 10px 0px; padding: 1rem 3.5rem 1rem 0rem; background: #d7d7ce; display: none; position: absolute; top: 53px; border-radius: 0 0 5px 5px; left: 6.3%; z-index: 10; } .overlay-helper.dropdown-tabs .helper-tabs.level-1.mobile-visible { display: block; } .overlay-helper.dropdown-tabs .helper-tabs.level-1 li { float: none; display: block; padding: 0; margin-left: 0; } .overlay-helper.dropdown-tabs .helper-tabs.level-1 a { padding: 15px 15px 15px 15px; padding: 1.5rem 1.5rem 1.5rem 1.5rem; } .overlay-helper.dropdown-tabs .helper-tabs.level-1 li:first-child a { padding-left: 15px; padding-left: 1.5rem; } .overlay-helper.dropdown-tabs .helper-tabs.level-1 .selected a { background: none; color: #0086d3; } @media (max-width: 768px) { .overlay-helper .tabs-select-wrapper { position: relative; display: block; } .overlay-helper .tabs-select-wrapper:after { content: ""; display: table; clear: both; } .overlay-helper a.tabs-select { float: left; margin-left: 9.13120568%; display: block; color: #e8e8e8; background: #212121; border-top-right-radius: 2px; border-top-right-radius: 0.2rem; border-bottom-right-radius: 2px; border-bottom-right-radius: 0.2rem; border-bottom-left-radius: 2px; border-bottom-left-radius: 0.2rem; border-top-left-radius: 2px; border-top-left-radius: 0.2rem; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; line-height: 21px; line-height: 2.1rem; padding: 15px 15px 15px 15px; padding: 1.5rem 1.5rem 1.5rem 1.5rem; } .overlay-helper a.tabs-select:hover { color: #e8e8e8; } .overlay-helper a.tabs-select:after { content: ''; display: inline-block; /*image/svg+xml*/ background: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5LjkgNi40IiBpZD0iTGF5ZXJfMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTExIj48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMgaWQ9ImRlZnM5IiAvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDAsNi40KSIgaWQ9ImczIj48cGF0aCBmaWxsPSIjZThlOGU4IiBkPSJNIDguMiw2LjIgNC45LDMgMS43LDYuMiBDIDEuNiw2LjMgMS41LDYuNCAxLjQsNi40IDEuMyw2LjQgMS4yLDYuNCAxLjEsNi4zIGwgLTEsLTEgQyAwLDUuMSAwLDUuMSAwLDQuOSAwLDQuNyAwLDQuNyAwLjEsNC42IEwgNC43LDAgYyAwLDAgMC4xLDAgMC4yLDAgMC4xLDAgMC4yLDAgMC4zLDAuMSBsIDQuNiw0LjYgYyAwLjEsMC4xIDAuMSwwLjIgMC4xLDAuMyAwLDAuMSAwLDAuMiAtMC4xLDAuMyBsIC0xLDEgQyA4LjcsNi4zIDguNiw2LjQgOC41LDYuNCA4LjQsNi40IDguMyw2LjMgOC4yLDYuMiB6IiBpZD0icGF0aDUiIC8+PC9nPjwvc3ZnPg=='); background-repeat: no-repeat; width: 15px; width: 1.5rem; height: 20px; height: 2rem; float: right; background-position: center; margin-left: 20px; margin-left: 2rem; transform: scale(0.5, 0.5); } .overlay-helper a.tabs-select.opened:after { /**/ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl85IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyLjkgMTIuMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIuOSAxMi4yIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZThlOGU4IiBkPSJNNi40LDQuN2w0LjgtNC40QzExLjQsMC4xLDExLjcsMCwxMS45LDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zYzAuMiwwLjIsMC4zLDAuNCwwLjMsMC43YzAsMC4zLTAuMSwwLjUtMC4zLDAuN0w3LjIsN0M3LDcuMiw2LjcsNy4zLDYuNSw3LjNDNi4yLDcuMyw2LDcuMiw1LjgsN0wwLjMsMS42QzAuMSwxLjQsMC4xLDEuMiwwLjEsMWMwLTAuMywwLjEtMC41LDAuMy0wLjdDMC41LDAuMSwwLjcsMCwxLDBjMC4zLDAsMC41LDAuMSwwLjcsMC4zTDYuNCw0Ljd6Ii8+PHBhdGggZmlsbD0iI2U4ZThlOCIgZD0iTTYuNSw3LjVsLTQuOCw0LjRjLTAuMiwwLjItMC40LDAuMy0wLjcsMC4zYy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNjLTAuMi0wLjItMC4zLTAuNC0wLjMtMC43YzAtMC4zLDAuMS0wLjUsMC4zLTAuN2w1LjQtNS40QzYsNSw2LjIsNC45LDYuNSw0LjlDNi43LDQuOSw3LDUsNy4yLDUuMmw1LjQsNS40YzAuMiwwLjIsMC4zLDAuNCwwLjMsMC43YzAsMC4zLTAuMSwwLjUtMC4zLDAuN2MtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNjLTAuMywwLTAuNS0wLjEtMC43LTAuM0w2LjUsNy41eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; background-position-y: 3px; } .overlay-helper a.tabs-select, .overlay-helper .helper-tabs { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } .overlay-helper .helper-tabs.level-1 { margin: 0; padding: 10px 35px 10px 0px; padding: 1rem 3.5rem 1rem 0rem; background: #d7d7ce; display: none; position: absolute; top: 53px; border-radius: 0 0 5px 5px; left: 6.3%; z-index: 10; } .overlay-helper .helper-tabs.level-1.mobile-visible { display: block; } .overlay-helper .helper-tabs.level-1 li { float: none; display: block; padding: 0; margin-left: 0; } .overlay-helper .helper-tabs.level-1 a { padding: 15px 15px 15px 15px; padding: 1.5rem 1.5rem 1.5rem 1.5rem; } .overlay-helper .helper-tabs.level-1 li:first-child a { padding-left: 15px; padding-left: 1.5rem; } .overlay-helper .helper-tabs.level-1 .selected a { background: none; color: #0086d3; } .overlay-helper a.tabs-select { width: 81.73758865%; } .overlay-helper .helper-tabs.level-1 { right: 5.5%; padding-right: 0; } .overlay-helper a.tabs-select, .overlay-helper .helper-tabs.level-1 a { font-size: 12px; font-size: 1.2rem; } } @media (max-width: 768px) and (max-width: 480px) { .overlay-helper a.tabs-select { padding: 10px 15px 10px 15px; } } .ie8 .overlay-helper .module-gallery .gallery .thumbnails .slides a { margin-right: 5px !important; } @media (max-width: 768px) { .overlay-helper a.tabs-select { margin-left: 6%; width: 88.737589%; background-color: #666666 !important; text-transform: capitalize; font-family: DefaultLight; font-size: 20px; } } .overlay-helper .helper-tabs.level-1 .selected a { font-size: 20px !important; }