@charset "UTF-8"; *, *:before, *:after { box-sizing: border-box; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "futura-pt", sans-serif; font-size: 16px; line-height: 1.5; color: #333; background-color: #fff; background-image: none !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a, .pull-right a { color: #333; text-decoration: none !important; } a:hover, a:focus, .pull-right a:hover, .pull-right a:focus { color: #0d0d0d; text-decoration: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: "futura-pt", sans-serif; font-weight: 400; line-height: 1.2; color: inherit; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, ul, ol { margin-bottom: 24px; } h1, .h1 { font-size: 40px; } h2, .h2 { font-size: 28px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 18px; } h6, .h6 { font-size: 16px; } .css-1gc24vq { font-weight: 700; letter-spacing: -0.01em; color: black; } .css-14a88tc { color: black; } .css-1nhwazd { background-image: url( https://www.oliverbonas.com/static/cms/media/Dixa_OB_Header_Image_02-min.jpg ); } .kb-category-card svg.kb-icon { display: none; } [data-category-id="1"] .kb-category-card__icon-wrapper { background-image: url(); height: 50px; width: 60px; background-size: contain; background-repeat: no-repeat; background-position: center; } [data-category-id="2"] .kb-category-card__icon-wrapper { background-image: url(https://www.oliverbonas.com/static/cms/media/Updated-Payment_12_2024.svg); height: 50px; width: 60px; background-size: contain; background-repeat: no-repeat; background-position: center; } [data-category-id="8"] .kb-category-card__icon-wrapper { background-image: url(https://www.oliverbonas.com/static/cms/media/Updated-Delivery_12_2024.svg); height: 50px; width: 60px; background-size: contain; background-repeat: no-repeat; background-position: center; } [data-category-id="13"] .kb-category-card__icon-wrapper { background-image: url(https://www.oliverbonas.com/static/cms/media/Updated-30-days-return.svg); height: 50px; width: 60px; background-size: contain; background-repeat: no-repeat; background-position: center; } [data-category-id="16"] .kb-category-card__icon-wrapper { background-image: url(https://www.oliverbonas.com/static/cms/media/Updated-Furniture_12_2024.svg); height: 50px; width: 60px; background-size: contain; background-repeat: no-repeat; background-position: left; } [data-category-id="61"] .kb-category-card__icon-wrapper { background-image: url(https://www.oliverbonas.com/static/cms/media/Upated-Gift-Card_12_2024.svg); height: 50px; width: 60px; background-size: contain; background-repeat: no-repeat; background-position: center; } [data-category-id="20"] .kb-category-card__icon-wrapper { background-image: url(https://www.oliverbonas.com/static/cms/media/Updated-FAQ_12_2024.svg); height: 50px; width: 60px; background-size: contain; background-repeat: no-repeat; background-position: center; } .kb-category-card__icon-wrapper { display: flex; width: 70px; height: 70px; justify-content: center; align-items: center; flex-shrink: 0; background: #FED8D8; border-radius: 50%; } @media (min-width: 768px) { .css-evytjk { font-size: 1.5rem; line-height: 5rem; } } @media (min-width: 1200px) { .css-evytjk { font-size: 2rem; line-height: 5rem; } } @media (min-width: 1024px) { .css-evytjk { font-size: 2rem; line-height: 5rem; } } strong, b { font-weight: 700; } .small { font-size: 80%; font-weight: normal; line-height: 1; } li { line-height: 1.5; } dl { margin-top: 0; margin-bottom: 24px; } dt, dd { line-height: 1.5; margin-bottom: 12px; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal:before, .dl-horizontal:after { display: table; content: ""; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } @media (min-width: 768px) { .dl-horizontal dt { width: 30%; float: left; clear: both; padding-right: 16px; } } .dl-horizontal dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dd { width: 70%; float: right; } } blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; background-color: #f7f7f9; padding: 12px 24px; margin: 0 0 24px; border-left: 5px solid #eceeef; } blockquote.is-colored { border-left: 5px solid #333; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } [hidden], .hidden, .is-hidden { display: none !important; } ul.unstyled, ol.unstyled, .list-unstyled { list-style: none; padding-left: 0; margin-left: 0; margin-top: 0; } .survey-widget-wrapper { background: transparent !important; } hr.content-divider { border-color: #eceeef; } @media (max-width: 991px) { .bt-mobile-menu-open { overflow: hidden; } } img[aria-hidden="true"] { display: none; } .home-title { margin-bottom: 35px; } .home-section { margin-bottom: 35px; } .container--grey { padding-top: 45px; margin-top: -25px; margin-bottom: 45px; background: #f9f9f8; } .layout__header { margin-bottom: 25px; } .header-inner { margin-bottom: 25px; border-bottom: 1px solid #eceeef; } strong, b { font-weight: 400; } .scroll-to-top { display: none; } #name_field { display: none !important; } .layout { min-height: 100%; display: -ms-grid; display: grid; -ms-grid-rows: auto 1fr auto; grid-template-rows: auto 1fr auto; -ms-grid-columns: 100%; grid-template-columns: 100%; } .layout > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .layout > *:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1; } .layout > *:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1; } .btn, button.btn.btn-primary, input[type="submit"].btn.btn-primary, input[type="submit"], input[type="reset"], input[type="button"], a.btn.btn-primary, button.btn-primary, .banner-nav a[href*="/login"], .redactor_btns_box .btn.btn-primary, button.btn.btn-small, input[type="submit"].btn.btn-small, .article-vote .vote-up, .article-vote .vote-down, #vote-feedback-form-link, #ticket-export-button, #ticket-filter-container .dropdown-toggle { border-radius: 0; border-width: 1px; border-style: solid; letter-spacing: 0.499653px; font-size: 14.8px; font-family: "futura-pt", sans-serif; font-weight: 400 !important; transition: all 0.3s ease; text-shadow: none; padding: 6px 12px; text-transform: none; background-color: transparent; } .btn, .btn:hover, .btn:focus, .btn:active, button.btn.btn-primary, button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:active, input[type="submit"].btn.btn-primary, input[type="submit"].btn.btn-primary:hover, input[type="submit"].btn.btn-primary:focus, input[type="submit"].btn.btn-primary:active, input[type="submit"], input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="reset"], input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="button"], input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, a.btn.btn-primary, a.btn.btn-primary:hover, a.btn.btn-primary:focus, a.btn.btn-primary:active, button.btn-primary, button.btn-primary:hover, button.btn-primary:focus, button.btn-primary:active, .banner-nav a[href*="/login"], .banner-nav a[href*="/login"]:hover, .banner-nav a[href*="/login"]:focus, .banner-nav a[href*="/login"]:active, .redactor_btns_box .btn.btn-primary, .redactor_btns_box .btn.btn-primary:hover, .redactor_btns_box .btn.btn-primary:focus, .redactor_btns_box .btn.btn-primary:active, button.btn.btn-small, button.btn.btn-small:hover, button.btn.btn-small:focus, button.btn.btn-small:active, input[type="submit"].btn.btn-small, input[type="submit"].btn.btn-small:hover, input[type="submit"].btn.btn-small:focus, input[type="submit"].btn.btn-small:active, .article-vote .vote-up, .article-vote .vote-up:hover, .article-vote .vote-up:focus, .article-vote .vote-up:active, .article-vote .vote-down, .article-vote .vote-down:hover, .article-vote .vote-down:focus, .article-vote .vote-down:active, #vote-feedback-form-link, #vote-feedback-form-link:hover, #vote-feedback-form-link:focus, #vote-feedback-form-link:active, #ticket-export-button, #ticket-export-button:hover, #ticket-export-button:focus, #ticket-export-button:active, #ticket-filter-container .dropdown-toggle, #ticket-filter-container .dropdown-toggle:hover, #ticket-filter-container .dropdown-toggle:focus, #ticket-filter-container .dropdown-toggle:active { color: #333; border-color: #333; background-color: transparent; background-image: none !important; box-shadow: none !important; } .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, button.btn.btn-primary, button.btn.btn-primary:hover, button.btn.btn-primary:active, button.btn.btn-primary:focus, input[type="submit"].btn.btn-primary, input[type="submit"].btn.btn-primary:hover, input[type="submit"].btn.btn-primary:active, input[type="submit"].btn.btn-primary:focus, input[type="submit"], input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus, input[type="button"].btn-primary, input[type="button"].btn-primary:hover, input[type="button"].btn-primary:active, input[type="button"].btn-primary:focus, a.btn.btn-primary, a.btn.btn-primary:hover, a.btn.btn-primary:active, a.btn.btn-primary:focus, button.btn-primary, button.btn-primary:hover, button.btn-primary:active, button.btn-primary:focus, .banner-nav a[href*="/login"], .banner-nav a[href*="/login"]:hover, .banner-nav a[href*="/login"]:active, .banner-nav a[href*="/login"]:focus, .redactor_btns_box .btn.btn-primary, .redactor_btns_box .btn.btn-primary:hover, .redactor_btns_box .btn.btn-primary:active, .redactor_btns_box .btn.btn-primary:focus, input[type="submit"].btn.btn-small, input[type="submit"].btn.btn-small:hover, input[type="submit"].btn.btn-small:active, input[type="submit"].btn.btn-small:focus, .hc-search-button .btn.btn-primary, .hc-search-button .btn.btn-primary:hover, .hc-search-button .btn.btn-primary:active, .hc-search-button .btn.btn-primary:focus { border-color: #333; background-color: #333; color: #fff; } .btn.disabled, .btn[disabled] { background-color: #e8e8e8 !important; border-color: #e8e8e8 !important; text-shadow: none !important; } .hc-search-button .btn.btn-primary { padding: 6px 12px; } .btn-group > .btn { margin-left: -1px; } .dropdown-toggle.btn, .dropdown-toggle.btn b { color: #333 !important; font-size: 12px !important; font-weight: 600 !important; } .article-vote .vote-up:before, .article-vote .vote-down:before { height: auto; width: auto; background: none; font-size: 14px; color: #333; } .article-vote .vote-up:before { content: "\f164"; } .article-vote .vote-down:before { content: "\f165"; } .article-vote .vote-up:before, .article-vote .vote-down:before, .hc-search-input:before { display: inline-block; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .btn-facebook:before, .btn-twitter:before, .btn-google:before { display: inline-block; font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: -1px; margin: 0 4px 0 0; width: auto; height: auto; background: none; vertical-align: middle; font-size: 14px; } .btn-facebook, .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active { color: #fff; background-color: #3b5998; border-color: #3b5998; } .btn-facebook:before { content: "\f39e"; } .btn-twitter, .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active { color: #fff; background-color: #1da1f2; border-color: #1da1f2; } .btn-twitter:before { content: "\f099"; } .btn-google, .btn-google:hover, .btn-google:focus, .btn-google:active { color: #fff; background-color: #ea4335; border-color: #ea4335; } .btn-google:before { content: "\f1a0"; } .btn [class^="icon-"]:before { color: #333; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { padding: 6px 12px; color: #55595c; background-image: none; box-shadow: none; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { box-shadow: none !important; border-color: #bababa; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .redactor_box, .hc-search-input input[type="text"] { border-color: #d3d3d3; border-width: 1px; border-radius: 0; } .hc-search-input input.special { border-style: solid; } label { font-weight: 500; } .form-actions { padding-top: 24px; border-color: #eceeef; border-width: 1px; } @media (max-width: 767px) { .form-portal .control-label { float: none; width: auto; padding-top: 0; margin-bottom: 6px; } .form-portal .controls { margin-left: 0; } .form-portal .form-actions { padding-left: 0; } } .control-group.error-group > label, .control-group.error-group .help-block, .control-group.error-group .help-inline, .control-group.error-group .error { font-size: 14px; } .redactor_editor, .redactor_editor:focus { font-family: "futura-pt", sans-serif !important; font-size: 16px !important; } #errorExplanation ul, .errorExplanation ul { margin-top: 0; } .date_time_box { width: 180px !important; height: 38px !important; border-color: #eceeef !important; border-width: 1px; box-shadow: none !important; } .catalog-request .date_time_box { padding-top: 5px; } input::-moz-placeholder { color: #b2b2b2; opacity: 1; } input:-ms-input-placeholder { color: #b2b2b2; opacity: 1; } input::-ms-input-placeholder { color: #b2b2b2; opacity: 1; } input::placeholder { color: #b2b2b2; opacity: 1; } textarea::-moz-placeholder { color: #b2b2b2; opacity: 1; } textarea:-ms-input-placeholder { color: #b2b2b2; opacity: 1; } textarea::-ms-input-placeholder { color: #b2b2b2; opacity: 1; } textarea::placeholder { color: #b2b2b2; opacity: 1; } textarea::-webkit-input-placeholder { color: #b2b2b2; } .container { padding-right: 16px; padding-left: 16px; } @media (min-width: 768px) { .container { padding-right: 32px; padding-left: 32px; } } .bt-container-inner { max-width: 1200px; margin: 0 auto; } .row { margin-left: -16px; margin-right: -16px; } .column { float: left; width: 100%; position: relative; min-height: 1px; padding-left: 16px; padding-right: 16px; } .column--xs-1 { width: 8.33333%; } .column--xs-2 { width: 16.66667%; } .column--xs-3 { width: 25%; } .column--xs-4 { width: 33.33333%; } .column--xs-5 { width: 41.66667%; } .column--xs-6 { width: 50%; } .column--xs-7 { width: 58.33333%; } .column--xs-8 { width: 66.66667%; } .column--xs-9 { width: 75%; } .column--xs-10 { width: 83.33333%; } .column--xs-11 { width: 91.66667%; } .column--xs-12 { width: 100%; } .column--xs-offset-0 { margin-left: 0%; } .column--xs-offset-1 { margin-left: 8.33333%; } .column--xs-offset-2 { margin-left: 16.66667%; } .column--xs-offset-3 { margin-left: 25%; } .column--xs-offset-4 { margin-left: 33.33333%; } .column--xs-offset-5 { margin-left: 41.66667%; } .column--xs-offset-6 { margin-left: 50%; } .column--xs-offset-7 { margin-left: 58.33333%; } .column--xs-offset-8 { margin-left: 66.66667%; } .column--xs-offset-9 { margin-left: 75%; } .column--xs-offset-10 { margin-left: 83.33333%; } .column--xs-offset-11 { margin-left: 91.66667%; } .column--xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .column--sm-1 { width: 8.33333%; } .column--sm-2 { width: 16.66667%; } .column--sm-3 { width: 25%; } .column--sm-4 { width: 33.33333%; } .column--sm-5 { width: 41.66667%; } .column--sm-6 { width: 50%; } .column--sm-7 { width: 58.33333%; } .column--sm-8 { width: 66.66667%; } .column--sm-9 { width: 75%; } .column--sm-10 { width: 83.33333%; } .column--sm-11 { width: 91.66667%; } .column--sm-12 { width: 100%; } .column--sm-offset-0 { margin-left: 0%; } .column--sm-offset-1 { margin-left: 8.33333%; } .column--sm-offset-2 { margin-left: 16.66667%; } .column--sm-offset-3 { margin-left: 25%; } .column--sm-offset-4 { margin-left: 33.33333%; } .column--sm-offset-5 { margin-left: 41.66667%; } .column--sm-offset-6 { margin-left: 50%; } .column--sm-offset-7 { margin-left: 58.33333%; } .column--sm-offset-8 { margin-left: 66.66667%; } .column--sm-offset-9 { margin-left: 75%; } .column--sm-offset-10 { margin-left: 83.33333%; } .column--sm-offset-11 { margin-left: 91.66667%; } .column--sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .column--md-1 { width: 8.33333%; } .column--md-2 { width: 16.66667%; } .column--md-3 { width: 25%; } .column--md-4 { width: 33.33333%; } .column--md-5 { width: 41.66667%; } .column--md-6 { width: 50%; } .column--md-7 { width: 58.33333%; } .column--md-8 { width: 66.66667%; } .column--md-9 { width: 75%; } .column--md-10 { width: 83.33333%; } .column--md-11 { width: 91.66667%; } .column--md-12 { width: 100%; } .column--md-offset-0 { margin-left: 0%; } .column--md-offset-1 { margin-left: 8.33333%; } .column--md-offset-2 { margin-left: 16.66667%; } .column--md-offset-3 { margin-left: 25%; } .column--md-offset-4 { margin-left: 33.33333%; } .column--md-offset-5 { margin-left: 41.66667%; } .column--md-offset-6 { margin-left: 50%; } .column--md-offset-7 { margin-left: 58.33333%; } .column--md-offset-8 { margin-left: 66.66667%; } .column--md-offset-9 { margin-left: 75%; } .column--md-offset-10 { margin-left: 83.33333%; } .column--md-offset-11 { margin-left: 91.66667%; } .column--md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .column--lg-1 { width: 8.33333%; } .column--lg-2 { width: 16.66667%; } .column--lg-3 { width: 25%; } .column--lg-4 { width: 33.33333%; } .column--lg-5 { width: 41.66667%; } .column--lg-6 { width: 50%; } .column--lg-7 { width: 58.33333%; } .column--lg-8 { width: 66.66667%; } .column--lg-9 { width: 75%; } .column--lg-10 { width: 83.33333%; } .column--lg-11 { width: 91.66667%; } .column--lg-12 { width: 100%; } .column--lg-offset-0 { margin-left: 0%; } .column--lg-offset-1 { margin-left: 8.33333%; } .column--lg-offset-2 { margin-left: 16.66667%; } .column--lg-offset-3 { margin-left: 25%; } .column--lg-offset-4 { margin-left: 33.33333%; } .column--lg-offset-5 { margin-left: 41.66667%; } .column--lg-offset-6 { margin-left: 50%; } .column--lg-offset-7 { margin-left: 58.33333%; } .column--lg-offset-8 { margin-left: 66.66667%; } .column--lg-offset-9 { margin-left: 75%; } .column--lg-offset-10 { margin-left: 83.33333%; } .column--lg-offset-11 { margin-left: 91.66667%; } .column--lg-offset-12 { margin-left: 100%; } } .meganav__overlay { background: rgba(0, 0, 0, 0.32); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; } .meganav__overlay .ng-hide { z-index: -1; opacity: 0; left: -9999px; right: auto; pointer-events: none; } .meganav-item { padding-left: .625rem; padding-right: .625rem; } .meganav-item > a { position: relative; } .meganav-item > a:after { background-color: currentColor; content: ""; display: block; height: 1px; width: 0; position: absolute; right: 0; bottom: -.125rem; left: 0; } .meganav-item.is-active > a:after, .meganav-item:hover > a:after { width: 0; -webkit-animation-name: leftToRight; animation-name: leftToRight; -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .meganav-inner { transition: max-height .8s ease-in-out .1s,opacity .2s .35s; opacity: 1; max-height: 62.5rem; } .meganav-item-animation { max-width: 100%; } .meganav-inner.ng-hide, .meganav-item-animation.ng-hide { opacity: 0; max-width: 100%; pointer-events: none; } .meganav-inner.ng-hide { transition: max-height .25s ease-in-out .1s,opacity .2s .35s; max-height: 0; opacity: 0; } .inline-block { display: inline-block; } .p1 { font-size: .9375rem; letter-spacing: .03125rem; line-height: 1.5rem; } .pos-relative, .size-l .pos-relative-l, .size-m .pos-relative-m, .size-s .pos-relative-s, .size-x .pos-relative-x { position: relative; } .pos-absolute, .size-l .pos-absolute-l, .size-m .pos-absolute-m, .size-s .pos-absolute-s, .size-x .pos-absolute-x { position: absolute; } .pos-fixed, .size-l .pos-fixed-l, .size-m .pos-fixed-m, .size-s .pos-fixed-s, .size-x .pos-fixed-x { position: fixed; } .pos-center, .size-l .pos-center-l, .size-m .pos-center-m, .size-s .pos-center-s, .size-x .pos-center-x { margin-left: auto; margin-right: auto; } .size-s .m-a { margin: 1rem; } .size-m .m-a { margin: 1.25rem; } .size-l .m-a { margin: 1.5rem; } .size-x .m-a { margin: 1.75rem; } .size-s .m-t { margin-top: 1rem; } .size-m .m-t { margin-top: 1.25rem; } .size-l .m-t { margin-top: 1.5rem; } .size-x .m-t { margin-top: 1.75rem; } .size-s .m-r, .size-s .sign-up-popup-panel { margin-right: 1rem; } .size-m .m-r, .size-m .sign-up-popup-panel { margin-right: 1.25rem; } .size-l .m-r, .size-l .sign-up-popup-panel { margin-right: 1.5rem; } .size-x .m-r, .size-x .sign-up-popup-panel { margin-right: 1.75rem; } .size-s .m-b { margin-bottom: 1rem; } .size-m .m-b { margin-bottom: 1.25rem; } .size-l .m-b { margin-bottom: 1.5rem; } .size-x .m-b { margin-bottom: 1.75rem; } .size-s .m-l { margin-left: 1rem; } .size-m .m-l { margin-left: 1.25rem; } .size-l .m-l { margin-left: 1.5rem; } .size-x .m-l { margin-left: 1.75rem; } .size-s .m-a-1 { margin: .25rem; } .size-s .m-a-1-s { margin: 0.25rem !important; } .size-m .m-a-1 { margin: .3125rem; } .size-m .m-a-1-m { margin: 0.3125rem !important; } .size-l .m-a-1 { margin: .375rem; } .size-l .m-a-1-l { margin: 0.375rem !important; } .size-x .m-a-1 { margin: .4375rem; } .size-x .m-a-1-x { margin: 0.4375rem !important; } .size-s .m-t-1 { margin-top: .25rem; } .size-s .m-t-1-s { margin-top: 0.25rem !important; } .size-m .m-t-1 { margin-top: .3125rem; } .size-m .m-t-1-m { margin-top: 0.3125rem !important; } .size-l .m-t-1 { margin-top: .375rem; } .size-l .m-t-1-l { margin-top: 0.375rem !important; } .size-x .m-t-1 { margin-top: .4375rem; } .size-x .m-t-1-x { margin-top: 0.4375rem !important; } .size-s .m-r-1 { margin-right: .25rem; } .size-s .m-r-1-s { margin-right: 0.25rem !important; } .size-m .m-r-1 { margin-right: .3125rem; } .size-m .m-r-1-m { margin-right: 0.3125rem !important; } .size-l .m-r-1 { margin-right: .375rem; } .size-l .m-r-1-l { margin-right: 0.375rem !important; } .size-x .m-r-1 { margin-right: .4375rem; } .size-x .m-r-1-x { margin-right: 0.4375rem !important; } .size-s .m-b-1 { margin-bottom: .25rem; } .size-s .m-b-1-s { margin-bottom: 0.25rem !important; } .size-m .m-b-1 { margin-bottom: .3125rem; } .size-m .m-b-1-m { margin-bottom: 0.3125rem !important; } .size-l .m-b-1 { margin-bottom: .375rem; } .size-l .m-b-1-l { margin-bottom: 0.375rem !important; } .size-x .m-b-1 { margin-bottom: .4375rem; } .size-x .m-b-1-x { margin-bottom: 0.4375rem !important; } .size-s .m-l-1 { margin-left: .25rem; } .size-s .m-l-1-s { margin-left: 0.25rem !important; } .size-m .m-l-1 { margin-left: .3125rem; } .size-m .m-l-1-m { margin-left: 0.3125rem !important; } .size-l .m-l-1 { margin-left: .375rem; } .size-l .m-l-1-l { margin-left: 0.375rem !important; } .size-x .m-l-1 { margin-left: .4375rem; } .size-x .m-l-1-x { margin-left: 0.4375rem !important; } .size-s .m-a-2 { margin: .5rem; } .size-s .m-a-2-s { margin: 0.5rem !important; } .size-m .m-a-2 { margin: .625rem; } .size-m .m-a-2-m { margin: 0.625rem !important; } .size-l .m-a-2 { margin: .75rem; } .size-l .m-a-2-l { margin: 0.75rem !important; } .size-x .m-a-2 { margin: .875rem; } .size-x .m-a-2-x { margin: 0.875rem !important; } .size-s .m-t-2 { margin-top: .5rem; } .size-s .m-t-2-s { margin-top: 0.5rem !important; } .size-m .m-t-2 { margin-top: .625rem; } .size-m .m-t-2-m { margin-top: 0.625rem !important; } .size-l .m-t-2 { margin-top: .75rem; } .size-l .m-t-2-l { margin-top: 0.75rem !important; } .size-x .m-t-2 { margin-top: .875rem; } .size-x .m-t-2-x { margin-top: 0.875rem !important; } .size-s .m-r-2 { margin-right: 9.2px; } .size-s .m-r-2-s { margin-right: 0.5rem !important; } .size-m .m-r-2 { margin-right: .625rem; } .size-m .m-r-2-m { margin-right: 0.625rem !important; } .size-l .m-r-2 { margin-right: .75rem; } .size-l .m-r-2-l { margin-right: 0.75rem !important; } .size-x .m-r-2 { margin-right: .875rem; } .size-x .m-r-2-x { margin-right: 0.875rem !important; } .size-s .m-b-2 { margin-bottom: .5rem; } .size-s .m-b-2-s { margin-bottom: 0.5rem !important; } .size-m .m-b-2 { margin-bottom: .625rem; } .size-m .m-b-2-m { margin-bottom: 0.625rem !important; } .size-l .m-b-2 { margin-bottom: .75rem; } .size-l .m-b-2-l { margin-bottom: 0.75rem !important; } .size-x .m-b-2 { margin-bottom: .875rem; } .size-x .m-b-2-x { margin-bottom: 0.875rem !important; } .size-s .m-l-2 { margin-left: .5rem; } .size-s .m-l-2-s { margin-left: 0.5rem !important; } .size-m .m-l-2 { margin-left: .625rem; } .size-m .m-l-2-m { margin-left: 0.625rem !important; } .size-l .m-l-2 { margin-left: .75rem; } .size-l .m-l-2-l { margin-left: 0.75rem !important; } .size-x .m-l-2 { margin-left: .875rem; } .size-x .m-l-2-x { margin-left: 0.875rem !important; } .size-s .m-a-3 { margin: .75rem; } .size-s .m-a-3-s { margin: 0.75rem !important; } .size-m .m-a-3 { margin: .9375rem; } .size-m .m-a-3-m { margin: 0.9375rem !important; } .size-l .m-a-3 { margin: 1.125rem; } .size-l .m-a-3-l { margin: 1.125rem !important; } .size-x .m-a-3 { margin: 1.3125rem; } .size-x .m-a-3-x { margin: 1.3125rem !important; } .size-s .m-t-3 { margin-top: .75rem; } .size-s .m-t-3-s { margin-top: 0.75rem !important; } .size-m .m-t-3 { margin-top: .9375rem; } .size-m .m-t-3-m { margin-top: 0.9375rem !important; } .size-l .m-t-3 { margin-top: 1.125rem; } .size-l .m-t-3-l { margin-top: 1.125rem !important; } .size-x .m-t-3 { margin-top: 1.3125rem; } .size-x .m-t-3-x { margin-top: 1.3125rem !important; } .size-s .m-r-3 { margin-right: .75rem; } .size-s .m-r-3-s { margin-right: 0.75rem !important; } .size-m .m-r-3 { margin-right: .9375rem; } .size-m .m-r-3-m { margin-right: 0.9375rem !important; } .size-l .m-r-3 { margin-right: 1.125rem; } .size-l .m-r-3-l { margin-right: 1.125rem !important; } .size-x .m-r-3 { margin-right: 1.3125rem; } .size-x .m-r-3-x { margin-right: 1.3125rem !important; } .size-s .m-b-3 { margin-bottom: .75rem; } .size-s .m-b-3-s { margin-bottom: 0.75rem !important; } .size-m .m-b-3 { margin-bottom: .9375rem; } .size-m .m-b-3-m { margin-bottom: 0.9375rem !important; } .size-l .m-b-3 { margin-bottom: 1.125rem; } .size-l .m-b-3-l { margin-bottom: 1.125rem !important; } .size-x .m-b-3 { margin-bottom: 1.3125rem; } .size-x .m-b-3-x { margin-bottom: 1.3125rem !important; } .size-s .m-l-3 { margin-left: .75rem; } .size-s .m-l-3-s { margin-left: 0.75rem !important; } .size-m .m-l-3 { margin-left: .9375rem; } .size-m .m-l-3-m { margin-left: 0.9375rem !important; } .size-l .m-l-3 { margin-left: 1.125rem; } .size-l .m-l-3-l { margin-left: 1.125rem !important; } .size-x .m-l-3 { margin-left: 1.3125rem; } .size-x .m-l-3-x { margin-left: 1.3125rem !important; } .size-s .m-a-4 { margin: 1rem; } .size-s .m-a-4-s { margin: 1rem !important; } .size-m .m-a-4 { margin: 1.25rem; } .size-m .m-a-4-m { margin: 1.25rem !important; } .size-l .m-a-4 { margin: 1.5rem; } .size-l .m-a-4-l { margin: 1.5rem !important; } .size-x .m-a-4 { margin: 1.75rem; } .size-x .m-a-4-x { margin: 1.75rem !important; } .size-s .m-t-4 { margin-top: 1rem; } .size-s .m-t-4-s { margin-top: 1rem !important; } .size-m .m-t-4 { margin-top: 1.25rem; } .size-m .m-t-4-m { margin-top: 1.25rem !important; } .size-l .m-t-4 { margin-top: 1.5rem; } .size-l .m-t-4-l { margin-top: 1.5rem !important; } .size-x .m-t-4 { margin-top: 1.75rem; } .size-x .m-t-4-x { margin-top: 1.75rem !important; } .size-s .m-r-4 { margin-right: 1rem; } .size-s .m-r-4-s, .size-s .sign-up-popup-panel { margin-right: 1rem !important; } .size-m .m-r-4 { margin-right: 1.25rem; } .size-m .m-r-4-m { margin-right: 1.25rem !important; } .size-l .m-r-4 { margin-right: 1.5rem; } .size-l .m-r-4-l { margin-right: 1.5rem !important; } .size-x .m-r-4 { margin-right: 1.75rem; } .size-x .m-r-4-x { margin-right: 1.75rem !important; } .size-s .m-b-4 { margin-bottom: 1rem; } .size-s .m-b-4-s { margin-bottom: 1rem !important; } .size-m .m-b-4 { margin-bottom: 1.25rem; } .size-m .m-b-4-m { margin-bottom: 1.25rem !important; } .size-l .m-b-4 { margin-bottom: 1.5rem; } .size-l .m-b-4-l { margin-bottom: 1.5rem !important; } .size-x .m-b-4 { margin-bottom: 1.75rem; } .size-x .m-b-4-x { margin-bottom: 1.75rem !important; } .size-s .m-l-4 { margin-left: 1rem; } .size-s .m-l-4-s, .size-s .sign-up-popup-panel { margin-left: 1rem !important; } .size-m .m-l-4 { margin-left: 1.25rem; } .size-m .m-l-4-m { margin-left: 1.25rem !important; } .size-l .m-l-4 { margin-left: 1.5rem; } .size-l .m-l-4-l { margin-left: 1.5rem !important; } .size-x .m-l-4 { margin-left: 1.75rem; } .size-x .m-l-4-x { margin-left: 1.75rem !important; } .size-s .m-a-5 { margin: 1.25rem; } .size-s .m-a-5-s { margin: 1.25rem !important; } .size-m .m-a-5 { margin: 1.5625rem; } .size-m .m-a-5-m { margin: 1.5625rem !important; } .size-l .m-a-5 { margin: 1.875rem; } .size-l .m-a-5-l { margin: 1.875rem !important; } .size-x .m-a-5 { margin: 2.1875rem; } .size-x .m-a-5-x { margin: 2.1875rem !important; } .size-s .m-t-5 { margin-top: 1.25rem; } .size-s .m-t-5-s { margin-top: 1.25rem !important; } .size-m .m-t-5 { margin-top: 1.5625rem; } .size-m .m-t-5-m { margin-top: 1.5625rem !important; } .size-l .m-t-5 { margin-top: 1.875rem; } .size-l .m-t-5-l { margin-top: 1.875rem !important; } .size-x .m-t-5 { margin-top: 2.1875rem; } .size-x .m-t-5-x { margin-top: 2.1875rem !important; } .size-s .m-r-5 { margin-right: 1.25rem; } .size-s .m-r-5-s { margin-right: 1.25rem !important; } .size-m .m-r-5 { margin-right: 1.5625rem; } .size-m .m-r-5-m { margin-right: 1.5625rem !important; } .size-l .m-r-5 { margin-right: 1.875rem; } .size-l .m-r-5-l { margin-right: 1.875rem !important; } .size-x .m-r-5 { margin-right: 2.1875rem; } .size-x .m-r-5-x { margin-right: 2.1875rem !important; } .size-s .m-b-5 { margin-bottom: 1.25rem; } .size-s .m-b-5-s { margin-bottom: 1.25rem !important; } .size-m .m-b-5 { margin-bottom: 1.5625rem; } .size-m .m-b-5-m { margin-bottom: 1.5625rem !important; } .size-l .m-b-5 { margin-bottom: 1.875rem; } .size-l .m-b-5-l { margin-bottom: 1.875rem !important; } .size-x .m-b-5 { margin-bottom: 2.1875rem; } .size-x .m-b-5-x { margin-bottom: 2.1875rem !important; } .size-s .m-l-5 { margin-left: 1.25rem; } .size-s .m-l-5-s { margin-left: 1.25rem !important; } .size-m .m-l-5 { margin-left: 1.5625rem; } .size-m .m-l-5-m { margin-left: 1.5625rem !important; } .size-l .m-l-5 { margin-left: 1.875rem; } .size-l .m-l-5-l { margin-left: 1.875rem !important; } .size-x .m-l-5 { margin-left: 2.1875rem; } .size-x .m-l-5-x { margin-left: 2.1875rem !important; } .size-s .m-a-6 { margin: 1.5rem; } .size-s .m-a-6-s { margin: 1.5rem !important; } .size-m .m-a-6 { margin: 1.875rem; } .size-m .m-a-6-m { margin: 1.875rem !important; } .size-l .m-a-6 { margin: 2.25rem; } .size-l .m-a-6-l { margin: 2.25rem !important; } .size-x .m-a-6 { margin: 2.625rem; } .size-x .m-a-6-x { margin: 2.625rem !important; } .size-s .m-t-6 { margin-top: 1.5rem; } .size-s .m-t-6-s { margin-top: 1.5rem !important; } .size-m .m-t-6 { margin-top: 1.875rem; } .size-m .m-t-6-m { margin-top: 1.875rem !important; } .size-l .m-t-6 { margin-top: 2.25rem; } .size-l .m-t-6-l { margin-top: 2.25rem !important; } .size-x .m-t-6 { margin-top: 2.625rem; } .size-x .m-t-6-x { margin-top: 2.625rem !important; } .size-s .m-r-6 { margin-right: 1.5rem; } .size-s .m-r-6-s { margin-right: 1.5rem !important; } .size-m .m-r-6 { margin-right: 1.875rem; } .size-m .m-r-6-m { margin-right: 1.875rem !important; } .size-l .m-r-6 { margin-right: 2.25rem; } .size-l .m-r-6-l { margin-right: 2.25rem !important; } .size-x .m-r-6 { margin-right: 2.625rem; } .size-x .m-r-6-x { margin-right: 2.625rem !important; } .size-s .m-b-6 { margin-bottom: 1.5rem; } .size-s .m-b-6-s { margin-bottom: 1.5rem !important; } .size-m .m-b-6 { margin-bottom: 1.875rem; } .size-m .m-b-6-m { margin-bottom: 1.875rem !important; } .size-l .m-b-6 { margin-bottom: 2.25rem; } .size-l .m-b-6-l { margin-bottom: 2.25rem !important; } .size-x .m-b-6 { margin-bottom: 2.625rem; } .size-x .m-b-6-x { margin-bottom: 2.625rem !important; } .size-s .m-l-6 { margin-left: 1.5rem; } .size-s .m-l-6-s { margin-left: 1.5rem !important; } .size-m .m-l-6 { margin-left: 1.875rem; } .size-m .m-l-6-m { margin-left: 1.875rem !important; } .size-l .m-l-6 { margin-left: 2.25rem; } .size-l .m-l-6-l { margin-left: 2.25rem !important; } .size-x .m-l-6 { margin-left: 2.625rem; } .size-x .m-l-6-x { margin-left: 2.625rem !important; } .size-s .m-a-7 { margin: 1.75rem; } .size-s .m-a-7-s { margin: 1.75rem !important; } .size-m .m-a-7 { margin: 2.1875rem; } .size-m .m-a-7-m { margin: 2.1875rem !important; } .size-l .m-a-7 { margin: 2.625rem; } .size-l .m-a-7-l { margin: 2.625rem !important; } .size-x .m-a-7 { margin: 3.0625rem; } .size-x .m-a-7-x { margin: 3.0625rem !important; } .size-s .m-t-7 { margin-top: 1.75rem; } .size-s .m-t-7-s { margin-top: 1.75rem !important; } .size-m .m-t-7 { margin-top: 2.1875rem; } .size-m .m-t-7-m { margin-top: 2.1875rem !important; } .size-l .m-t-7 { margin-top: 2.625rem; } .size-l .m-t-7-l { margin-top: 2.625rem !important; } .size-x .m-t-7 { margin-top: 3.0625rem; } .size-x .m-t-7-x { margin-top: 3.0625rem !important; } .size-s .m-r-7 { margin-right: 1.75rem; } .size-s .m-r-7-s { margin-right: 1.75rem !important; } .size-m .m-r-7 { margin-right: 2.1875rem; } .size-m .m-r-7-m { margin-right: 2.1875rem !important; } .size-l .m-r-7 { margin-right: 2.625rem; } .size-l .m-r-7-l { margin-right: 2.625rem !important; } .size-x .m-r-7 { margin-right: 3.0625rem; } .size-x .m-r-7-x { margin-right: 3.0625rem !important; } .size-s .m-b-7 { margin-bottom: 1.75rem; } .size-s .m-b-7-s { margin-bottom: 1.75rem !important; } .size-m .m-b-7 { margin-bottom: 2.1875rem; } .size-m .m-b-7-m { margin-bottom: 2.1875rem !important; } .size-l .m-b-7 { margin-bottom: 2.625rem; } .size-l .m-b-7-l { margin-bottom: 2.625rem !important; } .size-x .m-b-7 { margin-bottom: 3.0625rem; } .size-x .m-b-7-x { margin-bottom: 3.0625rem !important; } .size-s .m-l-7 { margin-left: 1.75rem; } .size-s .m-l-7-s { margin-left: 1.75rem !important; } .size-m .m-l-7 { margin-left: 2.1875rem; } .size-m .m-l-7-m { margin-left: 2.1875rem !important; } .size-l .m-l-7 { margin-left: 2.625rem; } .size-l .m-l-7-l { margin-left: 2.625rem !important; } .size-x .m-l-7 { margin-left: 3.0625rem; } .size-x .m-l-7-x { margin-left: 3.0625rem !important; } .size-s .m-a-8 { margin: 2rem; } .size-s .m-a-8-s { margin: 2rem !important; } .size-m .m-a-8 { margin: 2.5rem; } .size-m .m-a-8-m { margin: 2.5rem !important; } .size-l .m-a-8 { margin: 3rem; } .size-l .m-a-8-l { margin: 3rem !important; } .size-x .m-a-8 { margin: 3.5rem; } .size-x .m-a-8-x { margin: 3.5rem !important; } .size-s .m-t-8 { margin-top: 2rem; } .size-s .m-t-8-s { margin-top: 2rem !important; } .size-m .m-t-8 { margin-top: 2.5rem; } .size-m .m-t-8-m { margin-top: 2.5rem !important; } .size-l .m-t-8 { margin-top: 3rem; } .size-l .m-t-8-l { margin-top: 3rem !important; } .size-x .m-t-8 { margin-top: 3.5rem; } .size-x .m-t-8-x { margin-top: 3.5rem !important; } .size-s .m-r-8 { margin-right: 2rem; } .size-s .m-r-8-s { margin-right: 2rem !important; } .size-m .m-r-8 { margin-right: 2.5rem; } .size-m .m-r-8-m { margin-right: 2.5rem !important; } .size-l .m-r-8 { margin-right: 3rem; } .size-l .m-r-8-l { margin-right: 3rem !important; } .size-x .m-r-8 { margin-right: 3.5rem; } .size-x .m-r-8-x { margin-right: 3.5rem !important; } .size-s .m-b-8 { margin-bottom: 2rem; } .size-s .m-b-8-s { margin-bottom: 2rem !important; } .size-m .m-b-8 { margin-bottom: 2.5rem; } .size-m .m-b-8-m { margin-bottom: 2.5rem !important; } .size-l .m-b-8 { margin-bottom: 3rem; } .size-l .m-b-8-l { margin-bottom: 3rem !important; } .size-x .m-b-8 { margin-bottom: 3.5rem; } .size-x .m-b-8-x { margin-bottom: 3.5rem !important; } .size-s .m-l-8 { margin-left: 2rem; } .size-s .m-l-8-s { margin-left: 2rem !important; } .size-m .m-l-8 { margin-left: 2.5rem; } .size-m .m-l-8-m { margin-left: 2.5rem !important; } .size-l .m-l-8 { margin-left: 3rem; } .size-l .m-l-8-l { margin-left: 3rem !important; } .size-x .m-l-8 { margin-left: 3.5rem; } .size-x .m-l-8-x { margin-left: 3.5rem !important; } .size-s .m-a-9 { margin: 2.25rem; } .size-s .m-a-9-s { margin: 2.25rem !important; } .size-m .m-a-9 { margin: 2.8125rem; } .size-m .m-a-9-m { margin: 2.8125rem !important; } .size-l .m-a-9 { margin: 3.375rem; } .size-l .m-a-9-l { margin: 3.375rem !important; } .size-x .m-a-9 { margin: 3.9375rem; } .size-x .m-a-9-x { margin: 3.9375rem !important; } .size-s .m-t-9 { margin-top: 2.25rem; } .size-s .m-t-9-s { margin-top: 2.25rem !important; } .size-m .m-t-9 { margin-top: 2.8125rem; } .size-m .m-t-9-m { margin-top: 2.8125rem !important; } .size-l .m-t-9 { margin-top: 3.375rem; } .size-l .m-t-9-l { margin-top: 3.375rem !important; } .size-x .m-t-9 { margin-top: 3.9375rem; } .size-x .m-t-9-x { margin-top: 3.9375rem !important; } .size-s .m-r-9 { margin-right: 2.25rem; } .size-s .m-r-9-s { margin-right: 2.25rem !important; } .size-m .m-r-9 { margin-right: 2.8125rem; } .size-m .m-r-9-m { margin-right: 2.8125rem !important; } .size-l .m-r-9 { margin-right: 3.375rem; } .size-l .m-r-9-l { margin-right: 3.375rem !important; } .size-x .m-r-9 { margin-right: 3.9375rem; } .size-x .m-r-9-x { margin-right: 3.9375rem !important; } .size-s .m-b-9 { margin-bottom: 2.25rem; } .size-s .m-b-9-s { margin-bottom: 2.25rem !important; } .size-m .m-b-9 { margin-bottom: 2.8125rem; } .size-m .m-b-9-m { margin-bottom: 2.8125rem !important; } .size-l .m-b-9 { margin-bottom: 3.375rem; } .size-l .m-b-9-l { margin-bottom: 3.375rem !important; } .size-x .m-b-9 { margin-bottom: 3.9375rem; } .size-x .m-b-9-x { margin-bottom: 3.9375rem !important; } .size-s .m-l-9 { margin-left: 2.25rem; } .size-s .m-l-9-s { margin-left: 2.25rem !important; } .size-m .m-l-9 { margin-left: 2.8125rem; } .size-m .m-l-9-m { margin-left: 2.8125rem !important; } .size-l .m-l-9 { margin-left: 3.375rem; } .size-l .m-l-9-l { margin-left: 3.375rem !important; } .size-x .m-l-9 { margin-left: 3.9375rem; } .size-x .m-l-9-x { margin-left: 3.9375rem !important; } .size-s .m-a-10 { margin: 2.5rem; } .size-s .m-a-10-s { margin: 2.5rem !important; } .size-m .m-a-10 { margin: 3.125rem; } .size-m .m-a-10-m { margin: 3.125rem !important; } .size-l .m-a-10 { margin: 3.75rem; } .size-l .m-a-10-l { margin: 3.75rem !important; } .size-x .m-a-10 { margin: 4.375rem; } .size-x .m-a-10-x { margin: 4.375rem !important; } .size-s .m-t-10 { margin-top: 2.5rem; } .size-s .m-t-10-s { margin-top: 2.5rem !important; } .size-m .m-t-10 { margin-top: 3.125rem; } .size-m .m-t-10-m { margin-top: 3.125rem !important; } .size-l .m-t-10 { margin-top: 3.75rem; } .size-l .m-t-10-l { margin-top: 3.75rem !important; } .size-x .m-t-10 { margin-top: 4.375rem; } .size-x .m-t-10-x { margin-top: 4.375rem !important; } .size-s .m-r-10 { margin-right: 2.5rem; } .size-s .m-r-10-s { margin-right: 2.5rem !important; } .size-m .m-r-10 { margin-right: 3.125rem; } .size-m .m-r-10-m { margin-right: 3.125rem !important; } .size-l .m-r-10 { margin-right: 3.75rem; } .size-l .m-r-10-l { margin-right: 3.75rem !important; } .size-x .m-r-10 { margin-right: 4.375rem; } .size-x .m-r-10-x { margin-right: 4.375rem !important; } .size-s .m-b-10 { margin-bottom: 2.5rem; } .size-s .m-b-10-s { margin-bottom: 2.5rem !important; } .size-m .m-b-10 { margin-bottom: 3.125rem; } .size-m .m-b-10-m { margin-bottom: 3.125rem !important; } .size-l .m-b-10 { margin-bottom: 3.75rem; } .size-l .m-b-10-l { margin-bottom: 3.75rem !important; } .size-x .m-b-10 { margin-bottom: 4.375rem; } .size-x .m-b-10-x { margin-bottom: 4.375rem !important; } .size-s .m-l-10 { margin-left: 2.5rem; } .size-s .m-l-10-s { margin-left: 2.5rem !important; } .size-m .m-l-10 { margin-left: 3.125rem; } .size-m .m-l-10-m { margin-left: 3.125rem !important; } .size-l .m-l-10 { margin-left: 3.75rem; } .size-l .m-l-10-l { margin-left: 3.75rem !important; } .size-x .m-l-10 { margin-left: 4.375rem; } .size-x .m-l-10-x { margin-left: 4.375rem !important; } .size-s .m-a--4 { margin: -1rem; } .size-s .m-a--4-s { margin: -1rem !important; } .size-m .m-a--4 { margin: -1.25rem; } .size-m .m-a--4-m { margin: -1.25rem !important; } .size-l .m-a--4 { margin: -1.5rem; } .size-l .m-a--4-l { margin: -1.5rem !important; } .size-x .m-a--4 { margin: -1.75rem; } .size-x .m-a--4-x { margin: -1.75rem !important; } .size-s .m-t--4 { margin-top: -1rem; } .size-s .m-t--4-s { margin-top: -1rem !important; } .size-m .m-t--4 { margin-top: -1.25rem; } .size-m .m-t--4-m { margin-top: -1.25rem !important; } .size-l .m-t--4 { margin-top: -1.5rem; } .size-l .m-t--4-l { margin-top: -1.5rem !important; } .size-x .m-t--4 { margin-top: -1.75rem; } .size-x .m-t--4-x { margin-top: -1.75rem !important; } .size-s .m-r--4 { margin-right: -1rem; } .size-s .m-r--4-s { margin-right: -1rem !important; } .size-m .m-r--4 { margin-right: -1.25rem; } .size-m .m-r--4-m { margin-right: -1.25rem !important; } .size-l .m-r--4 { margin-right: -1.5rem; } .size-l .m-r--4-l { margin-right: -1.5rem !important; } .size-x .m-r--4 { margin-right: -1.75rem; } .size-x .m-r--4-x { margin-right: -1.75rem !important; } .size-s .m-b--4 { margin-bottom: -1rem; } .size-s .m-b--4-s { margin-bottom: -1rem !important; } .size-m .m-b--4 { margin-bottom: -1.25rem; } .size-m .m-b--4-m { margin-bottom: -1.25rem !important; } .size-l .m-b--4 { margin-bottom: -1.5rem; } .size-l .m-b--4-l { margin-bottom: -1.5rem !important; } .size-x .m-b--4 { margin-bottom: -1.75rem; } .size-x .m-b--4-x { margin-bottom: -1.75rem !important; } .size-s .m-l--4 { margin-left: -1rem; } .size-s .m-l--4-s { margin-left: -1rem !important; } .size-m .m-l--4 { margin-left: -1.25rem; } .size-m .m-l--4-m { margin-left: -1.25rem !important; } .size-l .m-l--4 { margin-left: -1.5rem; } .size-l .m-l--4-l { margin-left: -1.5rem !important; } .size-x .m-l--4 { margin-left: -1.75rem; } .size-x .m-l--4-x { margin-left: -1.75rem !important; } .size-s .m-a--2 { margin: -.5rem; } .size-s .m-a--2-s { margin: -0.5rem !important; } .size-m .m-a--2 { margin: -.625rem; } .size-m .m-a--2-m { margin: -0.625rem !important; } .size-l .m-a--2 { margin: -.75rem; } .size-l .m-a--2-l { margin: -0.75rem !important; } .size-x .m-a--2 { margin: -.875rem; } .size-x .m-a--2-x { margin: -0.875rem !important; } .size-s .m-t--2 { margin-top: -.5rem; } .size-s .m-t--2-s { margin-top: -0.5rem !important; } .size-m .m-t--2 { margin-top: -.625rem; } .size-m .m-t--2-m { margin-top: -0.625rem !important; } .size-l .m-t--2 { margin-top: -.75rem; } .size-l .m-t--2-l { margin-top: -0.75rem !important; } .size-x .m-t--2 { margin-top: -.875rem; } .size-x .m-t--2-x { margin-top: -0.875rem !important; } .size-s .m-r--2 { margin-right: -.5rem; } .size-s .m-r--2-s { margin-right: -0.5rem !important; } .size-m .m-r--2 { margin-right: -.625rem; } .size-m .m-r--2-m { margin-right: -0.625rem !important; } .size-l .m-r--2 { margin-right: -.75rem; } .size-l .m-r--2-l { margin-right: -0.75rem !important; } .size-x .m-r--2 { margin-right: -.875rem; } .size-x .m-r--2-x { margin-right: -0.875rem !important; } .size-s .m-b--2 { margin-bottom: -.5rem; } .size-s .m-b--2-s { margin-bottom: -0.5rem !important; } .size-m .m-b--2 { margin-bottom: -.625rem; } .size-m .m-b--2-m { margin-bottom: -0.625rem !important; } .size-l .m-b--2 { margin-bottom: -.75rem; } .size-l .m-b--2-l { margin-bottom: -0.75rem !important; } .size-x .m-b--2 { margin-bottom: -.875rem; } .size-x .m-b--2-x { margin-bottom: -0.875rem !important; } .size-s .m-l--2 { margin-left: -.5rem; } .size-s .m-l--2-s { margin-left: -0.5rem !important; } .size-m .m-l--2 { margin-left: -.625rem; } .size-m .m-l--2-m { margin-left: -0.625rem !important; } .size-l .m-l--2 { margin-left: -.75rem; } .size-l .m-l--2-l { margin-left: -0.75rem !important; } .size-x .m-l--2 { margin-left: -.875rem; } .size-x .m-l--2-x { margin-left: -0.875rem !important; } .size-s .m-a--1 { margin: -.25rem; } .size-s .m-a--1-s { margin: -0.25rem !important; } .size-m .m-a--1 { margin: -.3125rem; } .size-m .m-a--1-m { margin: -0.3125rem !important; } .size-l .m-a--1 { margin: -.375rem; } .size-l .m-a--1-l { margin: -0.375rem !important; } .size-x .m-a--1 { margin: -.4375rem; } .size-x .m-a--1-x { margin: -0.4375rem !important; } .size-s .m-t--1 { margin-top: -.25rem; } .size-s .m-t--1-s { margin-top: -0.25rem !important; } .size-m .m-t--1 { margin-top: -.3125rem; } .size-m .m-t--1-m { margin-top: -0.3125rem !important; } .size-l .m-t--1 { margin-top: -.375rem; } .size-l .m-t--1-l { margin-top: -0.375rem !important; } .size-x .m-t--1 { margin-top: -.4375rem; } .size-x .m-t--1-x { margin-top: -0.4375rem !important; } .size-s .m-r--1 { margin-right: -.25rem; } .size-s .m-r--1-s { margin-right: -0.25rem !important; } .size-m .m-r--1 { margin-right: -.3125rem; } .size-m .m-r--1-m { margin-right: -0.3125rem !important; } .size-l .m-r--1 { margin-right: -.375rem; } .size-l .m-r--1-l { margin-right: -0.375rem !important; } .size-x .m-r--1 { margin-right: -.4375rem; } .size-x .m-r--1-x { margin-right: -0.4375rem !important; } .size-s .m-b--1 { margin-bottom: -.25rem; } .size-s .m-b--1-s { margin-bottom: -0.25rem !important; } .size-m .m-b--1 { margin-bottom: -.3125rem; } .size-m .m-b--1-m { margin-bottom: -0.3125rem !important; } .size-l .m-b--1 { margin-bottom: -.375rem; } .size-l .m-b--1-l { margin-bottom: -0.375rem !important; } .size-x .m-b--1 { margin-bottom: -.4375rem; } .size-x .m-b--1-x { margin-bottom: -0.4375rem !important; } .size-s .m-l--1 { margin-left: -.25rem; } .size-s .m-l--1-s { margin-left: -0.25rem !important; } .size-m .m-l--1 { margin-left: -.3125rem; } .size-m .m-l--1-m { margin-left: -0.3125rem !important; } .size-l .m-l--1 { margin-left: -.375rem; } .size-l .m-l--1-l { margin-left: -0.375rem !important; } .size-x .m-l--1 { margin-left: -.4375rem; } .size-x .m-l--1-x { margin-left: -0.4375rem !important; } .size-s .m-a-12 { margin: 3rem; } .size-s .m-a-12-s { margin: 3rem !important; } .size-m .m-a-12 { margin: 3.75rem; } .size-m .m-a-12-m { margin: 3.75rem !important; } .size-l .m-a-12 { margin: 4.5rem; } .size-l .m-a-12-l { margin: 4.5rem !important; } .size-x .m-a-12 { margin: 5.25rem; } .size-x .m-a-12-x { margin: 5.25rem !important; } .size-s .m-t-12 { margin-top: 3rem; } .size-s .m-t-12-s { margin-top: 3rem !important; } .size-m .m-t-12 { margin-top: 3.75rem; } .size-m .m-t-12-m { margin-top: 3.75rem !important; } .size-l .m-t-12 { margin-top: 4.5rem; } .size-l .m-t-12-l { margin-top: 4.5rem !important; } .size-x .m-t-12 { margin-top: 5.25rem; } .size-x .m-t-12-x { margin-top: 5.25rem !important; } .size-s .m-r-12 { margin-right: 3rem; } .size-s .m-r-12-s { margin-right: 3rem !important; } .size-m .m-r-12 { margin-right: 3.75rem; } .size-m .m-r-12-m { margin-right: 3.75rem !important; } .size-l .m-r-12 { margin-right: 4.5rem; } .size-l .m-r-12-l { margin-right: 4.5rem !important; } .size-x .m-r-12 { margin-right: 5.25rem; } .size-x .m-r-12-x { margin-right: 5.25rem !important; } .size-s .m-b-12 { margin-bottom: 3rem; } .size-s .m-b-12-s { margin-bottom: 3rem !important; } .size-m .m-b-12 { margin-bottom: 3.75rem; } .size-m .m-b-12-m { margin-bottom: 3.75rem !important; } .size-l .m-b-12 { margin-bottom: 4.5rem; } .size-l .m-b-12-l { margin-bottom: 4.5rem !important; } .size-x .m-b-12 { margin-bottom: 5.25rem; } .size-x .m-b-12-x { margin-bottom: 5.25rem !important; } .size-s .m-l-12 { margin-left: 3rem; } .size-s .m-l-12-s { margin-left: 3rem !important; } .size-m .m-l-12 { margin-left: 3.75rem; } .size-m .m-l-12-m { margin-left: 3.75rem !important; } .size-l .m-l-12 { margin-left: 4.5rem; } .size-l .m-l-12-l { margin-left: 4.5rem !important; } .size-x .m-l-12 { margin-left: 5.25rem; } .size-x .m-l-12-x { margin-left: 5.25rem !important; } .size-s .m-a-14 { margin: 3.5rem; } .size-s .m-a-14-s { margin: 3.5rem !important; } .size-m .m-a-14 { margin: 4.375rem; } .size-m .m-a-14-m { margin: 4.375rem !important; } .size-l .m-a-14 { margin: 5.25rem; } .size-l .m-a-14-l { margin: 5.25rem !important; } .size-x .m-a-14 { margin: 6.125rem; } .size-x .m-a-14-x { margin: 6.125rem !important; } .size-s .m-t-14 { margin-top: 3.5rem; } .size-s .m-t-14-s { margin-top: 3.5rem !important; } .size-m .m-t-14 { margin-top: 4.375rem; } .size-m .m-t-14-m { margin-top: 4.375rem !important; } .size-l .m-t-14 { margin-top: 5.25rem; } .size-l .m-t-14-l { margin-top: 5.25rem !important; } .size-x .m-t-14 { margin-top: 6.125rem; } .size-x .m-t-14-x { margin-top: 6.125rem !important; } .size-s .m-r-14 { margin-right: 3.5rem; } .size-s .m-r-14-s { margin-right: 3.5rem !important; } .size-m .m-r-14 { margin-right: 4.375rem; } .size-m .m-r-14-m { margin-right: 4.375rem !important; } .size-l .m-r-14 { margin-right: 5.25rem; } .size-l .m-r-14-l { margin-right: 5.25rem !important; } .size-x .m-r-14 { margin-right: 6.125rem; } .size-x .m-r-14-x { margin-right: 6.125rem !important; } .size-s .m-b-14 { margin-bottom: 3.5rem; } .size-s .m-b-14-s { margin-bottom: 3.5rem !important; } .size-m .m-b-14 { margin-bottom: 4.375rem; } .size-m .m-b-14-m { margin-bottom: 4.375rem !important; } .size-l .m-b-14 { margin-bottom: 5.25rem; } .size-l .m-b-14-l { margin-bottom: 5.25rem !important; } .size-x .m-b-14 { margin-bottom: 6.125rem; } .size-x .m-b-14-x { margin-bottom: 6.125rem !important; } .size-s .m-l-14 { margin-left: 3.5rem; } .size-s .m-l-14-s { margin-left: 3.5rem !important; } .size-m .m-l-14 { margin-left: 4.375rem; } .size-m .m-l-14-m { margin-left: 4.375rem !important; } .size-l .m-l-14 { margin-left: 5.25rem; } .size-l .m-l-14-l { margin-left: 5.25rem !important; } .size-x .m-l-14 { margin-left: 6.125rem; } .size-x .m-l-14-x { margin-left: 6.125rem !important; } .size-s .m-a-16 { margin: 4rem; } .size-s .m-a-16-s { margin: 4rem !important; } .size-m .m-a-16 { margin: 5rem; } .size-m .m-a-16-m { margin: 5rem !important; } .size-l .m-a-16 { margin: 6rem; } .size-l .m-a-16-l { margin: 6rem !important; } .size-x .m-a-16 { margin: 7rem; } .size-x .m-a-16-x { margin: 7rem !important; } .size-s .m-t-16 { margin-top: 4rem; } .size-s .m-t-16-s { margin-top: 4rem !important; } .size-m .m-t-16 { margin-top: 5rem; } .size-m .m-t-16-m { margin-top: 5rem !important; } .size-l .m-t-16 { margin-top: 6rem; } .size-l .m-t-16-l { margin-top: 6rem !important; } .size-x .m-t-16 { margin-top: 7rem; } .size-x .m-t-16-x { margin-top: 7rem !important; } .size-s .m-r-16 { margin-right: 4rem; } .size-s .m-r-16-s { margin-right: 4rem !important; } .size-m .m-r-16 { margin-right: 5rem; } .size-m .m-r-16-m { margin-right: 5rem !important; } .size-l .m-r-16 { margin-right: 6rem; } .size-l .m-r-16-l { margin-right: 6rem !important; } .size-x .m-r-16 { margin-right: 7rem; } .size-x .m-r-16-x { margin-right: 7rem !important; } .size-s .m-b-16 { margin-bottom: 4rem; } .size-s .m-b-16-s { margin-bottom: 4rem !important; } .size-m .m-b-16 { margin-bottom: 5rem; } .size-m .m-b-16-m { margin-bottom: 5rem !important; } .size-l .m-b-16 { margin-bottom: 6rem; } .size-l .m-b-16-l { margin-bottom: 6rem !important; } .size-x .m-b-16 { margin-bottom: 7rem; } .size-x .m-b-16-x { margin-bottom: 7rem !important; } .size-s .m-l-16 { margin-left: 4rem; } .size-s .m-l-16-s { margin-left: 4rem !important; } .size-m .m-l-16 { margin-left: 5rem; } .size-m .m-l-16-m { margin-left: 5rem !important; } .size-l .m-l-16 { margin-left: 6rem; } .size-l .m-l-16-l { margin-left: 6rem !important; } .size-x .m-l-16 { margin-left: 7rem; } .size-x .m-l-16-x { margin-left: 7rem !important; } .size-s .m-a-20 { margin: 5rem; } .size-s .m-a-20-s { margin: 5rem !important; } .size-m .m-a-20 { margin: 6.25rem; } .size-m .m-a-20-m { margin: 6.25rem !important; } .size-l .m-a-20 { margin: 7.5rem; } .size-l .m-a-20-l { margin: 7.5rem !important; } .size-x .m-a-20 { margin: 8.75rem; } .size-x .m-a-20-x { margin: 8.75rem !important; } .size-s .m-t-20 { margin-top: 5rem; } .size-s .m-t-20-s { margin-top: 5rem !important; } .size-m .m-t-20 { margin-top: 6.25rem; } .size-m .m-t-20-m { margin-top: 6.25rem !important; } .size-l .m-t-20 { margin-top: 7.5rem; } .size-l .m-t-20-l { margin-top: 7.5rem !important; } .size-x .m-t-20 { margin-top: 8.75rem; } .size-x .m-t-20-x { margin-top: 8.75rem !important; } .size-s .m-r-20 { margin-right: 5rem; } .size-s .m-r-20-s { margin-right: 5rem !important; } .size-m .m-r-20 { margin-right: 6.25rem; } .size-m .m-r-20-m { margin-right: 6.25rem !important; } .size-l .m-r-20 { margin-right: 7.5rem; } .size-l .m-r-20-l { margin-right: 7.5rem !important; } .size-x .m-r-20 { margin-right: 8.75rem; } .size-x .m-r-20-x { margin-right: 8.75rem !important; } .size-s .m-b-20 { margin-bottom: 5rem; } .size-s .m-b-20-s { margin-bottom: 5rem !important; } .size-m .m-b-20 { margin-bottom: 6.25rem; } .size-m .m-b-20-m { margin-bottom: 6.25rem !important; } .size-l .m-b-20 { margin-bottom: 7.5rem; } .size-l .m-b-20-l { margin-bottom: 7.5rem !important; } .size-x .m-b-20 { margin-bottom: 8.75rem; } .size-x .m-b-20-x { margin-bottom: 8.75rem !important; } .size-s .m-l-20 { margin-left: 5rem; } .size-s .m-l-20-s { margin-left: 5rem !important; } .size-m .m-l-20 { margin-left: 6.25rem; } .size-m .m-l-20-m { margin-left: 6.25rem !important; } .size-l .m-l-20 { margin-left: 7.5rem; } .size-l .m-l-20-l { margin-left: 7.5rem !important; } .size-x .m-l-20 { margin-left: 8.75rem; } .size-x .m-l-20-x { margin-left: 8.75rem !important; } .m-a-0, .size-l .m-a-0-l, .size-m .m-a-0-m, .size-s .m-a-0-s, .size-x .m-a-0-x { margin: 0 !important; } .m-t-0, .size-l .m-t-0-l, .size-m .m-t-0-m, .size-s .m-t-0-s, .size-x .m-t-0-x { margin-top: 0 !important; } .m-r-0, .size-l .m-r-0-l, .size-m .m-r-0-m, .size-s .m-r-0-s, .size-x .m-r-0-x { margin-right: 0 !important; } .m-b-0, .size-l .m-b-0-l, .size-m .m-b-0-m, .size-s .m-b-0-s, .size-x .m-b-0-x { margin-bottom: 0 !important; } .m-l-0, .size-l .m-l-0-l, .size-m .m-l-0-m, .size-s .m-l-0-s, .size-x .m-l-0-x { margin-left: 0 !important; } .m-0--a, .size-l .m-0--a-l, .size-m .m-0--a-m, .size-s .m-0--a-s, .size-x .m-0--a-x { margin: 0 auto; } .m-r--100, .size-l .m-r--100-l, .size-m .m-r--100-m, .size-s .m-r--100-s, .size-x .m-r--100-x { margin-right: -100%; } .size-s .p-a { padding: 1rem; } .size-m .p-a { padding: 1.25rem; } .size-l .p-a { padding: 1.5rem; } .size-x .p-a { padding: 1.75rem; } .size-s .p-t { padding-top: 1rem; } .size-m .p-t { padding-top: 1.25rem; } .size-l .p-t { padding-top: 1.5rem; } .size-x .p-t { padding-top: 1.75rem; } .size-s .p-r { padding-right: 1rem; } .size-m .p-r { padding-right: 1.25rem; } .size-l .p-r { padding-right: 1.5rem; } .size-x .p-r { padding-right: 1.75rem; } .size-s .p-b, .size-s .sign-up-popup-panel { padding-bottom: 1rem; } .size-m .p-b, .size-m .sign-up-popup-panel { padding-bottom: 1.25rem; } .size-l .p-b, .size-l .sign-up-popup-panel { padding-bottom: 1.5rem; } .size-x .p-b, .size-x .sign-up-popup-panel { padding-bottom: 1.75rem; } .size-s .p-l { padding-left: 1rem; } .size-m .p-l { padding-left: 1.25rem; } .size-l .p-l { padding-left: 1.5rem; } .size-x .p-l { padding-left: 1.75rem; } .size-s .p-a-1 { padding: .25rem; } .size-s .p-a-1-s { padding: 0.25rem !important; } .size-m .p-a-1 { padding: .3125rem; } .size-m .p-a-1-m { padding: 0.3125rem !important; } .size-l .p-a-1 { padding: .375rem; } .size-l .p-a-1-l { padding: 0.375rem !important; } .size-x .p-a-1 { padding: .4375rem; } .size-x .p-a-1-x { padding: 0.4375rem !important; } .size-s .p-t-1 { padding-top: .25rem; } .size-s .p-t-1-s { padding-top: 0.25rem !important; } .size-m .p-t-1 { padding-top: .3125rem; } .size-m .p-t-1-m { padding-top: 0.3125rem !important; } .size-l .p-t-1 { padding-top: .375rem; } .size-l .p-t-1-l { padding-top: 0.375rem !important; } .size-x .p-t-1 { padding-top: .4375rem; } .size-x .p-t-1-x { padding-top: 0.4375rem !important; } .size-s .p-r-1 { padding-right: .25rem; } .size-s .p-r-1-s { padding-right: 0.25rem !important; } .size-m .p-r-1 { padding-right: .3125rem; } .size-m .p-r-1-m { padding-right: 0.3125rem !important; } .size-l .p-r-1 { padding-right: .375rem; } .size-l .p-r-1-l { padding-right: 0.375rem !important; } .size-x .p-r-1 { padding-right: .4375rem; } .size-x .p-r-1-x { padding-right: 0.4375rem !important; } .size-s .p-b-1 { padding-bottom: .25rem; } .size-s .p-b-1-s { padding-bottom: 0.25rem !important; } .size-m .p-b-1 { padding-bottom: .3125rem; } .size-m .p-b-1-m { padding-bottom: 0.3125rem !important; } .size-l .p-b-1 { padding-bottom: .375rem; } .size-l .p-b-1-l { padding-bottom: 0.375rem !important; } .size-x .p-b-1 { padding-bottom: .4375rem; } .size-x .p-b-1-x { padding-bottom: 0.4375rem !important; } .size-s .p-l-1 { padding-left: .25rem; } .size-s .p-l-1-s { padding-left: 0.25rem !important; } .size-m .p-l-1 { padding-left: .3125rem; } .size-m .p-l-1-m { padding-left: 0.3125rem !important; } .size-l .p-l-1 { padding-left: .375rem; } .size-l .p-l-1-l { padding-left: 0.375rem !important; } .size-x .p-l-1 { padding-left: .4375rem; } .size-x .p-l-1-x { padding-left: 0.4375rem !important; } .size-s .p-a-2 { padding: .5rem; } .size-s .p-a-2-s { padding: 0.5rem !important; } .size-m .p-a-2 { padding: .625rem; } .size-m .p-a-2-m { padding: 0.625rem !important; } .size-l .p-a-2 { padding: .75rem; } .size-l .p-a-2-l { padding: 0.75rem !important; } .size-x .p-a-2 { padding: .875rem; } .size-x .p-a-2-x { padding: 0.875rem !important; } .size-s .p-t-2 { padding-top: .5rem; } .size-s .p-t-2-s { padding-top: 0.5rem !important; } .size-m .p-t-2 { padding-top: .625rem; } .size-m .p-t-2-m { padding-top: 0.625rem !important; } .size-l .p-t-2 { padding-top: .75rem; } .size-l .p-t-2-l { padding-top: 0.75rem !important; } .size-x .p-t-2 { padding-top: .875rem; } .size-x .p-t-2-x { padding-top: 0.875rem !important; } .size-s .p-r-2 { padding-right: .5rem; } .size-s .p-r-2-s { padding-right: 0.5rem !important; } .size-m .p-r-2 { padding-right: .625rem; } .size-m .p-r-2-m { padding-right: 0.625rem !important; } .size-l .p-r-2 { padding-right: .75rem; } .size-l .p-r-2-l { padding-right: 0.75rem !important; } .size-x .p-r-2 { padding-right: .875rem; } .size-x .p-r-2-x { padding-right: 0.875rem !important; } .size-s .p-b-2 { padding-bottom: .5rem; } .size-s .p-b-2-s { padding-bottom: 0.5rem !important; } .size-m .p-b-2 { padding-bottom: .625rem; } .size-m .p-b-2-m { padding-bottom: 0.625rem !important; } .size-l .p-b-2 { padding-bottom: .75rem; } .size-l .p-b-2-l { padding-bottom: 0.75rem !important; } .size-x .p-b-2 { padding-bottom: .875rem; } .size-x .p-b-2-x { padding-bottom: 0.875rem !important; } .size-s .p-l-2 { padding-left: .5rem; } .size-s .p-l-2-s { padding-left: 0.5rem !important; } .size-m .p-l-2 { padding-left: .625rem; } .size-m .p-l-2-m { padding-left: 0.625rem !important; } .size-l .p-l-2 { padding-left: .75rem; } .size-l .p-l-2-l { padding-left: 0.75rem !important; } .size-x .p-l-2 { padding-left: .875rem; } .size-x .p-l-2-x { padding-left: 0.875rem !important; } .size-s .p-a-3 { padding: .75rem; } .size-s .p-a-3-s { padding: 0.75rem !important; } .size-m .p-a-3 { padding: .9375rem; } .size-m .p-a-3-m { padding: 0.9375rem !important; } .size-l .p-a-3 { padding: 1.125rem; } .size-l .p-a-3-l { padding: 1.125rem !important; } .size-x .p-a-3 { padding: 1.3125rem; } .size-x .p-a-3-x { padding: 1.3125rem !important; } .size-s .p-t-3 { padding-top: 13.8px; } .size-s .p-t-3-s { padding-top: 0.75rem !important; } .size-m .p-t-3 { padding-top: .9375rem; } .size-m .p-t-3-m { padding-top: 0.9375rem !important; } .size-l .p-t-3 { padding-top: 1.125rem; } .size-l .p-t-3-l { padding-top: 1.125rem !important; } .size-x .p-t-3 { padding-top: 1.3125rem; } .size-x .p-t-3-x { padding-top: 1.3125rem !important; } .size-s .p-r-3 { padding-right: .75rem; } .size-s .p-r-3-s { padding-right: 0.75rem !important; } .size-m .p-r-3 { padding-right: .9375rem; } .size-m .p-r-3-m { padding-right: 0.9375rem !important; } .size-l .p-r-3 { padding-right: 1.125rem; } .size-l .p-r-3-l { padding-right: 1.125rem !important; } .size-x .p-r-3 { padding-right: 1.3125rem; } .size-x .p-r-3-x { padding-right: 1.3125rem !important; } .size-s .p-b-3 { padding-bottom: 13.8px; } .size-s .p-b-3-s { padding-bottom: 0.75rem !important; } .size-m .p-b-3 { padding-bottom: .9375rem; } .size-m .p-b-3-m { padding-bottom: 0.9375rem !important; } .size-l .p-b-3 { padding-bottom: 1.125rem; } .size-l .p-b-3-l { padding-bottom: 1.125rem !important; } .size-x .p-b-3 { padding-bottom: 1.3125rem; } .size-x .p-b-3-x { padding-bottom: 1.3125rem !important; } .size-s .p-l-3 { padding-left: .75rem; } .size-s .p-l-3-s { padding-left: 0.75rem !important; } .size-m .p-l-3 { padding-left: .9375rem; } .size-m .p-l-3-m { padding-left: 0.9375rem !important; } .size-l .p-l-3 { padding-left: 1.125rem; } .size-l .p-l-3-l { padding-left: 1.125rem !important; } .size-x .p-l-3 { padding-left: 1.3125rem; } .size-x .p-l-3-x { padding-left: 1.3125rem !important; } .size-s .p-a-4 { padding: 1rem; } .size-s .p-a-4-s { padding: 1rem !important; } .size-m .p-a-4 { padding: 1.25rem; } .size-m .p-a-4-m { padding: 1.25rem !important; } .size-l .p-a-4 { padding: 1.5rem; } .size-l .p-a-4-l { padding: 1.5rem !important; } .size-x .p-a-4 { padding: 1.75rem; } .size-x .p-a-4-x { padding: 1.75rem !important; } .size-s .p-t-4 { padding-top: 1rem; } .size-s .p-t-4-s { padding-top: 1rem !important; } .size-m .p-t-4 { padding-top: 1.25rem; } .size-m .p-t-4-m { padding-top: 1.25rem !important; } .size-l .p-t-4 { padding-top: 1.5rem; } .size-l .p-t-4-l { padding-top: 1.5rem !important; } .size-x .p-t-4 { padding-top: 1.75rem; } .size-x .p-t-4-x { padding-top: 1.75rem !important; } .size-s .p-r-4 { padding-right: 1rem; } .size-s .p-r-4-s { padding-right: 1rem !important; } .size-m .p-r-4 { padding-right: 1.25rem; } .size-m .p-r-4-m { padding-right: 1.25rem !important; } .size-l .p-r-4 { padding-right: 1.5rem; } .size-l .p-r-4-l { padding-right: 1.5rem !important; } .size-x .p-r-4 { padding-right: 1.75rem; } .size-x .p-r-4-x { padding-right: 1.75rem !important; } .size-s .p-b-4 { padding-bottom: 1rem; } .size-s .p-b-4-s { padding-bottom: 1rem !important; } .size-m .p-b-4 { padding-bottom: 1.25rem; } .size-m .p-b-4-m { padding-bottom: 1.25rem !important; } .size-l .p-b-4 { padding-bottom: 1.5rem; } .size-l .p-b-4-l { padding-bottom: 1.5rem !important; } .size-x .p-b-4 { padding-bottom: 1.75rem; } .size-x .p-b-4-x { padding-bottom: 1.75rem !important; } .size-s .p-l-4 { padding-left: 1rem; } .size-s .p-l-4-s { padding-left: 1rem !important; } .size-m .p-l-4 { padding-left: 1.25rem; } .size-m .p-l-4-m { padding-left: 1.25rem !important; } .size-l .p-l-4 { padding-left: 1.5rem; } .size-l .p-l-4-l { padding-left: 1.5rem !important; } .size-x .p-l-4 { padding-left: 1.75rem; } .size-x .p-l-4-x { padding-left: 1.75rem !important; } .size-s .p-a-5 { padding: 1.25rem; } .size-s .p-a-5-s { padding: 1.25rem !important; } .size-m .p-a-5 { padding: 1.5625rem; } .size-m .p-a-5-m { padding: 1.5625rem !important; } .size-l .p-a-5 { padding: 1.875rem; } .size-l .p-a-5-l { padding: 1.875rem !important; } .size-x .p-a-5 { padding: 2.1875rem; } .size-x .p-a-5-x { padding: 2.1875rem !important; } .size-s .p-t-5 { padding-top: 1.25rem; } .size-s .p-t-5-s { padding-top: 1.25rem !important; } .size-m .p-t-5 { padding-top: 1.5625rem; } .size-m .p-t-5-m { padding-top: 1.5625rem !important; } .size-l .p-t-5 { padding-top: 1.875rem; } .size-l .p-t-5-l { padding-top: 1.875rem !important; } .size-x .p-t-5 { padding-top: 2.1875rem; } .size-x .p-t-5-x { padding-top: 2.1875rem !important; } .size-s .p-r-5 { padding-right: 1.25rem; } .size-s .p-r-5-s { padding-right: 1.25rem !important; } .size-m .p-r-5 { padding-right: 1.5625rem; } .size-m .p-r-5-m { padding-right: 1.5625rem !important; } .size-l .p-r-5 { padding-right: 1.875rem; } .size-l .p-r-5-l { padding-right: 1.875rem !important; } .size-x .p-r-5 { padding-right: 2.1875rem; } .size-x .p-r-5-x { padding-right: 2.1875rem !important; } .size-s .p-b-5 { padding-bottom: 1.25rem; } .size-s .p-b-5-s { padding-bottom: 1.25rem !important; } .size-m .p-b-5 { padding-bottom: 1.5625rem; } .size-m .p-b-5-m { padding-bottom: 1.5625rem !important; } .size-l .p-b-5 { padding-bottom: 1.875rem; } .size-l .p-b-5-l { padding-bottom: 1.875rem !important; } .size-x .p-b-5 { padding-bottom: 2.1875rem; } .size-x .p-b-5-x { padding-bottom: 2.1875rem !important; } .size-s .p-l-5 { padding-left: 1.25rem; } .size-s .p-l-5-s { padding-left: 1.25rem !important; } .size-m .p-l-5 { padding-left: 1.5625rem; } .size-m .p-l-5-m { padding-left: 1.5625rem !important; } .size-l .p-l-5 { padding-left: 1.875rem; } .size-l .p-l-5-l { padding-left: 1.875rem !important; } .size-x .p-l-5 { padding-left: 2.1875rem; } .size-x .p-l-5-x { padding-left: 2.1875rem !important; } .size-s .p-a-6 { padding: 1.5rem; } .size-s .p-a-6-s { padding: 1.5rem !important; } .size-m .p-a-6 { padding: 1.875rem; } .size-m .p-a-6-m { padding: 1.875rem !important; } .size-l .p-a-6 { padding: 2.25rem; } .size-l .p-a-6-l { padding: 2.25rem !important; } .size-x .p-a-6 { padding: 2.625rem; } .size-x .p-a-6-x { padding: 2.625rem !important; } .size-s .p-t-6 { padding-top: 1.5rem; } .size-s .p-t-6-s { padding-top: 1.5rem !important; } .size-m .p-t-6 { padding-top: 1.875rem; } .size-m .p-t-6-m { padding-top: 1.875rem !important; } .size-l .p-t-6 { padding-top: 2.25rem; } .size-l .p-t-6-l { padding-top: 2.25rem !important; } .size-x .p-t-6 { padding-top: 2.625rem; } .size-x .p-t-6-x { padding-top: 2.625rem !important; } .size-s .p-r-6 { padding-right: 1.5rem; } .size-s .p-r-6-s { padding-right: 1.5rem !important; } .size-m .p-r-6 { padding-right: 1.875rem; } .size-m .p-r-6-m { padding-right: 1.875rem !important; } .size-l .p-r-6 { padding-right: 2.25rem; } .size-l .p-r-6-l { padding-right: 2.25rem !important; } .size-x .p-r-6 { padding-right: 2.625rem; } .size-x .p-r-6-x { padding-right: 2.625rem !important; } .size-s .p-b-6 { padding-bottom: 1.5rem; } .size-s .p-b-6-s { padding-bottom: 1.5rem !important; } .size-m .p-b-6 { padding-bottom: 1.875rem; } .size-m .p-b-6-m { padding-bottom: 1.875rem !important; } .size-l .p-b-6 { padding-bottom: 2.25rem; } .size-l .p-b-6-l { padding-bottom: 2.25rem !important; } .size-x .p-b-6 { padding-bottom: 2.625rem; } .size-x .p-b-6-x { padding-bottom: 2.625rem !important; } .size-s .p-l-6 { padding-left: 1.5rem; } .size-s .p-l-6-s { padding-left: 1.5rem !important; } .size-m .p-l-6 { padding-left: 1.875rem; } .size-m .p-l-6-m { padding-left: 1.875rem !important; } .size-l .p-l-6 { padding-left: 2.25rem; } .size-l .p-l-6-l { padding-left: 2.25rem !important; } .size-x .p-l-6 { padding-left: 2.625rem; } .size-x .p-l-6-x { padding-left: 2.625rem !important; } .size-s .p-a-7 { padding: 1.75rem; } .size-s .p-a-7-s { padding: 1.75rem !important; } .size-m .p-a-7 { padding: 2.1875rem; } .size-m .p-a-7-m { padding: 2.1875rem !important; } .size-l .p-a-7 { padding: 2.625rem; } .size-l .p-a-7-l { padding: 2.625rem !important; } .size-x .p-a-7 { padding: 3.0625rem; } .size-x .p-a-7-x { padding: 3.0625rem !important; } .size-s .p-t-7 { padding-top: 1.75rem; } .size-s .p-t-7-s { padding-top: 1.75rem !important; } .size-m .p-t-7 { padding-top: 2.1875rem; } .size-m .p-t-7-m { padding-top: 2.1875rem !important; } .size-l .p-t-7 { padding-top: 2.625rem; } .size-l .p-t-7-l { padding-top: 2.625rem !important; } .size-x .p-t-7 { padding-top: 3.0625rem; } .size-x .p-t-7-x { padding-top: 3.0625rem !important; } .size-s .p-r-7 { padding-right: 1.75rem; } .size-s .p-r-7-s { padding-right: 1.75rem !important; } .size-m .p-r-7 { padding-right: 2.1875rem; } .size-m .p-r-7-m { padding-right: 2.1875rem !important; } .size-l .p-r-7 { padding-right: 2.625rem; } .size-l .p-r-7-l { padding-right: 2.625rem !important; } .size-x .p-r-7 { padding-right: 3.0625rem; } .size-x .p-r-7-x { padding-right: 3.0625rem !important; } .size-s .p-b-7 { padding-bottom: 1.75rem; } .size-s .p-b-7-s { padding-bottom: 1.75rem !important; } .size-m .p-b-7 { padding-bottom: 2.1875rem; } .size-m .p-b-7-m { padding-bottom: 2.1875rem !important; } .size-l .p-b-7 { padding-bottom: 2.625rem; } .size-l .p-b-7-l { padding-bottom: 2.625rem !important; } .size-x .p-b-7 { padding-bottom: 3.0625rem; } .size-x .p-b-7-x { padding-bottom: 3.0625rem !important; } .size-s .p-l-7 { padding-left: 1.75rem; } .size-s .p-l-7-s { padding-left: 1.75rem !important; } .size-m .p-l-7 { padding-left: 2.1875rem; } .size-m .p-l-7-m { padding-left: 2.1875rem !important; } .size-l .p-l-7 { padding-left: 2.625rem; } .size-l .p-l-7-l { padding-left: 2.625rem !important; } .size-x .p-l-7 { padding-left: 3.0625rem; } .size-x .p-l-7-x { padding-left: 3.0625rem !important; } .size-s .p-a-8 { padding: 2rem; } .size-s .p-a-8-s { padding: 2rem !important; } .size-m .p-a-8 { padding: 2.5rem; } .size-m .p-a-8-m { padding: 2.5rem !important; } .size-l .p-a-8 { padding: 3rem; } .size-l .p-a-8-l { padding: 3rem !important; } .size-x .p-a-8 { padding: 3.5rem; } .size-x .p-a-8-x { padding: 3.5rem !important; } .size-s .p-t-8 { padding-top: 2rem; } .size-s .p-t-8-s { padding-top: 2rem !important; } .size-m .p-t-8 { padding-top: 2.5rem; } .size-m .p-t-8-m { padding-top: 2.5rem !important; } .size-l .p-t-8 { padding-top: 3rem; } .size-l .p-t-8-l { padding-top: 3rem !important; } .size-x .p-t-8 { padding-top: 3.5rem; } .size-x .p-t-8-x { padding-top: 3.5rem !important; } .size-s .p-r-8 { padding-right: 2rem; } .size-s .p-r-8-s { padding-right: 2rem !important; } .size-m .p-r-8 { padding-right: 2.5rem; } .size-m .p-r-8-m { padding-right: 2.5rem !important; } .size-l .p-r-8 { padding-right: 3rem; } .size-l .p-r-8-l { padding-right: 3rem !important; } .size-x .p-r-8 { padding-right: 3.5rem; } .size-x .p-r-8-x { padding-right: 3.5rem !important; } .size-s .p-b-8 { padding-bottom: 2rem; } .size-s .p-b-8-s { padding-bottom: 2rem !important; } .size-m .p-b-8 { padding-bottom: 2.5rem; } .size-m .p-b-8-m { padding-bottom: 2.5rem !important; } .size-l .p-b-8 { padding-bottom: 3rem; } .size-l .p-b-8-l { padding-bottom: 3rem !important; } .size-x .p-b-8 { padding-bottom: 3.5rem; } .size-x .p-b-8-x { padding-bottom: 3.5rem !important; } .size-s .p-l-8 { padding-left: 2rem; } .size-s .p-l-8-s { padding-left: 2rem !important; } .size-m .p-l-8 { padding-left: 2.5rem; } .size-m .p-l-8-m { padding-left: 2.5rem !important; } .size-l .p-l-8 { padding-left: 3rem; } .size-l .p-l-8-l { padding-left: 3rem !important; } .size-x .p-l-8 { padding-left: 3.5rem; } .size-x .p-l-8-x { padding-left: 3.5rem !important; } .size-s .p-a-9 { padding: 2.25rem; } .size-s .p-a-9-s { padding: 2.25rem !important; } .size-m .p-a-9 { padding: 2.8125rem; } .size-m .p-a-9-m { padding: 2.8125rem !important; } .size-l .p-a-9 { padding: 3.375rem; } .size-l .p-a-9-l { padding: 3.375rem !important; } .size-x .p-a-9 { padding: 3.9375rem; } .size-x .p-a-9-x { padding: 3.9375rem !important; } .size-s .p-t-9 { padding-top: 2.25rem; } .size-s .p-t-9-s { padding-top: 2.25rem !important; } .size-m .p-t-9 { padding-top: 2.8125rem; } .size-m .p-t-9-m { padding-top: 2.8125rem !important; } .size-l .p-t-9 { padding-top: 3.375rem; } .size-l .p-t-9-l { padding-top: 3.375rem !important; } .size-x .p-t-9 { padding-top: 3.9375rem; } .size-x .p-t-9-x { padding-top: 3.9375rem !important; } .size-s .p-r-9 { padding-right: 2.25rem; } .size-s .p-r-9-s { padding-right: 2.25rem !important; } .size-m .p-r-9 { padding-right: 2.8125rem; } .size-m .p-r-9-m { padding-right: 2.8125rem !important; } .size-l .p-r-9 { padding-right: 3.375rem; } .size-l .p-r-9-l { padding-right: 3.375rem !important; } .size-x .p-r-9 { padding-right: 3.9375rem; } .size-x .p-r-9-x { padding-right: 3.9375rem !important; } .size-s .p-b-9 { padding-bottom: 2.25rem; } .size-s .p-b-9-s { padding-bottom: 2.25rem !important; } .size-m .p-b-9 { padding-bottom: 2.8125rem; } .size-m .p-b-9-m { padding-bottom: 2.8125rem !important; } .size-l .p-b-9 { padding-bottom: 3.375rem; } .size-l .p-b-9-l { padding-bottom: 3.375rem !important; } .size-x .p-b-9 { padding-bottom: 3.9375rem; } .size-x .p-b-9-x { padding-bottom: 3.9375rem !important; } .size-s .p-l-9 { padding-left: 2.25rem; } .size-s .p-l-9-s { padding-left: 2.25rem !important; } .size-m .p-l-9 { padding-left: 2.8125rem; } .size-m .p-l-9-m { padding-left: 2.8125rem !important; } .size-l .p-l-9 { padding-left: 3.375rem; } .size-l .p-l-9-l { padding-left: 3.375rem !important; } .size-x .p-l-9 { padding-left: 3.9375rem; } .size-x .p-l-9-x { padding-left: 3.9375rem !important; } .size-s .p-a-10 { padding: 2.5rem; } .size-s .p-a-10-s { padding: 2.5rem !important; } .size-m .p-a-10 { padding: 3.125rem; } .size-m .p-a-10-m { padding: 3.125rem !important; } .size-l .p-a-10 { padding: 3.75rem; } .size-l .p-a-10-l { padding: 3.75rem !important; } .size-x .p-a-10 { padding: 4.375rem; } .size-x .p-a-10-x { padding: 4.375rem !important; } .size-s .p-t-10 { padding-top: 2.5rem; } .size-s .p-t-10-s { padding-top: 2.5rem !important; } .size-m .p-t-10 { padding-top: 3.125rem; } .size-m .p-t-10-m { padding-top: 3.125rem !important; } .size-l .p-t-10 { padding-top: 3.75rem; } .size-l .p-t-10-l { padding-top: 3.75rem !important; } .size-x .p-t-10 { padding-top: 4.375rem; } .size-x .p-t-10-x { padding-top: 4.375rem !important; } .size-s .p-r-10 { padding-right: 2.5rem; } .size-s .p-r-10-s { padding-right: 2.5rem !important; } .size-m .p-r-10 { padding-right: 3.125rem; } .size-m .p-r-10-m { padding-right: 3.125rem !important; } .size-l .p-r-10 { padding-right: 3.75rem; } .size-l .p-r-10-l { padding-right: 3.75rem !important; } .size-x .p-r-10 { padding-right: 4.375rem; } .size-x .p-r-10-x { padding-right: 4.375rem !important; } .size-s .p-b-10 { padding-bottom: 2.5rem; } .size-s .p-b-10-s { padding-bottom: 2.5rem !important; } .size-m .p-b-10 { padding-bottom: 3.125rem; } .size-m .p-b-10-m { padding-bottom: 3.125rem !important; } .size-l .p-b-10 { padding-bottom: 3.75rem; } .size-l .p-b-10-l { padding-bottom: 3.75rem !important; } .size-x .p-b-10 { padding-bottom: 4.375rem; } .size-x .p-b-10-x { padding-bottom: 4.375rem !important; } .size-s .p-l-10 { padding-left: 2.5rem; } .size-s .p-l-10-s { padding-left: 2.5rem !important; } .size-m .p-l-10 { padding-left: 3.125rem; } .size-m .p-l-10-m { padding-left: 3.125rem !important; } .size-l .p-l-10 { padding-left: 3.75rem; } .size-l .p-l-10-l { padding-left: 3.75rem !important; } .size-x .p-l-10 { padding-left: 4.375rem; } .size-x .p-l-10-x { padding-left: 4.375rem !important; } .size-s .p-a-40 { padding: 10rem; } .size-s .p-a-40-s { padding: 10rem !important; } .size-m .p-a-40 { padding: 12.5rem; } .size-m .p-a-40-m { padding: 12.5rem !important; } .size-l .p-a-40 { padding: 15rem; } .size-l .p-a-40-l { padding: 15rem !important; } .size-x .p-a-40 { padding: 17.5rem; } .size-x .p-a-40-x { padding: 17.5rem !important; } .size-s .p-t-40 { padding-top: 10rem; } .size-s .p-t-40-s { padding-top: 10rem !important; } .size-m .p-t-40 { padding-top: 12.5rem; } .size-m .p-t-40-m { padding-top: 12.5rem !important; } .size-l .p-t-40 { padding-top: 15rem; } .size-l .p-t-40-l { padding-top: 15rem !important; } .size-x .p-t-40 { padding-top: 17.5rem; } .size-x .p-t-40-x { padding-top: 17.5rem !important; } .size-s .p-r-40 { padding-right: 10rem; } .size-s .p-r-40-s { padding-right: 10rem !important; } .size-m .p-r-40 { padding-right: 12.5rem; } .size-m .p-r-40-m { padding-right: 12.5rem !important; } .size-l .p-r-40 { padding-right: 15rem; } .size-l .p-r-40-l { padding-right: 15rem !important; } .size-x .p-r-40 { padding-right: 17.5rem; } .size-x .p-r-40-x { padding-right: 17.5rem !important; } .size-s .p-b-40 { padding-bottom: 10rem; } .size-s .p-b-40-s { padding-bottom: 10rem !important; } .size-m .p-b-40 { padding-bottom: 12.5rem; } .size-m .p-b-40-m { padding-bottom: 12.5rem !important; } .size-l .p-b-40 { padding-bottom: 15rem; } .size-l .p-b-40-l { padding-bottom: 15rem !important; } .size-x .p-b-40 { padding-bottom: 17.5rem; } .size-x .p-b-40-x { padding-bottom: 17.5rem !important; } .size-s .p-l-40 { padding-left: 10rem; } .size-s .p-l-40-s { padding-left: 10rem !important; } .size-m .p-l-40 { padding-left: 12.5rem; } .size-m .p-l-40-m { padding-left: 12.5rem !important; } .size-l .p-l-40 { padding-left: 15rem; } .size-l .p-l-40-l { padding-left: 15rem !important; } .size-x .p-l-40 { padding-left: 17.5rem; } .size-x .p-l-40-x { padding-left: 17.5rem !important; } .p-a-0, .size-l .p-a-0-l, .size-m .p-a-0-m, .size-s .p-a-0-s, .size-x .p-a-0-x { padding: 0 !important; } .p-t-0, .size-l .p-t-0-l, .size-m .p-t-0-m, .size-s .p-t-0-s, .size-x .p-t-0-x { padding-top: 0 !important; } .p-r-0, .size-l .p-r-0-l, .size-m .p-r-0-m, .size-s .p-r-0-s, .size-x .p-r-0-x { padding-right: 0 !important; } .p-b-0, .size-l .p-b-0-l, .size-m .p-b-0-m, .size-s .p-b-0-s, .size-x .p-b-0-x { padding-bottom: 0 !important; } .p-l-0, .size-l .p-l-0-l, .size-m .p-l-0-m, .size-s .p-l-0-s, .size-x .p-l-0-x { padding-left: 0 !important; } sign-up-popup-content { display: none; height: 100%; width: 100%; } sign-up-popup-content[visible] { display: block; } .sign-up-popup-modal { padding: 0 !important; } .sign-up-popup-panel { pointer-events: none !important; } .sign-up-popup-content__inner { max-width: 21.375rem; pointer-events: auto; } .size-s .sign-up-popup-content__inner { max-width: unset; } .sign-up-popup-content .is-position-center { float: none; margin: 0 auto; } .animatated-block { height: 3.875rem; width: 5.4375rem; transition: width .75s ease-in-out; } .is-popup-animation .animatated-block { width: 100%; transition: width .75s ease-in-out; } .sign-up-block { display: inline-block; flex-grow: 0; transition: flex-grow .5s ease-in-out; opacity: 0; -webkit-animation: fadeInBlock .25s; animation: fadeInBlock .25s; } .is-popup-animation .sign-up-block { flex-grow: 1; opacity: 1; transition: opacity .25s ease .75s; } @-webkit-keyframes fadeInBlock { 0% { opacity: 0; } 50% { opacity: 0; } to { opacity: 1; } } @keyframes fadeInBlock { 0% { opacity: 0; } 50% { opacity: 0; } to { opacity: 1; } } .submenu-component { min-height: 3rem; max-height: calc(100vh - 4.25rem); overflow: hidden; } .submenu-component > .wrap { overflow: hidden; overflow-y: auto; } .submenu-component__column { overflow: hidden; } .submenu-component__column.is-last { overflow: visible; position: relative; padding-left: 3.875rem; } .submenu-component__column.is-last .is-list { left: 3rem; padding-left: .5rem; } .submenu-component__bg { width: 1000px; width: 100vw; } .submenu-component__link > div { height: 3rem; width: 3rem; } .submenu-component__link > div > img { border-radius: 1.5rem; } .submenu-component__link > sup { position: relative; top: -.3125rem; } .submenu-component__link-text { position: relative; } .submenu-component__link-text:after { background-color: currentColor; content: ""; display: block; height: 1px; width: 0; position: absolute; right: 0; bottom: -.125rem; left: 0; } .link .submenu-component__link:hover .submenu-component__link-text:after { width: 0; -webkit-animation-name: leftToRight; animation-name: leftToRight; -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .submenu-component__block { width: 100%; max-width: 15.125rem; } .submenu-component__block.colour__block, .submenu-component__block.has-one, .submenu-component__block.has-two { max-width: 13.75rem; } .submenu-component__block.has-two { -moz-column-gap: 2px !important; column-gap: 2px !important; } .submenu-component__block .submenu-component__item { margin-bottom: .5rem; } .list-dots { width: 1.5rem; height: 1.5rem; } .animation-fade-in { opacity: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: calc(var(--product-inrow-index, 0)*50ms); animation-delay: calc(var(--product-inrow-index, 0)*50ms); -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; } .animation-block-movement { opacity: 0; -webkit-animation-name: custom; animation-name: custom; -webkit-animation-delay: calc(var(--product-inrow-index, 0)*80ms); animation-delay: calc(var(--product-inrow-index, 0)*80ms); -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; } @-webkit-keyframes custom { 0% { opacity: 0; transform-origin: 50% 0; transform: translateY(20px) scaleY(1.07); } to { opacity: 1; transform-origin: 50% 0; transform: translateY(0) scaleY(1); } } @keyframes custom { 0% { opacity: 0; transform-origin: 50% 0; transform: translateY(20px) scaleY(1.07); } to { opacity: 1; transform-origin: 50% 0; transform: translateY(0) scaleY(1); } } .custom-grid { --grid-column-span:3; -ms-grid-column: span var(--grid-column-span, 1); grid-column-start: span var(--grid-column-span, 1); -ms-grid-row: span var(--grid-row-span, 1); grid-row-start: span var(--grid-row-span, 1); min-width: 0px; } .custom-grid-2 { --grid-column-span:2; -ms-grid-column: span var(--grid-column-span, 1); grid-column-start: span var(--grid-column-span, 1); -ms-grid-row: span var(--grid-row-span, 1); grid-row-start: span var(--grid-row-span, 1); min-width: 0px; } #page-header ul { padding: 0; margin: 0; } :root { --page-header-height:4rem; --page-header-transition:0.5s ease-in-out; } .size-m, .size-s { --page-header-height:3rem; } .header__logo-wrap { flex-shrink: 0; } .size-s .header__logo-wrap { width: 172px; height: 19.109px; } .size-m .header__logo-wrap { width: 180px; height: 20px; } .size-l .header__logo-wrap { width: 200px; height: 22.219px; } .size-x .header__logo-wrap { width: 240px; height: 26.656px; } .page-header { --sticky-native-sentinel-bottom-height:var(--page-header-height); } .page-header.page-header-transparent .header { float: left; width: 100%; height: 0; } .page-header:not(.page-header-transparent) .header__inner { background-color: #fff; min-width: 12em; text-align: right; } .page-header:not(.page-header-transparent) .header-icons { margin-top: calc(var(--page-header-height)*-1); } .header { --sticky-native-top:0; --sticky-native-z-index:11; display: block; } .header__inner { height: var(--page-header-height); transition: background-color var(--page-header-transition), color var(--page-header-transition), transform var(--page-header-transition), opacity var(--page-header-transition); } .header__inner:hover { background-color: #fff; transition: background-color 50ms ease-in 0ms; } .header.is-meganav-open, .size-l.search-is-focus .header, .size-x.search-is-focus .header { --sticky-native-z-index:1003; } .header.is-meganav-open .header__inner, .size-l.search-is-focus .header .header__inner, .size-x.search-is-focus .header .header__inner { background-color: #fff; transition: background-color 50ms ease-in 0ms; } .header.is-sticky .header__inner { background-color: #fff; } .header__logo { position: relative; z-index: 2; transition: -webkit-filter var(--page-header-transition); transition: filter var(--page-header-transition); transition: filter var(--page-header-transition), -webkit-filter var(--page-header-transition); } .header__content { height: var(--page-header-height); } .size-l .header__content, .size-x .header__content { padding: 0 5.625rem; } .header__icon { display: inline; align-items: center; justify-content: center; cursor: pointer; height: 3rem; min-width: 3rem; padding: 1em 0; } .size-s .header__icon { position: relative; min-width: 2rem; } .search-modal .header__icon { min-width: 3rem !important; } .header__icon [class*=" icon-"], .header__icon [class^=icon-] { width: 1em; height: 1em; } .header__icon.busy .icon-nav { display: inline-block; font-family: icons !important; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1em; width: 1em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .header__icon.busy .icon-nav span { opacity: 0; } .header .icon-nav span { transition: background-color var(--page-header-transition); } .header-icons { --sticky-native-top:0; --sticky-native-z-index:12; height: 0; float: right; } .header-icons__inner { height: var(--page-header-height); transition: transform var(--page-header-transition); } .header-icons.is-meganav-open { --sticky-native-z-index:1004; } .search-is-focus .header-icons { opacity: 0; pointer-events: none; } @media (hover: hover) { .page-header-transparent:hover .header__inner { background-color: #fff; } } body:not(.page-header-sticky-is-sticky) .page-header-transparent:not(:hover).page-header-light-mode .header-icons:not(.is-meganav-open), body:not(.page-header-sticky-is-sticky) .page-header-transparent:not(:hover).page-header-light-mode .header:not(.is-meganav-open), body:not(.page-header-sticky-is-sticky) body.is-touchy .page-header-transparent.page-header-light-mode .header-icons:not(.is-meganav-open), body:not(.page-header-sticky-is-sticky) body.is-touchy .page-header-transparent.page-header-light-mode .header:not(.is-meganav-open) { color: #fff; } body:not(.page-header-sticky-is-sticky) .page-header-transparent:not(:hover).page-header-light-mode .header-icons:not(.is-meganav-open) .icon-nav span, body:not(.page-header-sticky-is-sticky) .page-header-transparent:not(:hover).page-header-light-mode .header:not(.is-meganav-open) .icon-nav span, body:not(.page-header-sticky-is-sticky) body.is-touchy .page-header-transparent.page-header-light-mode .header-icons:not(.is-meganav-open) .icon-nav span, body:not(.page-header-sticky-is-sticky) body.is-touchy .page-header-transparent.page-header-light-mode .header:not(.is-meganav-open) .icon-nav span { background-color: #fff; } .page-header-transparent:not(:hover).page-header-light-mode .header:not(.is-sticky):not(.is-meganav-open) .header__logo, body.is-touchy .page-header-transparent.page-header-light-mode .header:not(.is-sticky):not(.is-meganav-open) .header__logo { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .page-header-transparent:not(:hover) .header:not(.is-sticky):not(.is-meganav-open) .header__inner, body.is-touchy .page-header-transparent .header:not(.is-sticky):not(.is-meganav-open) .header__inner { background-color: transparent; } .page-header-transparent:not(:hover) .header:not(.is-sticky):not(.is-meganav-open) .icon-nav span, body.is-touchy .page-header-transparent .header:not(.is-sticky):not(.is-meganav-open) .icon-nav span { background-color: #000; } .page-header-hide-up .header.is-sticky.is-sticky-down:not(.is-meganav-open) .header__inner, .page-header-sticky-is-sticky.page-header-sticky-is-sticky-down .page-header-hide-up .header-icons:not(.is-meganav-open) .header-icons__inner { transform: translateY(calc(var(--page-header-height)*-1)); } .page-header-shadow { box-shadow: 0 0 4px rgba(51, 51, 51, 0.2); } .main-overlay-visible.size-l .header-icons, .main-overlay-visible.size-x .header-icons, .product-page-sidebar-open.size-l .header-icons, .product-page-sidebar-open.size-x .header-icons { --sticky-native-z-index:1004; } .main-overlay-visible.size-l page-header, .main-overlay-visible.size-x page-header, .product-page-sidebar-open.size-l page-header, .product-page-sidebar-open.size-x page-header { z-index: auto; } wishlist-notice i { top: .1875rem; } :root { --page-header-height: 4rem; --page-header-transition: 0.5s ease-in-out; } .flex, .size-l .flex-l, .size-m .flex-m, .size-s .flex-s, .size-x .flex-x { display: flex !important; } .flex-middle, .size-l .flex-middle-l, .size-m .flex-middle-m, .size-s .flex-middle-s, .size-x .flex-middle-x { align-items: center; } .flex-justify-between, .size-l .flex-justify-between-l, .size-m .flex-justify-between-m, .size-s .flex-justify-between-s, .size-x .flex-justify-between-x { justify-content: space-between; } .size-l .wrap, .size-l .wrap-l, .size-m .wrap, .size-m .wrap-m, .size-s .wrap, .size-s .wrap-s, .size-x .wrap, .size-x .wrap-x, .wrap { width: 100%; max-width: 2504px; margin-left: auto; margin-right: auto; } .size-l .wrap, .size-l .wrap-l { padding-right: 1.5rem; padding-left: 1.5rem; } .pos-absolute, .size-l .pos-absolute-l, .size-m .pos-absolute-m, .size-s .pos-absolute-s, .size-x .pos-absolute-x { position: absolute; } .left-0, .size-l .left-0-l, .size-m .left-0-m, .size-s .left-0-s, .size-x .left-0-x { left: 0; } .bottom-0, .size-l .bottom-0-l, .size-m .bottom-0-m, .size-s .bottom-0-s, .size-x .bottom-0-x { bottom: 0; } .size-l .top-0-l, .size-m .top-0-m, .size-s .top-0-s, .size-x .top-0-x, .top-0 { top: 0; } .b-col-4, .size-l .b-col-4-l, .size-m .b-col-4-m, .size-s .b-col-4-s, .size-x .b-col-4-x { border-color: #e5e5e5 !important; } .b-r, .size-l .b-r-l, .size-m .b-r-m, .size-s .b-r-s, .size-x .b-r-x { border-right: 1px solid #e5e5e5; } .header { --sticky-native-top: 0; --sticky-native-z-index: 11; display: block; } .inline-flex, .size-l .inline-flex-l, .size-m .inline-flex-m, .size-s .inline-flex-s, .size-x .inline-flex-x { display: inline-flex !important; } .fs-9 { font-size: 1.6em; } .fs-9, .size-l .fs-9-l, .size-m .fs-9-m, .size-s .fs-9-s, .size-x .fs-9-x { font-size: 1.6em; } .size-l { --atomic-size: 0.375rem; } .size-l { --grid-gutter-size: 3px; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-account:before { content: "\e900"; } .icon-close:before { content: "\e902"; } .icon-coin:before { content: "\e903"; } .icon-email:before { content: "\e904"; } .col-1, .col-1:after, .col-1:before, .size-l .col-1-l, .size-l .col-1-l:after, .size-l .col-1-l:before, .size-m .col-1-m, .size-m .col-1-m:after, .size-m .col-1-m:before, .size-s .col-1-s, .size-s .col-1-s:after, .size-s .col-1-s:before, .size-x .col-1-x, .size-x .col-1-x:after, .size-x .col-1-x:before { color: #333; } [class*=" c-"], [class*=" w-"], [class^=c-], [class^=w-] { display: inline-block; vertical-align: top; } .overflow-y-scroll, .size-l .overflow-y-scroll-l, .size-m .overflow-y-scroll-m, .size-s .overflow-y-scroll-s, .size-x .overflow-y-scroll-x { overflow-y: scroll; } .flex-grow, .size-l .flex-grow-l, .size-m .flex-grow-m, .size-s .flex-grow-s, .size-x .flex-grow-x { flex-grow: 1; } .flex-column, .size-l .flex-column-l, .size-m .flex-column-m, .size-s .flex-column-s, .size-x .flex-column-x { display: flex !important; flex-direction: column; } .b-radius-max, .size-l .b-radius-max-l, .size-m .b-radius-max-m, .size-s .b-radius-max-s, .size-x .b-radius-max-x { border-radius: 9999px; } [class*=" b-radius-"], [class^=b-radius-] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); } .size-m .quick-links-item, .size-s .quick-links-item { width: 4rem; height: 4rem; border-radius: 50%; } [class*=" ratio-"], [class^=ratio-] { position: relative; } .menu-mobile { position: absolute; top: 0; left: -10000px; z-index: 1000; width: 100%; height: 100%; background: #fff; opacity: 0; } .menu-mobile .dynamic-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 50%; } .menu-mobile .flex { flex-wrap: wrap; } .menu-mobile > .flex > * { width: 100%; } .menu-mobile-top { display: flex; flex-wrap: wrap; padding: 1rem; align-items: center; font-size: 18.4px; } .menu-mobile-top__item, .menu-mobile-btm a { width: 33.3333%; } .menu-mobile-top__item a { vertical-align: top; } .menu-mobile-middle .h4 { margin-bottom: 0; } .menu-mobile-middle { height: calc(100vh - 105px); } .menu-mobile-btm a { text-align: center; font-size: 12.65px; } .body-overflow { overflow: hidden; } .layout__header .page-header { padding: 0; margin: 0; } .icon-nav span { background-color: #333; display: block; height: 1px; left: 0; position: absolute; width: 100%; } .icon-nav span:first-child { top: .15em; } .icon-nav span:nth-child(2) { top: .5em; } .icon-nav span:nth-child(3) { top: .85em; } .icon-nav { display: inline-block; width: 18.39px !important; height: 18.39px !important; position: relative; top: 2px; overflow: hidden; } .size-s .header__icon { min-width: 2rem; } .size-s .header__content { padding-left: 20px; } .size-s .icon-wishlist-thin { width: 23px; height: 23px; font-size: 23px; margin-top: -4px; margin-right: -4px; } .page-header.size-l .meganav-item > a { position: relative; color: #333 !important; } .page-header.size-l .meganav-item > a:after { content: ''; display: block; border-bottom: 1px solid #333; width: 0; position: absolute; right: 0; transition: 0.3s ease; } .page-header.size-l .meganav-item > a:hover:after { width: 100%; } .meta { font-size: 14px; color: #999; } .meta__item { display: inline-block; margin-right: 6px; } .meta__item + .meta__item:before { margin-right: 6px; font-size: 10px; content: "\2022"; } .breadcrumbs { padding: 8px 0 0 0; margin-left: 0; margin-top: 0; margin-bottom: 24px; list-style: none; } .breadcrumbs > li { display: inline-block; } .breadcrumbs > li + li:before { content: "›\00a0"; padding: 0 5px; color: #ccc; } .breadcrumbs--search-results { margin-bottom: 12px; font-size: 14px; padding: 0; } .breadcrumb a { color: #333; } .breadcrumb a:last-child { font-size: inherit; } .css-1nhwazd { position: absolute; top: -10%; left: 0; z-index: 1; background-repeat: no-repeat; background-position: 50% 40%; background-size: cover; width: 100%; height: 40%; } .css-1nhwazd{ position: relative; transform: translate3d(0, 0, 0); margin-bottom: 0; padding: 12% 16px; overflow: hidden; } @media (min-width: 768px) .css-7bpagu { background-image: linear-gradient(var(--accent) 10rem, transparent 10rem); grid-template-columns: minmax(0px, 70rem); padding-block-start: 20px; } @media (min-width: 1200px) .css-7bpagu { column-gap: 2rem; padding-block-end: 5rem; padding-inline: 0px; } @media (min-width: 1024px) .css-7bpagu { column-gap: 1.5rem; padding-block-end: 4rem; padding-inline: 2.5rem; } @media (min-width: 768px) .css-7bpagu { -webkit-box-align: start; align-items: start; place-content: start center; gap: 2.5rem 1rem; display: grid; grid-template-columns: repeat(12, minmax(0px, 4rem)); -webkit-box-pack: center; padding-block-end: 3rem; padding-inline: 2rem; } .css-7bpagu { grid-area: main / main / main / main; padding-block: 2rem; grid-template-columns: minmax(0px, 70rem); } .hero-unit:after { position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; background-color: #FED8D8; width: 100%; height: 100%; content: ''; } @media (min-width: 768px) { .hero-unit { padding: 7% 16px; } } .hero-unit__title { margin-bottom: 24px; text-align: center; font-weight: 300; font-size: 28px; line-height: 1.1; } @media (min-width: 768px) { .hero-unit__title { font-size: 40px; } } @media (min-width: 992px) { .hero-unit__title { margin-bottom: 36px; font-size: 44px; } } .banner-language-selector { float: none !important; margin-top: 0; } .banner-language-selector .language-options { list-style: none; margin: 0 0 0 8px; padding: 0; } @media (max-width: 767px) { .banner-language-selector .language-options .dropdown-toggle { display: block; text-align: center; padding-right: 12px !important; } } .banner-language-selector .language-options .dropdown-toggle { margin-bottom: 0; } .banner-language-selector .language-options .dropdown .caret { margin-left: 4px; margin-right: 0; } .welcome { display: none !important; } .user-pic-thumb, .user-pic-normal { margin-left: 0; margin-right: 0; } .hc-search-input { width: 100%; } .hc-search-input:before { position: absolute; top: 50%; left: 13px; transform: translateY(-50%); color: #333; content: '\f002'; font-size: 20px; margin: 0; } .hc-search-input input[type='text'] { padding-left: 42px !important; transition: all 0.3s ease; height: 50px; } .hc-search-button { display: none; float: right; width: 16%; } .hc-search-button .btn { height: 50px; } .search-box { position: relative; z-index: 2; } .search-box--hero-unit .hc-search-input:before { font-size: 20px; } .search-box--hero-unit { margin: 0 auto; max-width: 720px; } @media (min-width: 768px) { .search-box--hero-unit .hc-search-input { width: 82%; } } .search-box--hero-unit .hc-search-input input[type='text'] { border-radius: 0; background-color: rgba(255, 255, 255, 0.9); border-color: #fff; } .search-box--hero-unit .hc-search-input input[type='text']:focus { background-color: #fff; } .search-box--hero-unit .hc-search-button .btn { height: 50px; } .search-box--hero-unit .hc-search-button .btn .mobile-icon-search { display: none; } .search-box--hero-unit .hc-search-button .btn .hide-in-mobile { display: block; } .search-box--small { margin-bottom: 48px; } @media (min-width: 768px) { .search-box--hero-unit .hc-search-button { display: block; } } @media (min-width: 992px) { .search-box--hero-unit .hc-search-button .btn, .search-box--hero-unit .hc-search-input input[type='text'] { height: 60px; } .search-box--hero-unit .hc-search-input input[type='text'] { font-size: 16px; } } .match { background-color: transparent; } .search-results-page { margin-bottom: 48px; } .search-result { margin-bottom: 24px; border-bottom: 1px solid #eceeef; } .search-result__title { margin-bottom: 12px; font-weight: 400; } .search-result__description { margin-bottom: 12px; font-size: 14px; } .search-result__description .match { padding: 0 3px; border-radius: 3px; background-color: #fff3ca; font-weight: 400; font-style: normal; } .search-result__meta { margin-bottom: 12px; } .search-results-filters { margin-bottom: 24px; } .search-results-filters .nav-filter { margin-top: 0; margin-bottom: 0; } .search-results-filters .nav-pills > li > a { padding: 12px 16px; border-radius: 0; margin-left: 0; } .search-results-filters .nav-pills > .active > a, .search-results-filters .nav-pills > .active > a:hover { box-shadow: none; background-color: #333; color: #fff; } @media (min-width: 768px) { .search-results-filters .nav-pills > li { float: none; margin-bottom: 12px; } } .search-results-column--centered { float: none; margin-left: auto; margin-right: auto; } .comments-list { padding-left: 0; list-style: none; margin-left: 0; margin-top: 0; margin-bottom: 0; } .comment { margin-bottom: 24px; border-bottom: 1px solid #eceeef; padding-bottom: 24px; } .comment__header { position: relative; margin-bottom: 24px; } .comment__voting hr { display: none; } .comment-form { position: relative; display: flex; margin-top: 24px; margin-bottom: 24px; } .comment-form__avatar { flex-shrink: 0; margin-right: 12px; } @media (max-width: 767px) { .comment-form__avatar { display: none; } } .comment-form__body { flex-grow: 1; margin-bottom: 24px; } .article-page { margin-bottom: 48px; } .article { position: relative; } .article__title { font-size: 24px; font-weight: 300; } @media (min-width: 768px) { .article__title { font-size: 28px; } } @media (min-width: 992px) { .article__title { font-size: 40px; } } .article-meta { display: table; margin-bottom: 24px; width: 100%; } .article-meta__col { display: table-cell; vertical-align: top; } .article__body { margin-bottom: 24px; } .article__body ul, .article__body ol { margin-left: 20px; } .article__body ul, .article__body ol { margin-top: 6px; margin-bottom: 12px; } .article__body li { margin-bottom: 12px; } .article__body ul { list-style-type: disc; } .article__body ul ul { list-style-type: circle; } .article__body ol { list-style-type: decimal; } .article__attachments { margin-bottom: 24px; } @media (max-width: 767px) { .article-sidebar { padding-top: 24px; border-top: 1px solid #eceeef; } } .vote-down-container:before { display: none; } .fr-dib:not(.fr-fil) { display: block; margin-right: auto; margin-left: auto; } .knowledge-base-title { font-size: 28px; } @media (min-width: 992px) { .knowledge-base-title { margin-bottom: 48px; } } @media (min-width: 768px) { .category-page { margin-bottom: 48px; } } .category-description:empty { display: none; } .category-tree-item__title { padding-bottom: 12px; border-bottom: 1px solid #eceeef; } .category-tree-item__folders { margin-bottom: 24px; } .category-tree-item__title-link { color: inherit; } .category-list { margin-bottom: 24px; padding-left: 0; list-style: none; } .category-list-item { position: relative; margin-bottom: 24px; } @media (min-width: 768px) { .category-list-item { display: table; height: 150px; } } .category-list-item__link { display: block; padding: 24px 16px; border-radius: 0; background-color: #333; color: #fff; text-align: center; font-weight: 400; transition: all 0.3s ease; } @media (min-width: 768px) { .category-list-item__link { display: table-cell; vertical-align: middle; } } .category-list-item__link:active, .category-list-item__link:focus, .category-list-item__link:hover { background-color: #FED8D8; color: #333; text-decoration: none; } .category-list-item__title { margin-bottom: 0; font-weight: 400; } .folder-page { margin-bottom: 48px; } .folder { margin-bottom: 24px; } @media (min-width: 768px) { .folder:nth-child(2n+1) { clear: left; } } @media (min-width: 992px) { .folder:nth-child(2n+1) { clear: none; } .folder:nth-child(3n+1) { clear: left; } } .folder__title { font-weight: 300; } .folder__title-link { color: inherit; } .articles { list-style: none; margin-left: 0; padding-left: 0; } .articles__item { margin-bottom: 8px; } .article-list li { padding-left: 0; } .article-list li:before { display: none !important; } .article-list li .ellipsis a { font-size: inherit; color: #333; } #article-author { display: none; } .vote-feedback { margin-left: 0; } #vote-feedback-container, .article-vote { margin-bottom: 0; margin-bottom: 24px; position: relative; padding: 24px; border: 1px solid #eceeef; border-radius: 0; } .vote-down-container:before { display: none; } .related-articles h3 { margin-bottom: 12px; } @media (min-width: 768px) { .related-articles h3 { margin-top: 12px; } } .related-articles ul { margin-top: 0; margin-left: 0; padding-left: 0; list-style: none; } .related-articles ul > li { margin-bottom: 8px; } .related-articles ul > li a { color: #333; border-bottom: 1px solid #eceeef; padding-bottom: 1px; } #ticket-sub-toolbar .dropdown .caret { margin-right: 0; } #ticket-toolbar { display: flex; flex-wrap: wrap; } #new-layout #ticket-toolbar .btn { padding: 6px 12px !important; } #ticket-sort { margin-right: 0; } #ticket-sub-toolbar .dropdown .caret { margin-top: 9px !important; } .ticket-toolbar { margin-top: 0; margin-bottom: 16px; } .ticket-toolbar a { font-weight: 600; } #ticket-filters { margin-bottom: 16px; margin-right: 16px; } #ticket-sub-toolbar { margin-bottom: 16px; } #ticket-export-button { display: inline-block !important; } #ticket-list .lead { margin-bottom: 24px; } .c-row.c-ticket-row .status-source { margin-right: 16px; } #ticket-filter-container .dropdown-toggle.help-text { font-size: 12px !important; } #ticket-filter-container #ticket-sort a b { font-size: 12px; font-weight: 400; color: #333; } .bt-ticket-alert { margin-bottom: 24px; } .ticket-page__actions { margin-bottom: 24px; } .new-ticket-page { margin-bottom: 48px; } .new-ticket-title { font-size: 24px; } @media (min-width: 768px) { .new-ticket-title { font-size: 28px; } } @media (min-width: 992px) { .new-ticket-title { font-size: 40px; } } .new-ticket-form { margin-bottom: 24px; } .max-search-content { max-height: 72px; } .alert { margin: 0; border-top: none; } #notice { width: 100%; margin-top: 0; border-width: 0 0 1px; border-radius: 0; } @media (min-width: 768px) { .signup-page { margin-bottom: 48px; } } .signup-page__title { font-size: 24px; } @media (min-width: 768px) { .signup-page__title { font-size: 28px; } } #signup-container { border: 0; } .signup-wrapper ul.unstyled li { padding: 0; } #new-layout #signup-container { margin: 0; padding: 0; } #new-layout #login-container { margin: 0; padding: 0; } #profile-edit .main { border-width: 1px; border-color: #eceeef; } #profile-edit form[action*='change_password'] div.error, #profile-edit .profile-edit-form .controls div.error { color: #b94a48; padding-top: 0; margin-bottom: 12px; font-size: 14px; } #profile-edit form[action*='change_password'] fieldset input #profile-edit .profile-edit-form .controls input, #profile-edit .profile-edit-form .controls select { margin-bottom: 6px; } #profile-edit .avatar-span .info-data { padding-top: 6px; } #profile-edit .main, #profile-edit .sidebar { border: 0 !important; padding-left: 16px; padding-right: 16px; box-shadow: none !important; min-height: 1px !important; } @media (max-width: 767px) { #profile-edit .span3.avatar-span, #profile-edit .span9.omega { float: none; width: 100%; } } #profile-edit .btm-border { border-color: #eceeef; } #profile-edit .main .form-portal .form-actions { border-width: 1px; border-color: #eceeef; } .approval_delegation_user, .password_cont { border-color: #eceeef; } .password_cont h3, .approval_delegation_user h4 { color: #333 !important; } .custom-blocks { display: flex; justify-content: center; flex-wrap: wrap; } @media (max-width: 767px) { .custom-blocks { margin-bottom: 24px; } } @media (min-width: 480px) { .custom-blocks { display: flex; justify-content: center; } } .custom-block { display: flex; float: none; margin-bottom: 24px; } @media (min-width: 768px) { .custom-block { width: 20%; margin-bottom: 0; } } .custom-block__link { display: flex; flex-wrap: wrap; width: 100%; align-items: center; color: #333; } .custom-block__link:active .custom-block__icon path, .custom-block__link:active .custom-block__icon circle, .custom-block__link:focus .custom-block__icon path, .custom-block__link:focus .custom-block__icon circle, .custom-block__link:hover .custom-block__icon path, .custom-block__link:hover .custom-block__icon circle { stroke: #FED8D8; } @media (min-width: 768px) { .custom-block__link { flex-direction: column; justify-content: center; } } @media (min-width: 768px) { .custom-block__icon { width: 108px; height: 108px; margin-bottom: 15px; } } .custom-block__icon img, .custom-block__icon svg { width: 40px; height: 40px; } @media (min-width: 768px) { .custom-block__icon img, .custom-block__icon svg { width: 74px; height: 74px; } } .custom-block__icon svg circle, .custom-block__icon svg path { transition: all 0.3s ease; stroke: #333; } .custom-block__title { font-size: 20px; color: #333; } @media (max-width: 767px) { .custom-block__title { padding-left: 12px; margin-bottom: 0; } } @media (min-width: 768px) { .custom-block__title { text-align: center; } } .dropdown .caret { margin-top: 9px; margin-right: 0; color: currentColor; border-top-color: currentColor; } .btn .caret { margin-right: 0; margin-left: 4px; margin-top: 6px; } .dropdown-toggle.btn, .dropdown-toggle.btn b { font-weight: 400 !important; } .footer-submit-ticket { padding: 48px 16px 24px; margin-bottom: 48px; text-align: center; background-color: #fed8d8; border-radius: 22px; } .footer-submit-ticket__title { margin-bottom: 15px; color: #000; } .footer-submit-ticket__subtitle { font-size: 23px; color: #000; opacity: 0.6; } .footer-submit-ticket__btn:empty { display: none; } .footer-submit-ticket__btn .btn { padding: 14px 25px; background: #fff; border-radius: 3em; border: none; color: #000; font-size: 15px; } .footer-submit-ticket__btn .btn i { margin-top: -6px; margin-right: 5px; margin-bottom: -3px; font-size: 25px; color: #333; vertical-align: middle; } .footer-submit-ticket__btn .btn i:before { color: #000; } .note { position: relative; margin: 24px 0; padding-left: 12px; border-left: 2px solid transparent; color: #666666; } .note p:last-child { margin-bottom: 0; } .note-title { margin-bottom: 12px; font-weight: 400; font-size: 16px; } .note-default, .note--default { border-color: #999; } .note-default .note-title, .note--default .note-title { color: #999; } .note-info, .note--info { border-color: #5bc0de; } .note-info .note-title, .note--info .note-title { color: #5bc0de; } .note-warning, .note--warning { border-color: #fad782; } .note-warning .note-title, .note--warning .note-title { color: #fad782; } .note-success, .note--success { border-color: #00a95c; } .note-success .note-title, .note--success .note-title { color: #00a95c; } .note-danger, .note--danger { border-color: #ff5252; } .note-danger .note-title, .note--danger .note-title { color: #ff5252; } .layout__footer ul, .layout__header ul { margin: 0; list-style: none; } .layout__footer a, .layout__header a { color: inherit; } .layout__footer li .p1 { color: #333; } .b-col-4, .size-l .b-col-4-l, .size-m .b-col-4-m, .size-s .b-col-4-s, .size-x .b-col-4-x { border-color: #e5e5e5 !important; border-color: var(--atomic-border-color-4, #e5e5e5) !important; } .payment-logos { display: flex; } .size-s .payment-logos { justify-content: space-between; } .payment-logos > div { background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; } .payment-logos .logo-applepay { background-image: url(https://www.oliverbonas.com/assets/images/apple-pay-logo.svg); height: 2em; width: 4em; } .payment-logos .logo-vi, .payment-logos .logo-visa, .payment-logos .logo-visaelectron { background-image: url(https://www.oliverbonas.com/assets/images/logo-visa.png); height: 2em; width: 4em; } .payment-logos .logo-maestro { background-image: url(https://www.oliverbonas.com/assets/images/logo-maestro.png); height: 2em; width: 4em; } .payment-logos .logo-mc { background-image: url(https://www.oliverbonas.com/assets/images/logo-mastercard.png); height: 2em; width: 4em; } .payment-logos .logo-ae { background-image: url(https://www.oliverbonas.com/assets/images/american-express.svg); height: 2em; width: 4em; } .payment-logos .logo-paypal { background-image: url(https://www.oliverbonas.com/assets/images/logo-paypal.png); height: 2em; width: 4em; } .c1 { letter-spacing: .03125rem; line-height: .9375rem; } .c1, .o1 { font-size: .6875rem; } .b-b, .size-l .b-b-l, .size-m .b-b-m, .size-s .b-b-s, .size-x .b-b-x { border-bottom: 1px solid #e5e5e5; } .b-t, .size-l .b-t-l, .size-m .b-t-m, .size-s .b-t-s, .size-x .b-t-x { border-top: 1px solid #e5e5e5; } .col-13, .col-13:after, .col-13:before, .size-l .col-13-l, .size-l .col-13-l:after, .size-l .col-13-l:before, .size-m .col-13-m, .size-m .col-13-m:after, .size-m .col-13-m:before, .size-s .col-13-s, .size-s .col-13-s:after, .size-s .col-13-s:before, .size-x .col-13-x, .size-x .col-13-x:after, .size-x .col-13-x:before { color: #999; } .layout__footer .size-s, .layout__footer .size-s h2, .layout__footer .size-s .p1 { font-size: 16.1px !important; } .layout__footer .size-s h2 { margin-bottom: 0; } .flex-justify-center, .size-l .flex-justify-center-l, .size-m .flex-justify-center-m, .size-s .flex-justify-center-s, .size-x .flex-justify-center-x { justify-content: center; } .copyright-text-mobile { width: 100%; font-size: 12.65px; } .size-s .wrap, .size-s .wrap-s { padding-right: 18.4px; padding-left: 18.4px; } .size-s h2.is-active { border-bottom-color: #333 !important; } .layout__footer .size-s .s1 { font-weight: 500; line-height: 29.9px; } .layout__footer .size-s .fs-8 { font-size: 26.128px; } .footer-social-mobile { color: #666; } .pagination { margin: 0; text-align: left; } .pagination ul { display: inline-block; margin: 0 0 12px; padding-left: 0; width: 100%; box-shadow: none; } .pagination ul > li { display: inline-block; margin-right: 6px; margin-bottom: 12px; } .pagination ul > li > a, .pagination ul > li > span { position: relative; display: block; padding: 6px 12px; border-width: 1px; border-color: #f6f6f6; border-radius: 0; background-color: #f6f6f6; color: #a6a6a7; text-decoration: none; line-height: 1.5; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span, .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { border-radius: 0; } .pagination ul > li > a, .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > li > span, .pagination ul > li > span:hover, .pagination ul > li > span:focus, .pagination ul > .active > a, .pagination ul > .active > a:hover, .pagination ul > .active > a:focus { z-index: 2; border-color: #333; background-color: #333; color: #fff; cursor: default; } .scroll-to-top { position: fixed; left: 30px; bottom: -50px; z-index: 3; font-size: 32px !important; line-height: 45px !important; text-align: center; border: 1px solid #333; border-radius: 0; transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: #333; width: 48px; height: 48px; } .scroll-to-top:focus, .scroll-to-top:active { outline: 0; } .scroll-to-top.is-active { bottom: 30px; } .scroll-to-top:hover { color: #0d0d0d; border-color: #0d0d0d; } @media (max-width: 767px) { .scroll-to-top { display: none; } } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .entry-info { display: flex; font-size: 14px; } .entry-info__avatar { padding-right: 12px; flex-shrink: 0; } .entry-info__content { flex-grow: 1; } .label { text-shadow: none; } ul.ui-autocomplete { padding-bottom: 0; overflow: hidden; border-radius: 0; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1); } .recent-articles { display: flex; flex-direction: column; float: none; margin-bottom: 24px; } .recent-articles__title { font-weight: 400; } .recent-articles__list { display: flex; flex-wrap: wrap; padding-left: 0; list-style: none; } .recent-articles-item { float: none; } .popular-posts { margin-bottom: 24px; border: 1px solid #eceeef; border-radius: 0; padding: 24px 16px; } .popular-posts__title { font-weight: 400; } .popular-posts__list { display: flex; flex-wrap: wrap; padding-left: 0; list-style: none; margin-bottom: 0; } .popular-posts-item { float: none; } .popular-posts-item__forum { font-weight: 700; } .popular-posts-item__excerpt { margin-bottom: 12px; } .sidebar { background-color: transparent; } .sidebar.content { margin-bottom: 48px; } @media (min-width: 992px) { .sidebar.content { padding-left: 16px; padding-right: 16px; } } @media (min-width: 992px) { fieldset.omega { padding-left: 16px; padding-right: 16px; } } .lead, .lead-small, .list-lead { font-family: "futura-pt", sans-serif; font-weight: 400; } .list-lead.dropdown-toggle { line-height: 1.5; } h3.list-lead { font-size: 24px; } .new-csat-submit { margin: 0 !important; } .freshid_login .agent-login-link { border-width: 1px; border-color: #eceeef; border-bottom-style: solid; padding-bottom: 1em; margin-bottom: 1em; } .freshid_login .agent-login-link, .freshid_login .agent-login-link a { font-family: "futura-pt", sans-serif; } .bt-auth-page { margin-bottom: 96px; } .bt-auth-page input.special { width: 100%; } .bt-auth-page__items { display: flex; flex-wrap: wrap; } .bt-auth-page__item { float: none; } @media (min-width: 768px) { .bt-auth-page__item + .bt-auth-page__item { border-left: 1px solid #eceeef; } } @media (max-width: 767px) { .bt-auth-page__signup-wrapper { border-top: 1px solid #eceeef; padding-top: 24px; } } .bt-login-alternate { padding-bottom: 24px; } .bt-login-alternate .btn { display: block; margin-bottom: 8px; } .bt-auth-page #login-form .controls input[type="text"], .bt-auth-page #login-form .controls input[type="password"] { width: 100% !important; } .accordion { border: 1px solid #ddd; border-radius: 0; padding-top: 0; margin-bottom: 24px; } .accordion__item-title { position: relative; font-size: 20px; padding: 15px 20px 15px 52px; cursor: pointer; } .accordion__item-title:not(.accordion__item-title--active) { border-bottom: 1px solid #ddd; } .accordion__item-title:before { content: ''; position: absolute; } .accordion__item-content { display: none; padding: 20px; border-bottom: 1px solid #ddd; } .accordion__item-content p:last-child { margin-bottom: 0; } .accordion__item:last-child .accordion__item-title { border-bottom: none; } .accordion--default .accordion__item-title:before { left: 22px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-bottom: 2px solid #333; border-left: 2px solid #333; transform: rotate(-45deg); transition: transform 0.3s; } .accordion--default .accordion__item-title--active { background-color: #f0f0f0; } .accordion--default .accordion__item-title--active:before { transform: rotate(135deg); transition: transform 0.3s; } .accordion--colored .accordion__item-title { transition: background-color 0.3s; } .accordion--colored .accordion__item-title:before, .accordion--colored .accordion__item-title:after { top: 50%; } .accordion--colored .accordion__item-title:before { width: 10px; height: 2px; margin-top: -1px; background-color: #999; left: 20px; } .accordion--colored .accordion__item-title:after { content: ''; position: absolute; left: 24px; width: 2px; height: 10px; margin-top: -5px; background-color: #999; } .accordion--colored .accordion__item-title--active { background-color: #333; color: #fff; transition: background-color 0.3s; } .accordion--colored .accordion__item-title--active:before { background-color: #fff; } .accordion--colored .accordion__item-title--active:after { display: none; } img.fr-bordered { padding: 10px; border: 1px solid #ddd; border-radius: 4px; } .image-with-shadow { box-shadow: 0 5px 15px 2px #55595c; } .image-with-lightbox { cursor: pointer; } .image-overlay { position: relative; } .image-overlay:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.3); } .image-with-video-icon { position: relative; display: block; } .image-with-video-icon img { width: 100%; } .image-with-video-icon:before { content: ''; font-size: 0; position: absolute; width: 0; height: 0; border-style: solid; border-width: 30px 0 30px 60px; border-color: transparent transparent transparent #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.6s ease; z-index: 3; } .image-with-video-icon:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 2; } .image-with-video-icon:active:before, .image-with-video-icon:hover:before { transform: translate(-50%, -50%) scale(1.1); } img.fr-rounded { border-radius: 100%; background-clip: padding-box; } .callout { padding: 24px 20px; margin-bottom: 24px; background-color: #eceeef; border-left-width: 5px; border-left-style: solid; } .callout p:last-child { margin-bottom: 0; } .callout--transparent { background-color: transparent; border-width: 1px; border-color: #dedede; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14); } .callout--success { color: #333; background-color: #aeffda; border-color: #00a95c; } .callout--success .callout__title { color: #00a95c; } .callout--info { color: #333; background-color: #e3f4f9; border-color: #5bc0de; } .callout--info .callout__title { color: #5bc0de; } .callout--warning { color: #333; background-color: #fffbf3; border-color: #fad782; } .callout--warning .callout__title { color: #fad782; } .callout--danger { color: #333; background-color: #fff5f5; border-color: #ff5252; } .callout--danger .callout__title { color: #ff5252; } .callout--primary { color: #333; background-color: #d4d4d4; border-color: #333; } .callout--primary .callout__title { color: #333; } .callout--dashed { border-width: 1px; border-style: dashed; } .list-colored, .list-bullet { counter-reset: list; list-style-type: none !important; padding-left: 0 !important; margin-left: 0 !important; } .list-colored li { position: relative; padding-left: 42px; counter-increment: list; margin-bottom: 16px !important; } .list-colored li:before { position: absolute; top: -3px; left: 0; content: counter(list); text-align: center; font-size: 14px; width: 30px; height: 30px; background-color: #333; border-radius: 50%; z-index: 1; color: #fff; line-height: 30px; } .list-colored ol { counter-reset: list; list-style-type: none; margin-bottom: 14px; } .list-bullet li { position: relative; padding-left: 30px; margin-bottom: 10px; } .list-bullet li:before { position: absolute; left: 0; top: -2px; font-family: 'Font Awesome 5 Free'; font-size: 20px; font-weight: 400; font-style: normal; content: '\f058'; color: #333; } .list-bullet ul { list-style: none; margin-bottom: 14px; } .table, .article__body table { width: 100%; max-width: 100%; margin-bottom: 24px; background-color: transparent; border-top: 1px solid #ddd; } .table td, .table th, .article__body table td, .article__body table th { text-align: left; padding: 8px; vertical-align: top; border: 1px solid #ddd; padding: 5px; } .table td[class*="col-"], .table th[class*="col-"], .article__body table td[class*="col-"], .article__body table th[class*="col-"] { position: static; float: none; display: table-cell; } .table thead th, .article__body table thead th { vertical-align: bottom; } .table tbody + tbody, .article__body table tbody + tbody { border-top: 1px solid #ddd; } .table caption, .article__body table caption { padding-top: 8px; padding-bottom: 8px; color: #999; text-align: left; } .table col[class*="col-"], .article__body table col[class*="col-"] { position: static; float: none; display: table-column; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td, .article__body table > thead > tr > th, .article__body table > thead > tr > td, .article__body table > tbody > tr > th, .article__body table > tbody > tr > td, .article__body table > tfoot > tr > th, .article__body table > tfoot > tr > td { padding: 8px; line-height: 1.5; vertical-align: top; } .table .table, .article__body table .table { background-color: #fff; } .table-color-header th { background-color: #333; color: #fff; } .table-hover tbody tr:hover { background-color: #eceeef; color: inherit; } .fr-thick { border-width: 2px; } .fr-highlighted { border: 1px double #ff5252; } .fr-alternate-rows tbody tr:nth-child(2n) { background: #f5f5f5; } .article__body .fr-no-borders, .fr-no-borders thead th, .fr-no-borders tbody td { border-style: none; } .article__body .fr-dashed-borders, .fr-dashed-borders thead th, .fr-dashed-borders tbody td { border: 1px dashed #ddd; border-top: 1px dashed #ddd; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 18px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } } .tabs { margin-bottom: 24px; } .tab { display: block; border: 1px solid #ddd; padding: 30px; margin-top: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .tab p:last-child { margin-bottom: 0; } @media (min-width: 768px) { .tab { border-top-left-radius: 0; border-top-right-radius: 0; } } .tab:nth-child(2) { border-top-left-radius: 0; } .tabs-link { display: block; margin: 0; cursor: pointer; padding: 8px 30px; color: #333; font-weight: 400; border-width: 1px 1px 0; border-style: solid; border-color: transparent; } .tabs-link:hover { color: #333; } @media (max-width: 767px) { .tabs-link { border-top-color: #ddd; border-left-color: #ddd; border-right-color: #ddd; } .tabs-link:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } } @media (min-width: 768px) { .tabs-link { display: inline-block; } } .is-hidden { display: none; } .tabs-link.is-active { border-color: #ddd; color: #333; cursor: pointer; } .tabs-link.is-active:hover { color: #333; cursor: default; } @media (min-width: 768px) { .tabs-link.is-active { border-bottom: 1px solid #fff; border-top-left-radius: 0; border-top-right-radius: 0; } } .tabs--colored-1 .tab { background-color: #f7f7f9 !important; } .tabs--colored-1 .tabs-link.is-active { background-color: #f7f7f9; border-bottom-color: #f7f7f9; } .tabs--colored-2 .tabs-link:hover { color: #333; } .tabs--colored-2 .tabs-link.is-active { background-color: #333; color: #fff; border-color: #333; } .tabs--colored-2 .tabs-link.is-active:hover { color: #fff; } .tabs--colored-2 .tab { background-color: #f7f7f9 !important; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-primary { color: #fff; background-color: #333; } .text-info { background-color: #5bc0de; } .text-warning { background-color: #fad782; } .text-danger { color: #fff; background-color: #ff5252; } .text-success { color: #fff; background-color: #00a95c; } .fr-text-gray { color: #aaa; } .fr-text-uppercase { text-transform: uppercase; } .fr-text-bordered { padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #eceeef; border-bottom: 1px solid #eceeef; } .fr-text-spaced { letter-spacing: 1px; } .embed, .embed-responsive { position: relative; display: block; height: 0; padding: 0; padding-bottom: 56.25%; margin-bottom: 30px; overflow: hidden; z-index: 1; } .embed img, .embed-responsive img { width: 100%; } .embed iframe, .embed embed, .embed object, .embed video, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed:focus, .embed-responsive:focus { outline: none !important; } .fr-video { display: block; margin-bottom: 30px; } .embed-responsive--16by9 { padding-bottom: 56.25%; } .embed-responsive--4by3 { padding-bottom: 75%; } .forum-topics { margin-bottom: 24px; padding-left: 0; margin-left: 0; margin-top: 0; list-style: none; } .forum-topics__item { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #eceeef; } @media (min-width: 768px) { .forum-topics__item { display: flex; align-items: center; justify-content: space-between; } } .forum-topics__pin { color: #333; } @media (max-width: 767px) { .forum-topics__link { display: block; margin-bottom: 12px; } } @media (min-width: 768px) { .forum-topics__link { width: 60%; padding-right: 16px; } } .forum-topics__labels { display: inline-block; } @media (min-width: 768px) { .forum-topics__author { width: 8%; } } .forum-topics__meta { font-size: 12px; } @media (min-width: 768px) { .forum-topics__meta { width: 40%; text-align: right; } } .forum-category-list { padding-left: 0; list-style: none; } .forum-category-list-item { position: relative; margin-bottom: 24px; } @media (min-width: 768px) { .forum-category-list-item { display: table; height: 240px; } } .forum-category-list-item__title { margin-bottom: 12px; font-weight: 400; font-size: 20px; } .forum-category-list-item__link { display: block; padding: 24px 16px; border-radius: 0; background-color: #333; color: #fff; text-align: center; font-weight: 400; transition: all 0.3s ease; } @media (min-width: 768px) { .forum-category-list-item__link { display: table-cell; vertical-align: middle; } } .forum-category-list-item__link:active, .forum-category-list-item__link:focus, .forum-category-list-item__link:hover { background-color: #333; color: #fff; text-decoration: none; } .forum-category-list-item__link:active .forum-category-list-item__meta, .forum-category-list-item__link:focus .forum-category-list-item__meta, .forum-category-list-item__link:hover .forum-category-list-item__meta { color: #FED8D8; } .forum-category-list-item__meta { transition: all 0.3s ease; } .discussions-category-list-page__title { margin-bottom: 48px; } .forum-list { padding-left: 0; list-style: none; margin-top: 0; margin-left: 0; } .forum-list-item { margin-bottom: 48px; } .forum-list-item__title { border-bottom: 1px solid #333; padding-bottom: 12px; margin-bottom: 12px; } .forum-list-item__link { color: inherit; } .forum-category-name { font-weight: 600; } .forum-filters { margin-bottom: 12px; border-bottom: 1px solid #eceeef; } .forum-filters .nav-filter { margin-top: 0; margin-bottom: 24px; padding-left: 0; } .forum-filters .nav-pills > .active > a, .forum-filters .nav-pills > .active > a:hover { box-shadow: none; } .forum-filters .nav-pills > .active > a:first-of-type, .forum-filters .nav-pills > .active > a:hover:first-of-type { margin-left: 0 !important; color: inherit; } .popular-topics { margin-bottom: 24px; } .popular-topics__title { font-weight: 400; margin-bottom: 6px; } .popular-topics__desc { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #333; } .popular-topic-list { padding-left: 0; list-style: none; } .popular-topic-item { float: none; margin-bottom: 12px; } .popular-topic-item__inner { width: 100%; padding-bottom: 6px; border-bottom: 1px solid #eceeef; } .popular-topic-item__title { font-size: 14px; margin-bottom: 6px; } .popular-topic-item__info { font-size: 12px; } .my-topics { margin-bottom: 24px; } .my-topics__title { font-weight: 400; margin-bottom: 6px; } .my-topics__desc { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #333; } .my-topic-list { padding-left: 0; list-style: none; } .my-topic-item { float: none; margin-bottom: 12px; } .my-topic-item__inner { width: 100%; padding-bottom: 6px; border-bottom: 1px solid #eceeef; } .my-topic-item__title { font-size: 14px; margin-bottom: 6px; } .my-topic-item__info { font-size: 12px; } @media (min-width: 768px) { .new-topic-page { margin-bottom: 48px; } } .new-topic-title { font-size: 24px; } @media (min-width: 768px) { .new-topic-title { font-size: 28px; } } @media (min-width: 992px) { .new-topic-title { font-size: 40px; } } .new-topic-form { margin-bottom: 24px; } @media (min-width: 768px) { .topic-page { margin-bottom: 48px; } } .topic { position: relative; margin-bottom: 24px; } .topic__body { padding-bottom: 24px; border-bottom: 1px solid #eceeef; } .topic .topic-labels { margin-bottom: 12px; } .topic .topic-labels .label { padding: 6px 12px; font-size: 11px; } .topic__title { padding-right: 18px; font-size: 24px; } @media (min-width: 768px) { .topic__title { font-size: 28px; } } @media (min-width: 992px) { .topic__title { font-size: 40px; } } .topic__meta { margin-bottom: 24px; } .topic__text ul, .topic__text ol { margin-left: 20px; } .topic__text ul { list-style-type: disc; } .topic__text ul ul { list-style-type: circle; } .topic__text ol { list-style-type: decimal; } .topic-callout { padding: 12px 16px; background-color: #eceeef; } @media (max-width: 767px) { .topic-callout { margin-top: 24px; } } .topic-callout__title { font-weight: 400; font-size: 18px; } .topic__voting { font-size: 14px; padding-top: 24px; } .topic__voting hr { display: none; } @media (max-width: 480px) { .topic__voting #topic-voted-information { display: block; padding-bottom: 12px; } } .topic__voting #topic-vote-up-button:nth-child(3):before { display: none; margin-left: 0; } .related-topics { margin-bottom: 12px; } .related-topics .list-lead { margin-top: 0; margin-bottom: 12px; } .related-topics ul { list-style: none; margin-top: 0; margin-left: 0; margin-bottom: 12px; } .related-topics ul li { width: 100%; margin-right: 0; float: none; margin-bottom: 8px; } .related-topics .ellipsis a { font-size: 16px; line-height: 1.5; } .discussions-menu { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 24px; border-bottom: 1px solid #eceeef; } .discussions-menu a { display: inline-block; margin-bottom: 24px; margin-left: 16px; } .article__body pre { white-space: pre-wrap; white-space: -moz-pre-wrap; } .fd-callout { margin: 0; padding: 12px 16px; background-color: #fff; border: 1px solid #ebedf0; border-left: 6px solid; border-radius: 4px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .fd-callout--note { border-left: 6px solid #e86f25; } .fd-callout--tip { border-left: 6px solid #555c66; } .fd-callout--info { border-left: 6px solid #333333; } .fd-callout--idea { border-left: 6px solid #3d8eb9; } .fd-callout--warning { border-left: 6px solid #00a885; } @media (min-width: 1200px){ .css-154j8p9 { display: none; } } .css-154j8p9 { margin-top: 1rem; }