Your IP : 216.73.216.147
@charset "UTF-8";
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
--pswp-bg: #000;
--pswp-placeholder-bg: #222;
--pswp-root-z-index: 100000;
--pswp-preloader-color: rgba(79, 79, 79, .4);
--pswp-preloader-color-secondary: rgba(255, 255, 255, .9);
--pswp-icon-color: #fff;
--pswp-icon-color-secondary: #4f4f4f;
--pswp-icon-stroke-color: #4f4f4f;
--pswp-icon-stroke-width: 2px;
--pswp-error-text-color: var(--pswp-icon-color)
}
.pswp {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: var(--pswp-root-z-index);
display: none;
touch-action: none;
outline: 0;
opacity: .003;
contain: layout style size;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.pswp:focus {
outline: 0
}
.pswp * {
box-sizing: border-box
}
.pswp img {
max-width: none
}
.pswp--open {
display: block
}
.pswp,
.pswp__bg {
transform: translateZ(0);
will-change: opacity
}
.pswp__bg {
opacity: .005;
background: var(--pswp-bg)
}
.pswp,
.pswp__scroll-wrap {
overflow: hidden
}
.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.pswp__img,
.pswp__zoom-wrap {
width: auto;
height: auto
}
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing
}
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
cursor: zoom-out
}
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pswp__item {
z-index: 1;
overflow: hidden
}
.pswp__hidden {
display: none !important
}
.pswp__content {
pointer-events: none
}
.pswp__content>* {
pointer-events: auto
}
.pswp__error-msg-container {
display: grid
}
.pswp__error-msg {
margin: auto;
font-size: 1em;
line-height: 1;
color: var(--pswp-error-text-color)
}
.pswp .pswp__hide-on-close {
opacity: .005;
will-change: opacity;
transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
z-index: 10;
pointer-events: none
}
.pswp--ui-visible .pswp__hide-on-close {
opacity: 1;
pointer-events: auto
}
.pswp__button {
position: relative;
display: block;
width: 50px;
height: 60px;
padding: 0;
margin: 0;
overflow: hidden;
cursor: pointer;
background: none;
border: 0;
box-shadow: none;
opacity: .85;
-webkit-appearance: none;
-webkit-touch-callout: none
}
.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
transition: none;
padding: 0;
background: none;
border: 0;
box-shadow: none;
opacity: 1
}
.pswp__button:disabled {
opacity: .3;
cursor: auto
}
.pswp__icn {
fill: var(--pswp-icon-color);
color: var(--pswp-icon-color-secondary)
}
.pswp__icn {
position: absolute;
top: 14px;
left: 9px;
width: 32px;
height: 32px;
overflow: hidden;
pointer-events: none
}
.pswp__icn-shadow {
stroke: var(--pswp-icon-stroke-color);
stroke-width: var(--pswp-icon-stroke-width);
fill: none
}
.pswp__icn:focus {
outline: 0
}
div.pswp__img--placeholder,
.pswp__img--with-bg {
background: var(--pswp-placeholder-bg)
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 60px;
display: flex;
flex-direction: row;
justify-content: flex-end;
z-index: 10;
pointer-events: none !important
}
.pswp__top-bar>* {
pointer-events: auto;
will-change: opacity
}
.pswp__button--close {
margin-right: 6px
}
.pswp__button--arrow {
position: absolute;
width: 75px;
height: 100px;
top: 50%;
margin-top: -50px
}
.pswp__button--arrow:disabled {
display: none;
cursor: default
}
.pswp__button--arrow .pswp__icn {
top: 50%;
margin-top: -30px;
width: 60px;
height: 60px;
background: none;
border-radius: 0
}
.pswp--one-slide .pswp__button--arrow {
display: none
}
.pswp--touch .pswp__button--arrow {
visibility: hidden
}
.pswp--has_mouse .pswp__button--arrow {
visibility: visible
}
.pswp__button--arrow--prev {
right: auto;
left: 0
}
.pswp__button--arrow--next {
right: 0
}
.pswp__button--arrow--next .pswp__icn {
left: auto;
right: 14px;
transform: scaleX(-1)
}
.pswp__button--zoom {
display: none
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block
}
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
display: none
}
.pswp__preloader {
position: relative;
overflow: hidden;
width: 50px;
height: 60px;
margin-right: auto
}
.pswp__preloader .pswp__icn {
opacity: 0;
transition: opacity .2s linear;
animation: pswp-clockwise .6s linear infinite
}
.pswp__preloader--active .pswp__icn {
opacity: .85
}
@keyframes pswp-clockwise {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.pswp__counter {
height: 30px;
margin-top: 15px;
margin-inline-start: 20px;
font-size: 14px;
line-height: 30px;
color: var(--pswp-icon-color);
text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
opacity: .85
}
.pswp--one-slide .pswp__counter {
display: none
}
.flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
-webkit-animation: none;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #fff;
-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 0 3px 13px #00000014
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1;
max-height: 640px;
visibility: visible
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999
}
.flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px)
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0
}
.flatpickr-calendar.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: "";
height: 0;
width: 0;
left: 22px
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
left: auto;
right: 22px
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
left: 50%;
right: 50%
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100%
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100%
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff
}
.flatpickr-calendar:focus {
outline: 0
}
.flatpickr-wrapper {
position: relative;
display: inline-block
}
.flatpickr-months {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.flatpickr-months .flatpickr-month {
background: transparent;
color: #000000e6;
fill: #000000e6;
height: 34px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: #000000e6;
fill: #000000e6
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
position: relative
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
left: 0
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
right: 0
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
color: #959ea9
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
fill: #f64747
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
-webkit-transition: fill .1s;
transition: fill .1s;
fill: inherit
}
.numInputWrapper {
position: relative;
height: auto
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block
}
.numInputWrapper input {
width: 100%
}
.numInputWrapper input::-ms-clear {
display: none
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57, 57, 57, .15);
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.numInputWrapper span:hover {
background: #0000001a
}
.numInputWrapper span:active {
background: #0003
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57, 57, 57, .6);
top: 26%
}
.numInputWrapper span.arrowDown {
top: 50%
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57, 57, 57, .6);
top: 40%
}
.numInputWrapper span svg {
width: inherit;
height: auto
}
.numInputWrapper span svg path {
fill: #00000080
}
.numInputWrapper:hover {
background: #0000000d
}
.numInputWrapper:hover span {
opacity: 1
}
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 7.48px 0 0;
line-height: 1;
height: 34px;
display: inline-block;
text-align: center;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translateZ(0)
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: .5ch;
padding: 0
}
.flatpickr-current-month span.cur-month:hover {
background: #0000000d
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch�;
display: inline-block
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: #000000e6
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: #000000e6
}
.flatpickr-current-month input.cur-year {
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 .5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield
}
.flatpickr-current-month input.cur-year:focus {
outline: 0
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: #00000080;
background: transparent;
pointer-events: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
background: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: inherit;
font-family: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0;
outline: none;
padding: 0 0 0 .5ch;
position: relative;
vertical-align: initial;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
-moz-appearance: menulist;
width: auto
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
outline: none
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: #0000000d
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent;
outline: none;
padding: 0
}
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 28px
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: #0000008a;
line-height: 1;
margin: 0;
text-align: center;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: bolder
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 307.875px
}
.flatpickr-days:focus {
outline: 0
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translateZ(0);
opacity: 1
}
.dayContainer+.dayContainer {
-webkit-box-shadow: -1px 0 0 #e6e6e6;
box-shadow: -1px 0 #e6e6e6
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
-webkit-flex-basis: 14.2857143%;
-ms-flex-preferred-size: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #e6e6e6;
border-color: #e6e6e6
}
.flatpickr-day.today {
border-color: #959ea9
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: #959ea9;
background: #959ea9;
color: #fff
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #569ff7;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #569ff7
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0
}
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #569ff7;
box-shadow: -10px 0 #569ff7
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 50px
}
.flatpickr-day.inRange {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: #3939394d;
background: transparent;
border-color: transparent;
cursor: default
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: #3939391a
}
.flatpickr-day.week.selected {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
box-shadow: -5px 0 #569ff7, 5px 0 #569ff7
}
.flatpickr-day.hidden {
visibility: hidden
}
.rangeMode .flatpickr-day {
margin-top: 1px
}
.flatpickr-weekwrapper {
float: left
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
-webkit-box-shadow: 1px 0 0 #e6e6e6;
box-shadow: 1px 0 #e6e6e6
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: #3939394d;
background: transparent;
cursor: default;
border: none
}
.flatpickr-innerContainer {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.flatpickr-time:after {
content: "";
display: table;
clear: both
}
.flatpickr-time .numInputWrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 40%;
height: 40px;
float: left
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%
}
.flatpickr-time input {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: #393939;
font-size: 14px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield
}
.flatpickr-time input.flatpickr-hour {
font-weight: 700
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400
}
.flatpickr-time input:focus {
outline: 0;
border: 0
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
height: inherit;
float: left;
line-height: inherit;
color: #393939;
font-weight: 700;
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: #eee
}
.flatpickr-input[readonly] {
cursor: pointer
}
@-webkit-keyframes fpFadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translateZ(0)
}
}
@keyframes fpFadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translateZ(0)
}
}
:root {
--toastify-color-light: #fff;
--toastify-color-dark: #121212;
--toastify-color-info: #3498db;
--toastify-color-success: #07bc0c;
--toastify-color-warning: #f1c40f;
--toastify-color-error: #e74c3c;
--toastify-color-transparent: hsla(0, 0%, 100%, .7);
--toastify-icon-color-info: var(--toastify-color-info);
--toastify-icon-color-success: var(--toastify-color-success);
--toastify-icon-color-warning: var(--toastify-color-warning);
--toastify-icon-color-error: var(--toastify-color-error);
--toastify-toast-width: 320px;
--toastify-toast-background: #fff;
--toastify-toast-min-height: 64px;
--toastify-toast-max-height: 800px;
--toastify-font-family: sans-serif;
--toastify-z-index: 9999;
--toastify-text-color-light: #757575;
--toastify-text-color-dark: #fff;
--toastify-text-color-info: #fff;
--toastify-text-color-success: #fff;
--toastify-text-color-warning: #fff;
--toastify-text-color-error: #fff;
--toastify-spinner-color: #616161;
--toastify-spinner-color-empty-area: #e0e0e0;
--toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
--toastify-color-progress-dark: #bb86fc;
--toastify-color-progress-info: var(--toastify-color-info);
--toastify-color-progress-success: var(--toastify-color-success);
--toastify-color-progress-warning: var(--toastify-color-warning);
--toastify-color-progress-error: var(--toastify-color-error)
}
@keyframes Toastify__trackProgress {
0% {
transform: scaleX(1)
}
to {
transform: scaleX(0)
}
}
.Toastify__progress-bar {
animation: Toastify__trackProgress linear 1 forwards
}
.fluid-grid-mobile .height-none.height-none,
.height-none.height-none {
height: 0
}
.fluid-grid-mobile .height-small.height-small,
.height-small.height-small {
height: 10px
}
@media (min-width:768px) {
.height-small.height-small {
height: 10px
}
}
@media (min-width:992px) {
.height-small.height-small {
height: 10px
}
}
.fluid-grid-mobile .height-medium.height-medium,
.height-medium.height-medium {
height: 20px
}
@media (min-width:768px) {
.height-medium.height-medium {
height: 20px
}
}
@media (min-width:992px) {
.height-medium.height-medium {
height: 30px
}
}
.fluid-grid-mobile .height-large.height-large,
.height-large.height-large {
height: 30px
}
@media (min-width:768px) {
.height-large.height-large {
height: 30px
}
}
@media (min-width:992px) {
.height-large.height-large {
height: 50px
}
}
.fluid-grid-mobile .height-xlarge.height-xlarge,
.height-xlarge.height-xlarge {
height: 40px
}
@media (min-width:768px) {
.height-xlarge.height-xlarge {
height: 40px
}
}
@media (min-width:992px) {
.height-xlarge.height-xlarge {
height: 150px
}
}
.fluid-grid-mobile .margin-none.margin-none,
.margin-none.margin-none {
margin: 0
}
.fluid-grid-mobile .margin-small.margin-small,
.margin-small.margin-small {
margin: 10px
}
@media (min-width:768px) {
.margin-small.margin-small {
margin: 10px
}
}
@media (min-width:992px) {
.margin-small.margin-small {
margin: 10px
}
}
.fluid-grid-mobile .margin-medium.margin-medium,
.margin-medium.margin-medium {
margin: 20px
}
@media (min-width:768px) {
.margin-medium.margin-medium {
margin: 20px
}
}
@media (min-width:992px) {
.margin-medium.margin-medium {
margin: 30px
}
}
.fluid-grid-mobile .margin-large.margin-large,
.margin-large.margin-large {
margin: 30px
}
@media (min-width:768px) {
.margin-large.margin-large {
margin: 30px
}
}
@media (min-width:992px) {
.margin-large.margin-large {
margin: 50px
}
}
.fluid-grid-mobile .margin-xlarge.margin-xlarge,
.margin-xlarge.margin-xlarge {
margin: 40px
}
@media (min-width:768px) {
.margin-xlarge.margin-xlarge {
margin: 40px
}
}
@media (min-width:992px) {
.margin-xlarge.margin-xlarge {
margin: 150px
}
}
.fluid-grid-mobile .margin-top-none.margin-top-none,
.margin-top-none.margin-top-none {
margin-top: 0
}
.fluid-grid-mobile .margin-top-small.margin-top-small,
.margin-top-small.margin-top-small {
margin-top: 10px
}
@media (min-width:768px) {
.margin-top-small.margin-top-small {
margin-top: 10px
}
}
@media (min-width:992px) {
.margin-top-small.margin-top-small {
margin-top: 10px
}
}
.fluid-grid-mobile .margin-top-medium.margin-top-medium,
.margin-top-medium.margin-top-medium {
margin-top: 20px
}
@media (min-width:768px) {
.margin-top-medium.margin-top-medium {
margin-top: 20px
}
}
@media (min-width:992px) {
.margin-top-medium.margin-top-medium {
margin-top: 30px
}
}
.fluid-grid-mobile .margin-top-large.margin-top-large,
.margin-top-large.margin-top-large {
margin-top: 30px
}
@media (min-width:768px) {
.margin-top-large.margin-top-large {
margin-top: 30px
}
}
@media (min-width:992px) {
.margin-top-large.margin-top-large {
margin-top: 50px
}
}
.fluid-grid-mobile .margin-top-xlarge.margin-top-xlarge,
.margin-top-xlarge.margin-top-xlarge {
margin-top: 40px
}
@media (min-width:768px) {
.margin-top-xlarge.margin-top-xlarge {
margin-top: 40px
}
}
@media (min-width:992px) {
.margin-top-xlarge.margin-top-xlarge {
margin-top: 150px
}
}
.fluid-grid-mobile .margin-right-none.margin-right-none,
.margin-right-none.margin-right-none {
margin-right: 0
}
.fluid-grid-mobile .margin-right-small.margin-right-small,
.margin-right-small.margin-right-small {
margin-right: 10px
}
@media (min-width:768px) {
.margin-right-small.margin-right-small {
margin-right: 10px
}
}
@media (min-width:992px) {
.margin-right-small.margin-right-small {
margin-right: 10px
}
}
.fluid-grid-mobile .margin-right-medium.margin-right-medium,
.margin-right-medium.margin-right-medium {
margin-right: 20px
}
@media (min-width:768px) {
.margin-right-medium.margin-right-medium {
margin-right: 20px
}
}
@media (min-width:992px) {
.margin-right-medium.margin-right-medium {
margin-right: 30px
}
}
.fluid-grid-mobile .margin-right-large.margin-right-large,
.margin-right-large.margin-right-large {
margin-right: 30px
}
@media (min-width:768px) {
.margin-right-large.margin-right-large {
margin-right: 30px
}
}
@media (min-width:992px) {
.margin-right-large.margin-right-large {
margin-right: 50px
}
}
.fluid-grid-mobile .margin-right-xlarge.margin-right-xlarge,
.margin-right-xlarge.margin-right-xlarge {
margin-right: 40px
}
@media (min-width:768px) {
.margin-right-xlarge.margin-right-xlarge {
margin-right: 40px
}
}
@media (min-width:992px) {
.margin-right-xlarge.margin-right-xlarge {
margin-right: 150px
}
}
.fluid-grid-mobile .margin-bottom-none.margin-bottom-none,
.margin-bottom-none.margin-bottom-none {
margin-bottom: 0
}
.fluid-grid-mobile .margin-bottom-small.margin-bottom-small,
.margin-bottom-small.margin-bottom-small {
margin-bottom: 10px
}
@media (min-width:768px) {
.margin-bottom-small.margin-bottom-small {
margin-bottom: 10px
}
}
@media (min-width:992px) {
.margin-bottom-small.margin-bottom-small {
margin-bottom: 10px
}
}
.fluid-grid-mobile .margin-bottom-medium.margin-bottom-medium,
.margin-bottom-medium.margin-bottom-medium {
margin-bottom: 20px
}
@media (min-width:768px) {
.margin-bottom-medium.margin-bottom-medium {
margin-bottom: 20px
}
}
@media (min-width:992px) {
.margin-bottom-medium.margin-bottom-medium {
margin-bottom: 30px
}
}
.fluid-grid-mobile .margin-bottom-large.margin-bottom-large,
.margin-bottom-large.margin-bottom-large {
margin-bottom: 30px
}
@media (min-width:768px) {
.margin-bottom-large.margin-bottom-large {
margin-bottom: 30px
}
}
@media (min-width:992px) {
.margin-bottom-large.margin-bottom-large {
margin-bottom: 50px
}
}
.fluid-grid-mobile .margin-bottom-xlarge.margin-bottom-xlarge,
.margin-bottom-xlarge.margin-bottom-xlarge {
margin-bottom: 40px
}
@media (min-width:768px) {
.margin-bottom-xlarge.margin-bottom-xlarge {
margin-bottom: 40px
}
}
@media (min-width:992px) {
.margin-bottom-xlarge.margin-bottom-xlarge {
margin-bottom: 150px
}
}
.fluid-grid-mobile .margin-left-none.margin-left-none,
.margin-left-none.margin-left-none {
margin-left: 0
}
.fluid-grid-mobile .margin-left-small.margin-left-small,
.margin-left-small.margin-left-small {
margin-left: 10px
}
@media (min-width:768px) {
.margin-left-small.margin-left-small {
margin-left: 10px
}
}
@media (min-width:992px) {
.margin-left-small.margin-left-small {
margin-left: 10px
}
}
.fluid-grid-mobile .margin-left-medium.margin-left-medium,
.margin-left-medium.margin-left-medium {
margin-left: 20px
}
@media (min-width:768px) {
.margin-left-medium.margin-left-medium {
margin-left: 20px
}
}
@media (min-width:992px) {
.margin-left-medium.margin-left-medium {
margin-left: 30px
}
}
.fluid-grid-mobile .margin-left-large.margin-left-large,
.margin-left-large.margin-left-large {
margin-left: 30px
}
@media (min-width:768px) {
.margin-left-large.margin-left-large {
margin-left: 30px
}
}
@media (min-width:992px) {
.margin-left-large.margin-left-large {
margin-left: 50px
}
}
.fluid-grid-mobile .margin-left-xlarge.margin-left-xlarge,
.margin-left-xlarge.margin-left-xlarge {
margin-left: 40px
}
@media (min-width:768px) {
.margin-left-xlarge.margin-left-xlarge {
margin-left: 40px
}
}
@media (min-width:992px) {
.margin-left-xlarge.margin-left-xlarge {
margin-left: 150px
}
}
.fluid-grid-mobile .padding-none.padding-none,
.padding-none.padding-none {
padding: 0
}
.fluid-grid-mobile .padding-small.padding-small,
.padding-small.padding-small {
padding: 10px
}
@media (min-width:768px) {
.padding-small.padding-small {
padding: 10px
}
}
@media (min-width:992px) {
.padding-small.padding-small {
padding: 10px
}
}
.fluid-grid-mobile .padding-medium.padding-medium,
.padding-medium.padding-medium {
padding: 20px
}
@media (min-width:768px) {
.padding-medium.padding-medium {
padding: 20px
}
}
@media (min-width:992px) {
.padding-medium.padding-medium {
padding: 30px
}
}
.fluid-grid-mobile .padding-large.padding-large,
.padding-large.padding-large {
padding: 30px
}
@media (min-width:768px) {
.padding-large.padding-large {
padding: 30px
}
}
@media (min-width:992px) {
.padding-large.padding-large {
padding: 50px
}
}
.fluid-grid-mobile .padding-xlarge.padding-xlarge,
.padding-xlarge.padding-xlarge {
padding: 40px
}
@media (min-width:768px) {
.padding-xlarge.padding-xlarge {
padding: 40px
}
}
@media (min-width:992px) {
.padding-xlarge.padding-xlarge {
padding: 150px
}
}
.fluid-grid-mobile .padding-top-none.padding-top-none,
.padding-top-none.padding-top-none {
padding-top: 0
}
.fluid-grid-mobile .padding-top-small.padding-top-small,
.padding-top-small.padding-top-small {
padding-top: 10px
}
@media (min-width:768px) {
.padding-top-small.padding-top-small {
padding-top: 10px
}
}
@media (min-width:992px) {
.padding-top-small.padding-top-small {
padding-top: 10px
}
}
.fluid-grid-mobile .padding-top-medium.padding-top-medium,
.padding-top-medium.padding-top-medium {
padding-top: 20px
}
@media (min-width:768px) {
.padding-top-medium.padding-top-medium {
padding-top: 20px
}
}
@media (min-width:992px) {
.padding-top-medium.padding-top-medium {
padding-top: 30px
}
}
.fluid-grid-mobile .padding-top-large.padding-top-large,
.padding-top-large.padding-top-large {
padding-top: 30px
}
@media (min-width:768px) {
.padding-top-large.padding-top-large {
padding-top: 30px
}
}
@media (min-width:992px) {
.padding-top-large.padding-top-large {
padding-top: 50px
}
}
.fluid-grid-mobile .padding-top-xlarge.padding-top-xlarge,
.padding-top-xlarge.padding-top-xlarge {
padding-top: 40px
}
@media (min-width:768px) {
.padding-top-xlarge.padding-top-xlarge {
padding-top: 40px
}
}
@media (min-width:992px) {
.padding-top-xlarge.padding-top-xlarge {
padding-top: 150px
}
}
.fluid-grid-mobile .padding-right-none.padding-right-none,
.padding-right-none.padding-right-none {
padding-right: 0
}
.fluid-grid-mobile .padding-right-small.padding-right-small,
.padding-right-small.padding-right-small {
padding-right: 10px
}
@media (min-width:768px) {
.padding-right-small.padding-right-small {
padding-right: 10px
}
}
@media (min-width:992px) {
.padding-right-small.padding-right-small {
padding-right: 10px
}
}
.fluid-grid-mobile .padding-right-medium.padding-right-medium,
.padding-right-medium.padding-right-medium {
padding-right: 20px
}
@media (min-width:768px) {
.padding-right-medium.padding-right-medium {
padding-right: 20px
}
}
@media (min-width:992px) {
.padding-right-medium.padding-right-medium {
padding-right: 30px
}
}
.fluid-grid-mobile .padding-right-large.padding-right-large,
.padding-right-large.padding-right-large {
padding-right: 30px
}
@media (min-width:768px) {
.padding-right-large.padding-right-large {
padding-right: 30px
}
}
@media (min-width:992px) {
.padding-right-large.padding-right-large {
padding-right: 50px
}
}
.fluid-grid-mobile .padding-right-xlarge.padding-right-xlarge,
.padding-right-xlarge.padding-right-xlarge {
padding-right: 40px
}
@media (min-width:768px) {
.padding-right-xlarge.padding-right-xlarge {
padding-right: 40px
}
}
@media (min-width:992px) {
.padding-right-xlarge.padding-right-xlarge {
padding-right: 150px
}
}
.fluid-grid-mobile .padding-bottom-none.padding-bottom-none,
.padding-bottom-none.padding-bottom-none {
padding-bottom: 0
}
.fluid-grid-mobile .padding-bottom-small.padding-bottom-small,
.padding-bottom-small.padding-bottom-small {
padding-bottom: 10px
}
@media (min-width:768px) {
.padding-bottom-small.padding-bottom-small {
padding-bottom: 10px
}
}
@media (min-width:992px) {
.padding-bottom-small.padding-bottom-small {
padding-bottom: 10px
}
}
.fluid-grid-mobile .padding-bottom-medium.padding-bottom-medium,
.padding-bottom-medium.padding-bottom-medium {
padding-bottom: 20px
}
@media (min-width:768px) {
.padding-bottom-medium.padding-bottom-medium {
padding-bottom: 20px
}
}
@media (min-width:992px) {
.padding-bottom-medium.padding-bottom-medium {
padding-bottom: 30px
}
}
.fluid-grid-mobile .padding-bottom-large.padding-bottom-large,
.padding-bottom-large.padding-bottom-large {
padding-bottom: 30px
}
@media (min-width:768px) {
.padding-bottom-large.padding-bottom-large {
padding-bottom: 30px
}
}
@media (min-width:992px) {
.padding-bottom-large.padding-bottom-large {
padding-bottom: 50px
}
}
.fluid-grid-mobile .padding-bottom-xlarge.padding-bottom-xlarge,
.padding-bottom-xlarge.padding-bottom-xlarge {
padding-bottom: 40px
}
@media (min-width:768px) {
.padding-bottom-xlarge.padding-bottom-xlarge {
padding-bottom: 40px
}
}
@media (min-width:992px) {
.padding-bottom-xlarge.padding-bottom-xlarge {
padding-bottom: 150px
}
}
.fluid-grid-mobile .padding-left-none.padding-left-none,
.padding-left-none.padding-left-none {
padding-left: 0
}
.fluid-grid-mobile .padding-left-small.padding-left-small,
.padding-left-small.padding-left-small {
padding-left: 10px
}
@media (min-width:768px) {
.padding-left-small.padding-left-small {
padding-left: 10px
}
}
@media (min-width:992px) {
.padding-left-small.padding-left-small {
padding-left: 10px
}
}
.fluid-grid-mobile .padding-left-medium.padding-left-medium,
.padding-left-medium.padding-left-medium {
padding-left: 20px
}
@media (min-width:768px) {
.padding-left-medium.padding-left-medium {
padding-left: 20px
}
}
@media (min-width:992px) {
.padding-left-medium.padding-left-medium {
padding-left: 30px
}
}
.fluid-grid-mobile .padding-left-large.padding-left-large,
.padding-left-large.padding-left-large {
padding-left: 30px
}
@media (min-width:768px) {
.padding-left-large.padding-left-large {
padding-left: 30px
}
}
@media (min-width:992px) {
.padding-left-large.padding-left-large {
padding-left: 50px
}
}
.fluid-grid-mobile .padding-left-xlarge.padding-left-xlarge,
.padding-left-xlarge.padding-left-xlarge {
padding-left: 40px
}
@media (min-width:768px) {
.padding-left-xlarge.padding-left-xlarge {
padding-left: 40px
}
}
@media (min-width:992px) {
.padding-left-xlarge.padding-left-xlarge {
padding-left: 150px
}
}
.fluid-grid-mobile .font-size-fluid.font-size-fluid,
.font-size-fluid.font-size-fluid {
font-size: 10vw
}
@media (min-width:544px) {
.font-size-fluid.font-size-fluid {
font-size: 8vw
}
}
@media (min-width:768px) {
.font-size-fluid.font-size-fluid {
font-size: 6vw
}
}
@media (min-width:992px) {
.font-size-fluid.font-size-fluid {
font-size: 4vw
}
}
.fluid-grid-mobile .font-size-xxsmall.font-size-xxsmall,
.font-size-xxsmall.font-size-xxsmall {
font-size: .65rem
}
@media (min-width:544px) {
.font-size-xxsmall.font-size-xxsmall {
font-size: .65rem
}
}
@media (min-width:768px) {
.font-size-xxsmall.font-size-xxsmall {
font-size: .65rem
}
}
@media (min-width:992px) {
.font-size-xxsmall.font-size-xxsmall {
font-size: .65rem
}
}
.fluid-grid-mobile .font-size-xsmall.font-size-xsmall,
.font-size-xsmall.font-size-xsmall {
font-size: .8rem
}
@media (min-width:544px) {
.font-size-xsmall.font-size-xsmall {
font-size: .8rem
}
}
@media (min-width:768px) {
.font-size-xsmall.font-size-xsmall {
font-size: .8rem
}
}
@media (min-width:992px) {
.font-size-xsmall.font-size-xsmall {
font-size: .8rem
}
}
.fluid-grid-mobile .font-size-small.font-size-small,
.font-size-small.font-size-small {
font-size: .9rem
}
@media (min-width:544px) {
.font-size-small.font-size-small {
font-size: .9rem
}
}
@media (min-width:768px) {
.font-size-small.font-size-small {
font-size: .9rem
}
}
@media (min-width:992px) {
.font-size-small.font-size-small {
font-size: .9rem
}
}
.fluid-grid-mobile .font-size-normal.font-size-normal,
.font-size-normal.font-size-normal {
font-size: 16px
}
.fluid-grid-mobile .font-size-large.font-size-large,
.font-size-large.font-size-large {
font-size: 1.125rem
}
.fluid-grid-mobile .font-size-xlarge.font-size-xlarge,
.font-size-xlarge.font-size-xlarge {
font-size: 1.5625rem
}
.fluid-grid-mobile .font-size-xxlarge.font-size-xxlarge,
.font-size-xxlarge.font-size-xxlarge {
font-size: 1.875rem
}
.fluid-grid-mobile .font-size-xxxlarge.font-size-xxxlarge,
.fluid-grid-mobile .font-size-xxxxlarge.font-size-xxxxlarge,
.font-size-xxxlarge.font-size-xxxlarge,
.font-size-xxxxlarge.font-size-xxxxlarge {
font-size: 2.25rem
}
@media (min-width:544px) {
.font-size-xxxxlarge.font-size-xxxxlarge {
font-size: 2.25rem
}
}
@media (min-width:768px) {
.font-size-xxxxlarge.font-size-xxxxlarge {
font-size: 2.25rem
}
}
@media (min-width:992px) {
.font-size-xxxxlarge.font-size-xxxxlarge {
font-size: 3rem
}
}
.fluid-grid-mobile .font-size-xxxxxlarge.font-size-xxxxxlarge,
.font-size-xxxxxlarge.font-size-xxxxxlarge {
font-size: 2.25rem
}
@media (min-width:544px) {
.font-size-xxxxxlarge.font-size-xxxxxlarge {
font-size: 2.25rem
}
}
@media (min-width:768px) {
.font-size-xxxxxlarge.font-size-xxxxxlarge {
font-size: 2.25rem
}
}
@media (min-width:992px) {
.font-size-xxxxxlarge.font-size-xxxxxlarge {
font-size: 4.5rem
}
}
.fluid-grid-mobile .font-size-xxxxxxlarge.font-size-xxxxxxlarge,
.font-size-xxxxxxlarge.font-size-xxxxxxlarge {
font-size: 2.25rem
}
@media (min-width:544px) {
.font-size-xxxxxxlarge.font-size-xxxxxxlarge {
font-size: 2.25rem
}
}
@media (min-width:768px) {
.font-size-xxxxxxlarge.font-size-xxxxxxlarge {
font-size: 2.25rem
}
}
@media (min-width:992px) {
.font-size-xxxxxxlarge.font-size-xxxxxxlarge {
font-size: 6.25rem
}
}
.fluid-grid-mobile .font-size-xxxxxxxlarge.font-size-xxxxxxxlarge,
.font-size-xxxxxxxlarge.font-size-xxxxxxxlarge {
font-size: 2.25rem
}
@media (min-width:544px) {
.font-size-xxxxxxxlarge.font-size-xxxxxxxlarge {
font-size: 2.25rem
}
}
@media (min-width:768px) {
.font-size-xxxxxxxlarge.font-size-xxxxxxxlarge {
font-size: 2.25rem
}
}
@media (min-width:992px) {
.font-size-xxxxxxxlarge.font-size-xxxxxxxlarge {
font-size: 11.25rem
}
}
.color-productListBackground-text.color-productListBackground-text {
color: #efedea
}
.color-productListBackground-bg.color-productListBackground-bg {
background-color: #efedea
}
.color-neutralBlack-text.color-neutralBlack-text {
color: #000
}
.color-neutralBlack-bg.color-neutralBlack-bg {
background-color: #000
}
.color-neutralDarkGrey-text.color-neutralDarkGrey-text {
color: #666
}
.color-neutralDarkGrey-bg.color-neutralDarkGrey-bg {
background-color: #666
}
.color-neutralLightGrey-text.color-neutralLightGrey-text {
color: #999
}
.color-neutralLightGrey-bg.color-neutralLightGrey-bg {
background-color: #999
}
.color-neutralWhite-text.color-neutralWhite-text {
color: #fff
}
.color-neutralWhite-bg.color-neutralWhite-bg {
background-color: #fff
}
.color-neutralGrey1-text.color-neutralGrey1-text {
color: #b4b6b8
}
.color-neutralGrey1-bg.color-neutralGrey1-bg {
background-color: #b4b6b8
}
.color-neutralGrey2-text.color-neutralGrey2-text {
color: #bdbec0
}
.color-neutralGrey2-bg.color-neutralGrey2-bg {
background-color: #bdbec0
}
.color-neutralGrey3-text.color-neutralGrey3-text {
color: #cdced0
}
.color-neutralGrey3-bg.color-neutralGrey3-bg {
background-color: #cdced0
}
.color-neutralGrey4-text.color-neutralGrey4-text {
color: #dedfdf
}
.color-neutralGrey4-bg.color-neutralGrey4-bg {
background-color: #dedfdf
}
.color-neutralGrey5-text.color-neutralGrey5-text {
color: #eaebeb
}
.color-neutralGrey5-bg.color-neutralGrey5-bg {
background-color: #eaebeb
}
.color-brandBlue1-text.color-brandBlue1-text {
color: #002643
}
.color-brandBlue1-bg.color-brandBlue1-bg {
background-color: #002643
}
.color-brandBlue2-text.color-brandBlue2-text {
color: #335169
}
.color-brandBlue2-bg.color-brandBlue2-bg {
background-color: #335169
}
.color-brandBlue3-text.color-brandBlue3-text {
color: #667d8e
}
.color-brandBlue3-bg.color-brandBlue3-bg {
background-color: #667d8e
}
.color-brandBlue4-text.color-brandBlue4-text {
color: #99a8b4
}
.color-brandBlue4-bg.color-brandBlue4-bg {
background-color: #99a8b4
}
.color-brandBlue5-text.color-brandBlue5-text {
color: #ccd4d9
}
.color-brandBlue5-bg.color-brandBlue5-bg {
background-color: #ccd4d9
}
.color-nordicGrey1-text.color-nordicGrey1-text {
color: #d8d1cb
}
.color-nordicGrey1-bg.color-nordicGrey1-bg {
background-color: #d8d1cb
}
.color-nordicGrey2-text.color-nordicGrey2-text {
color: #e0dad5
}
.color-nordicGrey2-bg.color-nordicGrey2-bg {
background-color: #e0dad5
}
.color-nordicGrey3-text.color-nordicGrey3-text {
color: #e8e3e0
}
.color-nordicGrey3-bg.color-nordicGrey3-bg {
background-color: #e8e3e0
}
.color-nordicGrey4-text.color-nordicGrey4-text {
color: #efedea
}
.color-nordicGrey4-bg.color-nordicGrey4-bg {
background-color: #efedea
}
.color-nordicGrey5-text.color-nordicGrey5-text {
color: #f7f6f5
}
.color-nordicGrey5-bg.color-nordicGrey5-bg {
background-color: #f7f6f5
}
.color-clubMatas1-text.color-clubMatas1-text {
color: #eb595e
}
.color-clubMatas1-bg.color-clubMatas1-bg {
background-color: #eb595e
}
.color-clubMatas2-text.color-clubMatas2-text {
color: #ef7a7e
}
.color-clubMatas2-bg.color-clubMatas2-bg {
background-color: #ef7a7e
}
.color-clubMatas3-text.color-clubMatas3-text {
color: #f39b9e
}
.color-clubMatas3-bg.color-clubMatas3-bg {
background-color: #f39b9e
}
.color-clubMatas4-text.color-clubMatas4-text {
color: #f7bdbf
}
.color-clubMatas4-bg.color-clubMatas4-bg {
background-color: #f7bdbf
}
.color-clubMatas5-text.color-clubMatas5-text {
color: #fbdedf
}
.color-clubMatas5-bg.color-clubMatas5-bg {
background-color: #fbdedf
}
.color-clubMatasPlus1-text.color-clubMatasPlus1-text {
color: #b38b44
}
.color-clubMatasPlus1-bg.color-clubMatasPlus1-bg {
background-color: #b38b44
}
.color-clubMatasPlus2-text.color-clubMatasPlus2-text {
color: #c2a269
}
.color-clubMatasPlus2-bg.color-clubMatasPlus2-bg {
background-color: #c2a269
}
.color-clubMatasPlus3-text.color-clubMatasPlus3-text {
color: #d1b98f
}
.color-clubMatasPlus3-bg.color-clubMatasPlus3-bg {
background-color: #d1b98f
}
.color-clubMatasPlus4-text.color-clubMatasPlus4-text {
color: #e1d1b4
}
.color-clubMatasPlus4-bg.color-clubMatasPlus4-bg {
background-color: #e1d1b4
}
.color-clubMatasPlus5-text.color-clubMatasPlus5-text {
color: #f0e8da
}
.color-clubMatasPlus5-bg.color-clubMatasPlus5-bg {
background-color: #f0e8da
}
.color-advice1-text.color-advice1-text {
color: #bfd3e7
}
.color-advice1-bg.color-advice1-bg {
background-color: #bfd3e7
}
.color-advice2-text.color-advice2-text {
color: #ccdcec
}
.color-advice2-bg.color-advice2-bg {
background-color: #ccdcec
}
.color-advice3-text.color-advice3-text {
color: #d9e5f1
}
.color-advice3-bg.color-advice3-bg {
background-color: #d9e5f1
}
.color-advice4-text.color-advice4-text {
color: #e5edf5
}
.color-advice4-bg.color-advice4-bg {
background-color: #e5edf5
}
.color-advice5-text.color-advice5-text {
color: #f2f6fa
}
.color-advice5-bg.color-advice5-bg {
background-color: #f2f6fa
}
.color-subscription1-text.color-subscription1-text {
color: #74b5c8
}
.color-subscription1-bg.color-subscription1-bg {
background-color: #74b5c8
}
.color-subscription2-text.color-subscription2-text {
color: #90c4d3
}
.color-subscription2-bg.color-subscription2-bg {
background-color: #90c4d3
}
.color-subscription3-text.color-subscription3-text {
color: #acd3de
}
.color-subscription3-bg.color-subscription3-bg {
background-color: #acd3de
}
.color-subscription4-text.color-subscription4-text {
color: #c7e1e9
}
.color-subscription4-bg.color-subscription4-bg {
background-color: #c7e1e9
}
.color-subscription5-text.color-subscription5-text {
color: #e3f0f4
}
.color-subscription5-bg.color-subscription5-bg {
background-color: #e3f0f4
}
.color-spot1-text.color-spot1-text {
color: #c94c36
}
.color-spot1-bg.color-spot1-bg {
background-color: #c94c36
}
.color-spot2-text.color-spot2-text {
color: #d4705e
}
.color-spot2-bg.color-spot2-bg {
background-color: #d4705e
}
.color-spot3-text.color-spot3-text {
color: #df9486
}
.color-spot3-bg.color-spot3-bg {
background-color: #df9486
}
.color-spot4-text.color-spot4-text {
color: #e9b7af
}
.color-spot4-bg.color-spot4-bg {
background-color: #e9b7af
}
.color-spot5-text.color-spot5-text {
color: #f4dbd7
}
.color-spot5-bg.color-spot5-bg {
background-color: #f4dbd7
}
.color-fixed1-text.color-fixed1-text {
color: #f49d75
}
.color-fixed1-bg.color-fixed1-bg {
background-color: #f49d75
}
.color-fixed2-text.color-fixed2-text {
color: #f6b191
}
.color-fixed2-bg.color-fixed2-bg {
background-color: #f6b191
}
.color-fixed3-text.color-fixed3-text {
color: #f8c4ac
}
.color-fixed3-bg.color-fixed3-bg {
background-color: #f8c4ac
}
.color-fixed4-text.color-fixed4-text {
color: #fbd8c8
}
.color-fixed4-bg.color-fixed4-bg {
background-color: #fbd8c8
}
.color-fixed5-text.color-fixed5-text {
color: #fdebe3
}
.color-fixed5-bg.color-fixed5-bg {
background-color: #fdebe3
}
.color-beauty1-text.color-beauty1-text {
color: #f190b3
}
.color-beauty1-bg.color-beauty1-bg {
background-color: #f190b3
}
.color-beauty2-text.color-beauty2-text {
color: #f29dbc
}
.color-beauty2-bg.color-beauty2-bg {
background-color: #f29dbc
}
.color-beauty3-text.color-beauty3-text {
color: #f5afc8
}
.color-beauty3-bg.color-beauty3-bg {
background-color: #f5afc8
}
.color-beauty4-text.color-beauty4-text {
color: #f9cedd
}
.color-beauty4-bg.color-beauty4-bg {
background-color: #f9cedd
}
.color-beauty5-text.color-beauty5-text {
color: #fdedf2
}
.color-beauty5-bg.color-beauty5-bg {
background-color: #fdedf2
}
.color-skin1-text.color-skin1-text {
color: #c09b8c
}
.color-skin1-bg.color-skin1-bg {
background-color: #c09b8c
}
.color-skin2-text.color-skin2-text {
color: #c5a194
}
.color-skin2-bg.color-skin2-bg {
background-color: #c5a194
}
.color-skin3-text.color-skin3-text {
color: #d3b9af
}
.color-skin3-bg.color-skin3-bg {
background-color: #d3b9af
}
.color-skin4-text.color-skin4-text {
color: #e6d7d1
}
.color-skin4-bg.color-skin4-bg {
background-color: #e6d7d1
}
.color-skin5-text.color-skin5-text {
color: #f0e8e4
}
.color-skin5-bg.color-skin5-bg {
background-color: #f0e8e4
}
.color-men1-text.color-men1-text {
color: #748daa
}
.color-men1-bg.color-men1-bg {
background-color: #748daa
}
.color-men2-text.color-men2-text {
color: #94bcd9
}
.color-men2-bg.color-men2-bg {
background-color: #94bcd9
}
.color-men3-text.color-men3-text {
color: #a1c4dd
}
.color-men3-bg.color-men3-bg {
background-color: #a1c4dd
}
.color-men4-text.color-men4-text {
color: #c6dbeb
}
.color-men4-bg.color-men4-bg {
background-color: #c6dbeb
}
.color-men5-text.color-men5-text {
color: #e0ebf4
}
.color-men5-bg.color-men5-bg {
background-color: #e0ebf4
}
.color-hair1-text.color-hair1-text {
color: #81cdc7
}
.color-hair1-bg.color-hair1-bg {
background-color: #81cdc7
}
.color-hair2-text.color-hair2-text {
color: #91d4ce
}
.color-hair2-bg.color-hair2-bg {
background-color: #91d4ce
}
.color-hair3-text.color-hair3-text {
color: #a1dad5
}
.color-hair3-bg.color-hair3-bg {
background-color: #a1dad5
}
.color-hair4-text.color-hair4-text {
color: #c0e6e3
}
.color-hair4-bg.color-hair4-bg {
background-color: #c0e6e3
}
.color-hair5-text.color-hair5-text {
color: #e0f3f1
}
.color-hair5-bg.color-hair5-bg {
background-color: #e0f3f1
}
.color-health1-text.color-health1-text {
color: #77a189
}
.color-health1-bg.color-health1-bg {
background-color: #77a189
}
.color-health2-text.color-health2-text {
color: #85aa95
}
.color-health2-bg.color-health2-bg {
background-color: #85aa95
}
.color-health3-text.color-health3-text {
color: #a0bdac
}
.color-health3-bg.color-health3-bg {
background-color: #a0bdac
}
.color-health4-text.color-health4-text {
color: #c9d9d0
}
.color-health4-bg.color-health4-bg {
background-color: #c9d9d0
}
.color-health5-text.color-health5-text {
color: #e4ece7
}
.color-health5-bg.color-health5-bg {
background-color: #e4ece7
}
.color-fragrance1-text.color-fragrance1-text {
color: #a093c4
}
.color-fragrance1-bg.color-fragrance1-bg {
background-color: #a093c4
}
.color-fragrance2-text.color-fragrance2-text {
color: #b3a9d0
}
.color-fragrance2-bg.color-fragrance2-bg {
background-color: #b3a9d0
}
.color-fragrance3-text.color-fragrance3-text {
color: #c6bedc
}
.color-fragrance3-bg.color-fragrance3-bg {
background-color: #c6bedc
}
.color-fragrance4-text.color-fragrance4-text {
color: #d9d4e7
}
.color-fragrance4-bg.color-fragrance4-bg {
background-color: #d9d4e7
}
.color-fragrance5-text.color-fragrance5-text {
color: #e7e4f0
}
.color-fragrance5-bg.color-fragrance5-bg {
background-color: #e7e4f0
}
.color-medicine1-text.color-medicine1-text {
color: #b8b975
}
.color-medicine1-bg.color-medicine1-bg {
background-color: #b8b975
}
.color-medicine2-text.color-medicine2-text {
color: #c1c187
}
.color-medicine2-bg.color-medicine2-bg {
background-color: #c1c187
}
.color-medicine3-text.color-medicine3-text {
color: #caca98
}
.color-medicine3-bg.color-medicine3-bg {
background-color: #caca98
}
.color-medicine4-text.color-medicine4-text {
color: #dbdcba
}
.color-medicine4-bg.color-medicine4-bg {
background-color: #dbdcba
}
.color-medicine5-text.color-medicine5-text {
color: #e9e9d4
}
.color-medicine5-bg.color-medicine5-bg {
background-color: #e9e9d4
}
html.loading-spinner,
body.loading-spinner {
overflow: hidden;
height: 100vh
}
html.loading-spinner.epaper,
body.loading-spinner.epaper {
overflow: initial
}
html.loading-spinner:after,
body.loading-spinner:after {
position: fixed;
z-index: 2000
}
html {
height: -webkit-fill-available
}
body {
min-height: 100vh;
min-height: -webkit-fill-available;
display: flex;
flex-direction: column
}
.ui-modal-open body {
overflow: hidden;
width: 100%
}
@media (max-width: 1199px) {
body.ui-modal-open.state--mobile-menu {
position: fixed
}
}
body.state--mobile-menu {
overflow: hidden
}
body:after {
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #00000080;
width: 100vw;
opacity: 0;
pointer-events: none;
transition: opacity .25s ease;
z-index: 2000
}
.checkout-layout body:after {
content: none
}
body.ui-modal-open:after {
opacity: 1;
pointer-events: all;
transition: opacity .25s ease
}
body.basket {
background-color: #efedea
}
body.search-open {
overflow: hidden;
padding-right: 17px
}
@media (min-width: 992px) {
body.search-open:after {
opacity: 1;
pointer-events: all;
transition: opacity .25s ease
}
}
body.booking {
background-color: #efedea
}
@media (max-width: 1599px) {
:focus {
outline: none
}
}
::placeholder {
color: #666
}
label {
margin-bottom: 0
}
label:hover {
cursor: pointer
}
button {
color: currentColor
}
.img,
.container-fluid {
max-width: 100%
}
@media (min-width: 1200px) {
.container-fluid {
max-width: 1230px
}
}
@media (min-width: 1600px) {
.container-fluid {
max-width: 1400px
}
}
@media (min-width: 1921px) {
.container-fluid {
max-width: 1680px
}
}
.container-fluid .container-fluid {
padding-left: 0;
padding-right: 0
}
.container-fluid--slim {
max-width: 1350px;
margin: 0 auto
}
.narrow .cms-article .container-fluid {
max-width: 1200px
}
.epaper .cms-article .container-fluid {
max-width: 767px;
padding-left: 0;
padding-right: 0
}
.container-fluid.no-padding-mobile {
padding-left: 0;
padding-right: 0
}
@media (min-width: 544px) {
.container-fluid.no-padding-mobile {
padding-left: 16px;
padding-right: 16px
}
}
.full-width .container-fluid {
max-width: 100%
}
.padding-container {
padding: 18px
}
@media (min-width: 768px) {
.padding-container {
padding: 34px
}
}
.logo {
display: block;
margin: 0 auto
}
.simple-layout .logo {
margin: 0 0 30px
}
@media (min-width: 768px) {
.simple-layout .logo {
margin-bottom: 50px
}
}
.wrapper {
flex: 1 0 auto
}
.checkout-layout .wrapper {
padding-top: 0
}
.simple-layout .wrapper {
padding-top: 20px
}
@media (min-width: 768px) {
.simple-layout .wrapper {
padding-top: 40px
}
}
.club-matas-app-request .wrapper {
padding-top: 0
}
.wrapper .myprofile {
padding-bottom: 70px
}
.ruler {
border: 0
}
.ruler--horizontal {
border-top: 1px solid #b8b8b8;
margin: 30px 0
}
@media (min-width: 544px) {
.ruler--horizontal {
margin: 60px 0
}
}
.ruler--small {
margin: 10px 0
}
.ruler--small.ruler--vertical,
.nav-help>.nav-help__list>.ruler--small.nav-help__item:first-child {
margin: 0 10px
}
.ruler--vertical,
.nav-help>.nav-help__list>.nav-help__item:first-child {
border-right: 1px solid #b8b8b8
}
.ruler--color-secondary {
border-color: #ececec
}
.ruler--thick {
border-width: 2px
}
.checkout__box--userlogin .ruler {
display: none
}
.submit-wrapper {
float: right
}
@media (max-width: 767px) {
.submit-wrapper {
float: none
}
}
.link,
.a-text a:not(.btn),
.link-container a:not(.btn) {
background: 0;
border: 0;
padding: 0
}
.link,
.a-text a:not(.btn),
.link-container a:not(.btn),
.link:active,
.link:visited,
.link:hover,
.link:not([href]):not([tabindex]) {
text-decoration: underline;
cursor: pointer
}
.link--negative {
color: #fff !important
}
.link--cta {
color: #000 !important
}
.link--secondary {
color: #00b2e2;
text-decoration: underline
}
.link--secondary:hover {
color: #00b2e2
}
.basket__header-freight-text .link,
.basket__header-freight-text .a-text a:not(.btn),
.a-text .basket__header-freight-text a:not(.btn),
.basket__header-freight-text .link-container a:not(.btn),
.link-container .basket__header-freight-text a:not(.btn) {
padding-left: .2em
}
.color-positive,
.color-positive:hover {
color: #000
}
.color-negative,
.color-negative:hover {
color: #fff
}
.color-cta-primary,
.color-cta-primary:hover {
color: #000
}
.nowrap {
white-space: nowrap
}
.center-block {
display: block !important;
margin-right: auto;
margin-left: auto
}
[disabled],
.state--disabled {
position: relative;
-webkit-user-select: none;
user-select: none;
cursor: not-allowed !important
}
[disabled]:after,
.state--disabled:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #c8c8c84d;
border-radius: inherit
}
[disabled] *,
.state--disabled * {
pointer-events: none !important
}
@media (min-width: 768px) {
.submenu-max-height {
max-height: 20px;
z-index: 1;
overflow-y: visible
}
.submenu-max-height * {
z-index: inherit
}
}
.remove-left-space figure,
.remove-left-space p {
margin-bottom: 0
}
@media (min-width: 768px) {
.remove-left-space {
padding-left: 0 !important
}
}
.remove-right-space figure,
.remove-right-space p {
margin-bottom: 0
}
@media (min-width: 768px) {
.remove-right-space {
padding-right: 0 !important
}
}
.remove-half-spacing:nth-child(odd) {
padding-right: 8px
}
.remove-half-spacing:nth-child(2n) {
padding-left: 8px
}
.remove-half-spacing-row.row,
.remove-half-spacing-row .row {
margin-left: -8px;
margin-right: -8px
}
.remove-half-spacing-row [class*=col-] {
padding-left: 8px;
padding-right: 8px
}
@media (min-width: 768px) and (max-width: 991px) {
.add-top-space {
margin-top: 10px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.add-bot-space {
margin-bottom: 10px
}
}
.float {
float: left
}
.float--none {
float: none
}
.float--right {
float: right
}
.removeSpacings .row,
.epaper .cms-article .row {
margin-left: 0;
margin-right: 0
}
.removeSpacings figure,
.epaper .cms-article figure {
margin-bottom: 0
}
.removeSpacings .container-fluid,
.epaper .cms-article .container-fluid {
padding: 0
}
.removeSpacings .col-xs-1,
.epaper .cms-article .col-xs-1,
.removeSpacings .col-xs-2,
.epaper .cms-article .col-xs-2,
.removeSpacings .col-xs-3,
.epaper .cms-article .col-xs-3,
.removeSpacings .col-xs-4,
.epaper .cms-article .col-xs-4,
.removeSpacings .col-xs-5,
.epaper .cms-article .col-xs-5,
.removeSpacings .col-xs-6,
.epaper .cms-article .col-xs-6,
.removeSpacings .col-xs-7,
.epaper .cms-article .col-xs-7,
.removeSpacings .col-xs-8,
.epaper .cms-article .col-xs-8,
.removeSpacings .col-xs-9,
.epaper .cms-article .col-xs-9,
.removeSpacings .col-xs-10,
.epaper .cms-article .col-xs-10,
.removeSpacings .col-xs-11,
.epaper .cms-article .col-xs-11,
.removeSpacings .col-xs-12,
.epaper .cms-article .col-xs-12,
.removeSpacings .col-sm-1,
.epaper .cms-article .col-sm-1,
.removeSpacings .col-sm-2,
.epaper .cms-article .col-sm-2,
.removeSpacings .col-sm-3,
.epaper .cms-article .col-sm-3,
.removeSpacings .col-sm-4,
.epaper .cms-article .col-sm-4,
.removeSpacings .col-sm-5,
.epaper .cms-article .col-sm-5,
.removeSpacings .col-sm-6,
.epaper .cms-article .col-sm-6,
.removeSpacings .col-sm-7,
.epaper .cms-article .col-sm-7,
.removeSpacings .col-sm-8,
.epaper .cms-article .col-sm-8,
.removeSpacings .col-sm-9,
.epaper .cms-article .col-sm-9,
.removeSpacings .col-sm-10,
.epaper .cms-article .col-sm-10,
.removeSpacings .col-sm-11,
.epaper .cms-article .col-sm-11,
.removeSpacings .col-sm-12,
.epaper .cms-article .col-sm-12,
.removeSpacings .col-md-1,
.epaper .cms-article .col-md-1,
.removeSpacings .col-md-2,
.epaper .cms-article .col-md-2,
.removeSpacings .col-md-3,
.epaper .cms-article .col-md-3,
.removeSpacings .col-md-4,
.epaper .cms-article .col-md-4,
.removeSpacings .col-md-5,
.epaper .cms-article .col-md-5,
.removeSpacings .col-md-6,
.epaper .cms-article .col-md-6,
.removeSpacings .col-md-7,
.epaper .cms-article .col-md-7,
.removeSpacings .col-md-8,
.epaper .cms-article .col-md-8,
.removeSpacings .col-md-9,
.epaper .cms-article .col-md-9,
.removeSpacings .col-md-10,
.epaper .cms-article .col-md-10,
.removeSpacings .col-md-11,
.epaper .cms-article .col-md-11,
.removeSpacings .col-md-12,
.epaper .cms-article .col-md-12,
.removeSpacings .col-lg-1,
.epaper .cms-article .col-lg-1,
.removeSpacings .col-lg-2,
.epaper .cms-article .col-lg-2,
.removeSpacings .col-lg-3,
.epaper .cms-article .col-lg-3,
.removeSpacings .col-lg-4,
.epaper .cms-article .col-lg-4,
.removeSpacings .col-lg-5,
.epaper .cms-article .col-lg-5,
.removeSpacings .col-lg-6,
.epaper .cms-article .col-lg-6,
.removeSpacings .col-lg-7,
.epaper .cms-article .col-lg-7,
.removeSpacings .col-lg-8,
.epaper .cms-article .col-lg-8,
.removeSpacings .col-lg-9,
.epaper .cms-article .col-lg-9,
.removeSpacings .col-lg-10,
.epaper .cms-article .col-lg-10,
.removeSpacings .col-lg-11,
.epaper .cms-article .col-lg-11,
.removeSpacings .col-lg-12,
.epaper .cms-article .col-lg-12,
.removeSpacings .col-xl-1,
.epaper .cms-article .col-xl-1,
.removeSpacings .col-xl-2,
.epaper .cms-article .col-xl-2,
.removeSpacings .col-xl-3,
.epaper .cms-article .col-xl-3,
.removeSpacings .col-xl-4,
.epaper .cms-article .col-xl-4,
.removeSpacings .col-xl-5,
.epaper .cms-article .col-xl-5,
.removeSpacings .col-xl-6,
.epaper .cms-article .col-xl-6,
.removeSpacings .col-xl-7,
.epaper .cms-article .col-xl-7,
.removeSpacings .col-xl-8,
.epaper .cms-article .col-xl-8,
.removeSpacings .col-xl-9,
.epaper .cms-article .col-xl-9,
.removeSpacings .col-xl-10,
.epaper .cms-article .col-xl-10,
.removeSpacings .col-xl-11,
.epaper .cms-article .col-xl-11,
.removeSpacings .col-xl-12,
.epaper .cms-article .col-xl-12,
.removeSpacings .col-xxl-1,
.epaper .cms-article .col-xxl-1,
.removeSpacings .col-xxl-2,
.epaper .cms-article .col-xxl-2,
.removeSpacings .col-xxl-3,
.epaper .cms-article .col-xxl-3,
.removeSpacings .col-xxl-4,
.epaper .cms-article .col-xxl-4,
.removeSpacings .col-xxl-5,
.epaper .cms-article .col-xxl-5,
.removeSpacings .col-xxl-6,
.epaper .cms-article .col-xxl-6,
.removeSpacings .col-xxl-7,
.epaper .cms-article .col-xxl-7,
.removeSpacings .col-xxl-8,
.epaper .cms-article .col-xxl-8,
.removeSpacings .col-xxl-9,
.epaper .cms-article .col-xxl-9,
.removeSpacings .col-xxl-10,
.epaper .cms-article .col-xxl-10,
.removeSpacings .col-xxl-11,
.epaper .cms-article .col-xxl-11,
.removeSpacings .col-xxl-12,
.epaper .cms-article .col-xxl-12,
.removeSpacings .col-xxxl-1,
.epaper .cms-article .col-xxxl-1,
.removeSpacings .col-xxxl-2,
.epaper .cms-article .col-xxxl-2,
.removeSpacings .col-xxxl-3,
.epaper .cms-article .col-xxxl-3,
.removeSpacings .col-xxxl-4,
.epaper .cms-article .col-xxxl-4,
.removeSpacings .col-xxxl-5,
.epaper .cms-article .col-xxxl-5,
.removeSpacings .col-xxxl-6,
.epaper .cms-article .col-xxxl-6,
.removeSpacings .col-xxxl-7,
.epaper .cms-article .col-xxxl-7,
.removeSpacings .col-xxxl-8,
.epaper .cms-article .col-xxxl-8,
.removeSpacings .col-xxxl-9,
.epaper .cms-article .col-xxxl-9,
.removeSpacings .col-xxxl-10,
.epaper .cms-article .col-xxxl-10,
.removeSpacings .col-xxxl-11,
.epaper .cms-article .col-xxxl-11,
.removeSpacings .col-xxxl-12,
.epaper .cms-article .col-xxxl-12 {
padding-right: 0;
padding-left: 0
}
.m-l-auto {
margin-left: auto !important
}
.m-r-auto {
right: auto !important
}
@media (min-width: 768px) {
.text-on-image-row .row {
display: flex
}
.text-on-image-row .row .a-col,
.text-on-image-row .row .mw-100,
.text-on-image-row .row .article-block,
.text-on-image-row .row .article-block-list-related,
.text-on-image-row .row .article-block-list-related__item {
height: 100%
}
}
.modal-only {
display: none
}
.ui-modal .modal-only {
display: block
}
.pdf-wrap {
min-width: 100%;
max-height: none !important;
height: auto !important;
overflow: visible !important;
padding-bottom: 40px
}
.pdf-wrap .apb {
page-break-inside: avoid;
break-before: auto
}
.pdf-wrap .ui-modal__header-links {
display: none !important
}
.pdf-wrap .hide-on-print {
display: none
}
.pdf-wrap .print-page-break {
page-break-before: always
}
.pdf-wrap .show-only-on-print {
display: inherit
}
.show-only-on-print {
display: none
}
.zEWidget-launcher {
margin-bottom: 0 !important;
bottom: 17px !important
}
@media (max-width: 1599px) {
.zEWidget-launcher {
z-index: 1000 !important
}
}
@media (max-width: 1599px) {
.filter-open .zEWidget-launcher,
.ui-modal-open .zEWidget-launcher,
.state--mobile-menu .zEWidget-launcher,
.club-matas-app-request .zEWidget-launcher {
display: none
}
}
.state--mobile-menu .zEWidget-launcher {
display: none
}
#Coi-Renew {
z-index: 1000 !important
}
@media (max-width: 1599px) {
#Coi-Renew {
z-index: 1000 !important
}
}
@media (max-width: 1599px) {
#chat-widget-container {
z-index: 3000 !important
}
}
body #hero-iframe-container div.hero-launcher-container {
z-index: 1000 !important
}
.js-hyphen {
-webkit-hyphens: auto;
hyphens: auto
}
.price-before {
text-decoration: line-through;
color: #7c7c7c
}
#primary-header {
display: contents
}
@font-face {
font-family: Inter;
src: url("Inter-Regular.woff2") format("woff2"), url("Inter-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: fallback
}
@font-face {
font-family: Inter;
src: url("Inter-SemiBold.woff2") format("woff2"), url("Inter-SemiBold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: fallback
}
@font-face {
font-family: Inter;
src: url("Inter-Light.woff2") format("woff2"), url("Inter-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: fallback
}
@font-face {
font-family: DM_Serif_Text;
src: url("DM_Serif_Text-Regular.woff2") format("woff2"), url("DM_Serif_Text-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: fallback
}
@font-face {
font-family: DM_Serif_Text;
src: url("DM_Serif_Text-Regular.woff2") format("woff2"), url("DM_Serif_Text-Regular.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: fallback
}
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
progress {
vertical-align: baseline
}
template,
[hidden] {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
dfn {
font-style: italic
}
h1,
.heading--1 {
font-size: 2em;
margin: .67em 0
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
button,
input,
select,
textarea {
font: inherit
}
optgroup {
font-weight: 700
}
button,
input,
select {
overflow: visible
}
button,
input,
select,
textarea {
margin: 0
}
button,
select {
text-transform: none
}
button,
[type=button],
[type=reset],
[type=submit] {
cursor: pointer
}
[disabled] {
cursor: default
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
button:-moz-focusring,
input:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
html {
box-sizing: border-box
}
*,
*:before,
*:after {
box-sizing: inherit
}
@-ms-viewport {
width: device-width
}
html {
font-size: 14px;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #000;
background-color: #fff
}
[tabindex="-1"]:focus {
outline: none !important
}
h1,
.heading--1,
h2,
.heading--2,
h3,
.heading--3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #818a91
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
a {
color: #0275d8;
text-decoration: none
}
a:focus,
a:hover {
color: #014c8c;
text-decoration: underline
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus {
outline: none
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle
}
[role=button] {
cursor: pointer
}
a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
touch-action: manipulation
}
table {
border-collapse: collapse;
background-color: transparent
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #818a91;
text-align: left;
caption-side: bottom
}
th {
text-align: left
}
label {
display: inline-block;
margin-bottom: .5rem
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
input,
button,
select,
textarea {
margin: 0;
line-height: inherit;
border-radius: 0
}
input[type=radio]:disabled,
input[type=checkbox]:disabled {
cursor: not-allowed
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox
}
textarea {
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit
}
input[type=search] {
-webkit-appearance: none
}
output {
display: inline-block
}
[hidden] {
display: none !important
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px
}
.container:after {
content: "";
display: table;
clear: both
}
@media (min-width: 544px) {
.container {
max-width: 576px
}
}
@media (min-width: 768px) {
.container {
max-width: 720px
}
}
@media (min-width: 992px) {
.container {
max-width: 940px
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px
}
}
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px
}
.container-fluid:after {
content: "";
display: table;
clear: both
}
.row {
margin-left: -16px;
margin-right: -16px
}
.row:after {
content: "";
display: table;
clear: both
}
.col-xxxl-12,
.col-xxxl-11,
.col-xxxl-10,
.col-xxxl-9,
.col-xxxl-8,
.col-xxxl-7,
.col-xxxl-6,
.col-xxxl-5,
.col-xxxl-4,
.col-xxxl-3,
.col-xxxl-2,
.col-xxxl-1,
.col-xxl-12,
.col-xxl-11,
.col-xxl-10,
.col-xxl-9,
.col-xxl-8,
.col-xxl-7,
.col-xxl-6,
.col-xxl-5,
.col-xxl-4,
.col-xxl-3,
.col-xxl-2,
.col-xxl-1,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col-xs-12,
.col-xs-11,
.col-xs-10,
.col-xs-9,
.col-xs-8,
.col-xs-7,
.col-xs-6,
.col-xs-5,
.col-xs-4,
.col-xs-3,
.col-xs-2,
.col-xs-1 {
position: relative;
min-height: 1px;
padding-right: 16px;
padding-left: 16px
}
.col-xs-1 {
float: left;
width: 8.3333333333%
}
.col-xs-2 {
float: left;
width: 16.6666666667%
}
.col-xs-3 {
float: left;
width: 25%
}
.col-xs-4 {
float: left;
width: 33.3333333333%
}
.col-xs-5 {
float: left;
width: 41.6666666667%
}
.col-xs-6 {
float: left;
width: 50%
}
.col-xs-7 {
float: left;
width: 58.3333333333%
}
.col-xs-8 {
float: left;
width: 66.6666666667%
}
.col-xs-9 {
float: left;
width: 75%
}
.col-xs-10 {
float: left;
width: 83.3333333333%
}
.col-xs-11 {
float: left;
width: 91.6666666667%
}
.col-xs-12 {
float: left;
width: 100%
}
.pull-xs-0 {
right: auto
}
.pull-xs-1 {
right: 8.3333333333%
}
.pull-xs-2 {
right: 16.6666666667%
}
.pull-xs-3 {
right: 25%
}
.pull-xs-4 {
right: 33.3333333333%
}
.pull-xs-5 {
right: 41.6666666667%
}
.pull-xs-6 {
right: 50%
}
.pull-xs-7 {
right: 58.3333333333%
}
.pull-xs-8 {
right: 66.6666666667%
}
.pull-xs-9 {
right: 75%
}
.pull-xs-10 {
right: 83.3333333333%
}
.pull-xs-11 {
right: 91.6666666667%
}
.pull-xs-12 {
right: 100%
}
.push-xs-0 {
left: auto
}
.push-xs-1 {
left: 8.3333333333%
}
.push-xs-2 {
left: 16.6666666667%
}
.push-xs-3 {
left: 25%
}
.push-xs-4 {
left: 33.3333333333%
}
.push-xs-5 {
left: 41.6666666667%
}
.push-xs-6 {
left: 50%
}
.push-xs-7 {
left: 58.3333333333%
}
.push-xs-8 {
left: 66.6666666667%
}
.push-xs-9 {
left: 75%
}
.push-xs-10 {
left: 83.3333333333%
}
.push-xs-11 {
left: 91.6666666667%
}
.push-xs-12 {
left: 100%
}
.offset-xs-1 {
margin-left: 8.3333333333%
}
.offset-xs-2 {
margin-left: 16.6666666667%
}
.offset-xs-3 {
margin-left: 25%
}
.offset-xs-4 {
margin-left: 33.3333333333%
}
.offset-xs-5 {
margin-left: 41.6666666667%
}
.offset-xs-6 {
margin-left: 50%
}
.offset-xs-7 {
margin-left: 58.3333333333%
}
.offset-xs-8 {
margin-left: 66.6666666667%
}
.offset-xs-9 {
margin-left: 75%
}
.offset-xs-10 {
margin-left: 83.3333333333%
}
.offset-xs-11 {
margin-left: 91.6666666667%
}
@media (min-width: 544px) {
.col-sm-1 {
float: left;
width: 8.3333333333%
}
.col-sm-2 {
float: left;
width: 16.6666666667%
}
.col-sm-3 {
float: left;
width: 25%
}
.col-sm-4 {
float: left;
width: 33.3333333333%
}
.col-sm-5 {
float: left;
width: 41.6666666667%
}
.col-sm-6 {
float: left;
width: 50%
}
.col-sm-7 {
float: left;
width: 58.3333333333%
}
.col-sm-8 {
float: left;
width: 66.6666666667%
}
.col-sm-9 {
float: left;
width: 75%
}
.col-sm-10 {
float: left;
width: 83.3333333333%
}
.col-sm-11 {
float: left;
width: 91.6666666667%
}
.col-sm-12 {
float: left;
width: 100%
}
.pull-sm-0 {
right: auto
}
.pull-sm-1 {
right: 8.3333333333%
}
.pull-sm-2 {
right: 16.6666666667%
}
.pull-sm-3 {
right: 25%
}
.pull-sm-4 {
right: 33.3333333333%
}
.pull-sm-5 {
right: 41.6666666667%
}
.pull-sm-6 {
right: 50%
}
.pull-sm-7 {
right: 58.3333333333%
}
.pull-sm-8 {
right: 66.6666666667%
}
.pull-sm-9 {
right: 75%
}
.pull-sm-10 {
right: 83.3333333333%
}
.pull-sm-11 {
right: 91.6666666667%
}
.pull-sm-12 {
right: 100%
}
.push-sm-0 {
left: auto
}
.push-sm-1 {
left: 8.3333333333%
}
.push-sm-2 {
left: 16.6666666667%
}
.push-sm-3 {
left: 25%
}
.push-sm-4 {
left: 33.3333333333%
}
.push-sm-5 {
left: 41.6666666667%
}
.push-sm-6 {
left: 50%
}
.push-sm-7 {
left: 58.3333333333%
}
.push-sm-8 {
left: 66.6666666667%
}
.push-sm-9 {
left: 75%
}
.push-sm-10 {
left: 83.3333333333%
}
.push-sm-11 {
left: 91.6666666667%
}
.push-sm-12 {
left: 100%
}
.offset-sm-0 {
margin-left: 0%
}
.offset-sm-1 {
margin-left: 8.3333333333%
}
.offset-sm-2 {
margin-left: 16.6666666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.3333333333%
}
.offset-sm-5 {
margin-left: 41.6666666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.3333333333%
}
.offset-sm-8 {
margin-left: 66.6666666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.3333333333%
}
.offset-sm-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 768px) {
.col-md-1 {
float: left;
width: 8.3333333333%
}
.col-md-2 {
float: left;
width: 16.6666666667%
}
.col-md-3 {
float: left;
width: 25%
}
.col-md-4 {
float: left;
width: 33.3333333333%
}
.col-md-5 {
float: left;
width: 100%
}
.col-md-6 {
float: left;
width: 50%
}
.col-md-7 {
float: left;
width: 58.3333333333%
}
.col-md-8 {
float: left;
width: 66.6666666667%
}
.col-md-9 {
float: left;
width: 75%
}
.col-md-10 {
float: left;
width: 83.3333333333%
}
.col-md-11 {
float: left;
width: 91.6666666667%
}
.col-md-12 {
float: left;
width: 100%
}
.pull-md-0 {
right: auto
}
.pull-md-1 {
right: 8.3333333333%
}
.pull-md-2 {
right: 16.6666666667%
}
.pull-md-3 {
right: 25%
}
.pull-md-4 {
right: 33.3333333333%
}
.pull-md-5 {
right: 41.6666666667%
}
.pull-md-6 {
right: 50%
}
.pull-md-7 {
right: 58.3333333333%
}
.pull-md-8 {
right: 66.6666666667%
}
.pull-md-9 {
right: 75%
}
.pull-md-10 {
right: 83.3333333333%
}
.pull-md-11 {
right: 91.6666666667%
}
.pull-md-12 {
right: 100%
}
.push-md-0 {
left: auto
}
.push-md-1 {
left: 8.3333333333%
}
.push-md-2 {
left: 16.6666666667%
}
.push-md-3 {
left: 25%
}
.push-md-4 {
left: 33.3333333333%
}
.push-md-5 {
left: 41.6666666667%
}
.push-md-6 {
left: 50%
}
.push-md-7 {
left: 58.3333333333%
}
.push-md-8 {
left: 66.6666666667%
}
.push-md-9 {
left: 75%
}
.push-md-10 {
left: 83.3333333333%
}
.push-md-11 {
left: 91.6666666667%
}
.push-md-12 {
left: 100%
}
.offset-md-0 {
margin-left: 0%
}
.offset-md-1 {
margin-left: 8.3333333333%
}
.offset-md-2 {
margin-left: 16.6666666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.3333333333%
}
.offset-md-5 {
margin-left: 41.6666666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.3333333333%
}
.offset-md-8 {
margin-left: 66.6666666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.3333333333%
}
.offset-md-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 992px) {
.col-lg-1 {
float: left;
width: 8.3333333333%
}
.col-lg-2 {
float: left;
width: 16.6666666667%
}
.col-lg-3 {
float: left;
width: 25%
}
.col-lg-4 {
float: left;
width: 33.3333333333%
}
.col-lg-5 {
float: left;
width: 41.6666666667%
}
.col-lg-6 {
float: left;
width: 50%
}
.col-lg-7 {
float: left;
width: 58.3333333333%
}
.col-lg-8 {
float: left;
width: 66.6666666667%
}
.col-lg-9 {
float: left;
width: 75%
}
.col-lg-10 {
float: left;
width: 83.3333333333%
}
.col-lg-11 {
float: left;
width: 91.6666666667%
}
.col-lg-12 {
float: left;
width: 100%
}
.pull-lg-0 {
right: auto
}
.pull-lg-1 {
right: 8.3333333333%
}
.pull-lg-2 {
right: 16.6666666667%
}
.pull-lg-3 {
right: 25%
}
.pull-lg-4 {
right: 33.3333333333%
}
.pull-lg-5 {
right: 41.6666666667%
}
.pull-lg-6 {
right: 50%
}
.pull-lg-7 {
right: 58.3333333333%
}
.pull-lg-8 {
right: 66.6666666667%
}
.pull-lg-9 {
right: 75%
}
.pull-lg-10 {
right: 83.3333333333%
}
.pull-lg-11 {
right: 91.6666666667%
}
.pull-lg-12 {
right: 100%
}
.push-lg-0 {
left: auto
}
.push-lg-1 {
left: 8.3333333333%
}
.push-lg-2 {
left: 16.6666666667%
}
.push-lg-3 {
left: 25%
}
.push-lg-4 {
left: 33.3333333333%
}
.push-lg-5 {
left: 41.6666666667%
}
.push-lg-6 {
left: 50%
}
.push-lg-7 {
left: 58.3333333333%
}
.push-lg-8 {
left: 66.6666666667%
}
.push-lg-9 {
left: 75%
}
.push-lg-10 {
left: 83.3333333333%
}
.push-lg-11 {
left: 91.6666666667%
}
.push-lg-12 {
left: 100%
}
.offset-lg-0 {
margin-left: 0%
}
.offset-lg-1 {
margin-left: 8.3333333333%
}
.offset-lg-2 {
margin-left: 16.6666666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.3333333333%
}
.offset-lg-5 {
margin-left: 41.6666666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.3333333333%
}
.offset-lg-8 {
margin-left: 66.6666666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.3333333333%
}
.offset-lg-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 1200px) {
.col-xl-1 {
float: left;
width: 8.3333333333%
}
.col-xl-2 {
float: left;
width: 16.6666666667%
}
.col-xl-3 {
float: left;
width: 25%
}
.col-xl-4 {
float: left;
width: 33.3333333333%
}
.col-xl-5 {
float: left;
width: 41.6666666667%
}
.col-xl-6 {
float: left;
width: 50%
}
.col-xl-7 {
float: left;
width: 58.3333333333%
}
.col-xl-8 {
float: left;
width: 66.6666666667%
}
.col-xl-9 {
float: left;
width: 75%
}
.col-xl-10 {
float: left;
width: 83.3333333333%
}
.col-xl-11 {
float: left;
width: 91.6666666667%
}
.col-xl-12 {
float: left;
width: 100%
}
.pull-xl-0 {
right: auto
}
.pull-xl-1 {
right: 8.3333333333%
}
.pull-xl-2 {
right: 16.6666666667%
}
.pull-xl-3 {
right: 25%
}
.pull-xl-4 {
right: 33.3333333333%
}
.pull-xl-5 {
right: 41.6666666667%
}
.pull-xl-6 {
right: 50%
}
.pull-xl-7 {
right: 58.3333333333%
}
.pull-xl-8 {
right: 66.6666666667%
}
.pull-xl-9 {
right: 75%
}
.pull-xl-10 {
right: 83.3333333333%
}
.pull-xl-11 {
right: 91.6666666667%
}
.pull-xl-12 {
right: 100%
}
.push-xl-0 {
left: auto
}
.push-xl-1 {
left: 8.3333333333%
}
.push-xl-2 {
left: 16.6666666667%
}
.push-xl-3 {
left: 25%
}
.push-xl-4 {
left: 33.3333333333%
}
.push-xl-5 {
left: 41.6666666667%
}
.push-xl-6 {
left: 50%
}
.push-xl-7 {
left: 58.3333333333%
}
.push-xl-8 {
left: 66.6666666667%
}
.push-xl-9 {
left: 75%
}
.push-xl-10 {
left: 83.3333333333%
}
.push-xl-11 {
left: 91.6666666667%
}
.push-xl-12 {
left: 100%
}
.offset-xl-0 {
margin-left: 0%
}
.offset-xl-1 {
margin-left: 8.3333333333%
}
.offset-xl-2 {
margin-left: 16.6666666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.3333333333%
}
.offset-xl-5 {
margin-left: 41.6666666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.3333333333%
}
.offset-xl-8 {
margin-left: 66.6666666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.3333333333%
}
.offset-xl-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 1600px) {
.col-xxl-1 {
float: left;
width: 8.3333333333%
}
.col-xxl-2 {
float: left;
width: 16.6666666667%
}
.col-xxl-3 {
float: left;
width: 25%
}
.col-xxl-4 {
float: left;
width: 33.3333333333%
}
.col-xxl-5 {
float: left;
width: 41.6666666667%
}
.col-xxl-6 {
float: left;
width: 50%
}
.col-xxl-7 {
float: left;
width: 58.3333333333%
}
.col-xxl-8 {
float: left;
width: 66.6666666667%
}
.col-xxl-9 {
float: left;
width: 75%
}
.col-xxl-10 {
float: left;
width: 83.3333333333%
}
.col-xxl-11 {
float: left;
width: 91.6666666667%
}
.col-xxl-12 {
float: left;
width: 100%
}
.pull-xxl-0 {
right: auto
}
.pull-xxl-1 {
right: 8.3333333333%
}
.pull-xxl-2 {
right: 16.6666666667%
}
.pull-xxl-3 {
right: 25%
}
.pull-xxl-4 {
right: 33.3333333333%
}
.pull-xxl-5 {
right: 41.6666666667%
}
.pull-xxl-6 {
right: 50%
}
.pull-xxl-7 {
right: 58.3333333333%
}
.pull-xxl-8 {
right: 66.6666666667%
}
.pull-xxl-9 {
right: 75%
}
.pull-xxl-10 {
right: 83.3333333333%
}
.pull-xxl-11 {
right: 91.6666666667%
}
.pull-xxl-12 {
right: 100%
}
.push-xxl-0 {
left: auto
}
.push-xxl-1 {
left: 8.3333333333%
}
.push-xxl-2 {
left: 16.6666666667%
}
.push-xxl-3 {
left: 25%
}
.push-xxl-4 {
left: 33.3333333333%
}
.push-xxl-5 {
left: 41.6666666667%
}
.push-xxl-6 {
left: 50%
}
.push-xxl-7 {
left: 58.3333333333%
}
.push-xxl-8 {
left: 66.6666666667%
}
.push-xxl-9 {
left: 75%
}
.push-xxl-10 {
left: 83.3333333333%
}
.push-xxl-11 {
left: 91.6666666667%
}
.push-xxl-12 {
left: 100%
}
.offset-xxl-0 {
margin-left: 0%
}
.offset-xxl-1 {
margin-left: 8.3333333333%
}
.offset-xxl-2 {
margin-left: 16.6666666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.3333333333%
}
.offset-xxl-5 {
margin-left: 41.6666666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.3333333333%
}
.offset-xxl-8 {
margin-left: 66.6666666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.3333333333%
}
.offset-xxl-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 1921px) {
.col-xxxl-1 {
float: left;
width: 8.3333333333%
}
.col-xxxl-2 {
float: left;
width: 16.6666666667%
}
.col-xxxl-3 {
float: left;
width: 25%
}
.col-xxxl-4 {
float: left;
width: 33.3333333333%
}
.col-xxxl-5 {
float: left;
width: 41.6666666667%
}
.col-xxxl-6 {
float: left;
width: 50%
}
.col-xxxl-7 {
float: left;
width: 58.3333333333%
}
.col-xxxl-8 {
float: left;
width: 66.6666666667%
}
.col-xxxl-9 {
float: left;
width: 75%
}
.col-xxxl-10 {
float: left;
width: 83.3333333333%
}
.col-xxxl-11 {
float: left;
width: 91.6666666667%
}
.col-xxxl-12 {
float: left;
width: 100%
}
.pull-xxxl-0 {
right: auto
}
.pull-xxxl-1 {
right: 8.3333333333%
}
.pull-xxxl-2 {
right: 16.6666666667%
}
.pull-xxxl-3 {
right: 25%
}
.pull-xxxl-4 {
right: 33.3333333333%
}
.pull-xxxl-5 {
right: 41.6666666667%
}
.pull-xxxl-6 {
right: 50%
}
.pull-xxxl-7 {
right: 58.3333333333%
}
.pull-xxxl-8 {
right: 66.6666666667%
}
.pull-xxxl-9 {
right: 75%
}
.pull-xxxl-10 {
right: 83.3333333333%
}
.pull-xxxl-11 {
right: 91.6666666667%
}
.pull-xxxl-12 {
right: 100%
}
.push-xxxl-0 {
left: auto
}
.push-xxxl-1 {
left: 8.3333333333%
}
.push-xxxl-2 {
left: 16.6666666667%
}
.push-xxxl-3 {
left: 25%
}
.push-xxxl-4 {
left: 33.3333333333%
}
.push-xxxl-5 {
left: 41.6666666667%
}
.push-xxxl-6 {
left: 50%
}
.push-xxxl-7 {
left: 58.3333333333%
}
.push-xxxl-8 {
left: 66.6666666667%
}
.push-xxxl-9 {
left: 75%
}
.push-xxxl-10 {
left: 83.3333333333%
}
.push-xxxl-11 {
left: 91.6666666667%
}
.push-xxxl-12 {
left: 100%
}
.offset-xxxl-0 {
margin-left: 0%
}
.offset-xxxl-1 {
margin-left: 8.3333333333%
}
.offset-xxxl-2 {
margin-left: 16.6666666667%
}
.offset-xxxl-3 {
margin-left: 25%
}
.offset-xxxl-4 {
margin-left: 33.3333333333%
}
.offset-xxxl-5 {
margin-left: 41.6666666667%
}
.offset-xxxl-6 {
margin-left: 50%
}
.offset-xxxl-7 {
margin-left: 58.3333333333%
}
.offset-xxxl-8 {
margin-left: 66.6666666667%
}
.offset-xxxl-9 {
margin-left: 75%
}
.offset-xxxl-10 {
margin-left: 83.3333333333%
}
.offset-xxxl-11 {
margin-left: 91.6666666667%
}
}
.dropup,
.dropdown {
position: relative
}
.dropdown-toggle:after {
display: inline-block;
width: 0;
height: 0;
margin-left: .3em;
vertical-align: middle;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-left: .3em solid transparent
}
.dropdown-toggle:focus {
outline: 0
}
.dropup .dropdown-toggle:after {
border-top: 0;
border-bottom: .3em solid
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 1rem;
color: #000;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem
}
.dropdown-divider {
height: 1px;
margin: .5rem 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-item {
display: block;
width: 100%;
padding: 3px 20px;
clear: both;
font-weight: 400;
color: #373a3c;
text-align: inherit;
white-space: nowrap;
background: none;
border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #2b2d2f;
text-decoration: none;
background-color: #f5f5f5
}
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
color: #fff;
text-decoration: none;
background-color: #0275d8;
outline: 0
}
.dropdown-item.disabled,
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
color: #818a91
}
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"
}
.open>.dropdown-menu {
display: block
}
.open>a {
outline: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
.dropdown-menu-left {
right: auto;
left: 0
}
.dropdown-header {
display: block;
padding: 5px 20px;
font-size: .875rem;
color: #818a91;
white-space: nowrap
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: .3em solid
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden
}
.embed-responsive .embed-responsive-item,
.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-responsive-21by9 {
padding-bottom: 42.8571428571%
}
.embed-responsive-16by9 {
padding-bottom: 56.25%
}
.embed-responsive-4by3 {
padding-bottom: 75%
}
.embed-responsive-1by1 {
padding-bottom: 100%
}
.bg-inverse {
background-color: #373a3c
}
.bg-faded {
background-color: #f7f7f9
}
.bg-primary {
color: #fff !important;
background-color: #0275d8 !important
}
a.bg-primary:focus,
a.bg-primary:hover {
background-color: #025aa5 !important
}
.bg-success {
color: #fff !important;
background-color: #5cb85c !important
}
a.bg-success:focus,
a.bg-success:hover {
background-color: #449d44 !important
}
.bg-info {
color: #fff !important;
background-color: #5bc0de !important
}
a.bg-info:focus,
a.bg-info:hover {
background-color: #31b0d5 !important
}
.bg-warning {
color: #fff !important;
background-color: #f0ad4e !important
}
a.bg-warning:focus,
a.bg-warning:hover {
background-color: #ec971f !important
}
.bg-danger {
color: #fff !important;
background-color: #d9534f !important
}
a.bg-danger:focus,
a.bg-danger:hover {
background-color: #c9302c !important
}
.clearfix:after {
content: "";
display: table;
clear: both
}
.pull-xs-left {
float: left !important
}
.pull-xs-right {
float: right !important
}
.pull-xs-none {
float: none !important
}
@media (min-width: 544px) {
.pull-sm-left {
float: left !important
}
.pull-sm-right {
float: right !important
}
.pull-sm-none {
float: none !important
}
}
@media (min-width: 768px) {
.pull-md-left {
float: left !important
}
.pull-md-right {
float: right !important
}
.pull-md-none {
float: none !important
}
}
@media (min-width: 992px) {
.pull-lg-left {
float: left !important
}
.pull-lg-right {
float: right !important
}
.pull-lg-none {
float: none !important
}
}
@media (min-width: 1200px) {
.pull-xl-left {
float: left !important
}
.pull-xl-right {
float: right !important
}
.pull-xl-none {
float: none !important
}
}
@media (min-width: 1600px) {
.pull-xxl-left {
float: left !important
}
.pull-xxl-right {
float: right !important
}
.pull-xxl-none {
float: none !important
}
}
@media (min-width: 1921px) {
.pull-xxxl-left {
float: left !important
}
.pull-xxxl-right {
float: right !important
}
.pull-xxxl-none {
float: none !important
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.m-x-auto {
margin-right: auto !important;
margin-left: auto !important
}
.m-a-0 {
margin: 0 !important
}
.m-t-0 {
margin-top: 0 !important
}
.m-r-0 {
margin-right: 0 !important
}
.m-b-0 {
margin-bottom: 0 !important
}
.m-l-0 {
margin-left: 0 !important
}
.m-x-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.m-y-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.m-a-1 {
margin: 1rem !important
}
.m-t-1 {
margin-top: 1rem !important
}
.m-r-1 {
margin-right: 1rem !important
}
.m-b-1 {
margin-bottom: 1rem !important
}
.m-l-1 {
margin-left: 1rem !important
}
.m-x-1 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.m-y-1 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.m-a-2 {
margin: 1.5rem !important
}
.m-t-2 {
margin-top: 1.5rem !important
}
.m-r-2 {
margin-right: 1.5rem !important
}
.m-b-2 {
margin-bottom: 1.5rem !important
}
.m-l-2 {
margin-left: 1.5rem !important
}
.m-x-2 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.m-y-2 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.m-a-3 {
margin: 3rem !important
}
.m-t-3 {
margin-top: 3rem !important
}
.m-r-3 {
margin-right: 3rem !important
}
.m-b-3 {
margin-bottom: 3rem !important
}
.m-l-3 {
margin-left: 3rem !important
}
.m-x-3 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.m-y-3 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.p-a-0 {
padding: 0 !important
}
.p-t-0 {
padding-top: 0 !important
}
.p-r-0 {
padding-right: 0 !important
}
.p-b-0 {
padding-bottom: 0 !important
}
.p-l-0 {
padding-left: 0 !important
}
.p-x-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.p-y-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.p-a-1 {
padding: 1rem !important
}
.p-t-1 {
padding-top: 1rem !important
}
.p-r-1 {
padding-right: 1rem !important
}
.p-b-1 {
padding-bottom: 1rem !important
}
.p-l-1 {
padding-left: 1rem !important
}
.p-x-1 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.p-y-1 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.p-a-2 {
padding: 1.5rem !important
}
.p-t-2 {
padding-top: 1.5rem !important
}
.p-r-2 {
padding-right: 1.5rem !important
}
.p-b-2 {
padding-bottom: 1.5rem !important
}
.p-l-2 {
padding-left: 1.5rem !important
}
.p-x-2 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.p-y-2 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.p-a-3 {
padding: 3rem !important
}
.p-t-3 {
padding-top: 3rem !important
}
.p-r-3 {
padding-right: 3rem !important
}
.p-b-3 {
padding-bottom: 3rem !important
}
.p-l-3 {
padding-left: 3rem !important
}
.p-x-3 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.p-y-3 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pos-f-t {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.text-justify {
text-align: justify !important
}
.text-nowrap {
white-space: nowrap !important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-xs-left {
text-align: left !important
}
.text-xs-right {
text-align: right !important
}
.text-xs-center {
text-align: center !important
}
@media (min-width: 544px) {
.text-sm-left {
text-align: left !important
}
.text-sm-right {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important
}
.text-md-right {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important
}
.text-lg-right {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important
}
.text-xl-right {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
@media (min-width: 1600px) {
.text-xxl-left {
text-align: left !important
}
.text-xxl-right {
text-align: right !important
}
.text-xxl-center {
text-align: center !important
}
}
@media (min-width: 1921px) {
.text-xxxl-left {
text-align: left !important
}
.text-xxxl-right {
text-align: right !important
}
.text-xxxl-center {
text-align: center !important
}
}
.text-lowercase {
text-transform: lowercase !important
}
.text-uppercase {
text-transform: uppercase !important
}
.text-capitalize {
text-transform: capitalize !important
}
.font-weight-normal {
font-weight: 400
}
.font-weight-bold {
font-weight: 700
}
.font-italic {
font-style: italic
}
.text-muted {
color: #818a91 !important
}
a.text-muted:focus,
a.text-muted:hover {
color: #687077
}
.text-primary {
color: #0275d8 !important
}
a.text-primary:focus,
a.text-primary:hover {
color: #025aa5
}
.text-success {
color: #5cb85c !important
}
a.text-success:focus,
a.text-success:hover {
color: #449d44
}
.text-info {
color: #5bc0de !important
}
a.text-info:focus,
a.text-info:hover {
color: #31b0d5
}
.text-warning {
color: #f0ad4e !important
}
a.text-warning:focus,
a.text-warning:hover {
color: #ec971f
}
.text-danger {
color: #d9534f !important
}
a.text-danger:focus,
a.text-danger:hover {
color: #c9302c
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.invisible {
visibility: hidden !important
}
.hidden-xs-up {
display: none !important
}
@media (max-width: 543px) {
.hidden-xs-down {
display: none !important
}
}
@media (min-width: 544px) {
.hidden-sm-up {
display: none !important
}
}
@media (max-width: 767px) {
.hidden-sm-down {
display: none !important
}
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important
}
}
@media (max-width: 991px) {
.hidden-md-down {
display: none !important
}
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important
}
}
@media (max-width: 1199px) {
.hidden-lg-down {
display: none !important
}
}
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important
}
}
@media (max-width: 1599px) {
.hidden-xl-down {
display: none !important
}
}
@media (min-width: 1600px) {
.hidden-xxl-up {
display: none !important
}
}
@media (max-width: 1920px) {
.hidden-xxl-down {
display: none !important
}
}
@media (min-width: 1921px) {
.hidden-xxxl-up {
display: none !important
}
}
.hidden-xxxl-down,
.visible-print-block {
display: none !important
}
@media print {
.visible-print-block {
display: block !important
}
}
.visible-print-inline {
display: none !important
}
@media print {
.visible-print-inline {
display: inline !important
}
}
.visible-print-inline-block {
display: none !important
}
@media print {
.visible-print-inline-block {
display: inline-block !important
}
}
@media print {
.hidden-print {
display: none !important
}
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
@media (min-width: 544px) {
.w-sm-25 {
width: 25% !important
}
.w-sm-50 {
width: 50% !important
}
.w-sm-75 {
width: 75% !important
}
.w-sm-100 {
width: 100% !important
}
.w-sm-auto {
width: auto !important
}
.h-sm-25 {
height: 25% !important
}
.h-sm-50 {
height: 50% !important
}
.h-sm-75 {
height: 75% !important
}
.h-sm-100 {
height: 100% !important
}
.h-sm-auto {
height: auto !important
}
}
@media (min-width: 768px) {
.w-md-25 {
width: 25% !important
}
.w-md-50 {
width: 50% !important
}
.w-md-75 {
width: 75% !important
}
.w-md-100 {
width: 100% !important
}
.w-md-auto {
width: auto !important
}
.h-md-25 {
height: 25% !important
}
.h-md-50 {
height: 50% !important
}
.h-md-75 {
height: 75% !important
}
.h-md-100 {
height: 100% !important
}
.h-md-auto {
height: auto !important
}
}
@media (min-width: 992px) {
.w-lg-25 {
width: 25% !important
}
.w-lg-50 {
width: 50% !important
}
.w-lg-75 {
width: 75% !important
}
.w-lg-100 {
width: 100% !important
}
.w-lg-auto {
width: auto !important
}
.h-lg-25 {
height: 25% !important
}
.h-lg-50 {
height: 50% !important
}
.h-lg-75 {
height: 75% !important
}
.h-lg-100 {
height: 100% !important
}
.h-lg-auto {
height: auto !important
}
}
@media (min-width: 1200px) {
.w-xl-25 {
width: 25% !important
}
.w-xl-50 {
width: 50% !important
}
.w-xl-75 {
width: 75% !important
}
.w-xl-100 {
width: 100% !important
}
.w-xl-auto {
width: auto !important
}
.h-xl-25 {
height: 25% !important
}
.h-xl-50 {
height: 50% !important
}
.h-xl-75 {
height: 75% !important
}
.h-xl-100 {
height: 100% !important
}
.h-xl-auto {
height: auto !important
}
}
@media (min-width: 1600px) {
.w-xxl-25 {
width: 25% !important
}
.w-xxl-50 {
width: 50% !important
}
.w-xxl-75 {
width: 75% !important
}
.w-xxl-100 {
width: 100% !important
}
.w-xxl-auto {
width: auto !important
}
.h-xxl-25 {
height: 25% !important
}
.h-xxl-50 {
height: 50% !important
}
.h-xxl-75 {
height: 75% !important
}
.h-xxl-100 {
height: 100% !important
}
.h-xxl-auto {
height: auto !important
}
}
@media (min-width: 1921px) {
.w-xxxl-25 {
width: 25% !important
}
.w-xxxl-50 {
width: 50% !important
}
.w-xxxl-75 {
width: 75% !important
}
.w-xxxl-100 {
width: 100% !important
}
.w-xxxl-auto {
width: auto !important
}
.h-xxxl-25 {
height: 25% !important
}
.h-xxxl-50 {
height: 50% !important
}
.h-xxxl-75 {
height: 75% !important
}
.h-xxxl-100 {
height: 100% !important
}
.h-xxxl-auto {
height: auto !important
}
}
.mw-100 {
max-width: 100% !important
}
.mh-100 {
max-height: 100% !important
}
.min-w-1 {
min-width: 1px !important
}
.min-h-1 {
min-height: 1px !important
}
.min-vw-100 {
min-width: 100vw !important
}
.min-vh-100 {
min-height: 100vh !important
}
.vw-100 {
width: 100vw !important
}
.vh-100 {
height: 100vh !important
}
.m-0 {
margin: 0 !important
}
.mt-0,
.my-0 {
margin-top: 0 !important
}
.mr-0,
.mx-0 {
margin-right: 0 !important
}
.mb-0,
.my-0 {
margin-bottom: 0 !important
}
.ml-0,
.mx-0 {
margin-left: 0 !important
}
.m-1 {
margin: .25rem !important
}
.mt-1,
.my-1 {
margin-top: .25rem !important
}
.mr-1,
.mx-1 {
margin-right: .25rem !important
}
.mb-1,
.my-1 {
margin-bottom: .25rem !important
}
.ml-1,
.mx-1 {
margin-left: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.mt-2,
.my-2 {
margin-top: .5rem !important
}
.mr-2,
.mx-2 {
margin-right: .5rem !important
}
.mb-2,
.my-2 {
margin-bottom: .5rem !important
}
.ml-2,
.mx-2 {
margin-left: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.mt-3,
.my-3 {
margin-top: 1rem !important
}
.mr-3,
.mx-3 {
margin-right: 1rem !important
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important
}
.ml-3,
.mx-3 {
margin-left: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.mt-5,
.my-5 {
margin-top: 3rem !important
}
.mr-5,
.mx-5 {
margin-right: 3rem !important
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important
}
.ml-5,
.mx-5 {
margin-left: 3rem !important
}
.p-0 {
padding: 0 !important
}
.pt-0,
.py-0 {
padding-top: 0 !important
}
.pr-0,
.px-0 {
padding-right: 0 !important
}
.pb-0,
.py-0 {
padding-bottom: 0 !important
}
.pl-0,
.px-0 {
padding-left: 0 !important
}
.p-1 {
padding: .25rem !important
}
.pt-1,
.py-1 {
padding-top: .25rem !important
}
.pr-1,
.px-1 {
padding-right: .25rem !important
}
.pb-1,
.py-1 {
padding-bottom: .25rem !important
}
.pl-1,
.px-1 {
padding-left: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.pt-2,
.py-2 {
padding-top: .5rem !important
}
.pr-2,
.px-2 {
padding-right: .5rem !important
}
.pb-2,
.py-2 {
padding-bottom: .5rem !important
}
.pl-2,
.px-2 {
padding-left: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.pt-3,
.py-3 {
padding-top: 1rem !important
}
.pr-3,
.px-3 {
padding-right: 1rem !important
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important
}
.pl-3,
.px-3 {
padding-left: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.pt-5,
.py-5 {
padding-top: 3rem !important
}
.pr-5,
.px-5 {
padding-right: 3rem !important
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important
}
.pl-5,
.px-5 {
padding-left: 3rem !important
}
.m-auto {
margin: auto !important
}
.mt-auto,
.my-auto {
margin-top: auto !important
}
.mr-auto,
.mx-auto {
margin-right: auto !important
}
.mb-auto,
.my-auto {
margin-bottom: auto !important
}
.ml-auto,
.mx-auto {
margin-left: auto !important
}
@media (min-width: 544px) {
.m-sm-0 {
margin: 0 !important
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important
}
.m-sm-1 {
margin: .25rem !important
}
.mt-sm-1,
.my-sm-1 {
margin-top: .25rem !important
}
.mr-sm-1,
.mx-sm-1 {
margin-right: .25rem !important
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: .25rem !important
}
.ml-sm-1,
.mx-sm-1 {
margin-left: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.mt-sm-2,
.my-sm-2 {
margin-top: .5rem !important
}
.mr-sm-2,
.mx-sm-2 {
margin-right: .5rem !important
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: .5rem !important
}
.ml-sm-2,
.mx-sm-2 {
margin-left: .5rem !important
}
.m-sm-3 {
margin: 1rem !important
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important
}
.m-sm-4 {
margin: 1.5rem !important
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important
}
.m-sm-5 {
margin: 3rem !important
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important
}
.p-sm-0 {
padding: 0 !important
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important
}
.p-sm-1 {
padding: .25rem !important
}
.pt-sm-1,
.py-sm-1 {
padding-top: .25rem !important
}
.pr-sm-1,
.px-sm-1 {
padding-right: .25rem !important
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: .25rem !important
}
.pl-sm-1,
.px-sm-1 {
padding-left: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.pt-sm-2,
.py-sm-2 {
padding-top: .5rem !important
}
.pr-sm-2,
.px-sm-2 {
padding-right: .5rem !important
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: .5rem !important
}
.pl-sm-2,
.px-sm-2 {
padding-left: .5rem !important
}
.p-sm-3 {
padding: 1rem !important
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important
}
.p-sm-4 {
padding: 1.5rem !important
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important
}
.p-sm-5 {
padding: 3rem !important
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important
}
.m-sm-auto {
margin: auto !important
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.mt-md-1,
.my-md-1 {
margin-top: .25rem !important
}
.mr-md-1,
.mx-md-1 {
margin-right: .25rem !important
}
.mb-md-1,
.my-md-1 {
margin-bottom: .25rem !important
}
.ml-md-1,
.mx-md-1 {
margin-left: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.mt-md-2,
.my-md-2 {
margin-top: .5rem !important
}
.mr-md-2,
.mx-md-2 {
margin-right: .5rem !important
}
.mb-md-2,
.my-md-2 {
margin-bottom: .5rem !important
}
.ml-md-2,
.mx-md-2 {
margin-left: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important
}
.p-md-0 {
padding: 0 !important
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.pt-md-1,
.py-md-1 {
padding-top: .25rem !important
}
.pr-md-1,
.px-md-1 {
padding-right: .25rem !important
}
.pb-md-1,
.py-md-1 {
padding-bottom: .25rem !important
}
.pl-md-1,
.px-md-1 {
padding-left: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.pt-md-2,
.py-md-2 {
padding-top: .5rem !important
}
.pr-md-2,
.px-md-2 {
padding-right: .5rem !important
}
.pb-md-2,
.py-md-2 {
padding-bottom: .5rem !important
}
.pl-md-2,
.px-md-2 {
padding-left: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important
}
.m-md-auto {
margin: auto !important
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.mt-lg-1,
.my-lg-1 {
margin-top: .25rem !important
}
.mr-lg-1,
.mx-lg-1 {
margin-right: .25rem !important
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: .25rem !important
}
.ml-lg-1,
.mx-lg-1 {
margin-left: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.mt-lg-2,
.my-lg-2 {
margin-top: .5rem !important
}
.mr-lg-2,
.mx-lg-2 {
margin-right: .5rem !important
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: .5rem !important
}
.ml-lg-2,
.mx-lg-2 {
margin-left: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important
}
.p-lg-0 {
padding: 0 !important
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.pt-lg-1,
.py-lg-1 {
padding-top: .25rem !important
}
.pr-lg-1,
.px-lg-1 {
padding-right: .25rem !important
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: .25rem !important
}
.pl-lg-1,
.px-lg-1 {
padding-left: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.pt-lg-2,
.py-lg-2 {
padding-top: .5rem !important
}
.pr-lg-2,
.px-lg-2 {
padding-right: .5rem !important
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: .5rem !important
}
.pl-lg-2,
.px-lg-2 {
padding-left: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.mt-xl-1,
.my-xl-1 {
margin-top: .25rem !important
}
.mr-xl-1,
.mx-xl-1 {
margin-right: .25rem !important
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: .25rem !important
}
.ml-xl-1,
.mx-xl-1 {
margin-left: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.mt-xl-2,
.my-xl-2 {
margin-top: .5rem !important
}
.mr-xl-2,
.mx-xl-2 {
margin-right: .5rem !important
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: .5rem !important
}
.ml-xl-2,
.mx-xl-2 {
margin-left: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important
}
.p-xl-0 {
padding: 0 !important
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.pt-xl-1,
.py-xl-1 {
padding-top: .25rem !important
}
.pr-xl-1,
.px-xl-1 {
padding-right: .25rem !important
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: .25rem !important
}
.pl-xl-1,
.px-xl-1 {
padding-left: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.pt-xl-2,
.py-xl-2 {
padding-top: .5rem !important
}
.pr-xl-2,
.px-xl-2 {
padding-right: .5rem !important
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: .5rem !important
}
.pl-xl-2,
.px-xl-2 {
padding-left: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important
}
}
@media (min-width: 1600px) {
.m-xxl-0 {
margin: 0 !important
}
.mt-xxl-0,
.my-xxl-0 {
margin-top: 0 !important
}
.mr-xxl-0,
.mx-xxl-0 {
margin-right: 0 !important
}
.mb-xxl-0,
.my-xxl-0 {
margin-bottom: 0 !important
}
.ml-xxl-0,
.mx-xxl-0 {
margin-left: 0 !important
}
.m-xxl-1 {
margin: .25rem !important
}
.mt-xxl-1,
.my-xxl-1 {
margin-top: .25rem !important
}
.mr-xxl-1,
.mx-xxl-1 {
margin-right: .25rem !important
}
.mb-xxl-1,
.my-xxl-1 {
margin-bottom: .25rem !important
}
.ml-xxl-1,
.mx-xxl-1 {
margin-left: .25rem !important
}
.m-xxl-2 {
margin: .5rem !important
}
.mt-xxl-2,
.my-xxl-2 {
margin-top: .5rem !important
}
.mr-xxl-2,
.mx-xxl-2 {
margin-right: .5rem !important
}
.mb-xxl-2,
.my-xxl-2 {
margin-bottom: .5rem !important
}
.ml-xxl-2,
.mx-xxl-2 {
margin-left: .5rem !important
}
.m-xxl-3 {
margin: 1rem !important
}
.mt-xxl-3,
.my-xxl-3 {
margin-top: 1rem !important
}
.mr-xxl-3,
.mx-xxl-3 {
margin-right: 1rem !important
}
.mb-xxl-3,
.my-xxl-3 {
margin-bottom: 1rem !important
}
.ml-xxl-3,
.mx-xxl-3 {
margin-left: 1rem !important
}
.m-xxl-4 {
margin: 1.5rem !important
}
.mt-xxl-4,
.my-xxl-4 {
margin-top: 1.5rem !important
}
.mr-xxl-4,
.mx-xxl-4 {
margin-right: 1.5rem !important
}
.mb-xxl-4,
.my-xxl-4 {
margin-bottom: 1.5rem !important
}
.ml-xxl-4,
.mx-xxl-4 {
margin-left: 1.5rem !important
}
.m-xxl-5 {
margin: 3rem !important
}
.mt-xxl-5,
.my-xxl-5 {
margin-top: 3rem !important
}
.mr-xxl-5,
.mx-xxl-5 {
margin-right: 3rem !important
}
.mb-xxl-5,
.my-xxl-5 {
margin-bottom: 3rem !important
}
.ml-xxl-5,
.mx-xxl-5 {
margin-left: 3rem !important
}
.p-xxl-0 {
padding: 0 !important
}
.pt-xxl-0,
.py-xxl-0 {
padding-top: 0 !important
}
.pr-xxl-0,
.px-xxl-0 {
padding-right: 0 !important
}
.pb-xxl-0,
.py-xxl-0 {
padding-bottom: 0 !important
}
.pl-xxl-0,
.px-xxl-0 {
padding-left: 0 !important
}
.p-xxl-1 {
padding: .25rem !important
}
.pt-xxl-1,
.py-xxl-1 {
padding-top: .25rem !important
}
.pr-xxl-1,
.px-xxl-1 {
padding-right: .25rem !important
}
.pb-xxl-1,
.py-xxl-1 {
padding-bottom: .25rem !important
}
.pl-xxl-1,
.px-xxl-1 {
padding-left: .25rem !important
}
.p-xxl-2 {
padding: .5rem !important
}
.pt-xxl-2,
.py-xxl-2 {
padding-top: .5rem !important
}
.pr-xxl-2,
.px-xxl-2 {
padding-right: .5rem !important
}
.pb-xxl-2,
.py-xxl-2 {
padding-bottom: .5rem !important
}
.pl-xxl-2,
.px-xxl-2 {
padding-left: .5rem !important
}
.p-xxl-3 {
padding: 1rem !important
}
.pt-xxl-3,
.py-xxl-3 {
padding-top: 1rem !important
}
.pr-xxl-3,
.px-xxl-3 {
padding-right: 1rem !important
}
.pb-xxl-3,
.py-xxl-3 {
padding-bottom: 1rem !important
}
.pl-xxl-3,
.px-xxl-3 {
padding-left: 1rem !important
}
.p-xxl-4 {
padding: 1.5rem !important
}
.pt-xxl-4,
.py-xxl-4 {
padding-top: 1.5rem !important
}
.pr-xxl-4,
.px-xxl-4 {
padding-right: 1.5rem !important
}
.pb-xxl-4,
.py-xxl-4 {
padding-bottom: 1.5rem !important
}
.pl-xxl-4,
.px-xxl-4 {
padding-left: 1.5rem !important
}
.p-xxl-5 {
padding: 3rem !important
}
.pt-xxl-5,
.py-xxl-5 {
padding-top: 3rem !important
}
.pr-xxl-5,
.px-xxl-5 {
padding-right: 3rem !important
}
.pb-xxl-5,
.py-xxl-5 {
padding-bottom: 3rem !important
}
.pl-xxl-5,
.px-xxl-5 {
padding-left: 3rem !important
}
.m-xxl-auto {
margin: auto !important
}
.mt-xxl-auto,
.my-xxl-auto {
margin-top: auto !important
}
.mr-xxl-auto,
.mx-xxl-auto {
margin-right: auto !important
}
.mb-xxl-auto,
.my-xxl-auto {
margin-bottom: auto !important
}
.ml-xxl-auto,
.mx-xxl-auto {
margin-left: auto !important
}
}
@media (min-width: 1921px) {
.m-xxxl-0 {
margin: 0 !important
}
.mt-xxxl-0,
.my-xxxl-0 {
margin-top: 0 !important
}
.mr-xxxl-0,
.mx-xxxl-0 {
margin-right: 0 !important
}
.mb-xxxl-0,
.my-xxxl-0 {
margin-bottom: 0 !important
}
.ml-xxxl-0,
.mx-xxxl-0 {
margin-left: 0 !important
}
.m-xxxl-1 {
margin: .25rem !important
}
.mt-xxxl-1,
.my-xxxl-1 {
margin-top: .25rem !important
}
.mr-xxxl-1,
.mx-xxxl-1 {
margin-right: .25rem !important
}
.mb-xxxl-1,
.my-xxxl-1 {
margin-bottom: .25rem !important
}
.ml-xxxl-1,
.mx-xxxl-1 {
margin-left: .25rem !important
}
.m-xxxl-2 {
margin: .5rem !important
}
.mt-xxxl-2,
.my-xxxl-2 {
margin-top: .5rem !important
}
.mr-xxxl-2,
.mx-xxxl-2 {
margin-right: .5rem !important
}
.mb-xxxl-2,
.my-xxxl-2 {
margin-bottom: .5rem !important
}
.ml-xxxl-2,
.mx-xxxl-2 {
margin-left: .5rem !important
}
.m-xxxl-3 {
margin: 1rem !important
}
.mt-xxxl-3,
.my-xxxl-3 {
margin-top: 1rem !important
}
.mr-xxxl-3,
.mx-xxxl-3 {
margin-right: 1rem !important
}
.mb-xxxl-3,
.my-xxxl-3 {
margin-bottom: 1rem !important
}
.ml-xxxl-3,
.mx-xxxl-3 {
margin-left: 1rem !important
}
.m-xxxl-4 {
margin: 1.5rem !important
}
.mt-xxxl-4,
.my-xxxl-4 {
margin-top: 1.5rem !important
}
.mr-xxxl-4,
.mx-xxxl-4 {
margin-right: 1.5rem !important
}
.mb-xxxl-4,
.my-xxxl-4 {
margin-bottom: 1.5rem !important
}
.ml-xxxl-4,
.mx-xxxl-4 {
margin-left: 1.5rem !important
}
.m-xxxl-5 {
margin: 3rem !important
}
.mt-xxxl-5,
.my-xxxl-5 {
margin-top: 3rem !important
}
.mr-xxxl-5,
.mx-xxxl-5 {
margin-right: 3rem !important
}
.mb-xxxl-5,
.my-xxxl-5 {
margin-bottom: 3rem !important
}
.ml-xxxl-5,
.mx-xxxl-5 {
margin-left: 3rem !important
}
.p-xxxl-0 {
padding: 0 !important
}
.pt-xxxl-0,
.py-xxxl-0 {
padding-top: 0 !important
}
.pr-xxxl-0,
.px-xxxl-0 {
padding-right: 0 !important
}
.pb-xxxl-0,
.py-xxxl-0 {
padding-bottom: 0 !important
}
.pl-xxxl-0,
.px-xxxl-0 {
padding-left: 0 !important
}
.p-xxxl-1 {
padding: .25rem !important
}
.pt-xxxl-1,
.py-xxxl-1 {
padding-top: .25rem !important
}
.pr-xxxl-1,
.px-xxxl-1 {
padding-right: .25rem !important
}
.pb-xxxl-1,
.py-xxxl-1 {
padding-bottom: .25rem !important
}
.pl-xxxl-1,
.px-xxxl-1 {
padding-left: .25rem !important
}
.p-xxxl-2 {
padding: .5rem !important
}
.pt-xxxl-2,
.py-xxxl-2 {
padding-top: .5rem !important
}
.pr-xxxl-2,
.px-xxxl-2 {
padding-right: .5rem !important
}
.pb-xxxl-2,
.py-xxxl-2 {
padding-bottom: .5rem !important
}
.pl-xxxl-2,
.px-xxxl-2 {
padding-left: .5rem !important
}
.p-xxxl-3 {
padding: 1rem !important
}
.pt-xxxl-3,
.py-xxxl-3 {
padding-top: 1rem !important
}
.pr-xxxl-3,
.px-xxxl-3 {
padding-right: 1rem !important
}
.pb-xxxl-3,
.py-xxxl-3 {
padding-bottom: 1rem !important
}
.pl-xxxl-3,
.px-xxxl-3 {
padding-left: 1rem !important
}
.p-xxxl-4 {
padding: 1.5rem !important
}
.pt-xxxl-4,
.py-xxxl-4 {
padding-top: 1.5rem !important
}
.pr-xxxl-4,
.px-xxxl-4 {
padding-right: 1.5rem !important
}
.pb-xxxl-4,
.py-xxxl-4 {
padding-bottom: 1.5rem !important
}
.pl-xxxl-4,
.px-xxxl-4 {
padding-left: 1.5rem !important
}
.p-xxxl-5 {
padding: 3rem !important
}
.pt-xxxl-5,
.py-xxxl-5 {
padding-top: 3rem !important
}
.pr-xxxl-5,
.px-xxxl-5 {
padding-right: 3rem !important
}
.pb-xxxl-5,
.py-xxxl-5 {
padding-bottom: 3rem !important
}
.pl-xxxl-5,
.px-xxxl-5 {
padding-left: 3rem !important
}
.m-xxxl-auto {
margin: auto !important
}
.mt-xxxl-auto,
.my-xxxl-auto {
margin-top: auto !important
}
.mr-xxxl-auto,
.mx-xxxl-auto {
margin-right: auto !important
}
.mb-xxxl-auto,
.my-xxxl-auto {
margin-bottom: auto !important
}
.ml-xxxl-auto,
.mx-xxxl-auto {
margin-left: auto !important
}
}
.anti-grid-gutter {
margin-left: -16px;
margin-right: -16px;
min-width: 100%
}
@media (max-width: 543px) {
.anti-grid-gutter-xs-down {
margin-left: -16px;
margin-right: -16px;
min-width: 100%
}
}
@media (max-width: 767px) {
.anti-grid-gutter-sm-down {
margin-left: -16px;
margin-right: -16px;
min-width: 100%
}
}
@media (max-width: 991px) {
.anti-grid-gutter-md-down {
margin-left: -16px;
margin-right: -16px;
min-width: 100%
}
}
@media (max-width: 1199px) {
.anti-grid-gutter-lg-down {
margin-left: -16px;
margin-right: -16px;
min-width: 100%
}
}
@media (max-width: 1599px) {
.anti-grid-gutter-xl-down {
margin-left: -16px;
margin-right: -16px;
min-width: 100%
}
}
@media (max-width: 1920px) {
.anti-grid-gutter-xxl-down {
margin-left: -16px;
margin-right: -16px;
min-width: 100%
}
}
.anti-grid-gutter-xxxl-down {
margin-left: -16px;
margin-right: -16px;
min-width: 100%
}
.anti-grid-gutter-half {
margin-left: -8px;
margin-right: -8px;
min-width: 100%
}
@media (max-width: 543px) {
.anti-grid-gutter-half-xs-down {
margin-left: -8px;
margin-right: -8px;
min-width: 100%
}
}
@media (max-width: 767px) {
.anti-grid-gutter-half-sm-down {
margin-left: -8px;
margin-right: -8px;
min-width: 100%
}
}
@media (max-width: 991px) {
.anti-grid-gutter-half-md-down {
margin-left: -8px;
margin-right: -8px;
min-width: 100%
}
}
@media (max-width: 1199px) {
.anti-grid-gutter-half-lg-down {
margin-left: -8px;
margin-right: -8px;
min-width: 100%
}
}
@media (max-width: 1599px) {
.anti-grid-gutter-half-xl-down {
margin-left: -8px;
margin-right: -8px;
min-width: 100%
}
}
@media (max-width: 1920px) {
.anti-grid-gutter-half-xxl-down {
margin-left: -8px;
margin-right: -8px;
min-width: 100%
}
}
.anti-grid-gutter-half-xxxl-down {
margin-left: -8px;
margin-right: -8px;
min-width: 100%
}
.grid-gutter-half {
padding-left: 8px;
padding-right: 8px
}
@media (max-width: 543px) {
.grid-gutter-half-xs-down {
padding-left: 8px;
padding-right: 8px
}
}
@media (max-width: 767px) {
.grid-gutter-half-sm-down {
padding-left: 8px;
padding-right: 8px
}
}
@media (max-width: 991px) {
.grid-gutter-half-md-down {
padding-left: 8px;
padding-right: 8px
}
}
@media (max-width: 1199px) {
.grid-gutter-half-lg-down {
padding-left: 8px;
padding-right: 8px
}
}
@media (max-width: 1599px) {
.grid-gutter-half-xl-down {
padding-left: 8px;
padding-right: 8px
}
}
@media (max-width: 1920px) {
.grid-gutter-half-xxl-down {
padding-left: 8px;
padding-right: 8px
}
}
.grid-gutter-half-xxxl-down {
padding-left: 8px;
padding-right: 8px
}
.mb-64 {
margin-bottom: 32px
}
@media (min-width: 768px) {
.mb-64 {
margin-bottom: 64px
}
}
.mb-24 {
margin-bottom: 16px
}
@media (min-width: 768px) {
.mb-24 {
margin-bottom: 24px
}
}
.section-spacer {
margin-bottom: 32px
}
@media (min-width: 992px) {
.section-spacer {
margin-bottom: 64px
}
}
.d-none {
display: none !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
@media (min-width: 544px) {
.d-sm-none {
display: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
}
@media (min-width: 1600px) {
.d-xxl-none {
display: none !important
}
.d-xxl-inline {
display: inline !important
}
.d-xxl-inline-block {
display: inline-block !important
}
.d-xxl-block {
display: block !important
}
.d-xxl-table {
display: table !important
}
.d-xxl-table-row {
display: table-row !important
}
.d-xxl-table-cell {
display: table-cell !important
}
.d-xxl-flex {
display: flex !important
}
.d-xxl-inline-flex {
display: inline-flex !important
}
}
@media (min-width: 1921px) {
.d-xxxl-none {
display: none !important
}
.d-xxxl-inline {
display: inline !important
}
.d-xxxl-inline-block {
display: inline-block !important
}
.d-xxxl-block {
display: block !important
}
.d-xxxl-table {
display: table !important
}
.d-xxxl-table-row {
display: table-row !important
}
.d-xxxl-table-cell {
display: table-cell !important
}
.d-xxxl-flex {
display: flex !important
}
.d-xxxl-inline-flex {
display: inline-flex !important
}
}
@media print {
.d-print-none {
display: none !important
}
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-fill {
flex: 1 1 auto !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.flex-basis-0 {
flex-basis: 0% !important
}
.flex-basis-auto {
flex-basis: auto !important
}
.flex-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
@media (min-width: 544px) {
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
.flex-grow-sm-0 {
flex-grow: 0 !important
}
.flex-grow-sm-1 {
flex-grow: 1 !important
}
.flex-shrink-sm-0 {
flex-shrink: 0 !important
}
.flex-shrink-sm-1 {
flex-shrink: 1 !important
}
.flex-basis-sm-0 {
flex-basis: 0% !important
}
.flex-basis-sm-auto {
flex-basis: auto !important
}
.flex-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
.flex-grow-md-0 {
flex-grow: 0 !important
}
.flex-grow-md-1 {
flex-grow: 1 !important
}
.flex-shrink-md-0 {
flex-shrink: 0 !important
}
.flex-shrink-md-1 {
flex-shrink: 1 !important
}
.flex-basis-md-0 {
flex-basis: 0% !important
}
.flex-basis-md-auto {
flex-basis: auto !important
}
.flex-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
.flex-grow-lg-0 {
flex-grow: 0 !important
}
.flex-grow-lg-1 {
flex-grow: 1 !important
}
.flex-shrink-lg-0 {
flex-shrink: 0 !important
}
.flex-shrink-lg-1 {
flex-shrink: 1 !important
}
.flex-basis-lg-0 {
flex-basis: 0% !important
}
.flex-basis-lg-auto {
flex-basis: auto !important
}
.flex-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
.flex-grow-xl-0 {
flex-grow: 0 !important
}
.flex-grow-xl-1 {
flex-grow: 1 !important
}
.flex-shrink-xl-0 {
flex-shrink: 0 !important
}
.flex-shrink-xl-1 {
flex-shrink: 1 !important
}
.flex-basis-xl-0 {
flex-basis: 0% !important
}
.flex-basis-xl-auto {
flex-basis: auto !important
}
.flex-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
}
@media (min-width: 1600px) {
.flex-xxl-row {
flex-direction: row !important
}
.flex-xxl-column {
flex-direction: column !important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxl-wrap {
flex-wrap: wrap !important
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-xxl-fill {
flex: 1 1 auto !important
}
.justify-content-xxl-start {
justify-content: flex-start !important
}
.justify-content-xxl-end {
justify-content: flex-end !important
}
.justify-content-xxl-center {
justify-content: center !important
}
.justify-content-xxl-between {
justify-content: space-between !important
}
.justify-content-xxl-around {
justify-content: space-around !important
}
.align-items-xxl-start {
align-items: flex-start !important
}
.align-items-xxl-end {
align-items: flex-end !important
}
.align-items-xxl-center {
align-items: center !important
}
.align-items-xxl-baseline {
align-items: baseline !important
}
.align-items-xxl-stretch {
align-items: stretch !important
}
.align-content-xxl-start {
align-content: flex-start !important
}
.align-content-xxl-end {
align-content: flex-end !important
}
.align-content-xxl-center {
align-content: center !important
}
.align-content-xxl-between {
align-content: space-between !important
}
.align-content-xxl-around {
align-content: space-around !important
}
.align-content-xxl-stretch {
align-content: stretch !important
}
.align-self-xxl-auto {
align-self: auto !important
}
.align-self-xxl-start {
align-self: flex-start !important
}
.align-self-xxl-end {
align-self: flex-end !important
}
.align-self-xxl-center {
align-self: center !important
}
.align-self-xxl-baseline {
align-self: baseline !important
}
.align-self-xxl-stretch {
align-self: stretch !important
}
.flex-grow-xxl-0 {
flex-grow: 0 !important
}
.flex-grow-xxl-1 {
flex-grow: 1 !important
}
.flex-shrink-xxl-0 {
flex-shrink: 0 !important
}
.flex-shrink-xxl-1 {
flex-shrink: 1 !important
}
.flex-basis-xxl-0 {
flex-basis: 0% !important
}
.flex-basis-xxl-auto {
flex-basis: auto !important
}
.flex-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
}
@media (min-width: 1921px) {
.flex-xxxl-row {
flex-direction: row !important
}
.flex-xxxl-column {
flex-direction: column !important
}
.flex-xxxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxxl-wrap {
flex-wrap: wrap !important
}
.flex-xxxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-xxxl-fill {
flex: 1 1 auto !important
}
.justify-content-xxxl-start {
justify-content: flex-start !important
}
.justify-content-xxxl-end {
justify-content: flex-end !important
}
.justify-content-xxxl-center {
justify-content: center !important
}
.justify-content-xxxl-between {
justify-content: space-between !important
}
.justify-content-xxxl-around {
justify-content: space-around !important
}
.align-items-xxxl-start {
align-items: flex-start !important
}
.align-items-xxxl-end {
align-items: flex-end !important
}
.align-items-xxxl-center {
align-items: center !important
}
.align-items-xxxl-baseline {
align-items: baseline !important
}
.align-items-xxxl-stretch {
align-items: stretch !important
}
.align-content-xxxl-start {
align-content: flex-start !important
}
.align-content-xxxl-end {
align-content: flex-end !important
}
.align-content-xxxl-center {
align-content: center !important
}
.align-content-xxxl-between {
align-content: space-between !important
}
.align-content-xxxl-around {
align-content: space-around !important
}
.align-content-xxxl-stretch {
align-content: stretch !important
}
.align-self-xxxl-auto {
align-self: auto !important
}
.align-self-xxxl-start {
align-self: flex-start !important
}
.align-self-xxxl-end {
align-self: flex-end !important
}
.align-self-xxxl-center {
align-self: center !important
}
.align-self-xxxl-baseline {
align-self: baseline !important
}
.align-self-xxxl-stretch {
align-self: stretch !important
}
.flex-grow-xxxl-0 {
flex-grow: 0 !important
}
.flex-grow-xxxl-1 {
flex-grow: 1 !important
}
.flex-shrink-xxxl-0 {
flex-shrink: 0 !important
}
.flex-shrink-xxxl-1 {
flex-shrink: 1 !important
}
.flex-basis-xxxl-0 {
flex-basis: 0% !important
}
.flex-basis-xxxl-auto {
flex-basis: auto !important
}
.flex-xxxl-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
}
.position-static {
position: static !important
}
.position-relative {
position: relative
}
.position-absolute {
position: absolute
}
.position-fixed {
position: fixed
}
.top-0 {
top: 0
}
.left-0 {
left: 0
}
.right-0 {
right: 0
}
.bottom-0 {
bottom: 0
}
.box-primary {
background-color: #fff
}
.box-border {
border: 1px solid #b8b8b8
}
.box-shadow {
box-shadow: 0 1px 2px #bfd3e766;
border-radius: 6px;
overflow: hidden
}
.box-error {
background-color: #fdeeef
}
.box-success {
background-color: #e4f6e7
}
.box-none {
background-color: transparent;
border: 0px;
box-shadow: none
}
@media (min-width: 544px) {
.box-sm-primary {
background-color: #fff
}
.box-sm-border {
border: 1px solid #b8b8b8
}
.box-sm-shadow {
box-shadow: 0 1px 2px #bfd3e766;
border-radius: 6px;
overflow: hidden
}
.box-sm-error {
background-color: #fdeeef
}
.box-sm-success {
background-color: #e4f6e7
}
.box-sm-none {
background-color: transparent;
border: 0px;
box-shadow: none
}
}
@media (min-width: 768px) {
.box-md-primary {
background-color: #fff
}
.box-md-border {
border: 1px solid #b8b8b8
}
.box-md-shadow {
box-shadow: 0 1px 2px #bfd3e766;
border-radius: 6px;
overflow: hidden
}
.box-md-error {
background-color: #fdeeef
}
.box-md-success {
background-color: #e4f6e7
}
.box-md-none {
background-color: transparent;
border: 0px;
box-shadow: none
}
}
@media (min-width: 992px) {
.box-lg-primary {
background-color: #fff
}
.box-lg-border {
border: 1px solid #b8b8b8
}
.box-lg-shadow {
box-shadow: 0 1px 2px #bfd3e766;
border-radius: 6px;
overflow: hidden
}
.box-lg-error {
background-color: #fdeeef
}
.box-lg-success {
background-color: #e4f6e7
}
.box-lg-none {
background-color: transparent;
border: 0px;
box-shadow: none
}
}
@media (min-width: 1200px) {
.box-xl-primary {
background-color: #fff
}
.box-xl-border {
border: 1px solid #b8b8b8
}
.box-xl-shadow {
box-shadow: 0 1px 2px #bfd3e766;
border-radius: 6px;
overflow: hidden
}
.box-xl-error {
background-color: #fdeeef
}
.box-xl-success {
background-color: #e4f6e7
}
.box-xl-none {
background-color: transparent;
border: 0px;
box-shadow: none
}
}
@media (min-width: 1600px) {
.box-xxl-primary {
background-color: #fff
}
.box-xxl-border {
border: 1px solid #b8b8b8
}
.box-xxl-shadow {
box-shadow: 0 1px 2px #bfd3e766;
border-radius: 6px;
overflow: hidden
}
.box-xxl-error {
background-color: #fdeeef
}
.box-xxl-success {
background-color: #e4f6e7
}
.box-xxl-none {
background-color: transparent;
border: 0px;
box-shadow: none
}
}
@media (min-width: 1921px) {
.box-xxxl-primary {
background-color: #fff
}
.box-xxxl-border {
border: 1px solid #b8b8b8
}
.box-xxxl-shadow {
box-shadow: 0 1px 2px #bfd3e766;
border-radius: 6px;
overflow: hidden
}
.box-xxxl-error {
background-color: #fdeeef
}
.box-xxxl-success {
background-color: #e4f6e7
}
.box-xxxl-none {
background-color: transparent;
border: 0px;
box-shadow: none
}
}
.box-padded {
padding: 16px 20px
}
@media (min-width: 992px) {
.box-padded {
padding: 1.4285714286em 2.1428571429em
}
}
.border-up {
border: 1px solid #b8b8b8
}
.border-top {
border-top: 1px solid #b8b8b8 !important
}
.border-bottom {
border-bottom: 1px solid #b8b8b8 !important
}
.border-none {
border: 0 !important
}
@media (min-width: 544px) {
.border-sm-up {
border: 1px solid #b8b8b8
}
.border-sm-top {
border-top: 1px solid #b8b8b8 !important
}
.border-sm-bottom {
border-bottom: 1px solid #b8b8b8 !important
}
.border-sm-none {
border: 0 !important
}
}
@media (min-width: 768px) {
.border-md-up {
border: 1px solid #b8b8b8
}
.border-md-top {
border-top: 1px solid #b8b8b8 !important
}
.border-md-bottom {
border-bottom: 1px solid #b8b8b8 !important
}
.border-md-none {
border: 0 !important
}
}
@media (min-width: 992px) {
.border-lg-up {
border: 1px solid #b8b8b8
}
.border-lg-top {
border-top: 1px solid #b8b8b8 !important
}
.border-lg-bottom {
border-bottom: 1px solid #b8b8b8 !important
}
.border-lg-none {
border: 0 !important
}
}
@media (min-width: 1200px) {
.border-xl-up {
border: 1px solid #b8b8b8
}
.border-xl-top {
border-top: 1px solid #b8b8b8 !important
}
.border-xl-bottom {
border-bottom: 1px solid #b8b8b8 !important
}
.border-xl-none {
border: 0 !important
}
}
@media (min-width: 1600px) {
.border-xxl-up {
border: 1px solid #b8b8b8
}
.border-xxl-top {
border-top: 1px solid #b8b8b8 !important
}
.border-xxl-bottom {
border-bottom: 1px solid #b8b8b8 !important
}
.border-xxl-none {
border: 0 !important
}
}
@media (min-width: 1921px) {
.border-xxxl-up {
border: 1px solid #b8b8b8
}
.border-xxxl-top {
border-top: 1px solid #b8b8b8 !important
}
.border-xxxl-bottom {
border-bottom: 1px solid #b8b8b8 !important
}
.border-xxxl-none {
border: 0 !important
}
}
.column-xs-2 {
column-gap: 32px;
column-count: 2
}
.column-xs-none {
column-count: initial
}
@media (min-width: 544px) {
.column-sm-2 {
column-gap: 32px;
column-count: 2
}
.column-sm-none {
column-count: initial
}
}
@media (min-width: 768px) {
.column-md-2 {
column-gap: 32px;
column-count: 2
}
.column-md-none {
column-count: initial
}
}
@media (min-width: 992px) {
.column-lg-2 {
column-gap: 32px;
column-count: 2
}
.column-lg-none {
column-count: initial
}
}
@media (min-width: 1200px) {
.column-xl-2 {
column-gap: 32px;
column-count: 2
}
.column-xl-none {
column-count: initial
}
}
@media (min-width: 1600px) {
.column-xxl-2 {
column-gap: 32px;
column-count: 2
}
.column-xxl-none {
column-count: initial
}
}
@media (min-width: 1921px) {
.column-xxxl-2 {
column-gap: 32px;
column-count: 2
}
.column-xxxl-none {
column-count: initial
}
}
.column-child {
break-inside: avoid;
display: inline-block;
width: 100%;
flex: 0 0 100%
}
.hidden {
display: none !important
}
@media (max-width: 543px) {
.hidden-xs-only {
display: none !important
}
}
@media (min-width: 544px) and (max-width: 767px) {
.hidden-sm-only {
display: none !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-md-only {
display: none !important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-lg-only {
display: none !important
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.hidden-xl-only {
display: none !important
}
}
@media (min-width: 1600px) and (max-width: 1920px) {
.hidden-xxl-only {
display: none !important
}
}
@media (min-width: 1921px) {
.hidden-xxxl-only {
display: none !important
}
}
.order {
display: flex;
flex-wrap: wrap
}
@media (max-width: 543px) {
.order-xs-down--1 {
order: -1
}
}
.order-xs-up--1 {
order: -1
}
@media (max-width: 543px) {
.order-xs-down-0 {
order: 0
}
}
.order-xs-up-0 {
order: 0
}
@media (max-width: 543px) {
.order-xs-down-1 {
order: 1
}
}
.order-xs-up-1 {
order: 1
}
@media (max-width: 543px) {
.order-xs-down-2 {
order: 2
}
}
.order-xs-up-2 {
order: 2
}
@media (max-width: 543px) {
.order-xs-down-3 {
order: 3
}
}
.order-xs-up-3 {
order: 3
}
@media (max-width: 543px) {
.order-xs-down-4 {
order: 4
}
}
.order-xs-up-4 {
order: 4
}
@media (max-width: 543px) {
.order-xs-down-5 {
order: 5
}
}
.order-xs-up-5 {
order: 5
}
@media (max-width: 543px) {
.order-xs-down-6 {
order: 6
}
}
.order-xs-up-6 {
order: 6
}
@media (max-width: 543px) {
.order-xs-down-7 {
order: 7
}
}
.order-xs-up-7 {
order: 7
}
@media (max-width: 543px) {
.order-xs-down-8 {
order: 8
}
}
.order-xs-up-8 {
order: 8
}
@media (max-width: 543px) {
.order-xs-down-9 {
order: 9
}
}
.order-xs-up-9 {
order: 9
}
@media (max-width: 543px) {
.order-xs-down-10 {
order: 10
}
}
.order-xs-up-10 {
order: 10
}
@media (max-width: 767px) {
.order-sm-down--1 {
order: -1
}
}
@media (min-width: 544px) {
.order-sm-up--1 {
order: -1
}
}
@media (max-width: 767px) {
.order-sm-down-0 {
order: 0
}
}
@media (min-width: 544px) {
.order-sm-up-0 {
order: 0
}
}
@media (max-width: 767px) {
.order-sm-down-1 {
order: 1
}
}
@media (min-width: 544px) {
.order-sm-up-1 {
order: 1
}
}
@media (max-width: 767px) {
.order-sm-down-2 {
order: 2
}
}
@media (min-width: 544px) {
.order-sm-up-2 {
order: 2
}
}
@media (max-width: 767px) {
.order-sm-down-3 {
order: 3
}
}
@media (min-width: 544px) {
.order-sm-up-3 {
order: 3
}
}
@media (max-width: 767px) {
.order-sm-down-4 {
order: 4
}
}
@media (min-width: 544px) {
.order-sm-up-4 {
order: 4
}
}
@media (max-width: 767px) {
.order-sm-down-5 {
order: 5
}
}
@media (min-width: 544px) {
.order-sm-up-5 {
order: 5
}
}
@media (max-width: 767px) {
.order-sm-down-6 {
order: 6
}
}
@media (min-width: 544px) {
.order-sm-up-6 {
order: 6
}
}
@media (max-width: 767px) {
.order-sm-down-7 {
order: 7
}
}
@media (min-width: 544px) {
.order-sm-up-7 {
order: 7
}
}
@media (max-width: 767px) {
.order-sm-down-8 {
order: 8
}
}
@media (min-width: 544px) {
.order-sm-up-8 {
order: 8
}
}
@media (max-width: 767px) {
.order-sm-down-9 {
order: 9
}
}
@media (min-width: 544px) {
.order-sm-up-9 {
order: 9
}
}
@media (max-width: 767px) {
.order-sm-down-10 {
order: 10
}
}
@media (min-width: 544px) {
.order-sm-up-10 {
order: 10
}
}
@media (max-width: 991px) {
.order-md-down--1 {
order: -1
}
}
@media (min-width: 768px) {
.order-md-up--1 {
order: -1
}
}
@media (max-width: 991px) {
.order-md-down-0 {
order: 0
}
}
@media (min-width: 768px) {
.order-md-up-0 {
order: 0
}
}
@media (max-width: 991px) {
.order-md-down-1 {
order: 1
}
}
@media (min-width: 768px) {
.order-md-up-1 {
order: 1
}
}
@media (max-width: 991px) {
.order-md-down-2 {
order: 2
}
}
@media (min-width: 768px) {
.order-md-up-2 {
order: 2
}
}
@media (max-width: 991px) {
.order-md-down-3 {
order: 3
}
}
@media (min-width: 768px) {
.order-md-up-3 {
order: 3
}
}
@media (max-width: 991px) {
.order-md-down-4 {
order: 4
}
}
@media (min-width: 768px) {
.order-md-up-4 {
order: 4
}
}
@media (max-width: 991px) {
.order-md-down-5 {
order: 5
}
}
@media (min-width: 768px) {
.order-md-up-5 {
order: 5
}
}
@media (max-width: 991px) {
.order-md-down-6 {
order: 6
}
}
@media (min-width: 768px) {
.order-md-up-6 {
order: 6
}
}
@media (max-width: 991px) {
.order-md-down-7 {
order: 7
}
}
@media (min-width: 768px) {
.order-md-up-7 {
order: 7
}
}
@media (max-width: 991px) {
.order-md-down-8 {
order: 8
}
}
@media (min-width: 768px) {
.order-md-up-8 {
order: 8
}
}
@media (max-width: 991px) {
.order-md-down-9 {
order: 9
}
}
@media (min-width: 768px) {
.order-md-up-9 {
order: 9
}
}
@media (max-width: 991px) {
.order-md-down-10 {
order: 10
}
}
@media (min-width: 768px) {
.order-md-up-10 {
order: 10
}
}
@media (max-width: 1199px) {
.order-lg-down--1 {
order: -1
}
}
@media (min-width: 992px) {
.order-lg-up--1 {
order: -1
}
}
@media (max-width: 1199px) {
.order-lg-down-0 {
order: 0
}
}
@media (min-width: 992px) {
.order-lg-up-0 {
order: 0
}
}
@media (max-width: 1199px) {
.order-lg-down-1 {
order: 1
}
}
@media (min-width: 992px) {
.order-lg-up-1 {
order: 1
}
}
@media (max-width: 1199px) {
.order-lg-down-2 {
order: 2
}
}
@media (min-width: 992px) {
.order-lg-up-2 {
order: 2
}
}
@media (max-width: 1199px) {
.order-lg-down-3 {
order: 3
}
}
@media (min-width: 992px) {
.order-lg-up-3 {
order: 3
}
}
@media (max-width: 1199px) {
.order-lg-down-4 {
order: 4
}
}
@media (min-width: 992px) {
.order-lg-up-4 {
order: 4
}
}
@media (max-width: 1199px) {
.order-lg-down-5 {
order: 5
}
}
@media (min-width: 992px) {
.order-lg-up-5 {
order: 5
}
}
@media (max-width: 1199px) {
.order-lg-down-6 {
order: 6
}
}
@media (min-width: 992px) {
.order-lg-up-6 {
order: 6
}
}
@media (max-width: 1199px) {
.order-lg-down-7 {
order: 7
}
}
@media (min-width: 992px) {
.order-lg-up-7 {
order: 7
}
}
@media (max-width: 1199px) {
.order-lg-down-8 {
order: 8
}
}
@media (min-width: 992px) {
.order-lg-up-8 {
order: 8
}
}
@media (max-width: 1199px) {
.order-lg-down-9 {
order: 9
}
}
@media (min-width: 992px) {
.order-lg-up-9 {
order: 9
}
}
@media (max-width: 1199px) {
.order-lg-down-10 {
order: 10
}
}
@media (min-width: 992px) {
.order-lg-up-10 {
order: 10
}
}
@media (max-width: 1599px) {
.order-xl-down--1 {
order: -1
}
}
@media (min-width: 1200px) {
.order-xl-up--1 {
order: -1
}
}
@media (max-width: 1599px) {
.order-xl-down-0 {
order: 0
}
}
@media (min-width: 1200px) {
.order-xl-up-0 {
order: 0
}
}
@media (max-width: 1599px) {
.order-xl-down-1 {
order: 1
}
}
@media (min-width: 1200px) {
.order-xl-up-1 {
order: 1
}
}
@media (max-width: 1599px) {
.order-xl-down-2 {
order: 2
}
}
@media (min-width: 1200px) {
.order-xl-up-2 {
order: 2
}
}
@media (max-width: 1599px) {
.order-xl-down-3 {
order: 3
}
}
@media (min-width: 1200px) {
.order-xl-up-3 {
order: 3
}
}
@media (max-width: 1599px) {
.order-xl-down-4 {
order: 4
}
}
@media (min-width: 1200px) {
.order-xl-up-4 {
order: 4
}
}
@media (max-width: 1599px) {
.order-xl-down-5 {
order: 5
}
}
@media (min-width: 1200px) {
.order-xl-up-5 {
order: 5
}
}
@media (max-width: 1599px) {
.order-xl-down-6 {
order: 6
}
}
@media (min-width: 1200px) {
.order-xl-up-6 {
order: 6
}
}
@media (max-width: 1599px) {
.order-xl-down-7 {
order: 7
}
}
@media (min-width: 1200px) {
.order-xl-up-7 {
order: 7
}
}
@media (max-width: 1599px) {
.order-xl-down-8 {
order: 8
}
}
@media (min-width: 1200px) {
.order-xl-up-8 {
order: 8
}
}
@media (max-width: 1599px) {
.order-xl-down-9 {
order: 9
}
}
@media (min-width: 1200px) {
.order-xl-up-9 {
order: 9
}
}
@media (max-width: 1599px) {
.order-xl-down-10 {
order: 10
}
}
@media (min-width: 1200px) {
.order-xl-up-10 {
order: 10
}
}
@media (max-width: 1920px) {
.order-xxl-down--1 {
order: -1
}
}
@media (min-width: 1600px) {
.order-xxl-up--1 {
order: -1
}
}
@media (max-width: 1920px) {
.order-xxl-down-0 {
order: 0
}
}
@media (min-width: 1600px) {
.order-xxl-up-0 {
order: 0
}
}
@media (max-width: 1920px) {
.order-xxl-down-1 {
order: 1
}
}
@media (min-width: 1600px) {
.order-xxl-up-1 {
order: 1
}
}
@media (max-width: 1920px) {
.order-xxl-down-2 {
order: 2
}
}
@media (min-width: 1600px) {
.order-xxl-up-2 {
order: 2
}
}
@media (max-width: 1920px) {
.order-xxl-down-3 {
order: 3
}
}
@media (min-width: 1600px) {
.order-xxl-up-3 {
order: 3
}
}
@media (max-width: 1920px) {
.order-xxl-down-4 {
order: 4
}
}
@media (min-width: 1600px) {
.order-xxl-up-4 {
order: 4
}
}
@media (max-width: 1920px) {
.order-xxl-down-5 {
order: 5
}
}
@media (min-width: 1600px) {
.order-xxl-up-5 {
order: 5
}
}
@media (max-width: 1920px) {
.order-xxl-down-6 {
order: 6
}
}
@media (min-width: 1600px) {
.order-xxl-up-6 {
order: 6
}
}
@media (max-width: 1920px) {
.order-xxl-down-7 {
order: 7
}
}
@media (min-width: 1600px) {
.order-xxl-up-7 {
order: 7
}
}
@media (max-width: 1920px) {
.order-xxl-down-8 {
order: 8
}
}
@media (min-width: 1600px) {
.order-xxl-up-8 {
order: 8
}
}
@media (max-width: 1920px) {
.order-xxl-down-9 {
order: 9
}
}
@media (min-width: 1600px) {
.order-xxl-up-9 {
order: 9
}
}
@media (max-width: 1920px) {
.order-xxl-down-10 {
order: 10
}
}
@media (min-width: 1600px) {
.order-xxl-up-10 {
order: 10
}
}
.order-xxxl-down--1 {
order: -1
}
@media (min-width: 1921px) {
.order-xxxl-up--1 {
order: -1
}
}
.order-xxxl-down-0 {
order: 0
}
@media (min-width: 1921px) {
.order-xxxl-up-0 {
order: 0
}
}
.order-xxxl-down-1 {
order: 1
}
@media (min-width: 1921px) {
.order-xxxl-up-1 {
order: 1
}
}
.order-xxxl-down-2 {
order: 2
}
@media (min-width: 1921px) {
.order-xxxl-up-2 {
order: 2
}
}
.order-xxxl-down-3 {
order: 3
}
@media (min-width: 1921px) {
.order-xxxl-up-3 {
order: 3
}
}
.order-xxxl-down-4 {
order: 4
}
@media (min-width: 1921px) {
.order-xxxl-up-4 {
order: 4
}
}
.order-xxxl-down-5 {
order: 5
}
@media (min-width: 1921px) {
.order-xxxl-up-5 {
order: 5
}
}
.order-xxxl-down-6 {
order: 6
}
@media (min-width: 1921px) {
.order-xxxl-up-6 {
order: 6
}
}
.order-xxxl-down-7 {
order: 7
}
@media (min-width: 1921px) {
.order-xxxl-up-7 {
order: 7
}
}
.order-xxxl-down-8 {
order: 8
}
@media (min-width: 1921px) {
.order-xxxl-up-8 {
order: 8
}
}
.order-xxxl-down-9 {
order: 9
}
@media (min-width: 1921px) {
.order-xxxl-up-9 {
order: 9
}
}
.order-xxxl-down-10 {
order: 10
}
@media (min-width: 1921px) {
.order-xxxl-up-10 {
order: 10
}
}
.full-width {
width: 100% !important
}
@media (max-width: 543px) {
.full-width-xs-down {
width: 100% !important
}
}
.full-width-xs-up {
width: 100% !important
}
@media (max-width: 767px) {
.full-width-sm-down {
width: 100% !important
}
}
@media (min-width: 544px) {
.full-width-sm-up {
width: 100% !important
}
}
@media (max-width: 991px) {
.full-width-md-down {
width: 100% !important
}
}
@media (min-width: 768px) {
.full-width-md-up {
width: 100% !important
}
}
@media (max-width: 1199px) {
.full-width-lg-down {
width: 100% !important
}
}
@media (min-width: 992px) {
.full-width-lg-up {
width: 100% !important
}
}
@media (max-width: 1599px) {
.full-width-xl-down {
width: 100% !important
}
}
@media (min-width: 1200px) {
.full-width-xl-up {
width: 100% !important
}
}
@media (max-width: 1920px) {
.full-width-xxl-down {
width: 100% !important
}
}
@media (min-width: 1600px) {
.full-width-xxl-up {
width: 100% !important
}
}
.full-width-xxxl-down {
width: 100% !important
}
@media (min-width: 1921px) {
.full-width-xxxl-up {
width: 100% !important
}
}
.flex-center {
display: flex;
width: 100%
}
.flex-center__spacer {
flex: 0 1 100%
}
.flex-center__center {
flex: 0 0 auto
}
.text-cta {
color: #000
}
.text-secondary {
color: #7c7c7c
}
.text-quinary {
color: #d70081
}
.text-points,
.text-senary {
color: #eb595e
}
.text-weight-bold,
.text-bold {
font-weight: 700 !important
}
.text-weight-normal {
font-weight: 400;
font-family: Inter, sans-serif
}
.text-underline {
text-decoration: underline
}
.text-decoration-none {
text-decoration: none
}
.text-linethrough {
text-decoration: line-through
}
.text-uppercase {
text-transform: uppercase
}
.text-transform-none {
text-transform: none !important
}
.text-capitalize {
text-transform: capitalize
}
.text-italic {
font-style: italic
}
.text-word-margin {
margin: 0 .3571428571em
}
.text-big {
font-size: 1.2em
}
.text-small {
font-size: .7857142857em
}
.text-xlarge {
font-size: 1.2857142857em
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-left {
text-align: left
}
.text-headline-xxxl {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 4rem;
margin-top: 0;
margin-bottom: 0
}
.text-headline-xxl {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 3.4286rem;
margin-top: 0;
margin-bottom: 0
}
.text-headline-xl {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 2.8571rem;
margin-top: 0;
margin-bottom: 0
}
.text-headline-large {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 2.2857rem;
margin-top: 0;
margin-bottom: 0
}
.text-headline-medium {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 2rem;
margin-top: 0;
margin-bottom: 0
}
.text-headline-medium--responsive {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 1.7143rem;
margin-top: 0;
margin-bottom: 0
}
@media (min-width: 768px) {
.text-headline-medium--responsive {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 2rem
}
}
.text-headline-small {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 1.7143rem;
margin-top: 0;
margin-bottom: 0
}
.text-title-xlarge {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
font-size: 1.7143rem;
margin-top: 0;
margin-bottom: 0
}
.text-title-xlarge--responsive {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
font-size: 1.4286rem;
margin-top: 0;
margin-bottom: 0
}
@media (min-width: 768px) {
.text-title-xlarge--responsive {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
font-size: 1.7143rem
}
}
.text-title-large {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
font-size: 1.4286rem;
margin-top: 0;
margin-bottom: 0
}
.text-title-medium {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
font-size: 1.2857rem;
margin-top: 0;
margin-bottom: 0
}
.text-title-small {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
font-size: 1.1429rem;
margin-top: 0;
margin-bottom: 0
}
.text-overline-large {
font-family: Inter, sans-serif;
line-height: 1.2;
letter-spacing: .04em;
text-transform: uppercase;
font-size: 1rem
}
.text-overline-medium {
font-family: Inter, sans-serif;
line-height: 1.2;
letter-spacing: .04em;
text-transform: uppercase;
font-size: .7143rem;
font-weight: 600
}
.text-overline-small {
font-family: Inter, sans-serif;
line-height: 1.2;
letter-spacing: .04em;
text-transform: uppercase;
font-size: .5714rem;
font-weight: 600
}
.text-body-large {
font-family: Inter, sans-serif;
line-height: 1.5;
font-size: 1.1429rem
}
.text-body-large--semi-bold {
font-family: Inter, sans-serif;
line-height: 1.5;
font-size: 1.1429rem;
font-weight: 600
}
.text-body-medium {
font-family: Inter, sans-serif;
line-height: 1.5;
font-size: 1rem
}
.text-body-medium--semi-bold {
font-family: Inter, sans-serif;
line-height: 1.5;
font-size: 1rem;
font-weight: 600
}
.text-body-small {
font-family: Inter, sans-serif;
line-height: 1.5;
line-height: 1.2;
font-size: .8571rem
}
.text-body-small--semi-bold {
font-family: Inter, sans-serif;
line-height: 1.5;
line-height: 1.2;
font-size: .8571rem;
font-weight: 600
}
.text-link-large {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
text-decoration: underline;
font-size: 1.1429rem
}
.text-link-medium {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
text-decoration: underline;
font-size: 1rem
}
.text-link-small {
font-family: Inter, sans-serif;
font-weight: 600;
line-height: 1.2;
text-decoration: underline;
font-size: .8571rem
}
.color--color-11,
.color--color-clubmatas {
color: #eb595e
}
.color--color-clubmatas-font {
color: #002643
}
.color--color-negative {
color: #fff
}
.color--color-font-senary {
color: #eb595e
}
.color--color-24 {
color: #748daa
}
.color--color-font-secondary {
color: #7c7c7c
}
.color--color-quaternary {
color: #f6f6f6
}
.color-font-tertiary {
color: #a9a9a9
}
.bg-my-profile-3 {
background: #efecea !important
}
.bg-negative {
background: #fff !important
}
.bg-senary {
background: #ececec !important
}
.bg-sky {
background-color: #f2f6fa
}
.cursor-pointer {
cursor: pointer !important
}
@media (max-width: 767px) {
.cke_contents {
height: auto !important;
min-height: 200px
}
}
@media (max-width: 767px) {
.cke_wysiwyg_frame {
min-height: 200px
}
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.swiper-invisible-blank-slide {
visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, #00000080, #0000)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, #00000080, #0000)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, #00000080, #0000)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, #00000080, #0000)
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("");
left: 10px;
right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("");
right: 10px;
left: auto
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("")
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("")
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("")
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translateZ(0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: .2s top, .2s -webkit-transform;
transition: .2s top, .2s -webkit-transform;
-o-transition: .2s transform, .2s top;
transition: .2s transform, .2s top;
transition: .2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s left, .2s -webkit-transform;
transition: .2s left, .2s -webkit-transform;
-o-transition: .2s transform, .2s left;
transition: .2s transform, .2s left;
transition: .2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s right, .2s -webkit-transform;
transition: .2s right, .2s -webkit-transform;
-o-transition: .2s transform, .2s right;
transition: .2s transform, .2s right;
transition: .2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar {
background: #00000040;
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: #ffffff40
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: #00000040
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: #0000001a
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: #00000080;
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("")
}
@-webkit-keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
.color-primary-text.color-primary-text {
color: #002643
}
.color-primary-bg.color-primary-bg {
background-color: #002643;
color: #fff
}
.color-secondary-text.color-secondary-text {
color: #f7f6f5
}
.color-secondary-bg.color-secondary-bg {
background-color: #f7f6f5;
color: #000
}
.color-tertiary-text.color-tertiary-text {
color: #efedea
}
.color-tertiary-bg.color-tertiary-bg {
background-color: #efedea;
color: #000
}
.color-quaternary-text.color-quaternary-text {
color: #fff
}
.color-quaternary-bg.color-quaternary-bg {
background-color: #fff;
color: #000
}
.color-cta-primary-text.color-cta-primary-text {
color: #eb595e
}
.color-cta-primary-bg.color-cta-primary-bg {
background-color: #eb595e;
color: #000
}
.color-cta-secondary-text.color-cta-secondary-text {
color: #eb595e
}
.color-cta-secondary-bg.color-cta-secondary-bg {
background-color: #eb595e;
color: #000
}
.color-cta-tertiary-text.color-cta-tertiary-text {
color: #b3911b
}
.color-cta-tertiary-bg.color-cta-tertiary-bg {
background-color: #b3911b;
color: #000
}
.color-cta-quaternary-text.color-cta-quaternary-text {
color: #000
}
.color-cta-quaternary-bg.color-cta-quaternary-bg {
background-color: #000;
color: #fff
}
.color-negative-text.color-negative-text {
color: #fff
}
.color-negative-bg.color-negative-bg {
background-color: #fff;
color: #000
}
.color-positive-text.color-positive-text {
color: #000
}
.color-positive-bg.color-positive-bg {
background-color: #000;
color: #fff
}
.color-color6-text.color-color6-text {
color: #002643
}
.color-color6-bg.color-color6-bg {
background-color: #002643;
color: #fff
}
.color-color17-text.color-color17-text {
color: #e8e3e0
}
.color-color17-bg.color-color17-bg {
background-color: #e8e3e0;
color: #000
}
.color-color22-text.color-color22-text {
color: #748daa
}
.color-color22-bg.color-color22-bg {
background-color: #748daa;
color: #000
}
.color-color11-text.color-color11-text {
color: #eb595e
}
.color-color11-bg.color-color11-bg {
background-color: #eb595e;
color: #000
}
.color-color21-text.color-color21-text {
color: #f49d75
}
.color-color21-bg.color-color21-bg {
background-color: #f49d75;
color: #000
}
.color-color16-text.color-color16-text {
color: #c94c36
}
.color-color16-bg.color-color16-bg {
background-color: #c94c36;
color: #000
}
.color-color19-text.color-color19-text {
color: #e6d7d1
}
.color-color19-bg.color-color19-bg {
background-color: #e6d7d1;
color: #000
}
.color-color18-text.color-color18-text {
color: #f39b9e
}
.color-color18-bg.color-color18-bg {
background-color: #f39b9e;
color: #000
}
.color-color20-text.color-color20-text {
color: #bfd3e7
}
.color-color20-bg.color-color20-bg {
background-color: #bfd3e7;
color: #000
}
.color-color24-text.color-color24-text {
color: #748daa
}
.color-color24-bg.color-color24-bg {
background-color: #748daa;
color: #000
}
.color-color23-text.color-color23-text {
color: #77a189
}
.color-color23-bg.color-color23-bg {
background-color: #77a189;
color: #000
}
.color-matasPlus-text.color-matasPlus-text {
color: #b38b44
}
.color-matasPlus-bg.color-matasPlus-bg {
background-color: #b38b44;
color: #000
}
.icon {
pointer-events: none;
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
fill: #000;
max-height: 100%;
max-width: 100%
}
@media (max-width: 767px) {
.product-page__btn-content .icon {
margin-right: 10px
}
}
.icon--background .icon {
fill: #fff;
width: auto;
height: auto
}
.btn--epaper-back .icon {
fill: #fff;
height: 1.3em;
width: 1.3em;
flex: 0 0 auto;
margin: 0 16px
}
.btn--basket-icon .icon {
fill: #fff
}
.custom-radio-button__icon-list .icon {
margin-left: .2em;
width: 45px;
height: 30px
}
.custom-radio-button__icon-list .icon--mobilepay-horizontal {
width: 90px
}
.btn--double-icon .icon {
flex-shrink: 0;
width: 1.5em;
height: 1.5em;
flex: 0 0 1.5em
}
.label-input__notification--burd .icon {
flex: none;
width: 30px;
height: 30px;
margin-right: 10px
}
@media (min-width: 768px) {
.label-input__notification--burd .icon {
display: inline-block;
vertical-align: bottom;
width: 18px;
height: 18px;
margin-right: 0;
margin-left: 10px
}
}
.product-page .accordion__block-title .icon {
height: 1.8em;
margin-right: .5em
}
.btn__icon .icon {
fill: currentColor;
width: 1.2em;
height: 1.2em
}
.btn__icon .icon.icon--lock-outline {
width: 1.5em;
height: 1.5em
}
.btn__icon .icon.icon--arrow-steptype {
transform: none;
width: 3em;
height: 1.4em
}
.btn__icon--right .btn__icon-spacer:first-child .icon,
.btn__icon--left .btn__icon-spacer:last-child .icon {
margin-right: auto
}
.btn__icon--left .btn__icon-spacer:first-child .icon,
.btn__icon--right .btn__icon-spacer:last-child .icon {
margin-left: auto
}
.btn__icon--left .icon[class*=arrow]:not(.icon--arrow-steptype) {
transform: rotate(90deg)
}
.btn__icon--right .icon[class*=arrow]:not(.icon--arrow-steptype) {
transform: rotate(-90deg)
}
.btn__icon--up .icon[class*=arrow]:not(.icon--arrow-steptype) {
transform: rotate(180deg)
}
.btn__icon--down .icon[class*=arrow]:not(.icon--arrow-steptype) {
transform: rotate(0)
}
.icon--size-1 {
width: .25em;
height: .25em;
flex: 0 0 .25em
}
.icon--size-2 {
width: .5em;
height: .5em;
flex: 0 0 .5em
}
.icon--size-3 {
width: 1em;
height: 1em;
flex: 0 0 1em
}
.icon--size-4 {
width: 1.5em;
height: 1.5em;
flex: 0 0 1.5em
}
.icon--size-5 {
width: 3em;
height: 3em;
flex: 0 0 3em
}
.icon--inline {
display: inline-flex
}
.icon--inherit-color {
fill: currentColor;
stroke: currentColor
}
.icon--background {
width: auto;
height: auto;
background-color: #eb595e;
padding: 16px;
width: 60px;
height: 60px;
border-radius: 100%
}
.form__login-icon--favourite .icon--background {
background-color: #eb595e;
padding-top: 18px;
padding-bottom: 12px
}
.icon--logo {
width: 75px;
height: 18px;
fill: #002643
}
@media (min-width: 768px) {
.icon--logo {
width: 92px;
height: 22px
}
}
@media (min-width: 1200px) {
.icon--logo {
width: 130px;
height: 30px
}
}
.simple-layout .icon--logo {
width: 60px;
height: 20px
}
@media (min-width: 768px) {
.simple-layout .icon--logo {
width: 90px;
height: 30px
}
}
.icon--modal-logo {
height: 50px;
width: 116px;
margin-bottom: 20px
}
.icon--menu {
opacity: 1;
fill: #000;
width: 25px;
height: 25px
}
@media (max-width: 767px) {
.icon--menu {
width: 19px;
height: 19px
}
}
.icon--danger {
width: 32px;
height: 32px;
margin-bottom: 8px
}
@media (min-width: 768px) {
.icon--danger {
width: 40px;
height: 40px
}
}
.icon--breadcrumb {
width: 10px;
height: 1em;
margin: 0 5px;
fill: #7c7c7c
}
@media (max-width: 767px) {
.icon--breadcrumb {
width: 14px;
height: 14px;
margin: 0;
fill: #002643;
max-width: unset;
max-height: unset
}
}
@media (max-width: 767px) {
.state--epaper-session .icon--breadcrumb {
display: none
}
}
.selection .icon--arrow-down {
flex: 0 0 1em;
width: 1em;
height: 1em;
margin-left: 5px
}
.filter-list .selection .icon--arrow-down {
margin-left: 10px
}
.selection--basket .icon--arrow-down {
margin-left: 0;
margin-right: -.4285714286em;
flex: 0 0 1em;
fill: currentColor
}
@media (max-width: 767px) {
.selection--basket .icon--arrow-down {
flex: 0 0 .8em;
width: 10px;
height: 10px
}
}
.selection .state--active .icon--arrow-down {
transform: rotate(180deg)
}
.nav--submenu .nav__item.state--active>.icon--arrow-down {
transition: transform .25s linear;
transform: rotate(180deg)
}
.nav--submenu .icon--arrow-down {
pointer-events: initial;
width: 1em;
height: 1em;
margin-left: auto;
fill: #000;
flex: 0 0 auto;
cursor: pointer;
transition: transform .25s linear;
transform: rotate(0)
}
.product-page__image-slider .icon--arrow-down {
width: 15px;
height: 15px
}
.product-page .accordion__block .icon--arrow-down {
transform: rotate(-90deg);
transition: transform .3s linear
}
.product-page .accordion__block--active .icon--arrow-down {
transform: rotate(0)
}
.filter-list__title .icon--arrow-down {
display: none;
width: .9em;
height: .9em
}
.filter-list--above .filter-list__title .icon--arrow-down {
display: inline-block;
width: .8571428571em;
height: .8571428571em;
transition: transform .1s ease;
transform: rotate(-90deg)
}
@media (min-width: 1200px) {
.filter-list--above .filter-list__title .icon--arrow-down {
transform: rotate(0);
margin-left: auto
}
}
@media (max-width: 1199px) {
.filter-list__title .icon--arrow-down {
display: block;
transition: transform .1s ease
}
}
.filter-list__category.state--active .filter-list__title .icon--arrow-down {
transition: transform .1s ease;
transform: rotate(180deg)
}
.icon--arrow-up {
transform: rotate(180deg)
}
.icon--arrow-down {
transform: rotate(0)
}
.secondary-menu__dropdown-btn .icon--arrow-down {
margin-left: auto;
width: 20px;
height: 20px
}
.icon--arrow-right {
transform: rotate(-90deg)
}
.nav--mobile-menu .icon--arrow-right,
.filter-list-menu-modal .icon--arrow-right {
width: 12px;
height: 12px
}
.nav--mobile-menu .nav__link:focus .icon--arrow-right,
.nav--mobile-menu .nav__link:hover .icon--arrow-right,
.nav--mobile-menu .nav__link:active .icon--arrow-right {
fill: currentColor
}
.btn--current-nav-item .icon--arrow-right {
width: 12px;
height: 12px;
fill: #7c7c7c;
margin-left: 10px
}
.nav-help .icon--arrow-right {
display: inline;
width: 12px;
height: 12px;
fill: #7c7c7c
}
.nav-help>.nav-help__list>.nav-help__item>.icon--arrow-right {
display: none;
height: 16px;
width: 16px
}
.customer-support .icon--arrow-right {
width: 1.25em;
height: 1.25em
}
.paging__icon .icon--arrow-right {
width: 9px;
height: 9px
}
.btn--with-icon .icon--arrow-right {
height: 1.2em;
width: 1.2em;
margin-left: 5px;
flex: 0 0 auto;
fill: currentColor
}
.onboarding__menu-button .icon--arrow-right {
width: 15px;
height: 15px
}
.box-layout__arrow .icon--arrow-right {
width: 20px;
height: 20px
}
.icon--arrow-left {
transform: rotate(90deg)
}
.btn--back .icon--arrow-left {
width: 12px;
height: 16px;
fill: #000
}
.btn--search-close .icon--arrow-left {
width: 20px;
height: 20px;
display: inline-block;
margin-top: 5px
}
.btn--submenu-back .icon--arrow-left {
width: 15px;
height: 15px;
display: inline-block;
margin-right: 5px
}
.paging__icon .icon--arrow-left {
width: 9px;
height: 9px
}
.productlist__breadcrumb .icon--arrow-left {
width: 15px;
height: 15px
}
.icon--search {
width: 25px;
height: 25px;
stroke: #000;
stroke-width: 10
}
@media (max-width: 767px) {
.icon--search {
width: 19px;
height: 19px
}
}
.session-menu__btns .icon--booking,
.session-menu__btns .icon--gift-outline,
.session-menu__btns .icon--favourite,
.session-menu__btns .icon--cart,
.session-menu__btns .icon--person,
.session-menu__btns .icon--maps-pin-outline,
.session-menu__btns .icon--icon--search,
.session-menu__btns .icon--arrow-loop {
fill: transparent;
stroke: currentColor;
width: 25px;
height: 25px;
stroke-width: 5
}
@media (max-width: 767px) {
.session-menu__btns .icon--booking,
.session-menu__btns .icon--gift-outline,
.session-menu__btns .icon--favourite,
.session-menu__btns .icon--cart,
.session-menu__btns .icon--person,
.session-menu__btns .icon--maps-pin-outline,
.session-menu__btns .icon--icon--search,
.session-menu__btns .icon--arrow-loop {
width: 19px;
height: 19px
}
}
.session-menu__btns .icon--arrow-loop {
stroke-width: 0
}
.session-menu__btns .icon--cart {
fill: currentColor
}
.icon--favourite {
width: 25px;
height: 25px;
stroke-width: 30
}
.session-menu__btns .icon--favourite {
stroke-width: 30
}
.basket-line__add-to-favourites .icon--favourite {
margin-right: .4em;
width: 16px;
height: 16px
}
.basket-line__add-to-favourites .icon--favourite,
.product-page__add-to-favourites .icon--favourite {
cursor: pointer;
fill: transparent;
stroke: #000
}
@media (min-width: 992px) {
.basket-line__add-to-favourites:hover .icon--favourite,
.product-page__add-to-favourites:hover .icon--favourite {
fill: #eb595e;
stroke: #eb595e !important
}
}
input[type=checkbox]:checked~.icon--favourite {
fill: #eb595e;
stroke: #eb595e
}
.favorites-teaser__placeholder .icon--favourite {
fill: #eb595e;
stroke: #eb595e;
width: 50px;
height: 50px
}
.product-page__buy .icon--favourite {
width: 24px;
height: 24px;
padding: 0
}
.icon--gift-outline {
fill: #000;
stroke: #000;
stroke-width: .2
}
.session-menu__btns .icon--gift-outline {
fill: currentColor;
stroke: currentColor;
stroke-width: .2
}
.icon--maps-pin-outline {
fill: #000;
stroke-width: 5
}
.session-menu__btns .icon--maps-pin-outline {
fill: currentColor;
stroke-width: 10px
}
.icon--person {
fill: #000
}
.session-menu__btns .icon--person {
fill: currentColor
}
.icon--change {
pointer-events: auto;
position: relative
}
.icon--change:hover .icon--change-from {
opacity: 0;
transition: opacity .1s linear
}
.icon--change:hover .icon--change-to {
opacity: 1;
transition: opacity .1s linear
}
input[type=radio]~.icon .icon--change {
display: none
}
.icon--mobile-filter-close {
width: 15px;
height: 15px;
margin-left: 20px
}
.icon .icon--change-from,
.icon .icon--change-to {
transition: opacity .1s linear;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0
}
.icon--change-to {
opacity: 0
}
input[type=radio]:checked~.icon .icon--change-from {
display: none;
opacity: 0
}
input[type=radio]:checked~.icon .icon--change-to {
display: block;
opacity: 1
}
.icon--close {
width: 20px;
height: 20px;
fill: #000
}
.ui-modal--video .icon--close {
fill: #fff
}
.btn--close .icon--close {
width: 15px;
height: 19px;
flex: 0 0 auto
}
.filter-list--above .icon--close {
width: 13px;
height: 14px;
fill: currentColor
}
.filter-list__btn-container .icon--close {
margin-right: 20px
}
.icon--review-stars-fill {
fill: #002643
}
.icon--review-stars-background {
fill: #999;
stroke-width: 10px
}
.product-item__rating .icon--review-stars-background {
fill: #cdced0
}
.icon--rating {
pointer-events: none;
width: auto;
height: auto
}
.product-item__rating .icon--rating,
.productRegime__productRating .icon--rating {
width: 5.7142857143rem;
height: 1.0714285714rem
}
.product-reviews__average .icon--rating {
width: 8.5714285714rem;
height: 1.5714285714rem
}
@media (min-width: 992px) {
.product-reviews__average .icon--rating {
width: 10.7142857143rem;
height: 1.9285714286rem
}
}
.product-reviews__item-rating .icon--rating {
width: 5.7142857143rem;
height: 1.0714285714rem
}
@media (min-width: 992px) {
.product-reviews__item-rating .icon--rating {
width: 8.5714285714rem;
height: 1.5714285714rem
}
}
.product-line__average .icon--rating,
.product-line__item-rating .icon--rating {
width: 9.2857142857rem;
height: 1.6428571429rem
}
.product-reviews__item-rating--big .icon--rating {
width: 250px;
height: 45px
}
.product-reviews__rating-details .icon--rating {
width: 90px
}
.selection .icon--rating {
width: 100%;
max-width: 100px
}
.product-reviews__form-rating-stars .icon--rating {
max-width: 100%;
width: 125px;
height: 23px;
margin: 0 auto
}
.product-reviews__form-rating-stars .icon--rating use {
pointer-events: none
}
.icon--closeCookie {
fill: currentColor;
width: 17px;
height: 17px
}
.icon--brand-luxury,
.icon--brand-derma,
.icon--brand-prohaircare {
display: inline-block;
width: 16px;
height: 16px
}
.brand-list__search-container .icon--brand-luxury,
.brand-list__search-container .icon--brand-derma,
.brand-list__search-container .icon--brand-prohaircare {
margin-left: 16px
}
.icon--product-header-rating {
max-width: 100%
}
.icon--product-header-rating svg {
width: auto;
height: auto
}
.icon--accordion {
width: 1em;
height: 1em;
flex: 0 0 1em
}
.accordion__block--active .icon--accordion {
transform: rotate(180deg)
}
.product-page .accordion__block-title .icon--accordion {
margin-right: 0
}
.icon--payment {
flex: 0 1 auto
}
@media (max-width: 543px) {
.icon--payment {
padding: 0
}
}
.card-rounded:not(.card-rounded--payment-type) .icon--payment {
flex: 0 1 60px;
margin-top: 5px;
margin-right: 16px
}
.payment-methods .icon--payment {
flex: 1 0 auto;
margin-right: 0;
margin-top: 5px
}
.box-layout__icons .icon--payment {
width: 40px
}
.icon--delivery {
width: 80px;
max-width: 100%
}
.icon--delivery.icon--postdanmark {
width: 120px
}
.icon--delivery.icon--instabox {
width: 65px
}
.subscription-delivery-box .icon--delivery {
width: 35px
}
.icon--clubmatas-logo {
display: inline;
width: 135px;
height: 24px
}
@media (max-width: 767px) {
.icon--clubmatas-logo {
width: 112px;
height: 25px
}
}
.heading--sub .icon--clubmatas-logo {
width: 6.2222222222em;
height: 1.1111111111em
}
@media (min-width: 992px) {
.heading--sub .icon--clubmatas-logo {
width: 6.75em;
height: 1.2em
}
}
.receipt__banner .icon--clubmatas-logo {
margin-right: 16px;
margin-bottom: 10px
}
.input-form__banner .icon--clubmatas-logo {
margin: -8px 5px
}
@media (max-width: 767px) {
.input-form__banner .icon--clubmatas-logo {
height: 25px;
width: 80px;
margin: -5px 4px
}
}
.aside-nav__link-clubmatas .icon--clubmatas-logo {
height: 1.2em;
width: 6.8em
}
.clubcard__logo .icon--clubmatas-logo {
height: 4em;
width: 14em
}
.my-profile-frontpage__club-logo .icon--clubmatas-logo {
height: 3.5714285714em;
width: 12.5em
}
.icon--club {
width: 40px;
max-width: 100%
}
.icon--facebook {
fill: #1877f2
}
.matas-social .icon--facebook {
fill: #fff
}
.icon--vimeo {
fill: #cd332d
}
.matas-social .icon--vimeo {
fill: #fff
}
.icon--x {
fill: #000
}
.filter-list__item--active .icon--x {
fill: #000;
height: .75em;
width: .75em;
transition: fill .15s ease
}
.filter-list__item--active:hover .icon--x {
fill: #000;
transition: fill .15s ease
}
.order-summary__line .icon--x {
width: 1.5em;
height: 1.5em;
padding: .25em
}
.icon--info {
fill: currentColor
}
.tooltip__button .icon--info {
fill: #fff
}
.product-summary .icon--checkmark {
width: .88em;
height: .88em;
margin-right: 5px;
fill: #000;
flex: 0 0 auto
}
.custom-checkbox .icon--checkmark {
fill: #fff
}
.product-reviews__item-recommended .icon--checkmark {
width: 1.2em;
height: 1.2em;
margin-right: .8em;
fill: #000
}
.product-page__variants-selected-icon .icon--checkmark {
border-radius: 50%;
background: #0000008c;
fill: #fff;
width: 25px;
height: 25px;
padding: 5px;
z-index: 1;
position: absolute;
left: 50%;
transform: translate(-50%) translateY(-50%);
top: 50%
}
.custom-checkbox-input:not(.custom-checkbox-input--wrapping)~.custom-checkbox__graphics .icon--checkmark {
display: none
}
.custom-checkbox-input:not(.custom-checkbox-input--wrapping):checked~.custom-checkbox__graphics .icon--checkmark {
display: inline-block
}
.icon--product-stock {
width: 1em;
height: 1em;
fill: #2fdb20;
flex: 0 0 1em;
align-self: flex-start
}
.icon--product-stock-high {
fill: #2fdb20
}
.icon--product-stock-low {
fill: #ffcf27
}
.icon--product-stock-none {
fill: #f23939
}
.product-page .icon--product-stock {
fill: #000
}
.icon--btn-icon {
width: 16px;
height: 16px;
flex: 0 0 16px;
fill: currentColor;
margin-right: 10px
}
.btn--checkout .icon--btn-icon {
margin-right: 0
}
.icon--play {
fill: #fff
}
.video__play-btn .icon--play {
width: 100%;
height: 100%;
border-radius: 100%;
box-shadow: 0 0 10px #00000040
}
.icon--product-video {
width: auto;
height: auto;
display: block;
fill: #00000080
}
@media (min-width: 992px) {
.icon--product-video {
width: 45px;
height: 45px;
margin: 5px auto
}
}
.icon--my-stripes {
height: 35px;
width: 35px;
fill: #e8d2e5
}
.icon--my-stripes~.icon--my-stripes {
margin-left: -17px
}
.icon--my-stripes-filled {
fill: #d70081
}
.icon--favourite {
width: 25px;
height: 25px
}
.icon--login-club-matas {
width: 175px;
height: 35px
}
.icon--product-item-favourite {
fill: transparent;
stroke-width: 5%;
stroke: #000;
transition: fill .1s ease, stroke-opacity .1s ease;
width: 23px;
height: 23px
}
@media (min-width: 992px) {
.product-item__favourite:hover .icon--product-item-favourite {
stroke: #eb595e;
fill: #eb595e
}
}
input[type=checkbox]:checked~.icon--product-item-favourite {
stroke: #eb595e;
fill: #eb595e
}
.icon--otc {
width: 40px;
height: 40px;
flex-shrink: 0
}
.icon--success {
fill: #2fdb20
}
.icon--error {
border-radius: 100%;
fill: #f23939;
width: 40px;
height: 40px;
flex: 0 0 40px
}
@media (max-width: 767px) {
.icon--error {
height: 30px;
width: 30px;
flex: 0 0 30px
}
}
.product-line__unit .icon--error {
height: 30px;
width: 30px;
flex: 0 0 30px
}
@media (max-width: 767px) {
.product-line__unit .icon--error {
height: 25px;
width: 25px;
flex: 0 0 25px
}
}
.heading--sub .icon--error {
width: 30px;
height: 30px;
flex: 0 0 30px
}
.text-body-medium--semi-bold .icon--error {
width: 20px;
height: 20px;
flex: 0 0 20px
}
.tooltip .icon--error {
width: 24px;
height: 24px;
max-width: 24px;
flex: 0 0 24px
}
@media (min-width: 768px) {
.tooltip .icon--error {
width: 30px;
height: 30px;
max-width: 30px;
flex: 0 0 30px
}
}
.icon--Blue {
fill: #2065a6
}
.icon--Green {
fill: #3c875f
}
.icon--Yellow {
fill: #ffda0c
}
.icon--LightGreen {
fill: #78d289
}
.icon--Orange {
fill: #ff8a0c
}
.icon--Grey {
fill: #7c7c7c
}
.icon--Purple {
fill: purple
}
.icon--Brown {
fill: olive
}
.icon--hazard {
width: auto;
height: auto
}
.icon--fill-currentColor {
fill: currentColor
}
.icon--article-block {
height: 10px
}
.icon--close-personal-offer {
fill: currentColor;
height: 1.1428571429rem;
width: 1.1428571429rem;
margin-left: .7142857143rem
}
.icon--cta {
fill: #000
}
.icon--quinary {
fill: #d70081
}
.icon--fixed-low-price {
fill: #f43718;
width: 100%;
height: auto
}
.icon--dma {
width: auto;
height: auto
}
.icon--fill-negative {
fill: #fff
}
.icon--fill-currentcolor {
fill: currentColor
}
.customer-support .icon--phone {
height: 1.7142857143rem;
width: 1.7142857143rem;
flex: none;
margin-right: 16px
}
.customer-support .icon--freight,
.customer-support .icon--return,
.customer-support .icon--lock-outline {
height: 1.875em;
width: 2.4375em;
margin-right: 1em
}
.icon--freight {
flex-shrink: 0;
width: 3em;
height: 3em;
margin-right: 18px
}
@media (min-width: 992px) {
.icon--freight {
width: 2.5em;
height: 2.5em;
margin-right: 18px
}
}
.icon--logo-stories {
width: 60px;
height: 22px
}
.icon--calendar {
width: 23px;
height: 23px
}
.icon--card-heading {
display: none;
width: 2em;
height: 2em;
flex: 0 0 2em;
margin-right: .6em;
margin-left: -2.6em
}
@media (min-width: 768px) {
.icon--card-heading {
display: block
}
}
.icon--dots {
width: 5px;
height: 17px
}
.nav__submenu-button--menu .icon--dots {
margin-left: auto
}
.btn__badge--icon .icon {
fill: currentColor;
height: 9px;
width: 9px
}
@media (min-width: 768px) {
.btn__badge--icon .icon {
height: 12px;
width: 12px
}
}
@media (min-width: 1200px) {
.btn__badge--icon .icon {
height: 15px;
width: 15px
}
}
.filter-list__toggle-show .icon--filter,
.filter-list__toggle .icon--filter {
width: 1em;
height: 1em;
margin-right: 8px
}
.icon--apple-appstore-badge {
width: 120px;
height: 40px
}
.icon--google-play-badge {
width: 135px;
height: 40px
}
.icon--info-circle {
width: 25px;
height: 25px
}
.icon--subscription.btn__icon {
width: 1em;
height: 1em;
fill: currentColor;
margin-left: 0;
margin-right: 8px
}
.icon--order-status {
width: auto;
height: auto;
max-width: 100px;
max-height: 25px
}
.icon--order-status.icon--logo-burd {
max-height: 35px
}
.icon--footer-bring,
.icon--footer-burd,
.icon--footer-dao,
.icon--footer-gls,
.icon--footer-instabox,
.icon--footer-postnord,
.icon--footer-payment-dankort,
.icon--footer-payment-mobilepay,
.icon--footer-payment-visa,
.icon--footer-payment-visaelectron,
.icon--footer-payment-mastercard,
.icon--footer-payment-maestro,
.icon--footer-payment-swish,
.icon--footer-payment-klarna,
.icon--footer-payment-vipps,
.icon--footer-social-facebook,
.icon--footer-social-instagram,
.icon--footer-social-youtube {
width: 60px;
height: 40px
}
.icon--thumbs-down {
transform: rotate(180deg)
}
.icon--play-arrow {
width: 56px;
height: 56px
}
.icon-with-label {
display: flex
}
.icon-with-label__icon {
flex: 1 1 auto
}
.icon-with-label__label {
flex: 0 1 auto;
display: flex;
align-items: center;
padding-left: 5px;
line-height: 1;
text-align: left
}
@keyframes fadeChange {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.entrance-animation__slide-in-element {
transform: translate(0);
opacity: 1;
transition: transform .6s ease, opacity .6s ease
}
.entrance-animation__slide-in-element.state--ready-to-animate {
transition: none;
opacity: 0
}
.entrance-animation__slide-in-element--left.state--ready-to-animate {
transform: translate(-75%)
}
.entrance-animation__slide-in-element--right.state--ready-to-animate {
transform: translate(75%)
}
.hover-zoom {
overflow: hidden;
display: block
}
.hover-zoom img {
transform: scale(1);
transition: transform .3s ease
}
@media (pointer: coarse) {
.hover-zoom img {
transform: none;
transition: none
}
}
.hover-zoom:hover img {
transform: scale(1.025);
transition: transform .3s ease
}
@media (pointer: coarse) {
.hover-zoom:hover img {
transform: none;
transition: none
}
}
.animation--no-zoom .hover-zoom:hover img {
transform: scale(1);
transition: none
}
.view {
transition: transform .3s ease
}
.view--mobile-menu {
transform: translate(-100%);
max-height: calc(100vh - 50px);
width: 100%;
flex-basis: 100%;
z-index: 4000
}
@media (min-width: 544px) {
.view--mobile-menu {
flex-basis: 400px;
width: 400px
}
}
.state--mobile-menu:not(.state--mobile-menu-closing) .view--mobile-menu {
transition: transform .4s ease;
transform: translate(0)
}
@media (min-width: 1200px) {
.state--mobile-menu:not(.state--mobile-menu-closing) .view--mobile-menu {
transform: translate(-100%)
}
}
.disable-transform .view--main,
.filter-open .view--main,
.filter-closing .view--main {
transform: none;
transition: initial
}
.overlay {
transition: opacity .25s ease, transform .3s ease;
opacity: 0
}
.overlay--mobile-menu {
transition: opacity .25s ease, transform .4s ease
}
.state--mobile-menu-closing .overlay--mobile-menu {
opacity: 0;
transition: opacity .25s ease, transform .3s ease
}
.overlay--productlist-filter {
opacity: 1;
transition: opacity .25s ease
}
.overlay--productlist-filter,
.overlay--mobile-menu {
opacity: 1
}
@media (min-width: 1200px) {
.overlay--productlist-filter,
.overlay--mobile-menu {
opacity: 0;
transition: none
}
}
.overlay--filter-list-dropdown {
opacity: 1;
transition: opacity .25s ease
}
.state--fixed .overlay--quicksearch {
transition: none;
opacity: 1
}
.text-underline-animation {
position: relative;
display: inline-block;
text-decoration: none
}
.text-underline-animation:hover {
text-decoration: none
}
.text-underline-animation__element:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #333;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
.text-underline-animation__element:hover {
text-decoration: none
}
.text-underline-animation__element:hover:before {
visibility: visible;
background-color: #333;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.iu-headline {
line-height: 1.4em;
font-family: DM_Serif_Text, serif;
color: #002643
}
.iu-headline:active,
.iu-headline:visited,
.iu-headline:focus,
.iu-headline:hover {
color: #002643;
text-decoration: none
}
.iu-headline--xl {
font-size: 1.85em
}
@media (min-width: 768px) {
.iu-headline--xl {
font-size: 2.46em
}
}
.iu-headline--lg {
font-size: 1.54em
}
@media (min-width: 768px) {
.iu-headline--lg {
font-size: 1.85em
}
}
.iu-headline--md {
font-size: 1.37em
}
.iu-headline--sm {
font-size: 1.23em
}
.iu-headline--xs {
font-size: .75em
}
@media (min-width: 992px) {
.iu-headline--xs {
font-size: .88em
}
}
@media (min-width: 1921px) {
.iu-headline--xs {
font-size: 1.13em
}
}
.iu-headline--xxs {
font-size: .75em
}
.iu-headline--primary {
font-family: DM_Serif_Text, serif;
color: #002643
}
.iu-txt {
font-family: Times New Roman, Times, serif;
font-size: 1.0625em;
letter-spacing: .0235294118em;
color: #54575e
}
.iu-txt--xl {
font-size: 1.25em
}
.iu-txt--lg {
font-size: 1.25em;
color: #002643
}
.iu-txt--md {
font-size: 1.125em
}
.iu-txt--sm {
font-size: .88em
}
.iu-txt--xs {
font-size: .75em
}
.tag-prefix {
font-family: Inter, sans-serif;
margin-right: 2em;
font-style: italic;
color: #9f8f87;
float: left
}
@media (min-width: 992px) {
.crimson .font-size-xlarge {
font-size: 16px
}
}
.drop-cap .crimson {
font-family: Inter, sans-serif;
display: inline-block
}
.drop-cap .crimson:first-letter,
.drop-cap .crimson>.a-text .drop-cap .crimson:first-letter {
display: inline-block;
float: left;
text-transform: uppercase;
font-size: 5.07em;
margin-top: .078em;
line-height: .73em;
margin-right: .08em;
font-family: DM_Serif_Text, serif
}
.drop-cap .crimson .font-size-xlarge {
font-size: 1.1428571429rem
}
.article-block {
padding-bottom: 16px;
display: grid;
grid-template-columns: 100%;
grid-template-rows: 50% 50%;
height: 100%
}
@media (min-width: 768px) {
.article-block {
padding-bottom: 28px
}
}
.flex>.article-block {
width: 100%;
height: auto
}
.flex-column .article-block {
flex: 0 0 auto
}
.article-block--stretch {
align-self: stretch;
flex: 1 1 auto
}
.article-block--small-horizontal {
grid-template-columns: 40% 60%;
grid-template-rows: 100%
}
.article-block--big-horizontal,
.article-block--big-horizontal-right {
grid-template-rows: auto auto
}
@media (min-width: 768px) {
.article-block--big-horizontal,
.article-block--big-horizontal-right {
grid-template-columns: 67% 33%;
grid-template-rows: 100%
}
}
.article-block--without-image {
display: flex;
flex-grow: 1;
padding-bottom: 0
}
.article-block--double {
grid-template-rows: auto auto
}
@media (min-width: 768px) {
.article-block--double {
grid-template-rows: 50% 50%
}
}
.article-block__image-container {
height: auto
}
.article-block__image-container img {
width: 100%;
height: 100%;
max-height: initial;
object-fit: cover;
border-radius: 8px 8px 0 0
}
.article-block--small-horizontal .article-block__image-container {
overflow: hidden
}
.article-block--small-horizontal .article-block__image-container img {
border-radius: 8px 0 0 8px
}
.article-block--big-horizontal .article-block__image-container img,
.article-block--big-horizontal-right .article-block__image-container img {
border-radius: 8px 8px 0 0
}
@media (min-width: 768px) {
.article-block--big-horizontal .article-block__image-container img,
.article-block--big-horizontal-right .article-block__image-container img {
border-radius: 8px 0 0 8px
}
}
.article-block--without-image .article-block__image-container {
display: none
}
.article-block__outer-content-container {
background: #fff;
display: flex;
flex-direction: column;
flex: 1 1 auto;
left: 0;
right: 0;
border-radius: 0 0 8px 8px
}
.article-block--small-horizontal .article-block__outer-content-container {
margin-top: 0;
left: initial;
right: 0;
border-radius: 0 8px 8px 0
}
.article-block--big-horizontal-right .article-block__outer-content-container {
left: 0;
right: initial
}
@media (min-width: 768px) {
.article-block--big-horizontal .article-block__outer-content-container,
.article-block--big-horizontal-right .article-block__outer-content-container {
bottom: auto;
top: auto;
left: auto;
right: 0;
border-radius: 0 8px 8px 0
}
}
.article-block--without-image .article-block__outer-content-container {
left: initial;
right: initial;
width: 100%
}
.article-block__inner-content-container {
padding: 24px;
display: flex;
flex-direction: column;
justify-content: center;
flex: 1 0 auto
}
.article-block--big-horizontal .article-block__inner-content-container,
.article-block--big-horizontal-right .article-block__inner-content-container {
flex: 1 1 auto
}
.article-block__splash-line {
font-size: 1rem;
font-family: Inter, sans-serif;
color: #000;
text-transform: uppercase;
line-height: 1.2;
letter-spacing: .04em;
margin-bottom: 4px
}
.article-block--small .article-block__splash-line,
.article-block--small-horizontal .article-block__splash-line {
font-size: .7143rem;
font-weight: 600
}
.article-block__title {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 2rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 2.4em;
color: #000;
flex: 0 1 auto;
max-width: 100%
}
.article-block--small .article-block__title,
.article-block--small-horizontal .article-block__title {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 1.7143rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 2.4em
}
.article-block--big-horizontal .article-block__title,
.article-block--big-horizontal-right .article-block__title,
.article-block--double .article-block__title {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 2.2857rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 3.6em
}
.article-block--without-image .article-block__title {
max-height: initial;
-webkit-line-clamp: initial
}
.article-block__teaser {
display: none;
color: #000;
font-family: Inter, sans-serif;
font-size: 1rem;
overflow: hidden;
margin-bottom: 0;
flex: 0 1 auto
}
.article-block--big-horizontal .article-block__teaser,
.article-block--big-horizontal-right .article-block__teaser,
.article-block--double .article-block__teaser {
display: block
}
.article-block__link-container {
margin-top: 12px
}
.article-block__link-container .article-block__link {
font-size: 1rem;
font-weight: 600;
color: #000;
background-color: transparent;
text-decoration: underline;
line-height: 1.2
}
.article-block__author {
display: none;
font-family: Inter, sans-serif;
font-size: 1rem;
color: #000;
font-weight: 600;
margin: 12px 0
}
.article-block--big-horizontal .article-block__author,
.article-block--big-horizontal-right .article-block__author,
.article-block--double .article-block__author {
display: block
}
.article-block-author {
margin-bottom: 30px;
margin-top: 16px;
padding: 16px;
background: #fff;
text-align: center;
font-size: 1rem
}
@media (min-width: 768px) {
.article-block-author {
padding: 20px
}
}
.article-block-author__container {
display: flex
}
@media (min-width: 768px) {
.article-block-author__container {
flex-direction: column
}
}
.article-block-author__image-container {
max-width: 80px;
max-height: 80px;
flex: 1 1 auto;
min-width: 1px;
display: flex;
align-items: center
}
@media (min-width: 768px) {
.article-block-author__image-container {
margin: 0 auto 10px;
max-width: 120px;
max-height: 120px
}
}
.article-block-author__image-container img {
width: 100%;
height: auto;
max-height: initial;
border-radius: 100%
}
.article-block-author__texts {
flex: 1 1 auto;
min-width: 1px;
display: flex;
justify-content: center;
flex-direction: column;
margin-left: 10px;
text-align: left
}
@media (min-width: 768px) {
.article-block-author__texts {
justify-content: flex-start;
margin-left: 0;
text-align: center
}
}
.article-block-author__name,
.article-block-author__date {
font-family: Inter, sans-serif;
color: #93827c
}
.article-block-author__description {
font-family: Inter, sans-serif;
line-height: 1.56;
color: #54575e;
margin-top: 10px
}
.article-block-brand {
margin-bottom: 30px;
padding: 20px;
background: #fff;
text-align: center;
flex: 0 1 auto;
min-width: 49%
}
@media (min-width: 992px) {
.article-block-brand {
min-width: 100%
}
}
.article-block-brand__headline {
color: #666;
padding: 0 20px
}
@media (max-width: 1199px) {
.article-block-brand__headline {
padding: 0
}
}
@media (max-width: 767px) {
.article-block-brand__headline {
margin-bottom: 20px
}
}
.article-block-brand__image-container {
width: 100%;
height: auto;
margin: 20px auto;
max-width: 50%
}
@media (min-width: 768px) {
.article-block-brand__image-container {
max-width: initial
}
}
.article-block-brand__name {
margin: 20px auto
}
.article-block-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.article-block-flex__content {
flex: 1 1 auto;
min-width: 50%
}
@media (max-width: 767px) {
.article-block-flex {
display: block
}
}
.article-block-list-item {
position: relative;
margin-bottom: 24px;
flex: 1 0 auto;
display: flex;
justify-content: flex-start;
align-items: center
}
.article-block-list-item:last-of-type {
margin-bottom: 0
}
.block-with-border .article-block-list-item {
padding: 0 16px;
margin-bottom: 16px
}
.block-with-border .article-block-list-item--without-count {
display: block;
padding: 0 10%
}
.article-block-list .article-block-list-item__teaser,
.article-block-list-item-single.SingleWithOutPicture .article-block-list-item__image-container {
display: none
}
.article-block-list-item-single.SingleWithOutPicture .article-block-list-item__inner-content-container {
padding-left: 0;
flex-wrap: nowrap
}
.article-block-list-item-single.SingleWithOutPicture .article-block-list-item__title {
width: auto;
padding-left: 30px
}
.article-block-list-item-single .article-block-list-item {
border-bottom: solid 1px #b09e98;
margin: 0 30px;
display: flex;
flex-wrap: nowrap;
padding-bottom: 10px
}
@media (max-width: 767px) {
.article-block-list-item-single .article-block-list-item {
margin: 0
}
}
.article-block-list-item-single .article-block-list-item__image-container {
min-width: 4.2857142857rem;
max-width: 4.2857142857rem;
display: inline-block;
position: relative;
flex: 1 0 auto
}
.article-block-list-item-single .article-block-list-item__inner-content-container {
padding-left: 30px;
display: flex;
height: 100%;
flex-wrap: wrap;
flex: 0 1 auto
}
@media (max-width: 767px) {
.article-block-list-item-single .article-block-list-item__inner-content-container {
padding-left: 10px
}
}
.article-block-list-item-single .article-block-list-item__splash-line,
.article-block-list-item-single .article-block-list-item__teaser {
display: none
}
.article-block-list-item-single .article-block-list-item__title {
order: 2;
width: 100%;
color: #666;
line-height: 1.5;
max-height: none
}
.article-block-list-item__image-container {
flex: 0 0 7.1428571429rem;
width: 7.1428571429rem;
margin-right: 12px
}
@media (min-width: 992px) {
.article-block-list-item__image-container {
flex: 0 0 10rem;
width: 10rem;
margin-right: 24px
}
}
.article-block-list-item--without-image .article-block-list-item__image-container {
display: none
}
.article-block-list-item__inner-content-container {
flex: 1 1 auto
}
.article-block-list-item--without-image .article-block-list-item__inner-content-container,
.article-block-list-item--without-count .article-block-list-item__inner-content-container {
padding-left: 0
}
.article-block-list-item__number {
font-family: DM_Serif_Text, serif;
color: #002643;
font-size: 3.8em;
width: 1em;
line-height: 100%;
position: absolute;
left: 0;
top: .31em
}
.article-block-list-item__splash-line {
font-size: .7143rem;
font-family: Inter, sans-serif;
font-weight: 600;
color: #000;
text-transform: uppercase;
margin-bottom: 4px;
line-height: 1.2
}
@media (max-width: 991px) {
.article-block-list-item__splash-line {
letter-spacing: .04em
}
}
.article-block-list-item__title {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 3.6em;
font-size: 1.1429rem;
color: #000;
flex: 0 1 auto;
max-width: 100%;
word-break: break-word;
word-wrap: break-word
}
.article-block-list-item__teaser {
font-family: Inter, sans-serif;
font-size: 1rem;
overflow: hidden;
color: #000;
text-overflow: ellipsis;
max-height: 3;
-webkit-line-clamp: 2;
word-break: break-word;
word-wrap: break-word;
-webkit-box-orient: vertical;
display: -webkit-box;
margin: 12px 0 0
}
.article-block-list-item--without-image .article-block-list-item__teaser {
max-height: 4.5;
-webkit-line-clamp: 3
}
@media (max-width: 767px) {
.block-with-border .article-block-list-item__teaser {
display: none
}
}
.article-block-list-item__text-wrapper {
max-height: 4.375em;
overflow: hidden
}
.article-block-list-item__link-container {
order: 1;
margin-top: 12px;
flex: 1 0 auto
}
.article-block-list-item__link-container .article-block-list-item__link {
font-size: 1rem;
font-weight: 600;
color: #000;
background-color: transparent;
text-decoration: underline;
line-height: 1.2
}
.article-block-list__headline {
color: #666;
margin-bottom: 20px
}
@media (max-width: 767px) {
.article-block-list__headline {
margin-bottom: 10px
}
}
.article-block-list__container {
margin-bottom: 20px
}
@media (max-width: 767px) {
.article-block-list__container {
margin-bottom: 10px
}
}
.article-block-list-related {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: -16px;
margin-right: -16px
}
.article-block-list-related__item {
width: 33.3333%;
padding-left: 16px;
padding-right: 16px;
flex: 1 0 325px
}
@media (min-width: 1200px) {
.col-xl-12 .article-block-list-related__item {
width: 25%;
flex: 0 0 25%
}
}
@media (min-width: 992px) {
.col-lg-12 .article-block-list-related__item,
.col-md-12 .article-block-list-related__item {
width: 25%;
flex: 0 0 25%
}
}
@media (max-width: 991px) {
.article-block-list-related__item {
width: 50%
}
}
@media (max-width: 767px) {
.article-block-list-related__item {
width: 100%
}
}
.article-block-search-suggestion {
text-align: center
}
.article-block-share {
margin-bottom: 16px;
padding: 20px;
background: #fff;
text-align: center;
flex: 0 1 auto;
min-width: 49%;
display: none
}
@media (min-width: 768px) {
.article-block-share {
display: block
}
}
@media (min-width: 992px) {
.article-block-share {
min-width: 100%
}
}
.article-block-share__headline {
color: #666;
margin-bottom: 25px
}
@media (max-width: 1199px) {
.article-block-share__headline {
padding: 0
}
}
@media (max-width: 767px) {
.article-block-share__headline {
margin-bottom: 20px
}
}
.article-block-share__sharelink {
display: inline-block;
border: 1px solid #666666;
padding: 7px 3px;
width: 26px;
max-height: 26px;
line-height: 8px;
border-radius: 100%;
overflow: hidden
}
.article-block-share .pinterest {
cursor: pointer;
text-decoration: none
}
.article-block-tags {
margin-bottom: 1em
}
@media (min-width: 768px) {
.article-block-tags {
font-size: 1em
}
}
.article-block-tags__headline {
color: #666;
margin-bottom: 1em
}
.article-block-tags__link-container {
margin: 0 1em 1em 0;
display: block;
float: left
}
@media (max-width: 1199px) {
.article-block-tags__link-container {
margin: 0 .8em .8em 0
}
}
@media (max-width: 767px) {
.article-block-tags__link-container {
font-size: 11px
}
}
.article-block-tags__container {
display: block;
width: 100%;
overflow: hidden
}
.article-block-tags__link {
border: 1px solid #9f8f87;
padding: .6em 1em;
color: #9f8f87;
display: block;
font-family: Inter, sans-serif;
font-weight: 700;
text-transform: uppercase;
text-decoration: none
}
.article-block-tags__link.state--selected,
.article-block-tags__link:hover,
.article-block-tags__link:active {
color: #666;
border-color: #0026434d;
text-decoration: none
}
.article-block-top-border-container {
padding: 20px 30px;
border-top: solid 5px #666666;
background: #fff
}
@media (max-width: 1199px) {
.article-block-top-border-container {
padding: 20px
}
}
@media (max-width: 767px) {
.article-block-top-border-container {
display: none;
padding: 16px 0 0;
background: transparent;
border-bottom: solid 5px #666666
}
}
@media (max-width: 767px) {
#submenu-checkbox:checked~.article-block-top-border-container {
display: block
}
}
.basket-messages {
display: flex;
flex-direction: column;
font-size: .8571428571rem;
line-height: 1.3333333333em
}
@media (min-width: 992px) {
.basket-messages {
font-size: FontSize14
}
}
.powerstep .basket-messages {
margin-top: 16px
}
@media (min-width: 992px) {
.powerstep .basket-messages {
margin: 16px 16px 0
}
}
.basket-messages__group {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
margin-bottom: 16px
}
.basket-messages__item {
display: flex;
align-items: center;
padding: 8px;
border-radius: 4px
}
.basket-messages--center .basket-messages__item {
text-align: center;
margin-bottom: 0
}
.powerstep .basket-messages__item {
min-height: 50px;
justify-content: center
}
@media (min-width: 992px) {
.powerstep .basket-messages__item {
margin: 0;
min-height: 40px
}
}
.basket-messages__item--information {
background: #f2f6fa
}
.basket-messages__item--achievement {
background: #e4ece7
}
.basket-messages__item--achievement a {
font-weight: 700;
text-decoration: underline
}
.basket-messages__item--nudge-gwp,
.basket-messages__item--nudge,
.basket-messages__item--nudge-sample {
background: #efedea
}
.basket-messages__icon {
border-radius: 20px;
height: 25px;
width: 25px;
padding: 5px;
flex: 0 0 auto;
margin-right: 10px
}
.basket-messages__icon svg {
fill: #fff;
stroke-width: 20px;
stroke: #fff
}
.basket-messages__item--information .basket-messages__icon {
background: #bfd3e7
}
.basket-messages__item--achievement .basket-messages__icon {
background: #219916
}
.basket-messages__text {
display: flex;
align-items: center;
flex: 0 1 auto
}
.basket-messages--center .basket-messages__text {
justify-content: center
}
.basketline-info-box.card {
background-color: #efedea;
margin: 0
}
.basketline-info-box__info b {
font-size: FontSize14
}
@media (min-width: 768px) {
.basketline-info-box__info b {
font-size: 1.1428571429rem
}
}
.basketline-info-box__heading {
display: flex;
align-items: center;
font-family: Inter, sans-serif;
font-weight: 700;
font-size: FontSize14;
margin: 0 0 8px
}
@media (min-width: 768px) {
.basketline-info-box__heading {
font-size: 1.1428571429rem
}
}
.basketline-info-box__edit {
margin-top: 16px
}
.block {
background-color: #fff;
margin-bottom: 28px;
flex: 1 0 auto;
display: flex;
flex-direction: column;
border-radius: 8px
}
.flex-column .block {
height: auto
}
.block__inner {
padding: 24px;
width: 100%;
flex-direction: column;
display: flex;
flex: 1 0 auto
}
.block__inner--extra-padding {
padding: 24px
}
@media (min-width: 768px) {
.block__inner--extra-padding {
padding: 48px
}
}
.block__content-wrapper {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1 0 auto
}
.block__column {
font-family: Inter, sans-serif
}
@media (min-width: 768px) {
.block__column {
column-count: 2;
column-gap: 50px
}
}
.block__column.paragraph p {
font-size: 21px
}
.block__title {
font-family: DM_Serif_Text, serif;
line-height: 1.2;
font-size: 2rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #000;
flex: 0 1 auto;
overflow: hidden;
max-width: 100%;
margin-bottom: 24px
}
.block-with-border {
background-color: #fff;
padding: 5px;
height: calc(100% - 30px);
margin-bottom: 30px;
flex: 1 0 auto;
display: flex;
flex-direction: column
}
.flex-column .block-with-border {
height: auto
}
.block-with-border__inner {
border: 1px solid rgba(0, 0, 0, .3);
padding: 20px;
width: 100%;
flex-direction: column;
display: flex;
flex: 1 0 auto
}
@media (max-width: 767px) {
.block-with-border__inner {
padding: 10px
}
}
.block-with-border__inner--extra-padding {
padding: 50px
}
@media (max-width: 767px) {
.block-with-border__inner--extra-padding {
padding: 30px
}
}
.block-with-border--product-list .block-with-border__inner {
border-color: #e2e4e6
}
.block-with-border__content-wrapper {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1 0 auto
}
.block-with-border__column {
font-family: Inter, sans-serif;
font-size: .9em;
column-count: 2;
column-gap: 50px
}
@media (max-width: 767px) {
.block-with-border__column {
column-count: initial;
column-gap: initial
}
}
.block-with-border__column.paragraph p {
font-size: 21px
}
.box-layout {
display: flex;
flex-wrap: wrap;
color: #000;
letter-spacing: .25px
}
.box-layout__box {
flex: 1 1 100%;
padding: 30px;
margin-bottom: 30px;
box-shadow: 0 1px 2px #bfd3e766;
border-radius: 6px;
display: flex;
flex-direction: column;
background: #fff
}
@media (min-width: 768px) {
.box-layout__box {
flex: 0 0 50%;
flex-basis: auto;
width: calc(50% - $spacing-16)
}
.box-layout__box:nth-child(odd) {
margin-right: 30px
}
}
.box-layout__box--empty {
background: transparent;
box-shadow: none
}
.box-layout__box--centered .box-layout__details {
display: flex;
flex-direction: column;
align-items: center
}
.box-layout__box--centered .box-layout__details .box-layout__detail-line {
max-width: 290px
}
.box-layout--small .box-layout__box {
flex-direction: row;
cursor: pointer
}
@media (min-width: 768px) {
.box-layout--small .box-layout__box {
cursor: initial;
flex-direction: column;
flex: 0 0 33%;
flex-basis: auto;
width: calc(33% - 20px);
margin-right: 30px;
text-align: center
}
.box-layout--small .box-layout__box:nth-child(3n) {
margin-right: 0
}
}
.box-layout__header {
font-weight: 700;
font-size: 1.0714285714em;
line-height: 1.2;
display: flex;
margin-bottom: 16px
}
.box-layout--small .box-layout__header {
font-size: 1.2857142857em
}
@media (min-width: 768px) {
.box-layout--small .box-layout__header {
justify-content: center
}
}
@media (min-width: 768px) {
.box-layout__header {
margin-bottom: 1.5rem
}
}
.box-layout__edit {
padding-top: 16px;
display: flex;
flex-direction: column;
align-items: center;
margin-top: auto;
justify-content: center
}
@media (min-width: 1200px) {
.box-layout__edit {
flex-direction: row
}
}
.box-layout__edit .box-layout__delete-btn {
text-transform: none;
font-weight: 700;
margin: 20px 0 0
}
@media (min-width: 1200px) {
.box-layout__edit .box-layout__delete-btn {
margin: 0 0 0 20px
}
}
.box-layout--small .box-layout__edit {
margin-left: auto;
padding-top: 0;
margin-top: initial
}
@media (min-width: 768px) {
.box-layout--small .box-layout__edit {
margin-top: auto;
padding-top: 16px;
margin-left: 0
}
}
.box-layout__box--empty .box-layout__edit,
.box-layout--small .box-layout__edit .btn {
display: none
}
@media (min-width: 768px) {
.box-layout--small .box-layout__edit .btn {
display: block
}
}
.box-layout__detail-content {
display: flex;
flex-direction: column;
max-width: 280px;
width: 100%
}
.box-layout__detail-line {
margin-bottom: 0
}
.box-layout--small .box-layout__detail-line {
display: none
}
.box-layout--small .box-layout__detail-line:nth-child(2) {
display: block
}
@media (min-width: 768px) {
.box-layout--small .box-layout__detail-line {
display: block
}
}
.box-layout__explanations {
margin-top: 10px
}
.box-layout__explanations--details {
font-size: 12px;
font-style: italic;
color: #002643
}
.box-layout__arrow {
display: none
}
.box-layout--small .box-layout__arrow {
display: block
}
@media (min-width: 768px) {
.box-layout--small .box-layout__arrow {
display: none
}
}
.box-layout__icons {
width: 40px;
height: 20px
}
.box-layout__icons--small .box-layout__icons {
display: none
}
.box-layout__icons--large {
width: auto;
height: auto;
display: block;
margin-right: 16px;
padding-left: 10px
}
.box-layout__icons--large .icon--payment {
width: 60px;
height: 60px
}
.box-layout__icons--no-space {
padding: 0;
margin: 0
}
.box-layout__icons--no-space .icon--payment {
width: 90px
}
.box-layout--small .box-layout__button {
display: none;
margin: 0 auto
}
@media (min-width: 768px) {
.box-layout--small .box-layout__button {
display: block
}
}
.box-layout__details {
margin-bottom: 45px
}
.box-layout__box--empty .box-layout__details,
.brandbanner {
display: none
}
.breadcrumb {
padding: 5px 0;
font-size: 11px
}
@media (min-width: 1200px) {
.breadcrumb--hide-desktop {
height: 0;
opacity: 0;
color: transparent;
pointer-events: none
}
}
@media (max-width: 767px) {
.breadcrumb {
border-bottom: 1px solid #e7ebf0;
padding: 0;
border-bottom: none;
font-size: 1.2em
}
}
.basket .breadcrumb,
.epaper .breadcrumb {
display: none
}
.breadcrumb__step {
display: inline-flex;
color: #7c7c7c
}
@media (min-width: 768px) {
.breadcrumb__step {
display: block
}
}
@media (max-width: 767px) {
.breadcrumb__step--current {
display: flex;
align-items: center;
position: relative;
margin-top: 12px;
margin-bottom: 18px;
font-family: Inter, sans-serif;
font-weight: 700;
width: 100%
}
}
@media (max-width: 767px) {
.breadcrumb__step:not(.breadcrumb__step--current) {
display: none
}
}
.breadcrumb__step:after {
content: "";
display: block;
flex: 1 0 35px
}
.breadcrumb__link {
display: flex;
flex: 1 0 35px;
align-items: center
}
.breadcrumb__link,
.breadcrumb__link:hover,
.breadcrumb__link:visited,
.breadcrumb__link:active {
text-decoration: underline;
color: #7c7c7c
}
@media (max-width: 767px) {
.breadcrumb__link {
height: 1.5em;
padding: 0 10px;
margin-left: -10px
}
}
@media (min-width: 768px) {
.breadcrumb__step--current .breadcrumb__link {
display: none
}
}
.breadcrumb__not-link {
display: flex;
align-items: center
}
.breadcrumb__text {
letter-spacing: .0227272727em
}
@media (max-width: 767px) {
.breadcrumb__step--current .breadcrumb__text {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-left: 16px;
margin-right: 16px;
pointer-events: none;
text-align: center;
font-family: DM_Serif_Text, serif;
font-size: 24px;
line-height: 34px
}
}
@media (max-width: 767px) {
.breadcrumb__text {
color: #000
}
}
@media (max-width: 767px) {
.breadcrumb__step--current .breadcrumb__text--hide-mobile {
display: none
}
}
.product-page .breadcrumb__text {
display: none
}
@media (min-width: 768px) {
.product-page .breadcrumb__text {
display: block
}
}
.breadcrumb__controls-placeholder {
display: inline-flex;
flex: 0 0 auto
}
.btn {
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 8px;
text-shadow: none;
text-decoration: none !important;
border: 0;
word-break: break-word;
background: none
}
.btn:focus {
outline: none
}
.header__inputs .btn {
height: 3.0714285714em;
text-transform: initial
}
.list--quicksearch .btn {
height: auto
}
.a-content-toolbar .btn {
padding: initial;
display: initial
}
.input-form__input-row .btn {
height: calc(100% - 20px);
margin-bottom: 20px
}
.checkout__userlogin .btn {
margin-bottom: .65em;
width: auto;
font-weight: 400;
display: table
}
@media (max-width: 767px) {
.checkout__userlogin .btn {
width: 100%
}
}
.checkout__box--userlogin .form--forgotPassword .btn {
width: 100%
}
.flex__field--btn .btn {
margin-bottom: .65em
}
.swiper-slide .btn {
min-height: 100%;
display: inline-flex;
align-items: center;
justify-content: center
}
.product-row__quantity .btn {
font-size: 10px;
padding-left: 0;
padding-right: 0;
margin-top: 5px
}
@media (min-width: 544px) {
.product-row__quantity .btn {
font-size: 12px
}
}
.btn.state--checked {
pointer-events: none;
position: relative;
padding-right: 2.83em
}
.btn.state--active {
opacity: 1;
transform: scale(1)
}
.input-form .btn:focus {
outline: none
}
@media (min-width: 1200px) {
.input-form .btn:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
}
.input-form__submit-line .btn {
min-width: 200px;
max-width: 100%;
flex: 1 1 0
}
@media (min-width: 768px) {
.input-form__submit-line .btn {
max-width: 400px
}
}
.product-line__delete .btn {
text-transform: initial
}
.cookie .btn {
width: auto;
flex: 1 1 auto;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 16px
}
@media (min-width: 544px) {
.cookie .btn {
max-width: 250px
}
}
.signup-receipt__menu .btn {
width: 100%
}
@media (min-width: 544px) {
.signup-receipt__menu .btn {
width: 250px
}
}
.btn--rounded {
border-radius: 10px
}
.btn--cta {
background: #002643;
color: #fff;
text-decoration: none;
padding: 1em 1.33em .9285714286em;
min-height: 2.9285714286em;
line-height: 1em;
text-align: center;
align-items: center;
font-weight: 400;
border: 0;
border-radius: 8px;
width: 250px;
max-width: 100%;
cursor: pointer
}
.btn--cta:hover,
.btn--cta:focus {
color: #fff;
text-decoration: none
}
.dialog--cart .btn--cta {
margin: 20px auto
}
@media (min-width: 1921px) {
.productlist .btn--cta {
padding: .7em 1.33em;
min-height: 2.9em
}
}
@media (max-width: 543px) {
.btn--cta .product-item a.btn--cta {
font-size: 12px
}
}
.btn--cta .product-item a.btn--cta:not([href]):not([tabindex]) {
color: #fff
}
.btn--cta .product-item a.btn--cta:not([href]):not([tabindex]):hover {
color: #fff;
text-decoration: none
}
.btn--disabled-cta {
background: #002643;
color: #fff;
text-decoration: none;
padding: 1em 1.33em .9285714286em;
min-height: 2.9285714286em;
line-height: 1em;
text-align: center;
align-items: center;
font-weight: 400;
border: 0;
border-radius: 8px;
width: 250px;
max-width: 100%;
cursor: pointer;
background-color: #ccd4d9
}
.btn--disabled-cta:hover,
.btn--disabled-cta:focus {
color: #fff;
text-decoration: none
}
.dialog--cart .btn--disabled-cta {
margin: 20px auto
}
@media (min-width: 1921px) {
.productlist .btn--disabled-cta {
padding: .7em 1.33em;
min-height: 2.9em
}
}
@media (max-width: 543px) {
.btn--disabled-cta .product-item a.btn--disabled-cta {
font-size: 12px
}
}
.btn--disabled-cta .product-item a.btn--disabled-cta:not([href]):not([tabindex]) {
color: #fff
}
.btn--disabled-cta .product-item a.btn--disabled-cta:not([href]):not([tabindex]):hover {
color: #fff;
text-decoration: none
}
.btn--inline {
display: inline-block
}
.btn--iu {
font-family: Inter, sans-serif;
font-weight: 700;
width: auto;
min-height: initial;
background-color: transparent;
color: #002643;
padding: .36em;
position: relative;
text-decoration: none;
height: auto;
margin: 0 auto
}
.btn--iu:not([href]):not([tabindex]) {
background-color: transparent;
color: #002643
}
.btn--iu:not([href]):not([tabindex]):hover {
background-color: transparent;
color: #002643;
text-decoration: none
}
.btn--iu:hover,
.btn--iu:visited,
.btn--iu:focus {
color: #002643;
text-decoration: none
}
.swiper-slide .btn--iu {
line-height: 1em
}
.swiper-slide .btn--iu:after {
bottom: .4em
}
.btn--productpage {
height: 50px;
justify-content: center;
align-items: center;
line-height: 30px;
text-align: center
}
@media (max-width: 767px) {
.btn--productpage {
width: 100%;
max-width: 480px;
margin: 0 auto
}
}
@media (min-width: 768px) {
.btn--productpage {
font-size: 1.2em
}
}
.btn--productpage:disabled {
background: #e2e4e6;
color: #7c7c7c
}
@media (max-width: 767px) {
.btn--product-reviews-delete-item {
margin: 0 auto
}
}
.btn--cta-negative,
.btn--ghost,
.btn--with-subline,
.btn--ghost-secondary {
background: #002643;
color: #fff;
text-decoration: none;
padding: 1em 1.33em .9285714286em;
min-height: 2.9285714286em;
line-height: 1em;
text-align: center;
align-items: center;
font-weight: 400;
border: 0;
border-radius: 8px;
width: 250px;
max-width: 100%;
cursor: pointer;
background: #fff;
color: #000;
padding: calc(1em - 1px) 1.33em calc(.9285714286em - 1px)
}
.btn--cta-negative:hover,
.btn--ghost:hover,
.btn--with-subline:hover,
.btn--ghost-secondary:hover,
.btn--cta-negative:focus,
.btn--ghost:focus,
.btn--with-subline:focus,
.btn--ghost-secondary:focus {
color: #fff;
text-decoration: none
}
.dialog--cart .btn--cta-negative,
.dialog--cart .btn--ghost,
.dialog--cart .btn--with-subline,
.dialog--cart .btn--ghost-secondary {
margin: 20px auto
}
@media (min-width: 1921px) {
.productlist .btn--cta-negative,
.productlist .btn--ghost,
.productlist .btn--with-subline,
.productlist .btn--ghost-secondary {
padding: .7em 1.33em;
min-height: 2.9em
}
}
@media (max-width: 543px) {
.btn--cta-negative .product-item a.btn--cta-negative,
.btn--ghost .product-item a.btn--cta-negative,
.btn--with-subline .product-item a.btn--cta-negative,
.btn--ghost-secondary .product-item a.btn--cta-negative,
.btn--cta-negative .product-item a.btn--ghost,
.btn--cta-negative .product-item a.btn--with-subline,
.btn--cta-negative .product-item a.btn--ghost-secondary,
.btn--ghost .product-item a.btn--ghost,
.btn--with-subline .product-item a.btn--ghost,
.btn--ghost .product-item a.btn--with-subline,
.btn--with-subline .product-item a.btn--with-subline,
.btn--ghost-secondary .product-item a.btn--ghost,
.btn--ghost-secondary .product-item a.btn--with-subline,
.btn--ghost .product-item a.btn--ghost-secondary,
.btn--with-subline .product-item a.btn--ghost-secondary,
.btn--ghost-secondary .product-item a.btn--ghost-secondary {
font-size: 12px
}
}
.btn--cta-negative .product-item a.btn--cta-negative:not([href]):not([tabindex]),
.btn--ghost .product-item a.btn--cta-negative:not([href]):not([tabindex]),
.btn--with-subline .product-item a.btn--cta-negative:not([href]):not([tabindex]),
.btn--ghost-secondary .product-item a.btn--cta-negative:not([href]):not([tabindex]),
.btn--cta-negative .product-item a.btn--ghost:not([href]):not([tabindex]),
.btn--cta-negative .product-item a.btn--with-subline:not([href]):not([tabindex]),
.btn--cta-negative .product-item a.btn--ghost-secondary:not([href]):not([tabindex]),
.btn--ghost .product-item a.btn--ghost:not([href]):not([tabindex]),
.btn--with-subline .product-item a.btn--ghost:not([href]):not([tabindex]),
.btn--ghost .product-item a.btn--with-subline:not([href]):not([tabindex]),
.btn--with-subline .product-item a.btn--with-subline:not([href]):not([tabindex]),
.btn--ghost-secondary .product-item a.btn--ghost:not([href]):not([tabindex]),
.btn--ghost-secondary .product-item a.btn--with-subline:not([href]):not([tabindex]),
.btn--ghost .product-item a.btn--ghost-secondary:not([href]):not([tabindex]),
.btn--with-subline .product-item a.btn--ghost-secondary:not([href]):not([tabindex]),
.btn--ghost-secondary .product-item a.btn--ghost-secondary:not([href]):not([tabindex]) {
color: #fff
}
.btn--cta-negative .product-item a.btn--cta-negative:not([href]):not([tabindex]):hover,
.btn--ghost .product-item a.btn--cta-negative:not([href]):not([tabindex]):hover,
.btn--with-subline .product-item a.btn--cta-negative:not([href]):not([tabindex]):hover,
.btn--ghost-secondary .product-item a.btn--cta-negative:not([href]):not([tabindex]):hover,
.btn--cta-negative .product-item a.btn--ghost:not([href]):not([tabindex]):hover,
.btn--cta-negative .product-item a.btn--with-subline:not([href]):not([tabindex]):hover,
.btn--cta-negative .product-item a.btn--ghost-secondary:not([href]):not([tabindex]):hover,
.btn--ghost .product-item a.btn--ghost:not([href]):not([tabindex]):hover,
.btn--with-subline .product-item a.btn--ghost:not([href]):not([tabindex]):hover,
.btn--ghost .product-item a.btn--with-subline:not([href]):not([tabindex]):hover,
.btn--with-subline .product-item a.btn--with-subline:not([href]):not([tabindex]):hover,
.btn--ghost-secondary .product-item a.btn--ghost:not([href]):not([tabindex]):hover,
.btn--ghost-secondary .product-item a.btn--with-subline:not([href]):not([tabindex]):hover,
.btn--ghost .product-item a.btn--ghost-secondary:not([href]):not([tabindex]):hover,
.btn--with-subline .product-item a.btn--ghost-secondary:not([href]):not([tabindex]):hover,
.btn--ghost-secondary .product-item a.btn--ghost-secondary:not([href]):not([tabindex]):hover {
color: #fff;
text-decoration: none
}
.btn--cta-negative:hover,
.btn--ghost:hover,
.btn--with-subline:hover,
.btn--ghost-secondary:hover,
.btn--cta-negative:focus,
.btn--ghost:focus,
.btn--with-subline:focus,
.btn--ghost-secondary:focus {
color: #000
}
.btn--cta-quinary {
background: #002643;
text-decoration: none;
padding: 1em 1.33em .9285714286em;
min-height: 2.9285714286em;
line-height: 1em;
text-align: center;
align-items: center;
font-weight: 400;
border: 0;
border-radius: 8px;
width: 250px;
max-width: 100%;
cursor: pointer;
color: #fff;
background-color: #d70081
}
.btn--cta-quinary:hover,
.btn--cta-quinary:focus {
color: #fff;
text-decoration: none
}
.dialog--cart .btn--cta-quinary {
margin: 20px auto
}
@media (min-width: 1921px) {
.productlist .btn--cta-quinary {
padding: .7em 1.33em;
min-height: 2.9em
}
}
@media (max-width: 543px) {
.btn--cta-quinary .product-item a.btn--cta-quinary {
font-size: 12px
}
}
.btn--cta-quinary .product-item a.btn--cta-quinary:not([href]):not([tabindex]) {
color: #fff
}
.btn--cta-quinary .product-item a.btn--cta-quinary:not([href]):not([tabindex]):hover {
color: #fff;
text-decoration: none
}
.btn--ghost,
.btn--with-subline,
.btn--ghost-secondary {
background-color: transparent;
font-weight: 400;
padding: calc(1em - 1px) 1.33em calc(.9285714286em - 1px);
text-transform: initial;
border: 1px solid #7c7c7c
}
.btn--ghost:focus,
.btn--with-subline:focus,
.btn--ghost-secondary:focus {
color: #000
}
.cookie .btn--ghost,
.cookie .btn--with-subline,
.cookie .btn--ghost-secondary {
color: inherit
}
.btn--ghost-secondary {
font-family: Inter, sans-serif;
font-weight: 700;
border-color: #7c7c7c
}
.btn--ghost-secondary.checkout-newsletter__button {
font-family: Inter, sans-serif;
text-transform: initial
}
.btn--look-alike {
cursor: auto
}
.btn--link {
padding: 0;
text-decoration: underline
}
.btn--link:not(.text-center) {
text-align: left
}
@media (max-width: 767px) {
.btn--link:focus {
outline: none
}
}
.btn--center-content {
display: flex;
align-items: center;
justify-content: center
}
.btn--with-icon {
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: row;
flex-wrap: nowrap
}
.btn--primary,
.tab__radio--2:checked~.tab__header .tab__btn--2,
.tab__radio--1:checked~.tab__header .tab__btn--1,
.myOrder #loginButton,
.orderLogin #loginButton,
.btn--primary-light,
.btn--primary-subscription,
.btn--primary-clubmatas,
.checkout__userlogin .btn {
text-decoration: none;
padding: 1em 1.33em .9285714286em;
min-height: 2.9285714286em;
line-height: 1em;
text-align: center;
align-items: center;
font-weight: 400;
border: 0;
border-radius: 8px;
width: 250px;
max-width: 100%;
cursor: pointer;
background: #002643;
color: #fff
}
.btn--primary:hover,
.tab__radio--2:checked~.tab__header .tab__btn--2:hover,
.tab__radio--1:checked~.tab__header .tab__btn--1:hover,
.myOrder #loginButton:hover,
.orderLogin #loginButton:hover,
.btn--primary-light:hover,
.btn--primary-subscription:hover,
.btn--primary-clubmatas:hover,
.checkout__userlogin .btn:hover,
.btn--primary:focus,
.tab__radio--2:checked~.tab__header .tab__btn--2:focus,
.tab__radio--1:checked~.tab__header .tab__btn--1:focus,
.myOrder #loginButton:focus,
.orderLogin #loginButton:focus,
.btn--primary-light:focus,
.btn--primary-subscription:focus,
.btn--primary-clubmatas:focus,
.checkout__userlogin .btn:focus {
color: #fff;
text-decoration: none
}
.dialog--cart .btn--primary,
.dialog--cart .tab__radio--2:checked~.tab__header .tab__btn--2,
.tab__radio--2:checked~.tab__header .dialog--cart .tab__btn--2,
.dialog--cart .tab__radio--1:checked~.tab__header .tab__btn--1,
.tab__radio--1:checked~.tab__header .dialog--cart .tab__btn--1,
.dialog--cart .myOrder #loginButton,
.myOrder .dialog--cart #loginButton,
.dialog--cart .orderLogin #loginButton,
.orderLogin .dialog--cart #loginButton,
.dialog--cart .btn--primary-light,
.dialog--cart .btn--primary-subscription,
.dialog--cart .btn--primary-clubmatas,
.dialog--cart .checkout__userlogin .btn,
.checkout__userlogin .dialog--cart .btn {
margin: 20px auto
}
@media (min-width: 1921px) {
.productlist .btn--primary,
.productlist .tab__radio--2:checked~.tab__header .tab__btn--2,
.tab__radio--2:checked~.tab__header .productlist .tab__btn--2,
.productlist .tab__radio--1:checked~.tab__header .tab__btn--1,
.tab__radio--1:checked~.tab__header .productlist .tab__btn--1,
.productlist .myOrder #loginButton,
.myOrder .productlist #loginButton,
.productlist .orderLogin #loginButton,
.orderLogin .productlist #loginButton,
.productlist .btn--primary-light,
.productlist .btn--primary-subscription,
.productlist .btn--primary-clubmatas,
.productlist .checkout__userlogin .btn,
.checkout__userlogin .productlist .btn {
padding: .7em 1.33em;
min-height: 2.9em
}
}
@media (max-width: 543px) {
.btn--primary .product-item a.btn--primary,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary,
.btn--primary .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2,
.tab__radio--2:checked~.tab__header .btn--primary .product-item a.tab__btn--2,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.tab__btn--2,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2,
.tab__radio--2:checked~.tab__header .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.tab__btn--2,
.btn--primary .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1,
.tab__radio--1:checked~.tab__header .btn--primary .product-item a.tab__btn--1,
.tab__radio--1:checked~.tab__header .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.tab__btn--1,
.tab__radio--2:checked~.tab__header .tab__radio--1:checked~.tab__header .tab__btn--2 .product-item a.tab__btn--1,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.tab__btn--1,
.myOrder #loginButton .product-item a.btn--primary,
.myOrder #loginButton .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2,
.tab__radio--2:checked~.tab__header .myOrder #loginButton .product-item a.tab__btn--2,
.myOrder #loginButton .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1,
.tab__radio--1:checked~.tab__header .myOrder #loginButton .product-item a.tab__btn--1,
.orderLogin #loginButton .product-item a.btn--primary,
.orderLogin #loginButton .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2,
.tab__radio--2:checked~.tab__header .orderLogin #loginButton .product-item a.tab__btn--2,
.orderLogin #loginButton .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1,
.tab__radio--1:checked~.tab__header .orderLogin #loginButton .product-item a.tab__btn--1,
.btn--primary .product-item .myOrder a#loginButton,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .myOrder a#loginButton,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .myOrder a#loginButton,
.myOrder .btn--primary .product-item a#loginButton,
.myOrder .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a#loginButton,
.tab__radio--2:checked~.tab__header .myOrder .tab__btn--2 .product-item a#loginButton,
.myOrder .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a#loginButton,
.tab__radio--1:checked~.tab__header .myOrder .tab__btn--1 .product-item a#loginButton,
.myOrder #loginButton .product-item a#loginButton,
.btn--primary .product-item .orderLogin a#loginButton,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .orderLogin a#loginButton,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .orderLogin a#loginButton,
.orderLogin .btn--primary .product-item a#loginButton,
.orderLogin .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a#loginButton,
.tab__radio--2:checked~.tab__header .orderLogin .tab__btn--2 .product-item a#loginButton,
.orderLogin .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a#loginButton,
.tab__radio--1:checked~.tab__header .orderLogin .tab__btn--1 .product-item a#loginButton,
.orderLogin #loginButton .product-item a#loginButton,
.btn--primary-light .product-item a.btn--primary,
.btn--primary-light .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2,
.tab__radio--2:checked~.tab__header .btn--primary-light .product-item a.tab__btn--2,
.btn--primary-light .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1,
.tab__radio--1:checked~.tab__header .btn--primary-light .product-item a.tab__btn--1,
.btn--primary-light .product-item .myOrder a#loginButton,
.myOrder .btn--primary-light .product-item a#loginButton,
.btn--primary-light .product-item .orderLogin a#loginButton,
.orderLogin .btn--primary-light .product-item a#loginButton,
.btn--primary .product-item a.btn--primary-light,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary-light,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary-light,
.myOrder #loginButton .product-item a.btn--primary-light,
.orderLogin #loginButton .product-item a.btn--primary-light,
.btn--primary-light .product-item a.btn--primary-light,
.btn--primary-subscription .product-item a.btn--primary,
.btn--primary-subscription .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2,
.tab__radio--2:checked~.tab__header .btn--primary-subscription .product-item a.tab__btn--2,
.btn--primary-subscription .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1,
.tab__radio--1:checked~.tab__header .btn--primary-subscription .product-item a.tab__btn--1,
.btn--primary-subscription .product-item .myOrder a#loginButton,
.myOrder .btn--primary-subscription .product-item a#loginButton,
.btn--primary-subscription .product-item .orderLogin a#loginButton,
.orderLogin .btn--primary-subscription .product-item a#loginButton,
.btn--primary-subscription .product-item a.btn--primary-light,
.btn--primary .product-item a.btn--primary-subscription,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary-subscription,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary-subscription,
.myOrder #loginButton .product-item a.btn--primary-subscription,
.orderLogin #loginButton .product-item a.btn--primary-subscription,
.btn--primary-light .product-item a.btn--primary-subscription,
.btn--primary-subscription .product-item a.btn--primary-subscription,
.btn--primary-clubmatas .product-item a.btn--primary,
.btn--primary-clubmatas .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2,
.tab__radio--2:checked~.tab__header .btn--primary-clubmatas .product-item a.tab__btn--2,
.btn--primary-clubmatas .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1,
.tab__radio--1:checked~.tab__header .btn--primary-clubmatas .product-item a.tab__btn--1,
.btn--primary-clubmatas .product-item .myOrder a#loginButton,
.myOrder .btn--primary-clubmatas .product-item a#loginButton,
.btn--primary-clubmatas .product-item .orderLogin a#loginButton,
.orderLogin .btn--primary-clubmatas .product-item a#loginButton,
.btn--primary-clubmatas .product-item a.btn--primary-light,
.btn--primary-clubmatas .product-item a.btn--primary-subscription,
.btn--primary .product-item a.btn--primary-clubmatas,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary-clubmatas,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary-clubmatas,
.myOrder #loginButton .product-item a.btn--primary-clubmatas,
.orderLogin #loginButton .product-item a.btn--primary-clubmatas,
.btn--primary-light .product-item a.btn--primary-clubmatas,
.btn--primary-subscription .product-item a.btn--primary-clubmatas,
.btn--primary-clubmatas .product-item a.btn--primary-clubmatas,
.checkout__userlogin .btn .product-item a.btn--primary,
.checkout__userlogin .btn .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2,
.tab__radio--2:checked~.tab__header .checkout__userlogin .btn .product-item a.tab__btn--2,
.checkout__userlogin .btn .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1,
.tab__radio--1:checked~.tab__header .checkout__userlogin .btn .product-item a.tab__btn--1,
.checkout__userlogin .btn .product-item .myOrder a#loginButton,
.myOrder .checkout__userlogin .btn .product-item a#loginButton,
.checkout__userlogin .btn .product-item .orderLogin a#loginButton,
.orderLogin .checkout__userlogin .btn .product-item a#loginButton,
.checkout__userlogin .btn .product-item a.btn--primary-light,
.checkout__userlogin .btn .product-item a.btn--primary-subscription,
.checkout__userlogin .btn .product-item a.btn--primary-clubmatas,
.btn--primary .product-item .checkout__userlogin a.btn,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .checkout__userlogin a.btn,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .checkout__userlogin a.btn,
.myOrder #loginButton .product-item .checkout__userlogin a.btn,
.orderLogin #loginButton .product-item .checkout__userlogin a.btn,
.btn--primary-light .product-item .checkout__userlogin a.btn,
.btn--primary-subscription .product-item .checkout__userlogin a.btn,
.btn--primary-clubmatas .product-item .checkout__userlogin a.btn,
.checkout__userlogin .btn--primary .product-item a.btn,
.checkout__userlogin .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn,
.tab__radio--2:checked~.tab__header .checkout__userlogin .tab__btn--2 .product-item a.btn,
.checkout__userlogin .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn,
.tab__radio--1:checked~.tab__header .checkout__userlogin .tab__btn--1 .product-item a.btn,
.checkout__userlogin .myOrder #loginButton .product-item a.btn,
.myOrder .checkout__userlogin #loginButton .product-item a.btn,
.checkout__userlogin .orderLogin #loginButton .product-item a.btn,
.orderLogin .checkout__userlogin #loginButton .product-item a.btn,
.checkout__userlogin .btn--primary-light .product-item a.btn,
.checkout__userlogin .btn--primary-subscription .product-item a.btn,
.checkout__userlogin .btn--primary-clubmatas .product-item a.btn,
.checkout__userlogin .btn .product-item a.btn {
font-size: 12px
}
}
.btn--primary .product-item a.btn--primary:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary:not([href]):not([tabindex]),
.btn--primary .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .btn--primary .product-item a.tab__btn--2:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.tab__btn--2:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.tab__btn--2:not([href]):not([tabindex]),
.btn--primary .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .btn--primary .product-item a.tab__btn--1:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.tab__btn--1:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .tab__radio--1:checked~.tab__header .tab__btn--2 .product-item a.tab__btn--1:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.tab__btn--1:not([href]):not([tabindex]),
.myOrder #loginButton .product-item a.btn--primary:not([href]):not([tabindex]),
.myOrder #loginButton .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .myOrder #loginButton .product-item a.tab__btn--2:not([href]):not([tabindex]),
.myOrder #loginButton .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .myOrder #loginButton .product-item a.tab__btn--1:not([href]):not([tabindex]),
.orderLogin #loginButton .product-item a.btn--primary:not([href]):not([tabindex]),
.orderLogin #loginButton .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .orderLogin #loginButton .product-item a.tab__btn--2:not([href]):not([tabindex]),
.orderLogin #loginButton .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .orderLogin #loginButton .product-item a.tab__btn--1:not([href]):not([tabindex]),
.btn--primary .product-item .myOrder a#loginButton:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .myOrder a#loginButton:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .myOrder a#loginButton:not([href]):not([tabindex]),
.myOrder .btn--primary .product-item a#loginButton:not([href]):not([tabindex]),
.myOrder .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a#loginButton:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .myOrder .tab__btn--2 .product-item a#loginButton:not([href]):not([tabindex]),
.myOrder .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a#loginButton:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .myOrder .tab__btn--1 .product-item a#loginButton:not([href]):not([tabindex]),
.myOrder #loginButton .product-item a#loginButton:not([href]):not([tabindex]),
.btn--primary .product-item .orderLogin a#loginButton:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .orderLogin a#loginButton:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .orderLogin a#loginButton:not([href]):not([tabindex]),
.orderLogin .btn--primary .product-item a#loginButton:not([href]):not([tabindex]),
.orderLogin .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a#loginButton:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .orderLogin .tab__btn--2 .product-item a#loginButton:not([href]):not([tabindex]),
.orderLogin .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a#loginButton:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .orderLogin .tab__btn--1 .product-item a#loginButton:not([href]):not([tabindex]),
.orderLogin #loginButton .product-item a#loginButton:not([href]):not([tabindex]),
.btn--primary-light .product-item a.btn--primary:not([href]):not([tabindex]),
.btn--primary-light .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .btn--primary-light .product-item a.tab__btn--2:not([href]):not([tabindex]),
.btn--primary-light .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .btn--primary-light .product-item a.tab__btn--1:not([href]):not([tabindex]),
.btn--primary-light .product-item .myOrder a#loginButton:not([href]):not([tabindex]),
.myOrder .btn--primary-light .product-item a#loginButton:not([href]):not([tabindex]),
.btn--primary-light .product-item .orderLogin a#loginButton:not([href]):not([tabindex]),
.orderLogin .btn--primary-light .product-item a#loginButton:not([href]):not([tabindex]),
.btn--primary .product-item a.btn--primary-light:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary-light:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary-light:not([href]):not([tabindex]),
.myOrder #loginButton .product-item a.btn--primary-light:not([href]):not([tabindex]),
.orderLogin #loginButton .product-item a.btn--primary-light:not([href]):not([tabindex]),
.btn--primary-light .product-item a.btn--primary-light:not([href]):not([tabindex]),
.btn--primary-subscription .product-item a.btn--primary:not([href]):not([tabindex]),
.btn--primary-subscription .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .btn--primary-subscription .product-item a.tab__btn--2:not([href]):not([tabindex]),
.btn--primary-subscription .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .btn--primary-subscription .product-item a.tab__btn--1:not([href]):not([tabindex]),
.btn--primary-subscription .product-item .myOrder a#loginButton:not([href]):not([tabindex]),
.myOrder .btn--primary-subscription .product-item a#loginButton:not([href]):not([tabindex]),
.btn--primary-subscription .product-item .orderLogin a#loginButton:not([href]):not([tabindex]),
.orderLogin .btn--primary-subscription .product-item a#loginButton:not([href]):not([tabindex]),
.btn--primary-subscription .product-item a.btn--primary-light:not([href]):not([tabindex]),
.btn--primary .product-item a.btn--primary-subscription:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary-subscription:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary-subscription:not([href]):not([tabindex]),
.myOrder #loginButton .product-item a.btn--primary-subscription:not([href]):not([tabindex]),
.orderLogin #loginButton .product-item a.btn--primary-subscription:not([href]):not([tabindex]),
.btn--primary-light .product-item a.btn--primary-subscription:not([href]):not([tabindex]),
.btn--primary-subscription .product-item a.btn--primary-subscription:not([href]):not([tabindex]),
.btn--primary-clubmatas .product-item a.btn--primary:not([href]):not([tabindex]),
.btn--primary-clubmatas .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .btn--primary-clubmatas .product-item a.tab__btn--2:not([href]):not([tabindex]),
.btn--primary-clubmatas .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .btn--primary-clubmatas .product-item a.tab__btn--1:not([href]):not([tabindex]),
.btn--primary-clubmatas .product-item .myOrder a#loginButton:not([href]):not([tabindex]),
.myOrder .btn--primary-clubmatas .product-item a#loginButton:not([href]):not([tabindex]),
.btn--primary-clubmatas .product-item .orderLogin a#loginButton:not([href]):not([tabindex]),
.orderLogin .btn--primary-clubmatas .product-item a#loginButton:not([href]):not([tabindex]),
.btn--primary-clubmatas .product-item a.btn--primary-light:not([href]):not([tabindex]),
.btn--primary-clubmatas .product-item a.btn--primary-subscription:not([href]):not([tabindex]),
.btn--primary .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]),
.myOrder #loginButton .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]),
.orderLogin #loginButton .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]),
.btn--primary-light .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]),
.btn--primary-subscription .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]),
.btn--primary-clubmatas .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]),
.checkout__userlogin .btn .product-item a.btn--primary:not([href]):not([tabindex]),
.checkout__userlogin .btn .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .checkout__userlogin .btn .product-item a.tab__btn--2:not([href]):not([tabindex]),
.checkout__userlogin .btn .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .checkout__userlogin .btn .product-item a.tab__btn--1:not([href]):not([tabindex]),
.checkout__userlogin .btn .product-item .myOrder a#loginButton:not([href]):not([tabindex]),
.myOrder .checkout__userlogin .btn .product-item a#loginButton:not([href]):not([tabindex]),
.checkout__userlogin .btn .product-item .orderLogin a#loginButton:not([href]):not([tabindex]),
.orderLogin .checkout__userlogin .btn .product-item a#loginButton:not([href]):not([tabindex]),
.checkout__userlogin .btn .product-item a.btn--primary-light:not([href]):not([tabindex]),
.checkout__userlogin .btn .product-item a.btn--primary-subscription:not([href]):not([tabindex]),
.checkout__userlogin .btn .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]),
.btn--primary .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]),
.myOrder #loginButton .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]),
.orderLogin #loginButton .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]),
.btn--primary-light .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]),
.btn--primary-subscription .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]),
.btn--primary-clubmatas .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]),
.checkout__userlogin .btn--primary .product-item a.btn:not([href]):not([tabindex]),
.checkout__userlogin .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn:not([href]):not([tabindex]),
.tab__radio--2:checked~.tab__header .checkout__userlogin .tab__btn--2 .product-item a.btn:not([href]):not([tabindex]),
.checkout__userlogin .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn:not([href]):not([tabindex]),
.tab__radio--1:checked~.tab__header .checkout__userlogin .tab__btn--1 .product-item a.btn:not([href]):not([tabindex]),
.checkout__userlogin .myOrder #loginButton .product-item a.btn:not([href]):not([tabindex]),
.myOrder .checkout__userlogin #loginButton .product-item a.btn:not([href]):not([tabindex]),
.checkout__userlogin .orderLogin #loginButton .product-item a.btn:not([href]):not([tabindex]),
.orderLogin .checkout__userlogin #loginButton .product-item a.btn:not([href]):not([tabindex]),
.checkout__userlogin .btn--primary-light .product-item a.btn:not([href]):not([tabindex]),
.checkout__userlogin .btn--primary-subscription .product-item a.btn:not([href]):not([tabindex]),
.checkout__userlogin .btn--primary-clubmatas .product-item a.btn:not([href]):not([tabindex]),
.checkout__userlogin .btn .product-item a.btn:not([href]):not([tabindex]) {
color: #fff
}
.btn--primary .product-item a.btn--primary:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary:not([href]):not([tabindex]):hover,
.btn--primary .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .btn--primary .product-item a.tab__btn--2:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.tab__btn--2:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.tab__btn--2:not([href]):not([tabindex]):hover,
.btn--primary .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .btn--primary .product-item a.tab__btn--1:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.tab__btn--1:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .tab__radio--1:checked~.tab__header .tab__btn--2 .product-item a.tab__btn--1:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.tab__btn--1:not([href]):not([tabindex]):hover,
.myOrder #loginButton .product-item a.btn--primary:not([href]):not([tabindex]):hover,
.myOrder #loginButton .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .myOrder #loginButton .product-item a.tab__btn--2:not([href]):not([tabindex]):hover,
.myOrder #loginButton .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .myOrder #loginButton .product-item a.tab__btn--1:not([href]):not([tabindex]):hover,
.orderLogin #loginButton .product-item a.btn--primary:not([href]):not([tabindex]):hover,
.orderLogin #loginButton .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .orderLogin #loginButton .product-item a.tab__btn--2:not([href]):not([tabindex]):hover,
.orderLogin #loginButton .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .orderLogin #loginButton .product-item a.tab__btn--1:not([href]):not([tabindex]):hover,
.btn--primary .product-item .myOrder a#loginButton:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .myOrder a#loginButton:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .myOrder a#loginButton:not([href]):not([tabindex]):hover,
.myOrder .btn--primary .product-item a#loginButton:not([href]):not([tabindex]):hover,
.myOrder .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a#loginButton:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .myOrder .tab__btn--2 .product-item a#loginButton:not([href]):not([tabindex]):hover,
.myOrder .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a#loginButton:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .myOrder .tab__btn--1 .product-item a#loginButton:not([href]):not([tabindex]):hover,
.myOrder #loginButton .product-item a#loginButton:not([href]):not([tabindex]):hover,
.btn--primary .product-item .orderLogin a#loginButton:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .orderLogin a#loginButton:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .orderLogin a#loginButton:not([href]):not([tabindex]):hover,
.orderLogin .btn--primary .product-item a#loginButton:not([href]):not([tabindex]):hover,
.orderLogin .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a#loginButton:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .orderLogin .tab__btn--2 .product-item a#loginButton:not([href]):not([tabindex]):hover,
.orderLogin .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a#loginButton:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .orderLogin .tab__btn--1 .product-item a#loginButton:not([href]):not([tabindex]):hover,
.orderLogin #loginButton .product-item a#loginButton:not([href]):not([tabindex]):hover,
.btn--primary-light .product-item a.btn--primary:not([href]):not([tabindex]):hover,
.btn--primary-light .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .btn--primary-light .product-item a.tab__btn--2:not([href]):not([tabindex]):hover,
.btn--primary-light .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .btn--primary-light .product-item a.tab__btn--1:not([href]):not([tabindex]):hover,
.btn--primary-light .product-item .myOrder a#loginButton:not([href]):not([tabindex]):hover,
.myOrder .btn--primary-light .product-item a#loginButton:not([href]):not([tabindex]):hover,
.btn--primary-light .product-item .orderLogin a#loginButton:not([href]):not([tabindex]):hover,
.orderLogin .btn--primary-light .product-item a#loginButton:not([href]):not([tabindex]):hover,
.btn--primary .product-item a.btn--primary-light:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary-light:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary-light:not([href]):not([tabindex]):hover,
.myOrder #loginButton .product-item a.btn--primary-light:not([href]):not([tabindex]):hover,
.orderLogin #loginButton .product-item a.btn--primary-light:not([href]):not([tabindex]):hover,
.btn--primary-light .product-item a.btn--primary-light:not([href]):not([tabindex]):hover,
.btn--primary-subscription .product-item a.btn--primary:not([href]):not([tabindex]):hover,
.btn--primary-subscription .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .btn--primary-subscription .product-item a.tab__btn--2:not([href]):not([tabindex]):hover,
.btn--primary-subscription .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .btn--primary-subscription .product-item a.tab__btn--1:not([href]):not([tabindex]):hover,
.btn--primary-subscription .product-item .myOrder a#loginButton:not([href]):not([tabindex]):hover,
.myOrder .btn--primary-subscription .product-item a#loginButton:not([href]):not([tabindex]):hover,
.btn--primary-subscription .product-item .orderLogin a#loginButton:not([href]):not([tabindex]):hover,
.orderLogin .btn--primary-subscription .product-item a#loginButton:not([href]):not([tabindex]):hover,
.btn--primary-subscription .product-item a.btn--primary-light:not([href]):not([tabindex]):hover,
.btn--primary .product-item a.btn--primary-subscription:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary-subscription:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary-subscription:not([href]):not([tabindex]):hover,
.myOrder #loginButton .product-item a.btn--primary-subscription:not([href]):not([tabindex]):hover,
.orderLogin #loginButton .product-item a.btn--primary-subscription:not([href]):not([tabindex]):hover,
.btn--primary-light .product-item a.btn--primary-subscription:not([href]):not([tabindex]):hover,
.btn--primary-subscription .product-item a.btn--primary-subscription:not([href]):not([tabindex]):hover,
.btn--primary-clubmatas .product-item a.btn--primary:not([href]):not([tabindex]):hover,
.btn--primary-clubmatas .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .btn--primary-clubmatas .product-item a.tab__btn--2:not([href]):not([tabindex]):hover,
.btn--primary-clubmatas .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .btn--primary-clubmatas .product-item a.tab__btn--1:not([href]):not([tabindex]):hover,
.btn--primary-clubmatas .product-item .myOrder a#loginButton:not([href]):not([tabindex]):hover,
.myOrder .btn--primary-clubmatas .product-item a#loginButton:not([href]):not([tabindex]):hover,
.btn--primary-clubmatas .product-item .orderLogin a#loginButton:not([href]):not([tabindex]):hover,
.orderLogin .btn--primary-clubmatas .product-item a#loginButton:not([href]):not([tabindex]):hover,
.btn--primary-clubmatas .product-item a.btn--primary-light:not([href]):not([tabindex]):hover,
.btn--primary-clubmatas .product-item a.btn--primary-subscription:not([href]):not([tabindex]):hover,
.btn--primary .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]):hover,
.myOrder #loginButton .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]):hover,
.orderLogin #loginButton .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]):hover,
.btn--primary-light .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]):hover,
.btn--primary-subscription .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]):hover,
.btn--primary-clubmatas .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn .product-item a.btn--primary:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn .product-item .tab__radio--2:checked~.tab__header a.tab__btn--2:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .checkout__userlogin .btn .product-item a.tab__btn--2:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn .product-item .tab__radio--1:checked~.tab__header a.tab__btn--1:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .checkout__userlogin .btn .product-item a.tab__btn--1:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn .product-item .myOrder a#loginButton:not([href]):not([tabindex]):hover,
.myOrder .checkout__userlogin .btn .product-item a#loginButton:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn .product-item .orderLogin a#loginButton:not([href]):not([tabindex]):hover,
.orderLogin .checkout__userlogin .btn .product-item a#loginButton:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn .product-item a.btn--primary-light:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn .product-item a.btn--primary-subscription:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn .product-item a.btn--primary-clubmatas:not([href]):not([tabindex]):hover,
.btn--primary .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .tab__btn--2 .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .tab__btn--1 .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]):hover,
.myOrder #loginButton .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]):hover,
.orderLogin #loginButton .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]):hover,
.btn--primary-light .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]):hover,
.btn--primary-subscription .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]):hover,
.btn--primary-clubmatas .product-item .checkout__userlogin a.btn:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn--primary .product-item a.btn:not([href]):not([tabindex]):hover,
.checkout__userlogin .tab__radio--2:checked~.tab__header .tab__btn--2 .product-item a.btn:not([href]):not([tabindex]):hover,
.tab__radio--2:checked~.tab__header .checkout__userlogin .tab__btn--2 .product-item a.btn:not([href]):not([tabindex]):hover,
.checkout__userlogin .tab__radio--1:checked~.tab__header .tab__btn--1 .product-item a.btn:not([href]):not([tabindex]):hover,
.tab__radio--1:checked~.tab__header .checkout__userlogin .tab__btn--1 .product-item a.btn:not([href]):not([tabindex]):hover,
.checkout__userlogin .myOrder #loginButton .product-item a.btn:not([href]):not([tabindex]):hover,
.myOrder .checkout__userlogin #loginButton .product-item a.btn:not([href]):not([tabindex]):hover,
.checkout__userlogin .orderLogin #loginButton .product-item a.btn:not([href]):not([tabindex]):hover,
.orderLogin .checkout__userlogin #loginButton .product-item a.btn:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn--primary-light .product-item a.btn:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn--primary-subscription .product-item a.btn:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn--primary-clubmatas .product-item a.btn:not([href]):not([tabindex]):hover,
.checkout__userlogin .btn .product-item a.btn:not([href]):not([tabindex]):hover {
color: #fff;
text-decoration: none
}
.btn--primary-clubmatas {
background: #eb595e;
text-transform: none;
font-weight: 700
}
.btn--primary-subscription {
background: #74b5c8;
text-transform: none;
padding-left: 0;
padding-right: 0
}
.btn--primary-light {
background: #fff;
color: #000;
text-transform: none
}
.btn--primary-light:hover,
.btn--primary-light:focus {
color: #000
}
.btn--secondary,
.tab__btn {
background: #002643;
color: #fff;
text-decoration: none;
padding: 1em 1.33em .9285714286em;
min-height: 2.9285714286em;
line-height: 1em;
text-align: center;
align-items: center;
font-weight: 400;
border: 0;
border-radius: 8px;
width: 250px;
max-width: 100%;
cursor: pointer;
background: #efedea;
color: #000
}
.btn--secondary:hover,
.tab__btn:hover,
.btn--secondary:focus,
.tab__btn:focus {
color: #fff;
text-decoration: none
}
.dialog--cart .btn--secondary,
.dialog--cart .tab__btn {
margin: 20px auto
}
@media (min-width: 1921px) {
.productlist .btn--secondary,
.productlist .tab__btn {
padding: .7em 1.33em;
min-height: 2.9em
}
}
@media (max-width: 543px) {
.btn--secondary .product-item a.btn--secondary,
.tab__btn .product-item a.btn--secondary,
.btn--secondary .product-item a.tab__btn,
.tab__btn .product-item a.tab__btn {
font-size: 12px
}
}
.btn--secondary .product-item a.btn--secondary:not([href]):not([tabindex]),
.tab__btn .product-item a.btn--secondary:not([href]):not([tabindex]),
.btn--secondary .product-item a.tab__btn:not([href]):not([tabindex]),
.tab__btn .product-item a.tab__btn:not([href]):not([tabindex]) {
color: #fff
}
.btn--secondary .product-item a.btn--secondary:not([href]):not([tabindex]):hover,
.tab__btn .product-item a.btn--secondary:not([href]):not([tabindex]):hover,
.btn--secondary .product-item a.tab__btn:not([href]):not([tabindex]):hover,
.tab__btn .product-item a.tab__btn:not([href]):not([tabindex]):hover {
color: #fff;
text-decoration: none
}
.product-list__wrapper .btn--secondary,
.product-list__wrapper .tab__btn {
margin-bottom: 50px
}
.btn--secondary:hover,
.tab__btn:hover,
.btn--secondary:focus,
.tab__btn:focus {
color: #002643
}
.btn--tertiary,
.btn--tertiary-negative {
background: #002643;
color: #fff;
text-decoration: none;
padding: 1em 1.33em .9285714286em;
min-height: 2.9285714286em;
line-height: 1em;
text-align: center;
align-items: center;
font-weight: 400;
border: 0;
border-radius: 8px;
width: 250px;
max-width: 100%;
cursor: pointer;
border: 1px solid #b8b8b8;
padding: calc(1em - 1px) 1.33em calc(.9285714286em - 1px);
text-transform: none;
background: #ececec;
color: #000
}
.btn--tertiary:hover,
.btn--tertiary-negative:hover,
.btn--tertiary:focus,
.btn--tertiary-negative:focus {
color: #fff;
text-decoration: none
}
.dialog--cart .btn--tertiary,
.dialog--cart .btn--tertiary-negative {
margin: 20px auto
}
@media (min-width: 1921px) {
.productlist .btn--tertiary,
.productlist .btn--tertiary-negative {
padding: .7em 1.33em;
min-height: 2.9em
}
}
@media (max-width: 543px) {
.btn--tertiary .product-item a.btn--tertiary,
.btn--tertiary-negative .product-item a.btn--tertiary,
.btn--tertiary .product-item a.btn--tertiary-negative,
.btn--tertiary-negative .product-item a.btn--tertiary-negative {
font-size: 12px
}
}
.btn--tertiary .product-item a.btn--tertiary:not([href]):not([tabindex]),
.btn--tertiary-negative .product-item a.btn--tertiary:not([href]):not([tabindex]),
.btn--tertiary .product-item a.btn--tertiary-negative:not([href]):not([tabindex]),
.btn--tertiary-negative .product-item a.btn--tertiary-negative:not([href]):not([tabindex]) {
color: #fff
}
.btn--tertiary .product-item a.btn--tertiary:not([href]):not([tabindex]):hover,
.btn--tertiary-negative .product-item a.btn--tertiary:not([href]):not([tabindex]):hover,
.btn--tertiary .product-item a.btn--tertiary-negative:not([href]):not([tabindex]):hover,
.btn--tertiary-negative .product-item a.btn--tertiary-negative:not([href]):not([tabindex]):hover {
color: #fff;
text-decoration: none
}
.btn--tertiary:hover,
.btn--tertiary-negative:hover,
.btn--tertiary:active,
.btn--tertiary-negative:active,
.btn--tertiary:focus,
.btn--tertiary-negative:focus {
color: #000
}
.btn--tertiary-negative {
background: #fff
}
.btn--fit {
width: auto;
white-space: nowrap
}
.btn--fit-secondary {
width: auto;
white-space: nowrap;
padding: .8em 1.8em
}
.btn--big {
padding: 16px;
min-height: 48px;
font-size: 1.1428571429rem
}
.btn--big .btn__icon .icon {
width: 1.1428571429rem;
height: 1.1428571429rem
}
.btn--small,
.quicksearch-item__btn .btn {
font-size: .8em;
padding: .8em 1em;
font-weight: 400
}
.btn--long {
width: 30em
}
.btn--full-width {
width: 100%;
max-width: 100%
}
.btn--right {
right: 0;
margin-left: auto
}
.btn--input-w-placeholder-height {
max-height: calc(100% - .65em);
flex: 0 0 100%;
margin-bottom: .65em
}
.btn--left {
left: 0;
float: left;
margin-right: auto
}
.btn--mobile-menu {
position: relative;
z-index: 1;
flex: 0 0 50px;
height: 50px;
padding-top: 2px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #fff
}
.btn--mobile-menu:after {
content: "";
opacity: 1;
border-right: 1px solid #e2e4e6;
position: absolute;
right: 0;
top: 2px;
bottom: 2px
}
@media (min-width: 1200px) {
.btn--mobile-menu {
display: none
}
}
.btn--booking,
.btn--favourite,
.btn--cart,
.btn--gift,
.btn--user-login,
.btn--find-store,
.btn--rebuy {
color: #000;
position: relative;
display: flex;
padding-top: 5px;
margin-left: 8px
}
@media (min-width: 375px) {
.btn--booking,
.btn--favourite,
.btn--cart,
.btn--gift,
.btn--user-login,
.btn--find-store,
.btn--rebuy {
margin-left: 10px
}
}
@media (min-width: 992px) {
.btn--booking,
.btn--favourite,
.btn--cart,
.btn--gift,
.btn--user-login,
.btn--find-store,
.btn--rebuy {
margin-left: 12px
}
}
@media (min-width: 1200px) {
.state--scroll-up .btn--booking,
.state--scroll-up .btn--favourite,
.state--scroll-up .btn--cart,
.state--scroll-up .btn--gift,
.state--scroll-up .btn--user-login,
.state--scroll-up .btn--find-store,
.state--scroll-up .btn--rebuy {
padding-top: 16px
}
}
@media (min-width: 1600px) {
.btn--booking,
.btn--favourite,
.btn--cart,
.btn--gift,
.btn--user-login,
.btn--find-store,
.btn--rebuy {
margin-left: 16px
}
}
@media (min-width: 1921px) {
.btn--booking,
.btn--favourite,
.btn--cart,
.btn--gift,
.btn--user-login,
.btn--find-store,
.btn--rebuy {
margin-left: 24px
}
}
.btn--cart {
color: #000
}
.btn--find-store {
display: none
}
@media (min-width: 992px) {
.btn--find-store {
display: flex
}
}
.btn--search {
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px
}
@media (min-width: 1200px) {
.btn--search {
display: none
}
}
@media (max-width: 991px) {
.btn--search {
padding: 0 5px
}
}
@media (max-width: 767px) {
.btn--search {
margin-right: -10px
}
}
.btn--search.state--active {
background: #f6f6f6
}
.btn--search-close {
display: block;
text-align: center;
padding: 0;
width: 0;
flex: 1 1 auto
}
.search-open .btn--search-close {
transform: translate(0)
}
@media (min-width: 1200px) {
.btn--search-close {
display: none
}
}
.btn--current-nav-item {
font-size: 1.17em;
flex: 0 0 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1em;
color: #000;
background-color: #fff;
font-family: Inter, sans-serif;
font-weight: 700;
border-top: 1px solid #e2e4e6;
pointer-events: auto;
text-decoration: none
}
.btn--current-nav-item:active {
background-color: #000;
color: #fff
}
.btn--find {
background: #002643;
text-decoration: none;
padding: 1em 1.33em .9285714286em;
min-height: 2.9285714286em;
line-height: 1em;
text-align: center;
align-items: center;
font-weight: 400;
border: 0;
border-radius: 8px;
width: 250px;
max-width: 100%;
cursor: pointer;
color: #fff;
background-color: #000
}
.btn--find:hover,
.btn--find:focus {
color: #fff;
text-decoration: none
}
.dialog--cart .btn--find {
margin: 20px auto
}
@media (min-width: 1921px) {
.productlist .btn--find {
padding: .7em 1.33em;
min-height: 2.9em
}
}
@media (max-width: 543px) {
.btn--find .product-item a.btn--find {
font-size: 12px
}
}
.btn--find .product-item a.btn--find:not([href]):not([tabindex]) {
color: #fff
}
.btn--find .product-item a.btn--find:not([href]):not([tabindex]):hover {
color: #fff;
text-decoration: none
}
.btn--product-description-read-more {
text-decoration: underline
}
@media (max-width: 991px) {
.btn--product-description-read-more {
padding: 5px 10px;
margin: 20px 0;
text-decoration: none;
border: 1px solid #000000
}
}
.btn--product-page {
line-height: 1.5em;
width: 100%;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center
}
@media (min-width: 768px) {
.btn--product-page {
height: 48px
}
}
.btn--filter-close {
width: 35px;
padding: 0 0 0 20px;
height: 100%
}
.btn--filter-above-select {
width: 100%;
padding: 10px;
background: #002643;
color: #fff
}
.filter-list-modal .btn--filter-above-select {
width: 250px
}
.btn--review-toggler {
display: flex;
flex-direction: row;
justify-content: center
}
.btn--review-toggler .icon {
flex: 0 0 15px;
width: 15px;
height: 15px;
margin-left: 16px;
transition: transform .1s ease
}
input[type=checkbox]:checked~.btn--review-toggler .icon {
transition: transform .1s ease;
transform: rotate(180deg)
}
.btn--with-subline {
border-color: #000;
flex-direction: column;
display: inline-flex;
flex: 0 1 100%;
white-space: nowrap;
text-transform: initial;
z-index: 1;
position: relative;
background-color: #0000;
transition: background-color .15s ease
}
.btn--with-subline:hover {
background-color: #000
}
.btn--with-subline:hover>* {
transition: color .15s ease;
color: #fff
}
@media (pointer: coarse) {
.btn--with-subline:active {
background-color: #000
}
.btn--with-subline:active>* {
transition: color .15s ease;
color: #fff
}
.btn--with-subline:hover {
background-color: inherit
}
.btn--with-subline:hover>* {
transition: none;
color: inherit
}
}
.btn--with-subline.state--inactive {
opacity: 0;
pointer-events: none
}
.btn--epaper-back {
position: fixed;
top: 113px;
display: flex;
flex-direction: row;
border-radius: 30px;
width: 100%;
max-width: calc(100% - 32px);
left: 16px;
z-index: 1000;
transition: width .3s ease;
overflow: hidden
}
@media (min-width: 1200px) {
.btn--epaper-back {
display: none
}
}
.btn--basket-icon {
display: flex;
justify-content: center;
align-items: center;
padding: 20%;
border-radius: 100%;
height: 45px;
width: 45px;
background-color: #000
}
.btn--checkout {
width: auto;
flex: 1 1 auto;
display: flex
}
.basket__continue-shopping+.btn--checkout {
margin-left: 10px
}
@media (min-width: 768px) {
.basket__continue-shopping+.btn--checkout {
margin-left: 20px;
width: 205px
}
}
.quicksearch-item__btn .btn--medicare {
padding-left: 0;
padding-right: 0
}
.btn__epaper-text {
white-space: nowrap;
margin: 0 auto;
padding-right: calc(32px + 1.3em)
}
.btn--double-icon {
display: flex;
justify-content: space-between;
width: auto;
flex: 1 0 auto;
padding: 1em
}
.btn__main,
.btn__sub {
transition: color .1s ease
}
.btn__main {
font-size: 1.23em;
line-height: 1.1em
}
.btn__sub {
font-size: .85em;
line-height: 1.1em;
color: #4a4a4a
}
.state--inactive .btn__sub {
color: #7c7c7c
}
.btn__text-center {
align-content: center;
justify-content: center;
align-items: center;
display: flex;
flex: 0 0 100%;
align-self: center;
margin: auto
}
.btn__link {
text-decoration: none
}
.session-menu__btns .btn .btn__link {
color: currentColor;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.session-menu__btns .btn .btn__link:hover {
text-decoration: none
}
.btn--current-nav-item .btn__text {
text-align: right
}
.btn--gift .btn__text {
margin-left: 5px
}
@media (max-width: 767px) {
.header__btns .btn--gift .btn__text {
display: none
}
}
.btn--cart .btn__text,
.btn--gift .btn__text {
margin-top: 5px
}
.btn--cart .btn__text {
margin-left: 5px
}
@media (max-width: 767px) {
.header__btns .btn--cart .btn__text {
display: none
}
}
.btn__badge-container {
position: relative;
padding: 0 13px;
line-height: normal
}
@media (min-width: 1200px) {
.btn__badge-container {
padding: 0 17px
}
}
@media (max-width: 767px) {
.btn__badge-container {
padding: 0
}
}
.btn__badge {
color: #fff;
font-family: Inter, sans-serif;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
background-color: #000;
border-radius: 100%;
padding: 0 3px;
position: absolute;
top: -3px;
right: -9px;
text-decoration: none;
height: 17px;
min-width: 17px;
font-size: 9px
}
@media (min-width: 768px) {
.btn__badge {
top: -3px;
right: 0;
font-size: 11px;
height: 20px;
min-width: 20px
}
}
@media (min-width: 1200px) {
.btn__badge {
top: -5px;
right: 0;
height: 25px;
min-width: 25px
}
}
.btn__badge[data-count]:before {
content: attr(data-count)
}
.btn--gift .btn__badge {
background-color: #6b3a45
}
.btn--user-login .btn__badge {
background-color: #748daa
}
.btn__icon {
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
width: 100%
}
.btn__icon--left {
flex-direction: row-reverse
}
.btn__icon--right {
flex-direction: row
}
.checkout-club-member .btn__icon {
white-space: normal
}
.btn--back .btn__icon {
margin-left: 0;
margin-right: 0;
width: 100%
}
.btn__icon-spacer {
flex: 1 0 auto;
width: 1.2em;
align-items: center;
display: flex
}
.btn__icon-spacer--shrink {
flex-shrink: 1
}
.btn--custom-button .btn__icon-spacer {
justify-content: flex-end
}
.btn--puls {
padding: 20px;
border-radius: 100%
}
.btn__puls-dot {
width: 20px;
height: 20px;
display: block;
border-radius: 100%;
background-color: currentColor;
animation: puls 1.2s alternate-reverse infinite cubic-bezier(.6, -.01, .79, .99);
opacity: 0
}
.btn__puls-dot--negative {
color: #fff
}
.btn__puls-dot--positive {
color: #000
}
.btn--go-to-payment {
font-size: 1.17em
}
@media (min-width: 1200px) {
.btn--go-to-payment {
max-width: 390px;
flex-shrink: 0
}
}
.btn__icon-text {
display: flex;
font-size: .5714285714em;
margin-top: 0
}
@media (min-width: 992px) {
.btn__icon-text {
font-size: .7857142857em
}
}
.btn--back {
width: 150px;
padding-left: 16px;
padding-right: 16px
}
.mobile-offcanvas-top .btn--back {
display: flex;
justify-content: flex-start;
padding: 0 16px;
align-items: center;
width: 100%;
font-weight: 700
}
.input-form .btn--back {
text-transform: none
}
.step-footer__back .btn--back {
border: none;
font-weight: 700
}
@media (min-width: 768px) {
.step-footer__back .btn--back {
text-transform: none;
border: 1px solid #b8b8b8
}
}
.btn__back-text {
margin-left: 10px
}
.btn--submenu-back,
.btn--submenu-menu {
flex: 1 1 0;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700
}
.btn--submenu-back {
justify-content: flex-start;
padding: 1em 0 .9285714286em
}
.btn--submenu-menu {
background: #fff;
border: 1px solid #b8b8b8;
border-top: 4px solid #002643;
justify-content: space-between
}
.btn--close {
width: 100%;
display: flex;
justify-content: flex-end;
font-weight: 700;
padding: 0 16px;
align-items: center;
flex: 1 1 auto
}
.btn__close-text {
flex: 1 0 auto;
text-align: right;
margin-right: 10px
}
.btn--filter-reset {
flex: 0 0 auto;
display: none;
background: #fff;
margin-right: 5px
}
.filter-list--has-active-filters .btn--filter-reset {
display: flex
}
.btn--filter-reset,
.btn--filter-search-submit {
padding: 16px;
justify-content: center;
align-items: center
}
.btn--filter-search-submit {
display: flex;
flex: 1 1 auto;
color: #fff;
font-size: 1.0714285714em;
background: #002643
}
.filter-list--has-active-filters .btn--filter-search-submit {
margin-left: 5px
}
.btn--custom-button {
border: 1px solid #000000;
display: flex;
padding: 10px 16px;
margin: 5px 8px;
justify-content: center;
align-items: center;
flex: 1 0 100%;
flex-basis: calc(100% - 16px);
text-decoration: none;
text-align: center
}
.btn--custom-button:hover,
.btn--custom-button:active,
.btn--custom-button:focus {
text-decoration: none
}
@media (min-width: 768px) {
.btn--custom-button {
flex-basis: calc(25% - 16px);
max-width: 25%
}
}
@media (min-width: 1200px) {
.btn--custom-button {
flex-basis: calc(16.666% - 16px);
max-width: 20%
}
}
@media (min-width: 1600px) {
.btn--custom-button {
flex-basis: calc(12.5% - 16px);
max-width: 20%
}
}
.btn--custom-button.btn--fit {
flex: 0 0 auto;
max-width: 100%
}
@media (max-width: 767px) {
.btn--custom-button-two-columns {
flex-basis: calc(50% - 16px)
}
}
.btn--lg {
padding: .8125em 1.0625em;
font-size: 1.1428571429rem;
min-height: 3.125em
}
.btn--md {
width: 200px;
padding: .7em 1.33em;
font-size: FontSize14;
min-height: 2.7em
}
.btn--sm {
width: 150px;
padding: .7em 1.33em;
font-size: .8571428571rem;
min-height: 2em
}
.btn--shadow {
background: #fff;
border-radius: 6px;
box-shadow: 0 1px 2px #bfd3e766;
border: none
}
.btn--disabled {
pointer-events: none;
color: #b8b8b8;
border-color: #b8b8b8
}
.btn--disabled.btn--cta {
background: #4a4a4a
}
.btn--border-fix {
border: 1px solid transparent;
padding: calc(.9em - 1px) 1.33em
}
.btn--circle,
.btn--circle-small {
background-color: #002643;
border-radius: 50%;
width: 60px;
height: 60px;
color: #fff;
text-align: center
}
.btn--circle-small {
width: 50px;
height: 50px
}
.btn--circle-small .icon {
width: 25px
}
.btn--payment-active {
color: #fff;
background: #eb595e;
font-weight: 700;
text-transform: capitalize
}
.btn--payment-disable {
pointer-events: none;
text-transform: none;
color: #fff;
background: #fce9ec;
font-weight: 700
}
.btn--spinner-active {
display: flex;
align-items: center
}
.btn--spinner-active:after {
content: "";
margin-left: 8px;
display: inline-block;
width: 16px;
height: 16px;
background-image: url("");
background-size: contain;
background-repeat: no-repeat;
background-position: center
}
@keyframes puls {
0% {
opacity: 1
}
to {
opacity: .33
}
}
.button-radiolike {
display: flex;
align-items: center;
cursor: pointer;
border: none;
background: transparent;
width: 100%;
padding: 0
}
.button-radiolike--alt-shipping {
margin-bottom: 0
}
.button-radiolike__container {
display: flex;
align-items: center;
border: 1px solid #b8b8b8;
border-radius: 10px;
padding: .8571428571em 1.1428571429em;
width: 100%
}
.button-radiolike__container.parcelshop-search__box {
height: auto;
min-height: 3.461em
}
.button-radiolike__container--no-border-radius {
border-radius: 0
}
.custom-radio-button__input:checked+.button-radiolike__container,
.custom-radio-button__input:focus+.button-radiolike__container {
border: 1px solid #000000
}
.button-radiolike__graphics {
position: relative;
display: inline-flex;
width: 20px;
height: 20px;
background: #f7f6f5;
border: 2px solid #e0dad5;
border-radius: 50%;
margin-right: 8px;
flex: 1 0 auto
}
.button-radiolike--selected .button-radiolike__graphics:after {
content: "";
position: absolute;
transform: translate(50%, 50%);
width: 50%;
height: 50%;
background-color: #002643;
border-radius: 50%
}
.delivery-modal .button-radiolike__graphics {
display: none
}
.button-radiolike__label {
margin-right: 10px;
text-align: left
}
.button-radiolike--selected .button-radiolike__label {
font-weight: 700
}
.button-radiolike__subtext {
flex: 1 1 0
}
.campaign-header {
display: flex;
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 1px solid #e2e4e6
}
@media (max-width: 991px) {
.campaign-header {
flex-wrap: wrap;
justify-content: center
}
}
.campaign-header__info-container {
display: flex;
flex-direction: column;
flex: 1 1 auto
}
@media (max-width: 767px) {
.campaign-header__info-container {
flex-basis: 100%;
text-align: center
}
}
@media (max-width: 767px) {
.campaign-header__info-container .heading,
.campaign-header__info-container h3,
.campaign-header__info-container .heading--3,
.campaign-header__info-container h2,
.campaign-header__info-container .heading--2,
.campaign-header__info-container h1,
.campaign-header__info-container .heading--1 {
display: none
}
}
.campaign-header__sub-heading {
font-size: 1.3em;
line-height: 1.5em;
margin-bottom: 16px
}
@media (max-width: 767px) {
.campaign-header__sub-heading {
font-size: 14px
}
}
.campaign-header__additional-info {
margin-top: auto;
font-size: .9em
}
.campaign-header__additional-info__section {
display: inline-block
}
.card {
background-color: #fff;
border-radius: 8px;
padding: 16px;
margin-bottom: 16px
}
@media (min-width: 768px) {
.card {
padding: 32px;
margin-bottom: 32px
}
}
@media (min-width: 768px) {
.card--thin-padding {
padding: 16px
}
}
.card--stroke {
border: 1px solid #d8d1cb
}
.card-rounded {
border: 1px solid #b8b8b8;
border-radius: 10px;
padding: 1.4285714286em;
min-height: 3.461em
}
.myprofile--orders .card-rounded {
border-color: #ececec
}
.card-rounded--details {
flex: 0 1 100%;
margin: 16px
}
@media (min-width: 768px) {
.card-rounded--details {
flex: 1 1 calc(33.33% - 30px);
width: calc(33.33% - 30px)
}
}
@media (min-width: 768px) {
.card-holder--4-cards .card-rounded--details {
flex: 1 1 calc(50% - 30px);
width: calc(50% - 30px)
}
}
.card-rounded--basketline {
flex: 0 0 100%;
margin-bottom: 16px
}
@media (min-width: 768px) {
.card-rounded--basketline {
padding-left: 110px
}
}
@media (min-width: 1200px) {
.card-rounded--basketline {
padding-left: 132px
}
}
.card-rounded--hidden-border {
border-color: transparent
}
.input-form .card-rounded--hidden-border {
padding-top: 0;
margin-top: 0
}
@media (min-width: 768px) {
.input-form .card-rounded--hidden-border {
padding-top: 1.4285714286em;
margin-top: 16px
}
}
.card-rounded--hidden {
height: 0px;
min-height: 0px;
border: 0;
padding: 0;
margin-top: 0;
margin-bottom: 0
}
.card-rounded__header {
flex: 1 1 0;
display: flex;
flex-wrap: wrap
}
.card-rounded__edit {
flex: 0 0 auto;
display: flex
}
.card-holder {
display: flex;
flex-wrap: wrap;
margin-left: -16px;
margin-right: -16px
}
.chat-nudge {
display: flex;
width: 100%;
justify-content: center;
padding-top: 24px
}
.chat-nudge__container {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center
}
@media (min-width: 992px) {
.chat-nudge__container {
justify-content: center;
flex-direction: row
}
}
.chat-nudge__text-container {
display: flex;
flex-direction: column;
padding: 0 16px 16px;
min-width: 1px;
max-width: 28.5714285714rem;
flex: 0 0 auto;
justify-content: center;
align-items: center;
text-align: center
}
@media (min-width: 992px) {
.chat-nudge__text-container {
padding: 0;
margin-left: 60px;
order: 2;
text-align: left;
align-items: flex-start
}
}
.chat-nudge__header {
margin-bottom: 8px;
max-width: 100%
}
.chat-nudge__description {
max-width: 100%;
margin-bottom: 16px
}
.chat-nudge__link-container {
display: flex;
align-items: center
}
.chat-nudge__icon-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #000;
margin-right: 10px;
font-size: 1.0714285714rem;
font-weight: 700
}
.chat-nudge--derma .chat-nudge__icon-wrapper {
background-color: transparent
}
.chat-nudge__icon {
width: 16px;
height: 16px;
margin-right: 10px;
fill: #000
}
.chat-nudge__icon-wrapper .chat-nudge__icon {
fill: #fff;
margin: 0;
width: 13px;
height: 13px
}
.chat-nudge--derma .chat-nudge__icon-wrapper .chat-nudge__icon {
width: 16px;
height: 16px
}
.chat-nudge__image-container {
height: 85px;
max-width: 100%;
min-width: 1px;
display: flex;
align-items: flex-end
}
@media (min-width: 992px) {
.chat-nudge__image-container {
align-self: flex-end;
height: 170px
}
}
.chat-nudge__image {
height: auto;
max-width: 100%;
max-height: 85px
}
@media (min-width: 992px) {
.chat-nudge__image {
height: 100%;
max-height: 170px
}
}
.chat-nudge>a {
text-decoration: none
}
.check-animation {
display: none
}
.state--checked .check-animation {
display: block;
position: absolute;
right: .665em;
top: 50%;
transform: translateY(-50%)
}
.check-animation__svg {
width: 1.5;
height: 1.5;
border-radius: 50%;
display: block;
stroke-width: 5%;
stroke: #000;
stroke-miterlimit: 10;
box-shadow: inset 0 0 0 0 currentColor
}
.state--checked .check-animation__svg {
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
animation-delay: 1s
}
.check-animation__circle {
stroke-dasharray: 157;
stroke-dashoffset: 157;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: currentColor;
fill: none
}
.state--checked .check-animation__circle {
animation: circle-stroke 1s linear forwards
}
.check-animation__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48
}
.state--checked .check-animation__check {
animation: check-stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
}
@keyframes circle-stroke {
0% {
stroke-dashoffset: 157
}
25% {
stroke-dashoffset: 0
}
75% {
stroke-dashoffset: -157
}
to {
stroke-dashoffset: -314
}
}
@keyframes check-stroke {
to {
stroke-dashoffset: 0
}
}
@keyframes scale {
0%,
to {
transform: none
}
50% {
transform: scale3d(1.1, 1.1, 1)
}
}
@keyframes fill {
to {
box-shadow: inset 0 0 0 13px currentColor
}
}
.checkmark__container {
display: flex;
flex: 0 1 auto;
margin-right: 10px;
margin-bottom: 5px
}
.checkmark__container:last-child {
margin-bottom: 0
}
.checkmark__container.state--disabled:after {
background-color: transparent
}
.checkmark__container--border+.checkmark__container--border {
margin-right: 0
}
.checkmark__graphics {
width: 22px;
height: 22px;
min-width: 22px;
min-height: 22px;
border: 1px solid #e2e4e6;
padding: 2px;
margin-right: 10px
}
.checkmark__graphics .icon--checkmark {
fill: transparent
}
input:checked~.checkmark__graphics .icon--checkmark {
fill: #000
}
.checkmark__label {
cursor: pointer;
display: flex;
align-items: center
}
.checkmark__container--border .checkmark__text {
font-size: .8571428571em
}
.clubcard {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%
}
.box-layout__box .clubcard {
margin: 0 -30px;
width: calc(100% + 60px)
}
.clubcard__content {
display: inline-flex;
border-radius: 10px;
flex-direction: column;
align-items: center;
background: #eee;
padding: 10px;
box-shadow: 0 2px 4px #0003;
max-width: 320px;
min-width: 290px;
width: 100%
}
.clubcard__content--plus {
background-color: #b38b44
}
.clubcard__barcode {
height: 3.5em;
margin-top: 10px
}
.clubcard__barcode .barcodeline,
.clubcard__barcode .barcodeline img {
height: 100%
}
.clubcard__name {
margin-right: 1rem;
font-weight: 700;
flex: 0 0 50%;
flex-basis: calc(50% - 1rem)
}
.clubcard__card-number {
flex: 0 0 50%;
display: flex;
flex-direction: column;
align-items: flex-end
}
.clubcard__details {
width: 100%;
display: flex;
flex-direction: row;
padding: 5px 16px
}
.contact-form {
font-size: 14px
}
@media (min-width: 1921px) {
.contact-form {
font-size: 16px
}
}
@media (max-width: 1199px) {
.content {
flex: 1 1 auto;
display: flex
}
}
.cookie {
position: fixed;
z-index: 1030;
bottom: 0;
padding: 20px 20px 5px;
background-color: #002643;
color: #fff;
transition: transform .25s linear;
display: flex;
flex-direction: column;
font-size: .8em
}
input[type=checkbox]:checked+.cookie {
display: none
}
@media (min-width: 768px) {
.cookie {
bottom: 20px;
right: 20px;
width: 360px;
margin: 0;
font-size: 1em
}
}
.cookie p {
color: #fff;
padding: 5px
}
.cookie__title {
font-weight: 700;
margin: 0 0 5px
}
.cookie__actions {
display: flex;
flex: 1 1 auto;
align-items: center;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px
}
@media (min-width: 1921px) {
.cookie__actions {
font-size: 14px
}
}
.coupon {
display: flex;
flex-wrap: wrap;
flex: 0 0 100%;
margin-left: -16px;
margin-right: -16px
}
.coupon.my-profile-frontpage__coupon {
overflow-x: auto;
flex: 0 0 auto
}
@media (min-width: 1200px) {
.coupon.my-profile-frontpage__coupon {
flex-wrap: wrap;
overflow-x: hidden
}
}
.coupon.basket__coupons {
margin: 0
}
.coupon__item {
position: relative;
flex: 0 0 auto;
width: 100%;
min-width: 290px;
display: flex;
align-items: center;
padding: 16px;
flex-direction: column;
justify-content: center;
overflow: hidden
}
@media (max-width: 767px) {
.my-profile-frontpage__coupon .coupon__item {
width: 65%
}
}
@media (max-width: 543px) {
.my-profile-frontpage__coupon .coupon__item {
width: 85%;
min-width: 200px
}
}
@media (max-width: 767px) {
.coupon--single.my-profile-frontpage__coupon .coupon__item {
width: 100%
}
}
@media (min-width: 768px) {
.coupon__item {
width: 50%
}
}
@media (min-width: 992px) {
.coupon__item {
min-width: 1px;
width: 33%;
flex-direction: row;
min-height: 18.5714285714rem;
flex: 1 0 auto
}
}
.coupon__item--basket {
min-width: 100%;
min-height: 0;
padding: 0;
margin: 10px 0
}
@media (max-width: 991px) {
.coupon__item--basket {
min-width: 100%
}
}
.coupon__item--placeholder {
padding-bottom: 0
}
@media (min-width: 768px) {
.coupon__item--placeholder {
display: none
}
}
@media (min-width: 992px) {
.coupon__item--placeholder {
display: block;
padding-bottom: 16px
}
}
@media (min-width: 1200px) {
.coupon__item--wide {
width: 55%;
flex: 1 0 auto
}
}
@media (min-width: 1200px) {
.coupon__item--wide+.coupon__item {
width: 45%;
flex: 1 0 auto
}
}
@media (min-width: 1200px) {
.coupon__item--full-width {
width: 100%;
flex: 1 0 auto;
min-height: 0
}
}
.coupon__item-inner {
position: relative;
width: 100%;
height: 100%;
border-radius: 6px;
overflow: hidden
}
.coupon__image-container {
width: 100%
}
@media (min-width: 768px) {
.coupon__image-container {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
width: 100%;
height: 100%;
transition: .8s cubic-bezier(.64, .04, .35, 1) transform;
transform: translateY(100%) translateY(16px);
z-index: 1
}
.coupon__item:hover .coupon__image-container {
transform: translateY(0)
}
.coupon__item--full-width .coupon__image-container {
position: static;
width: 100%;
max-height: 100%;
height: auto
}
.coupon__item--placeholder .coupon__image-container {
transform: none;
align-items: flex-start
}
.coupon__item--placeholder.coupon__item--wide .coupon__image-container {
align-items: center
}
}
.coupon__image,
.coupon__image-container img {
width: 100%
}
@media (min-width: 768px) {
.coupon__image,
.coupon__image-container img {
height: 100%;
width: auto
}
.my-profile-frontpage__coupon .coupon__image,
.coupon__item--wide+.coupon__item .coupon__image,
.coupon__item--full-width .coupon__image,
.my-profile-frontpage__coupon .coupon__image-container img,
.coupon__item--wide+.coupon__item .coupon__image-container img,
.coupon__item--full-width .coupon__image-container img {
width: 100%;
height: auto
}
}
@media (min-width: 1600px) {
.coupon__image,
.coupon__image-container img {
width: 100%;
height: auto
}
}
.coupon__link {
line-height: 1em;
padding: 10px 40px;
position: absolute;
bottom: 16px;
left: 50%;
color: #fff;
min-height: 0;
transform: translate(-50%);
border: #ffffff 1px solid;
z-index: 1;
font-weight: 700
}
@media (min-width: 768px) {
.coupon__link {
background: #eb595e;
border-color: #eb595e;
opacity: 0;
transform: translate(-50%, 50%);
transition-duration: .8s;
transition-timing-function: cubic-bezier(.64, .04, .35, 1);
transition-property: opacity, transform
}
.coupon__item:hover .coupon__link {
opacity: 1;
transform: translate(-50%)
}
.coupon__item--basket:hover .coupon__link {
transform: none
}
}
.coupon__item--basket .coupon__link {
opacity: 1;
background: transparent;
border-color: #fff;
position: static;
transform: none;
padding: 10px 20px;
margin-left: auto
}
.coupon__link:hover,
.coupon__link:active,
.coupon__link:visited {
color: #fff;
text-decoration: none
}
.coupon__text-box {
display: flex;
flex-direction: column;
justify-content: flex-start;
position: relative;
padding: 25px 30px;
text-align: center;
color: #fff;
background: repeating-linear-gradient(135deg, #eb595e, #eb595e 8px, #ed6a6e 0, #ed6a6e 16px);
flex: 1 0 auto
}
@media (min-width: 768px) {
.coupon__text-box {
padding-top: 25px;
border: 1px solid #f3f1ef;
border-radius: 7px;
width: 100%;
height: 100%
}
}
.coupon__text-box--with-button {
padding-bottom: 70px;
padding-top: 16px
}
@media (min-width: 768px) {
.coupon__text-box--with-button {
padding-bottom: 25px;
padding-top: 25px
}
}
.coupon__item--basket .coupon__text-box {
line-height: 1.2em;
padding: 16px;
flex-direction: row;
align-items: center;
text-align: left;
justify-content: flex-start;
width: 100%;
border-radius: 6px;
border: none
}
@media (min-width: 1200px) {
.coupon__item--basket:hover .coupon__text-box {
transform: none
}
}
.coupon__heading {
font-family: Inter, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.2em;
margin-bottom: 16px
}
@media (min-width: 768px) {
.coupon__heading {
font-size: 1.4285714286em
}
}
.coupon__item--basket .coupon__heading {
font-size: 1em;
margin-bottom: 5px
}
@media (min-width: 768px) {
.coupon__item--basket .coupon__heading {
font-size: 1.2857142857em;
margin-bottom: 0
}
}
.coupon__text {
line-height: 1.3;
font-size: 1em
}
.coupon__item--basket .coupon__text {
line-height: 1.2;
max-height: initial;
-webkit-line-clamp: initial;
-webkit-box-orient: vertical;
overflow: initial;
text-overflow: initial;
font-size: .8571428571em
}
@media (min-width: 768px) {
.coupon__item--basket .coupon__text {
font-size: 1.1428571429em
}
}
.coupon__subtext {
line-height: 1.3;
font-size: 1em;
margin-bottom: 25px
}
.coupon__item--basket .coupon__subtext {
display: none
}
@media (min-width: 768px) {
.coupon__item--basket .coupon__subtext {
display: block;
margin-bottom: 0;
font-size: .8571428571em
}
}
.coupon__notice {
min-width: 100%;
font-size: .8571428571em;
padding: 0 16px 16px
}
.custom-checkbox-input,
.custom-checkbox-input[disabled] {
display: block;
opacity: 0;
width: 0;
height: 0
}
.custom-checkbox-button {
display: flex;
align-items: center;
cursor: pointer;
margin-right: 16px
}
.custom-checkbox-button__container {
border: 1px solid #b8b8b8;
border-radius: 10px;
padding: calc(.9em - 1px) 1.33em;
min-height: 3.461em;
width: 100%
}
.custom-checkbox-button__container--no-border-radius {
border-radius: 0
}
.custom-checkbox-button__input:checked+.custom-checkbox-button__container,
.custom-checkbox-button__input:active+.custom-checkbox-button__container {
border: 1px solid #000000
}
.custom-checkbox-button__graphics {
display: inline-block;
width: 1.29em;
height: 1.29em;
margin-right: 16px;
background: #fff;
border: .0714285714em solid #e2e4e6;
flex: 0 0 auto
}
.input-form .custom-checkbox-button__graphics {
border-color: #b8b8b8
}
.custom-checkbox-button__input:checked+.custom-checkbox-button__container .custom-checkbox-button__graphics,
.custom-checkbox-button__input:checked+.custom-checkbox-button__graphics {
border-color: #000;
background-color: #000
}
.custom-checkbox-button__graphic-icon {
opacity: 0;
padding: 1px
}
.custom-checkbox-button__input:checked+.custom-checkbox-button__container .custom-checkbox-button__graphic-icon,
.custom-checkbox-button__input:checked+.custom-checkbox-button__graphic-icon {
opacity: 1;
fill: #fff
}
.custom-checkbox-button__input {
width: 0;
height: 0;
position: absolute;
opacity: 0;
pointer-events: none
}
.custom-checkbox-button__icon-list {
display: flex;
justify-content: flex-end;
flex: 0 1 100%
}
.custom-checkbox-button__icon {
flex: 0 0 4em;
margin-left: .5em
}
.custom-checkbox-button__text {
flex: 1 1 0
}
.custom-checkbox {
cursor: pointer;
display: flex;
align-items: center;
position: relative
}
.custom-checkbox--read-only {
opacity: .6;
pointer-events: none
}
.custom-checkbox-input:disabled+.custom-checkbox {
color: #b8b8b8;
pointer-events: none
}
.checkmark__container--border .custom-checkbox {
margin-bottom: 0;
align-items: center;
border: 1px solid #7c7c7c;
padding: .7857142857em 1.33em;
min-height: 2.9285714286em;
line-height: 1em
}
.delivery__checkbox-line .custom-checkbox {
align-items: flex-start
}
.custom-checkbox__input {
align-self: flex-start;
margin-top: 4px
}
.custom-checkbox__ff {
padding: 10px;
border: 1px solid #b8b8b8;
border-radius: 8px;
margin-right: 1em
}
.custom-checkbox__ff--simple {
padding: 5px 10px;
margin: 0 0 0 -10px;
border: none
}
@media (min-width: 992px) {
.custom-checkbox__ff {
padding: 13px
}
.custom-checkbox__ff--simple {
padding: 5px 10px
}
}
:checked~.custom-checkbox__ff {
border-color: #000
}
.delivery :checked~.custom-checkbox__ff {
border-color: #00b2e2;
border-width: 2px;
padding: 9px
}
@media (min-width: 992px) {
.delivery :checked~.custom-checkbox__ff {
padding: 12px
}
}
.input-validation-error~.custom-checkbox__ff {
border-color: #a92828;
border-width: 1px
}
.delivery .input-validation-error~.custom-checkbox__ff {
border-width: 2px;
padding: 9px
}
@media (min-width: 992px) {
.delivery .input-validation-error~.custom-checkbox__ff {
padding: 12px
}
}
.custom-checkbox:not(.align-items-center) .custom-checkbox__ff {
margin-top: .3em
}
:disabled~.custom-checkbox__ff {
border-color: #b8b8b8
}
.pdf-wrap .custom-checkbox__text {
flex: 1 0 0%
}
:disabled~.custom-checkbox__text {
color: #b8b8b8
}
.custom-checkbox__notice {
display: block;
font-family: Inter, sans-serif;
font-style: italic;
font-size: .85em;
margin-top: .25em
}
.custom-checkbox__graphics {
display: flex;
flex-shrink: 0;
width: 20px;
height: 20px;
padding: 3px;
border-radius: 4px;
margin-right: 12px;
background-color: #fff;
border: 1px solid #d8d1cb
}
.custom-checkbox__ff .custom-checkbox__graphics {
margin-right: 0
}
.custom-checkbox:hover .custom-checkbox__graphics {
background-color: #fff;
border-color: #999
}
.custom-checkbox-input:focus+.custom-checkbox__graphics {
background-color: #fff;
border-color: #999;
outline: 2px solid #ccd4d9
}
.custom-checkbox-input:disabled+.custom-checkbox__graphics {
background-color: #efedea;
border-color: #d8d1cb
}
.custom-checkbox-input:checked+.custom-checkbox__graphics {
background-color: #002643;
border-color: #002643
}
.custom-checkbox-input:checked+.custom-checkbox__graphics .icon {
fill: #fff
}
.custom-checkbox:hover .custom-checkbox-input:checked+.custom-checkbox__graphics {
background-color: #335169;
border-color: #335169
}
.custom-checkbox-input:checked:focus+.custom-checkbox__graphics {
background-color: #335169;
border-color: #335169;
outline: 2px solid #ccd4d9
}
.custom-checkbox-input:checked:disabled+.custom-checkbox__graphics {
background-color: #ccd4d9;
border-color: #ccd4d9
}
.custom-checkbox.input-validation-error:hover .custom-checkbox__graphics {
background-color: #fff;
border: 1px solid #a92828
}
.custom-checkbox-input:focus+.custom-checkbox.input-validation-error .custom-checkbox__graphics {
background-color: #fff;
border: 1px solid #a92828;
outline: 2px solid #fdedf2
}
.custom-checkbox.input-validation-error:hover:checked .custom-checkbox__graphics {
background-color: #a92828;
border: 1px solid #a92828
}
.custom-checkbox.input-validation-error:hover:checked .custom-checkbox__graphics .icon {
fill: #fff
}
.custom-checkbox.input-validation-error__graphics,
.custom-checkbox:hover .custom-checkbox.input-validation-error__graphics {
background-color: #fff;
border: 1px solid #a92828
}
.custom-checkbox-input:focus+.custom-checkbox.input-validation-error__graphics {
background-color: #fff;
border: 1px solid #a92828;
outline: 2px solid #fdedf2
}
.custom-checkbox-input:disabled+.custom-checkbox.input-validation-error__graphics {
background-color: #fdedf2;
border: 1px solid #fdedf2
}
.custom-checkbox-input:checked+.custom-checkbox.input-validation-error__graphics {
background-color: #a92828;
border: 1px solid #a92828
}
.custom-checkbox-input:checked+.custom-checkbox.input-validation-error__graphics .icon {
fill: #fff
}
.custom-checkbox:hover .custom-checkbox-input:checked+.custom-checkbox.input-validation-error__graphics {
background-color: #a92828;
border: 1px solid #a92828
}
.custom-checkbox-input:checked:focus+.custom-checkbox.input-validation-error__graphics {
background-color: #a92828;
border: 1px solid #a92828;
outline: 2px solid #fdedf2
}
.custom-checkbox-input:checked:disabled+.custom-checkbox.input-validation-error__graphics {
background-color: #fdedf2;
border-color: #fdedf2
}
.custom-checkbox-input:checked:disabled+.custom-checkbox.input-validation-error__graphics .icon {
fill: #a92828
}
.form__checkbox-forgotpass-container .custom-checkbox {
margin-right: 16px;
margin-bottom: 16px
}
.custom-checkbox.input-validation-error .custom-checkbox__graphics,
.custom-checkbox.input-validation-error:hover .custom-checkbox__graphics {
background-color: #fff;
border: 1px solid #a92828
}
.custom-checkbox.input-validation-error .custom-checkbox-input:focus+.custom-checkbox__graphics {
background-color: #fff;
border: 1px solid #a92828;
outline: 2px solid #fdedf2
}
.custom-checkbox.input-validation-error .custom-checkbox-input:disabled+.custom-checkbox__graphics {
background-color: #fdedf2;
border: 1px solid #fdedf2
}
.custom-checkbox.input-validation-error .custom-checkbox-input:checked+.custom-checkbox__graphics {
background-color: #a92828;
border: 1px solid #a92828
}
.custom-checkbox.input-validation-error .custom-checkbox-input:checked+.custom-checkbox__graphics .icon {
fill: #fff
}
.custom-checkbox.input-validation-error:hover .custom-checkbox-input:checked+.custom-checkbox__graphics {
background-color: #a92828;
border: 1px solid #a92828
}
.custom-checkbox.input-validation-error .custom-checkbox-input:checked:focus+.custom-checkbox__graphics {
background-color: #a92828;
border: 1px solid #a92828;
outline: 2px solid #fdedf2
}
.custom-checkbox.input-validation-error .custom-checkbox-input:checked:disabled+.custom-checkbox__graphics {
background-color: #fdedf2;
border-color: #fdedf2
}
.custom-checkbox.input-validation-error .custom-checkbox-input:checked:disabled+.custom-checkbox__graphics .icon {
fill: #a92828
}
.custom-radio-button {
display: flex;
align-items: center;
flex-direction: column;
cursor: pointer
}
.custom-radio-button--alt-shipping {
margin-bottom: 0
}
.custom-radio-button__container {
display: flex;
align-items: center;
border: 1px solid #d8d1cb;
border-radius: 10px;
padding: 16px;
width: 100%
}
.custom-radio-button__container--no-border-radius {
border-radius: 0
}
.custom-radio-button__input:checked~.custom-radio-button__container,
.custom-radio-button__input:focus~.custom-radio-button__container {
border-color: #002643
}
.custom-radio-button__header~.custom-radio-button__container {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.custom-radio-button__header {
display: block;
width: 100%;
font-weight: 700;
text-align: center;
padding: .3571428571em
}
.custom-radio-button--subscription .custom-radio-button__header {
background-color: #74b5c8;
color: #fff
}
.custom-radio-button__graphics {
position: relative;
display: inline-flex;
width: 20px;
height: 20px;
border: 1px solid #e0dad5;
border-radius: 50%;
margin-right: 8px;
flex: 0 0 auto
}
.custom-radio-button__input:checked~.custom-radio-button__container>.custom-radio-button__graphics,
.custom-radio-button__input:checked~.custom-radio-button__graphics {
border-color: #002643
}
.custom-radio-button__input:checked~.custom-radio-button__container>.custom-radio-button__graphics:after,
.custom-radio-button__input:checked~.custom-radio-button__graphics:after {
content: "";
position: absolute;
transform: translate(50%, 50%);
width: 50%;
height: 50%;
background-color: #002643;
border-radius: 50%
}
.custom-radio-button__input {
width: 0;
height: 0;
position: absolute;
opacity: 0;
pointer-events: none
}
.custom-radio-button__icon-list {
display: flex;
justify-content: flex-end;
flex: 0 1 100%
}
.custom-radio-button__icon {
flex: 0 0 4em;
margin-left: .5em
}
.custom-radio-button__label {
display: flex;
align-items: center
}
.custom-radio-button__input:focus~.custom-radio-button__container>.custom-radio-button__label,
.custom-radio-button__input:checked~.custom-radio-button__container>.custom-radio-button__label,
.custom-radio-button__input:checked~.custom-radio-button__label {
font-family: Inter, sans-serif;
font-weight: 700
}
.custom-radio-button__label--space-between {
display: flex;
flex-grow: 1;
justify-content: space-between
}
@media (min-width: 544px) {
.custom-radio-button__label--big {
font-size: 1.1428571429em
}
}
.custom-radio-button__label-subtext {
font-size: .7857142857rem;
font-weight: 400;
width: 100%;
text-align: center
}
.custom-radio-button__text {
flex: 1 1 0
}
.custom-radio-button__caption {
display: flex;
flex: 0 0 100%;
justify-content: flex-end
}
.custom-radio-button__additional-line {
display: flex;
flex: 0 0 100%;
max-width: 100%
}
.custom-radio-button__additional-line--discount {
font-weight: 700;
color: #eb595e;
margin-top: .7142857143em
}
.custom-radio-button__input:focus~.custom-radio-button__container .custom-radio-button__additional-line--discount,
.custom-radio-button__input:checked~.custom-radio-button__container .custom-radio-button__additional-line--discount {
margin-bottom: .7142857143em
}
.custom-radio-button__input:not(:checked)~.custom-radio-button__container .custom-radio-button__toggle-show {
display: none
}
.custom-radio-button__input:checked~.custom-radio-button__container .custom-radio-button__toggle-hide {
display: none
}
.custom-scrollbar::-webkit-scrollbar {
width: 6px;
height: 6px
}
.custom-scrollbar::-webkit-scrollbar-track,
.custom-scrollbar::-webkit-scrollbar {
background: #fff;
border-left: 1px solid #e8e3e0
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background: #d8d1cb
}
.customer-support {
max-width: 400px
}
@media (min-width: 992px) {
.customer-support {
position: sticky;
top: 135px;
margin-bottom: 40px
}
}
@media (min-width: 768px) {
.checkout-layout .customer-support {
padding: 20px 40px
}
}
.customer-support__call-service,
.customer-support__usp,
.customer-support__faq {
margin-bottom: 32px
}
@media (min-width: 768px) and (max-width: 991px) {
.customer-support__call-service {
order: -1;
flex: 0 0 33%
}
}
.checkout-layout [data-js=checkout-form-step1] .customer-support__call-service {
display: none
}
@media (min-width: 992px) {
.checkout-layout [data-js=checkout-form-step1] .customer-support__call-service {
display: block
}
}
@media (min-width: 768px) {
.customer-support__usp {
margin-left: 0;
margin-right: 0;
flex: 1 0 100%
}
}
.checkout-layout [data-js=checkout-form-step1] .customer-support__usp {
display: none
}
@media (min-width: 992px) {
.checkout-layout [data-js=checkout-form-step1] .customer-support__usp {
display: block
}
}
.customer-support__phone {
font-size: 1.7142857143rem;
display: flex;
align-items: center;
justify-content: center;
font-family: Inter, sans-serif;
font-weight: 700;
color: #000;
margin-bottom: 20px
}
@media (min-width: 992px) {
.customer-support__phone {
justify-content: flex-start
}
}
.customer-support__phone--small {
font-weight: 400;
font-size: FontSize14;
margin-bottom: .5rem;
white-space: nowrap
}
.customer-support__phone-number {
font-weight: 700;
text-decoration: underline
}
.customer-support__opening-hours {
list-style: none;
padding: 0;
max-width: 200px;
margin: 0 auto;
font-size: 1.1428571429rem
}
@media (min-width: 992px) {
.customer-support__opening-hours {
max-width: 100%
}
}
.customer-support__opening-hour {
display: grid;
grid-template-columns: 1fr max-content
}
.customer-support__opening-hour span:first-child {
font-weight: 700
}
.customer-support__chat {
font-weight: 600;
text-decoration: underline;
text-align: center;
margin-top: 12px
}
@media (min-width: 992px) {
.customer-support__chat {
text-align: left
}
}
.customer-support__usp-list {
list-style: none;
padding: 0
}
.customer-support__usp-item {
display: flex;
align-items: center;
padding: 16px;
font-size: 1.1428571429rem;
font-weight: 700;
cursor: pointer
}
.customer-support__usp-item+.customer-support__usp-item {
border-top: 1px solid #b8b8b8
}
@media (min-width: 992px) {
.customer-support__usp-item {
padding: 16px 0
}
}
.customer-support__faq {
text-align: center
}
@media (min-width: 768px) and (max-width: 991px) {
.customer-support__faq {
order: -1;
flex: 0 0 33%
}
}
@media (min-width: 992px) {
.customer-support__faq {
text-align: left
}
}
.checkout-layout [data-js=checkout-form-step1] .customer-support__faq {
display: none
}
@media (min-width: 992px) {
.checkout-layout [data-js=checkout-form-step1] .customer-support__faq {
display: block
}
}
.customer-support__faq-list {
list-style: none;
padding: 0;
font-weight: 700
}
.customer-support__faq-heading {
font-size: 1.2857142857rem;
font-family: Inter, sans-serif;
font-weight: 700;
margin-bottom: 16px
}
.customer-support__faq-heading--small {
font-size: 1.2em
}
.customer-support__faq-item {
padding-top: .5em;
padding-bottom: .5em;
cursor: pointer;
text-decoration: underline
}
.customer-support__image,
.customer-support__image img {
max-width: 100%
}
.customer-support__header {
font-size: 1.6em;
margin: 16px 0;
font-weight: 700
}
.customer-support__email {
text-decoration: underline;
font-weight: 700
}
.debug {
position: fixed;
display: inline-block;
z-index: 999999
}
.debug__btn {
position: fixed;
top: 0;
left: 0;
background-color: #4caf50;
color: #fff;
padding: 14px;
font-size: 16px;
border: none;
cursor: pointer
}
.debug:hover .debug__btn {
background-color: #3e8e41
}
@media (max-width: 1199px) {
.debug__btn {
top: inherit;
left: 0;
bottom: 0
}
}
.debug__content {
position: fixed;
top: 0;
left: 0;
bottom: 0;
display: none;
background-color: #f9f9f9;
width: 90vw;
max-width: 600px;
max-height: 100vh;
overflow-y: scroll;
box-shadow: 0 8px 16px #0003
}
.debug:hover .debug__content {
display: block
}
@media (max-width: 767px) {
.debug__content input[type=checkbox] {
width: auto
}
}
.debug__form {
columns: 1;
column-gap: 5px;
padding: 5px
}
.debug__item {
break-inside: avoid
}
.debug__item:nth-child(2n) {
background-color: #f5f5f5
}
.debug__item:hover {
background-color: #f1f1f1
}
.debug__label {
color: #000;
padding: 12px 16px;
text-decoration: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0
}
.debug__label select,
.debug__label input {
margin-left: auto
}
.debug__control-buttons {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 12px 16px
}
.debug .acc-drawer {
margin-bottom: 10px;
padding-bottom: 10px;
border: #444 1px solid
}
.debug .acc-drawer__content-wrapper {
max-height: 0px;
overflow: hidden;
transition: .25s ease-in-out
}
.debug .acc-drawer__title {
font-weight: 700;
cursor: pointer;
display: block;
padding: 6px 0 0 16px;
position: relative;
margin-bottom: 0;
transition: all .25s ease-out
}
.debug .acc-drawer__title:after {
border-style: solid;
border-width: 1px 1px 0 0;
content: " ";
display: inline-block;
float: right;
height: 10px;
left: -18px;
position: relative;
right: 20px;
top: 2px;
transform: rotate(135deg);
transition: .35s ease-in-out;
vertical-align: top;
width: 10px
}
.debug .acc-drawer__title:hover {
color: #4e4b52
}
.debug .acc-drawer__trigger:checked+.acc-drawer__title+.acc-drawer__content-wrapper {
max-height: 8000px
}
.debug .acc-drawer__trigger:checked+.acc-drawer__title:after {
transform: rotate(-45deg);
transition: .25s ease-in-out
}
.debug input[type=checkbox].acc-drawer__trigger {
display: none
}
.product-item__debug {
position: absolute;
top: 25px;
left: 0;
z-index: 2
}
.product-item__debug-btn {
padding: 3px 6px;
background-color: #4caf50;
color: #fff;
z-index: 100;
position: static
}
.product-item__debug-content {
position: absolute;
display: none;
background-color: #f9f9f9;
min-width: 350px;
box-shadow: 0 8px 16px #0003;
z-index: 200;
text-align: left;
top: 50px
}
.product-score-table td,
.product-score-table th {
padding: 8px;
border-bottom: 1px solid #b8b8b8;
width: auto
}
.product-score-table__score-column {
text-align: right
}
.product-score-table__score-column--match {
font-weight: 700
}
.product-score-table__text-column {
min-width: 150px
}
.product-score-table__label {
white-space: nowrap
}
.product-score-table__text-snippet .highlight {
color: red;
font-weight: 700
}
.product-score-table__row--level-1 td:first-child {
padding-left: 25px
}
.product-score-table__row--level-2 td:first-child {
padding-left: 50px
}
.product-score-table__row--level-3 td:first-child {
padding-left: 75px
}
.product-score-table__row--level-4 td:first-child {
padding-left: 100px
}
.product-score-table__row--level-5 td:first-child {
padding-left: 125px
}
.product-score-table__row--level-6 td:first-child {
padding-left: 150px
}
.input-form__body {
background-color: #fff
}
.input-form__banner {
padding: 30px;
background-color: #c1e2eb;
position: relative
}
@media (max-width: 767px) {
.input-form__banner {
padding: 25px;
font-size: FontSize14;
line-height: 1.2em
}
}
.input-form__greeting-logout {
position: absolute;
top: 30px;
right: 30px
}
@media (max-width: 767px) {
.input-form__greeting-logout {
top: 10px;
right: 16px
}
}
.input-form__logout-link {
color: #000;
text-decoration: underline;
cursor: pointer
}
.input-form__greeting {
margin: 16px 30px
}
@media (max-width: 767px) {
.input-form__greeting {
margin: 0 0 16px
}
}
.input-form__greeting-notice {
margin-left: 30px;
margin-bottom: 16px
}
@media (max-width: 767px) {
.input-form__greeting-notice {
display: block;
margin-left: 0;
margin-bottom: 0
}
.input-form__greeting-notice p {
margin-bottom: 0
}
}
.input-form__box {
padding-bottom: 2em;
margin-bottom: 2em;
border-bottom: 1px solid #b8b8b8
}
@media (max-width: 991px) {
.input-form__box {
padding-bottom: 1.5em;
margin-bottom: 1.5em
}
}
.input-form__box h3,
.input-form__box .heading--3 {
margin-bottom: 1.5em
}
.input-form__find-pickup-spot {
padding: 1.5em 0
}
.input-form__dropdown {
width: 100%
}
.input-form__alternative-shipping-block {
display: flex;
margin-left: 16px
}
.input-form__alternative-shipping {
display: flex;
align-items: center
}
.input-form__padding {
padding: 4.4em
}
@media (max-width: 1199px) {
.input-form__padding {
padding: 1.5em
}
}
@media (min-width: 992px) {
.input-form__padding--no-left {
padding-left: 0
}
.input-form__padding--no-right {
padding-right: 0
}
}
@media (max-width: 767px) {
.input-form__padding {
padding: 1.5em 0
}
}
.input-form__line-w-radio {
display: flex;
align-items: center;
margin-bottom: 10px;
flex-wrap: wrap
}
.input-form__radio-group {
display: inline-flex;
align-items: center
}
.input-form__line-w-radio-description {
margin-right: 16px;
margin-bottom: .65em
}
.input-form__commentTextarea {
display: none
}
.input-form__checkbox-line {
margin: 5px 0
}
.input-form__parcel-selection {
margin-top: .65em
}
@media (min-width: 768px) {
.input-form__parcel-selection {
margin-top: 0
}
}
.input-form__submit-line {
display: flex;
align-items: flex-start;
flex-wrap: wrap
}
@media (min-width: 768px) {
.input-form__submit-line--top {
border-bottom: 1px solid #b8b8b8;
padding-bottom: 1.5rem
}
}
@media (min-width: 768px) {
.input-form__submit-line--bottom {
padding-top: 1.5rem
}
}
.input-form__permissions {
flex: 1 0;
margin-bottom: 20px
}
@media (min-width: 768px) {
.input-form__permissions {
min-width: 400px
}
}
.dialog {
cursor: auto;
color: #000;
z-index: 3000
}
.header__search .dialog {
z-index: 3000
}
.dialog--cart {
display: none;
position: absolute;
top: 100%;
right: 0;
padding-top: 16px;
width: 510px
}
@media (min-width: 768px) {
.dialog--cart.state--active {
display: flex;
animation-name: dialog__anim--btnCart;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.19, .9, .09, .97)
}
}
@media (max-width: 991px) {
.dialog--cart.state--active {
right: 16px
}
}
.dialog--login {
width: 500px
}
.dialog--search {
display: none;
border: 1px solid #e2e4e6;
background: #fff;
box-shadow: 0 5px 10px #0000001a;
left: 0;
overflow: auto;
transform: translateY(10px);
top: calc(100% - 1px);
width: 608px;
bottom: auto;
position: absolute;
padding-bottom: 0
}
.header__inputs .dialog--search {
width: 100vw;
bottom: 0;
position: fixed;
top: 100px;
padding-bottom: 20px
}
@media (min-width: 1200px) {
.header__inputs .dialog--search {
top: calc(100% - 1px);
width: 608px;
bottom: auto;
position: absolute;
padding-bottom: 0
}
}
@media (min-width: 1921px) {
.dialog--search {
width: 656px
}
}
.dialog--search.state--active {
display: block;
animation-name: dialog__anim--slide-up;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.19, .9, .09, .97)
}
.state--fixed .dialog--search {
right: -12px
}
.dialog.state--active.state--placeholder {
display: block;
min-height: 100px
}
.dialog.state--active.state--placeholder:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
content: attr(data-placeholder)
}
.dialog--find-store-search {
flex: 1 1 auto;
transform: translate(-50%);
left: 50%
}
@media (max-width: 1199px) {
.dialog--find-store-search {
width: 100%
}
}
.dialog--brands {
display: none;
flex-direction: column;
position: absolute;
width: 608px;
min-height: 100px;
max-height: 600px;
border: 1px solid #e2e4e6;
background: #fff;
box-shadow: 0 5px 10px #0000001a;
top: 100%;
right: 0;
transform: translateY(10px)
}
@media (min-width: 1921px) {
.dialog--brands {
width: 656px
}
}
.dialog--brands.state--active {
display: flex;
animation-name: dialog__anim--slide-up;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.19, .9, .09, .97)
}
.state--fixed .dialog--brands {
right: -22px;
left: initial
}
.dialog__inner {
position: relative;
background: #fff;
min-height: 100px;
max-height: inherit;
border-radius: 8px
}
.dialog__inner .btn--cart,
.legacy-cart-wrapper-for-react .dialog__inner {
flex: 1 1 auto;
display: flex;
box-shadow: 0 0 40px #0000001a;
border: 1px solid #e2e4e6
}
.dialog__inner .btn--cart:before,
.legacy-cart-wrapper-for-react .dialog__inner:before {
content: "";
position: absolute;
bottom: 100%;
margin-bottom: -10px;
right: 20px;
width: 20px;
height: 20px;
border: 1px solid #e2e4e6;
background: #fff;
box-shadow: 0 0 40px #0000001a;
transform: rotate(45deg)
}
@keyframes dialog__anim--slide-up {
0% {
opacity: 0;
transform: translateY(-50%, 20px)
}
to {
opacity: 1;
transform: translateY(-50%, 10px)
}
}
@keyframes dialog__anim--btnCart {
0% {
opacity: 0;
transform: scale(.9)
}
to {
opacity: 1;
transform: scale(1)
}
}
.discount {
position: absolute;
width: 100%;
left: 0;
display: flex;
bottom: 0;
justify-content: center;
pointer-events: none
}
.discount--product-item {
bottom: 1.7857142857em
}
.discount__content {
position: relative;
width: auto;
left: 0;
max-width: 100%;
color: #fff;
background-color: #000c;
padding: .3125em .625em
}
@media (min-width: 1200px) and (max-width: 1599px) {
.discount__content {
font-size: FontSize14;
padding: .3571428571em .7142857143em
}
}
@media (min-width: 1600px) {
.discount__content {
font-size: 1.1428571429em
}
}
.product-page__image-wrapper .discount__content {
width: 100%;
max-width: 365px
}
.discount--product-item .discount__content {
background-color: #000c;
padding: .3125em .625em;
width: auto;
font-size: .7142857143em;
letter-spacing: -.04em
}
@media (max-width: 360px) {
.discount--product-item .discount__content {
font-size: .6428571429em;
letter-spacing: -.04em;
padding: .3125em
}
}
@media (min-width: 768px) {
.discount--product-item .discount__content {
font-size: .8571428571em;
padding: .3333333333em .8333333333em;
letter-spacing: normal
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.discount--product-item .discount__content {
font-size: .7857142857em
}
}
@media (min-width: 1921px) {
.discount--product-item .discount__content {
font-size: .75em
}
}
.swiper-container--product-slider .discount__content {
font-size: .7142857143em
}
@media (min-width: 768px) {
.swiper-container--product-slider .discount__content {
font-size: .6428571429em
}
}
@media (min-width: 1921px) {
.swiper-container--product-slider .discount__content {
font-size: .5625em
}
}
.drop-cap:first-letter,
.drop-cap>.a-text .drop-cap:first-letter {
display: inline-block;
float: left;
text-transform: uppercase;
font-size: 5.07em;
margin-top: .078em;
line-height: .73em;
margin-right: .08em
}
.drop-cap p,
.drop-cap span {
line-height: 1.5
}
.checkmark-list ul {
list-style: none;
position: relative
}
.checkmark-list ul li:before {
content: url("");
position: absolute;
font-weight: 700;
display: inline-block;
width: 1em;
left: 10px;
margin-top: 2px
}
.checkmark-list--black ul li:before {
content: url("")
}
.checkmark-list--extra-spacing li {
margin: 16px 0
}
.checkmark-list--extra-spacing ul li:before {
margin-top: 0;
width: 1.2em
}
.ePaperIndex {
position: relative;
z-index: 1000;
height: 54px;
margin-bottom: 8px
}
.ePaperIndex__container {
position: relative;
pointer-events: none
}
.ePaperIndex__container--fixed,
.ePaperIndex__container--active {
position: fixed;
top: 103px;
left: 0;
bottom: 0;
display: flex;
flex-direction: column;
width: 100%
}
.club-matas-app-request .ePaperIndex__container--fixed,
.club-matas-app-request .ePaperIndex__container--active {
top: 0
}
@media (min-width: 768px) {
.ePaperIndex__container--fixed,
.ePaperIndex__container--active {
box-shadow: 0 2px 5px #0000001a
}
}
@media (min-width: 1200px) {
.ePaperIndex__container--fixed,
.ePaperIndex__container--active {
top: 0;
transform: translateY(0);
transition: transform .3s ease
}
.state--scroll-up .ePaperIndex__container--fixed,
.state--scroll-up .ePaperIndex__container--active {
transform: translateY(115px)
}
}
@media (min-width: 768px) {
.ePaperIndex__container--active:not(.ePaperIndex__container--fixed) {
position: static
}
}
@media (min-width: 768px) {
.ePaperIndex__container {
left: auto;
bottom: auto;
width: 767px;
max-width: 100%
}
}
.ePaperIndex__top,
.ePaperIndex__body {
background: #fff;
pointer-events: all
}
.ePaperIndex__top {
flex: none;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid #b8b8b8;
border-bottom: 2px solid #b8b8b8;
font-family: Inter, sans-serif;
font-weight: 700
}
@media (min-width: 768px) {
.ePaperIndex__top {
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8
}
}
.ePaperIndex__container--active .ePaperIndex__top {
justify-content: space-between;
padding: 0 18px;
border-bottom-color: #000
}
.ePaperIndex__container--fixed .ePaperIndex__top {
box-shadow: 0 2px 5px #0000001a
}
@media (min-width: 768px) {
.ePaperIndex__container--fixed .ePaperIndex__top {
box-shadow: none
}
}
.ePaperIndex__caption {
font-size: 1.2em
}
.ePaperIndex__body {
flex: 1 1 auto;
display: none
}
@media (min-width: 768px) {
.ePaperIndex__body {
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8
}
}
.ePaperIndex__container--active .ePaperIndex__body {
display: block;
overflow: auto
}
.ePaperIndex__open {
width: calc(100% - 14px);
height: calc(100% - 14px);
padding: 0 10px;
background: transparent;
border: 0
}
.ePaperIndex__close {
height: calc(100% - 14px);
background: none;
text-transform: uppercase;
border: 0;
padding: 0
}
.ePaperIndex__open-flex,
.ePaperIndex__close-flex {
display: flex;
align-items: center
}
.ePaperIndex__open-flex {
justify-content: space-between
}
.ePaperIndex__open-arrow.icon {
width: 15px;
height: 15px
}
.ePaperIndex__close-icon.icon {
width: 15px;
height: 15px;
margin-left: 8px
}
.ePaperIndex__list {
padding: 0;
margin: 0;
list-style: none
}
.ePaperIndex__item+.ePaperIndex__item {
border-top: 1px solid #e2e4e6
}
.ePaperIndex__link {
display: block;
padding: 16px 18px
}
.ePaperIndex__link-arrow.icon {
width: 12px;
height: 12px
}
.fadeOut {
position: relative;
top: -20px;
display: block;
height: 30px;
pointer-events: none;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 70%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(70%, #fff));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 70%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 70%);
background: linear-gradient(to bottom, #fff0 0, #fff 70%)
}
.fill-container {
display: flex;
flex: 1 1 auto
}
.fill-container--column {
flex-direction: column;
height: 100%
}
.fill-container__child {
flex: none
}
.fill-container__child--scroll-y {
flex: 1 1 auto;
overflow-y: auto;
overflow-x: hidden
}
@media (min-width: 992px) {
.fill-container__child--scroll-y {
flex: none
}
}
.flex {
display: flex
}
.flex-container {
flex: 1 0 100%
}
.flex-full-shrink {
flex: 0 1 100%
}
.flex-grow {
flex-grow: 1
}
.flex-column.row:after {
content: none
}
.flex__row {
margin-left: -.325em;
margin-right: -.325em;
display: flex;
flex-wrap: wrap;
flex: 0 0 100%
}
.flex__row--12-col {
flex: 1 1 100%;
margin-left: 0;
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
opacity: 1
}
.flex__row--auto {
flex: 0 0 auto
}
.flex__field {
margin-left: .325em;
margin-right: .325em;
flex: 1 0 220px
}
.flex__field--x-small {
flex: 1 0 90px
}
.flex__field--small {
flex: 1 0 135px
}
.flex__field--big {
flex: 1 0 60%
}
.flex__field--btn {
min-width: auto;
flex: 1 0 auto;
display: flex
}
@media (max-width: 767px) {
.flex__field--btn {
flex: 1 1 100%;
padding: 0 10px
}
.input-form__box .flex__field--btn {
padding: 0
}
}
.flex__field--fixed-btn {
flex: 0 0 100px
}
.flex__field--grow {
flex: 1 1 auto
}
.flex__field--cvc {
flex: 0 0 70px
}
.flex-table {
display: flex;
flex: 0 0 auto;
flex-wrap: wrap;
border-top: 1px solid #e2e4e6;
border-bottom: 1px solid #e2e4e6
}
.flex-table__row {
display: flex;
flex: 0 0 100%;
background-color: #fff;
justify-content: space-between;
flex-wrap: wrap
}
.flex-table__row:nth-child(2n) {
background-color: #e2e4e6
}
.flex-table__row--head {
border-bottom: 1px solid #e2e4e6;
font-family: Inter, sans-serif;
font-weight: 700
}
.flex-table__column-group {
display: flex;
flex: 1 1 auto;
flex-wrap: wrap
}
.flex-table__column {
display: flex;
flex: 1 1 auto;
padding: 5px 10px;
min-width: 220px;
min-height: 32px
}
.field-validation-error {
display: block;
color: #a92828;
margin: 2px 5px 5px 0;
position: relative;
flex: 0 0 auto
}
.field-validation-error+.field-validation-error {
display: none
}
.input-w-placeholder--textarea .field-validation-error,
.input-w-placeholder .field-validation-error {
margin-bottom: 0;
background: none;
text-align: right;
font-family: Inter, sans-serif;
font-style: italic;
color: #a92828;
font-size: .85em
}
.input-w-placeholder--textarea .field-validation-error:before,
.input-w-placeholder .field-validation-error:before {
content: none
}
.input-form__checkbox-line .field-validation-error,
.input-form__gift-card-line .field-validation-error {
background-color: transparent;
color: #a92828;
padding: 0;
font-family: Inter, sans-serif;
font-weight: 700
}
.input-form__checkbox-line .field-validation-error:before,
.input-form__gift-card-line .field-validation-error:before {
content: none
}
.input-form__gift-card-line .field-validation-error {
font-size: .8em
}
.input-form__gift-card-line .field-validation-error+.input-form__gift-card-line .field-validation-error {
display: block
}
.validation-summary-errors {
color: #a92828
}
.form--login {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 100%;
flex: 0 0 auto;
flex-shrink: 1;
transform: translate(-100%);
transition: transform .35s cubic-bezier(.12, .93, .46, 1);
width: 0
}
.form--login.state--active {
transform: translate(0)
}
.ui-modal .form--login {
padding: 0 25px
}
@media (max-width: 767px) {
.ui-modal .form--login {
padding: 0 16px
}
}
.form--forgotPassword .flex__row {
flex: none
}
.form__container {
position: relative;
width: 100%;
display: flex;
overflow: hidden
}
.ui-modal .form__container {
overflow: hidden
}
.ui-modal .form__block {
margin: 0 auto
}
.checkout__box--userlogin .form__block {
padding-left: 10px;
padding-right: 10px
}
.checkout__box--userlogin .form__block.form__input-container {
padding-left: 0;
padding-right: 0;
margin-left: -10px;
margin-right: -10px;
width: calc(100% + 20px)
}
.form--login .form__block {
width: 100%
}
.form__block--description {
text-align: center;
margin-top: 16px
}
.form__block--input {
flex-basis: 50%;
margin-right: 10px
}
.form__block--input:last-of-type {
margin-right: 0
}
@media (max-width: 991px) {
.form__block--input {
flex-basis: 100%;
margin-right: 0
}
}
.form__label--block,
.form__label--block .form__label-text {
display: block
}
.form__label--block .form__input {
width: 100%
}
.form__input--text {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 40px;
border: 1px solid #e2e4e6;
padding: 0 10px
}
.form__error-text {
color: red;
display: none
}
.form__error-text.state--active {
display: inline-block
}
.form__success-text {
color: green;
display: none
}
.form__success-text.state--active {
display: inline-block
}
.form--forgotPassword {
transform: translate(0)
}
.form--forgotPassword.state--active,
.form--club-card-login {
transform: translate(-100%)
}
.form--club-card-login.state--active {
transform: translate(-200%)
}
.form--forgotPassword,
.form--club-card-login {
transition: transform .35s cubic-bezier(.12, .93, .46, 1)
}
.form__input-container {
display: flex;
flex-wrap: wrap
}
@media (max-width: 991px) {
.form__input-container {
flex-wrap: wrap
}
}
@media (max-width: 991px) {
.form__submit {
margin-bottom: auto
}
}
@media (min-width: 768px) {
.form--login .form__submit {
margin-left: auto;
margin-right: 0
}
}
.form__action-block {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.form__forgotpassword-link {
margin-right: 25px;
padding-right: 25px;
text-decoration: underline
}
.ui-modal .form__forgotpassword-link {
margin-right: 0;
margin-bottom: .5rem
}
@media (max-width: 767px) {
.form__forgotpassword-link {
margin-right: 0
}
}
.form__input-block {
flex: 1 0 220px;
min-width: 220px;
padding: 0 10px
}
.form__checkbox-forgotpass-container {
flex: 1 1 auto;
justify-content: flex-start;
align-items: flex-start;
display: flex;
flex-wrap: wrap
}
.form__block--paragraph {
text-align: left
}
.form__block--paragraph a {
text-decoration: underline
}
@media (max-width: 767px) {
.checkout-layout .form__block--paragraph {
display: none
}
}
.form__login-icon {
display: flex;
justify-content: center;
margin-bottom: 10px;
width: 100%
}
@media (max-width: 767px) {
.checkout-layout .form__login-icon {
display: none
}
}
.top-banner {
padding: 12px 16px;
background-color: #00244f;
color: #fff;
font-size: 16px
}
@media (max-width: 767px) {
.top-banner {
font-size: 14px
}
}
.top-banner__text {
color: #fff;
text-align: center
}
@media (max-width: 767px) {
.top-banner__text {
padding-left: 0
}
}
.personal-offer-banner {
padding: 8px 0;
background-color: #ef7d81;
color: #fff;
font-size: 1.1428571429rem
}
@media (max-width: 767px) {
.personal-offer-banner {
font-size: 1rem
}
}
.personal-offer-banner__text {
font-size: 1rem;
padding-left: 5.7142857143rem;
color: inherit;
text-align: center
}
@media (max-width: 767px) {
.personal-offer-banner__text {
padding-left: 0
}
}
.personal-offer-banner__link,
.personal-offer-banner__link:hover {
color: inherit
}
.personal-offer-banner__close {
width: 4.6428571429rem;
color: inherit;
float: right;
display: flex;
align-items: center;
margin-left: 1.0714285714rem;
justify-content: flex-end;
text-decoration: underline;
font-size: 1rem
}
@media (max-width: 767px) {
.personal-offer-banner__close {
margin-left: auto
}
}
.personal-offer-banner__close:hover {
color: inherit;
cursor: pointer
}
.global-banner-container {
order: 1
}
@media (min-width: 1200px) {
.global-banner-container {
order: 2
}
}
.growl {
position: fixed;
z-index: 7000;
top: 30px;
left: calc(50% - 150px);
width: 300px;
min-width: 300px;
max-width: 90%;
border-radius: 3px;
background: #fffffff2;
box-shadow: 0 5px 50px #00000080;
animation-name: growl-anim;
animation-fill-mode: forwards;
animation-duration: .5s
}
@media (min-width: 1200px) {
.growl {
position: fixed
}
}
.growl~.growl {
margin: 5px 0 0 5px;
box-shadow: 0 2px 25px #00000040
}
.growl__top {
display: flex;
justify-content: flex-end
}
.growl__close {
padding: 16px 16px 5px
}
.growl__message {
padding: 0 30px 30px;
text-align: center
}
@keyframes growl-anim {
0% {
opacity: 0;
transform: translateY(-20px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.img {
max-width: 100%;
height: auto
}
.img a {
width: 100%
}
.img img {
width: auto;
height: auto;
max-width: 100%
}
.cms-article .img,
.img--giftcard-tooltip,
.video__img-container .img {
width: 100%
}
.input,
.input-w-placeholder {
position: relative;
display: flex;
height: 2.8571428571em;
border: 1px solid #b8b8b8;
z-index: 0;
max-width: 100%
}
.input--secondary {
border: 0 !important;
border-radius: 8px !important;
background-color: #efedea !important
}
.input--padded {
padding: 10px
}
.input--remove-appearance {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.header__search .input--search {
flex: 0 0 auto;
width: 100%;
margin: 0;
font-size: FontSize14;
height: 40px
}
@media (min-width: 1200px) {
.header__search .input--search {
flex: 0 1 330px;
margin: 5px 10px 0 0;
height: 3.2142857143em
}
}
@media (min-width: 1600px) {
.header__search .input--search {
flex-basis: 370px
}
}
@media (min-width: 1921px) {
.header__search .input--search {
flex-basis: 415px
}
}
.state--search-open .input--search {
z-index: 1
}
.header__search .input--search-brands {
flex: 0 0 200px;
margin-right: 20px
}
@media (min-width: 1921px) {
.header__search .input--search-brands {
flex: 0 0 250px
}
}
.state--fixed .header__search .input--search-brands {
margin-right: 0;
margin-left: 20px
}
.input--number {
font-size: FontSize14;
border: 1px solid inherit;
align-items: center
}
@media (max-width: 991px) {
.product-row__quantity .input--number {
height: 2em;
min-height: 0;
max-height: none;
width: 100%
}
.product-row__quantity .input--number .input__field--number {
height: 2em;
width: 2em;
min-width: 0;
min-height: 0;
max-height: none
}
}
.product-row .input--number {
transform: scale(14px/FontSize14)
}
@media (max-width: 767px) {
.product-row .input--number {
transform-origin: bottom left
}
}
.state--error .input--number,
.input--number.state--error {
border-color: #a92828
}
.input--number-minibasket {
border: 0
}
.input--checkbox {
height: 1.5;
border: 0px
}
.filter-list__item .input--checkbox {
height: 1em;
width: 1em;
margin-top: .25em;
flex: 0 0 1em;
align-self: flex-start;
display: block
}
.no-supports .filter-list__item .input--checkbox {
margin-top: 6px
}
.input--find-store-directions {
font-size: FontSize14;
width: 300px;
max-width: 100%
}
.input--units {
min-width: 2.8571428571em;
padding: 0
}
.state--error .input--units {
border-color: #a92828;
color: #a92828;
font-family: Inter, sans-serif;
font-weight: 700
}
.filter-list__search .input,
.filter-list__search .input-w-placeholder {
height: 40px;
border-radius: 8px;
overflow: hidden;
font-size: 1.1428571429rem
}
.input--delivery-input-row .input .input-w-placeholder,
.input--delivery-input-row .input-w-placeholder .input-w-placeholder {
flex: 1 1 auto;
overflow: hidden
}
@media (min-width: 1200px) {
.input--delivery-input-row .input .input-w-placeholder--city,
.input--delivery-input-row .input-w-placeholder .input-w-placeholder--city {
flex-grow: 2
}
}
.input--delivery-input-row>.input .input-w-placeholder+.input .input-w-placeholder,
.input--delivery-input-row>.input-w-placeholder .input-w-placeholder+.input .input-w-placeholder,
.input--delivery-input-row>.input .input-w-placeholder+.input-w-placeholder .input-w-placeholder,
.input--delivery-input-row>.input-w-placeholder .input-w-placeholder+.input-w-placeholder .input-w-placeholder {
margin-left: 20px
}
@media (max-width: 1199px) {
.input--delivery-input-row>.input .input-w-placeholder+.input .input-w-placeholder,
.input--delivery-input-row>.input-w-placeholder .input-w-placeholder+.input .input-w-placeholder,
.input--delivery-input-row>.input .input-w-placeholder+.input-w-placeholder .input-w-placeholder,
.input--delivery-input-row>.input-w-placeholder .input-w-placeholder+.input-w-placeholder .input-w-placeholder {
margin-left: 0
}
}
.input--delivery-input-row {
display: flex
}
@media (max-width: 1199px) {
.input--delivery-input-row {
flex-wrap: wrap
}
}
.input--selection-switch {
padding-left: 16px;
padding-right: 16px
}
.subscription-delivery-box .input--selection-switch {
width: 100%;
height: 2.6875em
}
.paging__selection-container .input--selection-switch {
width: 80px
}
.input__label {
margin-bottom: 0;
flex: 0 1 auto
}
.input-form__checkbox-line .custom-checkbox .input__label {
flex: 1 0 0
}
.input__label--placeholder,
.input__label--textarea {
pointer-events: none;
position: absolute;
top: .85em;
left: 1em;
color: #7c7c7c;
transition: all .25s ease;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.input__label--placeholder.state--active,
.state--active.input__label--textarea,
[data-js=InputWithLabel]:focus~.input__label--placeholder,
[data-js=InputWithLabel]:focus~.input__label--textarea {
transform: translateY(-.6em) scale(.85);
transform-origin: left;
color: #7c96b3;
transition: transform .25s ease, color .25s ease
}
[data-js=InputWithLabel]:-webkit-autofill~.input__label--placeholder,
[data-js=InputWithLabel]:-webkit-autofill~.input__label--textarea {
transform: translateY(-.6em) scale(.85);
transform-origin: left;
color: #7c96b3;
transition: transform .25s ease, color .25s ease
}
@media (min-width: 1200px) {
.input__label--find-store-search {
white-space: nowrap
}
}
.input__notification {
font-size: .85em;
color: #7c96b3;
font-family: Inter, sans-serif;
font-style: italic;
margin-bottom: 0;
margin-right: .31em;
width: 100%;
display: block;
text-align: right
}
.field-validation-error~.input__notification {
display: none
}
@media (max-width: 991px) {
.input__notification {
line-height: initial;
float: left
}
}
.input__field {
flex: 1 1 auto;
width: 100%;
border: 0;
padding: 0 10px;
background: transparent;
outline: none;
overflow: hidden;
text-overflow: ellipsis;
box-shadow: none
}
.visual-search-enabled .input__field--search {
padding: 0 16px 0 40px;
font-size: 16px
}
@media (min-width: 1200px) {
.visual-search-enabled .input__field--search {
padding-left: 16px
}
}
.input-w-placeholder .input__field {
border: 1px solid #b8b8b8
}
.input-w-placeholder--icon .input__field {
padding-right: 35px
}
.input__field--big {
padding: 35px 20px 16px;
font-size: 20px
}
.input__field--textarea {
padding: 1em .94em .59em
}
.input__field--selection {
width: 100%
}
.selection .input__field--selection {
display: flex;
padding: 25px
}
.input__field--units {
color: inherit;
padding: .58rem .63rem
}
@media (min-width: 992px) {
.input__field--units {
padding: 1em 1.33em .9285714286em
}
}
.input--number .input__field {
border: 1px solid #b8b8b8;
padding: 0
}
.state--error .input--number .input__field,
.input--number .input__field.state--error {
border-color: #a92828
}
.input-w-placeholder .input__field {
background-color: #fff;
margin: 0;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none
}
.input-w-placeholder .input__field[type=number]::-webkit-outer-spin-button,
.input-w-placeholder .input__field[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
@media (min-width: 768px) {
.input-w-placeholder .input__field {
height: 2.8571428571em
}
}
.input-w-placeholder .input__field--val-space {
margin-bottom: 1.2857142857em
}
.input-w-placeholder .input__field--val-space.input-validation-error {
margin-bottom: 0
}
.input__field--number {
font-size: 1em;
border: 0px;
min-height: 2.8571428571em;
text-align: center;
width: 2.25em
}
.product-row__quantity .input__field--number {
text-align: center;
width: calc(2.8571428571em - 1px);
height: calc(2.8571428571em - 1px);
min-width: calc(2.8571428571em - 1px);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
@media (max-width: 767px) {
.product-row__quantity .input__field--number {
min-width: auto
}
}
.input-w-placeholder .input__field--number {
text-align: left;
min-height: initial
}
.input__field--number-minibasket {
width: 100%;
min-height: 30px;
height: 30px
}
.js .input__field--number {
-moz-appearance: textfield
}
.js .input__field--number::-webkit-outer-spin-button,
.js .input__field--number::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
-moz-appearance: textfield;
margin: 0
}
.input__field--select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.header__search .header__inputs .input__field {
width: 0
}
.header__search .header__inputs .input__field::placeholder {
font-size: FontSize14
}
.filter-list__search .input__field {
padding: 12px;
height: inherit
}
.filter-list__search .input__field::placeholder {
color: #666
}
.input__btn {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
border: 0;
background: #000;
color: #fff;
text-transform: uppercase
}
.input--search .input__btn,
.input--search-brands .input__btn {
font-size: 12px;
background: transparent;
padding: 0;
width: 40px;
border-left: 1px solid #b8b8b8;
flex: 0 0 auto
}
@media (min-width: 992px) {
.input--search .input__btn,
.input--search-brands .input__btn {
width: 45px
}
}
.input__form {
display: flex;
width: 100%
}
.input__bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
overflow: hidden;
z-index: -1
}
.input__bg:before {
content: "";
padding: 51%;
position: absolute;
top: 50%;
left: 50%;
border-radius: 100%;
background: #f6f6f6;
opacity: 0;
transform: translate(-50%) translateY(-50%) scale(0);
transition: transform .2s ease, opacity .2s ease
}
:focus~.input__bg:before {
opacity: 1;
transform: translate(-50%) translateY(-50%) scale(1)
}
.input__decrement,
.input__increment {
padding: 5px 10px;
cursor: pointer;
-webkit-user-select: none;
user-select: none
}
@media (max-width: 767px) {
.product-row .input__decrement,
.product-row .input__increment {
padding: 5px 7px
}
}
.input__prefix {
padding: 0 5px 0 10px;
line-height: 24px
}
.input__icon {
width: 15px;
height: 15px;
align-self: center;
margin-right: 10px
}
.input__icon .icon {
fill: #000
}
.selection .input__icon {
margin-left: auto;
transform: rotate(0);
transition: transform .25s ease;
flex: 0 0 auto
}
.selection.open .input__icon {
transform: rotate(180deg);
transition: transform .25s ease
}
.label-input {
margin-bottom: 16px
}
.label-input--has-notification {
margin-bottom: 0
}
.label-input__input {
position: relative;
display: flex;
flex-direction: column-reverse;
box-sizing: content-box
}
.label-input__input--multiple {
justify-content: space-between
}
.input-validation-success .label-input__input:after,
.input-validation-error .label-input__input:after {
position: absolute;
bottom: 3px;
right: 1px;
width: 38px;
height: 38px;
padding: 10px;
box-sizing: border-box
}
.input-validation-success .label-input__input:after {
content: url("")
}
.input-validation-error .label-input__input:after {
content: url("")
}
.input-validation-success .label-input__input--select-validation,
.input-validation-error .label-input__input--select-validation {
padding-right: 50px
}
.input-validation-success .label-input__input--select-validation:after,
.input-validation-error .label-input__input--select-validation:after {
bottom: 6px
}
.input-validation-success .label-input__input--multiple:after,
.input-validation-error .label-input__input--multiple:after {
bottom: 12px
}
.input-validation-success.label-input--invisible-validation .label-input__input:after,
.input-validation-error.label-input--invisible-validation .label-input__input:after {
display: none
}
.label-input__field {
height: 2.8571428571em;
width: 100%;
padding: 0 40px 0 10px;
outline: none;
box-sizing: border-box;
border: 1px solid #d8d1cb;
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
background-size: 15px;
border-radius: 8px
}
.label-input__field:hover {
border-color: #999
}
.label-input__field:focus {
outline: 2px solid #e0dad5
}
.label-input__field::placeholder {
color: #a9a9a9;
font-size: .8571428571rem
}
@media (min-width: 1200px) {
.label-input__field::placeholder {
font-size: FontSize14
}
}
.label-input__field--text-area {
min-height: 4.5
}
.label-input__field--text-area::placeholder {
color: #a9a9a9;
font-size: .8571428571rem
}
@media (min-width: 1200px) {
.label-input__field--text-area::placeholder {
font-size: FontSize14
}
}
.label-input__field--text-area:focus::placeholder {
opacity: 0
}
.input-validation-success .label-input__field--text-area:placeholder-shown,
.input-validation-error .label-input__field--text-area:placeholder-shown {
z-index: 1
}
.label-input__field--wo-icon {
padding-right: 10px
}
.label-input__field--incognito {
border: 0;
background-color: transparent;
padding: 0;
pointer-events: none;
color: initial;
opacity: 1
}
@media (max-width: 767px) {
.label-input__field--incognito {
height: auto
}
}
.label-input__field--dawa {
height: auto;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
padding-top: .4375em;
padding-bottom: .4375em
}
.label-input--disabled .label-input__field {
background-color: #ececec
}
.input-validation-success:not(.label-input--invisible-validation) .label-input__field {
border-color: #000;
font-family: Inter, sans-serif;
font-weight: 700
}
.input-validation-success:not(.label-input--invisible-validation) .label-input__field::placeholder {
font-weight: 400
}
.input-validation-error:not(.label-input--invisible-validation) .label-input__field {
border-color: #a92828;
background-color: #fce9ec
}
.label-input__field.geolocation-accepted {
background-image: url("");
padding-right: 40px
}
.label-input__label {
margin-bottom: .2em
}
.label-input__label:hover {
cursor: default
}
.input-validation-error .label-input__label--validation+.label-input__label {
display: none
}
.input-validation-error .label-input__label--validation {
margin: 0 0 .2em
}
.label-input__label--validation {
margin-bottom: 0
}
.label-input__button--absolute+.input-validation-error .label-input__label {
width: calc(100% - 105px)
}
.label-input__notification {
font-size: .85em;
font-family: Inter, sans-serif;
font-style: italic;
margin-bottom: 0;
margin-right: .31em;
width: 100%;
display: block;
text-align: right
}
.label-input__notification--burd {
font-family: Inter, sans-serif;
flex-direction: row-reverse;
justify-content: flex-end;
text-align: left;
font-style: italic;
font-size: 12px;
display: flex;
align-items: center;
margin: 14px 0 16px;
height: auto
}
@media (min-width: 768px) {
.label-input__notification--burd {
display: block
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.label-input__notification--burd {
font-size: 12px
}
}
.field-validation-error~.label-input__notification {
display: none
}
.label-input__description {
text-align: right;
font-size: .7857142857em;
font-style: italic;
margin-top: 5px
}
.label-input__input--multiple .label-input__description {
margin-top: calc(5px - .5rem)
}
.label-input__button {
font-size: .7857142857rem;
margin-left: auto;
padding-right: 0;
margin-bottom: .2em;
text-decoration: underline;
color: #00b2e2
}
.label-input__button--absolute {
position: absolute;
right: 0;
z-index: 1
}
.lazyload-image {
position: relative
}
.lazyload-image:is(img),
.lazyload-image img {
opacity: 1;
transition: opacity 1s cubic-bezier(.19, 1, .22, 1) 0s
}
.lazyload-image--faded {
transition: background-color 1s cubic-bezier(.19, 1, .22, 1) 0s;
background-color: #eee
}
.lazyload-image--faded:is(img),
.lazyload-image--faded img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 1s cubic-bezier(.19, 1, .22, 1) 0s;
min-width: 1px;
min-height: 1px
}
.list--no-margin {
margin: 0
}
.list--list-style-none {
padding-left: 0
}
.list--alphabet {
position: relative;
flex: 0 1 auto;
max-height: inherit;
display: flex;
overflow: hidden;
width: 100%
}
.list--productlist {
margin-bottom: 16px
}
.list--char-selection-row {
border-top: 1px solid #e2e4e6;
border-bottom: 1px solid #e2e4e6;
padding: 0
}
.minibasket .list {
padding-left: 0;
margin-bottom: 0
}
.list--personal-offers {
padding: 5px 10px;
border-bottom: 1px solid #b8b8b8
}
.minibasket .list--personal-offers {
margin-bottom: 10px;
padding-left: 10px
}
.input-form .list--personal-offers {
border-color: #b8b8b8
}
.list--quicksearch .list__list,
.list--productlist .list__list,
.product-summary .list__list {
margin: 0;
padding: 0
}
.list--alphabet .list__list {
margin: 0
}
.list--alphabet .list__list:not(.list__list--alphabet-main) {
padding: 0
}
.list__list--char-nav {
display: flex;
flex: 0 0 100%;
margin-bottom: 0;
padding: 0
}
.list__list--alphabet-nav {
flex: 1 0 auto;
position: absolute;
top: 5px;
right: 0;
bottom: 5px;
width: 35px;
display: flex;
flex-direction: column;
justify-content: space-between
}
.no-touchevents .list__list--alphabet-nav {
right: 16px
}
.list__list--list-style-none {
padding-left: 0
}
.list__list--sub-basketlist+.list__list--sub-basketlist {
border-top: 1px solid #b8b8b8
}
.list--productlist .list__list {
display: flex;
flex-direction: column
}
.list__item {
width: 100%
}
.list--list-style-none .list__item {
list-style: none
}
.list--horizontal .list__item {
display: inline-block;
width: auto
}
.list__item--discount {
display: flex;
background-color: #f6f6f6;
padding: 0 20px;
justify-content: flex-end;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.list__item--with-icon {
display: flex;
align-items: center;
margin-bottom: 10px
}
.list__item--with-icon .icon {
width: 20px;
height: 20px;
margin-right: 10px;
flex-shrink: 0
}
.list__item--basket-line {
border-bottom: 1px solid #b8b8b8
}
.list__item--basket-line:last-child {
border-bottom: none
}
.myprofile--orders .list__item--basket-line {
border-color: #ececec
}
.list__item--assistance {
padding: .9em 16px
}
.list__item--gwp {
padding: 20px 0 20px 135px
}
.list__item--gwp+.list__item--gwp {
padding: 0 0 20px 198px
}
@media (max-width: 767px) {
.list__item--gwp {
padding: 20px 0
}
}
.list__item--gwp:last-of-type {
border-bottom: 1px solid #e2e4e6
}
.minibasket .list__item--gwp:last-of-type {
border-bottom: 0px
}
.minibasket .list__item--gwp {
padding: 0 0 20px;
text-align: center
}
.list--striped .list__item:nth-child(odd) {
background-color: #f6f6f6
}
.list--alphabet .list__item,
.list--productlist .list__item,
.minibasket .list__item,
.product-summary .list__item {
list-style: none
}
.list--alphabet .list__item.state--selected {
background-color: #f6f6f6
}
.list--quicksearch .list__item {
list-style: none
}
.list--quicksearch .list__item.state--selected {
background-color: #f6f6f6
}
.list--alphabet .list__item--flex {
display: flex;
align-items: center
}
.list__item[data-alphabet-letter]:before {
content: attr(data-alphabet-letter);
display: block;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-weight: 700;
margin-left: 20px
}
.list__list--alphabet-nav .list__item {
height: 0;
flex: 1 1 auto;
display: flex
}
.list--personal-offers .list__item {
padding: 5px 0
}
.list__item--prefix:before {
content: attr(css-prefix)
}
.list__link {
display: block
}
.list__list--char-nav .list__link {
padding: 16px 5px;
color: #000;
text-decoration: none;
font-size: 24px;
text-align: center;
cursor: pointer
}
.list__list--char-nav .list__link:hover {
background-color: #000;
color: #fff
}
.list__list--alphabet-nav .list__link {
display: block;
flex: 1 1 auto;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none
}
.list__link[data-alphabet-letter]:before {
content: attr(data-alphabet-letter);
font-size: 10px;
line-height: 1;
text-transform: uppercase;
color: #7c7c7c
}
.list__list--alphabet-nav.list__list--compressed .list__item .list__link[data-alphabet-letter]:before {
content: "●";
font-size: 8px
}
.list__list--alphabet-nav.list__list--compressed .list__item:nth-child(4n+1) .list__link[data-alphabet-letter]:before {
content: attr(data-alphabet-letter);
font-size: 10px
}
.list--brands .list__link {
color: #7c7c7c
}
.list__link[data-brand-name]:before {
display: block;
content: attr(data-brand-name);
flex: 1 1 auto
}
.list__link[data-product-count]:after {
display: block;
content: " (" attr(data-product-count) ")";
align-self: flex-end;
flex: 0 0 auto
}
.list--quicksearch .list__link {
border-top: 1px solid rgba(0, 0, 0, .1);
padding: 16px;
text-align: center
}
.minibasket__product-name .list__link {
color: #000
}
.list--alphabet .list__link {
width: 100%
}
.list--alphabet .list__span {
display: block;
width: 15px;
margin-right: 5px;
flex: 0 0 15px;
max-width: 15px
}
.list__heading--product,
.list__heading--unit-price,
.list__heading--price {
width: 150px
}
@media (min-width: 1200px) and (max-width: 1920px) {
.list__heading--product,
.list__heading--unit-price,
.list__heading--price {
width: 100px
}
}
.list__heading--unit-price {
margin-left: auto;
text-align: left
}
.basket .list__heading--unit-price {
text-align: right;
padding-right: 20px
}
@media (max-width: 1199px) {
.basket .list__heading--unit-price {
text-align: center;
padding-right: 0
}
}
.list__heading--quantity {
width: 116px;
text-align: center;
padding-right: 10px;
padding-left: 10px
}
.list__heading--price {
text-align: right
}
.list--quicksearch .list__heading {
background: #f6f6f6;
padding: 5px 16px;
display: flex;
font-weight: 700
}
.list--quicksearch .list__section+.list__section .list__heading {
border-top: 1px solid rgba(0, 0, 0, .1)
}
.list--productlist .list__heading {
display: flex;
padding: 16px 6px;
border-bottom: solid 1px #b8b8b8;
margin-bottom: 0
}
.list--productlist .list__heading--extra-top-spacing {
padding-top: 25px
}
.minibasket__bottom .list__heading {
padding-bottom: 10px;
border-bottom: 1px solid #ddd
}
.product-summary .list__heading {
padding: 10px 0;
border-bottom: 1px solid #b8b8b8;
margin-top: 10px
}
.input-form .list__heading {
border-color: #b8b8b8
}
.list__heading-v2 {
display: none;
margin-bottom: 0;
border-bottom: 1px solid #b8b8b8
}
@media (min-width: 1200px) {
.list__heading-v2 {
display: flex
}
}
.list__heading-v2--price {
text-align: right
}
.list__heading-v2--product,
.list__heading-v2--unit-price,
.list__heading-v2--price {
font-family: Inter, sans-serif;
font-weight: 700
}
.list__heading-v2--gifts {
margin-top: 16px;
display: block
}
.list__heading-title {
margin-right: auto
}
.list__heading-link {
margin-left: auto
}
.list__productitem {
display: flex
}
.loading-spinner--both:before,
.loading-spinner:after {
content: "";
position: absolute;
top: 0;
left: 0;
background-color: #e6e6e680;
width: 100%;
height: 100%;
z-index: 100;
background-image: url("");
background-repeat: no-repeat;
background-size: 75px 19px;
background-position: center;
animation-name: fadeIn;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-duration: .25s
}
.loading-spinner {
position: relative
}
.loading-spinner--both:before {
background-position: center calc(100% - 10px);
background-color: initial
}
.loading-spinner--both:after {
background-position: center 10px
}
.subpageblock .loading-spinner {
height: 1000px;
width: 100%;
position: relative
}
.loading-spinner__circle {
fill: #000
}
.loading-overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 7000
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.main {
padding: 0
}
.main.input-form,
.main.basket {
padding: 0 0 20px
}
.main.receipt {
padding-bottom: 0
}
@media (min-width: 1200px) {
.main.receipt {
padding-top: 40px
}
}
@media (max-width: 767px) {
.main {
padding: 0
}
}
.matas-social:after {
content: "";
display: table;
clear: both
}
@media (min-width: 768px) {
.matas-social {
width: 500px
}
}
.dialog--matas-social .matas-social {
width: 100%
}
.matas-social__item {
display: block;
background: #f6f6f6;
padding: 10px
}
.matas-social__item,
.matas-social__item:hover {
color: #7c7c7c
}
@media (max-width: 767px) {
.matas-social__item {
margin-bottom: 10px;
display: flex
}
}
@media (min-width: 768px) {
.matas-social__item {
float: left;
width: 24%
}
}
@media (min-width: 768px) {
.matas-social__item+.matas-social__item {
margin-left: 1.3%
}
}
.matas-social__icon {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
border-radius: 50px;
background: #ddd
}
@media (min-width: 768px) {
.matas-social__icon {
margin: 0 auto 10px
}
}
.matas-social__icon--facebook {
background: #1877f2
}
.matas-social__icon--vimeo,
.matas-social__icon--youtube {
background: #cd332d
}
.matas-social__icon--instagram {
background: #13598a
}
.matas-social__icon--app {
background: #d50880
}
.matas-social__text {
font-size: 15px;
line-height: 1;
text-align: center
}
@media (max-width: 767px) {
.matas-social__text {
display: flex;
align-items: center;
padding-left: 10px;
text-align: left
}
}
.match-label {
display: flex;
justify-content: center;
align-items: center;
background-color: #002643;
padding: 2px 7px;
color: #fff;
width: auto;
font-size: 10px;
border-radius: 4px
}
.match-label__text {
margin-left: 8px;
font-size: .8571428571em
}
.match-label__icon {
max-width: 1.1em;
max-height: 1.1em;
fill: currentColor
}
.btn .match-label__icon {
height: auto;
width: auto
}
.menu-contact {
display: flex;
flex-direction: column;
width: 100%;
padding: 16px;
background-color: #f6f6f6
}
.menu-contact__phone {
font-size: 1.2857142857em;
font-weight: 700;
background-color: #fff;
width: 100%;
border: 2px solid #000000;
height: 50px;
display: flex;
justify-content: center;
align-items: center
}
.menu-contact__phone:hover {
text-decoration: none
}
.menu-contact__opening-hours {
font-weight: 700;
display: flex;
justify-content: center;
margin-top: 10px;
font-size: .8571428571em
}
.menu-contact__email {
font-weight: 700;
display: flex;
justify-content: center;
text-decoration: underline;
font-size: 1.0714285714em
}
.menu-contact__follow {
font-weight: 700;
display: flex;
justify-content: center;
margin-top: 30px;
font-size: 1.0714285714em
}
.menu-contact__follow-icons {
display: flex;
justify-content: center;
margin-top: 5px
}
.menu-contact__follow-link {
background: #000;
border-radius: 100px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 10px
}
.menu-contact__follow-link--no-background {
background-color: transparent
}
.menu-contact__follow-icon {
fill: #fff;
width: 22px;
height: 22px
}
.menu-contact__follow-link--no-background .menu-contact__follow-icon {
fill: #000;
width: 40px;
height: 40px
}
.mobile-offcanvas-top {
display: flex;
width: 100%;
z-index: 1;
height: 50px
}
.filter-list--above .mobile-offcanvas-top {
flex: 0 0 auto
}
@media (min-width: 1200px) {
.filter-list--above .mobile-offcanvas-top {
display: none
}
}
.mobile-offcanvas-top__column {
flex: 0 0 100%;
flex-wrap: wrap;
min-height: 50px;
border-bottom: 3px solid #002643;
transition: transform .5s ease
}
.state--active .mobile-offcanvas-top__column:last-of-type {
transform: translate(-100%);
z-index: 1
}
.state--no-animation .mobile-offcanvas-top__column {
transition: none
}
.mobile-offcanvas-top__column--flex {
display: flex;
background: #fff
}
.mobile-offcanvas-top__logo,
.mobile-offcanvas-top__back {
flex: 1 1 0;
display: flex
}
.mobile-offcanvas-top__logo-link {
display: flex;
justify-content: flex-start;
padding: 0 16px;
align-items: center;
width: 100%;
font-weight: 700
}
.mobile-offcanvas-top__close-container {
display: flex;
flex: 1 1 0
}
.mobile-offcanvas-top__spacer {
flex: 1 1 0
}
.mobile-offcanvas-top__back-link-text {
margin-left: 10px
}
.mobile-offcanvas-top__text {
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 1.0714285714em
}
.ui-modal {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
z-index: 5000;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: 0;
transition: opacity .3s ease;
padding: 16px 10px
}
@media (min-width: 1200px) {
.ui-modal {
padding-bottom: 0
}
}
.ui-modal--sticky-buttom,
.ui-modal--full-screen {
height: 100%;
width: 100%
}
.ui-modal-open,
.ui-modal-open body {
position: fixed;
max-height: 100%;
overflow: hidden
}
@media (min-width: 1200px) {
.ui-modal-open,
.ui-modal-open body {
position: initial;
bottom: auto
}
}
.ui-modal.state--active {
opacity: 1
}
.ui-modal__close {
display: flex;
padding: 10px;
cursor: pointer
}
.ui-modal__close:before {
content: "Luk";
margin-right: 10px;
font-family: Inter, sans-serif;
font-weight: 700;
text-transform: uppercase
}
.ui-modal--video .ui-modal__close {
margin-bottom: -40px;
z-index: 50
}
.ui-modal--employee-discount .ui-modal__close,
.state--no-skip .ui-modal__close {
opacity: 0;
pointer-events: none
}
.ui-modal__shadow {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100vh;
width: 100vw;
background: #00000080
}
:not(.checkout-layout) .ui-modal-open .ui-modal__shadow {
background: none
}
.basket__container .ui-modal__shadow {
background: #00000080
}
.ui-modal--full-screen .ui-modal__shadow {
background: #eee
}
.ui-modal--employee-discount .ui-modal__shadow {
pointer-events: none
}
.ui-modal__box {
position: relative;
display: flex;
flex-direction: column;
background: #fff;
border-radius: 2px;
width: 90%;
height: auto;
max-height: 95%;
min-height: 0;
overflow: hidden;
transform: scale(.5);
transition: transform .4s cubic-bezier(.44, 1.32, .37, .98)
}
@media (min-width: 768px) {
.ui-modal__box {
width: 600px;
max-width: 90%;
height: auto;
max-height: 90%
}
.ui-modal--permission-compliance .ui-modal__box {
width: 960px
}
}
.ui-modal--large .ui-modal__box {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%
}
@media (min-width: 768px) {
.ui-modal--large .ui-modal__box {
height: auto;
max-height: 95%;
max-width: 90%;
width: 1400px
}
}
.ui-modal--height-auto .ui-modal__box {
min-height: 0;
height: auto
}
@media (max-width: 767px) {
.ui-modal--sticky-buttom .ui-modal__box {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%
}
}
.ui-modal--full-screen .ui-modal__box {
width: 100%;
height: 100%;
max-height: 100%
}
.ui-modal--video .ui-modal__box {
background: transparent;
width: 80%;
height: auto
}
@media (max-width: 1199px) {
.ui-modal--stores-on-map .ui-modal__box,
.ui-modal--fixed-btn .ui-modal__box,
.ui-modal--full-screen .ui-modal__box {
height: 100%
}
}
@media (min-width: 1200px) {
.ui-modal--stores-on-map .ui-modal__box,
.ui-modal--fixed-btn .ui-modal__box,
.ui-modal--full-screen .ui-modal__box {
position: initial;
bottom: auto
}
}
.state--active .ui-modal__box {
transform: scale(1)
}
.ui-modal--login .ui-modal__box,
.ui-modal--review-received .ui-modal__box {
width: auto;
max-width: 90%
}
.ui-modal--myOrder .ui-modal__box {
text-align: center;
padding-left: 16px;
padding-right: 16px
}
.ui-modal--receipt .ui-modal__box {
width: 1020px;
max-width: 90%
}
@media (min-width: 768px) {
.ui-modal--stores-on-map .ui-modal__box {
width: 1370px;
max-width: 90%
}
}
@media (max-width: 543px) {
.ui-modal--fullscreen-xs-down .ui-modal__box {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%
}
}
@media (max-width: 767px) {
.ui-modal--fullscreen-sm-down .ui-modal__box {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%
}
}
@media (max-width: 991px) {
.ui-modal--fullscreen-md-down .ui-modal__box {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%
}
}
@media (max-width: 1199px) {
.ui-modal--fullscreen-lg-down .ui-modal__box {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%
}
}
@media (max-width: 1599px) {
.ui-modal--fullscreen-xl-down .ui-modal__box {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%
}
}
@media (max-width: 1920px) {
.ui-modal--fullscreen-xxl-down .ui-modal__box {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%
}
}
.ui-modal--fullscreen-xxxl-down .ui-modal__box {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%
}
.ui-modal__top {
flex: 0 0 auto;
display: flex;
justify-content: flex-end;
padding: 5px 5px 0
}
.ui-modal--permission-compliance .ui-modal__top {
z-index: 1
}
.ui-modal__header-links {
position: absolute;
top: 0;
right: 100px;
display: flex
}
.ui-modal__header-link {
display: none;
padding: 16px 20px;
text-decoration: underline
}
@media (min-width: 768px) {
.ui-modal__header-link {
display: block
}
}
.ui-modal__content {
flex: 1 1 auto;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 16px
}
.ui-modal--video .ui-modal__content {
height: auto;
padding-bottom: 0;
overflow: initial;
-webkit-overflow-scrolling: initial
}
.ui-modal--permission-compliance .ui-modal__content {
margin-top: -45px;
padding-bottom: 0;
display: flex;
flex-direction: column
}
.ui-modal--full-screen .ui-modal__content {
padding: 0 0 40px
}
.ui-modal--fixed-btn .ui-modal__content {
display: flex;
flex-direction: column;
padding-bottom: 50px;
align-items: center
}
@media (min-width: 1200px) {
.ui-modal--fixed-btn .ui-modal__content {
padding-bottom: 16px
}
}
.ui-modal--fixed-btn .ui-modal__content .cms-article {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch
}
.ui-modal--stores-on-map .ui-modal__content {
padding-left: 16px;
padding-right: 16px;
max-height: calc(100% - 45px);
display: flex;
padding-bottom: 16px
}
@media (min-width: 768px) {
.ui-modal--stores-on-map .ui-modal__content {
padding-left: 45px;
padding-right: 45px
}
}
@media (min-width: 768px) {
.ui-modal--stores-on-map .ui-modal__content {
display: flex
}
}
.ui-modal--sticky-buttom .ui-modal__content {
display: flex;
justify-content: center;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 10px
}
.ui-modal__text--image-text {
max-width: 220px
}
.ui-modal--sticky-buttom .ui-modal__image {
margin-left: auto;
margin-right: auto;
max-width: 180px
}
@media (min-width: 768px) {
.ui-modal--sticky-buttom .ui-modal__image {
max-width: 220px
}
}
.ui-modal__bundle-container {
text-align: center
}
.ui-modal__buttons-line {
display: flex;
justify-content: center
}
@media (max-width: 543px) {
.ui-modal__buttons-line {
flex-wrap: wrap
}
}
.ui-modal__buttons-line button,
.ui-modal__buttons-line form {
margin: 0 10px
}
@media (max-width: 543px) {
.ui-modal__buttons-line button,
.ui-modal__buttons-line form {
flex: 0 0 100%;
margin-top: 10px
}
}
.ui-modal__buttons-line-item {
flex: 0 1 100%;
max-width: 100%
}
.ui-modal__fixed-btn {
margin-top: 16px;
width: calc(100% - 32px);
position: fixed;
bottom: 16px
}
@media (min-width: 1200px) {
.ui-modal__fixed-btn {
position: static;
bottom: 0;
margin: 0
}
}
.myOrder,
.orderLogin {
margin-bottom: 100px
}
@media (max-width: 767px) {
.myOrder,
.orderLogin {
margin-bottom: 50px
}
}
.myOrder #loginButton,
.orderLogin #loginButton {
margin-bottom: 30px
}
@media (max-width: 767px) {
.myOrder #loginButton,
.orderLogin #loginButton {
width: 100%
}
}
.myOrder #mobileLabel,
.orderLogin #mobileLabel {
margin-right: 30px
}
.myOrder .contactFieldset,
.orderLogin .contactFieldset {
margin: 30px 0
}
.myOrder .error,
.orderLogin .error {
background-color: #ff8b8b;
padding: 0 5px;
display: inline-block
}
.myOrder .statusForOrder .orderNoLabel,
.orderLogin .statusForOrder .orderNoLabel {
width: 120px;
float: left;
font-size: FontSize14
}
.myOrder .statusForOrder .orderStatusLabel,
.orderLogin .statusForOrder .orderStatusLabel {
margin-right: 5px;
clear: both;
display: inline-block
}
.myOrder .statusForOrder .orderNo,
.myOrder .statusForOrder .orderStatus,
.orderLogin .statusForOrder .orderNo,
.orderLogin .statusForOrder .orderStatus {
display: inline-block
}
.myOrder .statusForOrder .orderStatus,
.orderLogin .statusForOrder .orderStatus {
font-family: Inter, sans-serif;
font-weight: 700
}
.myOrder .top,
.orderLogin .top {
margin-top: 65px
}
@media (max-width: 767px) {
.myOrder .top,
.orderLogin .top {
margin-top: 20px
}
}
.myOrder .orderLog,
.orderLogin .orderLog {
width: 50%;
padding: 0
}
@media (max-width: 991px) {
.myOrder .orderLog,
.orderLogin .orderLog {
width: 100%
}
}
.myOrder .orderLog li,
.orderLogin .orderLog li {
min-height: 20px;
list-style: none
}
.myOrder .orderLog li:nth-child(2n),
.orderLogin .orderLog li:nth-child(2n) {
background-color: #e2e4e6
}
.myOrder .orderLog div,
.orderLogin .orderLog div {
float: left;
line-height: 20px
}
.myOrder .deliveryAddress,
.myOrder .invoiceAddress,
.orderLogin .deliveryAddress,
.orderLogin .invoiceAddress {
margin-bottom: 20px;
display: block;
float: left
}
@media (max-width: 767px) {
.myOrder .deliveryAddress,
.myOrder .invoiceAddress,
.orderLogin .deliveryAddress,
.orderLogin .invoiceAddress {
float: none;
height: auto;
width: auto;
margin-bottom: 16px
}
.myOrder .deliveryAddress:last-child,
.myOrder .invoiceAddress:last-child,
.orderLogin .deliveryAddress:last-child,
.orderLogin .invoiceAddress:last-child {
margin-bottom: 0
}
}
.myOrder .deliveryAddress .headline,
.myOrder .invoiceAddress .headline,
.orderLogin .deliveryAddress .headline,
.orderLogin .invoiceAddress .headline {
padding-top: 0;
padding-bottom: 16px;
font-family: Inter, sans-serif;
font-weight: 700
}
.myOrder .invoiceAddress,
.orderLogin .invoiceAddress {
margin-right: 0
}
.myOrder .delivery-header,
.orderLogin .delivery-header {
margin-top: 65px
}
@media (max-width: 767px) {
.myOrder .delivery-header,
.orderLogin .delivery-header {
margin-top: 20px
}
}
.myOrder h2,
.myOrder .heading--2,
.orderLogin h2,
.orderLogin .heading--2 {
margin-top: 30px;
margin-bottom: 10px
}
@media (max-width: 767px) {
.myOrder h2,
.myOrder .heading--2,
.orderLogin h2,
.orderLogin .heading--2 {
font-size: 20px;
margin-top: 30px;
margin-bottom: 10px
}
}
.myOrder .top h2,
.myOrder .top .heading--2,
.orderLogin .top h2,
.orderLogin .top .heading--2 {
margin-bottom: 0
}
.myOrder .fLeft,
.orderLogin .fLeft {
margin-right: 75px
}
@media (max-width: 767px) {
.myOrder .fLeft,
.orderLogin .fLeft {
margin-right: 0
}
}
@media (max-width: 767px) {
.myOrder .orderLog,
.myOrder .fLeft,
.myOrder .fRight,
.orderLogin .orderLog,
.orderLogin .fLeft,
.orderLogin .fRight {
width: 100%;
margin-left: 0;
margin-right: 0
}
}
.myOrder .label,
.orderLogin .label {
display: inline-block;
width: 150px;
font-family: Inter, sans-serif;
font-weight: 700
}
@media (max-width: 767px) {
.myOrder .label,
.orderLogin .label {
width: 100px
}
}
.myOrder .orderLogColumn:nth-child(2n),
.orderLogin .orderLogColumn:nth-child(2n) {
padding: 0 5px
}
.myOrder .orderLog,
.orderLogin .orderLog {
float: none;
font-size: 15px
}
.myOrder .orderLog .odd,
.myOrder .orderLog .even,
.orderLogin .orderLog .odd,
.orderLogin .orderLog .even {
display: flex;
padding: 10px
}
.myOrder .orderLog .odd div,
.myOrder .orderLog .even div,
.orderLogin .orderLog .odd div,
.orderLogin .orderLog .even div {
flex: 0 1 150px
}
.myOrder .orderLog .odd div.orderLogColumnEnd,
.myOrder .orderLog .even div.orderLogColumnEnd,
.orderLogin .orderLog .odd div.orderLogColumnEnd,
.orderLogin .orderLog .even div.orderLogColumnEnd {
flex: 1 1 150px;
font-family: Inter, sans-serif;
font-weight: 700
}
.mystore {
display: flex;
flex-wrap: wrap;
align-items: stretch
}
.mystore__info {
margin-bottom: 16px;
flex: 0 0 100%
}
@media (min-width: 768px) {
.mystore__info {
order: 2;
flex-basis: calc(50% - $grid-gutter);
margin: 0 0 16px 16px
}
}
@media (min-width: 1200px) {
.mystore__info {
flex-basis: calc(30% - 30px);
margin: 0 16px 16px
}
}
.mystore__opening-hours {
flex: 0 0 100%;
margin-bottom: 30px
}
@media (min-width: 768px) {
.mystore__opening-hours {
order: 3;
flex-basis: 50%;
margin-bottom: 16px
}
}
@media (min-width: 1200px) {
.mystore__opening-hours {
flex-basis: calc(30% - $grid-gutter);
margin: 0 0 16px 16px
}
}
.mystore__image {
flex: 0 0 100%;
margin: 0 -1.5rem
}
.mystore__image img {
width: calc(100% + 3rem);
max-width: calc(100% + 3rem)
}
@media (min-width: 768px) {
.mystore__image {
order: 1;
flex-basis: calc(50% - $grid-gutter);
margin: 0 16px 16px 0
}
.mystore__image img {
width: auto;
max-width: 100%;
height: 100%
}
}
@media (min-width: 1200px) {
.mystore__image {
flex-basis: calc(40% - $grid-gutter)
}
}
@media (min-width: 768px) {
.nav-help {
min-width: 400px
}
}
.nav-help__list {
padding: 0
}
@media (min-width: 768px) {
.nav-help>.nav-help__list {
margin-left: -16px;
margin-right: -16px
}
.nav-help>.nav-help__list:after {
content: "";
display: table;
clear: both
}
}
.nav-help__item {
list-style: none
}
.nav-help>.nav-help__list>.nav-help__item {
padding: 0 16px
}
@media (max-width: 767px) {
.nav-help>.nav-help__list>.nav-help__item {
padding-bottom: 20px;
margin-bottom: 10px
}
}
@media (min-width: 768px) {
.nav-help>.nav-help__list>.nav-help__item {
float: left;
width: 50%
}
}
.nav-help>.nav-help__list>.nav-help__item:first-child {
border-color: #e9e9e9;
border-width: 2px
}
@media (max-width: 767px) {
.nav-help>.nav-help__list>.nav-help__item:first-child {
border-right: 0;
border-bottom: 2px solid #e9e9e9
}
}
.nav-help__list--lvl-2 .nav-help__item {
display: inline-block;
width: 100%
}
.nav-help__link {
padding: 5px 0
}
.nav-help>.nav-help__list>.nav-help__item>.nav-help__link {
font-size: 1.1em;
display: inline-block;
font-family: Inter, sans-serif;
font-weight: 700
}
.nav-help__link,
.nav-help__link:hover {
color: #000
}
@keyframes slideIn {
0% {
transform: translate(100%)
}
to {
transform: translate(0)
}
}
@keyframes slideOut {
0% {
transform: translate(0)
}
to {
transform: translate(100%)
}
}
.nav--mobile-menu {
position: absolute;
flex: 1 1 auto;
overflow: hidden;
margin-top: 50px;
display: block;
width: 100%;
top: 0;
left: 0;
height: calc(100% - 50px)
}
.filter-list-menu-modal .nav {
position: relative;
height: 100%;
flex: 1 0 100%
}
@media (min-width: 768px) {
.filter-list-menu-modal .nav {
height: 600px;
flex-basis: auto
}
}
.nav--submenu {
padding: 1em 0
}
@media (max-width: 767px) {
.nav--submenu {
display: none
}
}
@media (max-width: 767px) {
#submenu-checkbox:checked~.nav--submenu {
display: block
}
}
.cms-article .nav--submenu {
padding-top: 0
}
@media (max-width: 767px) {
.nav--filtermenu {
display: block
}
}
.nav--clubmatas {
display: none
}
.asidemenu-modal .nav--clubmatas {
display: block;
box-shadow: 0 1px 2px #0000001a
}
@media (min-width: 768px) {
.nav--clubmatas {
display: block
}
}
.nav--mobile-menu .nav__container,
.filter-list-menu-modal .nav__container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff;
z-index: 2;
overflow: hidden;
transition: transform .4s ease;
transform: translate(100%);
height: 100%
}
.nav--mobile-menu .nav__container,
.filter-list-menu-modal .nav__container.state--animate {
animation: slideOut .5s ease;
animation-fill-mode: forwards
}
.nav__container.selected {
animation: slideIn .5s ease;
animation-fill-mode: forwards;
transform: translate(0)
}
.nav__container.selected.state--no-animation,
.filter-list-menu-modal .nav__container.selected {
animation: none;
transition: none
}
.nav__container.current {
-webkit-overflow-scrolling: touch
}
.filter-list-menu-modal .nav__container.current {
animation: slideIn .5s ease;
animation-fill-mode: forwards
}
.filter-list-menu-modal .nav__container.current.state--no-animation {
animation: none;
transition: none
}
.filter-list-menu-modal .nav>.nav__container.current {
animation: none;
transition: none
}
.nav--submenu .nav__list--level-1 .nav__container {
padding-left: 1em;
overflow: hidden;
flex: 1 1 100%;
display: none
}
@media (max-width: 991px) {
.nav--submenu .nav__list--level-1 .nav__container {
padding-left: 10px
}
}
.nav--submenu .nav__list--level-1 .nav__container.state--active {
display: block
}
.nav__item.state--active>.nav__container {
display: block
}
.nav--mobile-menu .nav__container-scroll {
width: 100%;
height: 100%;
overflow-y: auto
}
.nav__list {
margin: 0;
padding: 0
}
.nav--mobile-menu .nav__list .nav__list {
overflow-y: auto;
height: calc(100% - 30px)
}
.filter-list-menu-modal .nav__list {
overflow-y: auto;
height: 100%
}
.filter-list-menu-modal .nav__list .nav__list {
height: calc(100% - 30px)
}
.nav__list--lvl-1 {
display: flex;
position: relative
}
.filter-list-menu-modal .nav__list--lvl-1 {
display: block;
position: static
}
.nav__list--right {
right: 0
}
.nav__secondary-menu .nav__list {
display: none;
flex-direction: column;
width: 100%
}
.secondarymenu-modal .nav__secondary-menu .nav__list {
display: flex
}
@media (min-width: 1200px) {
.nav__secondary-menu .nav__list {
display: flex;
justify-content: center;
flex-direction: row
}
}
.secondary-menu--active .nav__secondary-menu .nav__list {
display: flex
}
.nav__item {
list-style: none;
font-weight: 400
}
.nav--mobile-menu .nav__item:hover,
.filter-list-menu-modal .nav__item:hover {
color: #fff
}
.nav__item.state--selected {
font-family: Inter, sans-serif;
font-weight: 700
}
.nav--submenu .nav__list--level-1>.nav__item {
margin-bottom: .41em
}
.nav--submenu .nav__item {
display: flex;
align-items: center;
flex-flow: row wrap;
font-family: Inter, sans-serif
}
.nav--submenu .nav__item.state--selected {
font-family: Inter, sans-serif;
font-weight: 700
}
.nav__secondary-menu .nav__item {
display: flex;
position: relative;
width: 100%;
height: 2.8571428571em;
justify-content: center;
background-color: #fff
}
@media (min-width: 1200px) {
.nav__secondary-menu .nav__item {
margin: 0 11px;
flex: 1 0 auto;
width: auto
}
}
.secondarymenu-modal .nav__secondary-menu .nav__item {
color: #000;
height: 3.5714285714em
}
.nav__item--see-all {
column-span: all
}
.asidemenu-modal .nav--clubmatas .nav__item {
border-bottom: 1px solid #ececec
}
.asidemenu-modal .nav--clubmatas .nav__item:last-child {
border-bottom: none
}
.nav__link--no-link:hover {
text-decoration: none;
pointer-events: auto
}
.nav--mobile-menu .nav__link,
.filter-list-menu-modal .nav__link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
color: #000;
background: #fff;
border-bottom: 1px solid #e2e4e6;
text-decoration: none
}
.nav--mobile-menu .nav__link--link-logo:active .icon,
.filter-list-menu-modal .nav__link--link-logo:active .icon {
fill: #fff
}
.nav __list--secondary>.nav__item>.nav__link {
background: #f6f6f6
}
.nav--mobile-menu .nav__link:active,
.filter-list-menu-modal .nav__link:active,
.nav--mobile-menu .nav__link:focus,
.filter-list-menu-modal .nav__link:focus,
.nav--mobile-menu .nav__item--selected>.nav__link,
.filter-list-menu-modal .nav__item--selected>.nav__link {
background-color: #ececec;
font-weight: 700;
text-decoration: none
}
.nav--submenu .nav__link {
color: #000;
display: flex;
align-items: center;
flex: 0 0 auto;
width: calc(100% - 1em);
text-decoration: none;
overflow-x: hidden;
text-overflow: ellipsis;
margin-bottom: .4em
}
.nav--submenu .nav__item>.nav__link:hover,
.nav--submenu .nav__item>.nav__link.current {
font-weight: 700
}
.nav__secondary-menu .nav__link:focus {
text-decoration: none
}
.nav__secondary-menu .nav__item--selected .nav__link,
.nav__secondary-menu .nav__link:hover {
text-decoration: none;
border-bottom: 3px solid #000000
}
.nav__secondary-menu .nav__link {
width: 100%;
height: 100%;
font-family: Inter, sans-serif;
font-weight: 700;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 5px 16px;
border: 1px solid #b8b8b8
}
@media (min-width: 1200px) {
.nav__secondary-menu .nav__link {
justify-content: center;
border-color: #979797
}
}
.nav__secondary-menu .nav__link--iu-logo:after {
content: url("");
width: 58px;
height: 22px
}
.nav__secondary-menu .nav__link--iu-logo {
font-size: 0;
max-height: none
}
.nav__secondary-menu .nav__link--iu-logo:after {
display: block;
position: inherit;
align-self: center
}
.secondarymenu-modal .nav__secondary-menu .nav__link--iu-logo {
font-size: inherit
}
.secondarymenu-modal .nav__secondary-menu .nav__link--iu-logo:after {
content: none
}
.secondarymenu-modal .nav__secondary-menu .nav__link {
border: none;
border-bottom: 1px solid #e2e4e6
}
.nav__item--selected>.nav__link {
text-decoration: underline
}
.nav--clubmatas .nav__link {
padding: .7142857143em 1.0714285714em;
border-left: 3px solid transparent;
display: inline-block
}
.asidemenu-modal .nav--clubmatas .nav__link {
width: 100%;
background-color: #fff;
padding: 16px 30px
}
.nav--clubmatas .nav__item--selected>.nav__link {
text-decoration: none;
border-left-color: #eb595e
}
.nav__link-hit-count {
color: #a9a9a9;
margin-right: auto;
margin-left: 5px
}
.nav--submenu .nav__title {
font-weight: 700;
margin-bottom: 10px;
padding-bottom: 5px
}
.nav--submenu .nav__title a:hover {
font-weight: 700
}
.nav__secondary-menu {
margin: 0 auto;
display: flex;
align-items: center;
width: 100%
}
.nav__header {
background: #ececec;
text-align: center;
text-transform: uppercase;
border-top: 2px solid #000000;
font-weight: 700;
height: 2.1428571429em;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
position: sticky;
top: 0;
z-index: 1;
color: #000;
font-family: Inter, sans-serif
}
.nav__header--sticky {
position: sticky;
border: none;
top: 0
}
.nav__points {
color: #eb595e;
font-weight: 700;
margin-left: auto
}
@keyframes fadeInOnSticky {
0% {
transform: translate(100px)
}
to {
transform: translate(0)
}
}
.offer-counter .counter-item {
display: none;
color: #000
}
.offer-counter .counter-item.show {
display: inline
}
.offer-counter .counter-item .time-left-days .time-left,
.offer-counter .counter-item .time-left-days .day {
position: relative
}
.offer-counter .counter-item .days:after,
.offer-counter .counter-item .hours:after,
.offer-counter .counter-item .minutes:after,
.offer-counter .counter-item .seconds:after {
content: attr(data-unitname)
}
.offer-counter .counter-item .time-left-day .time-left {
text-transform: none;
white-space: nowrap;
font-weight: 700
}
.onboarding {
display: flex;
flex-direction: column;
color: #002643;
margin-bottom: 50px
}
.onboarding p,
.onboarding__menu-headline,
.onboarding .nav__link {
color: #002643
}
@media (min-width: 768px) {
.onboarding {
flex-direction: row;
flex-wrap: wrap
}
}
.onboarding__header {
margin-bottom: 16px
}
@media (min-width: 768px) {
.onboarding__header {
order: 1;
flex: 0 0 100%;
margin-bottom: 40px
}
}
.onboarding__header-image {
margin: -16px;
width: calc(100% + ($grid-gutter * 2))
}
@media (min-width: 1200px) {
.onboarding__header-image {
margin: 0;
width: 100%
}
}
.onboarding__header-image img {
width: calc(100% + 32px)
}
@media (min-width: 1200px) {
.onboarding__header-image img {
width: 100%
}
}
.onboarding__buttons {
display: flex;
justify-content: center
}
@media (min-width: 768px) {
.onboarding__buttons {
margin-top: -25px
}
}
.onboarding__buttons .btn {
z-index: 1
}
@media (min-width: 768px) {
.onboarding__menu {
order: 2;
flex: 0 0 auto
}
}
@media (min-width: 768px) {
.onboarding__article {
order: 3;
flex: 1 1 50%;
margin-left: 50px
}
}
.onboarding__menu-headline {
font-size: 1.2857142857em;
margin-bottom: 20px;
font-weight: 700;
display: none
}
@media (min-width: 768px) {
.onboarding__menu-headline {
display: block
}
}
.onboarding__menu-button {
padding: 16px;
margin: 16px 0;
background: #fff;
width: 100%;
box-shadow: 0 1px 2px #0000001a;
display: flex;
justify-content: space-between;
border: none;
align-items: center
}
@media (min-width: 768px) {
.onboarding__menu-button {
display: none
}
}
.opening-hours {
margin: 0;
padding: 0;
width: 100%
}
.opening-hours--max-width {
max-width: 270px
}
.opening-hours--my-matas {
font-size: 1rem
}
.opening-hours__item {
list-style: none;
display: flex;
justify-content: space-between;
line-height: 1.5714285714em
}
.opening-hours__item:first-of-type {
font-family: Inter, sans-serif;
font-weight: 700
}
.opening-hours__day {
flex: 0 1 auto;
word-break: break-word;
word-wrap: break-word;
text-transform: capitalize
}
.opening-hours__hours {
flex: 0 0 auto
}
.product-summary .order-summary {
margin: 25px 0;
padding-bottom: 25px;
border-bottom: 1px solid #b8b8b8
}
.input-form .product-summary .order-summary {
border-color: #b8b8b8
}
.order-summary__divider {
margin-top: 12px;
margin-bottom: 12px;
border-color: #b8b8b8;
border-top: 0
}
.order-summary__line {
display: flex
}
.order-summary__line--total {
display: flex;
flex-wrap: wrap
}
.order-summary__line--prizecertificate {
font-family: Inter, sans-serif;
font-weight: 700;
color: #eb595e;
font-style: italic
}
.order-summary__line--heading {
font-size: 20px;
text-align: center;
display: block;
text-transform: uppercase;
border-bottom: 1px solid #b8b8b8
}
.input-form .order-summary__line--heading {
border-color: #b8b8b8
}
.order-summary__line--assistance {
border-bottom: 0
}
.order-summary__line-left {
margin-right: auto;
padding-right: 5px;
flex: 1 1 auto
}
.order-summary__line-right {
margin-left: auto;
padding-left: 5px;
flex: 0 0 auto
}
.order-summary__giftcard {
border-top: 1px solid #b8b8b8;
padding-top: 16px;
margin-top: 16px
}
.input-form .order-summary__giftcard {
border-color: #b8b8b8
}
.order-summary__vat {
font-family: Inter, sans-serif
}
.order-summary__giftcard-line {
margin-bottom: 16px
}
.order-summary__giftcard-line+.order-summary__giftcard-line {
border-top: 1px solid #b8b8b8;
padding-top: 16px
}
.input-form .order-summary__giftcard-line+.order-summary__giftcard-line {
border-color: #b8b8b8
}
.order-summary__discounts {
border-top: 1px solid #b8b8b8
}
.input-form .order-summary__discounts {
border-color: #b8b8b8
}
.basket .order-summary__prize-certificates {
border-top: 1px solid #b8b8b8;
margin-top: 10px;
padding-top: 10px
}
.basket .prize-certificate .order-summary__prize-certificates {
display: none
}
.order-summary__assistance {
padding: .8571428571em 16px
}
.otc-splash {
position: absolute;
bottom: 12px;
right: 0
}
.minibasket .otc-splash {
display: none
}
.product-item .otc-splash--dma {
top: auto;
left: auto;
bottom: 0;
right: 0;
width: 50px;
height: 42px
}
.product-page__image-center .otc-splash--dma {
width: 110px;
height: 92px;
bottom: 0;
top: auto;
left: 16px;
pointer-events: auto
}
.swiper-slide .otc-splash--dma {
width: 40px;
height: 34px
}
.otc-splash--dma .icon {
width: 100%;
height: 100%
}
.otc-splash__age {
position: absolute;
display: flex;
top: 28px;
right: -8px;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
color: #fff;
background-color: #002643;
font-size: .7143rem;
font-weight: 600;
border-radius: 50%
}
.basket-line .otc-splash__age:only-child,
.product-line .otc-splash__age:only-child {
top: -12px
}
.otc {
flex-basis: 100%;
display: flex;
max-width: 100%
}
.otc--warning,
.otc--error {
padding: 16px;
margin: 12px 0 16px
}
.basketlines__line .otc--warning,
.basketlines__line .otc--error {
margin: 12px 3px
}
.otc--warning {
background-color: #efedea;
border-radius: 8px
}
.otc--error {
background-color: #ffecef;
border: 1px solid #dab6b6
}
.otc__icon {
position: relative;
margin: 5px 24px 5px 0;
flex-shrink: 0
}
.otc p {
margin-bottom: 0
}
.otc__info .info__title {
font-weight: 600
}
.otc__info .info__content {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 4px 0 12px
}
.otc__info .info__read-more {
font-weight: 600
}
.overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
background-color: #00000080;
pointer-events: none;
z-index: 2000
}
.overlay--productlist-filter,
.overlay--mobile-menu {
pointer-events: auto
}
@media (min-width: 1200px) {
.overlay--productlist-filter,
.overlay--mobile-menu {
pointer-events: none
}
}
.overlay--filter-list-dropdown {
pointer-events: auto
}
.overlay--sort-list-dropdown {
pointer-events: auto;
background-color: none
}
.state--fixed .overlay--quicksearch {
pointer-events: auto;
z-index: 1010
}
.page-size {
display: inline-flex;
width: 100%;
justify-content: center;
align-items: center;
margin-top: 20px;
font-size: FontSize14
}
.productlist__top .page-size {
width: auto;
justify-content: flex-start;
margin-top: 0;
order: 1
}
.page-size__text {
margin-right: 8px;
color: #000
}
.page-size__number {
color: #666;
padding: 4px 8px;
text-decoration: underline
}
.page-size__number.state--selected {
color: #000;
font-weight: 700
}
.payment-methods {
display: flex;
flex: 1 0 200px;
min-width: 200px
}
.permission-modal {
font-size: 16px
}
@media (max-width: 767px) {
.permission-modal {
font-size: 14px
}
}
.permission-modal a {
color: #d70081
}
.permission-modal__header {
flex: 0 0 auto
}
.permission-modal__footer {
flex: 0 0 auto;
justify-content: center;
display: flex;
padding: 16px;
align-items: center;
border-top: 1px solid #e5e5e5
}
@media (max-width: 767px) {
.permission-modal__footer {
flex-direction: column
}
}
.permission-modal__content {
flex: 0 1 auto;
padding: 30px 40px 40px;
background-color: #f8f5f0;
overflow-y: auto
}
@media (max-width: 767px) {
.permission-modal__content {
padding: 16px
}
}
.permission-modal__title {
text-transform: uppercase;
font-size: 1.2em;
padding: 16px
}
.permission-modal__description {
padding: 0 16px 5px
}
.permission-modal__accept-btn {
background-color: #e2e4e6
}
.permission-modal__accept-btn.state--active {
background-color: #d70081
}
.permission-modal__continue-btn,
.permission-modal__logout-btn {
display: none
}
.state--no-skip .permission-modal__logout-btn {
display: block
}
.permission-modal__logout-append {
display: none
}
.state--no-skip .permission-modal__logout-append {
padding: 0 20px;
display: initial
}
@media (max-width: 767px) {
.state--no-skip .permission-modal__logout-append {
padding: 5px 0
}
}
.permission-modal .image-center {
margin: 0 auto;
display: block
}
@media (max-width: 767px) {
.permission-modal .hidden-sm {
display: none
}
}
#js-permission-modal-bottom {
height: 1px;
display: block
}
.prize-certificate-lines:not(:last-child) {
margin-bottom: spacing-4
}
@media (min-width: 992px) {
.prize-certificate .prize-certificate-lines {
display: none
}
}
.order-summary__line--border .prize-certificate-lines {
padding: 0;
display: flex;
flex: 0 0 100%;
flex-direction: column;
align-content: space-between
}
.basket .prize-certificate .prize-certificate-lines {
display: none
}
.prize-certificate-lines__line {
display: flex
}
.basket .prize-certificate {
margin-bottom: 1.2857142857em;
margin-top: 1.2857142857em
}
@media (min-width: 992px) {
.basket .prize-certificate {
margin: 0
}
}
.prize-certificate__top {
display: flex;
margin-bottom: 16px
}
.prize-certificate__spacer {
flex: 1 1 0
}
.prize-certificate__spacer--left {
display: none
}
@media (min-width: 768px) {
.prize-certificate__spacer--left {
display: block
}
}
.basket__footer .prize-certificate__spacer--left {
display: none
}
.prize-certificate__spacer--right {
text-align: right
}
.prize-certificate__heading {
display: flex;
align-items: center
}
.prize-certificate__title {
font-size: 1.1428571429rem;
margin: 0 20px 0 0
}
.delivery__box .prize-certificate__title {
margin-bottom: 0
}
.basket__footer .prize-certificate__title {
text-transform: none;
font-size: 14px
}
.prize-certificate__details {
flex: 0 0 100%;
margin: 20px 0
}
@media (min-width: 768px) {
.prize-certificate__details {
text-align: center
}
}
.prize-certificate__details b {
color: #eb595e
}
.prize-certificate__saving {
font-family: Inter, sans-serif;
font-weight: 700;
margin-bottom: 16px
}
@media (min-width: 768px) {
.prize-certificate__saving {
text-align: center
}
}
@media (min-width: 768px) {
.prize-certificate__buttons {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 8px
}
}
.prize-certificate__button.card {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 16px 0;
margin-bottom: 16px
}
.prize-certificate__button.card[disabled] {
opacity: .6
}
.prize-certificate__button.card[disabled]:after {
content: none
}
.product-item {
height: 100%
}
.swiper-slide .product-item {
width: 40vw;
max-width: 100%;
padding: 8px 4px
}
@media (min-width: 768px) {
.swiper-slide .product-item {
width: 28vw
}
}
@media (min-width: 992px) {
.swiper-slide .product-item {
width: 100%
}
}
.product-item__container {
position: relative;
display: flex;
flex-direction: column;
min-height: 392px;
height: 100%;
text-decoration: none;
background-color: #fff;
border-radius: 8px
}
@media (pointer: fine) {
.product-item__container {
box-shadow: 0 0 #0000;
transition: box-shadow ease .25s;
border-radius: 8px
}
}
@media (pointer: fine) {
.product-item__container:hover {
box-shadow: 0 0 8px #00000029;
transition: box-shadow ease .25s;
text-decoration: none
}
}
.product-item__top {
position: relative;
padding: 20px 8px 0
}
.product-item__mid {
padding-left: 12px;
padding-right: 12px;
z-index: 1
}
.swiper-slide .product-item__mid {
padding-left: 0;
padding-right: 0
}
.product-item__bottom {
margin-top: auto;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 16px
}
.swiper-slide .product-item__bottom {
padding-left: 0;
padding-right: 0
}
.product-item__splash-container {
position: absolute;
top: 8px;
z-index: 1
}
.product-item__splash-container--left {
left: 8px;
top: 8px;
max-width: calc(100% - 47px)
}
.product-item__splash-container--right {
display: flex;
flex-direction: column;
align-items: flex-end;
right: 8px;
top: 56px
}
@media (min-width: 544px) {
.product-item__actions {
padding-left: 16px;
padding-right: 16px
}
}
.product-item__actions--variants {
display: flex;
flex-direction: row-reverse;
padding: 0
}
.product-item__actions--variants .btn {
white-space: nowrap;
flex: 1 0 0%
}
.product-item__actions--long-button {
padding: 0
}
@media (min-width: 768px) {
.product-item__actions--long-button {
padding-left: 16px;
padding-right: 16px
}
}
.product-item__actions .btn {
width: 100%
}
.swiper-slide .product-item__actions {
padding-left: 8px;
padding-right: 8px
}
@media (min-width: 768px) {
.swiper-slide .product-item__actions {
padding-left: 16px;
padding-right: 16px
}
}
.product-item__variant-link {
flex: 0 1 40px;
margin-right: 4px;
border-radius: 8px;
background-size: cover;
background-position: center
}
.product-item__variant-link:nth-of-type(4) {
display: none
}
@media (min-width: 544px) {
.product-item__variant-link:nth-of-type(4) {
display: initial
}
}
.product-item__price-information {
margin-bottom: 8px
}
.product-item__price-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: flex-end;
text-align: center
}
.product-item__delivery-cost {
display: flex;
justify-content: center;
font-size: FontSize14;
color: #666;
line-height: 1.5;
font-weight: 400
}
.product-item__price {
font-size: 1.1428571429rem;
line-height: 1.7142857143rem;
min-height: 1.7142857143rem;
font-weight: 700
}
.product-item__price--discount {
color: #c94c36
}
.product-item__price--club-discount {
flex: 0 0 100%;
color: #eb595e;
font-size: FontSize14;
line-height: 1.5714285714rem;
min-height: 1.5714285714rem;
margin-bottom: 4px
}
.product-item__price-before {
font-size: .8571428571rem;
line-height: 1.1428571429rem;
color: #666;
margin-left: 4px;
margin-bottom: .1428571429rem;
text-decoration: line-through
}
@media (min-width: 1921px) {
.product-item__price-before {
margin-bottom: .2142857143rem
}
}
.product-item__price-before--club-discount {
flex: 0 0 100%;
margin-left: 0;
text-decoration: none
}
.product-item__link,
.product-item__link:hover,
.product-item__link:active {
text-decoration: none
}
.product-item__title {
display: block;
font-family: Inter, sans-serif;
color: #000;
font-size: FontSize14;
line-height: 1.2857142857rem;
text-align: center;
margin-top: 0;
margin-bottom: 8px;
padding-left: 4px;
padding-right: 4px
}
.product-item__title-row {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 2.5714285714rem;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
font-weight: 400
}
.product-item__title-row--brand {
font-weight: 700
}
.product-item__title-row--variant,
.product-item__title-row--morevariants {
display: inline
}
.product-item__rating {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
min-height: 1.0714285714rem
}
.product-item__rating--hide {
visibility: hidden
}
.product-item__rating-count {
font-size: .7142857143rem;
line-height: 1em;
margin-left: 4px;
margin-top: .0714285714rem;
color: #666
}
.product-item__splash-label {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
height: 1.1428571429rem;
margin-bottom: 4px;
z-index: 1
}
.product-item__splash-label .splash-label {
font-size: .5714285714rem;
line-height: 1em;
height: inherit;
padding: 4px 8px;
flex: 1 0 16px;
margin-top: 4px
}
.product-item__img-container {
position: relative;
display: block;
width: 100%;
max-width: 136px;
margin-left: auto;
margin-right: auto
}
.product-item__img-ratio {
padding-top: 117.6470588235%
}
.product-item__img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
content-visibility: auto
}
.product-item__label-container {
top: 8px;
display: grid;
gap: 2px;
margin-bottom: 8px
}
.product-item__label {
font-size: .5714285714rem;
letter-spacing: .05em;
line-height: .7142857143rem;
font-weight: 700;
text-transform: uppercase
}
.product-item__label--faded {
color: #666;
font-weight: 400
}
.product-item__favourite {
position: absolute;
right: 0;
padding: 12px;
margin-bottom: 0;
z-index: 1
}
.product-item__danger-zone {
position: absolute;
top: 24px;
display: grid;
gap: 4px;
margin-bottom: 4px
}
.product-item__danger-zone .icon {
width: 16px;
height: 16px;
max-width: 16px;
max-height: 16px;
margin-bottom: 0
}
@media (min-width: 768px) {
.product-item__danger-zone .icon {
width: 32px;
height: 32px;
max-width: 32px;
max-height: 32px
}
}
.product-item__pro-hair-care-splash,
.product-item__derma-badge-splash {
position: absolute;
top: 24px;
width: 40px;
height: 40px;
max-width: 40px;
max-height: 40px
}
.product-item__modiface-splash {
position: absolute;
top: 80px;
width: 40px;
height: 40px;
max-width: 40px;
max-height: 40px
}
.product-item .otc-splash {
top: 64px;
right: 8px;
width: 40px;
height: 40px
}
.product-item .otc-splash__age {
width: 32px;
height: 32px
}
.product-item .otc-splash svg {
display: none
}
@media (min-width: 992px) {
.product-line-review {
margin: 0;
display: flex
}
}
.product-line-review--shadow {
background: #fff;
box-shadow: 0 1px 2px #bfd3e766;
margin-bottom: 20px;
border-radius: 6px
}
@media (min-width: 1200px) {
.my-profile-frontpage__review-request .product-line-review--shadow {
margin-bottom: 0
}
}
@media (min-width: 768px) {
.my-profile-frontpage__review-request .product-line-review--shadow.product-line-review__row-item {
margin-right: 20px
}
.my-profile-frontpage__review-request .product-line-review--shadow.product-line-review__row-item:nth-child(2n) {
margin-right: 0
}
}
@media (min-width: 1200px) {
.product-line-review--shadow.product-line-review__row-item {
width: calc(50% - 10px);
margin-right: 20px
}
.product-line-review--shadow.product-line-review__row-item:nth-child(2n) {
margin-right: 0
}
.my-profile-frontpage__review-request .product-line-review--shadow.product-line-review__row-item:nth-child(2n) {
margin-right: 20px
}
.product-line-review--shadow.product-line-review__row-item:last-child {
margin-right: 0
}
}
.product-line-review__row-item {
width: 100%
}
@media (min-width: 768px) {
.my-profile-frontpage__review-request .product-line-review__row-item {
width: calc(50% - 10px)
}
}
@media (min-width: 1200px) {
.product-line-review__row-item {
width: 50%
}
}
.product-line-review__review-text {
font-size: 1em
}
@media (min-width: 992px) {
.product-line-review__review-text {
font-size: .8em
}
}
@media (min-width: 1921px) {
.product-line-review .rating-selection__heading {
font-size: .8em
}
}
.product-line-review .product-item__title-row {
padding-bottom: 5px
}
.product-line-review .product-item__title-row--brand {
text-transform: uppercase;
font-family: Inter, sans-serif;
font-weight: 700
}
@media (min-width: 992px) {
.product-line-review .product-item__title-row--brand {
font-size: FontSize14
}
}
.product-line-review .product-item__title-row--name {
font-size: 16px;
font-family: Inter, sans-serif;
font-weight: 700
}
.product-line-review .product-item__title-row--variant {
font-family: Inter, sans-serif;
font-style: italic
}
@media (min-width: 992px) {
.product-line-review .product-item__title-row--variant {
font-size: FontSize14
}
}
.product-line-review__date {
padding-right: 0
}
.product-line-review__arrow {
margin-right: 0;
display: flex;
justify-content: flex-end;
cursor: pointer
}
.product-line-review__arrow .icon--arrow-down {
transform: rotate(-90deg);
width: 20px;
height: 20px
}
.product-line-review__actions .link,
.product-line-review__actions .a-text a:not(.btn),
.a-text .product-line-review__actions a:not(.btn),
.product-line-review__actions .link-container a:not(.btn),
.link-container .product-line-review__actions a:not(.btn) {
margin-bottom: 0;
margin-top: auto
}
.product-line-review__actions .btn {
max-width: 200px
}
@media (min-width: 992px) and (max-width: 1199px) {
.product-line-review__actions .btn {
max-width: 150px
}
}
.product-line {
padding: 15px 0;
display: block
}
.product-line--tiny {
padding: 16px
}
.checkout-info .product-line--tiny {
padding: 0 0 16px
}
@media (min-width: 1200px) {
.product-line--samples {
display: flex;
align-items: center;
padding: 5px 0
}
}
.product-line--sold-out .rect-img,
.product-line--canceled .rect-img {
opacity: .3
}
.product-line__image-wrapper {
float: left;
width: 90px;
margin-right: 10px
}
@media (min-width: 1200px) {
.product-line__image-wrapper {
width: 110px;
margin-right: 20px
}
.checkout-layout .product-line__image-wrapper {
width: 75px
}
.product-line--samples .product-line__image-wrapper {
width: 90px;
flex: 0 0 auto
}
}
.checkout-layout .product-line__image-wrapper {
margin-right: 0
}
.product-line-review__row-item .product-line__image-wrapper {
min-width: 90px;
flex: 0 0 90px
}
.product-line__image-wrapper .rect-img__missing-image {
border: 1px solid #ececec;
background-color: #f3f1ef
}
.product-line--has-unresolved-followup .product-line__image-wrapper {
border: 1px solid #a92828
}
.list__item--gift-basket-line .product-line__image-wrapper {
margin-right: 25px;
width: 75px
}
.product-line-review__row-item .product-line__text-wrapper {
flex: 1 0 0%
}
.product-line__image {
margin: 0 auto;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
flex: 0 0 auto
}
.myprofile .product-line__image--missing-image {
background-color: #f3f1ef
}
.product-line__data-wrapper {
display: flex;
flex: 1 1 auto;
flex-direction: column
}
@media (min-width: 1200px) {
.list__item--basket-line .product-line__data-wrapper {
padding-left: 16px
}
}
.product-line__data,
.product-line__actions {
display: flex;
flex-wrap: wrap
}
@media (min-width: 1200px) {
.product-line__data,
.product-line__actions {
flex-wrap: nowrap;
max-width: calc(100% - 130px);
margin-left: auto
}
.checkout-layout .product-line__data,
.checkout-layout .product-line__actions {
flex-wrap: wrap;
max-width: calc(100% - 75px)
}
}
.product-line__data {
padding-left: 10px;
min-height: 90px;
line-height: 1.23
}
@media (min-width: 1200px) {
.product-line__data {
padding-left: 0;
min-height: 0
}
.product-line--samples .product-line__data {
flex: 0 0 auto;
margin-left: 30px;
flex-basis: calc(100% - 130px)
}
}
.checkout-layout .product-line__data {
padding-left: 20px
}
@media (min-width: 768px) {
.checkout-info .product-line__data {
padding-left: 35px
}
}
@media (max-width: 1199px) {
.list__item--one-line .product-line__data {
padding-left: 0;
min-height: 0
}
}
.list__item--gift-basket-line .product-line__data {
min-height: 75px
}
.checkout-layout .product-line__actions {
display: none
}
@media (min-width: 1200px) {
.checkout-layout .product-line__actions {
display: flex
}
}
.pdf-wrap .product-line__actions {
display: none
}
@media (max-width: 767px) {
.product-line__actions {
margin-left: -10px;
margin-right: -10px
}
.basket .product-line__actions>* {
padding-left: 10px;
padding-right: 10px
}
}
@media (min-width: 768px) {
.product-line__actions {
flex-wrap: nowrap
}
}
@media (min-width: 1921px) {
.product-line__actions {
font-size: 1em
}
}
.ui-modal--receipt .product-line__actions {
display: none
}
.myprofile--orders .product-line__actions {
margin-left: 0;
margin-right: 0
}
.product-line__product-col,
.list__heading-v2--product {
display: flex;
flex-wrap: wrap;
flex: 0 1 auto;
width: 100%
}
@media (min-width: 1200px) {
.product-line__product-col,
.list__heading-v2--product {
flex: 1 1 auto;
padding: 10px 5px
}
}
.product-line__data .product-line__product-col,
.product-line__data .list__heading-v2--product {
align-items: flex-end;
padding-top: 0
}
.product-line__actions .product-line__product-col,
.product-line__actions .list__heading-v2--product {
display: flex;
flex-wrap: wrap;
padding-bottom: 0;
padding-top: 10px
}
.product-line--subscribable .product-line__actions .product-line__product-col,
.product-line--subscribable .product-line__actions .list__heading-v2--product {
align-items: flex-end
}
.myprofile--orders .product-line__actions .product-line__product-col,
.myprofile--orders .product-line__actions .list__heading-v2--product {
padding-top: 20px
}
@media (min-width: 1200px) {
.myprofile--orders .product-line__actions .product-line__product-col,
.myprofile--orders .product-line__actions .list__heading-v2--product {
padding-top: 10px
}
}
.checkout-layout .product-line__product-col,
.checkout-layout .list__heading-v2--product {
flex: 1 1 100%;
padding-right: 0;
padding-left: 0;
padding-top: 0
}
.pdf-wrap .product-line__product-col,
.pdf-wrap .list__heading-v2--product {
flex-direction: column;
align-items: flex-start
}
.list__item--one-line .product-line__product-col,
.list__item--one-line .list__heading-v2--product {
padding-bottom: 0
}
@media (max-width: 1199px) {
.list__item--one-line .product-line__product-col,
.list__item--one-line .list__heading-v2--product {
flex: 1 0 50%
}
}
.product-line__unit-col,
.list__heading-v2--unit-price {
display: flex;
flex: 1 1 50%;
padding: 10px 10px 10px 0
}
@media (min-width: 1200px) {
.product-line__unit-col,
.list__heading-v2--unit-price {
flex: 0 0 217px
}
}
@media (min-width: 1921px) {
.product-line__unit-col,
.list__heading-v2--unit-price {
flex: 0 0 25.3571428571rem
}
}
.product-line__unit-col--single-item {
display: none
}
@media (min-width: 1200px) {
.product-line__unit-col--single-item {
display: flex
}
}
.product-line__unit-col.state--error,
.state--error.list__heading-v2--unit-price {
padding-right: 0
}
@media (min-width: 768px) {
.product-line__unit-col.state--error,
.state--error.list__heading-v2--unit-price {
padding-right: 10px
}
}
@media (max-width: 360px) {
.product-line__unit-col.state--error,
.state--error.list__heading-v2--unit-price {
padding-right: 10px
}
}
@media (max-width: 360px) {
.product-line__unit-col,
.list__heading-v2--unit-price {
padding-right: 10px;
flex: 0 0 100%
}
}
@media (max-width: 360px) {
.basket .product-line__unit-col,
.basket .list__heading-v2--unit-price {
flex: 100 0 50%
}
}
.product-line__data .product-line__unit-col,
.product-line__data .list__heading-v2--unit-price {
flex-direction: column;
justify-content: flex-end
}
@media (min-width: 768px) {
.product-line__data .product-line__unit-col,
.product-line__data .list__heading-v2--unit-price {
padding-top: 0
}
}
.product-line__actions .product-line__unit-col,
.product-line__actions .list__heading-v2--unit-price {
flex-direction: row;
padding-bottom: 0
}
.product-line--subscribable .product-line__actions .product-line__unit-col,
.product-line--subscribable .product-line__actions .list__heading-v2--unit-price {
align-items: flex-end
}
.checkout-layout .product-line__unit-col,
.checkout-layout .list__heading-v2--unit-price {
flex: 0 0 50%;
padding-right: 0;
padding-top: 0;
padding-bottom: 0
}
.list__item--one-line .product-line__unit-col,
.list__item--one-line .list__heading-v2--unit-price {
padding-bottom: 0
}
@media (max-width: 1199px) {
.list__item--one-line .product-line__unit-col,
.list__item--one-line .list__heading-v2--unit-price {
display: none
}
}
.product-line--samples .product-line__unit-col,
.product-line--samples .list__heading-v2--unit-price {
flex-direction: row;
align-items: center;
justify-content: flex-start
}
@media (min-width: 1200px) {
.myprofile--orders .product-line__unit-col,
.myprofile--orders .list__heading-v2--unit-price {
flex: 0 0 155px
}
}
@media (min-width: 1600px) {
.myprofile--orders .product-line__unit-col,
.myprofile--orders .list__heading-v2--unit-price {
flex: 0 0 210px
}
}
@media (min-width: 1921px) {
.myprofile--orders .product-line__unit-col,
.myprofile--orders .list__heading-v2--unit-price {
flex: 0 0 255px
}
}
.product-line__actions .myprofile--orders .product-line__unit-col,
.product-line__actions .myprofile--orders .list__heading-v2--unit-price {
display: none
}
@media (min-width: 1200px) {
.product-line__actions .myprofile--orders .product-line__unit-col,
.product-line__actions .myprofile--orders .list__heading-v2--unit-price {
display: flex
}
}
.list__item--gift-basket-line .product-line__unit-col,
.list__item--gift-basket-line .list__heading-v2--unit-price {
padding-bottom: 0
}
.product-line__price-col,
.list__heading-v2--price {
display: flex;
justify-content: flex-end;
flex: 1 0 auto;
padding: 10px 0;
flex-wrap: wrap
}
@media (min-width: 1200px) {
.product-line__price-col,
.list__heading-v2--price {
flex: 0 0 121px
}
}
@media (min-width: 1600px) {
.product-line__price-col,
.list__heading-v2--price {
flex: 0 0 166px
}
}
@media (min-width: 1921px) {
.product-line__price-col,
.list__heading-v2--price {
flex: 0 0 113px
}
}
.product-line__data .product-line__price-col,
.product-line__data .list__heading-v2--price {
align-items: flex-end;
align-content: flex-end;
flex-direction: column
}
@media (min-width: 768px) {
.product-line__data .product-line__price-col,
.product-line__data .list__heading-v2--price {
padding-top: 0
}
}
@media (min-width: 1200px) {
.product-line--samples .product-line__data .product-line__price-col,
.product-line--samples .product-line__data .list__heading-v2--price {
justify-content: center
}
}
.product-line__actions .product-line__price-col,
.product-line__actions .list__heading-v2--price {
padding-bottom: 0
}
.product-line--subscribable .product-line__actions .product-line__price-col,
.product-line--subscribable .product-line__actions .list__heading-v2--price {
align-items: flex-end
}
.checkout-layout .product-line__price-col,
.checkout-layout .list__heading-v2--price {
flex: 1 0 50%;
padding-right: 0;
padding-top: 0;
padding-bottom: 0
}
.list__item--one-line .product-line__price-col,
.list__item--one-line .list__heading-v2--price {
padding-bottom: 0
}
@media (max-width: 1199px) {
.list__item--one-line .product-line__price-col,
.list__item--one-line .list__heading-v2--price {
flex: 0 0 auto;
margin-left: 16px;
padding: 0
}
}
.myprofile--orders .product-line__actions .product-line__price-col,
.myprofile--orders .product-line__actions .list__heading-v2--price {
display: none
}
@media (min-width: 1200px) {
.myprofile--orders .product-line__actions .product-line__price-col,
.myprofile--orders .product-line__actions .list__heading-v2--price {
display: flex
}
}
.list__item--gift-basket-line .product-line__price-col,
.list__item--gift-basket-line .list__heading-v2--price {
padding: 0
}
.product-line__subscription-dropdown {
width: 100%
}
@media (min-width: 544px) {
.product-line__subscription-dropdown {
max-width: 309px
}
}
@media (min-width: 1921px) {
.product-line__subscription-dropdown {
max-width: 378px
}
}
.product-line__price-surfix {
text-transform: lowercase
}
@media (min-width: 1200px) {
.product-line__price-surfix {
display: none
}
}
.basket .product-line__price-surfix {
display: none
}
.product-line__image-link {
display: block;
position: relative;
padding-top: 100%;
height: 0
}
.product-line__image-container {
position: absolute;
margin: 0 auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center
}
.product-line__name {
display: block;
width: 100%;
padding-bottom: 10px
}
.ui-modal--receipt .product-line__name {
padding-bottom: 0
}
.checkout-layout .product-line__name {
pointer-events: none
}
.product-line__subscription {
display: flex;
align-items: center;
line-height: 1.2;
margin: 5px 0 0
}
.myprofile--orders .product-line__subscription {
margin-top: 0
}
.product-line__subscription-frequency-info {
margin-left: 27px;
line-height: 1.23
}
.product-line__subscription-icon-wrapper {
flex: none;
display: flex;
justify-content: center;
align-items: center;
width: 25px;
height: auto;
margin: 0 5px 0 0;
width: 22px;
height: 22px
}
.product-line__subscription-icon-wrapper .icon--checkmark {
padding: 2px;
fill: #219916
}
.product-line__discount {
width: 100%;
padding-bottom: 16px
}
@media (max-width: 767px) {
.product-line__discount {
width: 100%
}
}
@media (min-width: 1200px) {
.product-line__discount {
display: none
}
}
.product-line__unit-col .product-line__discount,
.list__heading-v2--unit-price .product-line__discount {
display: none
}
@media (min-width: 1200px) {
.product-line__unit-col .product-line__discount,
.list__heading-v2--unit-price .product-line__discount {
display: initial
}
}
@media (min-width: 1200px) {
.checkout-layout .product-line__discount {
display: block
}
}
.checkout-layout .product-line__unit-col .product-line__discount,
.checkout-layout .list__heading-v2--unit-price .product-line__discount {
display: none
}
.grid-line__discount .product-line__discount {
display: initial
}
.product-line__prices {
display: flex;
flex-direction: column
}
@media (min-width: 1200px) {
.product-line__prices {
flex-direction: row
}
}
.checkout-layout .product-line__prices {
flex-direction: column
}
@media (min-width: 1200px) {
.myprofile--orders .product-line__prices {
flex-direction: column
}
}
.product-line__prices-row {
display: flex;
flex-direction: row
}
@media (min-width: 1200px) {
.product-line__price+.product-line__price {
margin-left: 10px
}
}
@media (min-width: 1200px) {
.myprofile--orders .product-line__price+.product-line__price {
margin-left: 0
}
}
.checkout-layout .product-line__price {
margin-left: 0
}
.product-line__add-to-favourites {
display: flex;
align-items: center;
border: 1px solid #b8b8b8;
background-color: #ececec;
white-space: nowrap;
padding: .6428571429em 1.33em;
min-height: 2.9285714286em;
line-height: 1em;
margin: 0;
justify-content: center;
cursor: pointer
}
.product-line__delete {
display: flex
}
.product-line__unit+.product-line__delete {
margin-left: 10px
}
.product-line__unit {
width: 7em
}
.state--error .product-line__unit {
position: relative
}
.basket .product-line__unit {
width: auto;
flex: 1 0 6.5em
}
@media (min-width: 544px) {
.basket .product-line__unit {
flex-grow: 0
}
}
.list__item--gift-basket-line .product-line__unit {
flex: 0 0 100px
}
@media (min-width: 992px) {
.list__item--gift-basket-line .product-line__unit {
display: flex
}
}
.basket .product-line__unit-col.state--error .product-line__unit,
.basket .state--error.list__heading-v2--unit-price .product-line__unit {
flex: 1 0 6.5em;
display: flex;
align-items: center
}
@media (min-width: 544px) {
.basket .product-line__unit-col.state--error .product-line__unit,
.basket .state--error.list__heading-v2--unit-price .product-line__unit {
flex-grow: 0;
flex-basis: 9.6em
}
}
@media (min-width: 768px) {
.basket .product-line__unit-col.state--error .product-line__unit,
.basket .state--error.list__heading-v2--unit-price .product-line__unit {
flex-basis: 6.5em
}
}
.product-line__unit--price {
display: initial;
width: auto;
text-align: right
}
@media (min-width: 1200px) {
.product-line__unit--price {
display: none
}
}
.checkout-layout .product-line__unit--price {
display: block
}
.basket .product-line__unit--price {
display: none
}
.ui-modal--receipt .product-line__unit--price {
display: initial
}
.list__item--gift-basket-line .product-line__unit--edit {
display: flex;
justify-content: flex-end;
flex: 0 0 auto
}
@media (min-width: 992px) {
.list__item--gift-basket-line .product-line__unit--edit {
flex: 0 0 auto
}
}
@media (min-width: 1200px) {
.list__item--gift-basket-line .product-line__unit--edit {
flex: 0 0 6.5em
}
}
@media (min-width: 1200px) {
.product-line__delete-btn {
padding-left: 1.5em;
padding-right: 1.5em
}
}
.product-line__product-col-info {
min-width: 1px
}
.product-line__warning-icon {
display: flex;
align-items: center;
margin-left: 10px;
pointer-events: none;
flex: 0 .5 30px
}
@media (min-width: 544px) {
.product-line__warning-icon {
flex-shrink: 0
}
}
@media (min-width: 768px) {
.product-line__warning-icon {
order: -1;
margin-right: 10px;
margin-left: -40px
}
}
.product-line__attribute {
width: 100%;
display: flex;
margin-top: 16px;
align-items: center
}
.product-line__attribute--sold-out .product-line__attribute-text {
color: #a92828;
font-weight: 700
}
.product-line__attribute-icon {
width: 11px;
height: 11px;
margin-right: 16px
}
.product-line__attribute--sold-out .product-line__attribute-icon {
fill: #a92828;
stroke: #a92828;
stroke-width: 50
}
.product-line__rating-container {
display: flex;
flex-direction: column;
align-items: flex-start
}
@media (min-width: 768px) {
.product-line__rating-container {
flex-direction: row;
align-items: center
}
}
.product-line__item-rating {
flex: 0 0 auto;
white-space: nowrap
}
.product-line__prelaunch-tag-container {
margin-bottom: 5px
}
@media (min-width: 768px) {
.product-line__prelaunch-tag-container {
flex: 0 0 auto;
margin-bottom: 0;
margin-left: 10px
}
}
.product-line__prelaunch-tag {
margin-right: 10px;
padding: 3px 9px;
background: #ececec;
font-weight: 700;
font-size: .7857142857rem
}
.product-line__splash-highlight {
display: flex;
justify-content: center;
margin-bottom: 15px
}
@media (min-width: 768px) {
.product-line__splash-highlight {
margin-top: -15px;
justify-content: flex-end
}
}
.product-line__gift-actions {
padding-left: 10px
}
@media (min-width: 992px) {
.product-line__gift-actions {
padding-left: 0
}
}
.product-messages__item {
display: flex;
margin: 1rem 0;
font-style: italic;
color: #000
}
.product-messages__item:hover {
text-decoration: none;
color: #000
}
@media (max-width: 767px) {
.product-messages__item {
margin: 2rem auto 0
}
}
.product-messages__line {
padding: 0 6px;
border-top: 1px solid #b8b8b8
}
.product-messages__line:last-of-type {
border-bottom: 1px solid #e2e4e6
}
@media (max-width: 767px) {
.product-messages__line:last-of-type {
border-bottom: 0px solid transparent
}
}
.product-messages__image-wrapper {
width: 100px;
flex: 0 0 100px;
margin-right: 1em
}
.product-messages__text {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
font-style: normal
}
@media (min-width: 1200px) and (max-width: 1599px) {
.product-messages__container {
max-width: 390px;
margin-left: auto
}
}
.product-name {
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 14px;
line-height: 1.2em
}
.product-name--large {
font-size: 1.2857142857em
}
@media (min-width: 768px) {
.subscription-detail-page .product-name {
font-size: 1.2857142857em
}
}
.product-name__row {
display: block;
max-width: 100%
}
.product-name__row--brand {
font-family: Inter, sans-serif;
font-weight: 700;
text-transform: uppercase
}
.product-name--large .product-name__row--brand {
margin-bottom: .1428571429em
}
.product-name__row--brand:hover.animation--underline {
text-decoration: none
}
.product-name__row--name {
font-size: FontSize14;
line-height: 1.5384615385em
}
.product-name--large .product-name__row--name {
font-size: 1.3333333333em;
line-height: 1.3333333333em
}
@media (min-width: 768px) {
.subscription-detail-page .product-name__row--name {
font-size: 1.3333333333em;
line-height: 1.3333333333em
}
}
.product-page__buy .product-notification {
display: none
}
.state--show-info .product-notification {
display: block
}
.product-page__sales-info .product-notification {
padding-left: 8px;
padding-right: 8px;
flex: 0 0 100%;
margin-top: 20px
}
@media (min-width: 768px) {
.product-page__sales-info .product-notification {
padding-left: 0;
padding-right: 0
}
}
.product-notification__headline {
text-align: center
}
.product-notification__header {
margin: 20px 0 30px;
text-align: center
}
@media (min-width: 768px) {
.product-notification__header {
text-align: left
}
}
.product-page__modiface-and-variants-wrapper {
display: flex;
flex-direction: column
}
@media (min-width: 768px) {
.product-page__modiface-and-variants-wrapper {
flex-direction: column-reverse
}
}
.product-page__modiface-splash {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
pointer-events: all;
cursor: pointer
}
.icon-list {
display: block;
padding-left: 0;
margin-bottom: 0
}
.icon-list__item {
display: flex
}
.icon-list__item:not(:last-child) {
margin-bottom: 12px
}
.icon-list__bullet {
display: inline-flex;
flex-shrink: 0;
width: .8571428571em;
height: .8571428571em;
margin-right: 8px;
margin-top: .2857142857em
}
.product-page__additional-information .icon-list__bullet {
width: .4285714286em;
height: .4285714286em;
margin-top: .5714285714em
}
.product-page__wrapper {
color: #000;
margin-top: 16px
}
@media (min-width: 768px) {
.product-page__wrapper {
margin-top: 40px
}
}
.product-page__top {
position: relative;
z-index: 1
}
.product-page__light-pdp-heading {
font-size: 1.1428571429rem;
margin: 30px 40px 0;
text-align: center;
font-weight: 700
}
@media (min-width: 1200px) {
.product-page__product-details {
position: sticky;
top: 40px
}
}
.product-page__cta-section {
margin-bottom: 24px
}
@media (min-width: 1200px) {
.product-page__cta-section {
margin-bottom: 0
}
}
.product-page__mid-section {
display: flex;
flex-direction: column
}
@media (min-width: 1200px) and (max-width: 1599px) {
.product-page__mid-section {
max-width: 450px;
margin-left: auto
}
}
.product-page__anchors {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.product-page__header {
margin-bottom: 24px
}
@media (min-width: 768px) {
.product-page__header {
margin-bottom: 32px
}
}
.product-page__header-rating {
flex: 0 1 auto;
margin-top: 6px
}
.product-page__header-rating-stars {
margin-right: 8px;
margin-top: -2px;
width: 6.2857142857rem;
height: 1.1428571429rem
}
@media (min-width: 768px) {
.product-page__header-rating-stars {
width: 108px;
height: 20px
}
}
.product-page__brand-heading {
font-size: 1.2em;
font-family: Inter, sans-serif;
font-weight: 700;
line-height: 1.2;
display: block;
text-transform: uppercase
}
.product-page__product-heading {
font-size: 1.7142857143em;
margin-top: 2px;
margin-bottom: 2px
}
@media (max-width: 767px) {
.product-page__product-heading {
display: none
}
}
.product-page__header-rating-count {
font-size: .8571428571rem;
line-height: 1.3333333333em;
display: flex;
align-items: center;
color: #666
}
@media (min-width: 768px) {
.product-page__header-rating-count {
font-size: FontSize14
}
}
.product-page__header-rating--regime .product-page__header-rating-count {
flex-direction: column
}
@media (min-width: 768px) {
.product-page__header-rating--regime .product-page__header-rating-count {
flex-direction: row
}
}
.product-page__image-wrapper {
position: relative;
margin-bottom: 16px
}
.product-page__image-wrapper--visual-search {
text-align: center
}
.product-page__image-slider {
min-width: 65px
}
@media (min-width: 992px) {
.product-page__image-slider {
flex: 0 0 auto;
width: 65px;
max-height: 360px;
display: flex;
flex-direction: column;
margin-right: 16px
}
}
@media (max-width: 991px) {
.product-page__image-slider {
display: none
}
}
.product-page__image-slider-thumb-wrapper {
position: relative
}
.product-page__image-slider-thumb {
flex: 0 0 auto;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
cursor: pointer
}
.product-page__video {
width: 100%;
height: 100%;
padding: 0;
margin: 0 auto;
border: none;
background: transparent
}
.product-page__video .thumbnail {
position: relative
}
.product-page__video .thumbnail svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 60px;
width: 60px
}
.product-page__image-slider--desktop .product-page__video .thumbnail svg {
height: 24px;
width: 24px;
margin: 0
}
.product-page__video-overlay {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer
}
.product-page__image-center {
pointer-events: none;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
text-align: center
}
@media (min-width: 992px) {
.product-page__image-center--indent {
width: calc(100% - 104px)
}
}
.product-page__image-center--visual-search {
flex: 1 1 auto;
display: flex;
justify-content: center;
max-width: 100%
}
@media (min-width: 992px) {
.product-page__image-center--visual-search {
position: relative
}
}
.product-page__image-center--visual-search .swiper-pagination {
min-height: 20px
}
.product-page__image {
flex: 1 1 auto;
width: 100%;
max-width: 292px
}
@media (min-width: 768px) {
.product-page__image {
max-width: 365px
}
}
.product-page__image-padding-square {
position: relative;
padding-bottom: 100%;
height: 0
}
.product-page__image-padding-square-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.product-page__image-padding-square-inner--visual-search {
padding: 20px
}
@media (min-width: 768px) {
.product-page__image-padding-square-inner--visual-search {
padding: 0
}
}
.product-page__image-large {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
cursor: pointer;
flex: 0 0 auto
}
.product-page__splash {
position: absolute;
top: 0
}
.product-page__splash--left {
left: 0
}
.product-page__splash--above~.product-page__splash--left {
top: 24px
}
.product-page__splash--right {
display: flex;
flex-direction: column;
align-items: flex-end;
height: 100%;
right: 0
}
.product-page__splash--above {
position: static;
order: -1;
flex: 0 0 100%;
margin-right: auto;
margin-bottom: 4px
}
.product-page__splash-container .product-page__splash {
position: initial;
top: initial;
right: initial
}
.product-page__splash--hazard {
font-weight: 700;
color: #000;
width: 40px;
height: 40px;
line-height: 1;
text-align: center;
display: flex;
align-items: center
}
@media (min-width: 992px) {
.product-page__splash--hazard {
width: 50px;
height: 50px
}
}
.product-page__splash--hazard .icon {
width: inherit;
height: inherit
}
.product-page__splash--derma,
.product-page__splash--replenish {
text-transform: uppercase;
font-size: .9285714286rem;
font-weight: 700;
height: 20px;
color: #b8b8b8;
display: block;
text-align: left
}
.product-page__splash--best-for-you {
background: #fff;
padding: 1px 3px;
text-transform: uppercase;
font-weight: 700;
color: #002643;
display: block;
text-align: left
}
.product-page__splash-pro-hair-care,
.product-page__derma-badge-splash {
width: 100px;
height: 100px
}
.product-page__splash-best-in-group {
text-transform: uppercase
}
.product-page__splash-highlight {
position: absolute;
bottom: 20px;
top: auto;
left: 0;
right: 0;
width: 100%
}
@media (min-width: 992px) {
.product-page__splash-highlight {
bottom: 0
}
.product-page__splash-highlight.has-thumbnails {
padding-left: 80px
}
}
.product-page__splash-dba-nominee img {
width: 60px;
height: 60px;
object-fit: contain
}
.product-page__splash-taenk-nominee {
margin-top: auto
}
.product-page__splash-taenk-nominee img {
max-width: 85px;
max-height: 74px;
object-fit: contain
}
.product-page__new-item {
display: block;
text-transform: uppercase;
font-weight: 700;
color: #00b6c6;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 10px;
letter-spacing: 1px
}
@media (max-width: 767px) {
.product-page__new-item {
text-align: center;
display: none
}
}
@media (max-width: 767px) {
.product-page__fixed-low-price {
display: flex
}
}
.product-page__campaign-text {
margin-bottom: 16px
}
.product-page__campaign-link {
text-decoration: underline
}
.product-page__price-container {
margin-bottom: 4px
}
.product-page__price-container .delivery-cost {
font-size: FontSize14;
color: #666;
line-height: 1.5;
font-weight: 400
}
.product-page .price-information {
display: flex;
flex-direction: column;
align-items: flex-end
}
.product-page .price-information .delivery-cost {
font-size: FontSize14;
color: #666;
line-height: 1.5;
font-weight: 400
}
.product-page__discount-contanier {
display: flex;
align-items: flex-end
}
.product-page__price {
display: flex;
flex-direction: column;
line-height: 1.2;
font-size: 1.4286rem
}
@media (min-width: 768px) {
.product-page__price {
font-size: 1.7143rem
}
}
.product-page__main-price {
font-weight: 700
}
.product-page__club-matas-price-label {
color: #c94c36;
text-transform: uppercase;
font-size: .7143rem
}
@media (min-width: 768px) {
.product-page__club-matas-price-label {
font-size: 1rem
}
}
.product-page__discount-price {
color: #c94c36;
margin-right: 8px;
white-space: nowrap
}
.product-page__price-before {
color: #666;
text-decoration: line-through;
white-space: nowrap;
font-size: 1.1429rem;
margin-right: 8px;
line-height: 1.3em
}
@media (min-width: 768px) {
.product-page__price-before {
font-size: 1.2857rem
}
}
.product-page__price-saving {
color: #c94c36;
font-size: 1.1429rem;
white-space: nowrap;
line-height: 1.3em
}
@media (min-width: 768px) {
.product-page__price-saving {
font-size: 1.2857rem
}
}
.product-page__subscription-price-info-radio {
margin-bottom: 8px
}
.product-page__competitor-message {
margin-bottom: 4px
}
.product-page__point-info {
margin-bottom: 16px
}
.product-page__delivery-information {
display: flex;
align-items: center
}
.product-page__buy {
display: flex;
flex-direction: column
}
.product-page__buy .btn {
justify-content: center;
align-items: center;
align-content: center;
display: inline-flex;
font-size: 1.1429rem;
font-weight: 600;
line-height: 1
}
@media (min-width: 768px) {
.product-page__buy {
flex-direction: row;
flex-wrap: wrap
}
}
.product-page__buy--stacked {
display: block
}
.product-page__buy>div:last-child {
margin-bottom: 0
}
.product-page__progressive-discount {
flex: 1 0 100%;
margin-bottom: 20px
}
.product-page__progressive-discount--mobile {
display: flex;
flex-direction: column;
margin-top: 20px
}
@media (min-width: 768px) {
.product-page__progressive-discount--mobile {
display: none
}
}
.product-page__progressive-discount--desktop {
display: none
}
@media (min-width: 768px) {
.product-page__progressive-discount--desktop {
display: flex;
flex-direction: column
}
}
.product-page__btns {
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) 48px;
width: 100%;
margin-bottom: 16px
}
.product-page__btns--cta .cta-btn+.cta-btn {
margin-top: 8px
}
.product-page__btns--visual-search {
display: block;
width: 100%
}
.product-page__btn-and-rating-text {
flex: 1 1 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
@media (max-width: 767px) {
.product-page__btn-and-rating-text {
justify-content: flex-start
}
}
.product-page__icon-btn {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin: 0;
grid-column-end: -1;
grid-row: 1
}
.product-page__usp-item {
display: block;
margin-bottom: 8px;
line-height: initial
}
@media (min-width: 768px) {
.product-page__usp-item {
text-align: left
}
}
.product-page__usp-item-additional {
display: block;
background-color: #efedea;
padding: 12px;
border-radius: 4px;
margin-bottom: 12px
}
.product-page__buy-btn {
margin: 10px 0
}
.product-page__product-status {
position: relative
}
@media (min-width: 768px) {
.product-page__product-status {
display: none
}
}
.state--show-info .product-page__product-status {
display: inline-block
}
@media (min-width: 768px) {
.product-page__product-status {
text-align: initial;
margin-top: 20px;
width: 100%
}
}
@media (min-width: 768px) {
.product-page__product-status:after {
content: "";
display: block;
position: absolute;
top: -10px;
left: 28px;
width: 20px;
height: 20px;
transform: rotate(45deg);
background: #efedea
}
}
@media (min-width: 768px) {
.product-page__product-status-inner {
position: relative;
width: 100%;
padding: 20px;
background: #efedea;
border-radius: 8px
}
}
.product-page__store-details-info,
.product-page__store-details-see-less {
display: none
}
.product-page__add-to-favourites {
background-color: #efedea;
border-radius: 8px;
height: 48px
}
@media (min-width: 768px) {
.product-page__add-to-favourites {
margin-bottom: 0
}
}
.product-page__variants-wrapper {
margin-bottom: 24px
}
@media (max-width: 767px) {
.product-page__image-wrapper+.product-page__variants-wrapper {
display: none
}
}
.product-page__mid-section .product-page__variants-wrapper {
display: none
}
.product-page__dropdown-item,
.product-page__dropdown-item.selection__option-content {
display: flex;
align-items: center;
padding: 2.5px 1.33em
}
.product-page__dropdown-item:hover,
.product-page__dropdown-item.selection__option-content:hover {
color: #000;
text-decoration: none
}
.product-page__dropdown-item-icon-placeholder {
margin-right: 10px;
flex: 0 0 auto;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
width: 30px;
height: 30px
}
@media (max-width: 767px) {
.product-page__dropdown-item-icon-placeholder {
width: 35px;
height: 35px
}
}
.product-page__dropdown-item-icon {
flex: 0 0 auto;
display: block;
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
text-indent: 100vw;
overflow: hidden
}
.product-page__dropdown-item-text {
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
overflow: hidden;
text-overflow: ellipsis
}
.product-page__gwp-container {
border-top: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
margin-bottom: 30px;
flex: 0 0 auto;
max-width: 100%
}
@media (min-width: 768px) {
.product-page__gwp-container {
border-bottom: 0;
margin-bottom: 0;
order: 3
}
}
.product-page__gwp {
display: flex;
color: #000;
margin: 16px 0;
padding: 0;
text-align: left
}
.product-page__gwp:hover {
text-decoration: none;
color: #000
}
.product-page__gwp-line {
padding: 0 6px;
border-top: 1px solid #b8b8b8
}
.product-page__gwp-line:last-of-type {
border-bottom: 1px solid #e2e4e6
}
@media (max-width: 767px) {
.product-page__gwp-line:last-of-type {
border-bottom: 0px solid transparent
}
}
.product-page__gwp-image-wrapper {
width: 80px;
flex: 0 0 80px;
margin-right: 1em
}
.product-page__gwp-text-container {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center
}
.product-page__gwp-text {
text-decoration: none;
padding-top: .8em
}
.product-page__value {
font-weight: 700
}
.product-page__detail-name {
min-width: 130px;
display: block;
float: left
}
.product-page__detail-value {
display: flex;
word-break: break-word
}
@media (min-width: 768px) {
.product-page__bundle-text {
margin: 10px auto
}
}
.product-page__bundle-notice {
color: #f90621
}
.product-page__wish-fav-point {
display: flex;
align-content: center
}
.product-page__low-price-splash {
position: absolute;
right: 0;
bottom: 0;
width: 85px;
height: 53px
}
@media (max-width: 767px) {
.product-page__low-price-splash {
transform: scale(.8)
}
}
.product-page__hazard-text,
.product-page__derma-text {
font-size: .7142857143rem;
line-height: 1.35em;
margin: 16px 0
}
.product-page__hazard-text p,
.product-page__derma-text p {
font-size: inherit;
line-height: inherit
}
.product-page__hazard-text a,
.product-page__derma-text a {
text-decoration: underline
}
.product-page__derma-text {
text-transform: uppercase
}
@media (min-width: 1200px) and (max-width: 1599px) {
.product-page__gwp-container {
max-width: 390px;
margin-left: auto
}
}
.product-page .swiper-container-vertical .swiper-slide {
width: 65px !important
}
.product-page__subscription-usp-list {
font-size: FontSize14;
line-height: 1.5714285714rem;
padding: 8px 12px;
font-weight: 700;
background-color: #efedea;
border-radius: 8px
}
.custom-radio-button__input:not(:checked)~.custom-radio-button__container .product-page__subscription-usp-list {
margin-top: 16px
}
.product-page__subscription-usp-item {
display: flex;
padding: 5px
}
.product-page__subscription-usp-item .icon {
width: 20px;
height: 20px;
margin-right: 10px
}
.product-page__additional-information {
line-height: 1.5714285714rem;
border-radius: 8px
}
.product-page__sales-info {
width: 100%
}
.product-recommendations--grey .product-recommendations__container--vertical {
background-color: #efedea
}
.product-recommendations--grey .product-recommendations__container--vertical .recommendation-expand-btn {
color: #000;
background-color: #fff
}
.product-recommendations--grey .product-recommendations__container--vertical .recommendation-expand-btn:hover {
color: #666
}
.product-recommendations--grey .product-recommendations__container--vertical .recommendation-expand-btn:focus {
color: #666;
outline-color: #cdced0
}
.product-recommendations--grey .product-recommendations__container--vertical .recommendation-expand-btn:disabled {
color: #999;
background-color: #999
}
.product-recommendations--compact .product-recommendations__container--vertical {
padding: 24px 0
}
.product-recommendations--powerstep .product-recommendations__container--vertical {
background-color: #efedea
}
.product-recommendations--powerstep .product-recommendations__container--vertical .recommendation-grid {
gap: 16px !important
}
.product-recommendations--powerstep .product-recommendations__container--vertical .recommendation-title {
font-size: 24px !important
}
.product-recommendations--powerstep .product-recommendations__container--vertical .recommendation-expand-btn {
color: #000 !important;
background-color: #efedea !important
}
.product-recommendations--powerstep .product-recommendations__container--vertical .recommendation-expand-btn:hover {
background-color: #e0dad5 !important
}
.product-recommendations--powerstep .product-recommendations__container--vertical .recommendation-expand-btn:focus {
outline-color: #efedea !important;
background-color: #e0dad5 !important
}
.product-recommendations--powerstep .product-recommendations__container--vertical .recommendation-expand-btn:disabled {
color: #999 !important;
background-color: #f7f6f5 !important
}
.product-recommendations__container--async,
.product-page .product-recommendations__container--async {
height: 468px
}
@media (min-width: 768px) {
.product-page .product-recommendations__container--async {
height: 37.7857142857rem
}
}
.basket .product-recommendations__container--async {
height: 476px
}
@media (min-width: 768px) {
.basket .product-recommendations__container--async {
height: 512px
}
}
@media (min-width: 1921px) {
.basket .product-recommendations__container--async {
height: 561px
}
}
.powerstep .product-recommendations__container--async {
height: 436px
}
@media (min-width: 768px) {
.powerstep .product-recommendations__container--async {
height: 519px
}
}
@media (min-width: 1921px) {
.powerstep .product-recommendations__container--async {
height: 585px
}
}
.cms-article .product-recommendations__container--async {
height: 514px
}
@media (min-width: 768px) {
.cms-article .product-recommendations__container--async {
height: 540px
}
}
@media (min-width: 992px) {
.cms-article .product-recommendations__container--async {
height: 577px
}
}
@media (min-width: 1921px) {
.cms-article .product-recommendations__container--async {
height: 562px
}
}
.product-page .product-recommendations__container--async-double {
height: 999px
}
@media (min-width: 768px) {
.product-page .product-recommendations__container--async-double {
height: 1075px
}
}
@media (min-width: 992px) {
.product-page .product-recommendations__container--async-double {
height: 79.2857142857rem
}
}
.product-recommendations__heading {
display: flex;
position: relative;
padding: 12px 0;
text-transform: initial
}
.product-page .product-recommendations__heading {
margin: 0 0 25px
}
.product-recommendations__heading:after {
content: "";
height: 1px;
width: 100%;
display: flex;
border-top: 1px solid #b8b8b8;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.product-recommendations__heading .text-title-small {
margin: 0 auto;
background-color: #fff;
padding: 0 16px;
z-index: 1
}
.myprofile .product-recommendations__heading .text-title-small {
background-color: #f3f1ef
}
.product-page .product-recommendations__section {
margin-bottom: 40px
}
@media (min-width: 1200px) {
.product-page .product-recommendations__section {
margin-bottom: 64px
}
}
.product-row {
display: flex;
padding: 1.33em .4em;
border-bottom: solid 1px #b8b8b8;
flex-wrap: nowrap
}
@media (max-width: 991px) {
.product-row {
padding: 10px 5px
}
}
@media (max-width: 767px) {
.product-row {
position: relative;
justify-content: center;
font-size: FontSize14
}
}
@media (max-width: 767px) {
.product-summary .product-row {
flex-wrap: nowrap
}
}
@media (max-width: 374px) {
.product-summary .product-row {
flex-wrap: wrap
}
}
.input-form .product-row {
border-color: #b8b8b8
}
.basket .list__item--gwpitem .product-row {
padding: 10px 6px
}
.product-row__col {
display: flex;
justify-content: center;
flex-direction: column;
flex: 1 1 auto
}
.product-row__col--column {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
flex: 1 1 auto;
padding: 0;
flex-wrap: wrap
}
.product-row__col--row {
flex-direction: row;
width: 100%
}
.product-row__col--checks {
flex-direction: row;
flex-wrap: wrap;
flex-basis: 100%;
width: 100%;
padding-top: 10px;
align-content: center;
justify-content: flex-start;
font-size: 15px;
align-self: flex-end
}
.product-row__col--info-col {
flex: 1 1 auto;
margin-left: 10px;
flex-direction: row;
flex-wrap: wrap
}
@media (max-width: 374px) {
.product-row__col--info-col {
margin-left: 0
}
}
.product-row__col--block {
display: block
}
.product-row__col--column .product-row__col {
flex-wrap: wrap
}
.product-row__col--column .product-row__col:not(:last-child) {
margin-bottom: 5px;
width: 100%;
justify-content: flex-start
}
.product-row__col p {
margin-bottom: 0
}
@media (max-width: 991px) {
.product-row__col {
align-items: flex-start
}
}
.product-row__title-and-price {
display: flex;
flex: 0 0 auto;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row;
width: 100%
}
.product-row__title-and-price .product-row__title {
flex: 1 1 auto
}
.product-row__title-and-price .product-row__price {
font-family: Inter, sans-serif;
font-weight: 700;
flex: 0 0 auto;
text-align: right;
white-space: nowrap;
margin-left: 10px;
min-width: auto
}
.product-row__delete {
margin-right: 16px;
flex: 0 0 auto;
width: 12px;
cursor: pointer
}
@media (max-width: 767px) {
.product-row__delete {
margin-right: 0;
position: absolute;
left: 0;
top: -20px
}
}
@media (max-width: 991px) {
.product-row__delete {
order: 0
}
}
.product-row__delete .icon--x {
width: 12px;
height: 12px;
fill: #000
}
.product-row__info {
justify-content: flex-start;
width: 100%;
flex-basis: 100%
}
.product-row__price-row {
justify-content: flex-start;
width: 100%;
flex: 0 0 auto;
margin-top: 10px
}
.product-row__price-row>*:nth-child(n+2) {
margin-left: 10px
}
.product-row__image {
flex: 0 0 7.06em;
margin: 0 30px 0 16px;
text-align: center;
align-items: center;
position: relative
}
@media (max-width: 991px) {
.product-row__image {
order: 1;
margin-bottom: 16px
}
}
@media (max-width: 767px) {
.product-row__image {
flex: 0 1 5.7em;
display: flex;
margin: 0 0 16px;
align-self: flex-start;
width: 5.7em
}
}
.product-row__image .img {
max-width: 7.06em;
max-height: 7.06em
}
@media (max-width: 767px) {
.product-row__image .img {
max-width: 5.7em;
max-height: 5.7em
}
}
.list__item--gwpitem .product-row__image .img,
.product-summary .product-row__image .img,
.product-summary .product-row__image {
max-width: 5.7em;
max-height: 5.7em
}
.product-summary .product-row__image--gwp .img,
.product-row__image--gwp .img {
max-width: 4.27em;
max-height: 4.27em
}
.product-summary .product-row__image {
margin: 0 10px 0 auto;
flex: 0 0 7.06em;
display: block
}
@media (max-width: 991px) {
.product-summary .product-row__image {
order: 0
}
}
@media (max-width: 767px) {
.product-summary .product-row__image {
flex: 0 0 5.7em;
margin: 0 0 10px
}
}
@media (max-width: 374px) {
.product-summary .product-row__image {
flex-shrink: 0
}
}
.product-row--full-width>.product-row__image:first-child {
margin-left: 42px
}
.product-row__discount {
color: #000;
display: flex;
flex-wrap: wrap;
justify-content: left;
align-items: center;
width: 100%
}
@media (min-width: 1200px) {
.product-row__discount {
width: auto;
justify-content: right
}
}
.product-row__discount .icon--triggered {
display: flex;
border-radius: 20px;
height: 14px;
width: 14px;
padding: 3px;
flex: 0 0 auto;
margin-right: 6px;
background: #219916
}
.product-row__discount .icon--triggered svg {
fill: #fff;
stroke-width: 20px;
stroke: #fff
}
.product-row__discount-login {
color: #000;
display: inline-flex;
align-items: center;
flex: 1 1 auto
}
.product-row__discount-progressive--steps {
margin-bottom: 6px
}
@media (min-width: 768px) {
.product-row__discount-progressive--steps {
display: flex
}
}
.product-row__discount-progressive--steps .bestStep {
font-weight: 700;
color: #eb595e;
margin-bottom: 2px
}
.product-row__discount-progressive--steps .nudgeStep {
font-weight: 700;
margin-bottom: 2px
}
.product-row__discount-progressive--pipe {
display: none
}
@media (min-width: 768px) {
.product-row__discount-progressive--pipe {
display: block;
color: #0000001f;
margin: 0 8px
}
}
.product-row__discount-progressive--checkout-button {
margin-bottom: 6px
}
.product-row__price,
.product-row__total,
.product-row__quantity {
min-width: 150px;
max-width: 150px
}
@media (min-width: 1200px) and (max-width: 1920px) {
.product-row__price,
.product-row__total,
.product-row__quantity {
min-width: 100px;
max-width: 100px
}
}
@media (max-width: 991px) {
.product-row__price,
.product-row__total,
.product-row__quantity {
min-width: 100px;
margin-left: 10px;
flex-basis: auto;
max-width: none
}
}
@media (max-width: 767px) {
.product-row__price,
.product-row__total,
.product-row__quantity {
flex: 0 1 auto;
min-width: initial
}
}
@media (min-width: 768px) {
.product-row__quantity {
min-width: 116px;
max-width: 116px
}
}
.product-row__title {
word-break: break-word
}
@media (max-width: 767px) {
.product-row__title {
width: 100%;
margin-bottom: 10px
}
.product-summary .product-row__title {
text-align: initial
}
}
.product-row__container {
flex: 0 1 auto;
text-align: right;
flex-wrap: wrap;
justify-content: flex-end;
align-self: center
}
@media (max-width: 991px) {
.product-row__container {
align-self: flex-start;
justify-content: flex-start;
text-align: left
}
}
.product-row__price {
margin-left: auto
}
@media (max-width: 991px) {
.product-row__price {
justify-content: flex-end;
order: 4;
margin-left: 20px;
flex: 0 0 auto
}
}
@media (max-width: 767px) {
.product-row__price {
margin-left: 20px
}
}
div~.product-row__average-unit-price {
font-family: Inter, sans-serif;
font-weight: 700
}
@media (max-width: 991px) {
div~.product-row__average-unit-price {
font-weight: 400
}
}
.product-row__quantity {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding-right: 10px;
padding-left: 10px;
position: relative
}
@media (max-width: 991px) {
.product-row__quantity {
padding-right: 0;
padding-left: 0;
margin-left: 30px;
order: 3;
align-items: center;
flex-grow: 0;
flex: 0 0 100px
}
}
@media (max-width: 767px) {
.product-row__quantity {
margin-left: 0;
width: 80px;
flex: 0 0 80px
}
}
.product-row__total {
text-align: right;
font-family: Inter, sans-serif;
font-weight: 700
}
@media (max-width: 991px) {
.product-row__total {
order: 5;
justify-content: flex-end;
align-items: flex-end;
margin-left: auto
}
}
.product-row__link {
color: #000
}
.product-row__link--img {
max-width: 100%;
max-height: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
flex: 0 0 auto
}
.product-row__text-with-icon {
display: flex;
align-items: center
}
.product-row__text-with-icon:first-of-type {
margin-right: 10px
}
.product-row__checkmark-section {
display: flex;
align-items: flex-start;
flex-wrap: wrap
}
@media (max-width: 767px) {
.product-row__checkmark-section {
flex-direction: column;
flex-wrap: nowrap;
align-self: flex-start
}
}
.product-row__title-and-checkbox {
justify-content: space-between;
padding-right: 10px
}
@media (max-width: 991px) {
.product-row__title-and-checkbox {
flex: 1 1 auto;
width: calc(100% - 192px);
order: 2
}
}
@media (max-width: 767px) {
.product-row__title-and-checkbox {
flex-basis: calc(100% - 5.7em);
width: calc(100% - 5.7em);
padding-left: 20px;
padding-right: 0;
flex: 1 1 auto
}
}
.list__item--gwpitem .product-row__title-and-checkbox {
font-family: Inter, sans-serif;
font-weight: 700;
font-style: italic;
justify-content: center
}
.product-row__otc {
margin-top: 10px;
flex-basis: 100%;
flex-shrink: 0
}
.product-row__warning-icon {
position: absolute;
right: -25px;
top: calc(50% - 20px)
}
@media (max-width: 991px) {
.product-row__warning-icon {
left: calc(50% - $grid-gutter);
top: -40px;
width: 30px
}
}
@media (max-width: 767px) {
.product-row__warning-icon {
top: -35px
}
}
.product-row--full-width {
display: flex;
flex-basis: 100%
}
@media (max-width: 991px) {
.product-row--full-width {
flex-wrap: wrap
}
}
@media (max-width: 767px) {
.product-row--full-width {
position: relative;
margin-top: 25px;
margin-bottom: 10px
}
}
.product-row__img {
flex: 0 0 auto
}
@media (max-width: 767px) {
.product-row__img {
max-height: 5.7em;
max-width: 5.7em
}
}
.product-stock {
display: flex;
align-items: flex-start
}
.basket-line .product-stock {
margin: 0
}
.product-line .product-stock {
width: 100%;
margin: 5px 0
}
@media (min-width: 1200px) {
.product-line .product-stock {
margin-bottom: 0
}
}
.pdf-wrap .product-stock {
display: none
}
.custom-radio-button .product-stock {
margin-bottom: 5px
}
.product-stock__icon-wrapper {
flex: none;
display: flex;
justify-content: center;
align-items: center;
width: 25px;
height: auto;
margin: 0 10px 0 0;
width: 16px;
margin-top: .2142857143rem
}
.product-page__info-strings .product-stock__icon-wrapper {
display: inline-flex
}
.product-line__data .product-stock__icon-wrapper {
margin-top: .0714285714em
}
.product-stock__mark {
display: none;
align-self: center;
width: 8px;
height: 8px;
margin-right: 8px;
border-radius: 50%
}
.product-stock__mark--green,
.product-stock__mark--yellow,
.product-stock__mark--red {
display: block
}
.product-stock__mark--green {
background-color: #2fdb20
}
.product-stock__mark--yellow {
background-color: #ffcf27
}
.product-stock__mark--red {
background-color: #f23939
}
.product-summary__bottom-btn-block {
text-align: right;
display: flex;
flex-direction: column;
padding: 16px 16px 0
}
.product-summary__action-link {
padding-left: 3px;
cursor: pointer
}
.product-summary__heading {
text-align: center;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-weight: 700
}
.product-summary__changeOrderNotice {
font-style: italic;
float: right;
margin-top: 16px;
margin-bottom: 16px;
margin-right: 4px;
text-align: center;
width: 100%
}
@media (max-width: 767px) {
.product-summary__changeOrderNotice {
text-align: left;
float: left;
margin-top: 5px
}
}
@media (min-width: 1921px) {
.product-summary__changeOrderNotice {
font-size: 14px
}
}
.productlist__header {
max-width: 100%;
margin: 16px auto;
padding: 0 16px
}
@media (min-width: 1200px) {
.productlist__header {
max-width: 1230px
}
}
@media (min-width: 1600px) {
.productlist__header {
max-width: 1400px
}
}
@media (min-width: 1921px) {
.productlist__header {
max-width: 1680px
}
}
.search-result .productlist__header {
font-family: Inter, sans-serif
}
.productlist__main {
background-color: #efedea;
padding-top: 16px;
padding-bottom: 16px
}
.cms-article .productlist__main {
border-radius: 8px
}
.productlist__logo {
display: none
}
@media (min-width: 768px) {
.productlist__logo {
display: flex;
max-width: 200px;
max-height: 200px;
margin-left: auto;
margin-right: auto
}
}
.productlist__logo .img {
max-height: 100%
}
.productlist__title {
margin-bottom: 8px
}
@media (min-width: 768px) {
.productlist__logo+.productlist__title {
display: none
}
}
.search-result .productlist__title {
font-size: 1.4286rem
}
@media (min-width: 768px) {
.search-result .productlist__title {
font-size: 1.7143rem
}
}
@media (min-width: 768px) {
.productlist__text {
max-width: 57.1428571429rem
}
}
@media (min-width: 1200px) {
.productlist__page {
display: flex
}
}
.cms-article .productlist__page {
font-size: 14px
}
.productlist__sorting {
display: none
}
@media (min-width: 1200px) {
.productlist__sorting {
display: block;
margin-bottom: 16px
}
}
@media (max-width: 1199px) {
.productlist__sorting,
.productlist__aside,
.productlist__productlist {
width: 100%
}
}
.productlist__aside {
margin-bottom: 8px
}
@media (min-width: 1200px) {
.productlist__aside {
flex: 0 0 300px;
padding-right: 40px
}
}
.productlist__body {
min-width: 0;
flex: 0 1 100%
}
.productlist__products {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
grid-auto-flow: dense;
width: 100%
}
.productlist__page .productlist__products {
padding-left: 8px;
padding-right: 8px
}
@media (min-width: 768px) {
.productlist__page .productlist__products {
padding-left: 0;
padding-right: 0
}
}
@media (min-width: 768px) {
.productlist__products {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))
}
.search-result--related-content .productlist__products {
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr))
}
.productlist__body .productlist__products {
margin-bottom: -8px
}
.productlist__body .productlist__products:after {
content: "";
grid-column: 1/-1
}
}
.productlist__group-header {
grid-column: 1/-1;
margin-top: 30px
}
.productlist__group-header:first-of-type {
margin-top: 0
}
.productlist__group-header hr {
width: 100%
}
.productlist__top {
display: none
}
@media (min-width: 1200px) {
.productlist__top {
display: flex;
justify-content: flex-end;
margin-bottom: 12px;
padding: 0 5px
}
}
.productlist__bottom {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px
}
.productlist__breadcrumb {
display: none
}
@media (min-width: 1200px) {
.productlist__breadcrumb {
display: flex;
justify-content: flex-start;
align-items: center;
flex: 0 0 100%;
font-weight: 700;
font-size: 1.0714285714em;
margin-top: 10px
}
}
.productlist__breadcrumb:hover,
.productlist__breadcrumb:active,
.productlist__breadcrumb:focus {
text-decoration: none
}
.productlist__breadcrumb-text {
margin-left: 10px;
text-transform: uppercase
}
.productlist__two-columns {
grid-column: span 2
}
.productlist__ordered-item>[id^=react_] {
display: contents
}
.col-md-12:has(.productlist) {
padding: 0
}
.progress-indicator {
height: 8px;
position: fixed;
top: 110px;
width: 100%;
background-color: #fff;
z-index: 1000;
overflow: hidden
}
.progress-indicator--epaper {
position: absolute;
top: 54px
}
@media (min-width: 768px) {
.progress-indicator--epaper {
left: auto;
bottom: auto;
width: 767px;
max-width: 100%
}
}
.progress-indicator--fixed.progress-indicator--epaper {
top: 157px;
position: fixed
}
.club-matas-app-request .progress-indicator--fixed.progress-indicator--epaper {
top: 54px
}
@media (min-width: 1200px) {
.progress-indicator {
top: 0;
position: absolute
}
.progress-indicator--epaper {
top: 54px
}
.progress-indicator--fixed.progress-indicator--epaper {
top: 54px;
position: fixed;
transform: translateY(0);
transition: transform .3s ease
}
.state--scroll-up .progress-indicator--fixed.progress-indicator--epaper {
transform: translateY(115px)
}
}
.progress-indicator__line {
position: absolute;
top: 0;
left: -100%;
background: repeating-linear-gradient(135deg, #002643, #002643 8px, #fff 0, #fff 16px);
height: 100%;
width: 100%;
transform: translate(0);
transition: transform .25s linear
}
.quicksearch-item {
display: flex;
padding: 16px 5px;
border-top: 1px solid rgba(0, 0, 0, .1);
position: relative
}
.list__item:first-child .quicksearch-item {
border-top: 0
}
@media (max-width: 543px) {
.quicksearch-item {
flex-wrap: wrap
}
}
.quicksearch-item--article {
display: block
}
.quicksearch-item__image {
width: 75px;
flex: 0 0 75px
}
.quicksearch-item__description {
display: flex;
align-items: center;
align-content: center;
padding: 0 10px;
flex: 1 1 auto;
overflow: hidden;
flex-wrap: wrap;
justify-content: space-between
}
@media (max-width: 767px) {
.quicksearch-item__description {
width: calc(100% - 75px)
}
}
.quicksearch-item__price {
flex: 0 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
font-weight: 700;
padding: 0 10px;
white-space: nowrap
}
@media (max-width: 543px) {
.quicksearch-item__price {
justify-content: center;
margin-bottom: 10px;
margin-top: 10px
}
}
.quicksearch-item__btn {
flex: 0 0 auto;
display: flex;
align-items: center;
width: 135px;
padding: 0 5px
}
@media (max-width: 543px) {
.quicksearch-item__btn {
margin-left: auto
}
}
.quicksearch-item__link {
display: block;
flex: 0 1 auto;
color: #000;
overflow: hidden;
margin-right: 1em
}
.quicksearch-item__link-line {
overflow: hidden;
text-overflow: ellipsis
}
.quicksearch-item__teaser {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 10px
}
.quicksearch-item__teaser p {
font-size: inherit;
line-height: inherit
}
.quicksearch-item__read-more {
padding: 0 10px
}
.quicksearch-item__bundle-text {
flex: 0 1 100%;
font-family: Inter, sans-serif;
font-weight: 700
}
.quicksearch-item__bundle-notice {
color: #f90621
}
.quicksearch-item__categori-title {
text-transform: capitalize
}
.quicksearch-item__categori-item {
padding: 10px 16px;
display: flex;
border-bottom: 1px solid #e2e4e6
}
.list__item:last-child .quicksearch-item__categori-item {
border-bottom: 0
}
.quicksearch-item__amount {
margin-left: auto;
padding-left: 16px
}
.range-slider {
margin: 0 40px;
padding: 40px 0
}
@media (min-width: 1200px) {
.range-slider {
margin: 10px 0 5px;
padding: 0
}
}
.range-slider__values {
display: flex;
justify-content: space-between;
margin-top: .77em;
position: relative
}
.range-slider__minValue,
.range-slider__maxValue {
flex: 0 1 auto
}
.range-slider__label {
top: 5px;
position: relative;
line-height: 1.8em
}
.range-slider__label--min-value {
padding-right: 3px;
padding-left: 3px
}
.range-slider__label--max-value {
padding-left: 3px
}
.range-slider__slider {
position: relative;
text-align: left;
background-color: #e2e4e6;
border: 0;
border-radius: 0;
height: 4px;
width: calc(100% - 1.54em)
}
.range-slider__slider:after {
content: "";
height: 4px;
position: absolute;
right: -1.54em;
background: #e2e4e6;
width: calc(100% + 1.54em)
}
.range-slider__slider .ui-corner-all {
border-radius: 0
}
.range-slider__slider .ui-state-default,
.range-slider__slider.ui-widget {
border: 0
}
.range-slider__slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
height: 4px;
background-position: 0 0;
background-color: #b8b8b8
}
.range-slider__slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.8em;
height: 1.8em;
top: -.61em;
cursor: default;
touch-action: none;
background-color: #000;
cursor: pointer;
outline: none;
border-radius: 100%;
border: 1px solid #ffffff
}
@media (min-width: 1200px) {
.range-slider__slider .ui-slider-handle {
width: 1.54em;
height: 1.54em
}
}
.range-slider__slider .ui-slider-handle:active {
background-color: #1a1a1a
}
.rating-selection {
width: 100%;
display: flex;
flex-wrap: wrap
}
.product-reviews__item-rating--big .rating-selection {
justify-content: center
}
.rating-selection__reset {
max-width: 120px;
margin-left: auto;
margin-right: auto
}
@media (min-width: 992px) {
.rating-selection__reset {
margin-right: 0
}
}
.rating-selection__reset-button.state-inactive {
display: none;
pointer-events: none
}
.rating-selection__stars {
cursor: pointer;
flex: 0 0 auto
}
.rating-selection__caption {
text-align: center;
display: block;
margin: 5px auto;
height: 1.2em
}
.no-rating-text .rating-selection__caption {
display: none
}
.rating-selection__heading {
flex: 0 0 100%
}
.product-reviews__item-rating--big .rating-selection__heading {
font-size: 1.5em;
text-align: center
}
.rating-selection__action-block {
flex: 0 0 100%;
display: flex;
flex-wrap: wrap
}
@media (min-width: 992px) {
.rating-selection__action-block {
flex-wrap: nowrap
}
}
.rating-selection__stars-spacer {
flex: 0 1 100%
}
.rating-selection__center {
display: flex;
flex: 0 0 100%
}
.product-reviews__item-rating--big .rating-selection__center {
flex-direction: column;
align-items: center;
justify-content: center
}
@media (min-width: 992px) {
.rating-selection__center {
flex: 0 0 auto
}
}
.read-more {
overflow: hidden
}
.accordion__block .read-more {
max-height: 11.1428571429em
}
.receipt__heading {
color: #000;
display: flex;
flex-wrap: wrap
}
@media (min-width: 768px) {
.receipt__heading {
display: block
}
}
.receipt__heading-part-1 {
flex: 0 0 100%;
text-align: center
}
@media (min-width: 768px) {
.receipt__heading-part-1 {
text-align: left
}
}
.receipt__heading-part-2 {
flex: 0 0 100%;
font-size: .8em;
text-align: center
}
@media (min-width: 768px) {
.receipt__heading-part-2 {
text-align: left;
font-size: inherit
}
}
.receipt__order-number {
color: #4a90e2
}
.rect-img {
display: block;
position: relative;
padding-top: 100%;
height: 0
}
.rect-img__position {
position: absolute;
margin: 0 auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center
}
.rect-img__position--bottom {
justify-content: flex-end
}
.rect-img__position--center {
justify-content: center
}
.rect-img__img {
margin: 0 auto;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
flex: 0 0 auto
}
.rect-img__missing-image {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
font-weight: 700;
text-align: center;
font-size: .7857142857em;
padding: .7142857143em
}
@media (min-width: 1200px) {
.search-result--product-search.has-rel-tags {
text-align: initial;
background: #efecea;
padding: 20px 0 10px;
margin-bottom: 35px
}
}
.search-result__list {
padding-left: 0;
list-style: none
}
.search-result__list--product-search {
display: flex
}
@media (max-width: 767px) {
.search-result__list--product-search {
margin-bottom: 20px;
flex-direction: column;
justify-content: flex-start
}
}
.search-result__list-item {
border-bottom: 1px solid #e2e4e6;
padding: 35px
}
@media (max-width: 991px) {
.search-result__list-item {
padding: 35px 0
}
}
.search-result__list-item--product-search {
padding: 0 35px;
flex: 0 1 33.33%;
border-bottom: 0
}
.search-result__list-item--product-search:first-of-type {
padding-left: 0
}
.search-result__list-item--product-search:last-of-type {
padding-right: 0
}
@media (max-width: 767px) {
.search-result__list-item--product-search {
padding: 0;
margin: 10px 0 0;
display: flex;
justify-content: space-between;
flex: 1 1 auto
}
}
.search-result__teaser {
display: block;
height: 2.8em;
display: -webkit-box;
line-height: 1.4em;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 10px
}
@media (max-width: 767px) {
.search-result__teaser--product-search {
display: none
}
}
.search-result__item-headline {
font-family: Inter, sans-serif;
font-weight: 700;
line-height: 1.4em;
display: block;
display: -webkit-box;
height: 1.4em;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 10px
}
@media (max-width: 767px) {
.search-result__item-headline {
margin-bottom: 0
}
}
.search-result__item-btn {
align-items: center;
display: flex;
margin-left: auto
}
.search-result__counts {
display: flex
}
.search-result__count {
padding: 0 10px
}
.search-result__count~.search-result__count {
border-left: 1px solid #e2e4e6;
padding-right: 0
}
.search-result__count:first-of-type {
padding-left: 0
}
@media (max-width: 767px) {
.search-result__link {
flex: 0 0 auto;
margin-left: 16px
}
}
.search-result__link--show-all {
padding: 20px;
display: inline-block
}
@media (max-width: 767px) {
.search-result__link--show-all {
padding: 0 20px 20px
}
}
.search-result__term-heading {
font-size: 1.1428571429rem;
line-height: 1em;
text-align: center;
margin: 1.0714285714em 0 .7142857143em
}
@media (min-width: 768px) {
.search-result__term-heading {
font-size: 1.7142857143rem
}
}
@media (min-width: 992px) {
.search-result__term-heading {
font-size: 2rem;
margin-top: .3571428571rem;
margin-bottom: .7142857143rem
}
}
.secondary-menu {
display: flex;
order: 2
}
@media (min-width: 1200px) {
.secondary-menu {
order: 1;
position: relative;
background: #efedea;
flex: 1 1 auto;
height: 80px
}
}
@media (min-width: 1200px) {
.state--fixed .secondary-menu {
position: fixed;
top: -60px;
width: 100%;
height: 60px;
display: flex;
transition: transform .3s ease;
z-index: 1000
}
.state--fixed.state--scroll-up .secondary-menu {
box-shadow: 0 -1px 5px 1px #00000040;
transform: translateY(175px)
}
}
.search-open .secondary-menu:not(.state--fixed) {
z-index: initial
}
.secondary-menu__inner {
padding: 16px;
max-width: 1680px;
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%
}
@media (min-width: 1200px) {
.secondary-menu__inner {
height: 80px;
padding: 10px 16px;
margin: 0 auto
}
.state--fixed .secondary-menu__inner {
height: 60px;
padding: 0 16px
}
}
.secondary-menu__dropdown-btn {
display: flex;
width: 100%;
height: 50px;
background: #efedea;
border: 0;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
padding: 10px 16px;
font-weight: 700
}
@media (min-width: 1200px) {
.secondary-menu__dropdown-btn {
display: none
}
}
.secondary-menu__dropdown-text {
margin-left: 10px
}
.section {
min-height: 400px;
margin: 20px
}
.selection {
cursor: pointer;
position: relative
}
.selection--inline-xs {
display: inline-block
}
@media (min-width: 544px) {
.selection--inline-sm {
display: inline-block
}
}
@media (min-width: 768px) {
.selection--inline-md {
display: inline-block
}
}
@media (min-width: 992px) {
.selection--inline-lg {
display: inline-block
}
}
@media (min-width: 1200px) {
.selection--inline-xl {
display: inline-block
}
}
@media (min-width: 1600px) {
.selection--inline-xxl {
display: inline-block
}
}
@media (min-width: 1921px) {
.selection--inline-xxxl {
display: inline-block
}
}
@media (min-width: 992px) {
.product-reviews .selection {
max-width: 250px;
width: 100%
}
}
.product-line__unit-col.state--error .selection--basket,
.state--error.list__heading-v2--unit-price .selection--basket {
display: flex;
flex: 1 0 auto
}
@media (min-width: 992px) {
.order-list__top .selection {
width: 240px
}
}
@media (min-width: 1921px) {
.order-list__top .selection {
width: 300px
}
}
@media (min-width: 992px) {
.point-page__top .selection {
width: 200px
}
}
@media (min-width: 1921px) {
.point-page__top .selection {
width: 300px
}
}
.paging .selection {
width: 80px
}
.selection--delivery,
.selection--contact {
width: 100%
}
@media (min-width: 992px) {
.product-page .selection--product-review-filter {
padding: 0 16px
}
}
.contact-form .selection {
margin-bottom: .65em
}
.selection__label {
display: block;
cursor: pointer;
margin-bottom: 0;
padding: 5px 0
}
.selection--inline-xs .selection__label {
display: inline-block;
vertical-align: middle;
padding: 10px 16px 10px 0
}
@media (min-width: 544px) {
.selection--inline-sm .selection__label {
display: inline-block;
vertical-align: middle;
padding: 10px 16px 10px 0
}
}
@media (min-width: 768px) {
.selection--inline-md .selection__label {
display: inline-block;
vertical-align: middle;
padding: 10px 16px 10px 0
}
}
@media (min-width: 992px) {
.selection--inline-lg .selection__label {
display: inline-block;
vertical-align: middle;
padding: 10px 16px 10px 0
}
}
@media (min-width: 1200px) {
.selection--inline-xl .selection__label {
display: inline-block;
vertical-align: middle;
padding: 10px 16px 10px 0
}
}
@media (min-width: 1600px) {
.selection--inline-xxl .selection__label {
display: inline-block;
vertical-align: middle;
padding: 10px 16px 10px 0
}
}
@media (min-width: 1921px) {
.selection--inline-xxxl .selection__label {
display: inline-block;
vertical-align: middle;
padding: 10px 16px 10px 0
}
}
.selection--product-review-filter .selection__label {
font-family: Inter, sans-serif;
font-weight: 700
}
.selection__select {
position: relative
}
.selection--inline-xs .selection__select {
display: inline-block;
vertical-align: middle;
width: 200px;
max-width: 100%
}
@media (min-width: 544px) {
.selection--inline-sm .selection__select {
display: inline-block;
vertical-align: middle;
width: 200px;
max-width: 100%
}
}
@media (min-width: 768px) {
.selection--inline-md .selection__select {
display: inline-block;
vertical-align: middle;
width: 200px;
max-width: 100%
}
}
@media (min-width: 992px) {
.selection--inline-lg .selection__select {
display: inline-block;
vertical-align: middle;
width: 200px;
max-width: 100%
}
}
@media (min-width: 1200px) {
.selection--inline-xl .selection__select {
display: inline-block;
vertical-align: middle;
width: 200px;
max-width: 100%
}
}
@media (min-width: 1600px) {
.selection--inline-xxl .selection__select {
display: inline-block;
vertical-align: middle;
width: 200px;
max-width: 100%
}
}
@media (min-width: 1921px) {
.selection--inline-xxxl .selection__select {
display: inline-block;
vertical-align: middle;
width: 200px;
max-width: 100%
}
}
.product-line__unit-col.state--error .selection__select,
.state--error.list__heading-v2--unit-price .selection__select {
flex-grow: 1
}
.selection__current {
display: flex;
justify-content: space-between;
padding: calc(1em - 1px - .25rem) 1.33em calc(.9285714286em - 1px - .25rem);
min-height: 2.8571428571em;
align-items: center;
background-color: #efedea;
border-radius: 8px;
white-space: nowrap
}
.selection--negative .selection__current {
background-color: #fff;
border: 1px solid #d8d1cb
}
.filter-list__fixed-container .selection__current {
background-color: #fff
}
@media (min-width: 1200px) {
.filter-list__fixed-container .selection__current {
background-color: #efedea
}
}
.state-fixed .selection__current {
background-color: #efedea
}
.input-form .selection__current {
padding: 0 1.33em;
height: 3.3em
}
.product-line__unit-col.state--error .selection__current,
.state--error.list__heading-v2--unit-price .selection__current,
.input-form .input-validation-error .selection__current {
color: #a92828;
border-color: #a92828;
font-weight: 700
}
.input-form .input-validation-success .selection__current {
color: #000;
border-color: #000;
font-weight: 700
}
.selection--big .selection__current {
height: 75px;
font-size: 20px;
line-height: 1em;
color: #7c7c7c
}
.input-form .selection__current {
border-color: #b8b8b8
}
@media (max-width: 1199px) {
.filter-list .selection__current {
justify-content: center
}
}
.basket .selection__current {
padding-left: .9em
}
@media (max-width: 767px) {
.basket .selection__current {
padding: calc(1em - 1) .83em calc(.9285714286em - 1)
}
}
.product-line__unit-col.state--error .selection__current,
.state--error.list__heading-v2--unit-price .selection__current {
padding-left: .4em
}
.state--active:not(.selection__select--upwards) .selection__current {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.state--active.selection__select--upwards .selection__current {
border-top-left-radius: 0;
border-top-right-radius: 0
}
@media (min-width: 1200px) {
.selection--secondary .selection__current {
background-color: transparent;
border: 1px solid transparent;
padding: 8px 16px;
min-height: initial
}
.selection--secondary .state--active .selection__current {
background-color: #fff;
border: 1px solid #999999;
border-bottom-color: transparent;
box-shadow: 0 0 0 2px #e0dad5
}
}
.selection__current-text {
display: block;
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
align-items: center
}
@media (max-width: 1199px) {
.filter-list .selection__current-text {
text-align: center;
font-family: Inter, sans-serif;
flex: 0 1 auto;
padding-right: 2px
}
}
.selection--basket .selection__current-text {
overflow: initial;
text-overflow: initial
}
.selection__dropdown {
display: none;
border-top: none;
position: absolute;
left: 0;
right: 0;
background-color: #efedea;
z-index: 3000;
max-height: 300px;
overflow-y: auto;
margin-top: -1px
}
.selection--negative .selection__dropdown {
background-color: #fff;
border: 1px solid #d8d1cb;
border-top: 0
}
.state--active:not(.selection__select--upwards) .selection__dropdown {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px
}
.state--active.selection__select--upwards .selection__dropdown {
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.selection--modal .selection__dropdown {
position: relative;
max-height: none
}
.selection--delivery .selection__dropdown {
margin-top: 5px;
border: 0px
}
.selection__select--upwards .selection__dropdown {
bottom: calc(100% - 1px);
border-bottom-color: transparent
}
.selection--secondary .state--active .selection__dropdown {
background-color: #fff;
border: 1px solid #999999;
border-top: 0;
box-shadow: -2px 2px 2px #e0dad5, 2px 2px 2px #e0dad5
}
.selection__list {
padding: 5px 0;
margin-bottom: 0;
display: flex;
flex-direction: column
}
.selection__item {
list-style: none;
padding: 0
}
.selection__item:hover {
background-color: #f6f6f6
}
.selection__option {
display: block;
padding: .6428571429em 1.33em;
text-align: left;
color: #000
}
.selection__label .selection__option {
padding: 0 10px
}
.selection__option:hover {
background: #f6f6f6
}
.selection__option-label {
margin: 0
}
.selection__option-content {
display: block
}
.selection__option-attribute {
font-size: .9em;
padding: 0 10px;
color: #7c7c7c;
font-family: Inter, sans-serif
}
.sorting__block--type .selection {
width: 100%
}
.selection__select-input {
color: transparent;
font-size: 16px;
display: block;
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-color: transparent
}
@media (min-width: 768px) {
.selection__select-input {
opacity: 0;
height: 0;
width: 0;
z-index: -1
}
}
.selection__description {
margin-right: 10px;
font-weight: 700;
display: none
}
@media (min-width: 1200px) {
.selection__description {
display: block
}
}
.signup-checkout__modal-footer {
display: flex;
justify-content: center;
background-color: #f6f6f6;
padding: 30px 0
}
.signup-checkout__submit-btn {
width: 100%;
max-width: 350px
}
.signup-receipt {
margin-bottom: 40px
}
.signup-receipt__content {
display: flex;
flex-direction: column
}
@media (min-width: 992px) {
.signup-receipt__content {
flex-direction: row;
margin-top: 40px
}
}
.signup-receipt__card-container {
background-color: #fdeeef;
flex: 1 0 auto;
margin: -16px;
padding: 20px
}
@media (min-width: 992px) {
.signup-receipt__card-container {
order: 2;
flex: 0 0 40%;
height: auto;
margin: 0 0 0 20px;
text-align: center;
box-shadow: 0 1px 2px #bfd3e766;
position: relative;
background-color: #fff
}
.signup-receipt__card-container:after {
content: "";
display: block;
height: 30px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
box-shadow: 0 1px 15px #0000001a;
background: repeating-linear-gradient(-45deg, #fff, #fff 10px, #fad7d8 10px, #fad7d8 20px)
}
}
@media (min-width: 1600px) {
.signup-receipt__card-container {
flex-basis: 30%
}
}
@media (min-width: 992px) {
.signup-receipt__text-container {
order: 1
}
}
.signup-receipt__store-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 20px;
background-color: #fdeeef;
flex: 1 0 auto
}
@media (min-width: 992px) {
.signup-receipt__store-container {
display: none
}
}
.signup-receipt__header,
.signup-receipt__store-header {
font-size: 1.0714285714em;
font-weight: 700
}
@media (min-width: 992px) {
.signup-receipt__header,
.signup-receipt__store-header {
font-size: 1.2857142857em
}
}
.signup-receipt__store-header {
flex: 1 0 100%;
display: flex;
justify-content: center;
margin-bottom: 10px
}
.signup-receipt__menu {
display: flex;
flex-direction: column
}
@media (min-width: 544px) {
.signup-receipt__menu {
flex-direction: row
}
}
.signup-receipt__image {
display: none;
width: 100%;
margin: 0 auto;
max-width: 100%
}
@media (min-width: 992px) {
.signup-receipt__image {
display: block
}
}
.signup-receipt__store-info {
display: flex;
align-content: center;
flex-direction: column;
font-size: 1.0714285714em;
text-align: center
}
.signup-receipt__welcome-headline {
font-weight: 700;
text-align: center
}
@media (min-width: 992px) {
.signup-receipt__welcome-headline {
text-align: left
}
}
.signup-receipt__welcome-text b {
color: #eb595e
}
.sorting {
margin-bottom: 8px
}
@media (min-width: 1200px) {
.sorting {
margin-bottom: 16px
}
}
.sorting--productlist {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.sorting__left {
display: none
}
@media (min-width: 1200px) {
.sorting__left {
display: flex;
flex: 1 0 auto;
max-width: 100%;
justify-content: space-between;
flex-wrap: wrap
}
}
.sorting__middle {
display: flex;
justify-content: center;
width: 100%
}
@media (min-width: 1200px) {
.sorting__middle {
display: none
}
}
.sorting__right {
display: none
}
@media (min-width: 1200px) {
.sorting__right {
display: flex;
justify-content: flex-end;
flex: 0 0 auto
}
}
.sorting__block {
display: flex;
align-items: center;
flex: 0 0 auto;
max-height: 50px
}
.sorting__block--type {
max-width: 300px;
width: 100%;
position: relative;
min-width: 250px;
border: 1px solid transparent
}
.sorting__single-word {
padding: 0 4px
}
.sorting__block--quantity .sorting__single-word {
padding: 0 4px 0 0
}
@media (min-width: 1200px) {
.sorting__single-word {
font-weight: 700
}
}
.step-footer {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3rem
}
@media (min-width: 768px) {
.step-footer {
flex-direction: row
}
}
.step-footer__back {
margin-top: 1rem
}
@media (min-width: 768px) {
.step-footer__back {
order: 1;
margin-top: 0
}
}
.step-footer__continue {
margin-top: 1rem;
width: 100%
}
@media (min-width: 768px) {
.step-footer__continue {
margin-top: 0;
width: auto;
flex: 0 0 auto
}
}
.step-footer__next {
display: flex;
flex-direction: column;
width: 100%;
align-items: center
}
@media (min-width: 768px) {
.step-footer__next {
order: 2;
flex-direction: row;
justify-content: flex-end
}
}
.step-footer__next-text {
display: flex;
flex-direction: column;
align-items: center
}
@media (min-width: 768px) {
.step-footer__next-text {
flex-direction: row;
flex: 1 1 auto;
justify-content: flex-end;
margin: 0 1rem;
flex-wrap: wrap;
text-align: right
}
}
.signup .step-header {
background-color: #fdeeef
}
.step-header__inner {
display: flex;
flex-direction: column;
align-items: center;
margin: 20px 0
}
@media (min-width: 544px) {
.step-header__inner {
margin: 25px 0
}
}
@media (min-width: 992px) {
.step-header__back-button {
display: none
}
}
.signup .step-header__back-button {
display: none
}
.step-header__logo-svg.icon {
width: 60px;
height: 20px
}
@media (min-width: 544px) {
.step-header__logo-svg.icon {
width: 120px;
height: 30px
}
}
.signup .step-header__logo-svg.icon {
width: 170px;
height: 30px
}
.step-header__back {
display: none
}
@media (min-width: 992px) {
.step-header__back {
display: block;
flex: 1 1 0
}
}
.step-header__back-btn {
max-width: 150px
}
.step-header__logo {
margin-bottom: 24px
}
.step-header__steps {
display: flex;
justify-content: center;
align-items: center;
flex: 1 1 auto;
width: 100%;
max-width: 480px;
margin: 0;
padding: 0;
counter-reset: step
}
.step-header__step {
display: inline-flex;
justify-content: center;
align-items: center;
flex: 1 1 auto;
font-size: .8571428571rem;
font-weight: 700;
flex-direction: column;
white-space: nowrap;
position: relative
}
@media (min-width: 768px) {
.step-header__step {
font-size: FontSize14
}
}
.step-header__step:before {
content: counter(step);
counter-increment: step;
display: flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #d8d1cb;
font-size: .8571428571rem;
background: #fff
}
.signup .step-header__step:before {
border-color: #eb595e
}
.step-header__step--active:before {
background: #002643;
border: 0;
color: #fff
}
.signup .step-header__step--active:before {
background-color: #eb595e;
border: 1px solid #eb595e
}
.step-header__step--prev .icon {
counter-increment: step;
display: flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #d8d1cb;
font-size: .8571428571rem;
background: #002643;
border: 0;
fill: #fff;
padding: 5px
}
.signup .step-header__step--prev .icon {
background-color: #f6b3b5;
border: 1px solid #f6b3b5
}
.step-header__step--prev:before {
content: none
}
.step-header__step:after {
content: "";
position: absolute;
top: 12px;
left: 0;
right: 0;
border-top: 1px solid #d8d1cb;
z-index: -1
}
.step-header__step:first-child:after {
left: 50%
}
.step-header__step:last-child:after {
right: 50%
}
.step-header__step-arrow.icon {
width: inherit
}
.step-header__step-line {
display: block;
border-top: 1px solid #7c7c7c
}
.signup .step-header__step-line {
border-color: #eb595e
}
.striped-spacer {
background: repeating-linear-gradient(135deg, #002643, #002643 8px, transparent 0, transparent 16px);
width: calc(100% + 32px);
margin: 0 -16px;
height: 20px
}
@media (min-width: 992px) {
.striped-spacer {
margin: 0;
width: 100%;
height: 30px
}
}
.striped-spacer--my-profile {
background: repeating-linear-gradient(45deg, #efecea, #efecea 16px, transparent 0, transparent 32px)
}
.striped-spacer--sm {
height: 10px;
display: block
}
.advantage .stripes {
width: 100%;
display: flex;
align-items: flex-end
}
@media (min-width: 768px) {
.advantage .stripes {
display: block;
max-width: 275px
}
}
.order-info-boxes__reward-line .stripes {
width: 90px
}
.stripes.aside-nav__stripes {
width: 90px;
margin: -10px 0
}
.stripes__holder {
width: 100%;
padding: 2% 5%
}
.advantage .stripes__holder {
max-width: 275px
}
.stripes__wrapper {
width: 100%;
height: 0;
display: block;
position: relative;
padding-top: 25%
}
.stripes__container {
height: 100%;
width: 100%;
transform: skew(-20deg);
display: flex;
position: absolute;
top: 0
}
.stripes__item {
opacity: .4;
width: 16.6666666667%
}
.stripes__item:before {
content: "";
background-color: #eb595e;
width: 70%;
height: 100%;
display: block;
margin: 0 auto
}
.stripes__item--active {
opacity: 1
}
.stripes__text-wrapper {
display: flex;
flex-direction: column;
padding-left: 20px
}
@media (min-width: 544px) {
.stripes__text-wrapper {
padding-left: 45px
}
}
@media (min-width: 768px) {
.stripes__text-wrapper {
align-items: center;
padding-left: 0
}
}
.my-profile-frontpage__stripe-container .stripes__text-wrapper {
display: none
}
@media (min-width: 768px) {
.my-profile-frontpage__stripe-container .stripes__text-wrapper {
display: flex;
flex-direction: row;
justify-content: center
}
}
.stripes__text-first {
font-size: 15px
}
@media (min-width: 768px) {
.stripes__text-first {
font-size: 1.2857142857em
}
}
.my-profile-frontpage__stripe-container .stripes__text-first {
font-size: 1.2857142857em
}
.stripes__text-second {
font-size: 24px;
text-transform: uppercase
}
@media (min-width: 768px) {
.stripes__text-second {
font-size: 2.2857142857em
}
}
.my-profile-frontpage__stripe-container .stripes__text-second {
font-size: 1.2857142857em;
margin-left: 10px
}
.swiper-container {
z-index: 0
}
.swiper-container--product-slider {
overflow: hidden;
-webkit-overflow-scrolling: touch;
margin-left: -16px;
margin-right: -16px;
display: flex;
justify-content: center
}
@media (min-width: 992px) {
.swiper-container--product-slider {
display: block;
justify-content: initial;
margin-left: 0;
margin-right: 0
}
}
.basket .swiper-container--product-slider {
padding-bottom: 0;
overflow: hidden
}
.swiper-container--product-images-mobile {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
min-height: 292px
}
@media (min-width: 992px) {
.swiper-container--product-images-mobile {
display: none
}
}
.swiper-container--product-images-mobile .swiper-slide {
width: 100%
}
.swiper-container--product-images-desktop {
height: 100%
}
.swiper-container figure {
margin: 0
}
.product-page .swiper-container {
max-width: 1370px
}
@media (min-width: 992px) {
.product-page .swiper-container {
margin-left: auto;
margin-right: auto
}
}
.subscriptions-list__product-images .swiper-container {
overflow: visible
}
.advisor-details .swiper-container {
padding-top: 0;
padding-bottom: 16px
}
.swiper-pagination {
position: relative;
white-space: nowrap
}
@media (min-width: 768px) {
.swiper-pagination--tabs {
display: flex;
height: 40px
}
}
.swiper-pagination-bullets--over-image .swiper-pagination {
position: absolute
}
.show-slider-arrows .swiper-pagination,
.swiper-container--product-slider .swiper-pagination {
display: none
}
.basket .swiper-container--product-slider .swiper-pagination {
margin-top: 20px;
display: block
}
.subscriptions-list__product-images .swiper-pagination {
bottom: -16px;
position: absolute
}
.swiper-container-horizontal>.swiper-pagination-custom .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-custom .swiper-pagination-video {
display: inline-block;
margin: 0 4px;
width: 10px;
height: 10px;
vertical-align: middle;
cursor: pointer;
box-sizing: border-box;
border-style: solid;
border-width: 5px 0px 5px 8px;
border-color: transparent transparent transparent #000;
opacity: .2;
border-radius: initial;
background: none
}
.swiper-container-horizontal>.swiper-pagination-custom .swiper-pagination-video.swiper-pagination-bullet-active {
opacity: 1
}
.swiper-pagination-bullets {
pointer-events: none
}
.swiper-pagination-bullets--over-image .swiper-pagination-custom,
.swiper-pagination-bullets--over-image .swiper-pagination-bullets {
height: 19px
}
.product-page .swiper-pagination-custom,
.product-page .swiper-pagination-bullets {
bottom: 0
}
.swiper-heading {
text-align: center
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
vertical-align: middle;
cursor: pointer;
pointer-events: all
}
.swiper-pagination-bullets--over-image .swiper-pagination-bullet {
background: #fff;
opacity: .5;
border: 1px solid #b8b8b8
}
@media (max-width: 767px) {
.swiper-pagination--tabs .swiper-pagination-bullet {
text-indent: -9999px
}
}
@media (min-width: 768px) {
.swiper-pagination--tabs .swiper-pagination-bullet {
position: relative;
flex: 1 1 auto;
display: flex;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin: 0 !important;
border-radius: 0;
background: #f6f6f6;
opacity: 1
}
}
@media (min-width: 768px) {
.swiper-pagination--tabs .swiper-pagination-bullet+.swiper-pagination--tabs .swiper-pagination-bullet {
border-left: 1px solid rgba(0, 0, 0, .1)
}
}
.swiper-pagination-bullet-active {
background: #000
}
.swiper-pagination-bullets--over-image .swiper-pagination-bullet-active {
opacity: 1;
background: #fff
}
@media (min-width: 768px) {
.swiper-pagination--tabs .swiper-pagination-bullet-active {
background: #e7ebf0
}
}
@media (min-width: 768px) {
.swiper-pagination--tabs .swiper-pagination-bullet-active:before {
width: 0;
height: 0;
content: "";
position: absolute;
bottom: 100%;
left: 50%;
transform: translate(-50%);
border-top: 10px solid transparent;
border-bottom: 10px solid #e7ebf0;
border-left: 10px solid transparent;
border-right: 10px solid transparent
}
}
.swiper-slide {
box-sizing: border-box;
height: auto;
align-items: center;
display: flex;
flex-direction: column;
width: auto;
flex-shrink: 0;
flex-grow: 0;
max-width: 100%
}
@media (min-width: 992px) {
.swiper-container--product-slider .swiper-slide {
flex-basis: 240px
}
}
.swiper-container--carusel .swiper-slide {
display: block;
width: 100%
}
.swiper-container--product-images-mobile .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
height: initial
}
@media (max-width: 767px) {
.product-page__image-padding-square-inner .swiper-slide {
flex-basis: 100%
}
}
.swiper-container--carusel.swiper-container-fade .swiper-slide {
display: block
}
.swiper-container--carusel.swiper-container-fade .swiper-slide.swiper-slide:not(.swiper-slide-active) {
opacity: 0 !important
}
.advisor-details-page .swiper-slide {
padding-left: 8px;
padding-right: 8px
}
.swiper-slide_video .inline-video-thumbnail {
display: flex;
justify-content: center;
align-items: center;
width: inherit;
height: inherit;
position: relative;
cursor: pointer
}
.swiper-slide_video .inline-video-thumbnail svg {
position: absolute;
z-index: 1;
width: 56px;
height: 56px
}
.swiper-slide_video .inline-video-thumbnail .overflow-container {
position: relative;
display: flex;
justify-content: center;
align-items: center;
aspect-ratio: 16/9;
overflow: hidden;
max-height: 292px;
width: 100%;
height: 100%
}
.swiper-slide_video .inline-video-thumbnail .overflow-container img {
width: auto;
height: auto
}
.swiper-slide_video .inline-video-placeholder {
width: 100%;
height: auto
}
.swiper-slide_video .inline-video-placeholder iframe,
.swiper-container--product-images-mobile .swiper-wrapper {
height: 100%
}
.swiper-container--product-slider .swiper-wrapper {
overflow-x: auto;
width: auto
}
@media (min-width: 992px) {
.swiper-container--product-slider .swiper-wrapper {
overflow-x: visible
}
}
.swiper-button-prev {
background-image: url("");
transform: rotate(90deg);
width: 24px;
height: 18px;
left: 0
}
.show-slider-arrows .swiper-button-prev {
left: -3px
}
.product-page__image-slider--desktop .swiper-button-prev {
position: relative;
top: auto;
margin-top: auto;
background-color: #fff;
background-size: 12px;
height: 32px;
width: 100%;
transform: rotate(180deg)
}
.swiper-button-next {
background-image: url("");
transform: rotate(-90deg);
width: 24px;
height: 18px;
right: 0
}
.show-slider-arrows .swiper-button-next {
right: -3px
}
.product-page__image-slider--desktop .swiper-button-next {
position: relative;
top: auto;
margin-top: auto;
background-color: #fff;
background-size: 12px;
width: 100%;
height: 32px;
transform: none
}
.show-slider-arrows .swiper-button-disabled {
display: block
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: auto
}
.swiper-container--navigationButtons .swiper-button-next,
.swiper-container--navigationButtons .swiper-button-prev {
display: block
}
.subscriptions-list__product-images .swiper-container--navigationButtons .swiper-button-next.swiper-button-disabled,
.subscriptions-list__product-images .swiper-container--navigationButtons .swiper-button-prev.swiper-button-disabled {
opacity: 0
}
.show-slider-arrows .swiper-button-next,
.show-slider-arrows .swiper-button-prev {
display: block;
background-color: #efedea;
padding: 10px;
width: 44px;
height: 38px;
margin-left: 0;
margin-right: 0;
margin-top: -18px
}
.swiper-container--product-slider .swiper-button-next,
.swiper-container--product-slider .swiper-button-prev {
display: none
}
@media (min-width: 992px) {
.swiper-container--product-slider .swiper-button-next,
.swiper-container--product-slider .swiper-button-prev {
padding: 16px;
width: 60px;
height: 50px;
background-color: #fff;
border: 1px solid #b8b8b8;
border-radius: 8px;
margin: 0;
display: block
}
.swiper-container--product-slider .swiper-button-next:not(.swiper-button-next),
.swiper-container--product-slider .swiper-button-prev:not(.swiper-button-next) {
transform: rotate(90deg) translate(-50%)
}
.swiper-container--product-slider .swiper-button-next:not(.swiper-button-prev),
.swiper-container--product-slider .swiper-button-prev:not(.swiper-button-prev) {
transform: rotate(-90deg) translate(50%)
}
.swiper-container--product-slider .swiper-button-next.swiper-button-disabled,
.swiper-container--product-slider .swiper-button-prev.swiper-button-disabled {
opacity: 0;
pointer-events: none
}
}
.subscriptions-list__product-images .swiper-button-next,
.subscriptions-list__product-images .swiper-button-prev {
margin-top: -16px;
width: 44px;
height: 38px;
padding: 10px
}
.advisor-details-page .swiper-button-next,
.advisor-details-page .swiper-button-prev {
display: none
}
.a-block-preview .swiper-container {
overflow: visible
}
.a-block-preview .swiper-container-android .swiper-slide,
.a-block-preview .swiper-wrapper {
transform: none
}
.product-page__image-slider .swiper-container-vertical {
height: 100%
}
.product-page__image-slider .swiper-container-vertical .swiper-slide {
width: 65px !important
}
.tab__content--1 {
height: 0;
display: none
}
.tab__radio--1:checked~.tab__content--1 {
height: inherit;
display: block
}
.tab__radio--1:checked~.tab__header .tab__btn--1 {
width: 100%
}
.tab__content--2 {
height: 0;
display: none
}
.tab__radio--2:checked~.tab__content--2 {
height: inherit;
display: block
}
.tab__radio--2:checked~.tab__header .tab__btn--2 {
width: 100%
}
.tab__header {
display: flex
}
.tab__btn {
cursor: pointer;
flex: 1 1 auto
}
.tab__btn:hover {
background-color: #f6f6f6;
color: #000
}
.tab--filter {
width: 100%
}
@media (max-width: 1199px) {
.tab--filter {
max-height: calc(100vh - 50px);
overflow-y: scroll
}
}
.tabmenu {
overflow: hidden
}
.tabmenu__tabs {
display: flex;
padding-left: 0;
margin-bottom: 0
}
@media (max-width: 767px) {
.tabmenu__tabs {
display: none
}
}
.tabmenu--dior .tabmenu__tabs {
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;
text-transform: uppercase
}
.tabmenu__tab-text {
cursor: pointer;
list-style: none;
flex: 1 1 auto;
text-align: center
}
.tabmenu__tab-text.hover {
background-color: #ccc;
color: #333
}
.tabmenu--dior .tabmenu__tab-text {
padding: 8px 0
}
.tabmenu--dior .tabmenu__tab-text:hover {
text-decoration: underline
}
.tabmenu__tab-text.state--active {
background-color: #fff;
color: #333;
border-bottom: 1px solid #fff;
display: block;
font-family: Inter, sans-serif;
font-weight: 700
}
.tabmenu__content-container {
clear: both;
float: left;
width: 100%;
overflow: auto
}
.tabmenu__content {
margin-top: 20px;
display: none
}
.tabmenu__content.state--active {
display: block
}
.tabmenu__drawer-heading {
display: none
}
@media (max-width: 767px) {
.tabmenu__drawer-heading {
background-color: #ccc;
color: #fff;
border-top: 1px solid #333;
margin: 0;
padding: 5px 20px;
display: block;
cursor: pointer;
-webkit-user-select: none;
user-select: none
}
.tabmenu__drawer-heading.state--active {
background-color: #666;
color: #fff
}
.tabmenu--dior .tabmenu__drawer-heading {
background: #f5f5f5;
border: 1px solid #aaa;
position: relative;
cursor: pointer;
border-bottom-width: 0;
float: none;
padding: 0 0 5px;
text-align: center;
margin-bottom: 8px;
line-height: 60px;
height: 60px;
font-size: 12.5px;
background-color: #e6e6e6;
border: none;
color: #000;
font-weight: 400;
text-transform: uppercase
}
.tabmenu--dior .tabmenu__drawer-heading:hover {
font-weight: 700
}
.tabmenu--dior .tabmenu__drawer-heading.state--active {
background-color: #000;
color: #fff;
font-weight: 700
}
}
.tabmenu__icon {
display: none
}
@media (max-width: 767px) {
.tabmenu__icon {
display: flex;
position: absolute;
right: 16px;
top: calc(50% - 8px);
width: 16px;
height: 16px;
transform: rotate(0);
pointer-events: none;
transition: transform .25s ease
}
.tabmenu__icon .icon {
fill: #000;
pointer-events: none
}
}
.state--active .tabmenu__icon {
transform: rotate(180deg);
transition: transform .25s ease
}
.state--active .tabmenu__icon .icon {
fill: #fff;
pointer-events: none
}
.tooltip {
display: flex;
align-items: center;
background: 0;
border: 0;
margin: 0;
padding: 0;
font-weight: 700;
text-decoration: underline
}
.tooltip__icon {
width: 14px;
height: 14px;
margin-left: 8px
}
@keyframes bounce-animation {
0% {
transform: scale(1)
}
10% {
transform: scale(.9, 1.1)
}
30% {
transform: scale(1.1, .9)
}
50% {
transform: scale(.95, 1.05)
}
to {
transform: scale(1)
}
}
.tippy-box[data-theme~=plain-tooltip] {
font-size: .8571rem;
color: #fff;
background-color: #002643;
border-radius: 6px
}
.tippy-box[data-theme~=plain-tooltip] .tippy-content {
padding: 8px 12px
}
.tippy-box[data-theme~=plain-tooltip][data-placement^=top]>.tippy-arrow:before {
border-top-color: #002643
}
.tippy-box[data-theme~=plain-tooltip][data-placement^=bottom]>.tippy-arrow:before {
border-bottom-color: #002643
}
.tippy-box[data-theme~=plain-tooltip][data-placement^=left]>.tippy-arrow:before {
border-left-color: #002643
}
.tippy-box[data-theme~=plain-tooltip][data-placement^=right]>.tippy-arrow:before {
border-right-color: #002643
}
.tippy-box[data-theme~=plain-tooltip][data-animation=bounce][data-state=visible] {
animation: bounce-animation 1.5s ease-out forwards .15s
}
.tippy-box[data-theme~=plain-tooltip--secondary] {
font-size: .8571rem;
color: #000;
background-color: #e0dad5;
border-radius: 6px
}
.tippy-box[data-theme~=plain-tooltip--secondary] .tippy-content {
padding: 8px 12px
}
.tippy-box[data-theme~=plain-tooltip--secondary][data-placement^=top]>.tippy-arrow:before {
border-top-color: #e0dad5
}
.tippy-box[data-theme~=plain-tooltip--secondary][data-placement^=bottom]>.tippy-arrow:before {
border-bottom-color: #e0dad5
}
.tippy-box[data-theme~=plain-tooltip--secondary][data-placement^=left]>.tippy-arrow:before {
border-left-color: #e0dad5
}
.tippy-box[data-theme~=plain-tooltip--secondary][data-placement^=right]>.tippy-arrow:before {
border-right-color: #e0dad5
}
.tippy-box[data-theme~=plain-tooltip--secondary][data-animation=bounce][data-state=visible] {
animation: bounce-animation 1.5s ease-out forwards .15s
}
.tippy-box[data-theme~=rich-tooltip] {
color: #fff;
background-color: #002643;
border-radius: 8px;
top: 5px
}
.tippy-box[data-theme~=rich-tooltip] .tippy-content {
padding: 16px
}
.tippy-box[data-theme~=rich-tooltip] .tippy-arrow {
width: 24px;
height: 24px
}
.tippy-box[data-theme~=rich-tooltip][data-placement^=top]>.tippy-arrow:before {
bottom: -12px;
border-top-color: #002643;
border-width: 12px 12px 0
}
.tippy-box[data-theme~=rich-tooltip][data-placement^=bottom]>.tippy-arrow:before {
top: -12px;
border-bottom-color: #002643;
border-width: 0 12px 12px
}
.tippy-box[data-theme~=rich-tooltip][data-placement^=left]>.tippy-arrow:before {
right: -12px;
border-left-color: #002643;
border-width: 12px 0 12px 12px
}
.tippy-box[data-theme~=rich-tooltip][data-placement^=right]>.tippy-arrow:before {
left: -12px;
border-right-color: #002643;
border-width: 12px 12px 12px 0
}
.tippy-box[data-theme~=dropdown] {
background-color: initial;
color: initial;
border-radius: initial;
font-size: initial;
line-height: initial;
outline: initial
}
.tippy-box[data-theme~=dropdown] .tippy-content {
padding: initial
}
html {
font-size: .875rem;
font-family: Arial, sans-serif;
line-height: 1.5
}
b,
strong,
.font-weight-bold {
font-weight: 700
}
.largefont .cms-article {
font-size: 16px
}
body,
.font-type--primary {
font-family: Inter, sans-serif
}
.font-type--secondary {
font-family: DM_Serif_Text, serif
}
@media (max-width: 991px) {
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
.input--number {
font-size: 16px
}
}
.header__inputs input[type=color]::placeholder,
.header__inputs input[type=date]::placeholder,
.header__inputs input[type=datetime]::placeholder,
.header__inputs input[type=datetime-local]::placeholder,
.header__inputs input[type=email]::placeholder,
.header__inputs input[type=month]::placeholder,
.header__inputs input[type=number]::placeholder,
.header__inputs input[type=password]::placeholder,
.header__inputs input[type=search]::placeholder,
.header__inputs input[type=tel]::placeholder,
.header__inputs input[type=text]::placeholder,
.header__inputs input[type=time]::placeholder,
.header__inputs input[type=url]::placeholder,
.header__inputs input[type=week]::placeholder,
.header__inputs textarea::placeholder,
.header__inputs .input--number::placeholder {
font-size: 1em
}
p {
color: #000
}
a,
a:focus,
a:hover {
color: #000
}
.cms-article .a-text-child a {
text-decoration: underline
}
.cms-article .a-text-child a:hover {
opacity: .6
}
.centuryGothic {
font-family: Inter, sans-serif
}
.centuryGothicItalic {
font-family: Inter, sans-serif;
font-style: italic
}
.centuryGothicBold {
font-family: Inter, sans-serif;
font-weight: 700
}
.helvetica {
font-family: Helvetica, Arial, sans-serif
}
.lucida {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif
}
.georgia {
font-family: Georgia, serif
}
.courierNew {
font-family: Courier New, Courier, monospace
}
.arial {
font-family: Arial, Helvetica, sans-serif
}
.playfair,
.playfair-bold {
font-family: DM_Serif_Text, serif
}
font[face*=Crimson],
.crimson {
font-family: Inter, sans-serif
}
.timesNewRoman,
.abrilFatface,
.timesNewRoman b,
.timesNewRoman strong,
.abrilFatface b,
.abrilFatface strong {
font-family: Times New Roman, Times, serif;
font-size: 1.0625em;
letter-spacing: .0235294118em
}
.gothamBold {
font-family: Inter, sans-serif;
font-weight: 700
}
.lakeside {
font-family: sans-serif
}
.wf-lakeside-n4-active .lakeside {
font-family: lakeside
}
.memoriamInlinePro {
font-family: sans-serif
}
.wf-memoriaminlinepro-n4-active .memoriamInlinePro {
font-family: memoriam-inline-pro
}
.learningCurveDashed {
font-family: sans-serif
}
.wf-learningcurvedashed-n4-active .learningCurveDashed {
font-family: learning-curve-dashed
}
.paragraph {
font-size: 1em
}
.paragraph-small {
font-size: .8571428571em
}
.paragraph-large {
font-size: 1.1428571429em
}
h1,
.heading--1 {
font-size: 1.7142857143em;
line-height: 2.1428571429em
}
@media (min-width: 768px) {
h1,
.heading--1 {
font-size: 2.2857142857em;
line-height: 2.8571428571em
}
}
h2,
.heading--2 {
font-size: 1.2857142857em;
line-height: 1.5714285714em
}
@media (min-width: 768px) {
h2,
.heading--2 {
font-size: 1.7142857143em;
line-height: 2.2857142857em
}
}
h3,
.heading--3 {
font-size: 1.0714285714em;
line-height: 1.5714285714em
}
@media (min-width: 768px) {
h3,
.heading--3 {
font-size: 1.2857142857em
}
}
.product-summary h3,
.product-summary .heading--3 {
text-transform: uppercase
}
.heading,
h1,
.heading--1,
h2,
.heading--2,
h3,
.heading--3 {
margin: .25em 0;
font-weight: 400;
line-height: 1.2
}
.heading--main {
text-align: center;
font-size: 16px;
font-family: Inter, sans-serif;
font-weight: 700;
color: #000
}
@media (min-width: 992px) {
.heading--main {
font-size: 32px;
text-align: initial;
font-weight: 400
}
}
@media (min-width: 1921px) {
.heading--main {
font-size: 2.2857142857em
}
}
.heading--center {
display: flex;
justify-content: center
}
.heading--right {
display: flex;
justify-content: flex-end
}
.heading--slim-top {
margin: 0 0 10px
}
.heading__text {
margin: 0;
line-height: 1.2
}
.heading__link {
display: flex;
align-items: flex-end;
font-size: .5em;
text-decoration: underline;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #e2e4e6;
line-height: 1.4;
color: #000
}
@media (max-width: 1199px) {
.heading__link {
font-size: .7em;
margin-left: 10px;
padding-left: 10px
}
}
.heading--sub {
font-family: Inter, sans-serif;
font-weight: 700;
font-size: 1.2857142857em
}
.card-rounded--basketline .heading--sub {
font-size: 14px
}
@media (min-width: 768px) {
.card-rounded--basketline .heading--sub {
font-size: 1.2857142857em
}
}
@media (min-width: 992px) {
.card-rounded--basketline .heading--sub {
font-size: 1.4285714286em
}
}
.basket__headline .heading,
.basket__headline h1,
.basket__headline h2,
.basket__headline h3,
.basket__headline .heading--1,
.basket__headline .heading--2,
.basket__headline .heading--3 {
margin: 0
}
.category {
display: block;
margin-bottom: .65em;
text-transform: uppercase;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #000;
font-family: Inter, sans-serif;
font-weight: 700;
font-size: 1.2em
}
@media (max-width: 1199px) {
.category {
font-size: 14px
}
}
.align-middle {
vertical-align: middle
}
.a-text.primary {
background-color: #012350
}
.a-text.secondary {
background-color: #e7ebf0
}
.a-text.tertiary {
background-color: #e2e4e6
}
.a-text.quaternary {
background-color: #f6f6f6
}
.a-text.cta-primary {
background-color: #d70081
}
.a-text.cta-secondary {
background-color: #f769ae
}
.a-text.cta-tertiary {
background-color: #fc3
}
.a-text.cta-quaternary {
background-color: #000
}
h1,
.heading--1,
h2,
.heading--2,
h3,
.heading--3,
h4,
h5,
h6,
.font-size-xxxxxxxlarge,
.font-size-xxxxxxlarge,
.font-size-xxxxxlarge,
.font-size-xxxxlarge,
.font-size-xxxlarge,
.font-size-xxlarge,
.font-size-xlarge,
.font-size-large {
word-break: break-word;
max-width: 100%
}
.cms-article a[data-cke-saved-name] {
text-decoration: none;
pointer-events: none;
cursor: initial
}
.currentcolor {
color: currentColor
}
.currentcolor--fill {
color: inherit;
fill: currentColor
}
.font-size-xlarge a,
.font-size-xlarge a:hover,
a .font-size-xlarge,
a .font-size-xlarge:hover,
.font-size-xxlarge a,
.font-size-xxlarge a:hover,
a .font-size-xxlarge,
a .font-size-xxlarge:hover,
.font-size-xxxlarge a,
.font-size-xxxlarge a:hover,
a .font-size-xxxlarge,
a .font-size-xxxlarge:hover {
display: inline-block !important;
text-decoration: none !important
}
.user-message--signoff {
display: flex;
flex-direction: column;
align-items: center;
max-width: 700px;
padding: 16px 0 50px;
text-align: center
}
@media (min-width: 768px) {
.user-message--signoff {
padding: 16px 100px 50px
}
}
.user-message--loginunavailable {
display: flex;
flex-direction: column;
align-items: center;
max-width: 700px;
padding: 16px 0 30px;
text-align: left
}
@media (min-width: 768px) {
.user-message--loginunavailable {
padding: 16px 80px 30px
}
}
.user-message--loginunavailable ul {
padding-left: 16px
}
.usp {
padding: 7px 0 8px;
background-color: #000;
color: #fff;
font-size: 10px;
letter-spacing: .1px
}
.usp__contact {
display: flex;
align-items: center
}
.usp__contact:link,
.usp__contact:visited,
.usp__contact:hover,
.usp__contact:active {
color: #fff
}
.usp__phone {
width: 20px;
height: 20px;
margin-right: 10px
}
.usp__list {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
justify-content: center
}
@media (max-width: 767px) {
.usp__list {
justify-content: initial
}
}
.usp--checkout .usp__list {
justify-content: center;
margin-left: auto
}
.usp__item {
list-style: none;
flex: 0 1 auto;
display: flex;
align-items: center;
margin: 5px 0;
justify-content: center;
max-width: initial;
padding: 0 2em;
text-transform: uppercase;
font-size: inherit
}
@media (max-width: 767px) {
.usp__item {
margin-top: 16px
}
}
@media (min-width: 992px) {
.usp__item {
margin: 0
}
}
.usp__icon {
display: block;
flex: 0 0 auto;
margin-right: 10px;
width: 30px;
height: auto;
display: none
}
.usp__text {
display: block;
flex: 0 1 auto
}
.usp__link {
color: #000
}
.usp__link:hover {
text-decoration: none
}
@media (max-width: 1199px) {
.view {
flex: 0 0 100%;
min-width: 0
}
}
.checkout-layout .signup .view {
background-color: #fdeeef
}
@media (min-width: 992px) {
.signup .view {
background-color: #fdeeef
}
}
.clubmatas .view {
background-color: #fdeeef
}
.view--mobile-menu {
display: flex;
position: fixed;
overflow: hidden;
top: 0;
height: 100%;
max-height: 100vh;
pointer-events: none;
opacity: 0
}
.state--mobile-menu .view--mobile-menu {
pointer-events: auto;
opacity: 1
}
@media (min-width: 1200px) {
.view--mobile-menu {
display: none
}
}
@media (max-width: 1199px) {
.view--main {
display: flex;
flex-direction: column
}
}
.view--main.state--epaper-session {
padding-top: 60px
}
@media (min-width: 1200px) {
.view--main.state--epaper-session {
padding-top: 0
}
}
@media (max-width: 1199px) {
.state--mobile-menu:not(.state--mobile-menu-closing) .view--main {
overflow: hidden
}
}
.state--fixed .view--main.view--has-secondary-menu:before {
content: "";
width: 100%;
height: 80px;
display: block
}
@media (max-width: 1199px) {
.view--main-checkout {
display: flex;
flex-direction: column
}
}
.view__content-top {
display: flex;
flex-direction: column
}
.wrapping {
display: block;
min-width: 100%;
flex: 0 0 auto;
flex-shrink: 1;
padding: 0 1rem 1rem
}
@media (min-width: 768px) {
.wrapping {
padding: 0 2rem 2rem
}
}
.wrapping__list {
padding: 1rem;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 -1rem
}
@media (min-width: 768px) {
.wrapping__list {
overflow-y: auto;
min-height: 300px;
max-height: 40vh;
margin-bottom: 16px
}
}
.wrapping__list-item {
display: flex;
align-self: center;
justify-content: center;
flex-direction: column;
width: 100%;
padding: 16px;
border: 1px solid #b8b8b8;
margin-bottom: 16px
}
.wrapping__list-item:last-child {
margin-bottom: 0
}
.wrapping__input-title {
text-align: left
}
.wrapping__input-container {
flex-wrap: wrap;
display: flex;
justify-content: center;
width: 100%
}
.wrapping__label {
display: flex;
justify-content: center;
flex-direction: column;
flex: 1 0 100%
}
@media (min-width: 768px) {
.wrapping__label {
flex: 1 1 auto;
margin-right: 16px;
margin-bottom: 0
}
.wrapping__label:last-child {
margin-right: 0
}
}
.wrapping__package-title-container {
display: flex;
width: 100%;
justify-content: center;
margin-bottom: 10px
}
.wrapping__package-title {
padding-right: 10px;
font-weight: 700;
font-size: 1.1428571429em;
flex: 1 1 auto
}
.wrapping__package-price {
font-weight: 700;
font-size: 1.1428571429em;
flex: 1 1 auto;
text-align: right
}
.wrapping__delete-btn {
cursor: pointer;
width: 16px;
height: 16px;
margin-right: 16px
}
.wrapping__delete-btn .icon {
fill: #000
}
@media (max-width: 767px) {
.wrapping__delete-btn {
position: absolute;
margin-bottom: 0;
margin-right: 0;
left: 0;
bottom: 32px
}
}
@media (max-width: 543px) {
.wrapping__delete-btn {
bottom: auto;
top: 53px
}
}
.wrapping__text {
text-align: center;
font-weight: 700;
font-size: 1.0714285714em;
padding-bottom: 16px
}
.wrapping__selection {
display: inline-block;
width: 125px
}
.wrapping__select {
padding: 5px;
border-color: #e2e4e6
}
.wrapping__product-name {
padding: 5px
}
.wrapping__total,
.wrapping__total-text {
display: flex;
font-weight: 700;
flex: 1 1 auto;
font-size: 1.1428571429em
}
.wrapping__total {
justify-content: flex-end
}
.wrapping__image {
max-height: 90px
}
.wrapping__button {
display: inline-flex;
width: auto;
white-space: nowrap;
justify-content: center;
flex: 1 1 0
}
@media (min-width: 768px) {
.wrapping__button {
flex: 0 0 auto;
padding: .8em 1.8em
}
}
.wrapping__input {
height: 2.68em
}
.review-stars {
position: relative;
overflow: hidden;
height: inherit
}
.review-stars__container {
position: relative;
overflow: hidden;
width: 100%;
height: inherit
}
.review-stars__container--background {
position: absolute;
top: 0
}
.review-stars__inner {
position: relative;
width: inherit;
height: inherit
}
.video--vimeo video {
width: 100%;
display: block
}
.video__img {
width: 100%;
height: auto
}
.video__img-container {
position: relative
}
.video__img-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.video__play-btn {
display: block;
position: absolute;
width: 85px;
height: 85px;
top: calc(50% - 42.5px);
left: calc(50% - 42.5px);
box-shadow: 0 0 10px 5px #00000020;
border-radius: 100%
}
.video__play-btn:hover {
cursor: pointer
}
.video--youtube .video__video {
position: relative;
padding-bottom: 56.25%;
height: 0
}
.video--youtube .video__iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.chip {
display: inline-flex;
align-items: center;
border-radius: 4px;
padding: 4px 8px;
font-size: .5714285714rem;
font-weight: 700;
letter-spacing: .0035714286rem;
line-height: 1;
text-transform: uppercase
}
.chip--top-left,
.chip--top-right {
position: absolute;
top: 0;
transform: translateY(-50%)
}
.chip--top-left {
left: 16px
}
.chip--top-right {
right: 16px
}
.chip--climate {
background-color: #c9d9d0
}
.chip__icon {
flex: none;
width: 10px;
height: 10px;
margin-right: 8px
}
.input-w-placeholder {
position: relative;
margin-bottom: .65em;
z-index: inherit;
width: 100%;
min-height: 2.8571428571em;
height: auto;
display: flex;
flex-wrap: wrap;
border: 0
}
.input-w-placeholder--inline-xs {
display: inline-flex;
width: 300px;
max-width: 100%;
margin: 0
}
.input-w-placeholder--inline-xs+.input-w-placeholder--inline-xs {
margin-left: 20px
}
@media (min-width: 544px) {
.input-w-placeholder--inline-sm {
display: inline-flex;
width: 300px;
max-width: 100%;
margin: 0
}
.input-w-placeholder--inline-sm+.input-w-placeholder--inline-sm {
margin-left: 20px
}
}
@media (min-width: 768px) {
.input-w-placeholder--inline-md {
display: inline-flex;
width: 300px;
max-width: 100%;
margin: 0
}
.input-w-placeholder--inline-md+.input-w-placeholder--inline-md {
margin-left: 20px
}
}
@media (min-width: 992px) {
.input-w-placeholder--inline-lg {
display: inline-flex;
width: 300px;
max-width: 100%;
margin: 0
}
.input-w-placeholder--inline-lg+.input-w-placeholder--inline-lg {
margin-left: 20px
}
}
@media (min-width: 1200px) {
.input-w-placeholder--inline-xl {
display: inline-flex;
width: 300px;
max-width: 100%;
margin: 0
}
.input-w-placeholder--inline-xl+.input-w-placeholder--inline-xl {
margin-left: 20px
}
}
@media (min-width: 1600px) {
.input-w-placeholder--inline-xxl {
display: inline-flex;
width: 300px;
max-width: 100%;
margin: 0
}
.input-w-placeholder--inline-xxl+.input-w-placeholder--inline-xxl {
margin-left: 20px
}
}
@media (min-width: 1921px) {
.input-w-placeholder--inline-xxxl {
display: inline-flex;
width: 300px;
max-width: 100%;
margin: 0
}
.input-w-placeholder--inline-xxxl+.input-w-placeholder--inline-xxxl {
margin-left: 20px
}
}
.input-w-placeholder--find-store-address,
.input-w-placeholder--find-store-product {
z-index: 1;
flex: 1 1 auto
}
.input-w-placeholder.basket__voucher-input {
margin-bottom: 0
}
.input-w-placeholder--textarea {
height: auto
}
.input-w-placeholder input,
.input-w-placeholder .input,
.input-w-placeholder .input-w-placeholder {
padding: 1em .94em .07em
}
.input-w-placeholder__icon {
width: 15px;
height: 15px;
position: absolute;
right: 10px;
top: 1.4285714286em;
transform: translateY(-50%);
pointer-events: none
}
.input-validation-error~.input-w-placeholder__icon {
background-image: url("");
background-size: contain;
background-position: center;
background-repeat: no-repeat
}
.input-validation-success~.input-w-placeholder__icon {
background-image: url("");
background-size: contain;
background-position: center;
background-repeat: no-repeat
}
.input-form__gift-card-line .input-w-placeholder {
margin-bottom: 0
}
.matas-plus--full {
background-color: #f0e8da;
color: #000
}
@media (max-width: 767px) {
.matas-plus--full.login-layout {
background: none
}
}
.matas-plus--full .logo {
display: none
}
.matas-plus--full.myprofile {
background-color: #f3f1ef;
color: #000
}
@media (max-width: 767px) {
.matas-plus--full.myprofile.login-layout {
background: none
}
}
.matas-plus .aside-nav__sub-text:not(.aside-nav__sub-text--disabled) {
color: #b38b44
}
.matas-plus .aside-nav__list-item--selected:before,
.myprofile-mobile-menu .matas-plus .aside-nav__list-item--expanded:before {
background-color: #b38b44
}
.btn--matas-plus {
background-color: #b38b44;
border-color: #b38b44;
color: #fff;
font-weight: 700;
text-transform: none
}
.matas-plus--full .myprofile-header {
background: #e7e3df
}
.matas-plus--full .myprofile-header:before {
content: "";
position: absolute;
height: 10px;
width: 100%;
left: 0;
right: 0;
bottom: 0;
background: repeating-linear-gradient(135deg, #f8f4ec, #f8f4ec 8px, #e7e3df 0, #e7e3df 16px)
}
.matas-plus .myprofile-header__button {
background-color: #b38b44;
border-color: #b38b44;
color: #fff;
font-weight: 700;
text-transform: none
}
.personal-offer-banner--matas-plus {
background-color: #b38b44
}
.coupon__item--matasplus .coupon__text-box {
background: repeating-linear-gradient(135deg, #b38b44, #b38b44 8px, #be9853 0, #be9853 16px)
}
@media (min-width: 1200px) {
.coupon__item--matasplus .coupon__link {
background-color: #b38b44;
border-color: #b38b44;
color: #fff;
font-weight: 700;
text-transform: none
}
}
.basket-messages__item--matas-plus {
background-color: #f8f4ec
}
.basket-messages__item--matas-plus .basket-messages__icon {
background: #b38b44
}
.color-matas-plus,
.color-matas-plus b,
.nav__points--matas-plus,
.header__name .header__name--points.header__name--matas-plus-points {
color: #b38b44
}
.icon--clubmatas-logo-plus {
width: 135px;
height: 37px
}
@media (max-width: 767px) {
.icon--clubmatas-logo-plus {
width: 112px
}
}
.checkout-layout body {
background-color: #efedea
}
.checkout-layout .container-fluid {
max-width: 1080px
}
.checkout-layout__grid {
max-width: 848px;
margin: 0 auto;
padding: 0 16px
}
@media (min-width: 768px) {
.checkout-layout__grid {
display: grid;
grid-gap: 24px;
grid-template-columns: 1fr 326px
}
.checkout-layout__grid--span-columns {
grid-template-columns: auto
}
}
.checkout-layout__headline {
font-family: Inter, sans-serif;
line-height: 1.2;
font-weight: 600;
font-size: 16px
}
@media (min-width: 768px) {
.checkout-layout__headline {
font-size: 20px
}
}
.checkout-layout__headline--order-overview {
margin: 32px 0 16px;
font-family: Inter, sans-serif;
line-height: 1.2;
font-weight: 600;
font-size: 18px
}
@media (min-width: 768px) {
.checkout-layout__headline--order-overview {
margin-bottom: 24px
}
}
@media (min-width: 768px) {
.checkout-layout__headline--order-overview {
font-size: 20px
}
}
.checkout-layout__need-help {
margin-left: auto
}
.checkout-layout__customer-service {
font-size: 25px
}
@media (max-width: 767px) {
.checkout-layout__customer-service {
font-size: 16px
}
}
.checkout-layout__continue-btn {
display: block;
width: 100%;
margin: 0 auto 16px;
font-weight: 700
}
@media (min-width: 768px) {
.checkout-layout__continue-btn {
max-width: 311px;
margin-bottom: 32px
}
}
.checkout-layout__back-btn {
display: inline-flex
}
.checkout-layout__summary-payment-type-radio-button {
min-height: 54px;
margin-bottom: 12px
}
.checkout-layout__summary-payment-type-radio-button:last-child {
margin-bottom: 24px
}
.checkout-layout__accept-terms {
margin-bottom: 16px
}
@media (min-width: 768px) {
.checkout-layout__accept-terms {
margin-bottom: 24px
}
}
.checkout-order-details__info {
margin-top: 32px
}
.checkout-order-details__info .card {
border: 1px solid #d8d1cb
}
.payment-container {
height: 500px
}
@media (min-width: 544px) {
.payment-container {
height: 495px
}
}
.pdf-file .list__item {
page-break-inside: avoid
}
.pdf-file .checkout-dropship__delivery-group {
page-break-before: always;
padding-top: 50px
}
.pdf-file .checkout-dropship__delivery-group:first-of-type {
page-break-before: avoid;
padding: 0
}
.pdf-file .basket-line {
min-height: 100px
}
.pdf-file .basket-line__img {
height: 70px;
width: 70px;
margin-right: 20px;
float: left
}
.pdf-file .basket-line__quantity .btn {
display: none
}
.pdf-file .basketline-info-box {
page-break-inside: avoid
}
.pdf-file .basketline-info-box.card {
margin: 20px 0
}
.pdf-file .card,
.pdf-file .order-summary {
page-break-inside: avoid
}
@media print {
html body .pp-0 {
padding: 0 !important
}
html body .ppx-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
html body .ppy-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
html body .pm-0 {
margin: 0 !important
}
html body .pmx-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
html body .pmy-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.apb {
page-break-inside: avoid
}
.view,
.view--main,
.view--scroll-mobile,
.wrapper,
.content {
display: block;
flex: 1 1 auto;
overflow: visible !important;
height: auto;
max-height: none
}
.cookie,
.usp--bottom,
.view--mobile-menu {
display: none
}
.header {
position: absolute
}
body,
html {
overflow: visible !important;
height: auto;
width: 100%;
flex: 1 1 auto;
max-height: none !important;
position: initial !important
}
.view {
position: relative;
height: auto;
width: auto;
max-width: 100%
}
a,
a:visited {
text-decoration: underline
}
.print-modal .wrapper {
display: none
}
.print-modal .wrapper>*:not(.ui-modal) {
display: none
}
[class^=modal__Wrapper][class^=modal__Wrapper] {
position: relative
}
[class^=modal__DefaultShadow][class^=modal__DefaultShadow] {
display: none
}
.print-modal body:after {
content: none
}
.ui-modal {
position: relative
}
.print-modal .ui-modal {
position: relative;
max-height: none;
height: auto;
overflow: visible;
display: block
}
.ui-modal--receipt .ui-modal__box {
max-height: none;
height: auto;
overflow: visible;
display: block;
width: 100%;
max-width: 100%
}
.ui-modal--receipt .ui-modal__content {
padding-bottom: 0;
overflow: visible
}
.ui-modal--receipt .ui-modal__top,
.ui-modal__header-links {
display: none
}
abbr[title]:after {
content: " (" attr(title) ")"
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
p,
h2,
.heading--2,
h3,
.heading--3 {
orphans: 3;
widows: 3
}
h2,
.heading--2,
h3,
.heading--3 {
page-break-after: avoid
}
.navbar {
display: none
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000 !important
}
.tag {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table td,
.table th {
background-color: #fff !important
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important
}
.list__list {
display: block !important
}
.list__item {
page-break-inside: avoid;
display: block
}
.checkout-dropship__delivery-group+.checkout-dropship__delivery-group {
page-break-before: always
}
.basket-line {
display: block !important
}
.basket-line__img {
height: 70px;
width: 70px;
float: left !important;
margin-right: 20px
}
.basketline-info-box {
page-break-inside: avoid
}
.basketline-info-box.card {
margin: 20px 0;
border: 1px solid #d8d1cb
}
.card,
.order-summary {
page-break-inside: avoid
}
#jsReactChat,
#Coi-Renew {
display: none !important
}
}
.match-accordion__input {
display: none
}
.match-accordion__element {
padding-left: 17px;
max-height: 100px;
overflow: hidden
}
input[type=checkbox]:checked.match-accordion__input~.match-accordion__element {
max-height: initial
}
.match-accordion__label {
cursor: pointer;
text-decoration: underline
}
input[type=checkbox]:checked.match-accordion__input~.match-accordion__label .match-accordion__text--open {
display: none
}
.match-accordion__text--close {
display: none
}
input[type=checkbox]:checked.match-accordion__input~.match-accordion__label .match-accordion__text--close {
display: initial
}