@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;
}
/
FAQ /
Reskinned - Oliver Bonas *Terms & conditions apply*
One-time use only . If you return items purchased using the Reskinned discount code, no further use of the credit will be permitted .Minimum spend of £75 on full-price items, cannot be used in conjunction with any other offer, voucher code and excludes the purchase of gift cards. Discount code valid for 6 months. Discount code cannot be honoured retrospectively if the code is not entered at the time of purchase. Over 18’s, UK only. Our full takeback rules can be viewed here: https://takeback.reskinned.clothing/oliver-bonas
Reskinned FAQ'S
What is Reskinned?
We want our products to be loved, worn for years to come and get as much use as possible, which is why we’ve partnered with Reskinned. We have chosen to work with Reskinned because there is full transparency of where items end up and no product goes to landfill.
Oliver Bonas Reskinned takeback initiative
With the takeback initiative, you can trade in your pre-loved Oliver Bonas clothing, footwear, accessories, and bags for credit to spend on new items online. The service offers you a free and easy way to breathe new life into the Oliver Bonas items that no longer have a place in your wardrobe. They will refresh, revive and rehome items with other happy customers, or responsibly recycle items that have been loved to bits and cannot be resold. This means none of the material is wasted. But we’re not just interested in keeping your OB products out of landfill - if you return 2 or more OB products, you can also return up to 15kg of other unwanted clothing, if it is in good condition and still fit for another life.
What happens to my clothes?
At Reskinned it’s their philosophy to get clothing into the hands of the people who will value them the most. They believe in prioritizing re-use over recycling.
The production of clothing uses a lot of precious resources and we believe it’s our duty to maximise the life of every garment. Items that are suitable to be worn again are cleaned and may have minor repairs attended to. Good quality items will then be re-listed on the Reskinned marketplace to enable them to be loved by a new owner. If they don’t meet the marketplace quality standards, they will make them available elsewhere.
They subscribe to the ‘proximity principle’, and look to prioritise garment reuse in the market where an item was traded in. If that’s not possible they will export to another market where they know there is demand for that item. Reskinned's sister company has been in the textile recycling industry for more than 20 years and have connections around the world for everything from summer shirts to wetsuits.
If it can be re-worn, They'll try and find a new home for it! If your item has had a long and hard life, then they will recycle it.
How do I get started and how does it work?
Click the link to get started - https://takeback.reskinned.clothing/oliver-bonas
1. Add the Oliver Bonas items you want to return to your takeback basket. Simply select your return items using our easy online tool. They'll step you through the process.
2. Package up your items and take to the courier drop point. We don’t want to create unnecessary packaging so re-use a delivery box, or a fashion delivery bag you already have. So long as it’s clean and strong enough to survive the journey, that’s great. 3 . They will verify your trade-in and send you a one-time use discount code. Once they’ve received your takeback, they’ll verify it and then email you a discount code for qualifying items.
4. Shop at Oliver Bonas! Your old item is being given another life, now it's time to spend that discount code at Oliver Bonas online.
For all Reskinned FAQ's, please visit their direct page - https://www.reskinned.clothing/pages/takeback/takeback-faqs