.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
background: none;
border: none; }
/* -------------------------------------------------
Datepicker cells
------------------------------------------------- */
.datepicker--cells {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.datepicker--cell {
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 32px;
z-index: 1; }
.datepicker--cell.-focus- {
background: #f0f0f0; }
.datepicker--cell.-current- {
color: #4EB5E6; }
.datepicker--cell.-current-.-focus- {
color: #4a4a4a; }
.datepicker--cell.-current-.-in-range- {
color: #4EB5E6; }
.datepicker--cell.-in-range- {
background: rgba(92, 196, 239, 0.1);
color: #4a4a4a;
border-radius: 0; }
.datepicker--cell.-in-range-.-focus- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell.-disabled- {
cursor: default;
color: #aeaeae; }
.datepicker--cell.-disabled-.-focus- {
color: #aeaeae; }
.datepicker--cell.-disabled-.-in-range- {
color: #a1a1a1; }
.datepicker--cell.-disabled-.-current-.-focus- {
color: #aeaeae; }
.datepicker--cell.-range-from- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 4px 0 0 4px; }
.datepicker--cell.-range-to- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 0 4px 4px 0; }
.datepicker--cell.-range-from-.-range-to- {
border-radius: 4px; }
.datepicker--cell.-selected- {
color: #fff;
border: none;
background: #5cc4ef; }
.datepicker--cell.-selected-.-current- {
color: #fff;
background: #5cc4ef; }
.datepicker--cell.-selected-.-focus- {
background: #45bced; }
.datepicker--cell:empty {
cursor: default; }
.datepicker--days-names {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 8px 0 3px; }
.datepicker--day-name {
color: #FF9A19;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
text-transform: uppercase;
font-size: .8em; }
.datepicker--cell-day {
width: 14.28571%; }
.datepicker--cells-months {
height: 170px; }
.datepicker--cell-month {
width: 33.33%;
height: 25%; }
.datepicker--years {
height: 170px; }
.datepicker--cells-years {
height: 170px; }
.datepicker--cell-year {
width: 25%;
height: 33.33%; }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
background: none;
border: none; }
/* -------------------------------------------------
Datepicker
------------------------------------------------- */
.datepickers-container {
position: absolute;
left: 0;
top: 0; }
@media print {
.datepickers-container {
display: none; } }
.datepicker {
background: #fff;
border: 1px solid #dbdbdb;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-sizing: content-box;
font-family: Tahoma, sans-serif;
font-size: 14px;
color: #4a4a4a;
width: 250px;
position: absolute;
left: -100000px;
opacity: 0;
transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
z-index: 100; }
.datepicker.-from-top- {
-webkit-transform: translateY(-8px);
transform: translateY(-8px); }
.datepicker.-from-right- {
-webkit-transform: translateX(8px);
transform: translateX(8px); }
.datepicker.-from-bottom- {
-webkit-transform: translateY(8px);
transform: translateY(8px); }
.datepicker.-from-left- {
-webkit-transform: translateX(-8px);
transform: translateX(-8px); }
.datepicker.active {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }
.datepicker-inline .datepicker {
border-color: #d7d7d7;
box-shadow: none;
position: static;
left: auto;
right: auto;
opacity: 1;
-webkit-transform: none;
transform: none; }
.datepicker-inline .datepicker--pointer {
display: none; }
.datepicker--content {
box-sizing: content-box;
padding: 4px; }
.-only-timepicker- .datepicker--content {
display: none; }
.datepicker--pointer {
position: absolute;
background: #fff;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
width: 10px;
height: 10px;
z-index: -1; }
.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
top: calc(100% - 4px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
right: calc(100% - 4px);
-webkit-transform: rotate(225deg);
transform: rotate(225deg); }
.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
bottom: calc(100% - 4px);
-webkit-transform: rotate(315deg);
transform: rotate(315deg); }
.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
left: calc(100% - 4px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
left: 10px; }
.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
right: 10px; }
.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
left: calc(50% - 10px / 2); }
.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
top: 10px; }
.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
bottom: 10px; }
.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
top: calc(50% - 10px / 2); }
.datepicker--body {
display: none; }
.datepicker--body.active {
display: block; }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
background: none;
border: none; }
/* -------------------------------------------------
Navigation
------------------------------------------------- */
.datepicker--nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #efefef;
min-height: 32px;
padding: 4px; }
.-only-timepicker- .datepicker--nav {
display: none; }
.datepicker--nav-title,
.datepicker--nav-action {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.datepicker--nav-action {
width: 32px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.datepicker--nav-action:hover {
background: #f0f0f0; }
.datepicker--nav-action.-disabled- {
visibility: hidden; }
.datepicker--nav-action svg {
width: 32px;
height: 32px; }
.datepicker--nav-action path {
fill: none;
stroke: #9c9c9c;
stroke-width: 2px; }
.datepicker--nav-title {
border-radius: 4px;
padding: 0 8px; }
.datepicker--nav-title i {
font-style: normal;
color: #9c9c9c;
margin-left: 5px; }
.datepicker--nav-title:hover {
background: #f0f0f0; }
.datepicker--nav-title.-disabled- {
cursor: default;
background: none; }
.datepicker--buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 4px;
border-top: 1px solid #efefef; }
.datepicker--button {
color: #4EB5E6;
cursor: pointer;
border-radius: 4px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 32px; }
.datepicker--button:hover {
color: #4a4a4a;
background: #f0f0f0; }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
background: none;
border: none; }
/* -------------------------------------------------
Timepicker
------------------------------------------------- */
.datepicker--time {
border-top: 1px solid #efefef;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 4px;
position: relative; }
.datepicker--time.-am-pm- .datepicker--time-sliders {
-webkit-flex: 0 1 138px;
-ms-flex: 0 1 138px;
flex: 0 1 138px;
max-width: 138px; }
.-only-timepicker- .datepicker--time {
border-top: none; }
.datepicker--time-sliders {
-webkit-flex: 0 1 153px;
-ms-flex: 0 1 153px;
flex: 0 1 153px;
margin-right: 10px;
max-width: 153px; }
.datepicker--time-label {
display: none;
font-size: 12px; }
.datepicker--time-current {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 14px;
text-align: center;
margin: 0 0 0 10px; }
.datepicker--time-current-colon {
margin: 0 2px 3px;
line-height: 1; }
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
line-height: 1;
font-size: 19px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
position: relative;
z-index: 1; }
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
content: '';
background: #f0f0f0;
border-radius: 4px;
position: absolute;
left: -2px;
top: -3px;
right: -2px;
bottom: -2px;
z-index: -1;
opacity: 0; }
.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
opacity: 1; }
.datepicker--time-current-ampm {
text-transform: uppercase;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
color: #9c9c9c;
margin-left: 6px;
font-size: 11px;
margin-bottom: 1px; }
.datepicker--time-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 11px;
height: 17px;
background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
.datepicker--time-row:first-child {
margin-bottom: 4px; }
.datepicker--time-row input[type='range'] {
background: none;
cursor: pointer;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
padding: 0;
margin: 0;
-webkit-appearance: none; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none; }
.datepicker--time-row input[type='range']::-ms-tooltip {
display: none; }
.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:hover::-ms-thumb {
border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:focus {
outline: none; }
.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
background: #5cc4ef;
border-color: #5cc4ef; }
.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
background: #5cc4ef;
border-color: #5cc4ef; }
.datepicker--time-row input[type='range']:focus::-ms-thumb {
background: #5cc4ef;
border-color: #5cc4ef; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
transition: background .2s; }
.datepicker--time-row input[type='range']::-moz-range-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
transition: background .2s; }
.datepicker--time-row input[type='range']::-ms-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
transition: background .2s; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
margin-top: -6px; }
.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent; }
.datepicker--time-row input[type='range']::-moz-range-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent; }
.datepicker--time-row input[type='range']::-ms-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent; }
.datepicker--time-row input[type='range']::-ms-fill-lower {
background: transparent; }
.datepicker--time-row input[type='range']::-ms-fill-upper {
background: transparent; }
.datepicker--time-row span {
padding: 0 12px; }
.datepicker--time-icon {
color: #9c9c9c;
border: 1px solid;
border-radius: 50%;
font-size: 16px;
position: relative;
margin: 0 5px -1px 0;
width: 1em;
height: 1em; }
.datepicker--time-icon:after, .datepicker--time-icon:before {
content: '';
background: currentColor;
position: absolute; }
.datepicker--time-icon:after {
height: .4em;
width: 1px;
left: calc(50% - 1px);
top: calc(50% + 1px);
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.datepicker--time-icon:before {
width: .4em;
height: 1px;
top: calc(50% + 1px);
left: calc(50% - 1px); }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
background: none;
border: none; }
.slide-in-down.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-down.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
transform: translateY(0); }
.slide-in-left.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-left.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
transform: translateX(0); }
.slide-in-up.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-up.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
transform: translateY(0); }
.slide-in-right.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-right.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
transform: translateX(0); }
.slide-out-down.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-down.mui-leave.mui-leave-active {
-webkit-transform: translateY(100%);
transform: translateY(100%); }
.slide-out-right.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-right.mui-leave.mui-leave-active {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.slide-out-up.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-up.mui-leave.mui-leave-active {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.slide-out-left.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-left.mui-leave.mui-leave-active {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.fade-in.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity; }
.fade-in.mui-enter.mui-enter-active {
opacity: 1; }
.fade-out.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
opacity: 1;
-webkit-transition-property: opacity;
transition-property: opacity; }
.fade-out.mui-leave.mui-leave-active {
opacity: 0; }
.hinge-in-from-top.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-top.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-right.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-right.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-bottom.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-bottom.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-left.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-left.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-x.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-y.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-out-from-top.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-top.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-right.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-right.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.hinge-out-from-bottom.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-bottom.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-left.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-left.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.hinge-out-from-middle-x.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-middle-y.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.scale-in-up.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.scale-in-up.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-in-down.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.scale-in-down.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-out-up.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.scale-out-up.mui-leave.mui-leave-active {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; }
.scale-out-down.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.scale-out-down.mui-leave.mui-leave-active {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0; }
.spin-in.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.spin-in.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.spin-out.mui-leave.mui-leave-active {
-webkit-transform: rotate(0.75turn);
transform: rotate(0.75turn);
opacity: 0; }
.spin-in-ccw.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0.75turn);
transform: rotate(0.75turn);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.spin-in-ccw.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out-ccw.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.spin-out-ccw.mui-leave.mui-leave-active {
-webkit-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
opacity: 0; }
.slow {
-webkit-transition-duration: 750ms !important;
transition-duration: 750ms !important; }
.fast {
-webkit-transition-duration: 250ms !important;
transition-duration: 250ms !important; }
.linear {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important; }
.ease {
-webkit-transition-timing-function: ease !important;
transition-timing-function: ease !important; }
.ease-in {
-webkit-transition-timing-function: ease-in !important;
transition-timing-function: ease-in !important; }
.ease-out {
-webkit-transition-timing-function: ease-out !important;
transition-timing-function: ease-out !important; }
.ease-in-out {
-webkit-transition-timing-function: ease-in-out !important;
transition-timing-function: ease-in-out !important; }
.bounce-in {
-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
-webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
-webkit-transition-delay: 300ms !important;
transition-delay: 300ms !important; }
.long-delay {
-webkit-transition-delay: 700ms !important;
transition-delay: 700ms !important; }
.shake {
-webkit-animation-name: shake-7;
animation-name: shake-7; }
@-webkit-keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%); } }
@keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%); } }
.spin-cw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn; }
@-webkit-keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
.spin-ccw {
-webkit-animation-name: spin-ccw-1turn;
animation-name: spin-ccw-1turn; }
@-webkit-keyframes spin-ccw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
100% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); } }
@keyframes spin-ccw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
100% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); } }
.wiggle {
-webkit-animation-name: wiggle-7deg;
animation-name: wiggle-7deg; }
@-webkit-keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
-webkit-animation-duration: 500ms;
animation-duration: 500ms; }
.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.slow {
-webkit-animation-duration: 750ms !important;
animation-duration: 750ms !important; }
.fast {
-webkit-animation-duration: 250ms !important;
animation-duration: 250ms !important; }
.linear {
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important; }
.ease {
-webkit-animation-timing-function: ease !important;
animation-timing-function: ease !important; }
.ease-in {
-webkit-animation-timing-function: ease-in !important;
animation-timing-function: ease-in !important; }
.ease-out {
-webkit-animation-timing-function: ease-out !important;
animation-timing-function: ease-out !important; }
.ease-in-out {
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important; }
.bounce-in {
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
-webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
-webkit-animation-delay: 300ms !important;
animation-delay: 300ms !important; }
.long-delay {
-webkit-animation-delay: 700ms !important;
animation-delay: 700ms !important; }
@charset "UTF-8";
/**
* Foundation for Sites
* Version 6.7.4
* https://get.foundation
* Licensed under MIT Open Source
*/
@media print, screen and (min-width: 50em) {
.reveal.large, .reveal.small, .reveal.tiny, .reveal {
right: auto;
left: auto;
margin: 0 auto;
}
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: "FontAwesome";
src: url(/fonts/vendor/font-awesome/fontawesome-webfont.eot?8b43027f47b20503057dfbbaa9401fef);
src: url(/fonts/vendor/font-awesome/fontawesome-webfont.eot?8b43027f47b20503057dfbbaa9401fef?#iefix&v=4.7.0) format("embedded-opentype"), url(/fonts/vendor/font-awesome/fontawesome-webfont.woff2?20fd1704ea223900efa9fd4e869efb08) format("woff2"), url(/fonts/vendor/font-awesome/fontawesome-webfont.woff?f691f37e57f04c152e2315ab7dbad881) format("woff"), url(/fonts/vendor/font-awesome/fontawesome-webfont.ttf?1e59d2330b4c6deb84b340635ed36249) format("truetype"), url(/fonts/vendor/font-awesome/fontawesome-webfont.svg?c1e38fd9e0e74ba58f7a2b77ef29fdd3#fontawesomeregular) format("svg");
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: 0.2em 0.25em 0.15em;
border: solid 0.08em #eeeeee;
border-radius: 0.1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: 0.3em;
}
.fa.fa-pull-right {
margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: 0.3em;
}
.fa.pull-right {
margin-left: 0.3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.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;
}
@font-face {
font-family: "Gotham Light Regular";
src: url("/fonts/gotham_light_regular.eot");
src: url("/fonts/gotham_light_regular.eot?#iefix") format("embedded-opentype"), url("/fonts/gotham_light_regular.woff") format("woff"), url("/fonts/gotham_light_regular.ttf") format("truetype"), url("/fonts/gotham_light_regular.svg#gotham_light_regular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url("https://static.mypilloo.com/fonts/inter-regular.eot");
src: url("https://static.mypilloo.com/fonts/inter-regular.eot?#iefix") format("embedded-opentype"), url("https://static.mypilloo.com/fonts/inter-regular.woff") format("woff"), url("https://static.mypilloo.com/fonts/inter-regular.ttf") format("truetype"), url("https://static.mypilloo.com/fonts/inter-regular.svg#inter-regular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Manrope";
src: url("https://static.mypilloo.com/fonts/manrope-regular.eot");
src: url("https://static.mypilloo.com/fonts/manrope-regular.eot?#iefix") format("embedded-opentype"), url("https://static.mypilloo.com/fonts/manrope-regular.woff") format("woff"), url("https://static.mypilloo.com/fonts/manrope-regular.ttf") format("truetype"), url("https://static.mypilloo.com/fonts/manrope-regular.svg#manrope-regular") format("svg");
font-weight: normal;
font-style: normal;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 0;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
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;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
outline: none;
}
[draggable=false] {
-webkit-touch-callout: none;
-webkit-user-select: none;
}
.foundation-mq {
font-family: "small=0em&medium=50em&large=75em&xlarge=75em&xxlarge=90em";
}
html {
box-sizing: border-box;
font-size: 100%;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: Inter;
font-weight: normal;
line-height: 1.5;
color: #475467;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0;
}
select {
box-sizing: border-box;
width: 100%;
border-radius: 0;
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important;
}
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: transparent;
line-height: 1;
cursor: auto;
}
[data-whatinput=mouse] button {
outline: 0;
}
pre {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.row {
max-width: 90rem;
margin-right: auto;
margin-left: auto;
}
.row::before, .row::after {
display: table;
content: " ";
}
.row::after {
clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.row .row {
margin-right: -0.3125rem;
margin-left: -0.3125rem;
}
@media print, screen and (min-width: 50em) {
.row .row {
margin-right: -0.78125rem;
margin-left: -0.78125rem;
}
}
@media print, screen and (min-width: 75em) {
.row .row {
margin-right: -0.78125rem;
margin-left: -0.78125rem;
}
}
.row .row.collapse {
margin-right: 0;
margin-left: 0;
}
.row.expanded {
max-width: none;
}
.row.expanded .row {
margin-right: auto;
margin-left: auto;
}
.row:not(.expanded) .row {
max-width: none;
}
.row.gutter-small > .column, .row.gutter-small > .columns {
padding-right: 0.3125rem;
padding-left: 0.3125rem;
}
.row.gutter-medium > .column, .row.gutter-medium > .columns {
padding-right: 0.78125rem;
padding-left: 0.78125rem;
}
.column, .columns {
padding-right: 0.3125rem;
padding-left: 0.3125rem;
width: 100%;
float: left;
}
@media print, screen and (min-width: 50em) {
.column, .columns {
padding-right: 0.78125rem;
padding-left: 0.78125rem;
}
}
.column, .columns, .column:last-child:not(:first-child) {
float: left;
clear: none;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
float: left;
}
.column.row.row, .row.row.columns {
float: none;
}
.row .column.row.row, .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0;
}
.small-1 {
width: 8.3333333333%;
}
.small-push-1 {
position: relative;
left: 8.3333333333%;
}
.small-pull-1 {
position: relative;
left: -8.3333333333%;
}
.small-offset-0 {
margin-left: 0%;
}
.small-2 {
width: 16.6666666667%;
}
.small-push-2 {
position: relative;
left: 16.6666666667%;
}
.small-pull-2 {
position: relative;
left: -16.6666666667%;
}
.small-offset-1 {
margin-left: 8.3333333333%;
}
.small-3 {
width: 25%;
}
.small-push-3 {
position: relative;
left: 25%;
}
.small-pull-3 {
position: relative;
left: -25%;
}
.small-offset-2 {
margin-left: 16.6666666667%;
}
.small-4 {
width: 33.3333333333%;
}
.small-push-4 {
position: relative;
left: 33.3333333333%;
}
.small-pull-4 {
position: relative;
left: -33.3333333333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-5 {
width: 41.6666666667%;
}
.small-push-5 {
position: relative;
left: 41.6666666667%;
}
.small-pull-5 {
position: relative;
left: -41.6666666667%;
}
.small-offset-4 {
margin-left: 33.3333333333%;
}
.small-6 {
width: 50%;
}
.small-push-6 {
position: relative;
left: 50%;
}
.small-pull-6 {
position: relative;
left: -50%;
}
.small-offset-5 {
margin-left: 41.6666666667%;
}
.small-7 {
width: 58.3333333333%;
}
.small-push-7 {
position: relative;
left: 58.3333333333%;
}
.small-pull-7 {
position: relative;
left: -58.3333333333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-8 {
width: 66.6666666667%;
}
.small-push-8 {
position: relative;
left: 66.6666666667%;
}
.small-pull-8 {
position: relative;
left: -66.6666666667%;
}
.small-offset-7 {
margin-left: 58.3333333333%;
}
.small-9 {
width: 75%;
}
.small-push-9 {
position: relative;
left: 75%;
}
.small-pull-9 {
position: relative;
left: -75%;
}
.small-offset-8 {
margin-left: 66.6666666667%;
}
.small-10 {
width: 83.3333333333%;
}
.small-push-10 {
position: relative;
left: 83.3333333333%;
}
.small-pull-10 {
position: relative;
left: -83.3333333333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-11 {
width: 91.6666666667%;
}
.small-push-11 {
position: relative;
left: 91.6666666667%;
}
.small-pull-11 {
position: relative;
left: -91.6666666667%;
}
.small-offset-10 {
margin-left: 83.3333333333%;
}
.small-12 {
width: 100%;
}
.small-offset-11 {
margin-left: 91.6666666667%;
}
.small-up-1 > .column, .small-up-1 > .columns {
float: left;
width: 100%;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left;
}
.small-up-2 > .column, .small-up-2 > .columns {
float: left;
width: 50%;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left;
}
.small-up-3 > .column, .small-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left;
}
.small-up-4 > .column, .small-up-4 > .columns {
float: left;
width: 25%;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left;
}
.small-up-5 > .column, .small-up-5 > .columns {
float: left;
width: 20%;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left;
}
.small-up-6 > .column, .small-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left;
}
.small-up-7 > .column, .small-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left;
}
.small-up-8 > .column, .small-up-8 > .columns {
float: left;
width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left;
}
.small-collapse > .column, .small-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.small-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .small-collapse.row {
margin-right: 0;
margin-left: 0;
}
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-right: 0.3125rem;
padding-left: 0.3125rem;
}
.small-centered {
margin-right: auto;
margin-left: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.small-uncentered, .small-push-0, .small-pull-0 {
position: static;
margin-right: 0;
margin-left: 0;
}
.small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) {
float: left;
clear: none;
}
.small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) {
float: right;
}
@media print, screen and (min-width: 50em) {
.medium-1 {
width: 8.3333333333%;
}
.medium-push-1 {
position: relative;
left: 8.3333333333%;
}
.medium-pull-1 {
position: relative;
left: -8.3333333333%;
}
.medium-offset-0 {
margin-left: 0%;
}
.medium-2 {
width: 16.6666666667%;
}
.medium-push-2 {
position: relative;
left: 16.6666666667%;
}
.medium-pull-2 {
position: relative;
left: -16.6666666667%;
}
.medium-offset-1 {
margin-left: 8.3333333333%;
}
.medium-3 {
width: 25%;
}
.medium-push-3 {
position: relative;
left: 25%;
}
.medium-pull-3 {
position: relative;
left: -25%;
}
.medium-offset-2 {
margin-left: 16.6666666667%;
}
.medium-4 {
width: 33.3333333333%;
}
.medium-push-4 {
position: relative;
left: 33.3333333333%;
}
.medium-pull-4 {
position: relative;
left: -33.3333333333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
width: 41.6666666667%;
}
.medium-push-5 {
position: relative;
left: 41.6666666667%;
}
.medium-pull-5 {
position: relative;
left: -41.6666666667%;
}
.medium-offset-4 {
margin-left: 33.3333333333%;
}
.medium-6 {
width: 50%;
}
.medium-push-6 {
position: relative;
left: 50%;
}
.medium-pull-6 {
position: relative;
left: -50%;
}
.medium-offset-5 {
margin-left: 41.6666666667%;
}
.medium-7 {
width: 58.3333333333%;
}
.medium-push-7 {
position: relative;
left: 58.3333333333%;
}
.medium-pull-7 {
position: relative;
left: -58.3333333333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
width: 66.6666666667%;
}
.medium-push-8 {
position: relative;
left: 66.6666666667%;
}
.medium-pull-8 {
position: relative;
left: -66.6666666667%;
}
.medium-offset-7 {
margin-left: 58.3333333333%;
}
.medium-9 {
width: 75%;
}
.medium-push-9 {
position: relative;
left: 75%;
}
.medium-pull-9 {
position: relative;
left: -75%;
}
.medium-offset-8 {
margin-left: 66.6666666667%;
}
.medium-10 {
width: 83.3333333333%;
}
.medium-push-10 {
position: relative;
left: 83.3333333333%;
}
.medium-pull-10 {
position: relative;
left: -83.3333333333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
width: 91.6666666667%;
}
.medium-push-11 {
position: relative;
left: 91.6666666667%;
}
.medium-pull-11 {
position: relative;
left: -91.6666666667%;
}
.medium-offset-10 {
margin-left: 83.3333333333%;
}
.medium-12 {
width: 100%;
}
.medium-offset-11 {
margin-left: 91.6666666667%;
}
.medium-up-1 > .column, .medium-up-1 > .columns {
float: left;
width: 100%;
}
.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left;
}
.medium-up-2 > .column, .medium-up-2 > .columns {
float: left;
width: 50%;
}
.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left;
}
.medium-up-3 > .column, .medium-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left;
}
.medium-up-4 > .column, .medium-up-4 > .columns {
float: left;
width: 25%;
}
.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left;
}
.medium-up-5 > .column, .medium-up-5 > .columns {
float: left;
width: 20%;
}
.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left;
}
.medium-up-6 > .column, .medium-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left;
}
.medium-up-7 > .column, .medium-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left;
}
.medium-up-8 > .column, .medium-up-8 > .columns {
float: left;
width: 12.5%;
}
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left;
}
.medium-collapse > .column, .medium-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.medium-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .medium-collapse.row {
margin-right: 0;
margin-left: 0;
}
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-right: 0.78125rem;
padding-left: 0.78125rem;
}
.medium-centered {
margin-right: auto;
margin-left: auto;
}
.medium-centered, .medium-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.medium-uncentered, .medium-push-0, .medium-pull-0 {
position: static;
margin-right: 0;
margin-left: 0;
}
.medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) {
float: left;
clear: none;
}
.medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) {
float: right;
}
}
@media print, screen and (min-width: 75em) {
.large-1 {
width: 8.3333333333%;
}
.large-push-1 {
position: relative;
left: 8.3333333333%;
}
.large-pull-1 {
position: relative;
left: -8.3333333333%;
}
.large-offset-0 {
margin-left: 0%;
}
.large-2 {
width: 16.6666666667%;
}
.large-push-2 {
position: relative;
left: 16.6666666667%;
}
.large-pull-2 {
position: relative;
left: -16.6666666667%;
}
.large-offset-1 {
margin-left: 8.3333333333%;
}
.large-3 {
width: 25%;
}
.large-push-3 {
position: relative;
left: 25%;
}
.large-pull-3 {
position: relative;
left: -25%;
}
.large-offset-2 {
margin-left: 16.6666666667%;
}
.large-4 {
width: 33.3333333333%;
}
.large-push-4 {
position: relative;
left: 33.3333333333%;
}
.large-pull-4 {
position: relative;
left: -33.3333333333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
width: 41.6666666667%;
}
.large-push-5 {
position: relative;
left: 41.6666666667%;
}
.large-pull-5 {
position: relative;
left: -41.6666666667%;
}
.large-offset-4 {
margin-left: 33.3333333333%;
}
.large-6 {
width: 50%;
}
.large-push-6 {
position: relative;
left: 50%;
}
.large-pull-6 {
position: relative;
left: -50%;
}
.large-offset-5 {
margin-left: 41.6666666667%;
}
.large-7 {
width: 58.3333333333%;
}
.large-push-7 {
position: relative;
left: 58.3333333333%;
}
.large-pull-7 {
position: relative;
left: -58.3333333333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
width: 66.6666666667%;
}
.large-push-8 {
position: relative;
left: 66.6666666667%;
}
.large-pull-8 {
position: relative;
left: -66.6666666667%;
}
.large-offset-7 {
margin-left: 58.3333333333%;
}
.large-9 {
width: 75%;
}
.large-push-9 {
position: relative;
left: 75%;
}
.large-pull-9 {
position: relative;
left: -75%;
}
.large-offset-8 {
margin-left: 66.6666666667%;
}
.large-10 {
width: 83.3333333333%;
}
.large-push-10 {
position: relative;
left: 83.3333333333%;
}
.large-pull-10 {
position: relative;
left: -83.3333333333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
width: 91.6666666667%;
}
.large-push-11 {
position: relative;
left: 91.6666666667%;
}
.large-pull-11 {
position: relative;
left: -91.6666666667%;
}
.large-offset-10 {
margin-left: 83.3333333333%;
}
.large-12 {
width: 100%;
}
.large-offset-11 {
margin-left: 91.6666666667%;
}
.large-up-1 > .column, .large-up-1 > .columns {
float: left;
width: 100%;
}
.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left;
}
.large-up-2 > .column, .large-up-2 > .columns {
float: left;
width: 50%;
}
.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left;
}
.large-up-3 > .column, .large-up-3 > .columns {
float: left;
width: 33.3333333333%;
}
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left;
}
.large-up-4 > .column, .large-up-4 > .columns {
float: left;
width: 25%;
}
.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left;
}
.large-up-5 > .column, .large-up-5 > .columns {
float: left;
width: 20%;
}
.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left;
}
.large-up-6 > .column, .large-up-6 > .columns {
float: left;
width: 16.6666666667%;
}
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left;
}
.large-up-7 > .column, .large-up-7 > .columns {
float: left;
width: 14.2857142857%;
}
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left;
}
.large-up-8 > .column, .large-up-8 > .columns {
float: left;
width: 12.5%;
}
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left;
}
.large-collapse > .column, .large-collapse > .columns {
padding-right: 0;
padding-left: 0;
}
.large-collapse .row {
margin-right: 0;
margin-left: 0;
}
.expanded.row .large-collapse.row {
margin-right: 0;
margin-left: 0;
}
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-right: 0.78125rem;
padding-left: 0.78125rem;
}
.large-centered {
margin-right: auto;
margin-left: auto;
}
.large-centered, .large-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.large-uncentered, .large-push-0, .large-pull-0 {
position: static;
margin-right: 0;
margin-left: 0;
}
.large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) {
float: left;
clear: none;
}
.large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) {
float: right;
}
}
.column-block {
margin-bottom: 0.625rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 50em) {
.column-block {
margin-bottom: 1.5625rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 80%;
line-height: inherit;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: Inter;
font-style: normal;
font-weight: normal;
color: inherit;
text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
line-height: 0;
color: #999999;
}
h1, .h1 {
font-size: 1.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h2, .h2 {
font-size: 1.25rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h3, .h3 {
font-size: 1.1875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h4, .h4 {
font-size: 1.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h5, .h5 {
font-size: 1.0625rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h6, .h6 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 50em) {
h1, .h1 {
font-size: 3rem;
}
h2, .h2 {
font-size: 2.5rem;
}
h3, .h3 {
font-size: 1.9375rem;
}
h4, .h4 {
font-size: 1.5625rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
}
a {
line-height: inherit;
color: #FF5000;
text-decoration: none;
cursor: pointer;
}
a:hover, a:focus {
color: #db4500;
}
a img {
border: 0;
}
hr {
clear: both;
max-width: 90rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #999999;
border-left: 0;
}
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6;
}
li {
font-size: inherit;
}
ul {
margin-left: 1.25rem;
list-style-type: disc;
}
ol {
margin-left: 1.25rem;
}
ul ul, ul ol, ol ul, ol ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
dl {
margin-bottom: 1rem;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: bold;
}
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #999999;
}
blockquote, blockquote p {
line-height: 1.6;
color: #8a8a8a;
}
abbr, abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none;
}
figure {
margin: 0;
}
kbd {
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #E2E2DF;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
ul.no-bullet, ol.no-bullet {
margin-left: 0;
list-style: none;
}
.cite-block, cite {
display: block;
color: #8a8a8a;
font-size: 0.8125rem;
}
.cite-block:before, cite:before {
content: "— ";
}
.code-inline, code {
border: 1px solid #999999;
background-color: #E2E2DF;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a;
display: inline;
max-width: 100%;
word-wrap: break-word;
padding: 0.125rem 0.3125rem 0.0625rem;
}
.code-block {
border: 1px solid #999999;
background-color: #E2E2DF;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a;
display: block;
overflow: auto;
white-space: pre;
padding: 1rem;
margin-bottom: 1.5rem;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media print, screen and (min-width: 50em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media print, screen and (min-width: 75em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: black !important;
-webkit-print-color-adjust: economy;
color-adjust: economy;
box-shadow: none !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre,
blockquote {
border: 1px solid #8a8a8a;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.print-break-inside {
page-break-inside: auto;
}
}
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 10px 40px;
border: 1px solid transparent;
border-radius: 0;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit;
font-size: 0.9rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;
}
[data-whatinput=mouse] .button {
outline: 0;
}
.button.tiny {
font-size: 0.6rem;
}
.button.small {
font-size: 0.75rem;
}
.button.large {
font-size: 1.25rem;
}
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
background-color: #FF6620;
color: #fefefe;
}
.button:hover, .button:focus {
background-color: #f44d00;
color: #fefefe;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
background-color: #FF6620;
color: #fefefe;
}
.button.primary:hover, .button.primary:focus {
background-color: #e64800;
color: #fefefe;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
background-color: #fefefe;
color: #fefefe;
}
.button.secondary:hover, .button.secondary:focus {
background-color: #cbcbcb;
color: #fefefe;
}
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
background-color: #3adb76;
color: #fefefe;
}
.button.success:hover, .button.success:focus {
background-color: #22bb5b;
color: #fefefe;
}
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
background-color: #c37f00;
color: #fefefe;
}
.button.warning:hover, .button.warning:focus {
background-color: #9c6600;
color: #fefefe;
}
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
background-color: #cc3737;
color: #fefefe;
}
.button.alert:hover, .button.alert:focus {
background-color: brown;
color: #fefefe;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
background-color: transparent;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
border: 1px solid #FF6620;
color: #FF6620;
}
.button.hollow:hover, .button.hollow:focus {
border-color: #902d00;
color: #902d00;
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
border: 1px solid #FF6620;
color: #FF6620;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: #902d00;
color: #902d00;
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
border: 1px solid #fefefe;
color: #fefefe;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: #7f7f7f;
color: #7f7f7f;
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
border: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: #157539;
color: #157539;
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
border: 1px solid #c37f00;
color: #c37f00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: #624000;
color: #624000;
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
border: 1px solid #cc3737;
color: #cc3737;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: #671a1a;
color: #671a1a;
}
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
border-color: transparent;
background-color: transparent;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
color: #FF6620;
}
.button.clear:hover, .button.clear:focus {
color: #902d00;
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
color: #FF6620;
}
.button.clear.primary:hover, .button.clear.primary:focus {
color: #902d00;
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
color: #fefefe;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
color: #7f7f7f;
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
color: #3adb76;
}
.button.clear.success:hover, .button.clear.success:focus {
color: #157539;
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
color: #c37f00;
}
.button.clear.warning:hover, .button.clear.warning:focus {
color: #624000;
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
color: #cc3737;
}
.button.clear.alert:hover, .button.clear.alert:focus {
color: #671a1a;
}
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.4em;
content: "";
border-bottom-width: 0;
border-color: #fefefe transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 40px;
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
border-top-color: #FF6620;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
border-top-color: #FF6620;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
border-top-color: #fefefe;
}
.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
border-top-color: #c37f00;
}
.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
border-top-color: #cc3737;
}
.button.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0;
}
a.button:hover, a.button:focus {
text-decoration: none;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #999999;
border-radius: 0;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
box-shadow: 0 0 5px #999999;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #E2E2DF;
cursor: not-allowed;
}
[type=submit],
[type=button] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input[type=search] {
box-sizing: border-box;
}
::-moz-placeholder {
color: #999999;
}
:-ms-input-placeholder {
color: #999999;
}
::placeholder {
color: #999999;
}
[type=file],
[type=checkbox],
[type=radio] {
margin: 0 0 1rem;
}
[type=checkbox] + label,
[type=radio] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
cursor: pointer;
}
label > [type=checkbox],
label > [type=radio] {
margin-right: 0.5rem;
}
[type=file] {
width: 100%;
}
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a;
}
label.middle {
margin: 0 0 1rem;
line-height: 1.5;
padding: 0.5625rem 0;
}
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #0a0a0a;
}
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
border-radius: 0 0 0 0;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
margin: 0;
white-space: nowrap;
display: table-cell;
vertical-align: middle;
}
.input-group-label {
padding: 0 1rem;
border: 1px solid #999999;
background: #E2E2DF;
color: #0a0a0a;
text-align: center;
white-space: nowrap;
width: 1%;
height: 100%;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
border-radius: 0;
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
width: 1%;
height: 100%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
height: 2.4375rem;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem;
}
.input-group .input-group-button {
display: table-cell;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
legend {
max-width: 100%;
margin-bottom: 0.5rem;
}
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #999999;
}
.fieldset legend {
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
}
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #999999;
border-radius: 0;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
background-image: url('data:image/svg+xml;utf8,');
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0 ) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
}
}
select:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
box-shadow: 0 0 5px #999999;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
background-color: #E2E2DF;
cursor: not-allowed;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
select:not([multiple]) {
padding-top: 0;
padding-bottom: 0;
}
.is-invalid-input:not(:focus) {
border-color: #cc3737;
background-color: #f9eaea;
}
.is-invalid-input:not(:focus)::-moz-placeholder {
color: #cc3737;
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
color: #cc3737;
}
.is-invalid-input:not(:focus)::placeholder {
color: #cc3737;
}
.is-invalid-label {
color: #cc3737;
}
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #cc3737;
}
.form-error.is-visible {
display: block;
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
@media print, screen and (max-width: 49.99875em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 50em) {
.show-for-small-only {
display: none !important;
}
}
@media print, screen and (min-width: 50em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 49.99875em) {
.show-for-medium {
display: none !important;
}
}
@media print, screen and (min-width: 50em) and (max-width: 74.99875em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 49.99875em), screen and (min-width: 75em) {
.show-for-medium-only {
display: none !important;
}
}
@media print, screen and (min-width: 75em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 74.99875em) {
.show-for-large {
display: none !important;
}
}
@media print, screen and (min-width: 75em) and (max-width: 74.99875em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 74.99875em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important;
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
clip: auto !important;
white-space: normal !important;
}
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important;
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important;
}
}
.show-for-dark-mode {
display: none;
}
.hide-for-dark-mode {
display: block;
}
@media screen and (prefers-color-scheme: dark) {
.show-for-dark-mode {
display: block !important;
}
.hide-for-dark-mode {
display: none !important;
}
}
.show-for-ie {
display: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.show-for-ie {
display: block !important;
}
.hide-for-ie {
display: none !important;
}
}
.show-for-sticky {
display: none;
}
.is-stuck .show-for-sticky {
display: block;
}
.is-stuck .hide-for-sticky {
display: none;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-right: auto;
margin-left: auto;
}
.clearfix::before, .clearfix::after {
display: table;
content: " ";
}
.clearfix::after {
clear: both;
}
.menu {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
[data-whatinput=mouse] .menu li {
outline: 0;
}
.menu a,
.menu .button {
line-height: 1;
text-decoration: none;
display: block;
padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
margin-bottom: 0;
}
.menu input {
display: inline-block;
}
.menu li, .menu.horizontal li {
display: inline-block;
}
.menu.vertical li {
display: block;
}
.menu.expanded {
display: table;
width: 100%;
}
.menu.expanded > li {
display: table-cell;
vertical-align: middle;
}
.menu.simple li + li {
margin-left: 1rem;
}
.menu.simple a {
padding: 0;
}
@media print, screen and (min-width: 50em) {
.menu.medium-horizontal li {
display: inline-block;
}
.menu.medium-vertical li {
display: block;
}
.menu.medium-expanded {
display: table;
width: 100%;
}
.menu.medium-expanded > li {
display: table-cell;
vertical-align: middle;
}
.menu.medium-simple {
display: table;
width: 100%;
}
.menu.medium-simple > li {
display: table-cell;
vertical-align: middle;
}
}
@media print, screen and (min-width: 75em) {
.menu.large-horizontal li {
display: inline-block;
}
.menu.large-vertical li {
display: block;
}
.menu.large-expanded {
display: table;
width: 100%;
}
.menu.large-expanded > li {
display: table-cell;
vertical-align: middle;
}
.menu.large-simple {
display: table;
width: 100%;
}
.menu.large-simple > li {
display: table-cell;
vertical-align: middle;
}
}
.menu.nested {
margin-right: 0;
margin-left: 1rem;
}
.menu.icons img,
.menu.icons i,
.menu.icons svg {
vertical-align: middle;
}
.menu.icons img + span,
.menu.icons i + span,
.menu.icons svg + span {
vertical-align: middle;
}
.menu.icon-top img,
.menu.icon-top i,
.menu.icon-top svg, .menu.icon-right img,
.menu.icon-right i,
.menu.icon-right svg, .menu.icon-bottom img,
.menu.icon-bottom i,
.menu.icon-bottom svg, .menu.icon-left img,
.menu.icon-left i,
.menu.icon-left svg {
vertical-align: middle;
}
.menu.icon-top img + span,
.menu.icon-top i + span,
.menu.icon-top svg + span, .menu.icon-right img + span,
.menu.icon-right i + span,
.menu.icon-right svg + span, .menu.icon-bottom img + span,
.menu.icon-bottom i + span,
.menu.icon-bottom svg + span, .menu.icon-left img + span,
.menu.icon-left i + span,
.menu.icon-left svg + span {
vertical-align: middle;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg, .menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
margin-right: 0.25rem;
display: inline-block;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg, .menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
margin-left: 0.25rem;
display: inline-block;
}
.menu.icon-top li a, .menu.nested.icon-top li a {
text-align: center;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg, .menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
display: block;
margin: 0 auto 0.25rem;
}
.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
text-align: center;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
display: block;
margin: 0.25rem auto 0;
}
.menu .is-active > a {
background: #FF6620;
color: #0a0a0a;
}
.menu .active > a {
background: #FF6620;
color: #0a0a0a;
}
.menu.align-left {
text-align: left;
}
.menu.align-right {
text-align: right;
}
.menu.align-right .submenu li {
text-align: left;
}
.menu.align-right.vertical .submenu li {
text-align: right;
}
.menu.align-right .nested {
margin-right: 1rem;
margin-left: 0;
}
.menu.align-center {
text-align: center;
}
.menu.align-center .submenu li {
text-align: left;
}
.menu .menu-text {
padding: 0.7rem 1rem;
font-weight: bold;
line-height: 1;
color: inherit;
}
.menu-centered > .menu {
text-align: center;
}
.menu-centered > .menu .submenu li {
text-align: left;
}
.no-js [data-responsive-menu] ul {
display: none;
}
.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer;
}
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #0a0a0a;
box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
content: "";
}
.menu-icon:hover::after {
background: #999999;
box-shadow: 0 7px 0 #999999, 0 14px 0 #999999;
}
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer;
}
.menu-icon.dark::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #0a0a0a;
box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
content: "";
}
.menu-icon.dark:hover::after {
background: #8a8a8a;
box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 1rem;
border-radius: 0;
}
thead,
tbody,
tfoot {
border: 1px solid #f1f1f1;
background-color: #fefefe;
}
caption {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
}
thead {
background: #f8f8f8;
color: #475467;
}
tfoot {
background: #f1f1f1;
color: #475467;
}
thead tr,
tfoot tr {
background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
text-align: left;
}
tbody th,
tbody td {
padding: 0.5rem 0.625rem 0.625rem;
}
tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f1f1f1;
}
table.unstriped tbody {
background-color: #fefefe;
}
table.unstriped tbody tr {
border-bottom: 1px solid #f1f1f1;
background-color: #fefefe;
}
@media print, screen and (max-width: 74.99875em) {
table.stack thead {
display: none;
}
table.stack tfoot {
display: none;
}
table.stack tr,
table.stack th,
table.stack td {
display: block;
}
table.stack td {
border-top: 0;
}
}
table.scroll {
display: block;
width: 100%;
overflow-x: auto;
}
table.hover thead tr:hover {
background-color: #f3f3f3;
}
table.hover tfoot tr:hover {
background-color: #ececec;
}
table.hover tbody tr:hover {
background-color: #f9f9f9;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #ececec;
}
.table-scroll {
overflow-x: auto;
}
.dropdown-pane {
position: absolute;
z-index: 10;
display: none;
width: 300px;
padding: 1rem;
visibility: hidden;
border: 1px solid #fff;
border-radius: 0;
background-color: #fefefe;
font-size: 1rem;
}
.dropdown-pane.is-opening {
display: block;
}
.dropdown-pane.is-open {
display: block;
visibility: visible;
}
.dropdown-pane.tiny {
width: 100px;
}
.dropdown-pane.small {
width: 200px;
}
.dropdown-pane.large {
width: 400px;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #FF5000 transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
outline: 0;
}
.dropdown.menu > li > a {
background: #fefefe;
padding: 0.7rem 1rem;
}
.dropdown.menu > li.is-active > a {
background: transparent;
color: #FF6620;
}
.no-js .dropdown.menu ul {
display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
margin-right: 0;
margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.vertical > li > a::after {
right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #FF5000 transparent transparent;
right: auto;
left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #FF5000;
}
@media print, screen and (min-width: 50em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #FF5000 transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
}
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto;
}
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.medium-vertical > li > a::after {
right: 14px;
}
.dropdown.menu.medium-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #FF5000 transparent transparent;
right: auto;
left: 5px;
}
.dropdown.menu.medium-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #FF5000;
}
}
@media print, screen and (min-width: 75em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto;
}
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #FF5000 transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
}
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto;
}
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.large-vertical > li > a::after {
right: 14px;
}
.dropdown.menu.large-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #FF5000 transparent transparent;
right: auto;
left: 5px;
}
.dropdown.menu.large-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #FF5000;
}
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
right: 0;
left: auto;
}
.is-dropdown-menu.vertical {
width: 100px;
}
.is-dropdown-menu.vertical.align-right {
float: right;
}
.is-dropdown-submenu-parent {
position: relative;
}
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
left: auto;
margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
top: 100%;
left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%;
}
.is-dropdown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: none;
min-width: 200px;
border: 1px solid #fff;
background: #fefefe;
}
.dropdown .is-dropdown-submenu a {
padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #FF5000 transparent transparent;
right: auto;
left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #FF5000;
}
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px;
}
.is-dropdown-submenu > li {
width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
display: block;
}
.top-bar {
padding: 0.5rem;
}
.top-bar::before, .top-bar::after {
display: table;
content: " ";
}
.top-bar::after {
clear: both;
}
.top-bar,
.top-bar ul {
background-color: #fefefe;
}
.top-bar input {
max-width: 100px;
margin-right: 1rem;
}
.top-bar .input-group-field {
width: 100%;
margin-right: 0;
}
.top-bar input.button {
width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: 100%;
}
@media print, screen and (min-width: 50em) {
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: auto;
}
}
@media print, screen and (max-width: 74.99875em) {
.top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
width: 100%;
}
}
@media print, screen and (max-width: 74.99875em) {
.top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
width: 100%;
}
}
.top-bar-title {
display: inline-block;
float: left;
padding: 0.15rem 1rem 0 1rem;
}
.top-bar-title .menu-icon {
bottom: 2px;
}
.top-bar-left {
float: left;
}
.top-bar-right {
float: right;
}
.accordion {
margin-left: 0;
background: #fefefe;
list-style-type: none;
}
.accordion[disabled] .accordion-title {
cursor: not-allowed;
}
.accordion-item:first-child > :first-child {
border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
border-radius: 0 0 0 0;
}
.accordion-title {
position: relative;
display: block;
padding: 1.25rem 1rem;
border: 1px solid #E2E2DF;
border-bottom: 0;
font-size: 0.75rem;
line-height: 1;
color: #FF6620;
}
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #E2E2DF;
border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
background-color: #E2E2DF;
}
.accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5rem;
content: "+";
}
.is-active > .accordion-title::before {
content: "–";
}
.accordion-content {
display: none;
padding: 1rem;
border: 1px solid #E2E2DF;
border-bottom: 0;
background-color: #fefefe;
color: #475467;
}
:last-child > .accordion-content:last-child {
border-bottom: 1px solid #E2E2DF;
}
.accordion-menu li {
width: 100%;
}
.accordion-menu a {
background: #ffffff;
padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
margin-right: 0;
margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
margin-right: 1rem;
margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #667085 transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
right: 1rem;
left: auto;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
right: auto;
left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
transform: rotate(180deg);
transform-origin: 50% 50%;
}
.is-accordion-submenu-parent {
position: relative;
}
.has-submenu-toggle > a {
margin-right: 40px;
}
.submenu-toggle {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
cursor: pointer;
}
.submenu-toggle::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #667085 transparent transparent;
top: 0;
bottom: 0;
margin: auto;
}
.submenu-toggle[aria-expanded=true]::after {
transform: scaleY(-1);
transform-origin: 50% 50%;
}
.submenu-toggle-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.badge {
display: inline-block;
min-width: 2.1em;
padding: 0.3em;
border-radius: 50%;
font-size: 0.6rem;
text-align: center;
background: #FF6620;
color: #fefefe;
}
.badge.primary {
background: #FF6620;
color: #fefefe;
}
.badge.secondary {
background: #fefefe;
color: #fefefe;
}
.badge.success {
background: #3adb76;
color: #fefefe;
}
.badge.warning {
background: #c37f00;
color: #fefefe;
}
.badge.alert {
background: #cc3737;
color: #fefefe;
}
.badge.grey {
background: #999999;
color: #fefefe;
}
.breadcrumbs {
margin: 0 0 1rem 0;
list-style: none;
}
.breadcrumbs::before, .breadcrumbs::after {
display: table;
content: " ";
}
.breadcrumbs::after {
clear: both;
}
.breadcrumbs li {
float: left;
font-size: 0.6875rem;
color: #0a0a0a;
cursor: default;
text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
position: relative;
margin: 0 0.75rem;
opacity: 1;
content: "/";
color: #999999;
}
.breadcrumbs a {
color: #FF6620;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs .disabled {
color: #999999;
cursor: not-allowed;
}
.button-group {
margin-bottom: 1rem;
font-size: 0;
}
.button-group::before, .button-group::after {
display: table;
content: " ";
}
.button-group::after {
clear: both;
}
.button-group .button {
margin: 0;
margin-right: 1px;
margin-bottom: 1px;
font-size: 0.9rem;
}
.button-group .button:last-child {
margin-right: 0;
}
.button-group.tiny .button {
font-size: 0.6rem;
}
.button-group.small .button {
font-size: 0.75rem;
}
.button-group.large .button {
font-size: 1.25rem;
}
.button-group.expanded {
margin-right: -1px;
}
.button-group.expanded::before, .button-group.expanded::after {
display: none;
}
.button-group.expanded .button:first-child:last-child {
width: calc(100% - 1px);
}
.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
display: inline-block;
width: calc(50% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
display: inline-block;
width: calc(33.3333333333% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
display: inline-block;
width: calc(25% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
display: inline-block;
width: calc(20% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
display: inline-block;
width: calc(16.6666666667% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
margin-right: -6px;
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
background-color: #FF6620;
color: #fefefe;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
background-color: #e64800;
color: #fefefe;
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
background-color: #fefefe;
color: #fefefe;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
background-color: #cbcbcb;
color: #fefefe;
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
background-color: #3adb76;
color: #fefefe;
}
.button-group.success .button:hover, .button-group.success .button:focus {
background-color: #22bb5b;
color: #fefefe;
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
background-color: #c37f00;
color: #fefefe;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
background-color: #9c6600;
color: #fefefe;
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
background-color: #cc3737;
color: #fefefe;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
background-color: brown;
color: #fefefe;
}
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
background-color: transparent;
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
border: 1px solid #FF6620;
color: #FF6620;
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
border-color: #902d00;
color: #902d00;
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
border: 1px solid #FF6620;
color: #FF6620;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
border-color: #902d00;
color: #902d00;
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
border: 1px solid #fefefe;
color: #fefefe;
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
border-color: #7f7f7f;
color: #7f7f7f;
}
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
border: 1px solid #3adb76;
color: #3adb76;
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
border-color: #157539;
color: #157539;
}
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
border: 1px solid #c37f00;
color: #c37f00;
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
border-color: #624000;
color: #624000;
}
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
border: 1px solid #cc3737;
color: #cc3737;
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
border-color: #671a1a;
color: #671a1a;
}
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
border-color: transparent;
background-color: transparent;
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
color: #FF6620;
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
color: #902d00;
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
color: #FF6620;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
color: #902d00;
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
color: #fefefe;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
color: #7f7f7f;
}
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
color: #3adb76;
}
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
color: #157539;
}
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
color: #c37f00;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
color: #624000;
}
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
color: #cc3737;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
color: #671a1a;
}
.button-group.no-gaps .button {
margin-right: -0.0625rem;
}
.button-group.no-gaps .button + .button {
border-left-color: transparent;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
width: 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
margin-bottom: 0;
}
.button-group.stacked.expanded, .button-group.stacked-for-small.expanded, .button-group.stacked-for-medium.expanded {
margin-right: -1px;
}
.button-group.stacked.expanded::before, .button-group.stacked.expanded::after, .button-group.stacked-for-small.expanded::before, .button-group.stacked-for-small.expanded::after, .button-group.stacked-for-medium.expanded::before, .button-group.stacked-for-medium.expanded::after {
display: none;
}
.button-group.stacked.expanded .button:first-child:last-child, .button-group.stacked-for-small.expanded .button:first-child:last-child, .button-group.stacked-for-medium.expanded .button:first-child:last-child {
width: calc(100% - 1px);
}
.button-group.stacked.expanded .button:first-child:nth-last-child(2), .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
display: inline-block;
width: calc(50% - 1px);
margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(3), .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
display: inline-block;
width: calc(33.3333333333% - 1px);
margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(4), .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
display: inline-block;
width: calc(25% - 1px);
margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(5), .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
display: inline-block;
width: calc(20% - 1px);
margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(6), .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
display: inline-block;
width: calc(16.6666666667% - 1px);
margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
margin-right: -6px;
}
@media print, screen and (min-width: 50em) {
.button-group.stacked-for-small .button {
width: auto;
margin-bottom: 0;
}
}
@media print, screen and (min-width: 75em) {
.button-group.stacked-for-medium .button {
width: auto;
margin-bottom: 0;
}
}
@media print, screen and (max-width: 49.99875em) {
.button-group.stacked-for-small.expanded {
display: block;
}
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0;
}
}
@media print, screen and (max-width: 74.99875em) {
.button-group.stacked-for-medium.expanded {
display: block;
}
.button-group.stacked-for-medium.expanded .button {
display: block;
margin-right: 0;
}
}
.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(10, 10, 10, 0.25);
border-radius: 0;
background-color: white;
color: #475467;
}
.callout > :first-child {
margin-top: 0;
}
.callout > :last-child {
margin-bottom: 0;
}
.callout.primary {
background-color: #ffe8de;
color: #475467;
}
.callout.secondary {
background-color: white;
color: #475467;
}
.callout.success {
background-color: #e1faea;
color: #475467;
}
.callout.warning {
background-color: #ffefd0;
color: #475467;
}
.callout.alert {
background-color: #f7e1e1;
color: #475467;
}
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
}
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem;
}
.close-button {
position: absolute;
z-index: 10;
color: #8a8a8a;
cursor: pointer;
}
[data-whatinput=mouse] .close-button {
outline: 0;
}
.close-button:hover, .close-button:focus {
color: #0a0a0a;
}
.close-button.small {
right: 0.66rem;
top: 0.33em;
font-size: 1.5em;
line-height: 1.5;
}
.close-button.medium, .close-button {
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1.5;
}
.is-drilldown {
position: relative;
overflow: hidden;
}
.is-drilldown li {
display: block;
}
.is-drilldown.animate-height {
transition: height 0.5s;
}
.drilldown a {
padding: 0.7rem 1rem;
background: #fefefe;
}
.drilldown .is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
width: 100%;
background: #fefefe;
transition: transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
z-index: 1;
display: block;
transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
margin-right: 0;
margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #FF6620;
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #FF5000;
right: 1rem;
left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #FF5000 transparent transparent;
right: auto;
left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #FF6620 transparent transparent;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem;
}
.label {
display: inline-block;
padding: 0.33333rem 0.5rem;
border-radius: 0;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
background: #FF6620;
color: #fefefe;
}
.label.primary {
background: #FF6620;
color: #0a0a0a;
}
.label.secondary {
background: #fefefe;
color: #0a0a0a;
}
.label.success {
background: #3adb76;
color: #0a0a0a;
}
.label.warning {
background: #c37f00;
color: #0a0a0a;
}
.label.alert {
background: #cc3737;
color: #fefefe;
}
.is-off-canvas-open {
overflow: hidden;
}
.js-off-canvas-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 11;
width: 100%;
height: 100%;
transition: opacity 0.5s ease, visibility 0.5s ease;
background: rgba(254, 254, 254, 0.25);
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
opacity: 1;
visibility: visible;
}
.js-off-canvas-overlay.is-closable {
cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
position: fixed;
}
.off-canvas-wrapper {
position: relative;
overflow: hidden;
}
.off-canvas {
position: fixed;
z-index: 12;
transition: transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(0, 0, 0, 0.5);
}
[data-whatinput=mouse] .off-canvas {
outline: 0;
}
.off-canvas.is-transition-push {
z-index: 12;
}
.off-canvas.is-closed {
visibility: hidden;
}
.off-canvas.is-transition-overlap {
z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
transform: translate(0, 0);
}
.off-canvas-absolute {
position: absolute;
z-index: 12;
transition: transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(0, 0, 0, 0.5);
}
[data-whatinput=mouse] .off-canvas-absolute {
outline: 0;
}
.off-canvas-absolute.is-transition-push {
z-index: 12;
}
.off-canvas-absolute.is-closed {
visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
transform: translate(0, 0);
}
.position-left {
top: 0;
left: 0;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
transform: translateX(-100%);
}
@media print, screen and (min-width: 50em) {
.position-left {
width: 100%;
transform: translateX(-100%);
}
}
.off-canvas-content .off-canvas.position-left {
transform: translateX(-100%);
}
@media print, screen and (min-width: 50em) {
.off-canvas-content .off-canvas.position-left {
transform: translateX(-100%);
}
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
transform: translate(0, 0);
}
.off-canvas-content.is-open-left.has-transition-push {
transform: translateX(100%);
}
@media print, screen and (min-width: 50em) {
.off-canvas-content.is-open-left.has-transition-push {
transform: translateX(100%);
}
}
.position-left.is-transition-push {
box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}
.position-right {
top: 0;
right: 0;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
transform: translateX(100%);
}
@media print, screen and (min-width: 50em) {
.position-right {
width: 100%;
transform: translateX(100%);
}
}
.off-canvas-content .off-canvas.position-right {
transform: translateX(100%);
}
@media print, screen and (min-width: 50em) {
.off-canvas-content .off-canvas.position-right {
transform: translateX(100%);
}
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
transform: translate(0, 0);
}
.off-canvas-content.is-open-right.has-transition-push {
transform: translateX(-100%);
}
@media print, screen and (min-width: 50em) {
.off-canvas-content.is-open-right.has-transition-push {
transform: translateX(-100%);
}
}
.position-right.is-transition-push {
box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}
.position-top {
top: 0;
left: 0;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
height: auto;
transform: translateY(-auto);
}
@media print, screen and (min-width: 50em) {
.position-top {
height: auto;
transform: translateY(-auto);
}
}
.off-canvas-content .off-canvas.position-top {
transform: translateY(-auto);
}
@media print, screen and (min-width: 50em) {
.off-canvas-content .off-canvas.position-top {
transform: translateY(-auto);
}
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
transform: translate(0, 0);
}
.off-canvas-content.is-open-top.has-transition-push {
transform: translateY(auto);
}
@media print, screen and (min-width: 50em) {
.off-canvas-content.is-open-top.has-transition-push {
transform: translateY(auto);
}
}
.position-top.is-transition-push {
box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}
.position-bottom {
bottom: 0;
left: 0;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
height: auto;
transform: translateY(auto);
}
@media print, screen and (min-width: 50em) {
.position-bottom {
height: auto;
transform: translateY(auto);
}
}
.off-canvas-content .off-canvas.position-bottom {
transform: translateY(auto);
}
@media print, screen and (min-width: 50em) {
.off-canvas-content .off-canvas.position-bottom {
transform: translateY(auto);
}
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
transform: translate(0, 0);
}
.off-canvas-content.is-open-bottom.has-transition-push {
transform: translateY(-auto);
}
@media print, screen and (min-width: 50em) {
.off-canvas-content.is-open-bottom.has-transition-push {
transform: translateY(-auto);
}
}
.position-bottom.is-transition-push {
box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}
.off-canvas-content {
transform: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
transition: transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
transform: translate(0, 0);
}
@media print, screen and (min-width: 50em) {
.position-left.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-left.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-medium {
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 100%;
}
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 100%;
}
.position-right.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-right.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-medium {
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 100%;
}
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 100%;
}
.position-top.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-top.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-medium {
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 100%;
}
.position-top.reveal-for-medium ~ .off-canvas-content {
margin-top: 100%;
}
.position-bottom.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-medium {
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 100%;
}
.position-bottom.reveal-for-medium ~ .off-canvas-content {
margin-bottom: 100%;
}
}
@media print, screen and (min-width: 75em) {
.position-left.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-left.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-large {
transform: none;
}
.off-canvas-content.has-reveal-left {
margin-left: 100%;
}
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 100%;
}
.position-right.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-right.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-large {
transform: none;
}
.off-canvas-content.has-reveal-right {
margin-right: 100%;
}
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 100%;
}
.position-top.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-top.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-large {
transform: none;
}
.off-canvas-content.has-reveal-top {
margin-top: 100%;
}
.position-top.reveal-for-large ~ .off-canvas-content {
margin-top: 100%;
}
.position-bottom.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-large {
transform: none;
}
.off-canvas-content.has-reveal-bottom {
margin-bottom: 100%;
}
.position-bottom.reveal-for-large ~ .off-canvas-content {
margin-bottom: 100%;
}
}
@media print, screen and (min-width: 50em) {
.off-canvas.in-canvas-for-medium {
visibility: visible;
height: auto;
position: static;
background: none;
width: auto;
overflow: visible;
transition: none;
}
.off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
box-shadow: none;
transform: none;
}
.off-canvas.in-canvas-for-medium .close-button {
display: none;
}
}
@media print, screen and (min-width: 75em) {
.off-canvas.in-canvas-for-large {
visibility: visible;
height: auto;
position: static;
background: none;
width: auto;
overflow: visible;
transition: none;
}
.off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
box-shadow: none;
transform: none;
}
.off-canvas.in-canvas-for-large .close-button {
display: none;
}
}
.thumbnail {
display: inline-block;
max-width: 100%;
margin-bottom: 1rem;
border: solid 4px #fefefe;
border-radius: 0;
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
line-height: 0;
}
a.thumbnail {
transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(255, 102, 32, 0.5);
}
a.thumbnail image {
box-shadow: none;
}
.title-bar {
padding: 0.5rem;
background: #fefefe;
color: #0a0a0a;
}
.title-bar::before, .title-bar::after {
display: table;
content: " ";
}
.title-bar::after {
clear: both;
}
.title-bar .menu-icon {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.title-bar-left {
float: left;
}
.title-bar-right {
float: right;
text-align: right;
}
.title-bar-title {
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
.has-tip {
position: relative;
display: inline-block;
border-bottom: dotted 1px #8a8a8a;
font-weight: bold;
cursor: help;
}
.tooltip {
position: absolute;
top: calc(100% + 0.6495rem);
z-index: 1200;
max-width: 10rem;
padding: 0.75rem;
border-radius: 0;
background-color: #0a0a0a;
font-size: 80%;
color: #fefefe;
}
.tooltip::before {
position: absolute;
}
.tooltip.bottom::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.75rem;
content: "";
border-top-width: 0;
border-color: transparent transparent #0a0a0a;
bottom: 100%;
}
.tooltip.bottom.align-center::before {
left: 50%;
transform: translateX(-50%);
}
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.75rem;
content: "";
border-bottom-width: 0;
border-color: #0a0a0a transparent transparent;
top: 100%;
bottom: auto;
}
.tooltip.top.align-center::before {
left: 50%;
transform: translateX(-50%);
}
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.75rem;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #0a0a0a;
left: 100%;
}
.tooltip.left.align-center::before {
bottom: auto;
top: 50%;
transform: translateY(-50%);
}
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0.75rem;
content: "";
border-left-width: 0;
border-color: transparent #0a0a0a transparent transparent;
right: 100%;
left: auto;
}
.tooltip.right.align-center::before {
bottom: auto;
top: 50%;
transform: translateY(-50%);
}
.tooltip.align-top::before {
bottom: auto;
top: 10%;
}
.tooltip.align-bottom::before {
bottom: 10%;
top: auto;
}
.tooltip.align-left::before {
left: 10%;
right: auto;
}
.tooltip.align-right::before {
left: auto;
right: 10%;
}
.sticky-container {
position: relative;
}
.sticky {
position: relative;
z-index: 0;
transform: translate3d(0, 0, 0);
}
.sticky.is-stuck {
position: fixed;
z-index: 5;
width: 100%;
}
.sticky.is-stuck.is-at-top {
top: 0;
}
.sticky.is-stuck.is-at-bottom {
bottom: 0;
}
.sticky.is-anchored {
position: relative;
right: auto;
left: auto;
}
.sticky.is-anchored.is-at-bottom {
bottom: 0;
}
.orbit {
position: relative;
}
.orbit-container {
position: relative;
height: 0;
margin: 0;
list-style: none;
overflow: hidden;
}
.orbit-slide {
width: 100%;
position: absolute;
}
.orbit-slide.no-motionui.is-active {
top: 0;
left: 0;
}
.orbit-figure {
margin: 0;
}
.orbit-image {
width: 100%;
max-width: 100%;
margin: 0;
}
.orbit-caption {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 0;
padding: 1rem;
background-color: rgba(10, 10, 10, 0.5);
color: #fefefe;
}
.orbit-next, .orbit-previous {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
padding: 1rem;
color: #fefefe;
}
[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
background-color: rgba(10, 10, 10, 0.5);
}
.orbit-previous {
left: 0;
}
.orbit-next {
left: auto;
right: 0;
}
.orbit-bullets {
position: relative;
margin-top: 0.8rem;
margin-bottom: 0.8rem;
text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
outline: 0;
}
.orbit-bullets button {
width: 1.2rem;
height: 1.2rem;
margin: 0rem;
border-radius: 50%;
background-color: #999999;
}
.orbit-bullets button:hover {
background-color: #8a8a8a;
}
.orbit-bullets button.is-active {
background-color: #8a8a8a;
}
html.is-reveal-open {
position: fixed;
width: 100%;
overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
html.is-reveal-open body {
overflow-y: hidden;
}
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(255, 255, 255, 0.8);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.reveal {
z-index: 1006;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
padding: 0px;
border: 0px solid #999999;
border-radius: 0;
background-color: rgba(255, 255, 255, 0.8);
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
[data-whatinput=mouse] .reveal {
outline: 0;
}
@media print, screen and (min-width: 50em) {
.reveal {
min-height: 0;
}
}
.reveal .column, .reveal .columns {
min-width: 0;
}
.reveal > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 50em) {
.reveal {
width: 822px;
max-width: 90rem;
}
}
.reveal.collapse {
padding: 0;
}
@media print, screen and (min-width: 50em) {
.reveal.tiny {
width: 30%;
max-width: 90rem;
}
}
@media print, screen and (min-width: 50em) {
.reveal.small {
width: 50%;
max-width: 90rem;
}
}
@media print, screen and (min-width: 50em) {
.reveal.large {
width: 90%;
max-width: 90rem;
}
}
.reveal.full {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0;
}
@media print, screen and (max-width: 49.99875em) {
.reveal {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0;
}
}
.reveal.without-overlay {
position: fixed;
}
/* PARTIALS */
.header {
position: relative;
background: #fefefe;
}
@media print, screen and (min-width: 75em) {
.header {
padding: 0px 112px 0px 112px;
}
}
.header .columns {
padding-left: 14px;
padding-right: 6px;
}
@media print, screen and (min-width: 75em) {
.header .columns {
padding-left: 0;
padding-right: 0;
}
}
.header .logo-container {
max-width: 117px;
line-height: 80px;
}
@media print, screen and (min-width: 50em) {
.header .logo-container {
max-width: 117px;
line-height: 80px;
}
}
@media print, screen and (min-width: 75em) {
.header .logo-container {
line-height: 80px;
max-width: 142px;
}
.header .logo-container img {
height: auto;
width: auto;
}
}
.header .top-bar, .header .title-bar {
position: relative;
}
@media print, screen and (min-width: 50em) {
.header .top-bar, .header .title-bar {
font-size: 14px;
}
}
@media print, screen and (min-width: 75em) {
.header .top-bar, .header .title-bar {
font-size: 18px;
}
}
@media print, screen and (min-width: 50em) and (max-width: 74.99875em) {
.header .top-bar .menu a, .header .top-bar .menu .button, .header .title-bar .menu a, .header .title-bar .menu .button {
padding: 0.7rem 0.5rem;
}
}
.header .top-bar-right .menu, .header .title-bar .menu-icon {
transform: translateY(-50%);
top: 50%;
right: 0;
}
@media print, screen and (min-width: 50em) {
.header .top-bar-right .menu, .header .title-bar .menu-icon {
margin-top: 35px;
}
}
@media print, screen and (min-width: 75em) {
.header .top-bar-right .menu, .header .title-bar .menu-icon {
margin-top: 45px;
}
}
.header svg.basket-icon {
margin-top: -15px;
cursor: pointer;
color: black;
}
.header .menu > li > a {
color: #0a0a0a;
}
.header .menu > li > a.basket-icon {
padding-right: 0;
}
.header .menu > li > a:hover, .header .menu > li > a.active {
color: #FF6620 !important;
}
.header .title-bar.show-for-small-only {
padding-right: 0;
}
.header .title-bar.show-for-small-only .mobile-basket-icon-container {
width: 50px;
float: left;
padding-left: 20px;
margin-top: 20px;
}
.header .menu-items {
padding: 4px 0rem !important;
color: #475467;
margin: 0px;
font-weight: 400;
font-size: 16px;
background-color: #fff;
}
.header .menu-items:hover {
color: #DF4600;
}
.header .mobile-menu-items {
padding: 4px 0rem !important;
color: #475467;
margin: 0px;
font-weight: 600;
font-size: 16px;
background-color: #fff;
}
.header .mobile-menu-items .main-items {
padding-top: 12px;
padding-bottom: 12px;
}
.header .mobile-menu-items:hover {
color: #DF4600;
}
.header .menu-titles {
font-size: 19px;
padding-top: 20px;
padding-left: 0px;
}
.header .menu-title {
font-size: 17px;
font-weight: 700;
font-style: normal;
color: #475467 !important;
}
.header .menu-icon.dark {
margin-top: 2px;
}
@media screen and (max-width: 1115px) {
.header .header-hide-for-small-only {
display: none;
}
}
@media screen and (min-width: 1116px) {
.header .header-show-for-small-only {
display: none;
}
}
.header .menu-large {
text-align: center;
padding: 0px 10px 0px 0px;
}
.header .menu-large .parent-menu {
padding: 14px 0.9rem;
}
.header .menu-large .parent-menu a {
position: relative;
padding: 0px;
}
.header .menu-large .parent-menu a .menu-list-active .menu-list-active-bar {
position: absolute;
bottom: -12px;
width: 100%;
height: 4px;
background-color: #DF4600;
}
.header .menu-large .parent-menu a .menu-list-active .menu-list-active-bar.has-sub {
width: calc(100% - 24px);
}
.header .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
border: none;
content: url("/img/base-images/chevron-down-menu.svg");
transform-origin: center;
width: 10px;
height: 10px;
padding-right: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.header .search-container {
margin-left: 40px;
padding-top: 25px;
padding-left: 25px;
}
@media print, screen and (min-width: 50em) {
.header .search-container {
width: calc(100% - 480px);
}
}
@media print, screen and (min-width: 75em) {
.header .search-container {
width: calc(100% - 715px);
}
}
.header .search-container .search-bar {
width: calc(100% - 100px);
border-radius: 8px 0 0 8px;
padding: 10px;
}
.header .search-container .search-button {
height: 39px;
width: 100px;
line-height: 20px;
background-color: #F2F4F7;
color: #475467;
padding: 10px;
border-radius: 0px 10px 10px 0px;
border: 1px solid #DDDDDD;
}
.header .search-container .search-result-container {
display: none;
position: absolute;
top: 74px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
z-index: 999;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
width: 60%;
padding: 14px;
}
.header .search-container .search-result-container .search-dropdown-button {
width: 50%;
padding: 8px;
border-radius: 4px;
border: 1px solid #dddddd;
margin: 8px 0px;
background-color: #ff6620;
color: #ffffff;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.header .search-container .search-result-container .search-dropdown-button:hover {
background-color: #DF4600;
}
.header .search-container .search-result-container .search-dropdown-text-link {
width: 50%;
padding: 8px;
border-radius: 4px;
margin: 8px 0px;
color: #ff6620;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.header .search-container .search-result-container .search-dropdown-text-link:hover {
color: #DF4600;
}
.header .search-container .search-result-container .page-container {
padding: 8px;
margin: 8px 0px;
border-radius: 4px;
border: 1px solid #dddddd;
max-height: 75px;
overflow-y: hidden;
}
.header .search-container .search-result-container .page-container:hover {
background-color: #F2F4F7;
}
.header .search-container .search-result-container .page-container .page-image {
height: 61px;
overflow-y: hidden;
}
.header .search-container .search-result-container .page-container .page-info {
font-size: 14px;
color: #475467;
line-height: 20px;
padding-left: 8px;
}
.header .search-container .search-result-container .page-container .page-info .title {
font-weight: 700;
}
.header .mobile-search-container {
margin-left: 40px;
padding-top: 25px;
}
.header .mobile-search-container .search-bar {
width: calc(100% - 100px);
border-radius: 8px 0 0 8px;
padding: 10px;
}
.header .mobile-search-container .search-button {
height: 39px;
width: 100px;
line-height: 20px;
background-color: #F2F4F7;
color: #475467;
padding: 10px;
border-radius: 0px 10px 10px 0px;
border: 1px solid #DDDDDD;
}
.header .mobile-search-container .mobile-search-result-container {
display: none;
position: absolute;
top: 74px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
overflow: hidden;
z-index: 999;
height: 100px;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
width: calc(100% - 120px);
}
.header .telephone-container {
width: 229px;
line-height: 70px;
margin: 5px 32px 0px 0px;
}
.header .lang-container {
width: 100px;
line-height: 80px;
}
.header .lang-container img {
max-width: 26px;
}
.header .lang-container .dropdown-pane {
width: 125px;
z-index: 960;
line-height: 32px;
}
.header .lang-container .dropdown-pane span {
color: #475467;
}
.header .lang-container .dropdown-pane span img {
max-width: 26px;
}
.header .login-container {
width: 70px;
position: relative;
padding-top: 20px;
}
.header .login-container img {
margin: 0 auto;
}
.header .login-container .login-text {
font-size: 12px;
color: #475467;
line-height: 18px;
}
.header .basket-container {
width: 70px;
padding-top: 20px;
position: relative;
}
.header .basket-container img {
margin: 0 auto;
}
.header .basket-container .cart-text {
font-size: 12px;
color: #475467;
line-height: 18px;
}
.header .basket-container .cart-amount {
position: absolute;
top: 17px;
right: 10px;
background-color: #DF4600;
color: #ffffff;
border-radius: 50%;
height: 18px;
width: 18px;
font-size: 12px;
}
.header .basket-container .basket-popup {
border: 1px solid #dddddd;
padding: 15px;
position: absolute;
right: 0px;
top: 60px;
width: 300px;
height: auto;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
z-index: 999;
display: none;
}
.header .basket-container .basket-popup .product-divider {
margin-bottom: 4px;
border-bottom: 1px solid #F2F4F7;
padding-bottom: 4px;
}
.header .basket-container .basket-popup .basket-popup-header {
padding: 16px;
background-color: #F2F4F7;
border-radius: 8px 8px 0 0;
border-bottom: 1px solid #F2F4F7;
}
.header .basket-container .basket-popup .basket-popup-header .basket-popup-header-text {
color: #475467;
font-size: 14px;
font-weight: 700;
}
.header .basket-container .basket-popup .basket-popup-header .basket-popup-header-close {
position: absolute;
right: 16px;
top: 16px;
background-color: #F2F4F7;
border: none;
color: #475467;
font-size: 14px;
font-weight: 700;
padding: 8px;
border-radius: 50%;
}
.header .basket-container .basket-popup .basket-popup-content {
background-color: #ffffff;
max-height: 350px;
overflow-y: auto;
}
.header .basket-container .basket-popup .basket-popup-content .basket-popup-content-product-row {
padding: 8px 0px;
border-bottom: 1px solid #F2F4F7;
margin: 0px;
}
.header .basket-container .basket-popup .basket-popup-content .basket-popup-content-product-row .basket-popup-content-product-image {
width: 100%;
height: auto;
padding: 0px 8px;
}
.header .basket-container .basket-popup .basket-popup-content .basket-popup-content-product-row .basket-popup-content-product-image img {
width: 100%;
height: 100%;
border-radius: 8px;
}
.header .basket-container .basket-popup .basket-popup-content .basket-popup-content-product-row .basket-popup-content-product-info {
width: 100%;
padding: 0px 8px;
}
.header .basket-container .basket-popup .basket-popup-content .basket-popup-content-product-row .basket-popup-content-product-info .basket-popup-content-product-name {
font-size: 12px;
font-weight: 500;
color: #475467;
line-height: 18px;
}
.header .basket-container .basket-popup .basket-popup-content .basket-popup-content-product-row .basket-popup-content-product-info .basket-popup-content-product-price {
font-size: 12px;
font-weight: 700;
color: #475467;
line-height: 18px;
}
.header .basket-container .basket-popup .basket-popup-content .basket-popup-content-product-row .basket-popup-content-product-info .basket-popup-content-product-quantity {
font-size: 12px;
font-weight: 500;
color: #475467;
line-height: 18px;
}
.header .basket-container .basket-popup .basket-popup-footer .basket-popup-footer-text {
font-size: 12px;
font-weight: 700;
color: #ffffff;
line-height: 30px;
margin-left: 8px;
}
.header .basket-container .basket-popup .basket-popup-footer .basket-popup-footer-button {
background-color: #ff6620;
color: #ffffff;
border: none;
padding: 8px 16px;
border-radius: 8px;
font-size: 12px;
font-weight: 700;
}
.header .basket-container .basket-popup .basket-popup-footer:hover .basket-popup-footer-button {
background-color: #e64800;
}
.header .basket-container:hover .basket-popup {
display: block;
}
.header .mobile-menu-container {
margin-left: 21px;
margin-right: 21px;
padding: 0px;
margin-top: 14px;
width: 28px;
cursor: pointer;
}
.header .mobile-menu-container .menu-text {
font-size: 10px;
font-weight: 700;
}
.header .mobile-logo-container {
padding-left: 20px;
padding-right: 3px;
padding-top: 14px;
width: calc(100% - 157px);
}
.header .mobile-basket-container {
margin-top: 18px;
margin-right: 17px;
width: 70px;
font-size: 10px;
font-weight: 700;
padding-right: 0px;
}
.header .mobile-basket-container .mobile-menu {
position: relative;
}
.header .mobile-basket-container .mobile-menu .cart-amount {
position: absolute;
top: -6px;
right: 0px;
background-color: #DF4600;
color: #ffffff;
border-radius: 50%;
height: 16px;
width: 16px;
font-size: 10px;
}
.header-warnings .primary {
margin-bottom: 0px;
background-color: #000000;
color: #fcfcfd;
padding: 12px;
}
@media print, screen and (min-width: 50em) {
.header-warnings .primary {
padding: 8px 54px;
}
}
@media print, screen and (min-width: 75em) {
.header-warnings .primary {
padding: 8px 112px;
}
}
.header-warnings .primary p {
margin-bottom: 0px;
line-height: 24px;
padding-left: 0px;
}
.header-warnings .primary .close-button {
color: #FCFCFD;
background-color: #39669000;
border: none;
font-size: 14px;
font-weight: 600;
line-height: 20px;
padding-top: 10px;
}
.header-warnings .primary .close-button span {
height: auto;
}
.search-page .search-page-header {
padding: 0px;
max-width: calc(100% - 40px);
margin: 0px 20px;
}
@media print, screen and (min-width: 50em) {
.search-page .search-page-header {
max-width: calc(100% - 56px);
margin: 0px 28px;
}
}
@media print, screen and (min-width: 75em) {
.search-page .search-page-header {
max-width: calc(100% - 224px);
margin: 0px 112px;
}
}
.search-page .search-page-header .title h2 {
font-size: 24px;
font-weight: 700;
line-height: 32px;
color: #475467;
}
.search-page .search-page-results {
padding: 0px;
margin: 0px 20px;
}
.search-page .search-page-results h2 {
margin-bottom: 0px;
}
@media print, screen and (min-width: 50em) {
.search-page .search-page-results {
margin: 0px 28px;
}
}
@media print, screen and (min-width: 75em) {
.search-page .search-page-results {
margin: 0px 112px;
}
}
.search-page .search-page-results .query {
margin-top: 56px;
}
.search-page .search-page-results .pages-container {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
width: 100%;
position: relative;
padding-right: 22px;
}
.search-page .search-page-results .pages-container .nav-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 999;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 50%;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.search-page .search-page-results .pages-container .nav-button:hover {
border-color: #475467;
}
.search-page .search-page-results .pages-container .nav-button.previous {
left: 0px;
}
.search-page .search-page-results .pages-container .nav-button.next {
right: 0px;
}
.search-page .search-page-results .pages-container .pages-row {
margin-left: 0px;
overflow-x: scroll;
display: flex;
white-space: nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
}
.search-page .search-page-results .pages-container .pages-row::-webkit-scrollbar {
display: none;
}
.search-page .search-page-results .pages-container .pages-row a {
color: #475467;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-decoration: none;
}
.search-page .search-page-results .pages-container .pages-row .page_block {
margin: 30px 16px;
background-color: #ffffff;
border-radius: 16px;
height: 142px;
width: 490px;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
border: 1px solid #dddddd;
padding-left: 0px;
display: inline-flex;
}
.search-page .search-page-results .pages-container .pages-row .page_block .image-wrapper {
overflow-y: hidden;
padding: 0px;
width: 150px;
height: 100%;
overflow-y: hidden;
border-radius: 16px 0 0 16px;
}
.search-page .search-page-results .pages-container .pages-row .page_block .image-wrapper .image-container {
padding: 0px;
width: 100%;
height: 100%;
border-radius: 16px 0 0 16px;
}
.search-page .search-page-results .pages-container .pages-row .page_block .image-wrapper .image-container img {
border-radius: 16px 0 0 16px;
}
.search-page .search-page-results .pages-container .pages-row .page_block .info-container {
white-space: wrap;
padding: 16px;
width: 300px;
overflow: hidden;
height: 140px;
}
.search-page .search-page-results .pages-container .pages-row .page_block:hover {
border-color: #DF4600;
}
.search-page .search-product-results {
padding: 0px;
margin: 0px 20px;
}
@media print, screen and (min-width: 50em) {
.search-page .search-product-results {
margin: 0px 28px;
}
}
@media print, screen and (min-width: 75em) {
.search-page .search-product-results {
margin: 0px 112px;
}
}
.search-page .search-product-results .product-filter {
width: 312px;
}
.search-page .search-product-results .products {
width: calc(100% - 312px);
}
.desktop-menu {
position: absolute;
top: 45px !important;
padding-bottom: 52px;
margin-left: 0px;
background-color: #ffffff;
max-width: 1440px;
width: 100vw;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
@media print, screen and (min-width: 50em) {
.desktop-menu {
left: -85px !important;
padding-left: 56px;
}
}
@media print, screen and (min-width: 75em) {
.desktop-menu {
left: -183px !important;
padding-left: 112px;
}
}
.slogan-section {
height: 152px;
line-height: 48px;
font-weight: bold;
font-size: 15px;
color: #53a500;
}
@media print, screen and (min-width: 75em) {
.slogan-section {
height: 59px;
line-height: 59px;
}
.slogan-section .slogan-container > div.columns:first-of-type {
padding-left: 0;
}
}
.product-slogan {
height: 59px;
line-height: 48px;
font-weight: bold;
font-size: 15px;
color: #53a500;
}
@media print, screen and (min-width: 75em) {
.product-slogan {
height: 59px;
line-height: 59px;
}
.product-slogan .slogan-container > div.columns:first-of-type {
padding-left: 0;
}
}
.footer {
overflow: hidden;
padding-top: 48px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #083a31;
padding-bottom: 185px;
}
.footer br {
line-height: 0.5;
}
@media print, screen and (min-width: 50em) {
.footer {
padding-bottom: 64px;
}
}
.footer .mobile-divider {
border-top: 1px solid #eaecf0;
margin: 12px 32px 24px 0;
}
.footer .middle-row {
padding: 0 10px;
}
.footer .middle-row h2 {
color: #ffffff;
font-family: "Manrope";
font-weight: 700;
font-size: 16px;
line-height: 24px;
margin-bottom: 16px;
}
.footer .middle-row h3 {
color: #ffffff;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.footer .middle-row p {
color: #eaecf0;
font-family: "Inter";
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
.footer .middle-row p a {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #ffffff;
}
.footer .middle-row a {
color: #ffffff;
}
.footer .middle-row a span {
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
}
.footer .middle-row a:hover {
color: #ff5000;
}
.footer .middle-row .icon {
padding-top: 0px !important;
padding-right: 0px;
}
.footer .middle-row .middle-part {
margin-top: 30px;
}
.footer .middle-row .middle-part .footer-small-column {
padding-left: 12px !important;
}
.footer .middle-row .middle-part .columns:not(:first-of-type) {
margin-top: 0px;
}
.footer .middle-row .middle-part p {
margin-bottom: 0px;
line-height: 24px;
}
.footer .middle-row .middle-part a {
font-weight: 500;
}
.footer .middle-row .middle-part svg {
margin-top: 15px;
fill: #ffffff;
transition: fill 0.3s ease-in-out;
}
.footer .middle-row .middle-part svg:hover {
fill: #ff5000;
}
@media print, screen and (min-width: 50em) {
.footer .middle-row .footer-small-column {
padding-left: 0px;
}
}
@media print, screen and (min-width: 75em) {
.footer .middle-row {
padding: 0px;
}
.footer .middle-row .middle-part {
margin-top: 30px;
}
.footer .middle-row .middle-part .columns:not(:first-of-type) {
margin-top: 0px;
}
.footer .middle-row .middle-part .columns:last-of-type {
float: left;
}
.footer .middle-row .middle-part p {
margin-bottom: 0px;
line-height: 24px;
}
.footer .middle-row .middle-part a {
font-weight: 500;
}
.footer .middle-row .middle-part img {
padding-top: 27px;
padding-right: 0px;
}
.footer .middle-row .middle-part .contact-icon {
margin-right: 10px;
}
.footer .middle-row .middle-part img.employee-image {
padding-right: 0;
margin-right: -15px;
}
}
.footer .underline {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.footer .orange-hover:hover {
color: #ff5000;
}
.footer.simple {
padding-bottom: 64px;
border-bottom: 1px solid #fcfcfd;
}
.footer.simple p {
font-size: 14px;
}
.footer.simple p a {
font-size: 14px;
font-weight: 600;
color: #eaecf0;
text-decoration: underline;
}
.bottom-row {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #083a31;
height: 100%;
line-height: 30px;
padding-top: 15px;
padding-bottom: 15px;
}
.bottom-row .right-part {
margin-top: 10px;
}
.bottom-row .footer-text {
display: inline-block;
font-size: 14px;
font-weight: 300;
color: #fefefe;
margin-right: 10px;
line-height: 30px;
}
.bottom-row .right-part .footer-text {
font-size: 14px;
font-weight: normal;
color: #fcfcfd;
line-height: 30px;
}
.bottom-row .right-part .footer-text a {
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
color: #fcfcfd;
}
.bottom-row .right-part .footer-text a:hover {
color: #afafaf;
}
@media print, screen and (min-width: 75em) {
.bottom-row {
height: 60px;
line-height: 60px;
padding: 0px 13px;
}
.bottom-row .right-part {
margin-top: 0px;
text-align: right;
}
.bottom-row .right-part .footer-text {
top: 10px;
line-height: 30px;
}
.bottom-row .footer-text {
display: inline-block;
font-size: 12px;
color: #fcfcfd;
margin-right: 10px;
line-height: 30px;
}
.bottom-row .footer-text a {
color: #fcfcfd;
}
.bottom-row .footer-text a:hover {
color: #ff5000;
}
}
.payment-row {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #083a31;
line-height: 30px;
padding-bottom: 20px;
}
.payment-row .payment-container {
border-top: 1px solid #fcfcfd;
border-bottom: 1px solid #fcfcfd;
line-height: 55px;
margin: 0 0px;
}
@media print, screen and (min-width: 50em) {
.payment-row .payment-container {
margin: 0 112px;
}
}
.payment-row .right-part {
margin-top: 10px;
}
.payment-row .footer-text {
display: inline-block;
font-size: 14px;
font-weight: 300;
color: #fefefe;
margin-right: 10px;
line-height: 30px;
}
.payment-row .right-part .footer-text {
font-size: 14px;
font-weight: normal;
color: #aaaaaa;
line-height: 17px;
}
@media print, screen and (min-width: 75em) {
.payment-row {
line-height: 60px;
padding: 0px 13px;
}
.payment-row .right-part {
margin-top: 0px;
text-align: right;
}
.payment-row .right-part .footer-text {
position: relative;
top: 10px;
line-height: 15px;
}
.payment-row .footer-text {
display: inline-block;
font-size: 12px;
color: #fcfcfd;
margin-right: 10px;
line-height: 30px;
}
}
.sitemap-content {
margin-top: 48px;
margin-bottom: 48px;
}
.sitemap-content a {
color: #475467;
}
.sitemap-content a:hover {
color: #ff5000;
}
.hero {
position: relative;
width: 100%;
}
.hero .columns {
padding-left: 112px;
padding-right: 0px;
}
.hero .hero-box {
font-family: "Lato", Helvetica, Roboto, Arial, sans-serif;
font-weight: 400;
padding-top: 4%;
}
.hero .hero-box .mobile-hero-button {
margin-bottom: 201px;
}
.hero .hero-box .slogan {
color: #ffffff;
padding-top: 15px;
padding-bottom: 8px;
}
@media print, screen and (min-width: 50em) {
.hero .hero-box .slogan {
padding-bottom: 20px;
}
}
.hero .hero-box .slogan .main {
position: relative;
color: #101828;
padding-bottom: 10px;
font-family: Manrope;
padding-bottom: 8px;
font-size: 28px;
font-weight: 700;
line-height: 44px;
letter-spacing: -0.02em;
}
@media print, screen and (min-width: 50em) {
.hero .hero-box .slogan .main {
padding-bottom: 10px;
font-size: 36px;
font-weight: 600;
line-height: 44px;
letter-spacing: -0.02em;
}
}
.hero .hero-box .slogan .sub {
position: relative;
color: #475467;
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.hero .hero-box-2 {
font-family: Inter;
font-weight: 400;
padding: 0 0 0 0;
position: absolute;
bottom: 28px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 322px;
margin: 0px;
}
@media print, screen and (min-width: 50em) {
.hero .hero-box-2 {
position: relative;
left: unset;
bottom: unset;
clear: none;
width: 280px;
margin: 32px 84px 32px 0;
transform: translateX(0%);
}
}
@media print, screen and (min-width: 75em) {
.hero .hero-box-2 {
position: relative;
left: unset;
bottom: unset;
clear: none;
width: 280px;
margin: 32px 112px 32px 0;
transform: translateX(0%);
}
}
.hero .hero-box-2 img {
border-radius: 20px;
}
.hero .hero-box-2 .hero-badge {
font-family: Manrope;
background-color: #FF5000;
color: #FFFFFF;
position: absolute;
top: 0px;
right: 0px;
border-radius: 0 8px 0 4px;
padding: 5px;
}
@media print, screen and (min-width: 50em) {
.hero .hero-box-2 .hero-badge {
top: 16px;
left: 16px;
right: auto;
border-radius: 4px;
padding: 5px;
}
}
.hero .hero-box-2 .hero-box-text {
font-size: 50px;
font-weight: 400;
position: absolute;
bottom: 24px;
}
.hero .hero-box-2 .hero-box-text .slogan {
color: #ffffff;
padding-left: 16px;
line-height: 60px;
}
.hero .hero-box-2 .hero-box-text .slogan .main {
font-size: 22px;
font-family: Manrope;
line-height: 30px;
}
@media print, screen and (min-width: 50em) {
.hero .hero-box-2 .hero-box-text .slogan .main {
font-size: 30px;
}
}
.hero .hero-box-2 .hero-box-text .slogan .sub {
line-height: 24px;
font-size: 16px;
max-width: 280px;
font-weight: 400;
}
.hero .hero-box-2 .hero-box-text .link {
font-size: 16px;
padding-left: 16px;
color: #ffffff;
font-weight: 600;
transition: color 0.3s ease;
/* Adding a smooth transition effect */
}
.hero .hero-box-2 .hero-box-text .link:hover {
color: #df5600;
}
.hero .hero-box-2 .hero-box-text .link:hover svg path {
fill: #df5600;
}
.hero .hero-box-2:hover .link {
color: #df5600;
}
.hero .hero-box-2:hover .link svg path {
fill: #df5600;
}
.hero .hero-box-2:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
z-index: 0;
border-radius: 20px;
}
.hero .orbit-container img {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.hero .orbit-bullets {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 300px;
bottom: -10px;
}
@media print, screen and (min-width: 75em) {
.hero .orbit-bullets {
bottom: 5px;
}
}
.hero-webshop {
position: relative;
width: 100%;
}
.hero-webshop .columns {
padding-left: 0px;
padding-right: 0px;
}
.hero-webshop img {
width: 100%;
}
.hero-webshop .hero-box {
position: absolute;
width: 500px;
bottom: 10%;
left: 6%;
}
.hero-webshop .hero-box .hero-box-text {
font-family: "Lato", Helvetica, Roboto, Arial, sans-serif;
font-weight: 400;
width: 450px;
}
.hero-webshop .hero-box .hero-box-text .slogan {
font-size: 28px;
font-weight: 800;
color: #164c42;
padding-top: 15px;
padding-bottom: 15px;
line-height: 30px;
padding-right: 15px;
padding-left: 5px;
}
.hero-webshop .hero-box .hero-box-text .text {
font-size: 15px;
color: #164c42;
padding-top: 0px;
padding-bottom: 60px;
padding-left: 0px;
line-height: 24px;
font-weight: 550;
}
.hero-webshop .hero-box .hero-box-text .button {
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 12px;
font-weight: 600;
margin-top: 19px;
}
.hero-webshop .hero-box .hero-box-text .cta {
color: #FF5000;
}
.hero-webshop .hero-box .hero-box-text .next {
height: 126px;
line-height: 126px;
}
.hero-webshop .hero-box .hero-box-text .next a {
font-family: "Gotham Light Regular";
font-weight: 300;
color: #FF5000;
}
.orbit {
max-width: 1152px;
margin: auto;
}
.orbit-bullets button {
background-color: #164c42;
}
.orbit-bullets button.is-active {
background-color: #e0ede7;
box-shadow: inset 0px 0px 0px 2px #164c42;
}
.orbit-bullets button:hover {
background-color: #e0ede7;
}
.categories .main .campaign {
padding: 70px 0 10px 0;
}
.categories .main .campaign .campaign-container {
max-width: 1152px;
border-radius: 5px;
margin: 0 auto;
}
.categories .main .campaign .campaign-container .title {
color: #164c42;
padding-top: 25px;
padding-bottom: 15px;
font-weight: 800;
font-size: 28px;
}
.categories .main .campaign .campaign-container .sub-title {
color: #164c42;
padding-top: 25px;
padding-bottom: 15px;
font-weight: 600;
font-size: 28px;
}
.categories .main .campaign .campaign-container .text {
color: #164c42;
padding-top: 15px;
padding-bottom: 25px;
font-weight: 300;
font-size: 20px;
}
.categories .main .category-section {
padding: 0px;
}
.categories .main .category-section .category-block {
background-color: #fefefe;
box-shadow: 5px 5px 8px 3px rgba(0, 0, 0, 0.4);
border-radius: 2px;
text-align: center;
padding: 0px;
}
.categories .main .category-section .category-block .category-title {
font-weight: 700;
font-size: 16px;
padding: 25px 0 25px 0;
color: #164c42;
}
.categories .main .category-section .category-block img {
height: auto;
width: 100%;
overflow: clip;
}
@media print, screen and (min-width: 50em) {
.categories .main .category-section .category-block img {
height: auto;
width: 100%;
overflow: clip;
}
}
.categories .main .orbit-container {
padding-bottom: 10px;
}
.categories .main .orbit-container img {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.categories .main .orbit-wrapper {
padding-bottom: 100px;
}
.categories .main .orbit-slide {
padding-bottom: 5px;
padding-top: 10px;
}
.categories .main .orbit-bullets {
padding-bottom: 30px;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 300px;
bottom: -10px;
}
.categories .main .orbit-bullets button {
color: #164c42;
}
@media print, screen and (min-width: 75em) {
.categories .main .orbit-bullets {
bottom: 5px;
}
}
.sub-hero-message {
height: 128px;
line-height: 64px;
border-bottom: 1px solid #DDDDDD;
}
.sub-hero-message .hero-box-text {
margin: 0 auto;
width: 400px;
font-family: "Gotham Light Regular";
font-size: 22px;
font-weight: 300;
color: #FF5000;
}
.sub-hero-message .hero-box-text a {
font-family: "Gotham Light Regular";
font-weight: 300;
}
.sub-hero-message .hero-box-text .slogan {
font-size: 21px;
}
.sub-hero {
height: 152px;
line-height: 37px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
font-size: 15px;
color: #53A500;
}
@media print, screen and (min-width: 75em) {
.sub-hero {
height: 100%;
line-height: 31px;
}
}
.sub-hero .help-item {
font-size: 15px;
color: #FF5000;
}
@media print, screen and (min-width: 75em) {
.sub-hero .help-item {
padding-left: 60px;
}
}
.shapes {
padding-top: 20px;
padding-bottom: 20px;
}
@media print, screen and (min-width: 75em) {
.shapes {
padding-top: 30px;
padding-bottom: 60px;
}
}
.shapes .pillow-section {
margin-top: 30px;
margin-bottom: 10px;
}
.shapes .pillow-section .pillow-block {
background-color: white;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
border-radius: 2px;
text-align: center;
position: relative;
padding: 10px 5px;
height: 310px;
}
.shapes .pillow-section .pillow-block img {
height: 198px;
width: auto;
max-width: 160px;
left: 0;
right: 0;
margin: 0 auto;
}
.shapes .pillow-section .pillow-block .pillow-type {
position: absolute;
top: 15px;
left: 5px;
right: 5px;
font-size: 18px;
line-height: 20px;
font-weight: bold;
font-family: Manrope;
}
@media print, screen and (min-width: 50em) {
.shapes .pillow-section .pillow-block {
padding: 10px;
height: 380px;
}
.shapes .pillow-section .pillow-block img {
height: 236px;
width: auto;
max-width: 215px;
left: 0;
right: 0;
margin: 0 auto;
}
.shapes .pillow-section .pillow-block .pillow-type {
left: 10px;
right: 10px;
font-size: 24px;
line-height: 29px;
font-weight: normal;
}
}
.shapes .pillow-section .pillow-block .pillow-button {
position: absolute;
bottom: 15px;
left: 5px;
right: 5px;
font-weight: bold;
}
.shapes .pillow-section .pillow-block .pillow-button a {
width: 80%;
}
.products {
max-width: 1152px;
margin-left: auto;
margin-right: auto;
}
.products .main {
padding-top: 20px;
padding-bottom: 20px;
}
@media print, screen and (min-width: 75em) {
.products .main {
padding-top: 30px;
padding-bottom: 60px;
}
}
.products .main .product-section {
margin-top: 30px;
margin-bottom: 10px;
}
.products .main .product-section .product-image {
max-width: 400px;
position: relative;
height: 300px;
display: flex;
align-items: center;
/* vertical */
justify-content: center;
/* horizontal */
}
.products .main .product-section img {
height: auto;
max-width: 100%;
max-height: 300px;
}
.products .main .product-section .title-product {
font-size: 17px;
font-weight: 800;
color: #164c42;
}
@media print, screen and (min-width: 50em) {
.products .main .product-section img {
height: auto;
max-width: 100%;
max-height: 300px;
}
.products .main .product-section .title-product {
padding: 10px;
color: #164c42;
font-size: 17px;
font-weight: 800;
}
}
.products .main .product-section .product {
padding-bottom: 80px;
max-width: 400px;
margin: 0 auto;
}
@media screen and (max-width: 1115px) {
.products .main .product-section .product {
float: none;
}
}
.products .main .product-section .product-button {
padding-top: 5px;
font-weight: bold;
}
.products .main .product-section .product-button .button-basket {
padding: 2px;
border: 1px solid #FF5000;
border-radius: 5px;
}
.products .main .product-section .product-button .button-basket .plus-cart {
color: #ff5000;
top: -12px;
position: relative;
}
.products .pagination-container {
margin: 15px 0 10px 0;
padding-left: 0px;
}
.products .pagination-container .product-count {
padding-left: 0px;
color: #164c42;
font-size: 18px;
}
.products .pagination-container .page-links {
font-size: 18px;
}
.products .pagination-container .page-item {
display: inline;
}
.products .pagination-container .page-item.active span {
color: #164c42;
}
.products .pagination-container .page-item.disabled span {
color: #164c42;
}
.products .pagination-container a[rel=next] {
color: #164c42;
}
.products .most-sold-container .most-sold {
font-size: 18px;
font-weight: 800;
padding: 15px;
color: #164c42;
border: 1px solid #164c42;
border-radius: 25px;
}
.view-product {
font-size: 14px;
}
.product-price {
padding: 5px;
color: #101828;
font-size: 22px;
font-weight: 700;
}
.related-product-price {
padding: 5px;
color: #101828;
font-size: 22px;
font-weight: 700;
}
.stock-container .in-stock {
padding: 4px 6px;
font-size: 14px;
color: #4CA30D;
border: 1px solid #4CA30D;
font-weight: 600;
margin-top: 32px;
border-radius: 5px;
}
.stock-container .in-stock-text {
font-size: 12px;
color: #4CA30D;
font-weight: 400;
margin-top: 20px;
margin-left: 8px;
}
.stock-container .out-of-stock {
padding: 4px 6px;
font-size: 14px;
color: #ff5000;
border: 1px solid #ff5000;
font-weight: 600;
margin-top: 32px;
border-radius: 5px;
}
.stock-container .out-of-stock-text {
font-size: 12px;
color: #FF5000;
font-weight: 400;
margin-top: 20px;
margin-left: 8px;
}
.stock-container .limited-stock {
padding: 4px 6px;
font-size: 14px;
color: #ffc400;
border: 1px solid #ffc400;
font-weight: 600;
margin-top: 32px;
border-radius: 5px;
}
.stock-container .limited-stock-text {
font-size: 12px;
color: #ffc400;
font-weight: 400;
margin-top: 20px;
margin-left: 8px;
}
.stock-container .longer-lead {
padding: 4px 6px;
font-size: 14px;
color: #FF5000;
border: 1px solid #FF5000;
font-weight: 600;
margin-top: 32px;
border-radius: 5px;
}
.stock-container .longer-lead-text {
font-size: 12px;
color: #FF5000;
font-weight: 400;
margin-top: 20px;
margin-left: 8px;
}
.stock-container .sold-out {
padding: 4px 6px;
font-size: 14px;
color: #FF0000;
border: 1px solid #FF0000;
font-weight: 600;
margin-top: 32px;
border-radius: 5px;
}
.stock-container .sold-out-text {
font-size: 12px;
color: #FF0000;
font-weight: 400;
margin-top: 20px;
margin-left: 8px;
}
.delivery-time {
font-size: 14px;
color: #000000;
align-items: center;
}
.website-rating {
margin-top: 56px;
margin-bottom: 96px;
}
.website-rating .title {
font-size: 28px;
font-weight: 600;
margin-bottom: 0px;
}
.website-rating .review-section {
margin-top: 16px;
margin-bottom: 32px;
display: flex;
align-items: stretch;
}
.website-rating .review-container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
background-color: #ffffff;
padding: 24px;
border-radius: 16px;
box-shadow: 0 5px 3px rgba(0, 0, 0, 0.1);
}
.website-rating .review-container .review-text {
margin-bottom: 16px;
}
.website-rating .review-container .review-text .content {
color: #101828;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-bottom: 14px;
}
.website-rating .review-container .customer-info {
margin-top: auto;
}
.website-rating .review-container .customer-info .user {
color: #101828;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin-bottom: 0px;
}
.website-rating .review-container .customer-info .date {
color: #101828;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.website-rating .review-section-mobile {
margin-bottom: 24px;
}
.website-rating .review-section-mobile .fade {
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);
}
.website-rating .review-section-mobile .overview-scroll-clip {
position: relative;
width: 100%;
overflow: hidden;
margin-top: 20px;
}
.website-rating .review-section-mobile .overview-scroll-clip .nav-button {
border: solid 1px #B2B4BB;
padding: 16px 22px 16px 22px;
border-radius: 58px;
position: absolute;
top: 50%;
margin-top: -48px;
z-index: 100000;
font-size: 16px;
color: white;
background-color: white;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
opacity: 0.95;
-webkit-text-fill-color: #344054;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #344054;
}
.website-rating .review-section-mobile .overview-scroll-clip .nav-button.previous {
left: 2%;
}
.website-rating .review-section-mobile .overview-scroll-clip .nav-button.next {
right: 2%;
}
.website-rating .review-section-mobile .overview-scroll-clip .overview-scroll-container {
display: flex;
align-items: center;
/* Vertically align smaller reviews */
width: 100%;
white-space: nowrap;
position: relative;
overflow: scroll;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: none;
/* Hides the scrollbar in IE and Edge */
scrollbar-width: none;
/* Hides the scrollbar in Firefox */
-ms-overflow-style: none;
}
.website-rating .review-section-mobile .overview-scroll-clip .overview-scroll-container::-webkit-scrollbar {
width: 0;
/* Hides the scrollbar in WebKit browsers (e.g., Chrome, Safari) */
background: transparent;
/* Sets the background color of the hidden scrollbar */
}
@media print, screen and (min-width: 50em) {
.website-rating .review-section-mobile .overview-scroll-clip .overview-scroll-container {
overflow-x: hidden;
}
}
.website-rating .review-section-mobile .overview-scroll-clip .overview-scroll-container ::-webkit-scrollbar {
display: none;
}
.website-rating .review-section-mobile .overview-scroll-clip .overview-scroll-container .overview-review-container {
flex-shrink: 0;
/* Prevent review containers from shrinking */
vertical-align: middle;
/* Vertically align review containers at the top */
width: calc(100% - 50px);
box-shadow: 0 5px 3px rgba(0, 0, 0, 0.1);
display: inline-block;
position: relative;
margin-right: 32px;
border-radius: 20px;
margin-bottom: 10px;
padding-top: 24px;
background-color: #ffffff;
}
.website-rating .review-section-mobile .overview-scroll-clip .overview-scroll-container .overview-review-container .review-text {
white-space: initial;
padding: 0 24px 24px 24px;
}
.website-rating .review-section-mobile .overview-scroll-clip .overview-scroll-container .overview-review-container .review-text .user {
color: #101828;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin-bottom: 0px;
}
.website-rating .review-section-mobile .overview-scroll-clip .overview-scroll-container .overview-review-container .review-text .date {
color: #101828;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.website-rating .review-section-mobile .overview-scroll-clip .overview-scroll-container .overview-review-container .title {
padding: 0 24px;
white-space: initial;
}
.website-rating .review-section-mobile .overview-scroll-clip .overview-scroll-container .overview-review-container:first-child {
margin-left: 32px;
}
.customer-inspiration {
padding-top: 20px;
padding-bottom: 20px;
background-color: white;
}
@media print, screen and (min-width: 75em) {
.customer-inspiration {
padding-top: 30px;
padding-bottom: 60px;
}
}
.customer-inspiration .customer-image-section {
margin-top: 40px;
background-color: white;
}
.customer-inspiration .customer-image-button {
position: absolute;
top: 5px;
bottom: 5px;
}
.customer-inspiration .customer-image-button .button {
background: #FFFFFF;
border: 1px solid #333333;
border-radius: 100px;
color: black;
}
.video-section {
padding-top: 20px;
padding-bottom: 20px;
}
@media print, screen and (min-width: 75em) {
.video-section {
padding-top: 30px;
padding-bottom: 60px;
}
}
.video-section .video-row {
line-height: 30px;
}
.video-section .video-row .columns {
margin-top: 20px;
}
.video-section .video-row .video-container {
text-align: center;
}
@media print, screen and (min-width: 75em) {
.video-section .video-row {
margin-top: 20px;
}
.video-section .video-row .columns {
margin-top: 0px;
}
}
.business-text {
line-height: 28px;
color: #475467;
font-size: 18px;
font-weight: 400;
}
.business-title {
color: #101828;
font-family: Manrope;
font-size: 22px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0em;
}
@media print, screen and (min-width: 50em) {
.business-title {
font-size: 36px;
font-weight: 600;
line-height: 44px;
letter-spacing: -0.02em;
}
}
.menu-items {
margin: 0px;
font-weight: 400;
}
.landing-title {
font-size: 30px;
}
.landing-sub-title {
font-size: 20px;
}
.tab {
overflow: hidden;
}
.tab button {
background-color: inherit;
float: left;
border: 1px solid #ccc;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}
.tab button:hover {
background-color: #ddd;
}
.tab button.active {
background-color: #FF5000;
}
.tabcontent {
display: none;
border: 1px solid #ccc;
}
.category-section {
padding: 10px 10px 10px 20px;
}
.category-info {
max-width: 1152px;
margin: auto;
padding: 8px;
}
.category-info .category-title h1 {
font-size: 22px;
font-weight: 700;
margin-bottom: 16px;
color: #101828;
font-family: Manrope;
}
@media print, screen and (min-width: 50em) {
.category-info .category-title h1 {
font-size: 30px;
font-weight: 600;
margin-bottom: 24px;
}
}
.category-info .category-text p {
color: #164c42;
font-size: 18px;
font-weight: 300;
}
.internal-links-carousel .overview-scroll-clip {
position: relative;
width: calc(100vw - 16px);
overflow: hidden;
margin-top: 20px;
}
.internal-links-carousel .overview-scroll-clip .overview-scroll-container {
display: flex;
align-items: center;
/* Vertically align smaller reviews */
width: 100%;
white-space: nowrap;
position: relative;
overflow: scroll;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: none;
/* Hides the scrollbar in IE and Edge */
scrollbar-width: none;
/* Hides the scrollbar in Firefox */
-ms-overflow-style: none;
}
.internal-links-carousel .overview-scroll-clip .overview-scroll-container::-webkit-scrollbar {
width: 0;
/* Hides the scrollbar in WebKit browsers (e.g., Chrome, Safari) */
background: transparent;
/* Sets the background color of the hidden scrollbar */
}
@media print, screen and (min-width: 50em) {
.internal-links-carousel .overview-scroll-clip .overview-scroll-container {
overflow-x: hidden;
}
}
.internal-links-carousel .overview-scroll-clip .overview-scroll-container ::-webkit-scrollbar {
display: none;
}
.internal-links-carousel .overview-scroll-clip .overview-scroll-container .overview-internal-container {
flex-shrink: 0;
vertical-align: middle;
/* Vertically align review containers at the top */
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: inline-block;
position: relative;
margin-right: 8px;
border-radius: 20px;
margin-bottom: 10px;
}
.internal-links-carousel .overview-scroll-clip .overview-scroll-container .overview-internal-container .internal-link a {
padding: 10px 36px;
}
.internal-links-carousel .overview-scroll-clip .overview-scroll-container .overview-internal-container .type-button:active {
background-color: initial;
}
.internal-links-carousel .overview-scroll-clip .overview-scroll-container .overview-review-container:first-child {
margin-left: 32px;
}
.shape-carousel {
margin-top: 56px;
}
.shape-carousel .fade {
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);
}
.shape-carousel h1 {
color: #101828;
font-size: 22px;
font-weight: 700;
}
@media print, screen and (min-width: 50em) {
.shape-carousel h1 {
font-size: 30px;
font-weight: 600;
}
}
.shape-carousel h2 {
color: #101828;
font-size: 22px;
font-weight: 700;
}
@media print, screen and (min-width: 50em) {
.shape-carousel h2 {
font-size: 30px;
font-weight: 600;
}
}
.shape-carousel p {
padding: 0 26px;
font-weight: 400;
line-height: 24px;
}
.shape-carousel h1 {
padding: 0 26px;
}
@media print, screen and (min-width: 50em) {
.shape-carousel p {
padding: 0;
font-weight: 400;
}
.shape-carousel h1 {
padding: 0;
}
}
.shape-carousel .overview-scroll-clip {
position: relative;
width: 100%;
overflow: hidden;
margin-top: 20px;
}
.shape-carousel .overview-scroll-clip .nav-button {
border: solid 1px #B2B4BB;
padding: 16px 22px 16px 22px;
border-radius: 58px;
position: absolute;
top: 50%;
margin-top: -48px;
z-index: 100000;
font-size: 16px;
color: white;
background-color: white;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
opacity: 0.95;
-webkit-text-fill-color: #344054;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #344054;
}
.shape-carousel .overview-scroll-clip .nav-button.previous {
left: 3%;
}
.shape-carousel .overview-scroll-clip .nav-button.next {
right: 3%;
}
.shape-carousel .overview-scroll-clip .overview-scroll-container {
width: 100%;
white-space: nowrap;
position: relative;
overflow: scroll;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: none;
/* Hides the scrollbar in IE and Edge */
scrollbar-width: none;
/* Hides the scrollbar in Firefox */
-ms-overflow-style: none;
-ms-overflow-style: none;
}
.shape-carousel .overview-scroll-clip .overview-scroll-container::-webkit-scrollbar {
width: 0;
/* Hides the scrollbar in WebKit browsers (e.g., Chrome, Safari) */
background: transparent;
/* Sets the background color of the hidden scrollbar */
}
@media print, screen and (min-width: 50em) {
.shape-carousel .overview-scroll-clip .overview-scroll-container {
overflow-x: hidden;
}
}
.shape-carousel .overview-scroll-clip .overview-scroll-container ::-webkit-scrollbar {
display: none;
}
.shape-carousel .overview-scroll-clip .overview-scroll-container ::-webkit-scrollbar {
display: none;
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container:first-child {
margin-left: 12px;
}
@media print, screen and (min-width: 50em) {
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container:first-child {
margin-left: 5%;
}
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container {
box-shadow: 0 5px 3px rgba(0, 0, 0, 0.1);
display: inline-block;
position: relative;
border-radius: 20px;
margin-bottom: 10px;
width: calc(50vw - 24px);
margin-right: 12px;
}
@media print, screen and (min-width: 50em) {
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container {
width: auto;
margin-right: 32px;
}
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .image-container {
border-radius: 20px 20px 0 0;
height: 158px;
background: linear-gradient(291.7deg, #EFEBE7 0%, #FFFBF8 107.12%);
width: auto;
}
@media print, screen and (min-width: 50em) {
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .image-container {
width: 280px;
}
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .pillow-type {
height: 72px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
word-wrap: break-word;
white-space: normal;
padding: 0 8px;
width: auto;
}
@media print, screen and (min-width: 50em) {
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .pillow-type {
width: 280px;
}
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .pillow-button {
margin-bottom: 32px;
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
@media print, screen and (min-width: 50em) {
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .pillow-button {
padding-left: 24px;
padding-right: 24px;
}
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .pillow-button a {
font-size: 14px;
line-height: 20px;
width: 100%;
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container a.thumbnail:hover, .shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(255, 114, 0, 0.7);
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .thumbnail {
border: none;
border-radius: 20px;
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container img {
width: auto;
height: 158px;
border-radius: 20px;
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay {
position: absolute;
top: 35px;
background-color: white;
padding: 5px;
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay p {
margin-bottom: 0;
line-height: 14px;
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay p.title {
font-weight: bold;
}
.shape-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay p.sub-title {
color: black;
font-size: 14px;
}
.shape-carousel .overview-scroll-clip .overview-scroll-container:first-child {
padding-left: 1px;
}
.color-swatches {
padding: 20px 50px 20px 50px;
position: relative;
margin-top: 56px;
padding: 20px 26px 20px 26px;
}
@media print, screen and (min-width: 50em) {
.color-swatches {
margin-top: 92px;
padding: 20px 50px 20px 50px;
}
}
.color-swatches .color-swatch-container {
background-color: #e1dbd6;
border-radius: 10px;
}
.color-swatches .color-swatch-container .info-container {
padding-top: 0px;
margin-top: 128px;
padding-bottom: 24px;
}
@media print, screen and (min-width: 50em) {
.color-swatches .color-swatch-container .info-container {
margin-top: 0px;
padding-top: 3%;
padding-bottom: 3%;
}
}
.color-swatches .color-swatch-container .info-container .info a {
margin-top: 8px;
}
.color-swatches .color-swatch-container .info-container .info .title {
padding: 0 5%;
font-weight: 600;
color: #101828;
margin-bottom: 16px;
font-size: 22px;
}
@media print, screen and (min-width: 50em) {
.color-swatches .color-swatch-container .info-container .info .title {
font-size: 30px;
}
}
.color-swatches .color-swatch-container .info-container .info .text {
padding: 0 5%;
line-height: 25px;
}
.color-swatches .color-swatch-container .left-image-container {
position: relative;
}
.color-swatches .color-swatch-container .left-image-container .left-image {
position: absolute;
top: -28px;
width: 200px;
position: absolute;
top: -43px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
@media print, screen and (min-width: 50em) {
.color-swatches .color-swatch-container .left-image-container .left-image {
width: 100%;
position: absolute;
top: -28px;
left: auto;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
}
.color-swatches .right-image-container {
border-radius: 8px;
position: relative;
bottom: auto;
right: auto;
}
@media print, screen and (min-width: 50em) {
.color-swatches .right-image-container {
position: absolute;
bottom: 0px;
right: 32px;
}
}
.color-swatches .right-image-container:hover .link {
color: #df5600;
}
.color-swatches .right-image-container:hover .link svg path {
fill: #df5600;
}
.color-swatches .right-image-container .img-container::before {
border-radius: 20px;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
position: relative;
margin-left: 0px;
width: calc(100% - 10px);
max-width: 646px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);
}
@media print, screen and (min-width: 50em) {
.color-swatches .right-image-container .img-container::before {
position: absolute;
margin-left: 12px;
width: 280px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.7) 100%);
}
}
.color-swatches .right-image-container img {
border-radius: 20px;
}
.color-swatches .right-image-container .right-image-text {
color: #FFFFFF;
padding: 10px;
border-radius: 8px;
position: relative;
padding: 16px;
bottom: 0px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);
}
@media print, screen and (min-width: 50em) {
.color-swatches .right-image-container .right-image-text {
padding: 10px;
bottom: 15px;
position: absolute;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%);
}
}
.color-swatches .right-image-container .right-image-text .title {
font-size: 28px;
font-weight: 500;
}
.color-swatches .right-image-container .right-image-text .text {
line-height: 25px;
}
.color-swatches .right-image-container .right-image-text .link {
color: #FFFFFF;
}
.color-swatches .right-image-container .right-image-text.cs-mb-overlay {
position: absolute;
top: 0px;
width: 100%;
border-radius: 24px;
}
.color-swatches .customer-support {
margin-top: 70px;
}
@media print, screen and (min-width: 50em) {
.color-swatches .customer-support {
margin-top: 32px;
}
}
.webshop-products {
margin-top: 32px;
margin-bottom: 64px;
}
.webshop-products .title {
font-size: 22px;
font-weight: 700;
}
@media print, screen and (min-width: 50em) {
.webshop-products {
margin-top: 0px;
margin-bottom: 32px;
}
.webshop-products .title {
font-size: 30px;
font-weight: 700;
}
}
.webshop-products .text {
margin-top: 24px;
line-height: 24px;
font-size: 16px;
font-weight: 400;
color: #475467;
}
.webshop-products .shop-category-section {
max-width: 1046px !important;
margin: 0 auto;
}
.webshop-products .shop-category-section .category-container {
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
border-radius: 20px 20px 20px 20px;
background-color: #f5f3f0;
position: relative;
max-width: 616px;
margin: 24px;
}
@media print, screen and (min-width: 50em) {
.webshop-products .shop-category-section .category-container {
margin: auto;
max-width: 320px;
}
}
.webshop-products .shop-category-section .category-container img {
border-radius: 20px 20px 0px 0px;
}
.webshop-products .shop-category-section .category-container .title {
font-weight: 700;
color: #344054;
margin-top: 16px;
padding-left: 16px;
margin-bottom: 0px;
font-size: 22px;
}
@media print, screen and (min-width: 50em) {
.webshop-products .shop-category-section .category-container .title {
margin-top: 138px;
padding-left: 0px;
font-size: 26px;
}
}
.webshop-products .shop-category-section .category-container .link-container {
padding: 8px 10px 32px 16px;
}
@media print, screen and (min-width: 50em) {
.webshop-products .shop-category-section .category-container .link-container {
padding: 8px 10px 32px 10px;
}
}
.webshop-products .shop-category-section .category-container .overlay {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
.webshop-products .shop-category-section .category-container .warmtekussen {
top: 82px;
}
.webshop-products .shop-category-section .category-container .poefjes {
top: 50px;
}
.webshop-products .shop-category-section .category-container .sierkussen {
top: 71px;
}
.webshop-products .shop-category-section .category-container .overlay-mobile {
position: absolute;
right: 20px;
}
.webshop-products .shop-category-section .category-container .warmtekussen-mobile {
top: 29px;
width: 30%;
min-width: 91px;
}
.webshop-products .shop-category-section .category-container .poefjes-mobile {
top: 26px;
width: 40%;
min-width: 68px;
}
.webshop-products .shop-category-section .category-container .sierkussen-mobile {
top: 15px;
width: 30%;
min-width: 76px;
}
.webshop-products .shop-category-section .category-container .zitkussen-mobile {
top: 60px;
width: 30%;
min-width: 76px;
}
.webshop-products .shop-category-section .category-container.white {
background-color: #ffffff;
}
.cushions-furniture {
margin-top: 56px;
margin-bottom: 56px;
}
@media print, screen and (min-width: 50em) {
.cushions-furniture {
margin-bottom: 94px;
}
}
.cushions-furniture .furniture-row {
max-width: 1255px !important;
margin: 0 auto;
}
.cushions-furniture .furniture-row .furniture-column {
padding: 0 6px;
max-width: 250px;
}
@media print, screen and (min-width: 50em) {
.cushions-furniture .furniture-row .furniture-column {
padding: 0 16px;
}
}
.cushions-furniture .title {
font-weight: 700;
color: #101828;
font-size: 22px;
margin-bottom: 16px;
}
@media print, screen and (min-width: 50em) {
.cushions-furniture .title {
font-size: 30px;
margin-bottom: 24px;
}
}
.cushions-furniture .text {
margin-bottom: 32px;
}
.cushions-furniture .text p {
line-height: 24px;
}
.cushions-furniture .furniture-container {
color: white;
background-color: #FFFFFF;
border-radius: 20px 20px 20px 20px;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}
.cushions-furniture .furniture-container .furniture-link {
margin-bottom: 32px;
height: 68px;
border-radius: 0 0 20px 20px;
position: relative;
}
@media print, screen and (min-width: 50em) {
.cushions-furniture .furniture-container .furniture-link {
height: 67px;
}
}
.cushions-furniture .furniture-container .furniture-link .text {
color: #df5600;
width: 80%;
font-weight: 600;
position: absolute;
top: 50%;
transform: translateY(-50%);
line-height: 16px;
padding: 20px 16px 20px 16px;
font-size: 13px;
}
@media print, screen and (min-width: 50em) {
.cushions-furniture .furniture-container .furniture-link .text {
padding: 20px 20px 20px 20px;
font-size: 14px;
line-height: 20px;
}
}
.cushions-furniture .furniture-container .furniture-link svg {
position: absolute;
top: 10px;
right: 15px;
}
.cushions-furniture .furniture-container img {
border-radius: 20px 20px 0 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 164px;
}
.cushions-furniture .blog-container {
color: white;
background-color: #FFFFFF;
border-radius: 20px 20px 20px 20px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.cushions-furniture .blog-container:hover {
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
transform: scale(1.08);
transition: all 0.3s ease-in-out;
}
.cushions-furniture .blog-container .furniture-link {
margin-bottom: 32px;
height: 68px;
border-radius: 0 0 20px 20px;
position: relative;
}
@media print, screen and (min-width: 50em) {
.cushions-furniture .blog-container .furniture-link {
height: 67px;
}
}
.cushions-furniture .blog-container .furniture-link .text {
color: #df5600;
width: calc(100% - 40px);
font-weight: 600;
position: absolute;
top: 50%;
transform: translateY(-50%);
line-height: 16px;
padding: 20px 16px 20px 16px;
}
.cushions-furniture .blog-container .furniture-link .text h5 {
font-size: 1.1rem !important;
}
@media print, screen and (min-width: 50em) {
.cushions-furniture .blog-container .furniture-link .text {
padding: 20px 20px 20px 20px;
line-height: 20px;
}
}
.cushions-furniture .blog-container .furniture-link svg {
position: absolute;
top: 10px;
right: 10px;
}
.cushions-furniture .blog-container img {
border-radius: 20px 20px 0 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
height: 214px;
}
.cushions-furniture .furniture-button {
background-color: #f5f3f0;
border-color: #FF5000;
color: #ff5000;
margin-bottom: 0px;
margin-top: 32px;
}
@media print, screen and (min-width: 50em) {
.cushions-furniture .furniture-button {
margin-top: 0px;
}
}
.cushions-furniture .furniture-carousel .furniture-link {
position: relative;
height: 68px;
}
.cushions-furniture .furniture-carousel .furniture-link .text {
white-space: initial;
font-size: 14px;
font-weight: 600;
width: 70%;
left: 16px;
position: absolute;
top: 50%;
transform: translateY(-50%);
line-height: 20px;
}
.cushions-furniture .furniture-carousel .furniture-link svg {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
}
.cushions-furniture .furniture-carousel .fade {
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);
}
.cushions-furniture .furniture-carousel .overview-scroll-clip {
position: relative;
width: 100%;
overflow: hidden;
margin-top: 20px;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .nav-button {
border: solid 1px #B2B4BB;
padding: 16px 22px 16px 22px;
border-radius: 58px;
position: absolute;
top: 50%;
margin-top: -48px;
z-index: 100000;
font-size: 16px;
color: white;
background-color: white;
opacity: 0.95;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
-webkit-text-fill-color: #344054;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #344054;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .nav-button.previous {
left: 3%;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .nav-button.next {
right: 3%;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container {
width: 100%;
white-space: nowrap;
position: relative;
overflow: scroll;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: none;
/* Hides the scrollbar in IE and Edge */
scrollbar-width: none;
/* Hides the scrollbar in Firefox */
-ms-overflow-style: none;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container::-webkit-scrollbar {
width: 0;
/* Hides the scrollbar in WebKit browsers (e.g., Chrome, Safari) */
background: transparent;
/* Sets the background color of the hidden scrollbar */
}
@media print, screen and (min-width: 50em) {
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container {
overflow-x: hidden;
}
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container ::-webkit-scrollbar {
display: none;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container:first-child {
margin-left: 5%;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container {
background-color: #ffffff;
box-shadow: 0 5px 3px rgba(0, 0, 0, 0.1);
display: inline-block;
position: relative;
margin-right: 32px;
border-radius: 20px;
margin-bottom: 10px;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .image-container {
border-radius: 20px 20px 0 0;
width: 180px;
height: auto;
background-color: #EFEBE7;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .pillow-type {
margin-top: 24px;
margin-bottom: 24px;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .pillow-button {
margin-bottom: 32px;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container a.thumbnail:hover, .cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(255, 114, 0, 0.7);
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .thumbnail {
border: none;
border-radius: 20px;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container img {
width: auto;
height: 158px;
border-radius: 20px 20px 0 0;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .magnify-text {
position: absolute;
left: 0;
bottom: 0;
color: #ffffff;
padding: 16px;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay {
position: absolute;
top: 35px;
background-color: white;
padding: 5px;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay p {
margin-bottom: 0;
line-height: 14px;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay p.title {
font-weight: bold;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay p.sub-title {
color: black;
font-size: 14px;
}
.cushions-furniture .furniture-carousel .overview-scroll-clip .overview-scroll-container:first-child {
padding-left: 1px;
}
.blog-header-image {
max-width: 30%;
}
.blog-article-container {
padding: 12px;
max-width: 1255px;
}
@media print, screen and (min-width: 50em) {
.blog-article-container {
padding: 24px;
}
}
.blog-article-container .text-image-float-right {
float: right;
width: 50%;
margin-left: 16px;
margin-bottom: 8px;
border-radius: 8px;
}
.blog-article-container .text-image-float-right img {
width: 100%;
height: auto;
border-radius: 8px;
}
.blog-article-container .text-image-float-right::after {
content: "";
display: block;
clear: both;
}
@media (max-width: 1000px) {
.blog-article-container .text-image-float-right {
float: none;
width: 100%;
margin-left: 0;
margin-bottom: 16px;
}
}
.blog-article-container .text-image-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.blog-article-container .text-image-row .text {
flex: 1;
}
.blog-article-container .text-image-row .image {
flex: 1;
width: 50%;
}
.blog-article-container .text-image-row img {
width: 100%;
height: auto;
border-radius: 8px;
}
@media (max-width: 1000px) {
.blog-article-container .text-image-row {
flex-direction: column;
align-items: center;
text-align: start;
}
.blog-article-container .text-image-row .image {
width: 100%;
margin-bottom: 1rem;
}
}
.inspiration {
margin-top: 56px;
margin-bottom: 56px;
}
@media print, screen and (min-width: 50em) {
.inspiration {
margin-bottom: 84px;
}
}
.inspiration .title {
font-size: 30px;
font-weight: 600;
margin-bottom: 24px;
color: #101828;
line-height: 30px;
font-size: 22px;
}
@media print, screen and (min-width: 50em) {
.inspiration .title {
line-height: 38px;
font-size: 30px;
}
}
.inspiration .text {
line-height: 24px;
margin-bottom: 32px;
padding: 0 18px;
}
.inspiration .image-row {
margin-bottom: 10px;
}
@media print, screen and (min-width: 50em) {
.inspiration .image-row {
margin-bottom: 20px;
}
}
.inspiration .image-row img {
border-radius: 20px;
}
.inspiration .link {
padding-top: 12px;
padding-bottom: 10px;
}
.seo-text {
margin-bottom: 112px;
padding: 0 24px;
}
@media print, screen and (min-width: 50em) {
.seo-text {
padding: 0 112px;
}
}
.seo-text .seo-section {
margin-top: 56px;
}
.seo-text .seo-section .image-container {
position: relative;
width: 50%;
padding: 0px;
}
.seo-text .seo-section .image-container .img-div {
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 20px;
box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.18);
}
.seo-text .seo-section .image-container .seo-overlay-1 {
position: absolute;
width: 38%;
max-width: 171px;
right: 10%;
bottom: -10%;
}
.seo-text .seo-section .image-container .seo-overlay-2 {
position: absolute;
width: 38%;
max-width: 171px;
left: 10%;
bottom: -6%;
}
.seo-text .seo-section .image-container .seo-overlay-3 {
position: absolute;
width: 40%;
max-width: 200px;
right: 10%;
bottom: -10%;
}
.seo-text .seo-section .mobile-image-container {
margin-top: 48px;
}
.seo-text .seo-section .mobile-image-container .img-div {
position: relative;
}
.seo-text .seo-section .mobile-image-container .img-div img {
border-radius: 20px;
}
.seo-text .seo-section .mobile-image-container .img-div .mobile-seo-overlay-1 {
position: absolute;
right: 18px;
bottom: -60px;
max-width: 140px;
}
.seo-text .seo-section .mobile-image-container .img-div .mobile-seo-overlay-2 {
position: absolute;
left: 18px;
bottom: -60px;
max-width: 140px;
}
.seo-text .seo-section .mobile-image-container .img-div .mobile-seo-overlay-3 {
position: absolute;
right: 18px;
bottom: -60px;
max-width: 146px;
}
.seo-text .seo-section .content-container-left {
padding-right: 32px;
padding-left: 0px;
}
.seo-text .seo-section .content-container-right {
padding-left: 5px;
padding-top: 5%;
padding-bottom: 5%;
}
@media print, screen and (min-width: 50em) {
.seo-text .seo-section .content-container-right {
padding-left: 32px;
}
}
.seo-text .seo-section .content-container .pre-title {
color: #DF4600;
font-weight: 600;
}
.seo-text .seo-section .content-container .title {
color: #101828;
font-size: 22px;
font-weight: 600;
margin-bottom: 40px;
line-height: 30px;
}
@media print, screen and (min-width: 50em) {
.seo-text .seo-section .content-container .title {
font-size: 30px;
font-weight: 600;
margin-bottom: 40px;
line-height: 38px;
}
}
.seo-text .seo-section .content-container p {
color: #475467;
line-height: 24px;
font-size: 16px;
}
@media print, screen and (min-width: 50em) {
.seo-text .seo-section .content-container p {
line-height: 28px;
font-size: 18px;
}
}
.seo-text .seo-section .content-container .sub-title {
font-size: 24px;
font-weight: 500;
margin-bottom: 16px;
margin-top: 24px;
}
.seo-text .seo-section .content-container .bullet-points {
margin-left: 1rem;
}
.seo-text .seo-section .content-container .bullet-points li {
color: #475467;
}
.expanded {
position: relative;
}
.expanded .green-cushion {
position: absolute;
top: -191px;
right: 0px;
}
.expanded .orange-cushion {
position: absolute;
top: 400px;
left: 0px;
}
.expanded .blue-cushion {
position: absolute;
top: -466px;
right: 0px;
}
.expanded .purple-cushion {
position: absolute;
bottom: -333px;
left: 0px;
}
.cushion-type .cushions-furniture .furniture-row .furniture-column {
max-width: 320px;
}
.cushion-type .cushions-furniture .furniture-row .furniture-column .furniture-container img {
width: 100%;
height: 158px;
}
.bc-current {
font-weight: 600;
color: #DF4600;
}
.bc-previous {
font-size: 14px;
font-weight: 500;
color: #475467;
}
.bc-previous:hover {
color: #DF4600;
}
.title-bar {
background: linear-gradient(275.35deg, rgba(253, 214, 197, 0.5) 31.53%, rgba(255, 242, 236, 0.5) 50.97%);
position: relative;
padding: 0px;
}
.title-bar .columns {
padding: 0px;
}
.title-bar .title {
position: relative;
margin-top: 44px;
margin-bottom: 44px;
text-align: center;
width: 70%;
margin-left: auto;
margin-right: auto;
}
.title-bar .title h1 {
font-family: Manrope;
font-size: 28px;
font-weight: 700;
line-height: 36px;
letter-spacing: 0em;
color: #101828;
}
.title-bar .title p {
font-family: Manrope;
font-size: 22px;
font-weight: 400;
line-height: 36px;
letter-spacing: 0em;
color: #101828;
}
@media print, screen and (min-width: 50em) {
.title-bar .title {
margin: 54px 0 54px 32px;
text-align: start;
width: 100%;
}
.title-bar .title h1 {
font-family: Manrope;
font-size: 32px;
font-weight: 600;
line-height: 44px;
letter-spacing: -0.02em;
color: #101828;
}
.title-bar .title p {
color: #101828;
font-family: Manrope;
font-size: 24px;
font-weight: 400;
line-height: 44px;
letter-spacing: -0.02em;
}
}
@media print, screen and (min-width: 75em) {
.title-bar .title {
margin: 54px 0 54px 112px;
}
}
.title-bar .title p {
margin-bottom: 0px;
}
.title-bar .row {
position: relative;
overflow: hidden;
}
.title-bar .row .header-image {
position: absolute;
bottom: 0px;
right: 0px;
max-width: 100%;
}
@media print, screen and (min-width: 50em) {
.title-bar .row .header-image {
max-width: 50%;
}
}
@media print, screen and (max-width: 49.99875em) {
.title-bar .row .header-image.cs {
left: 0px;
max-height: 115px;
}
}
@media print, screen and (min-width: 50em) {
.title-bar .row .header-image.cs {
right: 48px;
}
}
@media print, screen and (min-width: 75em) {
.title-bar .row .header-image.cs {
right: 250px;
}
}
.title-bar .row .header-image.mobile {
width: 100%;
}
.pagination-container .page-links .page-item {
display: inline-grid;
align-items: center;
width: 40px;
height: 40px;
color: #475467;
}
.pagination-container .page-links .page-item a {
color: #475467;
}
.pagination-container .page-links .page-item.active {
color: #1D2939;
border-radius: 20px;
background: #EAECF0;
}
.pagination-container .page-links .page-item.disabled {
display: none;
}
.pagination-container .page-links .page-item:hover {
border-radius: 20px;
background: #EAECF0;
color: #1D2939;
}
.product-configurator-section {
padding: 0px;
width: auto;
margin: 0px;
font-size: 14px;
font-weight: 300;
}
@media print, screen and (min-width: 50em) {
.product-configurator-section {
width: auto;
margin: 0 56px;
}
}
@media print, screen and (min-width: 75em) {
.product-configurator-section {
width: 278px;
margin-left: 112px;
margin-right: 0px;
}
}
.product-configurator-section label {
font-size: 14px;
}
.product-configurator-section #fabric-colors-container .hidden-colors.js-edit-stof-kleur {
display: none;
transition: opacity 0.3s ease;
}
.product-configurator-section #fabric-colors-container .colour-toggle {
visibility: visible;
clear: none;
margin-bottom: 24px;
color: #475467;
vertical-align: middle;
height: 32px;
padding-top: 5px;
border: 1px solid #eaecf0;
border-radius: 2px;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.product-configurator-section #fabric-colors-container .colour-toggle:hover {
color: #667085;
cursor: pointer;
}
.product-configurator-section #fabric-colors-container .colour-toggle.hide {
visibility: hidden;
}
.product-configurator-section #fabric-colors-container .colour-toggle-less {
color: #475467;
cursor: pointer;
display: none;
}
.product-configurator-section #fabric-colors-container .colour-toggle-less:hover {
color: #667085;
}
.product-configurator-section #fabric-colors-container .colour-toggle-less.show {
display: block;
}
.product-configurator-section .product-config-section {
z-index: 100;
}
.product-configurator-section .product-config-section input[type=checkbox] {
padding: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 15px;
height: 15px;
border-radius: 50%;
border: 1.6px solid #475467;
outline: none;
transition: all 0.3s ease;
margin-bottom: 0px;
}
.product-configurator-section .product-config-section input[type=checkbox]:checked {
border: 2.5px solid #475467;
border-color: #475467;
background-color: #475467;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
.product-configurator-section .product-config-section input[type=checkbox]:not(:checked) {
background-color: #ffffff;
background-image: url("");
}
.product-configurator-section .product-config-section input[type=radio]:checked + label {
font-weight: 600;
}
.product-configurator-section .product-config-section input[type=radio]:checked + label .green-text {
font-weight: 500;
}
.product-configurator-section .product-config-section input[type=checkbox]:checked + label {
font-weight: 600;
}
.product-configurator-section .product-config-section input[type=radio] {
padding: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 15px;
height: 15px;
border-radius: 50%;
border: 1.6px solid #475467;
outline: none;
transition: all 0.3s ease;
margin-bottom: 0px;
}
.product-configurator-section .product-config-section input[type=radio]:checked {
border: 2.5px solid #475467;
border-color: #475467;
background-color: #475467;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
.product-configurator-section .product-config-section .config-filling-sub {
color: #475467;
font-size: 12px;
font-weight: 400;
line-height: 15px;
}
.product-configurator-section .product-config-section .product-configuration-vulling-mobile-wrapper label:not(.sub-label) {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-right: 0px;
margin-left: 26px;
}
.product-configurator-section .product-config-section .product-configuration-vulling-mobile-wrapper .sub-label {
margin-left: 41px;
}
.product-configurator-section .product-config-section .product-configuration-vulling-mobile-wrapper #tooltip-vulling {
line-height: 14px;
}
.product-configurator-section .product-config-section .product-configuration-stof-mobile-wrapper .form-label {
padding-left: 0px;
}
.product-configurator-section .divider-section {
z-index: 10;
}
.product-configurator-section .row.divider {
background: #fefefe;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
z-index: 10;
}
.product-configurator-section .row.divider hr {
margin: 0.01rem auto 0;
border-bottom: 1px solid #dddddd;
}
@media print, screen and (min-width: 50em) {
.product-configurator-section .row.divider hr {
margin: 0.25rem auto 0;
border-bottom: 1px solid #dddddd;
}
}
.product-configurator-section .panel.top-radius {
border-radius: 4px 4px 0 0;
padding-bottom: 0;
}
.product-configurator-section .panel.bottom-radius {
border-radius: 0 0 4px 4px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.product-configurator-section .panel.no-radius {
padding-top: 15px;
padding-bottom: 15px;
border-radius: 0 0 0 0;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.product-configurator-section .section_active .panel {
padding-left: 10px;
}
.product-configurator-section .panel {
padding-left: 15px;
}
.product-configurator-section .section-header {
border-top: 1px solid #dddddd;
font-weight: bold;
padding-top: 10px;
margin: 8px 0px;
font-size: 16px;
}
.product-configurator-section .product-config-section.title .section-header {
border: none;
font-weight: bold;
padding-top: 0px;
margin: 0px;
font-size: 16px;
}
.product-configurator-section .badge.info-button {
background: #ffffff;
border: 1.2px solid #ffffff;
width: 16px;
height: 16px;
margin-top: -2px;
padding: 0px;
}
@media print, screen and (min-width: 75em) {
.product-configurator-section .badge.info-button {
top: 3px;
}
}
@media print, screen and (max-width: 49.99875em) {
.product-configurator-section .info-button {
top: -3px;
left: 0px;
}
}
@media print, screen and (min-width: 50em) {
.product-configurator-section .info-button {
float: right;
}
}
.product-configurator-section .afmeting-aantal .badge {
margin-top: 11px;
font-size: 0.6rem;
font-weight: 700;
}
.product-configurator-section .afmeting-aantal .form-label {
margin-top: 9px;
padding-left: 7px;
}
.product-configurator-section .afmeting-aantal .form-label.no-margin {
margin-top: 0;
}
.product-configurator-section .afmeting-aantal input,
.product-configurator-section .afmeting-aantal select {
font-size: 16px;
font-size: 16px;
text-align: right;
}
@media print, screen and (min-width: 50em) {
.product-configurator-section .afmeting-aantal input,
.product-configurator-section .afmeting-aantal select {
font-size: 14px;
}
}
.product-configurator-section .afmeting-aantal .input-group-label {
border-radius: 0px 8px 8px 0px;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: none;
padding-left: 12px;
padding-right: 12px;
background: none;
font-weight: 600;
font-size: 14px;
}
.product-configurator-section .afmeting-aantal [type=text] {
text-align: right;
}
@media print, screen and (max-width: 49.99875em) {
.product-configurator-section .afmeting-aantal [type=text] {
margin: 0;
}
}
@media print, screen and (min-width: 50em) and (max-width: 74.99875em) {
.product-configurator-section .afmeting-aantal [type=text] {
margin: 0;
}
}
.product-configurator-section .afmeting-aantal .form-error {
padding-left: 36px;
}
@media print, screen and (min-width: 75em) {
.product-configurator-section .afmeting-aantal .form-error {
padding-left: 8px;
}
}
.product-configurator-section .afmeting-aantal .configurator-info {
display: none;
margin-top: 8px;
border: 1px solid #f2d489;
background-color: #fff7e6;
color: #8a6b16;
border-radius: 8px;
padding: 10px 12px;
font-size: 14px;
line-height: 20px;
}
.product-configurator-section .afmeting-aantal .configurator-info .fa {
margin-right: 8px;
}
.product-configurator-section .afmeting-aantal .configurator-info.configurator-info--error {
border-color: #f0b0a6;
background-color: #fdeeee;
color: #8f2d21;
}
.product-configurator-section .aantal .panel.no-radius {
padding-bottom: 5px;
}
.product-configurator-section .aantal .form-label {
margin-top: 9px;
}
.product-configurator-section .aantal input,
.product-configurator-section .aantal select {
font-size: 14px;
}
.product-configurator-section .stof-kleur .form-label {
padding-left: 5px;
}
.product-configurator-section .stof-kleur .current-stof {
padding-bottom: 10px;
}
.product-configurator-section .stof-kleur .current-stof [type=radio] {
margin: 0 0 0;
}
.product-configurator-section .stof-kleur .current-stof [type=checkbox] {
visibility: hidden;
}
.product-configurator-section .stof-kleur .current-stof .chosen-fabric {
font-weight: 600;
}
.product-configurator-section .stof-kleur .kleuren {
padding-bottom: 15px;
margin-left: 28px;
}
.product-configurator-section .stof-kleur .kleuren .js-edit-stof-kleur {
position: relative;
}
.product-configurator-section .stof-kleur .kleuren .js-edit-stof-kleur:hover .color-hover {
display: block;
}
.product-configurator-section .stof-kleur .kleuren .color-hover {
background-color: #ffffff;
border: 1px solid #eaecf0;
padding: 4px;
display: none;
position: absolute;
top: -30px;
border-radius: 8px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
color: #475467;
z-index: 999;
overflow: visible;
}
.product-configurator-section .stof-kleur .kleuren svg:not(:first-of-type) {
margin-left: 5px;
}
.product-configurator-section .stof-kleur .kleuren svg {
margin-bottom: 5px;
}
.product-configurator-section .stof-kleur .kleuren .js-edit-stof-kleur {
position: relative;
cursor: pointer;
}
.product-configurator-section .stof-kleur .kleuren .js-edit-stof-kleur .icon {
top: 4px;
left: 50%;
transform: translateX(-50%);
position: absolute;
visibility: hidden;
}
.product-configurator-section .stof-kleur .kleuren .js-edit-stof-kleur.color-active .icon {
visibility: visible;
}
.product-configurator-section .stof-kleur .kleuren img.color-swatch {
width: 100%;
height: 32px;
border-radius: 6px;
margin-bottom: 5px;
margin-right: 6px;
padding: 3px;
}
@media print, screen and (min-width: 50em) {
.product-configurator-section .stof-kleur .kleuren img.color-swatch {
width: 100%;
height: 32px;
border-radius: 6px;
margin-bottom: 5px;
margin-right: 4px;
padding: 3px;
}
}
.product-configurator-section .stof-kleur .kleuren img.color-swatch:focus,
.product-configurator-section .stof-kleur .kleuren .color-active img.color-swatch {
box-shadow: inset 0px 0px 0px 3px #475467;
}
.product-configurator-section .stof-kleur .js-edit-stof {
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
color: #475467;
text-decoration: underline;
}
.product-configurator-section .stof-kleur .js-edit-stof:hover {
color: #667085;
cursor: pointer;
}
.product-configurator-section .stof-kleur .js-edit-stof-less {
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
color: #475467;
text-decoration: underline;
}
.product-configurator-section .stof-kleur .js-edit-stof-less:hover {
color: #667085;
cursor: pointer;
}
.product-configurator-section .size-input {
border-radius: 8px 0px 0px 8px;
}
.product-configurator-section .size-input.correct {
border-color: #4CA30D;
}
.product-configurator-section .size-input.incorrect {
border-color: #ff0000;
}
.product-configurator-section .move-to-result {
visibility: visible;
float: right;
font-weight: 100;
font-size: 12px;
font-family: "Gotham Light Regular";
}
.product-configurator-section .move-to-result .fa {
font-weight: 300;
}
.product-configurator-section .section_active ~ .move-to-result {
visibility: hidden;
}
.close-leave-buttton,
.accept-leave-button {
margin-top: 15px;
}
.close-leave-buttton:hover {
cursor: pointer;
color: #df4600;
}
.finish-container {
display: block;
}
@media print, screen and (min-width: 50em) {
.finish-container {
display: flex;
}
}
.finish-container .section {
position: relative;
}
.finish-container .section .finish-text {
position: absolute;
font-size: 14px;
font-weight: 600;
color: #fff;
bottom: 3px;
left: 8px;
}
.finish-container .section.middle {
margin: 8px 0px;
}
@media print, screen and (min-width: 50em) {
.finish-container .section.middle {
margin: 0 8px;
}
}
.amount-button {
position: relative;
width: 24px;
height: 24px;
padding: 0px;
border-radius: 50px;
border: 1px solid #eaecf0;
background-color: #ffffff;
box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
margin: 8px 12px;
}
.amount-button .amount-button-text {
font-size: 20px;
font-weight: 600;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 0px;
}
.amount-button:hover {
cursor: pointer;
}
.product-desc {
padding-top: 32px;
padding-left: 20px;
}
@media print, screen and (min-width: 50em) {
.product-desc {
padding-left: 28px;
}
}
@media print, screen and (min-width: 75em) {
.product-desc {
padding-left: 112px;
}
}
.product-desc h1, .product-desc h2 {
color: #101828;
font-family: Manrope;
font-size: 24px;
font-weight: 600;
}
.page-nav {
position: relative;
margin-bottom: 64px;
padding-left: 20px;
}
@media print, screen and (min-width: 50em) {
.page-nav {
padding-left: 28px;
}
}
@media print, screen and (min-width: 75em) {
.page-nav {
padding-left: 112px;
}
}
.page-nav::after {
content: "";
position: absolute;
bottom: -64px;
border-bottom: 1px solid #d0d5dd;
width: calc(100% - 40px);
left: 20px;
}
@media print, screen and (min-width: 50em) {
.page-nav::after {
width: calc(100% - 56px);
left: 28px;
}
}
@media print, screen and (min-width: 75em) {
.page-nav::after {
width: calc(100% - 224px);
left: 112px;
}
}
.product-specs {
padding-left: 20px;
}
.product-specs h3 {
color: #101828;
font-size: 18px;
font-weight: 600;
line-height: 28px;
/* 155.556% */
}
@media print, screen and (min-width: 50em) {
.product-specs {
padding-left: 28px;
}
}
@media print, screen and (min-width: 75em) {
.product-specs {
padding-left: 112px;
}
}
.product-specs h1 {
color: #101828;
font-family: Manrope;
font-size: 24px;
font-weight: 600;
}
.sub-header {
overflow: hidden;
border-bottom: 1px solid #dddddd;
margin-bottom: 56px;
}
.sub-header p {
height: 57px;
line-height: 57px;
margin-bottom: 0px;
}
@media print, screen and (min-width: 75em) {
.sub-header {
height: 61px;
}
.sub-header p {
line-height: 61px;
}
}
.sub-header-shop {
max-width: 1216px;
margin-left: auto;
margin-right: auto;
}
.sub-header-shop p {
height: 57px;
line-height: 57px;
margin-bottom: 0px;
}
@media print, screen and (min-width: 75em) {
.sub-header-shop {
height: 61px;
}
.sub-header-shop p {
line-height: 61px;
}
}
.page-container {
border-bottom: 1px solid #dddddd;
}
.selected-product-configuration-section .product-config-image-container .product-config-base-image-large {
height: 427px;
margin: 20px auto 0;
}
.selected-product-configuration-section .product-config-base-image-small {
height: 277px;
margin: 20px auto 0;
}
.selected-product-configuration-section .customer-photo-header {
margin-top: 7px;
font-weight: bold;
font-size: 14px;
}
.selected-product-configuration-section .product-config-customer-images img {
padding-top: 5px;
padding-bottom: 5px;
}
@media print, screen and (min-width: 75em) {
.selected-product-configuration-section .add-button {
margin-top: 60px;
}
}
.selected-product-configuration-section .add-button.back-to-basket {
margin-top: 24px;
}
@media print, screen and (min-width: 75em) {
.selected-product-configuration-section .add-button.back-to-basket {
margin-top: 64px;
}
}
.product-configuration-section .product-config-options {
padding: 0px 10px 25px;
}
.product-configuration-section .product-config-options .config-header {
margin-top: 25px;
margin-bottom: 15px;
font-weight: bold;
}
.product-configuration-section .product-config-options .config-header.small-bottom-margin {
margin-bottom: 5px;
}
@media print, screen and (min-width: 75em) {
.product-configuration-section .product-config-options p {
margin-top: 17px;
}
}
.product-configuration-section .product-config-options fieldset {
margin-top: 20px;
}
.product-configuration-section .product-config-options form {
margin-top: 20px;
}
.product-configuration-section .product-config-options form.dimensions input,
.product-configuration-section .product-config-options form.dimensions .input-group {
float: left;
max-width: 123px;
}
.product-configuration-section .product-config-options form.dimensions select {
width: 123px;
}
.product-configuration-section .product-config-options form.dimensions .row {
margin-bottom: 20px;
}
@media print, screen and (min-width: 75em) {
.product-configuration-section .product-config-options form.dimensions .row {
margin-bottom: 0px;
}
}
.product-configuration-section .product-config-options form.dimensions .row label {
margin-top: 5px;
}
.product-configuration-section .product-config-options .field-row {
float: left;
}
.product-configuration-section .product-config-options .field-info {
float: left;
font-size: 14px;
font-weight: 300;
line-height: 17px;
}
@media print, screen and (min-width: 75em) {
.product-configuration-section .product-config-options .field-info {
margin-top: 10px;
float: right;
margin-left: 15px;
max-width: 450px;
}
}
.product-configuration-section .product-config-options .slogans {
text-align: justify;
}
.product-configuration-section .product-config-options .slogans .slogan {
margin-bottom: 10px;
display: block;
}
@media print, screen and (min-width: 75em) {
.product-configuration-section .product-config-options .slogans .slogan {
margin-left: 5px;
margin-right: 5px;
display: inline-block;
}
}
.product-configuration-section .product-config-options .stuffing-images {
margin-top: 10px;
margin-bottom: 10px;
}
.product-configuration-section .product-config-options .stuffing-images .button {
font-size: 12px;
font-weight: bold;
}
@media print, screen and (min-width: 75em) {
.product-configuration-section .product-config-options .stuffing-images .button {
font-size: 14px;
}
}
.product-configuration-section .product-config-options .stuffing-images .stuffing-container {
position: relative;
margin-bottom: 10px;
}
.product-configuration-section .product-config-options .stuffing-images .stuffing-container:hover:before {
content: " ";
position: absolute;
z-index: 100;
top: 0px;
left: 7px;
right: 7px;
bottom: 0px;
border: 1px solid #FED303;
border-radius: 4px;
}
.product-configuration-section .product-config-options .stuffing-images .stuffing-container[data-selected=true]:before {
content: " ";
position: absolute;
z-index: 100;
top: 0px;
left: 5px;
right: 5px;
bottom: 0px;
border-radius: 4px;
border: 3px solid #FED303;
}
.product-configuration-section .product-config-options .stuffing-images .stuffing-image {
position: relative;
height: 150px;
width: auto;
background: url("/img/vulling-large@2x.png") no-repeat;
background-size: cover;
}
.product-configuration-section .product-config-options .stuffing-images .stuffing-image.no-image {
background: none;
border-top: 1px solid #e2e2df;
border-right: 1px solid #e2e2df;
border-left: 1px solid #e2e2df;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.product-configuration-section .product-config-options .stuffing-images .stuffing-name-row {
position: absolute;
bottom: 0;
line-height: 33px;
color: #fefefe;
font-weight: bold;
padding-left: 10px;
background: rgba(0, 0, 0, 0.25);
}
.product-configuration-section .product-config-options .stuffing-images .stuffing-info {
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
border-bottom: 1px solid #e2e2df;
border-right: 1px solid #e2e2df;
border-left: 1px solid #e2e2df;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.product-configuration-section .product-config-options .stuffing-images .stuffing-info .checkmark {
color: #53A500;
}
.product-configuration-section .product-config-options .stuffing-images .stuffing-info .text {
font-weight: 300;
}
.product-configuration-section .product-config-options .fabric-images {
margin-top: 10px;
margin-bottom: 10px;
}
.product-configuration-section .product-config-options .fabric-images .button {
font-size: 12px;
font-weight: bold;
}
@media print, screen and (min-width: 75em) {
.product-configuration-section .product-config-options .fabric-images .button {
font-size: 14px;
}
}
.product-configuration-section .product-config-options .fabric-images .fabric-container {
position: relative;
margin-bottom: 10px;
margin-left: -13px;
padding-left: 13px;
}
.product-configuration-section .product-config-options .fabric-images .fabric-container:hover:before {
content: " ";
position: absolute;
z-index: 100;
top: 0px;
left: 6px;
right: 7px;
bottom: 0px;
border: 1px solid #FED303;
border-radius: 4px;
}
.product-configuration-section .product-config-options .fabric-images .fabric-container[data-selected=true]:before {
content: " ";
position: absolute;
z-index: 100;
top: 0px;
left: 5px;
right: 5px;
bottom: 0px;
border: 3px solid #FED303;
border-radius: 4px;
}
.product-configuration-section .product-config-options .fabric-images .fabric-image {
position: relative;
height: 148px;
width: auto;
background: url("/img/cerdalon-tejano-large@2x.png") no-repeat;
background-size: contain;
}
.product-configuration-section .product-config-options .fabric-images .finish-image {
position: relative;
height: 148px;
width: auto;
background: url("/img/afwerking-large@2x.png") no-repeat;
background-size: contain;
}
.product-configuration-section .product-config-options .fabric-images .fabric-image.no-image {
background: none;
border-top: 1px solid #e2e2df;
border-right: 1px solid #e2e2df;
border-left: 1px solid #e2e2df;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.product-configuration-section .product-config-options .fabric-images .fabric-name-row {
width: 100%;
position: absolute;
bottom: 0;
line-height: 33px;
color: #fefefe;
font-weight: bold;
background: rgba(0, 0, 0, 0.25);
font-size: 16px;
padding-left: 5px;
padding-right: 5px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.product-configuration-section .product-config-options .fabric-images .fabric-name-row .info {
position: absolute;
bottom: 0;
font-size: 14px;
right: 5px;
}
@media print, screen and (min-width: 75em) {
.product-configuration-section .product-config-options .fabric-images .fabric-name-row .info {
right: -8px;
}
}
.product-configuration-section .product-config-options .sub-text {
line-height: 20px;
}
.product-configuration-section .product-config-options .color-selection {
margin-top: 20px;
}
.product-configuration-section .next-page {
padding-bottom: 25px;
}
.product-configuration-overview-section {
width: auto;
margin: 0 20px;
padding: 0px;
}
@media print, screen and (min-width: 50em) {
.product-configuration-overview-section {
width: auto;
margin: 0 56px;
}
}
@media print, screen and (min-width: 75em) {
.product-configuration-overview-section {
width: 280px;
margin-left: 0px;
margin-right: 112px;
}
}
.product-configuration-overview-section .overview-title {
font-family: Inter;
font-size: 18px;
font-weight: 600;
line-height: 28px;
letter-spacing: 0em;
}
.product-configuration-overview-section .amount-input {
border: 1px solid #d0d5dd;
width: 60px;
height: 40px;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
}
.product-configuration-overview-section .overview-label {
font-size: 14px;
font-weight: 400;
}
.product-configuration-overview-section .overview-value {
font-size: 14px;
font-weight: 600;
}
.product-configuration-overview-section .total-amount {
margin-top: 15px;
font-size: 22px;
font-weight: 600;
color: #101828;
position: relative;
}
.product-configuration-overview-section .total-amount.active {
color: #4ca30d;
}
.product-configuration-overview-section .incl-tax {
margin-top: 4px;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.product-configuration-overview-section .error-msg {
font-size: 14px;
font-weight: bold;
color: #FF0000;
line-height: 30px;
}
.product-configuration-overview-section .button {
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
padding: 10px;
font-size: 14px;
width: 100%;
}
.active-color-title {
margin-top: 32px;
color: #475467;
font-size: 18px;
font-weight: 600;
line-height: 20px;
}
.active-fabric-container {
margin: 0 0 32px 0;
padding: 0px;
position: relative;
height: 184px;
}
.active-fabric-container .active-fabric {
height: 100%;
border-radius: 8px;
padding: 0px;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.active-fabric-container .active-fabric .fabric-info {
color: #ffffff;
padding: 8px 0;
width: 100%;
position: absolute;
bottom: 0px;
background-color: #00000066;
border-radius: 0 0 8px 8px;
}
.parent-additional-info-container {
margin-bottom: 24px;
}
@media print, screen and (min-width: 50em) {
.parent-additional-info-container {
margin-bottom: 0px;
}
}
.parent-additional-info-container h1 {
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
margin-bottom: 16px;
}
.mobile-config-questions {
margin: 0 0 0px 0;
padding: 0 16px;
}
.mobile-config-questions .config-questions {
color: #475467;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
margin-bottom: 16px;
}
.mobile-config-questions .config-faq-link {
color: #df4600;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
margin-bottom: 12px;
}
.faq-section-title {
font-weight: 700;
font-size: 22px;
line-height: 31px;
margin-left: 16px;
margin-right: 16px;
margin-bottom: 24px;
color: #101828;
font-family: Manrope;
}
@media print, screen and (min-width: 50em) {
.faq-section-title {
font-size: 24px;
font-weight: 600;
line-height: 33px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 16px;
}
}
.middle-section {
padding: 0 32px;
width: calc(100% - 782px);
}
.middle-section .tips {
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
margin-bottom: 16px;
color: #101828;
}
.middle-section .config-questions {
color: #475467;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
margin-bottom: 4px;
}
.middle-section .config-faq-link {
color: #df4600;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
margin-bottom: 56px;
}
.middle-section .config-faq-link img {
margin-left: 8px;
}
.middle-section .config-reviews {
display: flex;
align-items: stretch;
}
.middle-section .overview-review-container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.middle-section .overview-review-container .title h2 {
color: #101828;
font-family: Manrope;
font-size: 16px;
font-weight: 600;
line-height: 19px;
letter-spacing: 0em;
margin-top: 8px;
margin-bottom: 8px;
}
.middle-section .overview-review-container .review-text {
margin-bottom: 16px;
}
.middle-section .overview-review-container .review-text .content {
color: #101828;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
margin-bottom: 14px;
}
.middle-section .overview-review-container .customer-info {
margin-top: auto;
}
.middle-section .overview-review-container .customer-info .user {
color: #101828;
font-size: 12px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0em;
margin-bottom: 0px;
}
.middle-section .overview-review-container .customer-info .date {
color: #101828;
font-size: 12px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0em;
}
.product-configuration-add-color-swatch-section {
border-radius: 16px;
}
.product-configuration-add-color-swatch-section .content-text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #475467;
}
.product-configuration-add-color-swatch-section .color-swatch-container {
text-align: center;
}
.product-configuration-add-color-swatch-section .color-swatch-container h4 {
color: #101828;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.product-configuration-add-color-swatch-section .mobile-button {
width: 100%;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
padding: 10px 16px;
font-size: 14px;
font-weight: 600;
line-height: 20px;
color: #df4600;
background-color: #ffffff;
border-radius: 50px;
}
.product-configuration-add-color-swatch-section .mobile-button img {
margin-left: 8px;
}
.product-configuration-add-color-swatch-section .button {
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
padding: 10px 16px;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.product-configuration-add-color-swatch-section .button img {
margin-left: 8px;
}
.product-configuration-add-color-swatch-section h4 {
color: #101828;
font-size: 18px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
}
.product-slogan-section {
color: #53A500;
font-size: 14px;
font-weight: bold;
}
.kiyoh-section {
padding-bottom: 30px;
}
.expivi-wrapper {
position: relative;
}
.expivi-overlay {
background-color: #fff;
height: 420px;
left: 50%;
position: absolute;
text-align: center;
transform: translateX(-50%);
width: 100%;
z-index: 2000;
top: -1px;
}
.expivi-overlay img {
height: 100%;
width: auto;
}
.expivi-container {
width: 100%;
height: 390px;
z-index: 1000;
}
.color-checkbox {
border-radius: 2px !important;
}
.expivi-header h1 {
font-family: Manrope;
color: #101828;
margin-bottom: 24px;
font-weight: 700;
font-size: 22px;
line-height: 30px;
}
@media print, screen and (min-width: 50em) {
.expivi-header h1 {
font-weight: 600;
font-size: 30px;
line-height: 38px;
}
}
.expivi-header p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #475467;
margin-bottom: 56px;
}
.expivi-section {
margin-bottom: 32px;
border: 1px solid #cfd1d3;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
border-radius: 8px;
}
@media print, screen and (min-width: 75em) {
.expivi-section {
margin-bottom: 56px;
}
}
.additional-info-container {
padding-bottom: 16px;
}
.additional-info-container .text-header {
font-family: Inter;
font-size: 18px;
font-weight: 800;
line-height: 28px;
letter-spacing: 0em;
}
.additional-info-container .text-content {
font-weight: 400;
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
}
.additional-info-container .additional-info-wrapper {
box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
border: 1px solid #eaecf0;
}
.tooltip {
border: 1px solid #eaecf0;
border-radius: 12px;
box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.3);
padding: 16px;
background-color: white;
max-width: 75%;
}
.tooltip h2 {
color: #333333;
}
.tooltip span {
color: #333333;
font-size: 14px;
}
.tooltip img {
width: 700px;
height: auto;
}
.tooltip .close-link {
float: right;
cursor: pointer;
padding-left: 10px;
margin-right: -7px;
margin-top: -10px;
font-size: 12px;
}
.tooltip .close-link .close-text {
font-family: Inter;
font-weight: 300;
}
.tooltip.right::before {
border-color: transparent #eaecf0 transparent transparent;
}
.tooltip.left::before {
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: #ffffff;
}
.tooltip.top::before {
border-top-color: #ffffff;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.tooltip.bottom::before {
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #ffffff;
border-left-color: transparent;
}
.tooltip.vulling {
color: #333333;
}
.tooltip.vulling ul {
margin-left: 0;
list-style: none;
margin-bottom: 0;
}
.tooltip.vulling ul li:before {
color: #53a500;
content: "✓";
padding-right: 5px;
}
.row.control-icons-container {
padding-bottom: 10px;
}
.row.control-icons-container .control-icons {
font-size: 20px;
text-align: center;
}
.row.control-icons-container .control-icons > * {
padding: 10px 15px;
}
.row.control-icons-container img.rotate-icon {
max-width: 60px;
}
.row.control-icons-container .has-tip {
border-bottom: none;
}
.row.control-icons-container .js-zoom-in-expivi {
cursor: pointer;
color: #475467;
font-size: 14px;
}
.row.control-icons-container .js-zoom-out-expivi {
cursor: pointer;
color: #475467;
font-size: 14px;
}
.has-tip.has-tip-text {
cursor: pointer !important;
border-bottom: none;
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #0086c9;
}
.parent-color-swatches-container {
background-color: #fefefe;
display: none !important;
width: 100%;
}
.parent-color-swatches-container .panel-section {
width: 100%;
}
.parent-color-swatches-container.active {
display: block !important;
}
.incl-vat {
color: #000000;
font-size: 15px;
font-weight: 100;
top: -8px;
position: relative;
}
.product-title {
color: #164c42;
font-size: 20px;
font-weight: 800;
}
.product-amount {
color: #164c42;
font-size: 13px;
font-weight: 800;
margin-bottom: 0px;
}
.select-amount {
border: 1px solid #e0ede7;
font-size: 16px;
font-weight: 800;
color: #164c42;
max-width: 80px;
}
.related-title {
font-family: Manrope;
font-size: 30px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
color: #101828;
margin: 56px 0 56px 0;
}
select {
background-image: url("/img/base-images/chevron-down-g.svg");
}
.hidden-radio input[type=radio]:checked {
position: fixed;
opacity: 0;
pointer-events: none;
}
.hidden-radio input[type=radio] {
opacity: 0;
pointer-events: none;
}
.discounted-price {
text-decoration: line-through;
color: #667085;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.saved-percent {
color: #101828;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.discount-badge {
position: absolute;
width: 95px;
top: -24px;
right: -10px;
}
.discount-badge img {
width: 95px;
}
.discount-badge-landing {
position: absolute;
width: 150px;
top: 10%;
right: 6%;
}
.discount-badge-landing img {
width: 150px;
}
.discount-badge-text {
top: -78px;
position: relative;
color: #ffffff;
font-size: 15px;
font-weight: 800;
left: 50%;
transform: translateX(-50%);
}
.discount-badge-text-landing {
top: -112px;
position: relative;
color: #ffffff;
font-size: 24px;
font-weight: 800;
}
.category-detail {
padding-top: 32px;
}
.category-detail .backlink {
margin-bottom: 24px;
}
.category-detail .backlink a {
color: #475467;
font-size: 16px;
font-weight: 600;
}
.category-detail .filter-column {
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
border-radius: 8px;
width: 310px;
padding: 0px;
}
@media print, screen and (min-width: 50em) {
.category-detail .filter-column {
margin: 0 20px 0 20px;
}
}
@media print, screen and (min-width: 75em) {
.category-detail .filter-column {
margin: 0 64px 0 80px;
}
}
.category-detail .filter-column .filter-result-button {
background-color: #ffffff;
color: #ff5000;
border: 1px solid #ff5000;
margin-left: 3.5px;
margin-bottom: 16px;
width: 278px;
}
.category-detail .filter-column .filter-title-row {
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
}
.category-detail .filter-column .filter-title-row .filter-icon {
padding-right: 0px;
}
.category-detail .filter-column .filter-title-row .title {
font-weight: 600;
}
.category-detail .filter-column .filter-container {
margin-bottom: 24px;
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
}
.category-detail .filter-column .filter-container .filter-subtitle {
padding-left: 16px;
font-size: 16px;
font-weight: 600;
}
.category-detail .filter-column .filter-container .section-choice-container {
padding-left: 11px;
padding-right: 11px;
/* Hide browser's default checkbox */
}
.category-detail .filter-column .filter-container .section-choice-container .choice-container {
border: 1px solid #98a2b3;
border-radius: 4px;
margin-bottom: 5px;
padding: 5px 5px;
height: 34px;
/* Customize the label*/
}
.category-detail .filter-column .filter-container .section-choice-container .choice-container .container {
display: block;
margin: 0px;
cursor: pointer;
font-size: 13px;
font-weight: 600;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.category-detail .filter-column .filter-container .section-choice-container .choice-container input {
visibility: hidden;
width: 0px;
height: 0px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-red {
background-color: #ff0000;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-purple {
background-color: #7964fc;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-orange {
background-color: #ff881a;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-pink {
background-color: #fa7efd;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-yellow {
background-color: #fee822;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-grey {
background-color: #949494;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-green {
background-color: #77ea31;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-white {
background-color: #ffffff;
border: 1px solid #000000;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-blue {
background-color: #12b8ff;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-brown {
background-color: #783e08;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-black {
background-color: #262626;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .color-block-beige {
background-color: #fff9e3;
height: 22px;
}
.category-detail .filter-column .filter-container .section-choice-container .active-filter > label {
color: #ffffff;
}
.category-detail .filter-column .filter-container .section-choice-container fieldset {
margin: 0px;
padding: 0px;
}
.category-detail .filter-column .colors-container {
width: 448px;
padding-left: 10px;
padding-right: 10px;
}
@media print, screen and (min-width: 50em) {
.category-detail .filter-column .colors-container {
width: 464px;
padding-left: 48px;
}
}
@media print, screen and (min-width: 75em) {
.category-detail .filter-column .colors-container {
width: 888px;
padding-left: 64px;
}
}
.category-detail .filter-column .colors-container .color-swatch-tile {
width: 182px;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
border-radius: 16px;
}
.category-detail .filter-column .colors-container .color-swatch-tile .image-container {
height: 128px;
border-radius: 16px 16px 0 0;
}
.category-detail .filter-column .colors-container .color-swatch-tile .image-container .icon-container {
margin-top: 34px;
margin-bottom: 23px;
}
.category-detail .filter-column .colors-container .color-swatch-tile .image-container .info-container {
padding: 8px 0;
background-color: rgba(0, 0, 0, 0.25);
color: #ffffff;
}
.category-detail .filter-column .colors-container .color-swatch-tile .image-container .info-container .fabric {
text-overflow: ellipsis;
font-size: 13px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0em;
text-align: center;
}
.category-detail .filter-column .colors-container .color-swatch-tile .image-container .info-container .fabric-color {
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0em;
text-align: center;
}
.category-detail .filter-column .colors-container .color-swatch-tile .choice-container {
background-color: #ffffff;
color: #df4600;
border-radius: 0 0 16px 16px;
height: 36px;
}
.category-detail .filter-column .colors-container .color-swatch-tile .choice-container .choice-text {
margin-top: 8px;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.category-detail .filter-column .colors-container .color-swatch-tile .choice-container .container {
margin: 0px;
}
.category-detail .filter-column .result-button-container {
margin: 0px;
}
.category-detail .filter-section {
width: 278px;
margin-left: 0px;
}
@media print, screen and (min-width: 50em) {
.category-detail .filter-section {
margin-left: 32px;
}
}
@media print, screen and (min-width: 75em) {
.category-detail .filter-section {
margin-left: 112px;
}
}
.category-detail .filter-section .section-choice-container {
padding-left: 12px !important;
}
.category-detail .filter-section .filter-result-button {
margin-left: 16px !important;
width: 246px !important;
}
.category-detail .products-column {
padding-right: 20px;
padding-left: 20px;
width: 100%;
}
@media print, screen and (min-width: 50em) {
.category-detail .products-column {
padding-right: 40px;
width: calc(100% - 310px);
padding-left: 32px;
}
}
@media print, screen and (min-width: 75em) {
.category-detail .products-column {
width: calc(100% - 390px);
padding-right: 80px;
padding-left: 64px;
}
}
.category-detail .products-column .products-cta {
margin: 32px 0px;
padding: 8px 0px;
border-top: 1px solid #eaecf0;
border-bottom: 1px solid #eaecf0;
}
.category-detail .products-column .products-cta .slogan-content {
color: #101828;
font-family: Inter;
font-size: 16px;
font-weight: 500;
}
.category-detail .products-column .mid-product-cta {
margin: 16px -5px;
padding: 24px 32px;
border-radius: 16px;
color: #101828;
font-family: Inter;
font-size: 16px;
font-weight: 400;
}
.category-detail .products-column .pagination-container .page-links .page-item {
display: inline-grid;
align-items: center;
width: 40px;
height: 40px;
color: #475467;
}
.category-detail .products-column .pagination-container .page-links .page-item a {
color: #475467;
}
.category-detail .products-column .pagination-container .page-links .page-item.active {
color: #1d2939;
border-radius: 20px;
background: #eaecf0;
}
.category-detail .products-column .pagination-container .page-links .page-item.disabled {
display: none;
}
.category-detail .products-column .pagination-container .page-links .page-item:hover {
border-radius: 20px;
background: #eaecf0;
color: #1d2939;
}
.category-detail .products-column .product {
border-radius: 16px;
border: 1px solid #f2f4f7;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
padding: 0px;
margin: 8px;
position: relative;
}
@media print, screen and (min-width: 50em) {
.category-detail .products-column .product {
width: calc(50% - 16px);
}
}
@media print, screen and (min-width: 75em) {
.category-detail .products-column .product {
width: calc(33% - 16px);
}
}
.category-detail .products-column .product .discount-badge-text {
top: -78px;
position: relative;
color: #ffffff;
font-size: 15px;
font-weight: 800;
left: 50%;
transform: translateX(-50%);
}
.category-detail .products-column .product .title-product {
color: #344054;
font-family: Manrope;
font-size: 18px;
font-weight: 700;
line-height: 22px;
letter-spacing: 0em;
margin: 16px 24px 8px 24px;
height: 44px;
}
.category-detail .products-column .product .info-product {
height: 60px;
color: #475467;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
margin-left: 24px;
}
.category-detail .products-column .product .product-price {
color: #344054;
margin-left: 19px;
}
.category-detail .products-column .product .product-image {
height: 152px;
margin-top: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.category-detail .products-column .product .button {
padding: 10px 16px;
}
.category-detail .products-column .category-info {
padding: 0px;
}
.category-detail .products-column .type-button {
width: calc(100% - 48px);
margin: 0px 24px;
font-size: 14px;
line-height: 14px;
color: #df4600;
border: 1px solid #df4600;
margin-bottom: 24px;
margin-top: 11px;
}
.category-detail .products-column .type-button:hover {
color: #ffffff;
}
.category-detail .category-cs {
margin: 0 20px 0 20px;
border-radius: 16px;
padding: 42px 32px;
}
@media print, screen and (min-width: 50em) {
.category-detail .category-cs {
margin: 0 112px 0 112px;
}
}
.category-detail .category-cs .title {
margin-bottom: 16px;
}
.category-detail .category-cs .info {
font-family: Inter;
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.category-detail .category-cs .info p {
padding: 0px;
margin: 0px;
}
.category-detail .category-cs .cat-img-container {
position: relative;
}
.category-detail .category-cs .cat-img-container .cat-img {
position: absolute;
top: -120px;
left: 0;
}
.usp-bar-categories {
margin: 23px 40px 45px 40px;
}
@media print, screen and (min-width: 50em) {
.usp-bar-categories {
margin: 39px 112px 71px 112px;
}
}
.usp-bar-categories .usp-text span {
font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 18px;
}
.categories-margin {
margin-top: 56px;
margin-bottom: 56px;
}
@media print, screen and (min-width: 50em) {
.categories-margin {
margin-bottom: 96px;
}
}
.product-section .last {
margin-bottom: 88px;
}
.product-section .product {
background-color: #ffffff;
border-radius: 16px;
border: 1px solid #f2f4f7;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
position: relative;
}
.product-section .product .title-product {
font-family: Manrope;
font-size: 18px;
font-weight: 700;
line-height: 22px;
letter-spacing: 0em;
margin: 16px 24px 8px 24px;
height: 44px;
}
.product-section .product .info-product {
height: 60px;
color: #475467;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
margin-left: 24px;
}
.product-section .product .product-price {
position: relative;
color: #344054;
margin-left: 19px;
}
.product-section .product .product-image {
height: 152px;
margin-top: 24px;
background-size: cover;
background-position: center;
}
.product-section .product .type-button {
width: calc(100% - 48px);
margin: 0px 24px;
font-size: 14px;
line-height: 14px;
color: #df4600;
border: 1px solid #df4600;
margin-bottom: 24px;
margin-top: 11px;
}
.product-section .product .type-button:hover {
color: #ffffff;
}
#product-configuration-overview-wrapper,
#product-configuration-overview-mobile-wrapper {
position: relative;
}
#product-configuration-overview-wrapper .discount-badge,
#product-configuration-overview-mobile-wrapper .discount-badge {
right: -30px;
top: -45px;
}
.product-detail .questions {
width: calc(100% - 312px);
margin: 0px !important;
}
.product-detail .orbit-container {
height: 450px !important;
}
@media print, screen and (min-width: 50em) {
.product-detail .orbit-container {
height: 500px !important;
}
}
.product-detail .orbit-container .orbit-slide img {
height: auto;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-detail .orbit-bullets {
text-align: start;
}
.product-detail .orbit-bullets button {
height: 102px;
width: 102px;
border-radius: 4px;
background-size: cover;
background-color: #ffffff;
}
.product-detail .orbit-bullets button.is-active {
border: 1px solid #ff5000;
box-shadow: none;
}
.product-detail .usp-product {
/* Custom marker */
}
.product-detail .usp-product ul {
margin-left: 0px;
}
.product-detail .usp-product li {
list-style: none;
/* Remove default markers */
padding-left: 24px;
position: relative;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #475467;
margin: 4px 0;
}
.product-detail .usp-product li::marker {
display: none;
/* Hide default marker */
}
.product-detail .usp-product li::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/img/base-images/check-mark-o.svg");
background-size: cover;
position: absolute;
top: 4px;
left: 0;
}
.product-detail .product-title-bar,
.product-detail .product-orbit,
.product-detail .product-specs-container {
padding-left: 20px;
}
@media print, screen and (min-width: 50em) {
.product-detail .product-title-bar,
.product-detail .product-orbit,
.product-detail .product-specs-container {
padding-left: 28px;
padding-right: 0px;
}
}
@media print, screen and (min-width: 75em) {
.product-detail .product-title-bar,
.product-detail .product-orbit,
.product-detail .product-specs-container {
padding-left: 112px;
}
}
.product-detail .product-specs-container {
margin-top: 32px;
}
.product-detail .product-specs-container h1, .product-detail .product-specs-container h2 {
color: #101828;
font-family: Manrope;
font-size: 24px;
font-weight: 600;
}
.product-detail .amount-container {
margin-bottom: 24px;
}
.product-detail .amount-container .product-amount {
border: 1px solid #d0d5dd;
width: 60px;
height: 40px;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
}
.product-detail .amount-container .product-amount-label {
color: #475467;
font-size: 16px;
font-weight: 400;
margin-bottom: 8px;
line-height: 16px;
}
.product-detail #collapse-colors {
margin-bottom: 24px;
text-decoration: underline;
display: none;
cursor: pointer;
}
.product-detail .product-colors {
overflow: hidden;
margin-left: 0px;
margin-right: 20px;
height: 51px;
}
.product-detail .product-colors.expanded {
height: auto;
overflow: visible;
}
.product-detail .product-colors #expand-colors {
clear: right;
cursor: pointer;
}
.product-detail .product-colors #expand-colors .color-overlay {
color: #ffffff;
font-size: 20px;
font-weight: 700;
background-color: #00000066;
height: 100%;
line-height: 48px;
}
@media print, screen and (min-width: 50em) {
.product-detail .product-colors #expand-colors .color-overlay {
line-height: 63px;
}
}
@media print, screen and (min-width: 75em) {
.product-detail .product-colors #expand-colors .color-overlay {
line-height: 82px;
}
}
.product-detail .product-colors .color-container {
width: 50px;
height: 50px;
}
@media print, screen and (min-width: 50em) {
.product-detail .product-colors {
margin-right: 28px;
height: 66px;
}
.product-detail .product-colors .color-container {
width: 65px;
height: 65px;
}
}
@media print, screen and (min-width: 75em) {
.product-detail .product-colors {
margin-right: 112px;
height: 85px;
}
.product-detail .product-colors .color-container {
width: 84px;
height: 84px;
}
}
.product-detail .product-colors .color-container {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border: 1px solid #d0d5dd;
border-radius: 4px;
padding: 0px;
margin-right: 8px;
}
.product-detail .product-colors .color-container:hover {
border: 1px solid #ff5000;
}
.product-detail .product-colors .color-container.active {
border: 1px solid #ff5000;
}
.configurator .question-block {
overflow: hidden;
position: relative;
background-color: #e1dbd6;
border-radius: 16px;
padding: 16px 13px 0 13px;
max-width: 529px;
}
.configurator .question-block .title {
font-size: 24px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0em;
color: #101828;
margin-bottom: 16px;
}
.configurator .question-block .text p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #475467;
margin-bottom: 16px;
}
.configurator .question-block .mobile-button {
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
color: #df4600;
background-color: #ffffff;
border-radius: 50px;
padding: 10px;
width: 100%;
}
.configurator .question-block .telephone {
font-weight: 600;
font-size: 20px;
line-height: 24px;
margin-bottom: 12px;
}
.configurator .question-block .telephone img {
margin-right: 8px;
width: 20px;
height: auto;
}
.configurator .question-block .telephone span {
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
color: #df4600;
}
.configurator .question-block .email {
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.configurator .question-block .email img {
margin-right: 8px;
width: 20px;
height: auto;
}
.configurator .question-block .email span {
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
color: #df4600;
}
.configurator .question-block .signature {
position: absolute;
left: 62px;
}
.configurator .question-block .image {
position: absolute;
left: 50%;
bottom: 0px;
}
.configurator .question-block .cs-block {
position: absolute;
left: 14px;
bottom: 150px;
}
.configurator .question-block .cs-block p {
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0em;
color: #475467;
}
.configurator .question-block .cs-block p b {
font-size: 13px;
font-weight: 700;
line-height: 18px;
}
.configurator .question-block .cs-img {
position: absolute;
bottom: 0px;
z-index: 3;
max-height: 232px;
right: -32px;
}
.configurator .question-block .cs-img img {
max-height: 232px;
}
@media print, screen and (min-width: 75em) {
.configurator .question-block .cs-img {
right: 0px;
}
}
.configurator .question-block .cs-img-bg {
position: absolute;
bottom: 0px;
z-index: 1;
right: -10px;
}
@media print, screen and (min-width: 75em) {
.configurator .question-block .cs-img-bg {
right: 10px;
}
}
.basket-row {
position: relative;
padding-top: 5px;
border-bottom: 1px solid #DDDDDD;
padding-bottom: 15px;
}
@media print, screen and (min-width: 75em) {
.basket-row {
padding-bottom: 0px;
}
}
.empty-cart {
margin-top: 32px;
margin-bottom: 32px;
}
.empty-cart .empty-cart-img {
padding: 16px 32px;
margin-bottom: 32px;
}
.empty-cart .empty-cart-img img {
min-height: 56px;
width: 100%;
height: auto;
}
.empty-cart .empty-title h2 {
margin-bottom: 0px;
color: #101828;
font-family: Manrope;
font-size: 22px;
font-weight: 700;
line-height: 30px;
}
@media print, screen and (min-width: 50em) {
.empty-cart .empty-title h2 {
font-size: 30px;
font-weight: 600;
line-height: 38px;
}
}
.empty-cart .empty-info p {
color: #475467;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-bottom: 32px;
}
.empty-cart .empty-button-block {
padding: 10px 32px;
background-color: #DF4600;
border-radius: 50px;
color: #ffffff;
}
.basket-header {
margin-top: 25px;
padding-bottom: 5px;
font-weight: bold;
border-bottom: 1px solid #DDDDDD;
}
.basket-product-quantity {
margin-top: 35px;
font-weight: 400;
margin-bottom: 15px;
}
.basket-product-quantity .main-columns {
position: relative;
}
@media print, screen and (min-width: 75em) {
.basket-product-quantity .main-columns {
line-height: 17px;
}
}
.edit-options {
padding: 0px;
margin-top: 0px;
font-size: 15px;
line-height: 20px;
}
@media print, screen and (min-width: 50em) {
.edit-options {
margin-top: 32px;
}
}
.edit-options .basket_js_aantal {
border: 1px solid #D0D5DD;
width: 60px;
height: 40px;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
}
.edit-actions .delivery {
font-family: Inter;
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0em;
color: #4CA30D;
padding: 0px;
}
.edit-actions .delivery img {
display: none;
}
@media print, screen and (min-width: 50em) {
.edit-actions .delivery {
padding-left: 20px;
}
}
.edit-actions .edit {
margin-top: 5px;
font-size: 14px;
font-weight: 300;
line-height: 18px;
}
@media print, screen and (min-width: 50em) {
.edit-actions .edit {
margin-top: 15px;
}
}
.edit-actions .edit a {
color: #475467;
font-weight: 300;
line-height: 18px;
font-size: 14px;
}
.edit-actions .delete {
font-family: Inter;
font-size: 14px;
font-weight: 300;
line-height: 18px;
letter-spacing: 0em;
}
.edit-actions .delete a {
font-weight: 300;
position: absolute;
color: #475467;
position: absolute;
top: 40px;
right: 0px;
}
@media print, screen and (min-width: 50em) {
.edit-actions .delete a {
position: relative;
top: 0px;
right: 0px;
}
}
.edit-actions div {
margin-top: 5px;
}
.basket-product-details {
font-size: 14px;
}
.basket-product-details .details-label {
font-weight: 400;
}
.basket-product-details .details-label-title {
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 8px;
padding-top: 8px;
}
@media print, screen and (min-width: 50em) {
.basket-product-details .details-label-title {
padding-top: 0px;
}
}
.basket-product-details .details-value {
font-weight: 400;
}
.basket-discount-code {
padding-top: 5px;
font-weight: 300;
line-height: 40px;
margin-top: 10px;
}
@media print, screen and (min-width: 75em) {
.basket-discount-code .shipping-label {
font-size: 14px;
font-weight: 400;
}
.basket-discount-code .shipping-costs {
font-weight: bold;
}
}
.basket-shipping-costs {
padding-top: 5px;
padding-bottom: 5px;
}
.basket-shipping-costs .label-text {
font-size: 14px;
font-weight: 400;
}
.basket-shipping-costs .costs {
font-weight: bold;
}
.basket-total-price {
border-top: 1px solid #DDDDDD;
padding-top: 20px;
font-weight: 700;
line-height: 20px;
}
.basket-total-price .label-text {
font-size: 14px;
}
.basket-total-price .costs {
font-size: 20px;
color: #53A500;
}
.products-view {
padding: 0px;
padding-right: 0px;
width: 100%;
}
@media print, screen and (min-width: 75em) {
.products-view {
padding-right: 64px;
width: calc(100% - 312px);
}
}
.products-view .basket-next-container {
margin-top: 42px;
padding: 0px;
margin-bottom: 32px;
}
.keep-shopping {
margin-top: 32px;
padding: 0px;
margin-bottom: 32px;
}
@media print, screen and (min-width: 75em) {
.keep-shopping {
margin-bottom: 112px;
}
}
.basket-order {
margin-top: 20px;
padding-bottom: 21px;
}
.basket-order .button {
width: 100%;
}
@media print, screen and (min-width: 75em) {
.basket-order .button {
width: auto;
}
}
.basket-order .fit-content-large {
position: relative;
width: 100%;
}
.basket-order .fit-content-large .button {
font-weight: 600;
font-size: 14px;
}
.basket-order .fit-content-large p {
margin-top: 6px;
font-style: italic;
}
@media print, screen and (min-width: 75em) {
.basket-order .fit-content-large {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
.add-button.back-to-basket {
margin-top: 24px;
margin-bottom: 52px;
}
@media print, screen and (min-width: 75em) {
.add-button.back-to-basket {
margin-top: 64px;
margin-bottom: 24px;
}
}
.add-button.back-to-basket a {
font-weight: 400;
}
.mail-basket-container {
border-radius: 16px;
border: 1px solid #EAECF0;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
padding: 16px 24px;
}
.basket-quotation div {
padding-bottom: 10px;
}
.basket-quotation div .button {
width: 100%;
}
.basket-quotation div input {
border-radius: 8px;
}
.when-delivery {
background-color: #F5F3F0;
border-radius: 16px;
margin-top: 32px;
}
.when-delivery .when-icon-block {
padding: 31px 32px;
width: 146px;
padding: 32px 32px 16px 32px;
}
@media print, screen and (min-width: 50em) {
.when-delivery .when-icon-block {
padding: 32px 32px;
}
}
.when-delivery .when-text-block {
width: 100%;
padding: 0px 32px 32px 32px;
}
@media print, screen and (min-width: 50em) {
.when-delivery .when-text-block {
width: calc(100% - 146px);
padding: 16px 32px 16px 0;
}
}
.when-delivery .when-text-block .title {
margin-bottom: 4px;
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
color: #101828;
}
.when-delivery .when-text-block .text {
margin-bottom: 0px;
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #475467;
}
.your-order-column {
padding: 0px;
width: 100%;
}
@media print, screen and (min-width: 75em) {
.your-order-column {
width: 312px;
margin-bottom: 112px;
}
}
.your-order-column .your-order {
background-color: #F5F3F0;
border-radius: 16px;
padding: 16px 24px;
margin-bottom: 40px;
}
.your-order-column .your-order .info-title {
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
}
.your-order-column .your-order .info-title.before-discount {
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
color: #475467;
}
.your-order-column .your-order .info-title.after-discount {
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
color: #101828;
}
.your-order-column .your-order .info-value {
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
}
.your-order-column .your-order .info-value.before-discount {
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
color: #475467;
}
.your-order-column .your-order .info-value.after-discount {
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
color: #101828;
}
.your-order-column .your-order .title {
margin-bottom: 16px;
}
.your-order-column .your-order .title h2 {
font-family: "Inter";
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #101828;
}
.your-order-column .your-order .divider {
width: 100%;
height: 1px;
border-bottom: 1px solid #D0D5DD;
margin-bottom: 16px;
}
.your-order-column .your-order .columns {
padding: 0px;
}
.your-order-column .your-order .next-step {
font-family: Inter;
font-size: 12px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0em;
font-style: italic;
}
.overview-list {
margin-left: 0px;
/* Custom marker */
}
.overview-list li {
list-style: none;
/* Remove default markers */
padding-left: 24px;
position: relative;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #475467;
margin: 4px 0;
}
.overview-list li::marker {
display: none;
/* Hide default marker */
}
.overview-list li::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/img/base-images/check-mark-o.svg");
background-size: cover;
position: absolute;
top: 4px;
left: 0;
}
.basket-title {
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
}
.hidden-button {
color: #DF4600;
font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
}
.panel-header.active.checkout .circle {
float: right;
margin: 8px;
width: 24px;
height: 24px;
border-radius: 100%;
background-color: #fefefe;
text-align: center;
font-size: 16px;
overflow: hidden;
line-height: 24px;
color: #FED303;
}
@media print, screen and (min-width: 75em) {
.panel-header.active.checkout .circle {
margin: 8px 8px 8px 40px;
}
}
.panel-header.active.checkout .circle.first {
margin-left: 8px;
float: left;
}
.panel-header.active.checkout .circle.past {
background-color: #53A500;
color: #fefefe;
}
.panel-header.active.checkout .circle.active {
color: #333333;
}
.panel-header.active.checkout .circle-text, .panel-header.active.checkout a {
color: #fefefe;
float: right;
}
.panel-header.active.checkout .circle-text.first {
float: left;
}
.panel-header.active.checkout .circle-text.active {
color: #333333;
}
.comment-container {
position: relative;
margin-bottom: 1rem;
}
.newsbrief-content {
display: flex;
}
#char-counter {
position: absolute;
bottom: -5px;
right: 0px;
font-size: 12px;
}
#customer_comment {
resize: vertical;
padding: 0.5rem;
}
.customer-data-form .checkout-country-select {
background-image: url("/img/base-images/chevron-down-menu.svg");
background-size: 15px 15px;
}
.customer-data-form .js_business_order_fields {
margin-top: 32px;
}
.customer-data-form .order-type-div {
box-shadow: none;
margin-right: 16px;
border: 1px solid #EAECF0;
border-radius: 4px;
display: inherit;
padding: 8px 12px;
}
.customer-data-form .order-type-div label {
margin-right: 0px;
margin-bottom: 6px;
}
.customer-data-form .order-type-div input[type=radio] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 12px;
height: 12px;
border-radius: 50%;
border: none;
position: relative;
cursor: pointer;
margin: 0px;
}
.customer-data-form .order-type-div input[type=radio]::before {
content: "";
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #EAECF0;
/* set default color to grey */
transition: opacity 0.2s ease-in-out;
}
.customer-data-form .order-type-div input[type=radio]:checked::before {
background-color: #FF5000;
}
.customer-data-form .order-type-div.active {
border: 1px solid #FF5000;
border-radius: 4px;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.customer-data-form .form-header {
margin-top: 30px;
margin-bottom: 10px;
font-weight: 600;
border-bottom: 1px solid #DDDDDD;
}
.customer-data-form .form-label {
margin-bottom: 6px;
font-weight: 500;
font-size: 14px;
margin-top: 0px;
padding-left: 0px;
}
.customer-data-form .form-label h2 {
margin-top: 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
}
@media print, screen and (max-width: 49.99875em) {
.customer-data-form .delivery-address-type [type=radio] {
margin-bottom: 0;
}
}
@media print, screen and (max-width: 49.99875em) {
.customer-data-form .delivery-address-type label {
font-size: 12px;
}
}
.customer-data-form .form-fields {
padding-left: 0px;
margin-bottom: 18px;
}
.customer-data-form .form-fields label {
font-weight: normal;
}
.customer-data-form .form-fields input[type=text], .customer-data-form .form-fields input[type=email], .customer-data-form .form-fields input[type=tel] {
padding: 10px 14px;
color: #344054;
font-weight: 400;
font-size: 16px;
position: relative;
margin-bottom: 0px;
}
.customer-data-form .form-fields input[type=text].valid, .customer-data-form .form-fields input[type=email].valid, .customer-data-form .form-fields input[type=tel].valid {
background-image: url("/img/base-images/check-circle-broken.svg");
background-repeat: no-repeat;
border: 1px solid #6CE9A6;
background-position: 95% 50%;
}
.customer-data-form .form-fields input[type=text].invalid, .customer-data-form .form-fields input[type=email].invalid, .customer-data-form .form-fields input[type=tel].invalid {
background-image: url("/img/base-images/alert-circle.svg");
border: 1px solid #FF5000;
background-repeat: no-repeat;
background-position: 95% 50%;
}
.customer-data-form .form-fields input#insertion, .customer-data-form .form-fields input#tussenvoegsel, .customer-data-form .form-fields input#deliveryInsertion {
width: 100px;
}
.customer-data-form .form-fields input#housenumber, .customer-data-form .form-fields input#deliveryHousenumber {
margin-right: 10px;
}
@media print, screen and (min-width: 75em) {
.customer-data-form .form-fields input#firstname, .customer-data-form .form-fields input#deliveryFirstname {
float: left;
margin-right: 10px;
}
.customer-data-form .form-fields input#insertion, .customer-data-form .form-fields input#tussenvoegsel, .customer-data-form .form-fields input#deliveryInsertion {
width: 100px;
float: left;
margin-right: 10px;
}
.customer-data-form .form-fields input#lastname, .customer-data-form .form-fields input#deliveryLastname {
float: left;
}
.customer-data-form .form-fields input#housenumber, .customer-data-form .form-fields input#deliveryHousenumber {
margin-right: 10px;
}
.customer-data-form .form-fields select#country, .customer-data-form .form-fields select#deliveryCountry {
width: 165px;
}
}
.customer-data-form .form-fields .fetched-adres {
margin-bottom: 15px;
}
.customer-data-form .form-fields .continue-button {
text-align: center;
}
.customer-data-form .form-fields .continue-button .button {
width: 100%;
}
@media print, screen and (min-width: 75em) {
.customer-data-form .form-fields .continue-button {
text-align: right;
}
.customer-data-form .form-fields .continue-button .button {
width: 20%;
}
}
.delivery-address-container input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 15px;
height: 15px;
border-radius: 50%;
border: 1.6px solid #475467;
outline: none;
transition: all 0.3s ease;
margin-bottom: 0px;
}
.delivery-address-container input[type=radio]:checked + label {
font-weight: 600;
font-size: 14px;
}
.delivery-address-container input[type=radio]:checked {
border: 2.5px solid #475467;
border-color: #475467;
background-color: #475467;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
.delivery-address-container label {
font-size: 14px;
}
.left-section-outer {
padding-left: 20px;
}
@media print, screen and (min-width: 50em) {
.left-section-outer {
padding-left: 39px;
}
}
@media print, screen and (min-width: 75em) {
.left-section-outer {
padding-left: 112px;
}
}
.right-section-outer {
padding-left: 20px;
padding-right: 20px;
}
@media print, screen and (min-width: 75em) {
.right-section-outer {
padding-left: 0px;
padding-right: 0px;
}
}
.overview-fixed-mobile {
position: fixed;
bottom: 0px;
width: 100%;
background-color: #ffffff;
z-index: 100;
box-shadow: 0px -4px 8px -2px rgba(16, 24, 40, 0.1), 0px -2px 4px -2px rgba(16, 24, 40, 0.06);
padding: 16px 32px;
}
.overview-fixed-mobile a {
width: 100%;
}
.overview-fixed-mobile .next-step {
font-size: 12px;
font-style: italic;
font-weight: 400;
}
.payment-form {
padding: 0px;
}
.payment-form .form-header {
margin-top: 30px;
margin-bottom: 10px;
font-weight: bold;
}
.payment-form .form-header h1 {
font-weight: 600;
font-size: 24px;
color: #101828;
line-height: 38px;
font-family: Manrope;
}
.payment-form .form-header p {
color: #475467;
font-weight: 600;
line-height: 24px;
}
.payment-form .payment-method-container {
padding-left: 5px;
padding-right: 5px;
border: 1px solid #EAECF0;
border-radius: 16px;
margin-bottom: 16px;
}
.payment-form .payment-method-container .logo-container {
display: inline-block;
padding-bottom: 0px;
width: 100%;
}
.payment-form .payment-method-container .logo-container img {
padding-left: 10px;
margin-bottom: 4px;
height: 100%;
width: auto;
}
.payment-form .payment-method-container .columns {
padding-top: 0px;
line-height: 44px;
}
.payment-form .payment-method-container .payment-method {
margin-bottom: 12px;
margin-top: 12px;
height: 44px;
position: relative;
}
.payment-form .payment-method-container .payment-method input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 15px;
height: 15px;
border-radius: 50%;
border: 1.6px solid #475467;
outline: none;
transition: all 0.3s ease;
margin-bottom: 0px;
}
.payment-form .payment-method-container .payment-method input[type=radio]:checked {
border: 2.5px solid #475467;
border-color: #475467;
background-color: #475467;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
.payment-form .payment-method-container .payment-method .payment-title {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #475467;
}
.payment-form .payment-method-container .payment-method .payment-title h3 {
font-family: "Inter";
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #667085;
margin-bottom: 0px;
}
.payment-form .payment-method-container .payment-method .payment-price {
font-family: "Inter";
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #66C61C;
}
.payment-form .payment-method-container .payment-method label {
font-weight: normal;
vertical-align: middle;
line-height: 20px;
}
.payment-form .payment-method-container .payment-method label free {
font-size: 14px;
color: #999999;
}
.payment-form .payment-method-container .continue-payment-container {
padding: 0px 8px;
display: none;
text-align: center;
}
.payment-form .payment-method-container .continue-payment-container .button {
width: 100%;
}
.payment-form .payment-method-container .contine-payment-text {
display: none;
}
.payment-form .active-payment {
background-color: #F9F9F9;
border: 1px solid #667085;
}
.payment-form .active-payment .payment-title h3 {
color: #101828 !important;
}
.payment-form .active-payment .continue-payment-container {
display: block;
}
.payment-form .active-payment .contine-payment-text {
display: block;
}
.payment-form .payment-method-container:hover {
border: 1px solid #667085;
border-radius: 16px;
}
.payment-form .button {
width: 100%;
}
@media print, screen and (min-width: 75em) {
.payment-form .back-button {
float: left;
}
.payment-form .continue-button {
float: right;
}
}
.summary-padding {
padding: 0px;
padding-right: 0px;
}
@media print, screen and (min-width: 50em) {
.summary-padding {
padding-right: 39px;
}
}
.summary-form {
padding: 0px;
}
.summary-form .form-title {
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
color: #101828;
}
.summary-form p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #475467;
margin-bottom: 32px;
}
.summary-form .form-header {
margin-top: 30px;
margin-bottom: 15px;
font-weight: bold;
border-bottom: 1px solid #DDDDDD;
}
@media print, screen and (min-width: 75em) {
.summary-form .form-header {
border-bottom: none;
}
}
.summary-form .datepicker {
width: 100%;
}
.summary-form .summary-header {
font-size: 16px;
line-height: 24px;
letter-spacing: 0em;
margin-bottom: 15px;
font-weight: 600;
color: #101828;
}
.summary-form .summary-header.no-bottom-margin {
margin-bottom: 0px;
}
.summary-form .summary-header.top-margin {
margin-top: 15px;
}
.summary-form .summary-header a {
text-decoration: underline;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.summary-form .summary-text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #475467;
}
.summary-form .summary-payment-text {
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
color: #101828;
padding-top: 12px;
}
.summary-form .summary-payment-icon {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-right: 18px;
}
.summary-form .summary-payment-icon img {
max-width: none;
width: 48px;
padding: 12px 0 0 12px;
}
.summary-form .conditions {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #475467;
}
.summary-form .conditions a {
text-decoration: underline;
color: #DF4600;
font-weight: 400;
}
@media print, screen and (max-width: 49.99875em) {
.summary-form .top-border {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
}
}
.summary-form .delivery-date {
margin-top: 15px;
}
.summary-form .delivery-date .delivery-label {
display: inline-block;
color: #53A500;
}
.summary-form .delivery-date .delivery-label.empty {
color: #FF6620;
font-weight: bold;
}
.summary-form .overview-products {
border-top: 1px solid #EAECF0;
margin-bottom: 16px;
}
.summary-form .overview-products .overview-product {
margin-bottom: 0px;
padding: 16px;
border-bottom: 1px solid #EAECF0;
display: flex;
justify-content: space-between;
align-items: center;
}
.summary-form .overview-products .overview-product .product-image {
width: 50px;
height: 50px;
border-radius: 8px;
margin-right: 16px;
}
.summary-form .overview-products .overview-product .product-image img {
height: auto;
width: 100%;
}
.summary-form .overview-products .overview-product .product-info {
width: calc(100% - 64px);
display: flex;
justify-content: space-between;
align-items: start;
flex-direction: column;
}
.summary-form .overview-products .overview-product .product-info .product-title {
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #101828;
}
.summary-form .overview-products .overview-product .product-info .product-sub-title {
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #101828;
}
.checkout-thanks-container {
margin-bottom: 56px;
width: 100%;
}
@media print, screen and (min-width: 75em) {
.checkout-thanks-container {
width: calc(100% - 496px);
}
}
.thanks-order-review {
padding: 0px;
margin-bottom: 30px;
}
.thanks-order-review .info-value.after-discount.free {
color: #53A500;
font-weight: 600;
}
@media print, screen and (min-width: 75em) {
.thanks-order-review {
width: 496px;
padding: 0 112px 0 0;
margin-bottom: 0px;
}
.thanks-order-review.customer-info {
width: 33.3333333333%;
}
}
.thanks-order-review .title {
padding: 0 12.5px;
font-size: 18px;
font-weight: 600;
line-height: 28px;
letter-spacing: 0em;
color: #101828;
}
.thanks-order-review .articles {
padding: 0 12.5px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #475467;
}
.thanks-order-review .product-row {
min-height: 110px;
}
.thanks-order-review .product-row .product-title {
color: #101828;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
}
.thanks-order-review .product-row .product-price {
color: #101828;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
}
.thanks-order-review .sub-totals {
margin-top: 16px;
}
.thanks-order-review .sub-totals .title {
color: #475467;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
}
.thanks-order-review .sub-totals .value {
color: #101828;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
}
.thanks-order-review .sub-totals .value.free {
color: #66C61C;
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
}
.thanks-order-review .totals .title {
color: #101828;
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
}
.thanks-order-review .totals .value {
color: #101828;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
}
.thanks-order-review .color-swatch-tile .image-container {
height: 48px;
border: 1px solid #475467;
border-radius: 6px;
}
.thanks-order-review .divider {
width: 100%;
height: 1px;
border-bottom: 1px solid #D0D5DD;
margin-bottom: 16px;
}
.checkout-thanks .customer-info {
margin-bottom: 56px;
padding: 24px;
border-radius: 16px;
margin-right: 0px;
}
@media print, screen and (min-width: 50em) {
.checkout-thanks .customer-info {
margin-right: 16px;
}
}
.checkout-thanks .customer-info h2 {
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
color: #101828;
}
.checkout-thanks .customer-info p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #475467;
}
.checkout-thanks .slogan-container {
padding-top: 30px;
padding-bottom: 14px;
}
@media print, screen and (min-width: 50em) {
.checkout-thanks .slogan-container {
padding-top: 0px;
padding-bottom: 36px;
}
}
.checkout-thanks .slogan-container .success {
margin-top: 15px;
line-height: 24px;
font-weight: 600;
letter-spacing: 0em;
}
.checkout-thanks .slogan-container p {
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #475467;
}
.checkout-thanks .slogan-container h1 {
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
color: #101828;
margin-bottom: 32px;
}
.checkout-thanks .feed-back-form h1 {
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
color: #101828;
margin-bottom: 32px;
}
.checkout-thanks .feed-back-form .customer-review-input {
resize: vertical;
max-width: 500px;
border-radius: 8px;
}
.checkout-thanks .feed-back-form .smiley {
width: 32px;
margin: 0 6px 24px 6px;
padding: 0px;
}
.checkout-thanks .feed-back-form .smiley img {
width: 100%;
height: auto;
}
.checkout-thanks .feed-back-form .smiley.enlarged {
width: 44px;
}
.checkout-thanks .feed-back-form .smiley:hover {
width: 38px;
}
.checkout-thanks .feed-back-form .form-button {
width: 100%;
}
@media print, screen and (min-width: 50em) {
.checkout-thanks .feed-back-form .form-button {
width: auto;
}
}
.order-progress {
margin: 58px 20px 40px 20px !important;
}
@media print, screen and (min-width: 50em) {
.order-progress {
margin: 58px 54px 40px 54px !important;
}
}
@media print, screen and (min-width: 75em) {
.order-progress {
margin: 58px 54px 40px 112px !important;
}
}
.order-progress .active-step-block {
position: relative;
background-color: #FF6620;
color: #ffffff;
border-radius: 100px;
padding: 8px 16px;
width: 36px;
height: 36px;
border: none;
}
@media print, screen and (min-width: 50em) {
.order-progress .active-step-block {
width: 40px;
height: 40px;
}
}
.order-progress .active-step-block .step-label {
font-size: 14px;
position: absolute;
top: -26px;
color: #475467;
left: 50%;
transform: translateX(-50%);
font-weight: 400;
}
.order-progress .active-step-block .step-label.active {
font-size: 14px;
font-weight: 600;
position: absolute;
top: -26px;
color: #FF5000;
left: 50%;
transform: translateX(-50%);
}
.order-progress .active-step-block .step-block-no {
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
font-weight: 700;
}
.order-progress a.active-step-block:hover {
background-color: #FF5000;
border: 1px solid #98A2B3;
border-radius: 100px;
}
.order-progress a.active-step-block:hover .step-label {
color: #FF5000;
}
.order-progress .in-active-step-block {
position: relative;
background-color: #FFFFFF;
color: #98A2B3;
border: 1px solid #98A2B3;
border-radius: 100px;
padding: 8px 16px;
width: 36px;
height: 36px;
}
@media print, screen and (min-width: 50em) {
.order-progress .in-active-step-block {
width: 40px;
height: 40px;
}
}
.order-progress .in-active-step-block .step-label {
position: absolute;
top: -26px;
color: #475467;
left: 50%;
transform: translateX(-50%);
font-weight: 400;
font-size: 14px;
}
.order-progress .in-active-step-block .step-label.active {
position: absolute;
top: -26px;
color: #FF5000;
left: 50%;
transform: translateX(-50%);
font-weight: 600;
font-size: 14px;
}
.order-progress .in-active-step-block .step-block-no {
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
font-weight: 400;
line-height: 1.2;
}
.order-progress .in-active-step-block[type=submit]:hover {
background-color: #FF5000;
color: #ffffff;
cursor: pointer;
}
.order-progress .in-active-step-block[type=submit]:hover .step-label {
color: #FF5000;
}
.order-progress .active-step {
width: calc((100% - 160px) / 3);
position: relative;
border-bottom: 3px solid #FF6620;
height: 20px;
}
.order-progress .active-step.color-swatch {
width: calc(100% - 80px);
}
.order-progress .in-active-step {
height: 20px;
border-bottom: 3px solid #98A2B3;
width: calc((100% - 160px) / 3);
}
.order-progress .truck-tree-icon {
position: absolute;
left: 50%;
bottom: -3px;
transform: translateX(-50%);
}
.order-progress .truck-tree-icon img {
max-height: 30px;
}
.checkout-divider {
height: 1px;
background: #D0D5DD;
}
.phone-info span {
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #475467;
}
.simple-error {
display: none;
}
.too-short-error {
display: none;
}
.invalid-zipcode {
display: none;
}
.invalid-be-zipcode {
display: none;
}
.postcode-exception {
display: none;
}
.invalid_vat {
display: none;
}
.vat_invalid_for_foreign_transactions {
display: none;
}
.color-swatches-pg .pagination-container {
margin: 15px 0 10px 0;
padding-left: 0px;
}
.color-swatches-pg .pagination-container .product-count {
padding-left: 0px;
color: #164c42;
font-size: 18px;
}
.color-swatches-pg .pagination-container .page-links {
font-size: 18px;
}
.color-swatches-pg .pagination-container .page-item {
display: inline;
}
.color-swatches-pg .pagination-container .page-item.active span {
color: #164c42;
}
.color-swatches-pg .pagination-container .page-item.disabled span {
color: #164c42;
}
.color-swatches-pg .pagination-container a[rel=next] {
color: #164c42;
}
.color-swatches-pg .rotate-180 {
transform: rotate(180deg);
}
.color-swatches-pg .color-swatch-tile {
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
border-radius: 16px;
transition: transform 0.3s ease-in-out;
}
.color-swatches-pg .color-swatch-tile .image-container {
position: relative;
height: 128px;
border-radius: 16px 16px 0 0;
}
.color-swatches-pg .color-swatch-tile .image-container .icon-container {
position: absolute;
left: 0px;
top: -2px;
padding: 12px;
}
.color-swatches-pg .color-swatch-tile .image-container .info-container {
padding: 8px 0;
position: absolute;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.25);
color: #ffffff;
}
.color-swatches-pg .color-swatch-tile .image-container .info-container .fabric {
text-overflow: ellipsis;
font-size: 13px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0em;
text-align: center;
}
.color-swatches-pg .color-swatch-tile .image-container .info-container .fabric-color {
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0em;
text-align: center;
}
.color-swatches-pg .color-swatch-tile .choice-container {
cursor: pointer;
background-color: #ffffff;
color: #DF4600;
border-radius: 0 0 16px 16px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 8px;
}
.color-swatches-pg .color-swatch-tile .choice-container .choice-text {
display: flex;
align-items: center;
/* Aligns text vertically */
justify-content: center;
/* Aligns text horizontally */
height: 100%;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.color-swatches-pg .color-swatch-tile .choice-container:hover {
color: #ffffff;
background-color: #DF4600;
}
.color-swatches-pg .color-swatch-tile .chosen-container {
background-color: #344054;
color: #ffffff;
border-radius: 0 0 16px 16px;
height: 36px;
}
.color-swatches-pg .color-swatch-tile .chosen-container .choice-text {
margin-top: 8px;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.color-swatches-pg .color-swatch-tile .choice-container:hover {
color: #ffffff;
background-color: #FF6620;
}
.color-swatches-pg .color-swatches-hero {
padding: 32px 20px 31px 20px;
}
@media print, screen and (min-width: 50em) {
.color-swatches-pg .color-swatches-hero {
padding: 56px 112px 31px 112px;
}
}
.color-swatches-pg .color-swatches-hero .title h1 {
color: #101828;
margin-bottom: 16px;
font-family: Manrope;
font-size: 22px;
font-weight: 700;
}
@media print, screen and (min-width: 50em) {
.color-swatches-pg .color-swatches-hero .title h1 {
margin-bottom: 24px;
font-family: Manrope;
font-size: 30px;
font-weight: 600;
}
}
.color-swatches-pg .color-swatches-hero .text {
margin-bottom: 34px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #344054;
}
.color-swatches-pg .color-swatches-hero .usp-bar h2 {
font-size: 20px;
font-weight: 600;
line-height: 30px;
color: #101828;
}
.color-swatches-pg .color-swatches-hero .usp-bar p {
color: #475467;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.color-swatches-pg .color-swatches-hero .usp-bar img {
margin-bottom: 20px;
}
.color-swatches-pg .intro-header .title {
color: #101828;
margin-top: 56px;
font-family: Manrope;
margin-bottom: 16px;
}
.color-swatches-pg .intro-header .title h1 {
font-weight: 700;
line-height: 30px;
font-size: 22px;
}
@media print, screen and (min-width: 50em) {
.color-swatches-pg .intro-header .title {
margin-bottom: 24px;
}
.color-swatches-pg .intro-header .title h1 {
font-weight: 600;
line-height: 38px;
font-size: 30px;
}
}
.color-swatches-pg .intro-header .text {
color: #344054;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: center;
}
.color-swatches-pg .intro-header .type-button-row .type-button {
color: #1D2939;
border: 1px solid #1D2939;
padding-left: 24px;
padding-right: 24px;
}
.color-swatches-pg .intro-header .type-button-row .type-button:hover {
color: #ffffff;
border: 1px solid #1D2939;
background-color: #1D2939;
}
.color-swatches-pg .colorswatch-row {
width: 100%;
display: -webkit-inline-box;
}
.color-swatches-pg .colorswatch-row .filter-section {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.color-swatches-pg .colorswatch-row .filter-section .toggle-icon {
padding: 0px 5px;
}
.color-swatches-pg .colorswatch-row .color-swatch-tile {
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
border-radius: 16px;
}
.color-swatches-pg .colorswatch-row .color-swatch-tile .image-container {
height: 128px;
border-radius: 16px 16px 0 0;
}
.color-swatches-pg .colorswatch-row .color-swatch-tile .image-container .icon-container {
position: absolute;
left: 0px;
top: -2px;
padding: 12px;
}
.color-swatches-pg .colorswatch-row .color-swatch-tile .image-container .info-container {
padding: 8px 0;
background-color: rgba(0, 0, 0, 0.25);
color: #ffffff;
}
.color-swatches-pg .colorswatch-row .color-swatch-tile .image-container .info-container .fabric {
text-overflow: ellipsis;
font-size: 13px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0em;
text-align: center;
}
.color-swatches-pg .colorswatch-row .color-swatch-tile .image-container .info-container .fabric-color {
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0em;
text-align: center;
}
.color-swatches-pg .colorswatch-row .color-swatch-tile .choice-container {
background-color: #ffffff;
color: #DF4600;
border-radius: 0 0 16px 16px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 8px;
}
.color-swatches-pg .colorswatch-row .color-swatch-tile .choice-container .choice-text {
font-weight: 600;
font-size: 14px;
line-height: 20px;
display: flex;
align-items: center;
/* Aligns text vertically */
justify-content: center;
/* Aligns text horizontally */
height: 100%;
}
.color-swatches-pg .colorswatch-row .color-swatch-tile .choice-container:hover {
color: #ffffff;
background-color: #DF4600;
}
.color-swatches-pg .recently-added .recent-header .title {
font-size: 30px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
}
.color-swatches-pg .recently-added .recent-header .text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
margin-top: 24px;
margin-bottom: 64px;
}
.color-swatches-pg .recently-added .new-colors-row {
width: 100%;
}
@media print, screen and (min-width: 50em) {
.color-swatches-pg .recently-added .new-colors-row {
width: 824px;
}
}
.color-swatches-pg .filter-container {
margin-bottom: 24px;
padding-left: 0px;
}
.color-swatches-pg .filter-container .filter-subtitle {
padding-left: 0;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #F2F4F7;
}
.color-swatches-pg .filter-container .section-choice-container {
padding-left: 0;
transition: 500ms;
}
.color-swatches-pg .filter-container .section-choice-container input[type=checkbox] {
padding: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 15px;
height: 15px;
border-radius: 2px;
border: 1.6px solid #475467;
outline: none;
transition: all 0.3s ease;
margin-bottom: 0px;
}
.color-swatches-pg .fabric-section-header.active .fa-caret-down {
display: inline-block;
}
.color-swatches-pg .fabric-section-header .fa-caret-down {
display: none;
}
.color-swatches-pg .fabric-section-header .fa-caret-up {
display: inline-block;
}
.color-swatches-pg .fabric-section-header.active .fa-caret-up {
display: none;
}
.color-swatches-pg .hide-for-large .column-block {
padding-left: 0px;
}
.color-swatches-pg .hidden-button {
display: none;
}
.color-swatches-pg .fabric-select-container {
float: left;
padding-left: 8px;
}
.color-swatches-pg .fabric-select-container .fabric-select {
color: #FF5000;
font-weight: bold;
}
.color-swatches-pg .questions {
margin: 0px !important;
padding: 112px 0;
}
.color-swatches-pg .questions .accordion {
background-color: #f5f3f0;
}
.color-swatches-pg .questions .accordion .accordion-item.is-active {
background-color: #ffffff;
}
.color-swatches-pg .recently-added {
padding: 112px 0;
}
.js-add-swatch-from-configurator, .js-add-swatch {
cursor: pointer;
}
.reveal-overlay {
background-color: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
#filter-colors-modal, #new-colors-modal, #chosen-colors-modal {
width: 100%;
height: 100%;
top: 0px !important;
max-width: 1440px;
background-color: #ffffff;
}
#filter-colors-modal .choice-container, #new-colors-modal .choice-container, #chosen-colors-modal .choice-container {
height: 72px;
}
#filter-colors-modal .reveal-title, #new-colors-modal .reveal-title, #chosen-colors-modal .reveal-title {
height: 64px;
border-bottom: 1px solid #D0D5DD;
margin-bottom: 56px;
}
@media print, screen and (min-width: 50em) {
#filter-colors-modal .reveal-title, #new-colors-modal .reveal-title, #chosen-colors-modal .reveal-title {
margin-bottom: 96px;
}
}
#filter-colors-modal .reveal-title h2, #new-colors-modal .reveal-title h2, #chosen-colors-modal .reveal-title h2 {
line-height: 64px;
color: #101828;
text-align: center;
font-family: Manrope;
font-size: 20px;
font-weight: 700;
}
@media print, screen and (min-width: 50em) {
#filter-colors-modal .reveal-title h2, #new-colors-modal .reveal-title h2, #chosen-colors-modal .reveal-title h2 {
font-size: 30px;
font-weight: 600;
}
}
#filter-colors-modal .orbit, #new-colors-modal .orbit, #chosen-colors-modal .orbit {
max-width: 562px;
width: 100%;
}
#filter-colors-modal .close-button, #new-colors-modal .close-button, #chosen-colors-modal .close-button {
width: 36px;
height: 36px;
top: -19px;
right: 20px;
}
@media print, screen and (min-width: 50em) {
#filter-colors-modal .close-button, #new-colors-modal .close-button, #chosen-colors-modal .close-button {
width: 36px;
height: 36px;
top: -19px;
right: 29px;
}
}
#filter-colors-modal .color-swatch-tile, #new-colors-modal .color-swatch-tile, #chosen-colors-modal .color-swatch-tile {
height: 100%;
width: calc(100% - 75px);
margin: 0 auto;
box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
}
@media print, screen and (min-width: 50em) {
#filter-colors-modal .color-swatch-tile, #new-colors-modal .color-swatch-tile, #chosen-colors-modal .color-swatch-tile {
height: 422px;
width: 471px;
}
}
#filter-colors-modal .orbit-previous, #filter-colors-modal .orbit-next, #new-colors-modal .orbit-previous, #new-colors-modal .orbit-next, #chosen-colors-modal .orbit-previous, #chosen-colors-modal .orbit-next {
border-radius: 28px;
border: 1.273px solid #B2B4BB;
padding: 0px;
width: 30.5px;
height: 30.5px;
box-shadow: 0px 2.5454545021px 5.0909090042px -2.5454545021px rgba(16, 24, 40, 0.06), 0px 5.0909090042px 10.1818180084px -2.5454545021px rgba(16, 24, 40, 0.1);
top: calc(50% - 71px);
}
#filter-colors-modal .orbit-previous:hover, #filter-colors-modal .orbit-next:hover, #new-colors-modal .orbit-previous:hover, #new-colors-modal .orbit-next:hover, #chosen-colors-modal .orbit-previous:hover, #chosen-colors-modal .orbit-next:hover {
background-color: #ffffff;
}
#filter-colors-modal .orbit-previous:active, #filter-colors-modal .orbit-next:active, #new-colors-modal .orbit-previous:active, #new-colors-modal .orbit-next:active, #chosen-colors-modal .orbit-previous:active, #chosen-colors-modal .orbit-next:active {
background-color: #ffffff;
}
#filter-colors-modal .orbit-previous img, #filter-colors-modal .orbit-next img, #new-colors-modal .orbit-previous img, #new-colors-modal .orbit-next img, #chosen-colors-modal .orbit-previous img, #chosen-colors-modal .orbit-next img {
height: 26px;
}
#filter-colors-modal .orbit-next img, #new-colors-modal .orbit-next img, #chosen-colors-modal .orbit-next img {
margin-left: 2px;
}
#filter-colors-modal .orbit-previous img, #new-colors-modal .orbit-previous img, #chosen-colors-modal .orbit-previous img {
margin-right: 2px;
}
.filter-section {
width: 100%;
margin-bottom: 70px;
border-radius: 8px;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
padding: 0 16px;
}
@media print, screen and (min-width: 50em) {
.filter-section {
width: 310px;
margin-bottom: 112px;
}
}
.filter-section .filter-result-button {
background-color: #ffffff;
color: #FF5000;
border: 1px solid #FF5000;
margin-left: 3.5px;
margin-bottom: 16px;
width: 278px;
}
.filter-section .filter-title-row {
margin: 10px 0px;
}
.filter-section .filter-title-row .filter-icon {
padding-right: 0px;
}
.filter-section .filter-title-row .title {
font-weight: 600;
}
.filter-section .filter-container {
margin-bottom: 24px;
padding-left: 0px;
}
.filter-section .filter-container .filter-subtitle {
padding-left: 0;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #F2F4F7;
}
.filter-section .filter-container .section-choice-container {
padding-left: 0;
transition: 500ms;
}
.filter-section .filter-container .section-choice-container input[type=checkbox]:checked {
border: 2.5px solid #475467;
border-color: #475467;
background-color: #475467;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
.filter-section .filter-container .section-choice-container input[type=checkbox]:not(:checked) {
background-color: #ffffff;
background-image: url("");
}
.filter-section .filter-container .section-choice-container .fabric-container {
height: 130px;
overflow: hidden;
transition: all 1s ease;
}
.filter-section .filter-container .section-choice-container .fabric-container.align {
margin-left: -13px;
padding-left: 13px;
}
.filter-section .filter-container .section-choice-container .fabric-container.expand {
height: auto;
}
.filter-section .filter-container .section-choice-container .toggle-fabric-container {
padding: 12px 0px 12px 0px;
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
text-decoration: underline;
color: #475467;
cursor: pointer;
}
.filter-section .filter-container .section-choice-container .choice-container {
border-radius: 4px;
margin-bottom: 0px;
padding: 0px 0px;
height: 22px;
/* Customize the label*/
}
.filter-section .filter-container .section-choice-container .choice-container .container {
display: block;
height: 26px;
vertical-align: middle;
cursor: pointer;
font-size: 14px;
font-weight: 400;
line-height: 26px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.filter-section .filter-container .section-choice-container .choice-container .container input {
width: 16px;
height: 16px;
margin: 5px 8px 5px 0px;
}
.filter-section .filter-container .section-choice-container .choice-container .container .counter-0 {
color: #9a9a9a;
}
.filter-section .filter-container .section-choice-container .color-block-red {
background-color: #ff0000;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .color-block-purple {
background-color: #7964FC;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .color-block-orange {
background-color: #FF881A;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .color-block-pink {
background-color: #FA7EFD;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .color-block-yellow {
background-color: #FEE822;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .color-block-grey {
background-color: #949494;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .color-block-green {
background-color: #77EA31;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .color-block-white {
background-color: #ffffff;
border: 1px solid #667085;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .color-block-blue {
background-color: #12B8FF;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .color-block-brown {
background-color: #783E08;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .color-block-black {
background-color: #262626;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .color-block-beige {
background-color: #FFF9E3;
height: 16px;
width: 36px;
border-radius: 100px;
margin-top: 5px;
}
.filter-section .filter-container .section-choice-container .active-filter .container {
font-weight: 600;
}
.filter-section .filter-container .section-choice-container.expand {
height: 0px;
overflow: hidden;
}
.colors-container {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
@media print, screen and (min-width: 50em) {
.colors-container {
width: 464px;
padding-left: 48px;
}
}
@media print, screen and (min-width: 75em) {
.colors-container {
width: 888px;
padding-left: 64px;
}
}
.colors-container .color-swatch-tile:hover {
transform: scale(1.1);
}
.colors-container .color-swatch-tile {
transform: scale(1);
}
.selected-swatches.large-swatches {
background-color: #fefefe;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.selected-swatches.large-swatches.hidden {
visibility: hidden;
}
.selected-swatches.large-swatches .chosen-colors-container {
margin: 0 20px 20px 20px;
}
@media print, screen and (min-width: 50em) {
.selected-swatches.large-swatches .chosen-colors-container {
margin: 0 40px 20px 40px;
}
}
@media print, screen and (min-width: 75em) {
.selected-swatches.large-swatches .chosen-colors-container {
margin: 0 80px 20px 80px;
}
}
.selected-swatches.large-swatches .chosen-colors-container .fabric-section-header {
padding: 10px 0;
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
font-size: 18px;
}
.selected-swatches.large-swatches .chosen-colors-container .fabric-section-header .fa {
padding-left: 5px;
font-size: 22px;
}
.selected-swatches.large-swatches .chosen-colors-container .fabric-section-header #toggle-text {
font-size: 16px;
font-weight: 300;
}
.selected-swatches.large-swatches .panel-section {
padding-bottom: 5px;
}
.selected-swatches.large-swatches .panel {
padding: 5px 12px 5px;
}
.selected-swatches.large-swatches .order-section {
margin-top: 10px;
}
.selected-swatches.large-swatches .order-section h2 {
font-family: Inter;
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0em;
margin-bottom: 16px;
}
.selected-swatches.large-swatches .order-section .button {
width: 80%;
}
.selected-swatches.large-swatches .order-section .free-shipping {
margin-top: 10px;
color: #53A500;
font-weight: bold;
padding-bottom: 8px;
margin-bottom: 12px;
}
.selected-swatches.large-swatches .fabric-swatch-block.empty {
/* Mask: */
border: 1px solid #98A2B3;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
border-radius: 16px;
height: 164px;
padding: 0 20px;
}
.selected-swatches.large-swatches .fabric-swatch-block.empty span {
font-weight: bold;
}
.panel-section.selected-swatches.large-swatches, .panel-section.selected-swatches.small-swatches {
padding-bottom: 0px;
}
.selected-swatches.small-swatches {
background-color: #fefefe;
}
.selected-swatches.small-swatches .order-swatches {
width: 100%;
clear: both;
background-color: #FF6620;
color: #fefefe;
font-weight: bold;
min-height: 40px;
line-height: 40px;
padding-bottom: env(safe-area-inset-bottom);
}
.selected-swatches.small-swatches .order-swatches-empty {
width: 24%;
display: inline-block;
}
.selected-swatches.small-swatches .order-swatches-text {
width: 50%;
display: inline-block;
text-align: center;
}
.selected-swatches.small-swatches .order-swatches-icon {
width: 10%;
float: right;
}
.selected-swatches.small-swatches .selected-count {
display: inline-block;
}
.selected-swatches.small-swatches .selected-count.expand-active {
display: none;
}
.selected-swatches.small-swatches .swatches-section {
display: none;
}
.selected-swatches.small-swatches .swatches-section.expand-active {
display: inline;
}
.selected-swatches.small-swatches .order-swatches-icon.up {
display: inline-block;
}
.selected-swatches.small-swatches .order-swatches-icon.up.expand-active {
display: none;
}
.selected-swatches.small-swatches .order-swatches-icon.down {
display: none;
}
.selected-swatches.small-swatches .order-swatches-icon.down.expand-active {
display: inline-block;
}
.selected-swatches.small-swatches .fa-arrow-up, .selected-swatches.small-swatches .fa-arrow-down {
margin-top: 12px;
margin-right: 8px;
}
.selected-swatches.small-swatches .panel-section {
padding-bottom: 5px;
}
.selected-swatches.small-swatches .panel {
padding: 5px 5px 5px;
}
.selected-swatches.small-swatches .fabric-section {
margin-top: 30px;
}
.selected-swatches.small-swatches .order-section {
margin-top: 10px;
}
.selected-swatches.small-swatches .order-section .button {
width: 184px;
}
.selected-swatches.small-swatches .order-section .free-shipping {
margin-top: 10px;
color: #53A500;
font-weight: bold;
}
.selected-swatches.small-swatches .fabric-swatch-block.empty {
/* Mask: */
border: 1px solid #98A2B3;
border-radius: 16px;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
height: 137px;
padding: 0 20px;
}
.selected-swatches.small-swatches .fabric-swatch-block.empty span {
font-weight: bold;
}
.selected-swatches.small-swatches.expand-active {
margin-top: 0;
top: 0 !important;
}
.selected-swatches.small-swatches .toggle {
cursor: pointer;
}
.grid {
margin: 88px 112px 112px 112px;
}
.grid .grid-item {
margin-bottom: 32px;
}
.grid .grid-item img {
height: 280px;
border-radius: 16px;
}
div.orbit .orbit-container .orbit-slide {
max-height: 422px !important;
border-radius: 16px;
background-color: rgba(0, 0, 0, 0);
}
div.orbit .orbit-container .orbit-slide .color-swatch-tile {
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
border-radius: 16px;
}
div.orbit .orbit-container .orbit-slide .color-swatch-tile .image-container {
position: relative;
height: 360px;
border-radius: 16px 16px 0 0;
overflow: hidden;
}
div.orbit .orbit-container .orbit-slide .color-swatch-tile .image-container .info-container {
position: absolute;
bottom: 0;
padding: 16px 0;
background-color: rgba(0, 0, 0, 0.25);
color: #ffffff;
}
div.orbit .orbit-container .orbit-slide .color-swatch-tile .image-container .info-container .fabric {
text-overflow: ellipsis;
font-size: 18px;
font-weight: 600;
line-height: 28px;
letter-spacing: 0em;
text-align: center;
}
div.orbit .orbit-container .orbit-slide .color-swatch-tile .image-container .info-container .fabric-color {
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
text-align: center;
}
div.orbit .orbit-container .orbit-slide .color-swatch-tile .image-container .background-image {
height: 100%;
transition: transform 0.3s ease;
background-repeat: no-repeat;
background-size: cover;
}
div.orbit .orbit-container .orbit-slide .color-swatch-tile .image-container .background-image:hover {
transform: scale(1.2);
}
div.orbit .orbit-container .orbit-slide .color-swatch-tile .image-container .background-image:hover .info-container {
bottom: 10px;
}
div.orbit .orbit-container .orbit-slide .color-swatch-tile .choice-container {
background-color: #ffffff;
color: #DF4600;
border-radius: 0 0 16px 16px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 8px;
}
div.orbit .orbit-container .orbit-slide .color-swatch-tile .choice-container .choice-text {
display: flex;
align-items: center;
/* Aligns text vertically */
justify-content: center;
/* Aligns text horizontally */
height: 100%;
font-weight: 600;
font-size: 18px;
line-height: 20px;
}
div.orbit .orbit-container .orbit-slide .color-swatch-tile .choice-container:hover {
color: #ffffff;
background-color: #DF4600;
}
.remove-color-container .remove-button {
position: absolute;
z-index: 10;
color: #475467;
cursor: pointer;
right: -1rem;
top: -1rem;
font-size: 1.87em;
line-height: 1;
border-radius: 67px;
background-color: #ffffff;
padding: 0 5px;
border: 1px solid #D0D5DD;
}
.empty-swatch-container {
margin-top: 39px;
}
.empty-swatch-container span {
overflow-wrap: break-word;
}
.empty-swatch-container .choose-now {
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
margin-top: 12px;
color: #DF4600;
}
.empty-swatch-container .choose-now:hover {
color: #c43e00;
cursor: pointer;
}
.close-button.medium, .close-button {
right: 1rem;
top: 0rem;
font-size: 2em;
line-height: 1;
border-radius: 67px;
background-color: #ffffff;
padding: 0 7px;
border: 1px solid #D0D5DD;
}
.close-button.medium span, .close-button span {
height: 35px;
display: block;
}
.show-mobile-filters {
margin: 32px 20px 56px 20px;
}
.show-mobile-filters .mobile-filter-button {
width: 100%;
border: 1px solid #344054;
color: #1D2939;
background-color: #F5F3F0;
font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
}
.color-reveal-close-button {
margin-left: 5vw;
width: 90vw;
cursor: pointer;
padding: 11px 44px;
background-color: #FF6620;
color: #ffffff;
border: 1px solid #FF5000;
border-radius: 90px;
}
@media print, screen and (min-width: 50em) {
.color-reveal-close-button {
width: 471px;
margin-left: calc((100% - 471px) / 2);
}
}
.max-reveal {
position: absolute;
top: 50% !important;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90vw;
}
@media print, screen and (min-width: 50em) {
.max-reveal {
max-width: 50vw;
}
}
.max-reveal .max-4-container {
padding: 32px;
background-color: #ffffff;
border: 1px solid #808080;
border-radius: 16px;
}
.max-reveal .max-4-container .max-4-title {
margin-bottom: 8px;
}
.max-reveal .max-4-container .max-4-title h2 {
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 29px;
letter-spacing: 0em;
}
.max-reveal .max-4-container .max-4-info {
margin-bottom: 8px;
}
.max-reveal .max-4-container .max-4-info p {
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.max-reveal .max-4-container .max-4-close-button {
padding: 11px 44px;
background-color: #FF6620;
color: #ffffff;
border: 1px solid #FF5000;
border-radius: 90px;
}
.max-reveal .max-4-container .max-4-close-button:hover {
background-color: #FF5000;
border: 1px solid #FF6620;
}
.max-reveal .max-4-container .close-button {
right: 1.2rem;
top: 1.2rem;
font-size: 2em;
line-height: 1;
border-radius: 67px;
background-color: #ffffff;
padding: 0 7px;
color: #667085;
border: none;
}
.max-reveal .max-4-container .close-button:hover {
color: #000000;
}
.customer-support .back-to {
margin-bottom: 56px;
margin-top: 0px;
}
@media print, screen and (min-width: 50em) {
.customer-support .back-to {
margin-bottom: 120px;
margin-top: 56px;
}
}
.customer-support .cs-header {
margin: 32px;
padding: 0px;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-header {
margin: 56px 112px 56px 112px;
}
}
.customer-support .cs-header .title h2 {
font-size: 22px;
font-weight: 700;
line-height: 30px;
font-family: Manrope;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-header .title h2 {
font-size: 30px;
font-weight: 600;
line-height: 38px;
}
}
.customer-support .cs-header .title h3 {
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-header .title h3 {
font-size: 20px;
line-height: 30px;
}
}
.customer-support .cs-header .sub-title p {
font-family: Inter;
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0em;
}
.customer-support .cs-type-section {
margin: 0 20px 56px 20px;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section {
margin: 0 56px 112px 56px;
}
}
@media print, screen and (min-width: 75em) {
.customer-support .cs-type-section {
margin: 0 112px 112px 112px;
}
}
.customer-support .cs-type-section .cs-type-container {
width: 100%;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section .cs-type-container {
width: calc(100% - 328px);
}
}
.customer-support .cs-type-section .cs-type-container .cs-column {
margin-bottom: 32px;
}
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content {
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
border-radius: 8px;
}
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .header-img {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 75px;
border-radius: 8px 8px 0 0;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .header-img {
height: 100px;
}
}
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .cs-type {
background-color: #FBFAF9;
padding: 24px;
}
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .cs-type .header-img {
width: 100%;
height: 100px;
border-radius: 8px 8px 0 0;
}
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .cs-type .title {
font-size: 20px;
line-height: 28px;
font-family: Manrope;
font-weight: 600;
letter-spacing: 0em;
color: #101828;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .cs-type .title {
font-size: 22px;
line-height: 38px;
}
}
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .cs-type .info {
margin-bottom: 24px;
margin-top: 16px;
}
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .cs-type .info p {
margin-bottom: 0px;
font-weight: 400;
line-height: 28px;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .cs-type .info p {
line-height: 38px;
}
}
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .cs-type .info a {
color: #101828;
line-height: 28px;
}
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .cs-type .info a:hover {
color: #DF4600;
}
.customer-support .cs-type-section .cs-type-container .cs-column .cs-column-content .cs-type a {
color: #DF4600;
}
.customer-support .cs-type-section .cs-contact-container {
position: relative;
background-color: #F5F3F0;
width: 100%;
padding: 32px 26px 265px 32px;
margin-top: 24px;
margin-bottom: 56px;
border-radius: 8px;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section .cs-contact-container {
background-color: #E9E7E4;
width: 312px;
padding: 16px 26px 265px 32px;
margin-top: 0px;
margin-bottom: 0px;
}
}
.customer-support .cs-type-section .cs-contact-container .title {
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 38px;
margin-bottom: 16px;
}
.customer-support .cs-type-section .cs-contact-container .open {
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
margin-bottom: 32px;
}
.customer-support .cs-type-section .cs-contact-container .link {
margin-bottom: 16px;
}
.customer-support .cs-type-section .cs-contact-container .link a {
font-weight: 400;
}
.customer-support .cs-type-section .cs-contact-container .link.top a {
font-weight: 600;
}
.customer-support .cs-type-section .cs-contact-container .link.button {
margin-bottom: 16px;
padding: 10px 20px;
font-size: 16px;
width: 100%;
background-color: #FF6620;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section .cs-contact-container .link.button {
width: auto;
}
}
.customer-support .cs-type-section .cs-contact-container .link.button a {
color: #ffffff;
font-weight: 600;
}
.customer-support .cs-type-section .cs-contact-container .link.white {
border: none;
background-color: #FFFFFF;
}
.customer-support .cs-type-section .cs-contact-container .link.white a {
color: #FF5000;
line-height: 24px;
}
.customer-support .cs-type-section .cs-contact-container .sub-title {
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
margin-top: 0px;
margin-bottom: 16px;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section .cs-contact-container .sub-title {
margin-top: 32px;
}
}
.customer-support .cs-type-section .cs-contact-container .cs-operator {
width: 275px;
position: absolute;
bottom: 0px;
z-index: 10;
right: 10px;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section .cs-contact-container .cs-operator {
width: 85%;
}
}
.customer-support .cs-type-section .cs-contact-container .cs-operator-bg {
width: 90%;
position: absolute;
bottom: 0px;
right: 10px;
z-index: 2;
}
.customer-support .cs-type-section .cs-contact-container .cs-operator-block {
position: absolute;
bottom: 151px;
left: 28px;
z-index: 2;
}
.customer-support .cs-type-section .cs-contact-container .cs-operator-block .agent {
font-weight: 700;
color: #475467;
font-size: 18px;
line-height: 28px;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section .cs-contact-container .cs-operator-block .agent {
font-size: 13px;
line-height: 18px;
}
}
.customer-support .cs-type-section .cs-contact-container .cs-operator-block .role {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section .cs-contact-container .cs-operator-block .role {
font-size: 12px;
line-height: 15px;
}
}
.customer-support .cs-type-section .cs-contact-container .cs-operator-block .company {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
@media print, screen and (min-width: 50em) {
.customer-support .cs-type-section .cs-contact-container .cs-operator-block .company {
font-size: 12px;
line-height: 15px;
}
}
.customer-support .bottom-section {
margin: 32px 20px 112px 20px;
}
@media print, screen and (min-width: 50em) {
.customer-support .bottom-section {
margin: 32px 112px 112px 112px;
}
}
.customer-support .bottom-section .content-block .pre-title {
font-family: Manrope;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
color: #DF4600;
}
.customer-support .bottom-section .content-block .title {
margin-bottom: 24px;
font-family: Manrope;
font-size: 30px;
font-weight: 600;
line-height: 44px;
letter-spacing: -0.02em;
}
.customer-support .bottom-section .content-block .image {
margin-bottom: 24px;
}
.customer-support .bottom-section .content-block .image img {
border-radius: 20px;
width: 100%;
height: 100%;
}
.customer-support .bottom-section .content-block .info {
margin-bottom: 40px;
font-family: Inter;
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.customer-support .category-section {
margin-top: 5px;
}
.customer-support .category-section .category-block {
background-color: white;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
border-radius: 2px;
padding: 2px;
}
.customer-support .category-section .category-block .category-icon {
padding-top: 25px;
padding-bottom: 15px;
}
.customer-support .category-section .category-block .category-icon.two-lines {
padding-bottom: 0;
}
.customer-support .category-section .category-block img {
height: 52px;
}
.customer-support .category-section .category-block .category-text {
padding-top: 15px;
padding-bottom: 15px;
}
.customer-support .category-section .category-block .category-text.two-lines {
padding-bottom: 6px;
}
@media print, screen and (min-width: 50em) {
.customer-support .category-section .category-block .category-icon {
padding-top: 50px;
padding-bottom: 0;
}
.customer-support .category-section .category-block img {
height: 72px;
}
.customer-support .category-section .category-block .category-text, .customer-support .category-section .category-block .category-text.two-lines {
padding-top: 30px;
padding-bottom: 30px;
}
}
.customer-support .category-section .category-block:hover, .customer-support .category-section .category-block.active {
border: 2px solid #FF5000;
border-radius: 2px;
padding: 0;
}
.customer-support .accordion-item:target {
margin-top: -150px;
padding-top: 150px;
}
.customer-support .accordion-container .accordion-title {
font-size: 16px;
font-weight: 600;
padding-right: 35px;
line-height: 25px;
}
.customer-support .contact-section .contact-header, .customer-support .company-contact-section .contact-header {
font-weight: bold;
}
.customer-support .contact-section .contact-sub-header, .customer-support .company-contact-section .contact-sub-header {
padding-top: 5px;
font-size: 14px;
font-weight: lighter;
}
.customer-support .contact-section .contact-category, .customer-support .company-contact-section .contact-category {
padding-top: 20px;
font-size: 14px;
font-weight: lighter;
}
.customer-support .contact-section .contact-category img, .customer-support .company-contact-section .contact-category img {
float: left;
margin-bottom: 25px;
margin-right: 10px;
}
.customer-support .contact-section .contact-category.small-top-padding, .customer-support .company-contact-section .contact-category.small-top-padding {
padding-top: 10px;
}
.customer-support .team-section {
padding-top: 20px;
}
.customer-support .team-section .team-header {
font-weight: bold;
}
.customer-support .questions {
margin: 32px 0;
border-radius: 8px;
width: 100%;
background-color: #FFFFFF;
}
@media print, screen and (min-width: 50em) {
.customer-support .questions {
width: calc(100% - 376px);
background-color: #f5f3f0;
}
}
.customer-support .questions .mobile-accordion-bg {
background-color: #FFFFFF !important;
}
@media print, screen and (min-width: 50em) {
.customer-support .questions .mobile-accordion-bg {
background-color: #f5f3f0 !important;
}
}
.customer-support .questions .questions-container {
padding: 0 8px;
}
@media print, screen and (min-width: 50em) {
.customer-support .questions .questions-container {
padding: 0 32px;
}
}
.customer-support .questions .questions-container p {
color: #475467;
line-height: 28px;
}
.customer-support .questions .title h2 {
font-weight: 600;
margin: 32px 0px;
font-size: 22px;
text-align: center;
}
@media print, screen and (min-width: 50em) {
.customer-support .questions .title h2 {
margin: 32px;
font-size: 30px;
text-align: left;
}
}
.customer-support .questions .accordion-title {
font-family: Inter;
font-size: 18px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0em;
text-align: left;
border: 0;
color: #101828;
padding: 24px 50px 24px 32px;
}
.customer-support .questions .accordion-title:focus {
background-color: transparent;
border-radius: 16px 16px 0 0;
}
.customer-support .questions .accordion-content {
border: 0;
background-color: transparent;
padding-top: 0px;
padding-left: 32px;
padding-right: 32px;
}
.customer-support .questions .accordion {
background-color: #f5f3f0;
margin-bottom: 32px;
}
.customer-support .questions .accordion-item {
margin-bottom: 20px;
border: 0;
border-bottom: 1px solid #E2E2DF;
box-shadow: none;
}
.customer-support .questions .accordion-item .full-height td.column-1 {
height: 100%;
width: 10%;
}
.customer-support .questions .accordion-item.is-active {
background-color: #ffffff;
border: 1px solid #E2E2DF;
border-radius: 16px;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.customer-support .questions .accordion-item.is-active:hover {
background-color: #ffffff;
}
.customer-support .questions .is-active > .accordion-title::before {
content: url("/img/base-images/chevron-up-g.svg");
}
.customer-support .questions .accordion-title::before {
right: 15px;
content: url("/img/base-images/chevron-down-g.svg");
}
@media print, screen and (min-width: 50em) {
.customer-support .questions .accordion-title::before {
right: 38px;
}
}
.content-template {
margin: 56px 20px 112px 20px !important;
}
@media print, screen and (min-width: 50em) {
.content-template {
margin: 56px 48px 112px 48px !important;
}
}
@media print, screen and (min-width: 75em) {
.content-template {
margin: 56px 112px 112px 112px !important;
}
}
.content-template .cs-container {
background-color: #e1dbd6;
border-radius: 16px;
width: 312px;
height: 503px;
position: relative;
}
.content-template .cs-container .title-container {
padding: 16px 29px 16px 29px;
}
.content-template .cs-container .title-container h2 {
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 33px;
letter-spacing: 0em;
}
.content-template .cs-container .opening p {
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.content-template .cs-container .contact {
padding: 0 15px;
}
.content-template .cs-container .contact a {
line-height: 32px;
}
.content-template .cs-container .cs-img {
position: absolute;
bottom: 0px;
width: 238px;
right: 32px;
z-index: 100;
}
.content-template .cs-container .cs-img-bg {
position: absolute;
bottom: 0px;
z-index: 50;
}
.content-template .cs-container .cs-block {
position: absolute;
bottom: 151px;
left: 28px;
}
.content-template .cs-container .cs-block p {
font-family: Inter;
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0em;
}
.content-template .cs-container .cs-block p b {
font-family: Inter;
font-size: 13px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0em;
}
.content-template .content-container {
width: 100%;
padding: 0px;
}
@media print, screen and (min-width: 50em) {
.content-template .content-container {
width: calc(100% - 312px);
}
}
.content-template .content-container .title-container h2 {
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
color: #101828;
}
.content-template .content-container .content {
margin-right: 0;
margin-bottom: 56px;
}
@media print, screen and (min-width: 50em) {
.content-template .content-container .content {
margin-right: 7%;
margin-bottom: 0px;
}
}
.content-template .content-container .content p {
font-family: Inter;
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
}
.content-template .content-container .content a {
line-height: 28px;
}
.content-template .content-container .content-block {
margin-top: 56px;
border-radius: 8px;
background-color: #fbfaf9;
}
.content-template .content-container .content-block .payment-description {
margin-bottom: 16px;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.content-template .content-container .content-block .payment-description b {
font-weight: 600;
}
.content-template .content-container .content-block .content {
margin: 0px;
}
.content-template .content-container .payment-cs {
margin: 56px 0px;
}
.content-template .back-to-top {
margin-top: 32px;
}
.cookie-policy {
padding: 24px 32px;
}
@media print, screen and (min-width: 75em) {
.cookie-policy {
padding: 56px 112px;
}
}
.seo-page .hero {
padding: 24px 32px;
}
@media print, screen and (min-width: 50em) {
.seo-page .hero {
padding: 56px 112px;
}
}
.seo-page .hero .type-mobile-button {
width: 100%;
margin-top: 24px;
}
@media print, screen and (min-width: 50em) {
.seo-page .hero .type-mobile-button {
width: auto;
margin-top: 5px;
padding: 11px 44px 11px 44px;
}
}
.seo-page .hero .text-container {
padding: 0px;
}
.seo-page .hero .text-container .title {
padding-right: 32px;
margin-bottom: 24px;
font-family: Manrope;
font-size: 22px;
font-weight: 700;
padding-right: 0px;
}
@media print, screen and (min-width: 50em) {
.seo-page .hero .text-container .title {
font-weight: 600;
font-size: 24px;
padding-right: 32px;
}
}
.seo-page .hero .text-container .info {
font-size: 16px;
padding-right: 0px;
}
@media print, screen and (min-width: 50em) {
.seo-page .hero .text-container .info {
font-size: 18px;
padding-right: 32px;
}
}
.seo-page .hero .image-container {
padding: 0px;
}
.seo-page .hero .image-container .image {
padding-left: 0px;
height: 150px;
box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
border-radius: 20px;
width: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media print, screen and (min-width: 50em) {
.seo-page .hero .image-container .image {
height: 320px;
}
}
@media print, screen and (min-width: 75em) {
.seo-page .hero .image-container .image {
padding-left: 32px;
height: 400px;
}
}
.seo-page .page-links {
margin: 0px;
}
@media print, screen and (min-width: 50em) {
.seo-page .page-links {
margin: 0 112px 56px 112px;
}
}
.seo-page .page-links .title {
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
margin-bottom: 0px;
}
@media print, screen and (min-width: 50em) {
.seo-page .page-links .title {
margin-bottom: 32px;
}
}
.seo-page .page-links .page-button {
border: 1px solid #df4600;
border-radius: 50px;
line-height: 40px;
font-size: 14px;
color: #df4600;
padding: 0px 32px;
}
@media print, screen and (min-width: 50em) {
.seo-page .page-links .page-button {
padding: 0px 16px;
}
}
@media print, screen and (min-width: 75em) {
.seo-page .page-links .first-column {
padding-left: 0px;
}
}
@media print, screen and (min-width: 75em) {
.seo-page .page-links .last-column {
padding-right: 0px;
}
}
.seo-page .page-links .overview-scroll-clip {
margin-top: 0px;
}
.seo-page .seo-text.main-block .seo-section .content-container-right {
padding-left: 0px;
}
@media print, screen and (min-width: 50em) {
.seo-page .seo-text.main-block .seo-section .content-container-right {
padding: 32px 0 32px 32px;
}
}
.seo-page .seo-text.main-block .seo-section .content-container-left ul li {
font-size: 18px;
}
.seo-page .seo-text.main-block .seo-section .mobile-image-container {
padding: 0px;
margin-top: 36px;
margin-bottom: 24px;
}
.seo-page .extra-info {
margin: 0 20px;
}
@media print, screen and (min-width: 50em) {
.seo-page .extra-info {
margin: 0 200px;
}
}
@media print, screen and (min-width: 75em) {
.seo-page .extra-info {
margin: 0 300px;
}
}
.seo-page .extra-info .title {
margin-top: 56px;
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
}
.seo-page .extra-info p {
font-size: 18px;
}
.seo-page .extra-info ol li,
.seo-page .extra-info ul li {
font-size: 18px;
}
.seo-page .extra-info ol li h3,
.seo-page .extra-info ul li h3 {
font-size: 18px;
font-family: Manrope;
}
.seo-page .extra-info.grey-bg {
border-radius: 20px;
margin-bottom: 96px;
padding: 32px;
margin-top: 50px;
}
.seo-page .extra-info.grey-bg .title {
margin-top: 0px;
}
.seo-page .extra-info.grey-bg li::marker {
border: 1px solid #333333;
}
.seo-page .extra-info.grey-bg .images-section {
margin-top: 48px;
margin-bottom: 44px;
position: relative;
background-color: #ffffff;
border-radius: 20px;
box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
padding: 32px 64px;
}
.seo-page .extra-info.grey-bg .images-section .magnify {
position: absolute;
top: 12px;
left: 12px;
}
.seo-page .extra-info.last-info {
margin-bottom: 56px;
}
.seo-page .scheme {
margin-bottom: 36px;
margin-top: 26px;
}
.seo-page .scheme .scheme-button {
border: 1px solid #ff5000;
border-radius: 50px;
background-color: #ffffff;
color: #ff5000;
padding: 10px 16px;
font-size: 14px;
}
.seo-page .type-cs {
padding: 32px 20px 180px 20px;
position: relative;
}
@media print, screen and (min-width: 50em) {
.seo-page .type-cs {
padding: 80px 32px 378px 32px;
}
}
.seo-page .type-cs .title {
font-family: Manrope;
margin-bottom: 16px;
font-size: 22px;
font-weight: 700;
line-height: 30px;
}
@media print, screen and (min-width: 50em) {
.seo-page .type-cs .title {
font-size: 30px;
font-weight: 600;
line-height: 38px;
}
}
.seo-page .type-cs .email span {
font-size: 20px;
font-weight: 600;
line-height: 30px;
}
.seo-page .type-cs .telephone span {
font-size: 20px;
font-weight: 600;
line-height: 30px;
}
.seo-page .type-cs .mobile-button {
margin-bottom: 16px;
background-color: #ff6620;
border-radius: 50px;
padding: 10px;
width: 100%;
}
.seo-page .type-cs .mobile-button span {
color: #ffffff;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.seo-page .type-cs p {
line-height: 18px;
margin-bottom: 24px;
}
.seo-page .type-cs .type-cs-block {
position: absolute;
bottom: 80px;
left: 40%;
transform: translateX(-100%);
}
@media print, screen and (min-width: 50em) {
.seo-page .type-cs .type-cs-block {
bottom: 218px;
left: 45%;
}
}
.seo-page .type-cs .type-cs-block p {
line-height: 18px;
}
.seo-page .type-cs .type-cs-img {
position: absolute;
bottom: 0px;
z-index: 11;
left: 50%;
transform: translateX(-50%);
}
.seo-page .type-cs .type-cs-img-bg {
position: absolute;
bottom: 0px;
z-index: 10;
left: 50%;
transform: translateX(-50%);
}
.seo-section .content-container-left {
padding-right: 0px;
}
@media print, screen and (min-width: 50em) {
.seo-section .content-container-left {
padding-right: 32px;
}
}
.seo-section ul {
margin-left: 0px;
/* Custom marker */
}
.seo-section ul li {
list-style: none;
/* Remove default markers */
padding-left: 24px;
position: relative;
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-align: left;
color: #475467;
margin: 4px 0;
}
.seo-section ul li::marker {
display: none;
/* Hide default marker */
}
.seo-section ul li::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-image: url("/img/base-images/check-mark-o.svg");
background-size: cover;
position: absolute;
top: 4px;
left: 0;
}
.contact-divider {
position: relative;
border-radius: 8px;
margin: 32px 20px 32px 20px;
padding: 32px 16px 160px 16px;
}
@media print, screen and (min-width: 50em) {
.contact-divider {
margin: 32px 0px 56px 0px;
padding: 16px 16px 16px 152px;
}
}
.contact-divider.type-cushions {
margin: 40px 20px 0 20px;
padding: 32px 16px 160px 16px;
}
@media print, screen and (min-width: 50em) {
.contact-divider.type-cushions {
margin: 50px 100px 0 100px;
padding: 16px 16px 16px 152px;
}
}
@media print, screen and (min-width: 75em) {
.contact-divider.type-cushions {
margin: 50px 112px 0 112px;
}
}
.contact-divider.category {
text-align: center;
margin: 0px 20px 0px 20px;
padding: 32px 16px 160px 16px;
}
@media print, screen and (min-width: 50em) {
.contact-divider.category {
text-align: left;
margin: 32px 112px 56px 112px;
padding: 16px 16px 16px 152px;
}
}
.contact-divider.configurator {
text-align: center;
margin: 40px 20px 40px 20px;
padding: 32px 16px 160px 16px;
}
@media print, screen and (min-width: 50em) {
.contact-divider.configurator {
text-align: left;
margin: 0px 0px 40px 0px;
padding: 16px 16px 16px 152px;
}
}
.contact-divider p {
margin-bottom: 0px;
line-height: 24px;
}
.contact-divider .divider-img {
left: 50%;
transform: translateX(-50%);
position: absolute;
bottom: 0px;
height: 140px;
width: auto;
}
@media print, screen and (min-width: 50em) {
.contact-divider .divider-img {
left: 11px;
transform: none;
}
}
.contact-divider.summary {
margin-top: 0px;
}
@media print, screen and (min-width: 50em) {
.contact-divider.summary {
margin-top: 40px;
}
}
.contact-divider.type-cushions {
margin: 32px 20px 56px 20px;
text-align: center;
}
.contact-divider.type-cushions p {
font-size: 18px;
}
@media print, screen and (min-width: 50em) {
.contact-divider.type-cushions {
text-align: left;
margin: 62px 200px 56px 200px;
}
}
@media print, screen and (min-width: 75em) {
.contact-divider.type-cushions {
margin: 84px 300px 56px 300px;
}
}
.inspiration .header h1 {
margin-bottom: 24px;
color: #101828;
font-family: Manrope;
font-size: 30px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
}
.inspiration .header p {
margin-bottom: 0px;
color: #344054;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
@media print, screen and (max-width: 49.99875em) {
.inspiration .desktop-filter .filter-column {
padding-right: 20px !important;
padding-left: 20px !important;
}
}
@media print, screen and (max-width: 49.99875em) {
.inspiration .desktop-filter .filter-column.first-column {
padding-top: 50px !important;
}
}
.inspiration .desktop-filter label {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
color: #344054;
margin-bottom: 6px;
}
.inspiration .desktop-filter select {
height: 44px;
border-radius: 8px;
color: #667085;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
@media print, screen and (min-width: 50em) {
.inspiration .filter-container {
padding: 0 56px;
margin: 0px;
}
}
@media print, screen and (min-width: 50em) {
.inspiration .filter-container {
padding: 0px;
margin: 0 112px;
}
}
.inspiration .show-more {
margin-bottom: 112px;
}
.inspiration .show-more .showing {
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
margin-bottom: 16px;
}
.inspiration .show-more .show-more-button {
color: #FF5000;
width: 290px;
border: 1px solid #FF5000;
border-radius: 50px;
padding: 10px 70px;
}
.inspiration .show-more .show-more-button:hover {
cursor: pointer;
}
.inspiration .selection-container {
padding-bottom: 15px;
}
@media print, screen and (max-width: 49.99875em) {
.inspiration .selection-container select {
margin-bottom: 5px;
}
}
@media print, screen and (min-width: 50em) {
.inspiration .selection-container div.columns {
padding-left: 15px;
}
.inspiration .selection-container div.columns:first-of-type {
padding-left: 0;
}
}
.inspiration .selection-container label {
font-size: 14px;
}
.inspiration .selection-container select {
color: #FF5000;
font-weight: bold;
}
.inspiration .selection-container .button.reset {
padding: 0.65em 1em;
}
@media print, screen and (min-width: 50em) {
.inspiration .selection-container .button.reset {
margin-top: 25px;
}
}
.inspiration .intro-header h1 {
float: left;
}
.inspiration .intro-header .nav-back {
padding-top: 6px;
float: right;
}
.inspiration .overview-scroll-clip {
position: relative;
width: 100%;
overflow: hidden;
}
.inspiration .overview-scroll-clip .nav-button {
position: absolute;
top: 50%;
margin-top: -48px;
z-index: 100000;
font-size: 48px;
color: white;
opacity: 0.9;
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FF5000;
}
.inspiration .overview-scroll-clip .nav-button.previous {
left: 15px;
}
.inspiration .overview-scroll-clip .nav-button.next {
right: 15px;
}
.inspiration .overview-scroll-clip .overview-scroll-container {
width: 100%;
white-space: nowrap;
height: 296px;
position: relative;
overflow: scroll;
overflow-y: hidden;
overflow-x: hidden;
-ms-overflow-style: none;
}
.inspiration .overview-scroll-clip .overview-scroll-container ::-webkit-scrollbar {
display: none;
}
.inspiration .overview-scroll-clip .overview-scroll-container .overview-image-container {
display: inline-block;
padding: 15px;
position: relative;
}
.inspiration .overview-scroll-clip .overview-scroll-container .overview-image-container a.thumbnail:hover, .inspiration .overview-scroll-clip .overview-scroll-container .overview-image-container a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(255, 114, 0, 0.7);
}
.inspiration .overview-scroll-clip .overview-scroll-container .overview-image-container .thumbnail {
border: none;
border-radius: 20px;
}
.inspiration .overview-scroll-clip .overview-scroll-container .overview-image-container img {
width: 250px;
height: 250px;
border-radius: 20px;
}
.inspiration .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay {
position: absolute;
top: 35px;
background-color: white;
padding: 5px;
}
.inspiration .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay p {
margin-bottom: 0;
line-height: 14px;
}
.inspiration .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay p.title {
font-weight: bold;
}
.inspiration .overview-scroll-clip .overview-scroll-container .overview-image-container .overview-image-overlay p.sub-title {
color: black;
font-size: 14px;
}
.inspiration .overview-scroll-clip .overview-scroll-container div.overview-image-container:first-of-type {
padding-left: 1px;
}
.inspiration .overview-scroll-clip .overview-scroll-container div.overview-image-container:last-of-type {
padding-right: 1px;
}
.inspiration .overview-scroll-clip .overview-scroll-container:first-child {
padding-left: 1px;
}
@media print, screen and (max-width: 49.99875em) {
.inspiration .details-container {
margin: 0 20px;
}
}
.inspiration .details-container h4 {
padding-bottom: 15px;
}
.inspiration .details-container .orbit-figure {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
height: 350px;
width: 323px;
}
@media print, screen and (min-width: 50em) {
.inspiration .details-container .orbit-figure {
height: 550px;
width: auto;
}
}
.inspiration .details-container .orbit-image {
border-radius: 16px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-height: 350px;
width: auto;
}
@media print, screen and (min-width: 50em) {
.inspiration .details-container .orbit-image {
max-height: 550px;
width: auto;
}
}
.inspiration .details-container .orbit-previous, .inspiration .details-container .orbit-next {
color: #000000;
cursor: pointer;
}
@media print, screen and (max-width: 49.99875em) {
.inspiration .details-container .orbit-previous img, .inspiration .details-container .orbit-next img {
height: 56px;
width: auto;
}
}
.inspiration .details-container .orbit-previous:hover, .inspiration .details-container .orbit-next:hover, .inspiration .details-container .orbit-previous:active, .inspiration .details-container .orbit-next:active, .inspiration .details-container .orbit-previous:focus, .inspiration .details-container .orbit-next:focus {
color: rgba(92, 92, 92, 0.5);
background-color: transparent;
}
.inspiration .details-container .orbit-bullets button {
border-radius: 20px;
height: auto;
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
background: none;
width: 80px;
}
@media print, screen and (min-width: 75em) {
.inspiration .details-container .orbit-bullets button {
width: 120px;
}
}
.inspiration .details-container .orbit-bullets button.is-active {
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
filter: none;
opacity: 1;
background: none;
}
.inspiration .details-container .orbit-bullets img {
border-radius: 20px;
height: auto;
width: 80px;
}
@media print, screen and (min-width: 75em) {
.inspiration .details-container .orbit-bullets img {
width: 120px;
}
}
.inspiration .inspiration-info-section .info-container {
padding-bottom: 30px;
}
.inspiration .inspiration-info-section .info-header {
font-weight: bold;
padding-bottom: 10px;
color: #FF5000;
}
.inspiration .inspiration-info-section .info-details {
font-size: 14px;
}
.inspiration .inspiration-info-section .info-details .info-data {
font-weight: lighter;
}
.inspiration .inspiration-info-section .info-details .customize-link {
padding-top: 5px;
text-align: center;
}
.inspiration .inspiration-info-section .info-details .customize-link a {
font-style: italic;
}
.inspiration .inspiration-info-section .panel {
border: solid 2px #FF5000;
}
.inspiration .inspiration-info-section .contact-sub-header {
padding-top: 5px;
font-size: 12px;
font-weight: lighter;
line-height: 1;
}
.inspiration .inspiration-info-section .contact-category {
padding-top: 20px;
font-size: 14px;
font-weight: lighter;
}
.inspiration .inspiration-info-section .contact-category img {
float: left;
margin-bottom: 25px;
margin-right: 10px;
}
.inspiration .inspiration-info-section .contact-category.small-top-padding {
padding-top: 10px;
}
.inspiration .inspiration-overview-image-row {
padding: 0px 12px 32px 12px;
margin-top: 72px;
}
@media print, screen and (min-width: 50em) {
.inspiration .inspiration-overview-image-row {
padding: 0px 56px 56px 56px;
}
}
@media print, screen and (min-width: 75em) {
.inspiration .inspiration-overview-image-row {
padding: 0px 96px 56px 96px;
}
}
.inspiration .inspiration-overview-image-row .image-container {
padding: 0px;
}
.inspiration .inspiration-overview-image-row .image-container .image-div {
position: relative;
border: 1px solid #EAECF0;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
border-radius: 16px;
height: 280px;
margin: 8px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media print, screen and (min-width: 50em) {
.inspiration .inspiration-overview-image-row .image-container .image-div {
margin: 16px;
}
}
.inspiration .inspiration-overview-image-row .image-container .image-div .more-photos {
position: absolute;
bottom: 16px;
left: 24px;
color: #ffffff;
font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
}
.inspiration .inspiration-overview-image-row .image-container .image-div::before {
background: linear-gradient(180deg, transparent 54.74%, rgba(0, 0, 0, 0.6) 87.71%);
content: "";
display: inline-block;
width: 100%;
height: 100%;
border-radius: 16px;
position: absolute;
top: 0px;
left: 0px;
}
.inspiration-details .title-bar .title {
margin-top: 16px;
margin-bottom: 16px;
}
@media print, screen and (min-width: 50em) {
.inspiration-details .title-bar .title {
margin-top: 32px;
margin-bottom: 32px;
}
}
.inspiration-details .header h1 {
color: #101828;
font-family: Manrope;
font-size: 22px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0em;
margin-bottom: 16px;
}
@media print, screen and (min-width: 50em) {
.inspiration-details .header h1 {
font-family: Manrope;
font-size: 30px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
margin-bottom: 24px;
}
}
.inspiration-details .header p {
margin-bottom: 32px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #475467;
}
.inspiration-details .header p .name {
font-weight: 700;
}
.inspiration-details .header p .city {
font-weight: 700;
}
.inspiration-details .orbit-wrapper {
position: relative;
}
.inspiration-details .orbit-wrapper .orbit-container {
border-radius: 16px;
height: 273px !important;
}
@media print, screen and (min-width: 50em) {
.inspiration-details .orbit-wrapper .orbit-container {
height: 554px !important;
}
}
.inspiration-details .details-container {
max-width: 1006px;
}
@media print, screen and (max-width: 49.99875em) {
.inspiration-details .details-container {
margin: 0 20px;
}
}
.inspiration-details .details-container .orbit-figure {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
height: 335px;
width: auto;
}
@media print, screen and (min-width: 50em) {
.inspiration-details .details-container .orbit-figure {
height: 554px;
width: auto;
}
}
.inspiration-details .details-container .orbit-image {
border-radius: 16px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
}
@media print, screen and (min-width: 50em) {
.inspiration-details .details-container .orbit-image {
width: 100%;
}
}
.inspiration-details .details-container .orbit-previous, .inspiration-details .details-container .orbit-next {
color: #ffffff;
font-size: 50px;
cursor: pointer;
}
@media print, screen and (max-width: 49.99875em) {
.inspiration-details .details-container .orbit-previous img, .inspiration-details .details-container .orbit-next img {
height: 56px;
width: auto;
}
}
.inspiration-details .details-container .orbit-previous:hover, .inspiration-details .details-container .orbit-next:hover, .inspiration-details .details-container .orbit-previous:active, .inspiration-details .details-container .orbit-next:active, .inspiration-details .details-container .orbit-previous:focus, .inspiration-details .details-container .orbit-next:focus {
color: rgba(92, 92, 92, 0.5);
background-color: transparent;
}
.inspiration-details .details-container .orbit-bullets .orbit-button {
height: 50px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media print, screen and (min-width: 50em) {
.inspiration-details .details-container .orbit-bullets .orbit-button {
height: 98px;
}
}
.inspiration-details .details-container .orbit-bullets button {
border-radius: 8px;
height: auto;
max-height: 102px;
-moz-filter: grayscale(40%);
-o-filter: grayscale(40%);
-ms-filter: grayscale(40%);
filter: grayscale(40%);
opacity: 0.5;
background: none;
width: 25%;
}
@media print, screen and (min-width: 50em) {
.inspiration-details .details-container .orbit-bullets button {
width: 20%;
}
}
.inspiration-details .details-container .orbit-bullets button.is-active {
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
filter: none;
opacity: 1;
border: 1px solid #000000;
}
@media print, screen and (min-width: 50em) {
.inspiration-details .details-container .orbit-bullets button.is-active {
border: 2px solid #000000;
}
}
.inspiration-details .details-container .orbit-bullets img {
border-radius: 8px;
height: auto;
width: 100%;
max-height: 98px;
}
.inspiration-details .grey-bg {
padding-bottom: 112px;
}
.inspiration-details .green-cushion {
position: absolute;
top: 0px;
right: 0px;
z-index: 2;
}
.inspiration-details .orange-cushion {
position: absolute;
bottom: -60px;
top: auto;
left: 0px;
z-index: 2;
}
.inspiration-details .customer-remarks-container {
margin-bottom: 56px;
}
@media print, screen and (min-width: 50em) {
.inspiration-details .customer-remarks-container {
margin-bottom: 112px;
}
}
@media print, screen and (max-width: 49.99875em) {
.inspiration-details .customer-remarks-container {
margin-left: 20px;
margin-right: 20px;
}
}
.inspiration-details .customer-remarks-container .remarks {
padding-top: 25px;
padding-bottom: 15px;
}
.inspiration-details .customer-remarks-container .remarks .remarks-header {
font-family: Inter;
font-size: 18px;
font-style: italic;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
color: #475467;
}
.inspiration-details .customer-remarks-container .remarks .remarks-content {
font-family: Manrope;
font-size: 18px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0em;
color: #475467;
}
.inspiration-details .customer-remarks-container .remarks .divider {
font-size: 20px;
display: inline-block;
}
.inspiration-details .customer-remarks-container .remarks .divider i {
color: #98A2B3;
}
.inspiration-details .customer-remarks-container .remarks .divider .solid {
display: inline-block;
width: 200px;
margin: 10px 20px;
color: #D0D5DD;
}
.inspiration-details .example-container {
margin: 0 auto;
margin-bottom: 39px;
}
@media print, screen and (min-width: 50em) {
.inspiration-details .example-container {
width: 100%;
}
}
@media print, screen and (min-width: 75em) {
.inspiration-details .example-container {
width: 1038px;
}
}
.inspiration-details .example-container .title {
margin-top: 88px;
margin-bottom: 22px;
}
.inspiration-details .example-container .title h2 {
font-family: Manrope;
font-size: 24px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
}
.inspiration-details .example-container .example .example-block {
position: relative;
border: 1px solid #eaecf0;
border-radius: 16px;
box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1);
}
.inspiration-details .example-container .example .image-container {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 86px;
border-radius: 16px 16px 0 0;
padding: 0px;
}
@media print, screen and (min-width: 50em) {
.inspiration-details .example-container .example .image-container {
height: 188px;
border-radius: 16px 0 0 16px;
}
}
@media print, screen and (min-width: 75em) {
.inspiration-details .example-container .example .image-container {
background-size: 180%;
height: 166px;
}
}
.inspiration-details .example-container .example .info-details {
float: left;
padding: 12px 5px 20px 20px;
}
.inspiration-details .example-container .example .info-details .info-label {
font-family: Manrope;
font-size: 18px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
color: #344054;
}
.inspiration-details .example-container .example .info-details .info-data {
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #344054;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.inspiration-details .example-container .example .info-details .customize-link {
margin-top: 12px;
}
.inspiration-details .example-container .example .example-no-block {
position: absolute;
top: 8px;
left: 8px;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 50%;
width: 32px;
height: 32px;
background: rgba(0, 0, 0, 0.5);
}
.inspiration-details .example-container .example .example-no {
position: absolute;
top: 3px;
left: 11px;
}
.business {
/* Apply transparency to the background image */
}
.business .title-bar {
background: none;
background-color: rgba(97, 99, 86, 0.1);
background-blend-mode: multiply, overlay, normal;
}
.business .title-bar::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("https://static.mypilloo.com/img/base-images/title-bar-bg.jpeg");
opacity: 0.2;
z-index: -1;
/* Place the transparent layer behind other content */
}
.business .hero .columns {
padding: 0px;
}
.business .hero .title {
margin: 56px 24px 24px 24px;
font-size: 22px;
}
@media print, screen and (min-width: 50em) {
.business .hero .title {
margin: 109px 32px 40px 32px;
font-size: 32px;
}
}
@media print, screen and (min-width: 75em) {
.business .hero .title {
margin: 109px 32px 40px 112px;
font-size: 36px;
}
}
.business .hero .text {
margin: 0 24px 20px 24px;
}
@media print, screen and (min-width: 50em) {
.business .hero .text {
margin: 40px 32px 40px 32px;
}
}
@media print, screen and (min-width: 75em) {
.business .hero .text {
margin: 40px 32px 40px 112px;
}
}
.business .hero .contact-btn {
margin: 0 24px 40px 24px;
}
@media print, screen and (min-width: 50em) {
.business .hero .contact-btn {
margin: 40px 32px 40px 32px;
}
}
@media print, screen and (min-width: 75em) {
.business .hero .contact-btn {
margin: 40px 32px 40px 112px;
}
}
.business .hero .contact-btn .mobile-contact-btn {
width: 100%;
}
@media print, screen and (min-width: 50em) {
.business .hero .contact-btn .mobile-contact-btn {
width: auto;
padding: 11px 44px 11px 44px;
}
}
.business .hero .usp-bar {
margin: 72px 40px 56px 40px;
}
@media print, screen and (min-width: 50em) {
.business .hero .usp-bar {
margin: 107px 112px 96px 112px;
}
}
.business .hero .usp-bar .usp-text {
margin-top: 20px;
}
.business .hero .orbit-section {
margin: 56px 20px 0px 20px;
}
@media print, screen and (min-width: 50em) {
.business .hero .orbit-section {
margin: 56px 32px 0px 16px;
}
}
@media print, screen and (min-width: 75em) {
.business .hero .orbit-section {
margin: 56px 32px 0px 32px;
}
}
.business .hero .orbit-section .orbit .orbit-wrapper {
position: relative;
}
.business .hero .orbit-section .orbit .orbit-wrapper .orbit-container {
border-radius: 20px;
}
.business .hero .orbit-section .orbit .orbit-wrapper .orbit-container .orbit-figure {
position: relative;
}
.business .hero .orbit-section .orbit .orbit-wrapper .orbit-controls .orbit-previous, .business .hero .orbit-section .orbit .orbit-wrapper .orbit-controls .orbit-next {
color: #ffffff;
font-size: 50px;
cursor: pointer;
}
.business .hero .orbit-section .orbit .orbit-wrapper .orbit-controls .orbit-previous:hover, .business .hero .orbit-section .orbit .orbit-wrapper .orbit-controls .orbit-next:hover, .business .hero .orbit-section .orbit .orbit-wrapper .orbit-controls .orbit-previous:active, .business .hero .orbit-section .orbit .orbit-wrapper .orbit-controls .orbit-next:active, .business .hero .orbit-section .orbit .orbit-wrapper .orbit-controls .orbit-previous:focus, .business .hero .orbit-section .orbit .orbit-wrapper .orbit-controls .orbit-next:focus {
color: rgba(92, 92, 92, 0.5);
}
.business .hero .orbit-section .orbit .orbit-bullets {
display: flex;
justify-content: center;
margin-left: 0px;
margin-right: 0px;
width: auto;
position: static;
margin-bottom: 1.1rem;
}
@media print, screen and (min-width: 50em) {
.business .hero .orbit-section .orbit .orbit-bullets {
margin-bottom: 2.2rem;
}
}
@media print, screen and (min-width: 75em) {
.business .hero .orbit-section .orbit .orbit-bullets {
margin-bottom: 0.9rem;
}
}
.business .hero .orbit-section .orbit .orbit-bullets .button-div {
width: calc(25% - 3.2px);
margin: 0 8px;
position: relative;
}
@media print, screen and (min-width: 50em) {
.business .hero .orbit-section .orbit .orbit-bullets .button-div {
width: calc(20% - 3.2px);
margin: 0 1.6px;
}
}
.business .hero .orbit-section .orbit .orbit-bullets .button-div span {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #344054;
font-weight: 500;
line-height: 38px;
font-size: 24px;
}
@media print, screen and (min-width: 50em) {
.business .hero .orbit-section .orbit .orbit-bullets .button-div span {
font-size: 30px;
}
}
.business .hero .orbit-section .orbit .orbit-bullets button {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px;
height: auto;
max-height: 98px;
margin: 0rem;
width: 100%;
height: 50px;
}
@media print, screen and (min-width: 50em) {
.business .hero .orbit-section .orbit .orbit-bullets button {
height: 87px;
}
}
@media print, screen and (min-width: 75em) {
.business .hero .orbit-section .orbit .orbit-bullets button {
height: 98px;
}
}
.business .hero .orbit-section .orbit .orbit-bullets .slide-1 {
background-image: url("/img/base-images/za07_87224c_alberosun.jpg");
}
.business .hero .orbit-section .orbit .orbit-bullets .slide-2 {
background-image: url("/img/base-images/za08_30166a_cerda_oranje.jpg");
}
.business .hero .orbit-section .orbit .orbit-bullets .slide-3 {
background-image: url("/img/base-images/za09_84763a_sunb_ss_charcoal.jpg");
}
.business .hero .orbit-section .orbit .orbit-bullets .slide-4 {
background-image: url("/img/base-images/za10_87004a_amsterdam_diamant57.jpg");
}
.business .hero .orbit-section .orbit .orbit-bullets .slide-4.filter {
opacity: 0.5;
}
.business .hero .orbit-section .orbit .orbit-bullets .slide-5 {
background-image: url("/img/base-images/za-carousel-5.jpg");
}
.business .hero .orbit-section .orbit .orbit-bullets .slide-5.filter {
opacity: 0.5;
}
.business .hero .orbit-section .orbit .orbit-bullets button.is-active {
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
filter: none;
opacity: 1;
border: 1px solid #000000;
}
.business .hero .orbit-section .orbit .orbit-bullets img {
border-radius: 20px;
height: auto;
width: 100%;
max-height: 98px;
}
.business .type-cushions {
padding: 56px 20px;
}
@media print, screen and (min-width: 50em) {
.business .type-cushions {
padding: 56px 112px;
}
}
.business .type-cushions .title {
margin-bottom: 24px;
}
.business .type-cushions .title h2 {
font-size: 30px;
font-weight: 600;
}
.business .type-cushions .title h3 {
font-family: Manrope;
font-size: 30px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
}
.business .type-cushions .title .text {
margin-bottom: 32px;
}
.business .type-cushions .type-button {
width: 100%;
margin: 0px;
font-size: 14px;
line-height: 14px;
color: #DF4600;
border: 1px solid #DF4600;
border-radius: 50px;
background-color: #f5f3f0;
display: block;
padding: 10px;
}
.business .type-cushions .type-button:hover {
color: #FFFFFF;
background-color: #DF4600;
}
.business .type-cushions .top {
margin-bottom: 0px;
}
@media print, screen and (min-width: 50em) {
.business .type-cushions .top {
margin-bottom: 112px;
}
}
.business .type-cushions .top .type-button-row {
margin-top: 32px;
}
.business .type-cushions .types .type-container {
margin-bottom: 80px;
}
.business .type-cushions .types .type-container .image {
padding: 16px 0 0 16px;
}
.business .type-cushions .types .type-container .image-container {
border-radius: 20px;
max-width: 416px;
max-height: 286px;
overflow: hidden;
}
.business .type-cushions .types .type-container .image-container img {
border-radius: 20px;
box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
}
.business .type-cushions .types .type-container .type-mobile-button {
width: 100%;
margin-top: 24px;
}
@media print, screen and (min-width: 50em) {
.business .type-cushions .types .type-container .type-mobile-button {
width: auto;
margin-top: 5px;
padding: 11px 44px 11px 44px;
}
}
.business .type-cushions .types .text p {
color: #475467;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
@media print, screen and (min-width: 50em) {
.business .type-cushions .types .text p {
font-size: 18px;
line-height: 28px;
}
}
.business .type-cushions .types .title h3 {
color: #101828;
font-family: Manrope;
font-size: 22px;
font-weight: 700;
line-height: 30px;
}
@media print, screen and (min-width: 50em) {
.business .type-cushions .types .title h3 {
font-size: 30px;
font-weight: 600;
line-height: 38px;
}
}
.business .questions {
margin: 56px 20px 96px 20px;
}
@media print, screen and (min-width: 50em) {
.business .questions {
margin: 112px;
}
}
.business .questions .title h2 {
font-size: 24px;
font-weight: 600;
margin-bottom: 16px;
}
.business .questions .text {
margin-bottom: 88px;
}
.business .questions .accordion-title {
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
border: 0;
color: #101828;
padding: 24px 72px 8px 32px;
}
.business .questions .instructions-mobile {
padding-top: 8px;
line-height: 1rem;
padding-left: 18px;
}
.business .questions .instructions-mobile .text-header {
font-size: 1.1rem;
}
.business .questions .instructions-mobile::before {
top: 22px !important;
}
.business .questions .accordion-title:focus {
background-color: transparent;
border-radius: 16px 16px 0 0;
}
.business .questions .accordion-content {
border: 0;
background-color: transparent;
padding-top: 0px;
padding-left: 32px;
padding-right: 32px;
}
.business .questions .accordion-content p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #475467;
}
.business .questions .accordion-item {
margin-bottom: 20px;
border: 0;
border-bottom: 1px solid #E2E2DF;
box-shadow: none;
}
.business .questions .accordion-item.is-active {
border: 1px solid #E2E2DF;
border-radius: 16px;
box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.business .questions .is-active > .accordion-title::before {
content: url("/img/base-images/chevron-up-g.svg");
}
.business .questions .accordion-title::before {
right: 24px;
top: 26px;
content: url("/img/base-images/chevron-down-g.svg");
}
.business .contact {
margin: 56px 20px 96px 20px !important;
}
.business .contact .mobile-button {
margin-bottom: 16px;
background-color: #FF6620;
border-radius: 50px;
padding: 10px;
width: 100%;
}
.business .contact .mobile-button span {
color: #ffffff;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
@media print, screen and (min-width: 50em) {
.business .contact {
margin: 124px 160px 160px 160px;
}
}
.business .contact .contact-form-container {
padding-right: 0px;
padding-left: 0px;
}
@media print, screen and (min-width: 50em) {
.business .contact .contact-form-container {
padding-right: 56px;
padding-left: 112px;
}
}
.business .contact .contact-form-container.contact-page {
padding-right: 15px;
padding-left: 15px;
}
@media print, screen and (min-width: 50em) {
.business .contact .contact-form-container.contact-page {
padding-right: 56px;
padding-left: 112px;
}
}
@media print, screen and (min-width: 75em) {
.business .contact .contact-form-container.contact-page {
padding-right: 56px;
padding-left: 183px;
}
}
.business .contact .contact-form-container .contact-form {
float: unset;
}
@media print, screen and (min-width: 50em) {
.business .contact .contact-form-container .contact-form {
float: right;
}
}
.business .contact .contact-form-container .contact-form .title {
margin-bottom: 24px;
}
.business .contact .contact-form-container .contact-form .title h2 {
font-weight: 600;
font-size: 30px;
line-height: 38px;
}
.business .contact .contact-form-container .contact-form .text {
margin-bottom: 28px;
}
.business .contact .contact-form-container .contact-form .text-required p {
color: #475467;
font-size: 14px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
margin-bottom: 48px;
}
.business .contact .contact-form-container .contact-form label {
font-weight: 500;
}
.business .contact .contact-form-container .contact-form .mobile-send-button {
margin-top: 10px;
line-height: 24px;
width: 100%;
margin-bottom: 56px;
}
@media print, screen and (min-width: 50em) {
.business .contact .contact-form-container .contact-form .mobile-send-button {
padding: 12px 44px;
width: auto;
margin-bottom: 5px;
}
}
.business .contact .contact-form-container .contact-form .close-button {
background-color: initial;
border: none;
padding: 0px;
right: 0.5rem;
top: 0.5rem;
}
.business .contact .question-block {
overflow: hidden;
margin-left: 0px;
position: relative;
background-color: #E1DBD6;
border-radius: 16px;
padding: 80px 32px 0 32px;
max-width: 529px;
}
@media print, screen and (min-width: 50em) {
.business .contact .question-block {
margin-left: 56px;
}
}
.business .contact .question-block .title {
font-size: 30px;
font-weight: 600;
line-height: 38px;
letter-spacing: 0em;
margin: 0 32px 24px 32px;
}
.business .contact .question-block .text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
margin: 0 32px 32px 32px;
}
.business .contact .question-block .telephone {
font-weight: 600;
font-size: 20px;
line-height: 30px;
margin-bottom: 12px;
}
.business .contact .question-block .telephone img {
width: 21px;
height: auto;
}
.business .contact .question-block .email {
font-weight: 600;
font-size: 20px;
line-height: 30px;
margin-bottom: 388px;
}
.business .contact .question-block .email img {
width: 21px;
height: auto;
}
.business .contact .question-block .signature {
position: absolute;
left: 62px;
}
.business .contact .question-block .image {
position: absolute;
left: 50%;
bottom: 0px;
}
.business .contact .question-block .cs-block {
position: absolute;
left: 32px;
bottom: 218px;
}
@media print, screen and (min-width: 75em) {
.business .contact .question-block .cs-block {
left: 62px;
}
}
.business .contact .question-block .cs-block p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
}
.business .contact .question-block .cs-block p b {
font-size: 18px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0em;
}
.business .contact .question-block .cs-img {
position: absolute;
bottom: 0px;
z-index: 3;
right: 0px;
max-width: 90%;
}
@media print, screen and (min-width: 75em) {
.business .contact .question-block .cs-img {
right: 44px;
max-width: 100%;
}
}
.business .contact .question-block .cs-img-bg {
position: absolute;
bottom: 0px;
z-index: 1;
right: -10px;
}
@media print, screen and (min-width: 75em) {
.business .contact .question-block .cs-img-bg {
right: 10px;
}
}
.error-404 {
margin-top: 56px;
}
.error-404 .title h1 {
font-size: 30px;
font-weight: 600;
line-height: 38px;
margin-bottom: 24px;
color: #101828;
}
.error-404 .info p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-bottom: 32px;
color: #475467;
}
.error-404 .links-row .type-button {
width: 100%;
margin: 0px;
font-size: 14px;
line-height: 14px;
color: #DF4600;
border: 1px solid #DF4600;
}
.error-404 .links-row .type-button:hover {
background-color: #ffffff;
}
.error-404 .search-text {
margin-top: 7px;
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
margin-bottom: 16px;
}
.error-404 .search-section {
position: relative;
}
.error-404 .search-section .search-container {
max-width: 500px;
margin: 0 auto;
}
@media print, screen and (min-width: 50em) {
.error-404 .search-section .search-container {
width: 50%;
}
}
@media print, screen and (min-width: 75em) {
.error-404 .search-section .search-container {
width: 37%;
}
}
.error-404 .search-section .search-container .search-bar {
width: calc(100% - 100px);
border-radius: 8px 0 0 8px;
padding: 10px;
}
.error-404 .search-section .search-container .search-button {
height: 39px;
width: 100px;
line-height: 20px;
background-color: #F2F4F7;
color: #475467;
padding: 10px;
border-radius: 0px 10px 10px 0px;
border: 1px solid #DDDDDD;
}
.error-404 .search-section .search-container .search-result-container-404 {
display: none;
position: absolute;
top: 39px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
z-index: 999;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
width: 60%;
padding: 14px;
overflow-y: auto;
}
.error-404 .search-section .search-container .search-result-container-404 .page-container {
padding: 8px;
margin: 8px 0px;
border-radius: 4px;
border: 1px solid #dddddd;
max-height: 75px;
overflow-y: hidden;
}
.error-404 .search-section .search-container .search-result-container-404 .page-container:hover {
background-color: #F2F4F7;
}
.error-404 .search-section .search-container .search-result-container-404 .page-container .page-image {
height: 61px;
overflow-y: hidden;
}
.error-404 .search-section .search-container .search-result-container-404 .page-container .page-info {
font-size: 14px;
color: #475467;
line-height: 20px;
padding-left: 8px;
}
.error-404 .search-section .search-container .search-result-container-404 .page-container .page-info .title {
font-weight: 700;
}
.error-404 .image-container {
margin-bottom: 96px;
}
.error-404 .image-container img {
max-height: 300px;
width: auto;
}
body {
min-width: 375px;
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.horvertalign {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.vertalign {
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
:focus {
outline: none;
}
h1 {
font-size: 30px;
line-height: 30px;
font-family: Manrope;
}
h2 {
font-size: 16px;
font-weight: 500;
line-height: 30px;
font-family: Manrope;
}
h4 {
font-size: 16px;
font-weight: bold;
line-height: 20px;
}
p {
font-size: 16px;
font-weight: 300;
line-height: 30px;
}
a {
font-weight: bold;
}
.button.primary {
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding: 12px 10px;
width: 100%;
}
@media print, screen and (min-width: 50em) {
.button.primary {
padding: 12px 32px;
width: auto;
}
}
.pad-0 {
padding: 0px !important;
}
@media print, screen and (min-width: 75em) {
.large-pad-112 {
padding: 0 112px !important;
}
}
.off-canvas {
/* Change the color of the arrow when the accordion menu is open */
}
.off-canvas .mobile-menu-header {
background-color: #ffffff;
}
.off-canvas .mobile-menu-header .logo-container {
padding: 30px 20px;
}
.off-canvas .mobile-menu-header .close-button {
right: 1.2rem;
top: 1.2rem;
font-size: 1.5em;
line-height: 1;
border-radius: 67px;
background-color: #ffffff;
padding: 0 7px;
color: #000000;
border: none;
}
.off-canvas .mobile-menu-header .close-button .close-text {
font-family: Inter;
font-size: 10px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0em;
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -15px;
}
.off-canvas .mobile-menu-header .close-button:hover {
color: #000000;
}
.off-canvas .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a {
color: #DF4600;
}
.off-canvas .accordion-menu .is-accordion-submenu-parent > a:after {
border: none;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' fill='#667085' width='15'%3E%3Cg transform='translate(0,0) scale(.03)'%3E%3Cpath d='M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/g%3E%3C/svg%3E");
transform-origin: center;
width: 15px;
height: 15px;
}
.off-canvas .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a:after {
border: none;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' fill='#DF4600' width='15'%3E%3Cg transform='translate(0,0) scale(.03)'%3E%3Cpath d='M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/g%3E%3C/svg%3E");
transform-origin: center;
width: 15px;
height: 15px;
}
.off-canvas .mobile-menu-footer {
background-color: #ffffff;
box-shadow: 0 -1px #ffffff;
}
.off-canvas .mobile-menu-footer .call-button .button {
width: 90%;
}
.off-canvas .mobile-menu-footer .lang-select {
margin-bottom: 24px;
}
.off-canvas .mobile-menu-footer .lang-select .dropdown-pane {
border: 1px solid #EAECF0;
width: 125px;
left: 0px;
}
.off-canvas .mobile-menu-footer .lang-select .dropdown-pane span {
color: #475467;
}
.off-canvas .mobile-menu-footer .lang-select .dropdown-pane span img {
max-width: 26px;
}
.off-canvas .mobile-menu-footer .lang-select .lang-container {
float: none;
margin: 0 auto;
min-width: 81px;
}
.off-canvas .mobile-menu-footer .lang-select .lang-container .lang-options {
background-color: #ffffff;
color: #475467;
width: 100%;
}
.off-canvas .mobile-menu-footer .lang-select .lang-container .lang-options img {
max-width: 26px;
}
.off-canvas .mobile-menu-footer .opening-times {
margin-bottom: 24px;
}
.off-canvas li {
padding-bottom: 0px;
}
.off-canvas .basket-icon {
margin-top: -3px;
padding-top: 0;
}
.off-canvas .accordion-menu {
background-color: #ffffff;
padding-bottom: 32px;
}
.off-canvas .accordion-menu .main-item {
border-bottom: 1px solid #EAECF0;
color: #475467;
padding-top: 12px;
padding-bottom: 12px;
line-height: 24px;
}
.off-canvas .accordion-menu .main-item:hover {
color: #DF4600;
}
.left-section {
padding-bottom: 30px;
}
@media print, screen and (min-width: 75em) {
.left-section {
padding-bottom: 112px;
}
}
.button {
margin: 0;
font-size: 14px;
border-radius: 100px;
}
.button.primary, .button.primary:active, .button.primary:visited, .button.primary:focus {
color: #fefefe;
}
.button.primary.disabled, .button.primary.disabled:hover, .button.primary.disabled:active, .button.primary.disabled:visited {
opacity: 1;
background-color: #E2E2DF;
color: #999999;
}
.button.secondary.orange, .button.secondary.orange:active, .button.secondary.orange:visited {
border-color: #FF6620;
color: #FF6620;
}
.button.round, .button.round {
border-radius: 1000px;
}
.button.white {
background-color: #fefefe;
border-color: #FF6620;
}
.button.inverted {
background-color: #fefefe;
color: #FF6620;
line-height: 20px;
}
.check-vat {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: 20px;
border: 1px solid #FF6620;
}
.button.yellow {
background-color: #FED303;
}
.button.yellow:hover, .button.yellow[data-selected=true] {
background-color: #C5C2BD;
}
.button.inactive {
background-color: #E2E2DF;
color: #999999;
}
.button.no-bottom-margin {
margin: 0px 5px 0px 5px;
}
.main.columns {
padding-left: 6px;
padding-right: 6px;
}
@media print, screen and (min-width: 75em) {
.main.columns {
padding-left: 14px;
padding-right: 14px;
}
}
.green-bg {
background: #e0ede7;
}
.grey-bg {
background: #f5f3f0;
}
.yellow-bg {
background: #FED303;
}
.white-bg {
background: #fefefe;
}
.orange-text {
color: #FF6620;
}
.green-text {
color: #4CA30D;
}
.dark-text {
color: #333333;
}
.panel-section {
padding-bottom: 10px;
}
.panel-section.first {
padding-top: 20px;
}
.panel {
border-radius: 4px;
padding: 15px;
}
@media print, screen and (min-width: 75em) {
.panel {
padding: 20px 12px 20px;
}
}
.panel.shadow {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.panel.green-shadow {
/* Mask: */
border: 2px solid #53A500;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.panel.has-header {
padding: 0px 0px 0px;
}
.panel-header {
border-radius: 4px;
padding: 0px 10px 0px;
height: 40px;
line-height: 40px;
color: #999999;
background: #E2E2DF;
font-weight: bold;
}
.panel-header.no-hover:hover {
cursor: inherit;
}
.panel-header:hover {
cursor: pointer;
}
.panel-header.active {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
background: #FED303;
color: #fefefe;
}
.inner-panel {
padding: 0px 12px 15px;
}
label {
font-size: 16px;
font-weight: 300;
}
input:focus {
outline: none;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea, select {
border: 1px solid #D0D5DD;
border-radius: 4px;
}
.price-balloon, .price-balloon:hover {
background: #fefefe;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
border-radius: 100px;
color: #333333;
cursor: auto;
}
.font-light {
font-weight: 300;
}
.font-bold {
font-weight: bold;
}
.font-heavy {
font-weight: 800;
}
.font-14 {
font-size: 14px;
}
.line-30 {
line-height: 30px;
}
.line-20 {
line-height: 20px;
}
.button.zwart {
background: #000000;
}
.button.kersenrood {
background: #B32217;
}
.button.rood {
background: #D40F0E;
}
.button.bordeaux {
background: #771516;
overflow: hidden;
}
.button.hemelsblauw {
background: #B3C6D4;
}
.button.turquase {
background: #7EC1DB;
}
.fabric.button[data-selected=true] {
border: 3px solid #FED303;
margin: -1px 3px -1px -2px;
}
/* Loading indicator */
.spinner {
margin: 10px auto 0;
width: 70px;
text-align: center;
}
.spinner > div {
width: 18px;
height: 18px;
background-color: #333;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.sticky-is-stuck-large {
margin-bottom: 38px;
}
.js-cookie-consent {
position: -webkit-sticky;
position: sticky;
bottom: 0px;
padding: 5px;
margin: 0.5%;
text-align: center;
width: 99%;
z-index: 9999;
background-color: #ffffff;
border-style: solid;
border-width: 5px;
border-color: #dddddd;
opacity: 95%;
border-radius: 5px;
}
.js-cookie-consent-agree {
background-color: #ff5000;
border-style: solid;
border-width: 2px;
border-radius: 10px;
padding: 5px;
border-color: #000000;
}
.js-cookie-consent-agree:hover {
background-color: #ff8000;
border-style: solid;
border-width: 2px;
border-radius: 10px;
padding: 5px;
border-color: #ffffff;
}
.review-bubble-text {
font-size: 50px;
}
.review-checked {
color: orange;
}
.review-text {
padding-bottom: 40px;
}
.toggle-icon {
color: #000000;
float: left;
padding-right: 5px;
}
.toggle-section {
max-height: 100%;
transition: all 1s ease;
}
.toggle-section.expand {
max-height: 70px;
}
.product-configuration-vorm-wrapper .js-edit-vorm {
cursor: pointer;
color: #475467;
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.product-configuration-vorm-mobile-wrapper .js-edit-vorm {
cursor: pointer;
color: #475467;
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.product-configuration-minimize-wrapper {
max-height: 100%;
transition: all 0.3s ease;
}
.product-configuration-minimize-wrapper.expand {
max-height: 0px;
overflow: hidden;
}
.expivi-container-mobile {
padding-left: 20px;
padding-right: 20px;
}
.color-swatch-count {
background-color: #FF5000;
color: #ffffff;
padding: 4px 8px;
border-radius: 20px;
font-size: 14px;
width: 25px;
height: 25px;
}
.alert {
color: #FF5000;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.moving-text {
display: inline-block;
margin-top: 1rem;
transform: translateX(-100%);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.marquee-container {
position: relative;
width: 100%;
background: #f6f5f2;
color: #ff5000;
border: 1px solid #DDDDDD;
white-space: nowrap;
overflow: hidden;
}
.variation-container {
margin: 5px;
border: 1px solid #e0ede7;
line-height: 38px;
border-radius: 5px;
}
.variation-container label {
color: #475467;
font-size: 16px;
font-weight: 600;
}
.variation-container:hover {
border: 1px solid #164c42;
}
.active-variation {
box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
border: 1px solid #FF5000;
border-radius: 5px;
}
.slogan-header {
background-color: #ffe9df;
padding: 11px;
}
.slogan-header .tick {
color: #FF6620;
font-weight: 1000;
text-shadow: 1px 0 #FF6620;
}
.slogan-content {
font-style: normal;
font-family: "Inter";
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: #101828;
}
.slogan-content a {
color: #e0ede7;
font-style: normal;
font-weight: 700;
}
.slogan-content a:hover {
color: #ffffff;
font-style: normal;
font-weight: 700;
}
.position-left.is-transition-push {
box-shadow: none;
}
.arrow-right-w {
width: 12px !important;
height: 12px !important;
}
input[type=checkbox]:checked {
background-color: #475467;
}
.basket-page .page-margin {
margin: 16px 20px 0px 20px;
}
@media print, screen and (min-width: 50em) {
.basket-page .page-margin {
margin: 32px 56px 0 56px;
}
}
@media print, screen and (min-width: 75em) {
.basket-page .page-margin {
margin: 32px 112px 0 112px;
}
}
.basket-page .mobile-button {
width: 100%;
}
@media print, screen and (min-width: 50em) {
.basket-page .mobile-button {
width: auto;
}
}
.button-no-stock {
pointer-events: none;
opacity: 0.5;
}
#CybotCookiebotDialogPoweredbyCybot {
visibility: hidden;
}
.contact-form .form-fields {
padding-left: 0px;
}
.contact-form .form-fields label {
font-weight: normal;
}
.contact-form .form-fields input[type=text], .contact-form .form-fields input[type=email], .contact-form .form-fields input[type=tel] {
padding: 10px 14px;
color: #344054;
font-weight: 400;
font-size: 16px;
position: relative;
}
.contact-form .form-fields input[type=text].valid, .contact-form .form-fields input[type=email].valid, .contact-form .form-fields input[type=tel].valid {
background-image: url("/img/base-images/check-circle-broken.svg") !important;
background-repeat: no-repeat;
border: 1px solid #6CE9A6;
background-position: 97% 50%;
}
.contact-form .form-fields input[type=text].invalid, .contact-form .form-fields input[type=email].invalid, .contact-form .form-fields input[type=tel].invalid {
background-image: url("/img/base-images/alert-circle.svg") !important;
border: 1px solid #FF5000;
background-repeat: no-repeat;
background-position: 97% 50%;
}
.contact-form .form-fields textarea[name=comment].valid {
border: 1px solid #6CE9A6;
}
.contact-form .form-fields textarea[name=comment].invalid {
border: 1px solid #FF5000;
}
.contact-form .form-fields textarea {
resize: vertical;
}
.color-swatch-cta:hover {
background-color: #fd5600;
color: #fff;
}
.link:hover span {
color: #df5600;
}
.link:hover svg path {
fill: #df5600;
}
.furniture-button:hover {
background-color: #fd5600;
color: #fff;
}
.faq-container-mobile .title {
padding-left: 16px;
}
.hov-pointer {
cursor: pointer;
}
.no-js {
display: block;
}