html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
::after,
::before {
box-sizing: inherit;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
width: 100%;
padding-right: 8px;
padding-left: 8px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container,
.container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container,
.container-md,
.container-sm {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px;
}
}
@media (min-width: 1366px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1303px;
}
}
@media (min-width: 1600px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1520px;
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -8px;
margin-left: -8px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.col-xxl,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-auto {
position: relative;
width: 100%;
padding-right: 8px;
padding-left: 8px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-sm-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-md-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-lg-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1366px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xl-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1600px) {
.col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xxl-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xxl-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xxl-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xxl-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xxl-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xxl-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xxl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xxl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xxl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xxl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xxl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xxl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xxl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xxl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xxl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xxl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xxl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xxl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xxl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xxl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xxl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xxl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xxl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xxl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xxl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xxl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xxl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xxl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xxl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xxl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.333333%;
}
.offset-xxl-2 {
margin-left: 16.666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.333333%;
}
.offset-xxl-5 {
margin-left: 41.666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.333333%;
}
.offset-xxl-8 {
margin-left: 66.666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.333333%;
}
.offset-xxl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1366px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1600px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xxl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1366px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1600px) {
.flex-xxl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xxl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xxl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xxl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xxl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xxl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xxl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xxl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xxl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xxl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xxl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xxl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xxl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xxl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xxl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xxl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xxl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xxl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xxl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xxl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xxl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xxl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xxl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xxl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xxl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xxl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1366px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
@media (min-width: 1600px) {
.m-xxl-0 {
margin: 0 !important;
}
.mt-xxl-0,
.my-xxl-0 {
margin-top: 0 !important;
}
.mr-xxl-0,
.mx-xxl-0 {
margin-right: 0 !important;
}
.mb-xxl-0,
.my-xxl-0 {
margin-bottom: 0 !important;
}
.ml-xxl-0,
.mx-xxl-0 {
margin-left: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.mt-xxl-1,
.my-xxl-1 {
margin-top: 0.25rem !important;
}
.mr-xxl-1,
.mx-xxl-1 {
margin-right: 0.25rem !important;
}
.mb-xxl-1,
.my-xxl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xxl-1,
.mx-xxl-1 {
margin-left: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.mt-xxl-2,
.my-xxl-2 {
margin-top: 0.5rem !important;
}
.mr-xxl-2,
.mx-xxl-2 {
margin-right: 0.5rem !important;
}
.mb-xxl-2,
.my-xxl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xxl-2,
.mx-xxl-2 {
margin-left: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.mt-xxl-3,
.my-xxl-3 {
margin-top: 1rem !important;
}
.mr-xxl-3,
.mx-xxl-3 {
margin-right: 1rem !important;
}
.mb-xxl-3,
.my-xxl-3 {
margin-bottom: 1rem !important;
}
.ml-xxl-3,
.mx-xxl-3 {
margin-left: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.mt-xxl-4,
.my-xxl-4 {
margin-top: 1.5rem !important;
}
.mr-xxl-4,
.mx-xxl-4 {
margin-right: 1.5rem !important;
}
.mb-xxl-4,
.my-xxl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xxl-4,
.mx-xxl-4 {
margin-left: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.mt-xxl-5,
.my-xxl-5 {
margin-top: 3rem !important;
}
.mr-xxl-5,
.mx-xxl-5 {
margin-right: 3rem !important;
}
.mb-xxl-5,
.my-xxl-5 {
margin-bottom: 3rem !important;
}
.ml-xxl-5,
.mx-xxl-5 {
margin-left: 3rem !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.pt-xxl-0,
.py-xxl-0 {
padding-top: 0 !important;
}
.pr-xxl-0,
.px-xxl-0 {
padding-right: 0 !important;
}
.pb-xxl-0,
.py-xxl-0 {
padding-bottom: 0 !important;
}
.pl-xxl-0,
.px-xxl-0 {
padding-left: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.pt-xxl-1,
.py-xxl-1 {
padding-top: 0.25rem !important;
}
.pr-xxl-1,
.px-xxl-1 {
padding-right: 0.25rem !important;
}
.pb-xxl-1,
.py-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xxl-1,
.px-xxl-1 {
padding-left: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.pt-xxl-2,
.py-xxl-2 {
padding-top: 0.5rem !important;
}
.pr-xxl-2,
.px-xxl-2 {
padding-right: 0.5rem !important;
}
.pb-xxl-2,
.py-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xxl-2,
.px-xxl-2 {
padding-left: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.pt-xxl-3,
.py-xxl-3 {
padding-top: 1rem !important;
}
.pr-xxl-3,
.px-xxl-3 {
padding-right: 1rem !important;
}
.pb-xxl-3,
.py-xxl-3 {
padding-bottom: 1rem !important;
}
.pl-xxl-3,
.px-xxl-3 {
padding-left: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.pt-xxl-4,
.py-xxl-4 {
padding-top: 1.5rem !important;
}
.pr-xxl-4,
.px-xxl-4 {
padding-right: 1.5rem !important;
}
.pb-xxl-4,
.py-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xxl-4,
.px-xxl-4 {
padding-left: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.pt-xxl-5,
.py-xxl-5 {
padding-top: 3rem !important;
}
.pr-xxl-5,
.px-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-5,
.py-xxl-5 {
padding-bottom: 3rem !important;
}
.pl-xxl-5,
.px-xxl-5 {
padding-left: 3rem !important;
}
.m-xxl-n1 {
margin: -0.25rem !important;
}
.mt-xxl-n1,
.my-xxl-n1 {
margin-top: -0.25rem !important;
}
.mr-xxl-n1,
.mx-xxl-n1 {
margin-right: -0.25rem !important;
}
.mb-xxl-n1,
.my-xxl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xxl-n1,
.mx-xxl-n1 {
margin-left: -0.25rem !important;
}
.m-xxl-n2 {
margin: -0.5rem !important;
}
.mt-xxl-n2,
.my-xxl-n2 {
margin-top: -0.5rem !important;
}
.mr-xxl-n2,
.mx-xxl-n2 {
margin-right: -0.5rem !important;
}
.mb-xxl-n2,
.my-xxl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xxl-n2,
.mx-xxl-n2 {
margin-left: -0.5rem !important;
}
.m-xxl-n3 {
margin: -1rem !important;
}
.mt-xxl-n3,
.my-xxl-n3 {
margin-top: -1rem !important;
}
.mr-xxl-n3,
.mx-xxl-n3 {
margin-right: -1rem !important;
}
.mb-xxl-n3,
.my-xxl-n3 {
margin-bottom: -1rem !important;
}
.ml-xxl-n3,
.mx-xxl-n3 {
margin-left: -1rem !important;
}
.m-xxl-n4 {
margin: -1.5rem !important;
}
.mt-xxl-n4,
.my-xxl-n4 {
margin-top: -1.5rem !important;
}
.mr-xxl-n4,
.mx-xxl-n4 {
margin-right: -1.5rem !important;
}
.mb-xxl-n4,
.my-xxl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xxl-n4,
.mx-xxl-n4 {
margin-left: -1.5rem !important;
}
.m-xxl-n5 {
margin: -3rem !important;
}
.mt-xxl-n5,
.my-xxl-n5 {
margin-top: -3rem !important;
}
.mr-xxl-n5,
.mx-xxl-n5 {
margin-right: -3rem !important;
}
.mb-xxl-n5,
.my-xxl-n5 {
margin-bottom: -3rem !important;
}
.ml-xxl-n5,
.mx-xxl-n5 {
margin-left: -3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mt-xxl-auto,
.my-xxl-auto {
margin-top: auto !important;
}
.mr-xxl-auto,
.mx-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-auto,
.my-xxl-auto {
margin-bottom: auto !important;
}
.ml-xxl-auto,
.mx-xxl-auto {
margin-left: auto !important;
}
}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
.fade-enter-active[data-v-5c64ecd1],
.fade-leave-active[data-v-5c64ecd1] {
transition: 150ms opacity;
}
.fade-enter[data-v-5c64ecd1],
.fade-leave-to[data-v-5c64ecd1] {
opacity: 0;
}
.slide-enter-active[data-v-5c64ecd1],
.slide-leave-active[data-v-5c64ecd1] {
transition: 200ms transform;
}
.slide-enter[data-v-5c64ecd1],
.slide-leave-to[data-v-5c64ecd1] {
transform: translateX(100%);
}
.mini-cart[data-v-5c64ecd1] {
position: fixed;
z-index: 101;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mini-cart__overlay[data-v-5c64ecd1] {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.mini-cart__icon[data-v-5c64ecd1] {
display: block;
}
.mini-cart__icon.-bag[data-v-5c64ecd1] {
position: relative;
width: 22px;
height: 22px;
}
.mini-cart__icon.-bag .cart-count[data-v-5c64ecd1] {
position: absolute;
top: -12px;
left: 20px;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #db0000;
}
.mini-cart__icon.-close[data-v-5c64ecd1] {
width: 30px;
height: 30px;
}
.mini-cart__icon.-bigBag[data-v-5c64ecd1] {
width: 55px;
height: 55px;
opacity: 0.1;
}
.mini-cart__icon.-remove[data-v-5c64ecd1] {
width: 21px;
height: 21px;
}
@media (min-width: 1366px) {
.mini-cart__icon.-remove[data-v-5c64ecd1] {
width: 21px;
height: 21px;
}
}
.mini-cart__icon svg[data-v-5c64ecd1] {
width: 100%;
height: 100%;
vertical-align: middle;
}
.mini-cart__button[data-v-5c64ecd1] {
transition: 250ms all;
cursor: pointer;
}
.mini-cart__button.-close[data-v-5c64ecd1]:hover {
opacity: 0.7;
}
.mini-cart__button.-remove[data-v-5c64ecd1] {
margin-top: auto;
}
.mini-cart__button.-remove[data-v-5c64ecd1]:hover {
opacity: 0.7;
}
.mini-cart__button.-goToCart[data-v-5c64ecd1] {
height: 50px;
}
.mini-cart__text[data-v-5c64ecd1] {
margin-bottom: 30px;
font-family: "Nunito Sans", sans-serif;
font-size: 18px;
line-height: 23px;
font-weight: normal;
color: #000;
}
.mini-cart__wrapper[data-v-5c64ecd1] {
position: absolute;
top: 0;
right: 0;
display: flex;
flex-direction: column;
width: 394px;
height: 100vh;
background-color: #fff;
}
@media (min-width: 1366px) {
.mini-cart__wrapper[data-v-5c64ecd1] {
width: 490px;
}
}
.mini-cart__header[data-v-5c64ecd1] {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 20px;
height: 70px;
padding: 0 24px 0 20px;
}
.mini-cart__title[data-v-5c64ecd1] {
margin-right: auto;
font-family: "Nunito Sans", sans-serif;
font-size: 18px;
line-height: 23px;
font-weight: normal;
color: #000;
}
@media (min-width: 1366px) {
.mini-cart__title[data-v-5c64ecd1] {
font-size: 22px;
line-height: 28px;
}
}
.mini-cart__body[data-v-5c64ecd1] {
flex: 1;
overflow: auto;
margin: 0 8px 14px 0;
}
.mini-cart__body[data-v-5c64ecd1]::-webkit-scrollbar {
width: 3px;
}
.mini-cart__body[data-v-5c64ecd1]::-webkit-scrollbar-track {
background: #eee;
}
.mini-cart__body[data-v-5c64ecd1]::-webkit-scrollbar-thumb {
background: #000;
}
.mini-cart__body.-empty[data-v-5c64ecd1] {
margin: 0;
}
.mini-cart__loading[data-v-5c64ecd1] {
margin: 30px auto;
width: 50px;
height: 50px;
}
.mini-cart__loading img[data-v-5c64ecd1] {
width: 100%;
height: 100%;
}
.mini-cart__empty[data-v-5c64ecd1] {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
margin: 72px auto 0;
width: 300px;
}
.mini-cart__products[data-v-5c64ecd1] {
padding: 0 16px 0 24px;
}
.mini-cart__products .product[data-v-5c64ecd1] {
display: flex;
flex-direction: row;
gap: 9px;
margin-bottom: 16px;
border-bottom: 1px solid #d6d6d6;
padding-bottom: 16px;
}
.mini-cart__products .product[data-v-5c64ecd1]:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
@media (min-width: 1366px) {
.mini-cart__products .product[data-v-5c64ecd1] {
gap: 30px;
}
}
.mini-cart__products .product__area[data-v-5c64ecd1] {
flex-shrink: 0;
}
.mini-cart__products .product__area.-start[data-v-5c64ecd1] {
width: 60px;
height: 92px;
}
.mini-cart__products .product__area.-center[data-v-5c64ecd1] {
max-width: 130px;
padding: 9px 0 8px;
}
@media (min-width: 1366px) {
.mini-cart__products .product__area.-center[data-v-5c64ecd1] {
max-width: 229px;
padding: 7px 0;
}
}
.mini-cart__products .product__area.-end[data-v-5c64ecd1] {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-left: auto;
padding: 9px 0 8px;
}
@media (min-width: 1366px) {
.mini-cart__products .product__area.-end[data-v-5c64ecd1] {
padding: 7px 0 8px;
}
}
.mini-cart__products .product__image[data-v-5c64ecd1] {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.mini-cart__products .product__name[data-v-5c64ecd1] {
overflow: hidden;
margin-bottom: 8px;
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
line-height: 15px;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
color: #000;
}
@media (min-width: 1366px) {
.mini-cart__products .product__name[data-v-5c64ecd1] {
margin-bottom: 5px;
font-size: 14px;
line-height: 18px;
}
}
.mini-cart__products .product__variants .variant[data-v-5c64ecd1] {
display: inline-grid;
grid-template-columns: auto auto;
-moz-column-gap: 7px;
column-gap: 7px;
row-gap: 8px;
font-family: "Nunito Sans", sans-serif;
font-size: 10px;
line-height: 12px;
color: #000;
}
@media (min-width: 1366px) {
.mini-cart__products .product__variants .variant[data-v-5c64ecd1] {
-moz-column-gap: 13px;
column-gap: 13px;
row-gap: 5px;
font-size: 12px;
line-height: 15px;
}
}
.mini-cart__products .product__variants .variant__label[data-v-5c64ecd1] {
color: #626262;
}
.mini-cart__products .product__price.-sale[data-v-5c64ecd1] {
margin-bottom: 1px;
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
line-height: 15px;
color: #000;
}
@media (min-width: 1366px) {
.mini-cart__products .product__price.-sale[data-v-5c64ecd1] {
font-size: 14px;
line-height: 18px;
}
}
.mini-cart__products .product__price.-label[data-v-5c64ecd1] {
margin-bottom: 2px;
font-family: "Nunito Sans", sans-serif;
font-size: 11px;
line-height: 14px;
text-decoration: line-through;
color: #000;
opacity: 0.5;
}
.mini-cart__products .product__price.-season[data-v-5c64ecd1] {
font-family: "Nunito Sans", sans-serif;
font-size: 10px;
line-height: 11px;
color: #000;
text-decoration: line-through;
opacity: 0.5;
}
.mini-cart__footer[data-v-5c64ecd1] {
flex-shrink: 0;
margin-top: auto;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
padding: 20px 24px;
}
@media (min-width: 1366px) {
.mini-cart__footer[data-v-5c64ecd1] {
padding: 20px 24px 30px;
}
}
.mini-cart__total[data-v-5c64ecd1] {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.mini-cart__total.-cargo[data-v-5c64ecd1] {
margin-bottom: 26px;
}
@media (min-width: 1366px) {
.mini-cart__total.-cargo[data-v-5c64ecd1] {
margin-bottom: 16px;
}
}
.mini-cart__total .label[data-v-5c64ecd1],
.mini-cart__total .price[data-v-5c64ecd1] {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.32px;
color: #000;
padding: 0;
font-weight: normal;
}
.mini-cart__total .label.-payable[data-v-5c64ecd1],
.mini-cart__total .-payable.price[data-v-5c64ecd1] {
font-family: "Nunito Sans", sans-serif;
}
.mini-cart__total .label.-payable small[data-v-5c64ecd1],
.mini-cart__total .-payable.price small[data-v-5c64ecd1] {
margin-left: 7px;
font-family: "Nunito Sans", sans-serif;
font-size: 10px;
line-height: 12px;
letter-spacing: 0.2px;
}
@media (min-width: 1366px) {
.mini-cart__total .label.-payable small[data-v-5c64ecd1],
.mini-cart__total .-payable.price small[data-v-5c64ecd1] {
margin-left: 5px;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.28px;
}
}
.mini-cart__total .price.-payable[data-v-5c64ecd1] {
font-family: "Nunito Sans", sans-serif;
font-size: 18px;
line-height: 23px;
letter-spacing: 0.36px;
}
*,
*:before,
*:after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
* {
padding: 0;
margin: 0;
border: 0;
background: none;
font-kerning: auto;
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
a,
a:hover {
color: #111;
text-decoration: none;
}
*:focus {
outline: none !important;
}
input:focus,
a:focus,
button:focus {
outline: none !important;
}
ol,
ul {
list-style: none;
}
input,
textarea,
button,
select,
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[class^="nw-"]::before,
[class*=" nw-"]::before {
font-family: "NetWork" !important;
font-weight: normal;
font-style: normal;
line-height: 1;
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.nw-facebook::before {
content: "";
}
.nw-briefcase::before {
content: "";
}
.nw-store::before {
content: "";
}
.nw-help::before {
content: "";
}
.nw-arrow-angle-right::before {
content: "";
}
.nw-arrow-angle-left::before {
content: "î¤";
}
.nw-arrow-angle-down::before {
content: "";
}
.nw-arrow-angle-up::before {
content: "";
}
.nw-arrow-right::before {
content: "";
}
.nw-arrow-left::before {
content: "";
}
.nw-arrow-down::before {
content: "î¤";
}
.nw-arrow-up::before {
content: "î¤";
}
.nw-right-swipe::before {
content: "";
}
.nw-left-swipe::before {
content: "";
}
.nw-up-swipe::before {
content: "";
}
.nw-down-swipe::before {
content: "";
}
.nw-close::before {
content: "";
}
.nw-add::before {
content: "";
}
.nw-verified::before {
content: "";
}
.nw-edit::before {
content: "";
}
.nw-info::before {
content: "";
}
.nw-shopping-bag::before {
content: "";
}
.nw-search::before {
content: "";
}
.nw-show::before {
content: "î¤";
}
.nw-verified-o::before {
content: "";
}
.nw-gift::before {
content: "";
}
.nw-heart::before {
content: "";
}
.nw-heart-o::before {
content: "";
}
.nw-scissors::before {
content: "";
}
.nw-clock::before {
content: "";
}
.nw-wallet::before {
content: "";
}
.nw-cargo::before {
content: "";
}
.nw-bags::before {
content: "";
}
.nw-delete::before {
content: "";
}
.nw-user-circle::before {
content: "";
}
.nw-gift-active::before {
content: "";
}
.nw-shopping-bag2::before {
content: "î¤";
}
.nw-instagram-circle::before {
content: "";
}
.nw-facebook-circle::before {
content: "î¤";
}
.nw-twitter-circle::before {
content: "î¤";
}
.nw-youtube-circle::before {
content: "";
}
.nw-mobile::before {
content: "î¤ ";
}
.nw-mobile-app::before {
content: "";
}
.nw-order-tracking::before {
content: "";
}
@font-face {
font-family: "knockout28juniorfeatherweight";
src: url(../fonts/knockout-28-webfont.woff2) format("woff2"),
url(../fonts/knockout-28-webfont.woff) format("woff");
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-display: swap;
}
@font-face {
font-family: "knockout32juniorcruiserweight";
src: url(../fonts/knockout-32-webfont.woff2) format("woff2"),
url(../fonts/knockout-32-webfont.woff) format("woff");
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-display: swap;
}
@font-face {
font-family: "knockout49_liteweight";
src: url(../fonts/knockout-49-webfont.woff2) format("woff2"),
url(../fonts/knockout-49-webfont.woff) format("woff");
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-display: swap;
}
@font-face {
font-family: "knockout49juniorcruiserweight";
src: url(../fonts/knockout-49-webfont.woff2) format("woff2"),
url(../fonts/knockout-49-webfont.woff) format("woff");
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-display: swap;
}
@font-face {
font-family: "NetWork";
src: url(../fonts/NetWork.woff2) format("woff2"),
url(../fonts/NetWork.woff) format("woff");
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-display: swap;
}
/*!
* Bootstrap Grid v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters>.col,
.no-gutters>[class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
.d-none {
display: none !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-flex {
display: flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-flex {
display: flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
body {
font-family: "Nunito Sans", sans-serif;
overflow: visible;
overflow-x: hidden !important;
}
.no-padding {
padding: 0;
}
.pl-0 {
padding-left: 0;
}
.pr-0 {
padding-right: 0;
}
.px-0 {
padding-left: 0;
padding-right: 0;
}
.no-margin {
margin: 0;
}
.-underline {
text-decoration: underline;
}
.-discount {
color: #ff404b;
font-size: 1rem;
font-weight: 900;
}
@media (max-width: 767px) {
.-discount {
font-size: 0.875rem;
}
}
.-avenirlight {
font-family: "Nunito Sans", sans-serif;
}
.seasonInfo {
display: block;
margin-top: 3px;
color: #7f6b59;
font-family: "knockout49_liteweight";
font-size: 18px;
letter-spacing: 1px;
}
.-capitalize {
text-transform: capitalize;
}
.-d-flex {
display: flex;
}
.-scrollLock {
position: relative;
overflow: hidden;
}
.-scrollOne {
overflow: auto;
margin-right: 0.625rem;
transition: all 0.3s ease-out;
}
.-scrollOne::-webkit-scrollbar {
width: 3px;
}
.-scrollOne::-webkit-scrollbar-track {
background-color: #d8d8d8;
border-radius: 0.625rem;
}
.-scrollOne::-webkit-scrollbar-thumb {
background-color: #111;
border-radius: 0.625rem;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
[v-cloak],
[v-cloak]>* {
display: none !important;
}
.hidden {
display: none;
}
.-full {
width: 100%;
}
.-half {
width: 50%;
}
.-spinner {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../img/loading.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
}
.-spinner.-shopTheLook {
background-size: 50px;
}
.absolute {
position: absolute !important;
}
.relative {
position: relative !important;
}
.ow-hidden {
overflow: hidden;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.hidden-with-zero {
height: 0;
overflow: hidden;
}
.m-t-5 {
margin-top: 5px !important;
}
.p-t-5 {
padding-top: 5px !important;
}
.m-b-5 {
margin-bottom: 5px !important;
}
.p-b-5 {
padding-bottom: 5px !important;
}
.m-l-5 {
margin-left: 5px !important;
}
.p-l-5 {
padding-left: 5px !important;
}
.m-r-5 {
margin-right: 5px !important;
}
.p-r-5 {
padding-right: 5px !important;
}
.m-t-10 {
margin-top: 10px !important;
}
.p-t-10 {
padding-top: 10px !important;
}
.m-b-10 {
margin-bottom: 10px !important;
}
.p-b-10 {
padding-bottom: 10px !important;
}
.m-l-10 {
margin-left: 10px !important;
}
.p-l-10 {
padding-left: 10px !important;
}
.m-r-10 {
margin-right: 10px !important;
}
.p-r-10 {
padding-right: 10px !important;
}
.m-t-15 {
margin-top: 15px !important;
}
.p-t-15 {
padding-top: 15px !important;
}
.m-b-15 {
margin-bottom: 15px !important;
}
.p-b-15 {
padding-bottom: 15px !important;
}
.m-l-15 {
margin-left: 15px !important;
}
.p-l-15 {
padding-left: 15px !important;
}
.m-r-15 {
margin-right: 15px !important;
}
.p-r-15 {
padding-right: 15px !important;
}
.m-t-20 {
margin-top: 20px !important;
}
.p-t-20 {
padding-top: 20px !important;
}
.m-b-20 {
margin-bottom: 20px !important;
}
.p-b-20 {
padding-bottom: 20px !important;
}
.m-l-20 {
margin-left: 20px !important;
}
.p-l-20 {
padding-left: 20px !important;
}
.m-r-20 {
margin-right: 20px !important;
}
.p-r-20 {
padding-right: 20px !important;
}
.m-t-25 {
margin-top: 25px !important;
}
.p-t-25 {
padding-top: 25px !important;
}
.m-b-25 {
margin-bottom: 25px !important;
}
.p-b-25 {
padding-bottom: 25px !important;
}
.m-l-25 {
margin-left: 25px !important;
}
.p-l-25 {
padding-left: 25px !important;
}
.m-r-25 {
margin-right: 25px !important;
}
.p-r-25 {
padding-right: 25px !important;
}
.m-t-30 {
margin-top: 30px !important;
}
.p-t-30 {
padding-top: 30px !important;
}
.m-b-30 {
margin-bottom: 30px !important;
}
.p-b-30 {
padding-bottom: 30px !important;
}
.m-l-30 {
margin-left: 30px !important;
}
.p-l-30 {
padding-left: 30px !important;
}
.m-r-30 {
margin-right: 30px !important;
}
.p-r-30 {
padding-right: 30px !important;
}
.m-t-35 {
margin-top: 35px !important;
}
.p-t-35 {
padding-top: 35px !important;
}
.m-b-35 {
margin-bottom: 35px !important;
}
.p-b-35 {
padding-bottom: 35px !important;
}
.m-l-35 {
margin-left: 35px !important;
}
.p-l-35 {
padding-left: 35px !important;
}
.m-r-35 {
margin-right: 35px !important;
}
.p-r-35 {
padding-right: 35px !important;
}
.m-t-40 {
margin-top: 40px !important;
}
.p-t-40 {
padding-top: 40px !important;
}
.m-b-40 {
margin-bottom: 40px !important;
}
.p-b-40 {
padding-bottom: 40px !important;
}
.m-l-40 {
margin-left: 40px !important;
}
.p-l-40 {
padding-left: 40px !important;
}
.m-r-40 {
margin-right: 40px !important;
}
.p-r-40 {
padding-right: 40px !important;
}
.m-t-45 {
margin-top: 45px !important;
}
.p-t-45 {
padding-top: 45px !important;
}
.m-b-45 {
margin-bottom: 45px !important;
}
.p-b-45 {
padding-bottom: 45px !important;
}
.m-l-45 {
margin-left: 45px !important;
}
.p-l-45 {
padding-left: 45px !important;
}
.m-r-45 {
margin-right: 45px !important;
}
.p-r-45 {
padding-right: 45px !important;
}
.m-t-50 {
margin-top: 50px !important;
}
.p-t-50 {
padding-top: 50px !important;
}
.m-b-50 {
margin-bottom: 50px !important;
}
.p-b-50 {
padding-bottom: 50px !important;
}
.m-l-50 {
margin-left: 50px !important;
}
.p-l-50 {
padding-left: 50px !important;
}
.m-r-50 {
margin-right: 50px !important;
}
.p-r-50 {
padding-right: 50px !important;
}
.m-t-75 {
margin-top: 75px !important;
}
.p-t-75 {
padding-top: 75px !important;
}
.m-b-75 {
margin-bottom: 75px !important;
}
.p-b-75 {
padding-bottom: 75px !important;
}
.m-l-75 {
margin-left: 75px !important;
}
.p-l-75 {
padding-left: 75px !important;
}
.m-r-75 {
margin-right: 75px !important;
}
.p-r-75 {
padding-right: 75px !important;
}
.m-t-100 {
margin-top: 100px !important;
}
.p-t-100 {
padding-top: 100px !important;
}
.m-b-100 {
margin-bottom: 100px !important;
}
.p-b-100 {
padding-bottom: 100px !important;
}
.m-l-100 {
margin-left: 100px !important;
}
.p-l-100 {
padding-left: 100px !important;
}
.m-r-100 {
margin-right: 100px !important;
}
.p-r-100 {
padding-right: 100px !important;
}
.icheck-item input.icheck-input {
width: auto;
}
.ml-body .ml-overlay {
content: "";
position: fixed;
z-index: 1;
top: 59px;
right: 0;
bottom: 0;
left: 0;
width: 0;
height: 0;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
visibility: hidden;
}
.ml-body .page-wrapper {
transition: transform 0.3s ease;
}
.ml-body-open {
width: 100%;
overflow: hidden;
position: relative;
}
.ml-body-open .ml-overlay {
width: 100%;
height: 100%;
opacity: 0.5;
z-index: 9;
visibility: visible;
transition-delay: 0.05s;
}
.ml-body-open .page-wrapper {
transition: transform 0.3s ease;
}
.mlNav {
position: fixed;
z-index: 9999;
top: 59px;
left: 0;
width: 100%;
height: calc(100% - 59px);
max-width: 79%;
background: #fff;
transform: translate3d(-100%, 0, 0);
transition: transform 0.3s;
}
.mlNav__header {
display: flex;
justify-content: space-between;
padding: 0.9375rem;
}
.mlNav__header--close {
position: absolute;
cursor: pointer;
top: -48px;
left: 15px;
z-index: 10;
width: 40px;
height: 40px;
}
.mlNav__header--logo {
max-width: 125px;
}
.mlNav__header--userLogin {
font-size: 1.25rem;
}
.menu--open {
border-top: 0.5px solid #e2e2e2;
transform: translate3d(0, 0, 0);
}
.menu__wrap {
position: absolute;
top: 8px;
bottom: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.menu__level {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
overflow-y: scroll;
width: calc(100% + 50px);
height: 100%;
padding: 0 0 65px 0;
margin: 0;
visibility: hidden;
list-style-type: none;
}
.menu__level--current {
visibility: visible;
}
.menu__item {
display: block;
width: calc(100% - 50px);
}
.menu__item.hidden {
display: none;
}
.menu__image {
width: 13.75rem;
height: 6.875rem;
}
.menu__link {
position: relative;
display: block;
padding: 15px;
padding-bottom: 0.625rem;
padding-left: 20px;
font-family: "Nunito Sans", sans-serif;
color: #111;
text-transform: uppercase;
font-size: 1rem;
font-weight: 500;
transition: color 0.1s;
}
.menu__link[data-submenu]::after {
content: "";
position: absolute;
right: 0;
padding: 5px 1.25em;
color: gray;
font-family: "NetWork" !important;
font-size: 0.5rem;
padding-right: 27px;
}
[class^="animate-"],
[class*=" animate-"] {
visibility: visible;
}
.animate-outToRight .menu__item {
animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@keyframes outToRight {
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.animate-outToLeft .menu__item {
animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@keyframes outToLeft {
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.animate-inFromLeft .menu__item {
animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@keyframes inFromLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.animate-inFromRight .menu__item {
animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}
@keyframes inFromRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.menu__breadcrumbs {
position: relative;
padding: 2.5em 3.75em 1.5em 2.5em;
font-size: 0.65em;
line-height: 1;
}
.menu__breadcrumbs a {
display: inline-block;
font-weight: bold;
letter-spacing: 1px;
cursor: pointer;
vertical-align: middle;
text-transform: uppercase;
}
.menu__breadcrumbs a:last-child {
pointer-events: none;
}
.menu__breadcrumbs a:not(:last-child)::after {
content: "";
display: inline-block;
padding: 0 0.5em;
font-family: "feather";
}
.menu__back {
position: absolute;
z-index: 100;
width: 100%;
height: 49px;
border: none;
background: none;
color: #111;
font-size: 1rem;
text-align: left;
cursor: pointer;
}
.menu__back--hidden {
opacity: 0;
pointer-events: none;
}
.menu__login {
width: calc(100% - 50px);
display: flex;
flex-direction: column;
position: absolute;
bottom: 8px;
}
.menu__login a {
margin: 0 20px;
}
.menu__login .sign-in-up {
height: 50px;
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
line-height: 18px;
text-align: center;
letter-spacing: 0.84px;
}
.menu__loginText {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
color: #000;
padding-left: 0.5rem;
padding-top: 0.125rem;
}
.netlife {
border-bottom: 0;
}
.custom_item {
display: flex;
justify-content: space-around;
padding: 10px 10px 5px;
}
.custom_item .menu__link {
display: flex;
flex-direction: column;
padding: 0;
text-align: center;
}
.custom_item .menu__link[data-submenu]::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
}
.custom_item--icon {
font-size: 1.625rem;
}
.custom_item--text {
font-family: "Nunito Sans", sans-serif;
font-size: 0.75rem;
}
.mobileMenu__login__hr {
background-color: #eaeaea;
height: 1px;
width: 100%;
margin-top: 10px;
}
.mobileMenu__orderTracking {
display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
padding: 22px 0 21px 0;
}
.mobileMenu__orderTracking__text {
margin-right: auto;
margin-left: 12px;
font-family: "Nunito Sans", sans-serif;
font-size: 1rem;
color: #000;
}
.mobileMenu__icon {
width: 30px;
height: 30px;
margin-top: -0.25rem;
margin-left: -0.5rem;
margin-right: 0rem;
}
.mobileMenu__user {
display: flex;
position: absolute;
bottom: 20px;
padding-left: 20px;
border-bottom: none;
}
.mobileMenu__userIcon {
width: 30px;
height: 30px;
margin-top: 10px;
}
.mobileMenu__loginIcon {
margin-top: -0.25rem;
margin-left: -0.5rem;
}
.mobileMenu__text {
position: unset;
display: inline-block;
text-transform: capitalize;
color: #000;
padding-left: 5px;
padding-top: 16px;
width: 100%;
margin-left: -48px;
padding-left: 53px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mobileMenu__userName {
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
padding-bottom: 10px;
padding-top: 20px;
}
.mobileMenu__userLink {
text-transform: capitalize;
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
padding-bottom: 10px;
padding-top: 20px;
}
.mobileMenu__userLink.-logout {
text-transform: none;
}
.mobileMenu__navigation {
display: none;
height: 50px;
border-bottom: 1px solid rgba(190, 185, 185, 0.431372549);
padding-left: 16px;
padding-top: 16px;
}
.mobileMenu__backIcon {
width: 25px;
height: 25px;
margin-top: -2px;
margin-right: 8px;
}
.mobileMenu__navigationText {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
text-transform: capitalize;
}
.mobileMenu__navigationBack {
width: 100%;
height: 100vh;
top: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0);
z-index: 9999;
}
.mobileMenu__mainNav {
display: none;
}
.mobileMenu__hr {
display: none;
position: absolute;
bottom: 79px;
width: 100%;
margin: 0;
border: 0;
border-top: 1px solid #dcdcdc;
}
.nw-arrow-angle-left::before {
display: none;
}
.nw-arrow-angle-left {
display: none;
}
.autocomplete-suggestions {
position: fixed;
z-index: 9999;
display: none;
overflow: hidden;
overflow-y: auto;
box-sizing: border-box;
max-height: 100%;
height: 100%;
top: 56px !important;
padding-top: 15px;
padding-left: 20px;
border-top: solid 1px rgba(112, 112, 112, 0.1607843137);
background: #fff;
text-align: left;
cursor: default;
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
}
.autocomplete-suggestions.-cartPage {
width: 290px !important;
}
@media (min-width: 1024px) {
.autocomplete-suggestions {
padding-top: 0px;
padding-left: 0px;
cursor: pointer;
position: absolute;
top: 40px !important;
left: 0 !important;
width: 370px !important;
height: auto !important;
max-height: 250px !important;
}
}
@media (max-width: 1365px) and (min-width: 1024px) {
.autocomplete-suggestions {
width: 260px !important;
}
}
.autocomplete-suggestion {
position: relative;
padding-bottom: 15px;
overflow: hidden;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
text-transform: capitalize;
line-height: 23px;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (min-width: 1024px) {
.autocomplete-suggestion {
padding-left: 10px;
padding-top: 8px;
padding-bottom: 8px;
}
}
.autocomplete-link {
display: block;
padding: 0.625rem;
color: #4a4a4a;
}
.autocomplete-suggestion.selected {
background: #f8f8f8;
}
.o-productCard__wrapper {
display: block;
padding: 0.625rem;
font-family: "Nunito Sans", sans-serif;
}
.o-productCard__wrapper:hover .o-productCard__img {
border-color: #4a4a4a;
}
.o-productCard__wrapper:hover .o-productCard__overlay {
opacity: 1;
}
.o-productCard__top {
position: relative;
}
.o-productCard__overlay {
position: absolute;
top: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
opacity: 0;
transition: all 0.3s ease;
}
.o-productCard__favorite {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 40px;
height: 40px;
margin-right: 0.625rem;
font-size: 1.5rem;
}
.o-productCard__favorite i {
display: inline-flex;
}
.o-productCard__button {
padding: 0.3125rem 1.875rem;
font-size: 1.125rem;
}
.o-productCard__img {
border: 1px solid #dbdbdb;
display: block;
transition: border-color 0.3s ease;
}
.o-productCard__bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-top: 0.625rem;
}
.o-productCard__list {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
flex-basis: 40%;
line-height: normal;
}
.o-productCard__name {
flex-basis: 60%;
font-size: 1rem;
font-weight: 500;
line-height: 1.5em;
word-break: break-word;
}
.o-productCard__price.-salePrice {
font-size: 1rem;
}
.-discount {
color: #ff404b;
font-size: 1rem;
font-weight: 900;
}
@media (max-width: 767px) {
.-discount {
font-size: 0.875rem;
}
}
.-oldPrice {
color: #4a4a4a;
font-family: "Nunito Sans", sans-serif;
font-size: 1rem;
font-weight: 500;
text-decoration: line-through;
}
@media (max-width: 767px) {
.-oldPrice {
font-size: 0.875rem;
}
}
.-oldPrice.-small {
font-size: 0.875rem;
}
.-salePrice {
color: #111;
font-size: 1.25rem;
font-weight: 900;
white-space: nowrap;
}
@media (max-width: 767px) {
.-salePrice {
font-size: 1.125rem;
}
}
.-salePrice.-small {
font-size: 0.875rem;
}
.product-card {
display: block;
}
.product-card__image {
margin-bottom: 1.25rem;
}
.product-card__title {
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.4;
color: #000;
margin-bottom: 0.625rem;
}
.product-card__content.-prices {
display: flex;
align-items: center;
height: 2.1875rem;
}
.product-card__content.-noDiscount {
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.product-card__discountRate {
background-color: #ef4545;
width: 3.125rem;
padding: 0.5rem 0 0.4375rem;
margin-right: 0.9375rem;
color: #fff;
font-family: "Nunito Sans", sans-serif;
text-align: center;
}
.product-card__discountRate small {
font-size: 1rem;
letter-spacing: 1.6px;
}
.product-card__discountRate span {
font-size: 1.125rem;
line-height: 1;
}
.product-card__price {
display: block;
color: #000;
}
.product-card__price.-old {
opacity: 0.5;
font-family: "Nunito Sans", sans-serif;
font-size: 0.8125rem;
text-decoration: line-through;
}
.product-card__price.-sale {
font-family: "Nunito Sans", sans-serif;
font-size: 1rem;
}
.btn {
display: inline-block;
padding: 0.3125rem 0.625rem;
border: 1px solid rgba(0, 0, 0, 0);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
text-transform: uppercase;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
outline: none;
transition: background 0.3s ease;
}
.btn.-black {
background-color: #111;
color: #fff;
}
.btn.-black:hover {
background-color: #373737;
}
.btn.-border {
border-color: #4a4a4a;
transition: border-color 0.3s ease;
}
.btn.-border:hover {
border-color: #8a8a8a;
}
.btn.-white {
background-color: #fff;
color: #111;
}
.btn.-fb {
background-color: #3b539a;
color: #fff;
}
.btn.-large {
font-size: 1.25rem;
}
.btn:disabled {
cursor: not-allowed;
background-color: #666 !important;
}
.button {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.96px;
line-height: 1;
padding: 16px 35px;
border: none;
cursor: pointer;
transition: 250ms all;
}
.button.-primary {
color: #fff;
background-color: #000;
}
.button.-primary:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.button.-primary:not([disabled]):active {
background-color: #000 !important;
}
.button.-primary:not([disabled]):active * {
opacity: 0.7;
}
.button.-primary:disabled {
background-color: rgba(0, 0, 0, 0.1);
cursor: not-allowed;
}
.button.-secondary {
color: #000;
border: 1px solid #000;
}
.button.-secondary:hover {
opacity: 0.7;
}
.button.-block {
display: block;
width: 100%;
text-align: center;
}
.button.-sm {
padding-top: 13px;
padding-bottom: 13px;
}
.button.-ls0 {
letter-spacing: normal;
}
.button.-goToTop {
padding: 0;
border: 1px solid rgba(0, 0, 0, 0.4);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
bottom: 0;
right: 20px;
visibility: hidden;
opacity: 0;
transition: 250ms all;
z-index: 3;
}
@media (max-width: 767px) {
.button.-goToTop {
background-color: #fff;
}
}
.button.-goToTop.-show {
bottom: 20px;
visibility: visible;
opacity: 1;
}
html.ios.mobile .-goToTop.-show {
bottom: 40px;
}
.button.-goToTop.-default {
display: none;
text-align: center;
}
.button.-goToTop.-default svg {
position: relative;
top: 11.5px;
}
.button.-goToTop:hover {
border-color: #000;
}
.custom-checkbox,
.custom__checkbox {
display: flex;
flex-wrap: wrap;
}
.custom-checkbox__input,
.custom-checkbox input,
.custom__checkbox__input,
.custom__checkbox input {
display: none;
}
.custom-checkbox__input:not(:checked)~.custom-checkbox,
.custom-checkbox__input:not(:checked) .custom__checkbox__label,
.custom-checkbox__input:not(:checked)~label,
.custom-checkbox input:not(:checked)~.custom-checkbox,
.custom-checkbox input:not(:checked) .custom__checkbox__label,
.custom-checkbox input:not(:checked)~label,
.custom__checkbox__input:not(:checked)~.custom-checkbox,
.custom__checkbox__input:not(:checked) .custom__checkbox__label,
.custom__checkbox__input:not(:checked)~label,
.custom__checkbox input:not(:checked)~.custom-checkbox,
.custom__checkbox input:not(:checked) .custom__checkbox__label,
.custom__checkbox input:not(:checked)~label {
border-color: #dbdbdb;
}
.custom-checkbox__input:not(:checked)~.custom-checkbox:hover:not(.-disabled),
.custom-checkbox__input:not(:checked) .custom__checkbox__label:hover:not(.-disabled),
.custom-checkbox__input:not(:checked)~label:hover:not(.-disabled),
.custom-checkbox input:not(:checked)~.custom-checkbox:hover:not(.-disabled),
.custom-checkbox input:not(:checked) .custom__checkbox__label:hover:not(.-disabled),
.custom-checkbox input:not(:checked)~label:hover:not(.-disabled),
.custom__checkbox__input:not(:checked)~.custom-checkbox:hover:not(.-disabled),
.custom__checkbox__input:not(:checked) .custom__checkbox__label:hover:not(.-disabled),
.custom__checkbox__input:not(:checked)~label:hover:not(.-disabled),
.custom__checkbox input:not(:checked)~.custom-checkbox:hover:not(.-disabled),
.custom__checkbox input:not(:checked) .custom__checkbox__label:hover:not(.-disabled),
.custom__checkbox input:not(:checked)~label:hover:not(.-disabled) {
border-color: #111;
}
.custom-checkbox__input:not(:checked)~.custom-checkbox.-disabled,
.custom-checkbox__input:not(:checked) .custom__checkbox__label.-disabled,
.custom-checkbox__input:not(:checked)~label.-disabled,
.custom-checkbox input:not(:checked)~.custom-checkbox.-disabled,
.custom-checkbox input:not(:checked) .custom__checkbox__label.-disabled,
.custom-checkbox input:not(:checked)~label.-disabled,
.custom__checkbox__input:not(:checked)~.custom-checkbox.-disabled,
.custom__checkbox__input:not(:checked) .custom__checkbox__label.-disabled,
.custom__checkbox__input:not(:checked)~label.-disabled,
.custom__checkbox input:not(:checked)~.custom-checkbox.-disabled,
.custom__checkbox input:not(:checked) .custom__checkbox__label.-disabled,
.custom__checkbox input:not(:checked)~label.-disabled {
background: none;
color: #dbdbdb;
cursor: not-allowed;
border-color: #dbdbdb;
}
.custom-checkbox.-size .custom-checkbox,
.custom-checkbox.-size .custom__checkbox__input:not(:checked)~.custom-checkbox,
.custom-checkbox.-size .custom__checkbox__label,
.custom-checkbox.-size input:not(:checked)~label,
.custom__checkbox.-size .custom-checkbox,
.custom__checkbox.-size .custom__checkbox__input:not(:checked)~.custom-checkbox,
.custom__checkbox.-size .custom__checkbox__label,
.custom__checkbox.-size input:not(:checked)~label {
border: 1px solid #dbdbdb;
background-color: #fff;
color: #16161a;
}
.custom-checkbox.-size .custom-checkbox:hover,
.custom-checkbox.-size .custom__checkbox__input:not(:checked)~.custom-checkbox:hover,
.custom-checkbox.-size .custom__checkbox__label:hover,
.custom-checkbox.-size input:not(:checked)~label:hover,
.custom__checkbox.-size .custom-checkbox:hover,
.custom__checkbox.-size .custom__checkbox__input:not(:checked)~.custom-checkbox:hover,
.custom__checkbox.-size .custom__checkbox__label:hover,
.custom__checkbox.-size input:not(:checked)~label:hover {
border-color: #111;
}
.custom-checkbox.-size .custom-checkbox.-disabled,
.custom-checkbox.-size .custom__checkbox__input:not(:checked)~.custom-checkbox.-disabled,
.custom-checkbox.-size .custom__checkbox__label.-disabled,
.custom-checkbox.-size input:not(:checked)~label.-disabled,
.custom__checkbox.-size .custom-checkbox.-disabled,
.custom__checkbox.-size .custom__checkbox__input:not(:checked)~.custom-checkbox.-disabled,
.custom__checkbox.-size .custom__checkbox__label.-disabled,
.custom__checkbox.-size input:not(:checked)~label.-disabled {
background: none;
color: #dbdbdb;
cursor: not-allowed;
border-color: #dbdbdb;
}
.custom-checkbox.-size .custom-checkbox,
.custom-checkbox.-size .custom__checkbox__label,
.custom-checkbox.-size label,
.custom__checkbox.-size .custom-checkbox,
.custom__checkbox.-size .custom__checkbox__label,
.custom__checkbox.-size label {
display: inline-flex;
justify-content: center;
align-items: center;
height: 36px;
min-width: 36px;
padding: 0 0.3125rem;
border: solid 1px #111;
background-color: #111;
color: #fff;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
}
.custom-checkbox.-size .custom-checkbox.-disabled,
.custom-checkbox.-size .custom__checkbox__label.-disabled,
.custom-checkbox.-size label.-disabled,
.custom__checkbox.-size .custom-checkbox.-disabled,
.custom__checkbox.-size .custom__checkbox__label.-disabled,
.custom__checkbox.-size label.-disabled {
background: none;
color: #dbdbdb;
cursor: not-allowed;
border-color: #dbdbdb;
}
.custom-checkbox.-plain,
.custom__checkbox.-plain {
position: relative;
}
.custom-checkbox.-plain .-errMsg,
.custom__checkbox.-plain .-errMsg {
width: 100%;
}
.custom-checkbox.-plain .custom-checkbox,
.custom-checkbox.-plain .custom__checkbox__input~.custom-checkbox,
.custom-checkbox.-plain .custom__checkbox__label::before,
.custom-checkbox.-plain input~label::before,
.custom__checkbox.-plain .custom-checkbox,
.custom__checkbox.-plain .custom__checkbox__input~.custom-checkbox,
.custom__checkbox.-plain .custom__checkbox__label::before,
.custom__checkbox.-plain input~label::before {
content: "";
position: absolute;
left: 0;
display: block;
width: 23px;
height: 23px;
border: solid 1px #dbdbdb;
background-color: #fff;
cursor: pointer;
}
.custom-checkbox.-plain .custom-checkbox,
.custom-checkbox.-plain .custom__checkbox__input:hover~.custom-checkbox,
.custom-checkbox.-plain .custom__checkbox__label::before,
.custom-checkbox.-plain input:hover~label::before,
.custom__checkbox.-plain .custom-checkbox,
.custom__checkbox.-plain .custom__checkbox__input:hover~.custom-checkbox,
.custom__checkbox.-plain .custom__checkbox__label::before,
.custom__checkbox.-plain input:hover~label::before {
border: solid 1px #111;
transition: all 0.2s ease-in-out;
}
.custom-checkbox.-plain .custom-checkbox,
.custom-checkbox.-plain .custom__checkbox__input:checked~.custom-checkbox,
.custom-checkbox.-plain .custom__checkbox__label::before,
.custom-checkbox.-plain input:checked~label::before,
.custom__checkbox.-plain .custom-checkbox,
.custom__checkbox.-plain .custom__checkbox__input:checked~.custom-checkbox,
.custom__checkbox.-plain .custom__checkbox__label::before,
.custom__checkbox.-plain input:checked~label::before {
background-color: #111;
border-color: #111;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #111;
transition: all 0.2s ease-in-out;
}
.custom-checkbox.-plain .custom-checkbox,
.custom-checkbox.-plain .custom__checkbox__label,
.custom-checkbox.-plain label,
.custom__checkbox.-plain .custom-checkbox,
.custom__checkbox.-plain .custom__checkbox__label,
.custom__checkbox.-plain label {
display: flex;
align-items: center;
min-height: 23px;
padding-left: 35px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.custom-checkbox.-plain .custom-checkbox.-disabled,
.custom-checkbox.-plain .custom__checkbox__label.-disabled,
.custom-checkbox.-plain label.-disabled,
.custom__checkbox.-plain .custom-checkbox.-disabled,
.custom__checkbox.-plain .custom__checkbox__label.-disabled,
.custom__checkbox.-plain label.-disabled {
background: none;
color: #dbdbdb;
cursor: not-allowed;
border-color: #dbdbdb;
}
.m-variation {
margin: 0 0 0.9375rem 0;
}
.m-variation__item {
display: inline-block;
width: 1.875rem;
height: 1.875rem;
padding: 3px 0 0 3px;
border: 1px solid #dbdbdb;
cursor: pointer;
border-radius: 50%;
transition: all 0.2s ease-in-out;
}
.m-variation__item--color {
display: block;
width: 22px;
height: 22px;
border-radius: 50%;
}
.m-variation__item:hover,
.m-variation__item.-active {
border-color: #111;
}
.m-variation__item.-small {
width: 1.25rem;
height: 1.25rem;
padding: 2px 0 0 2px;
}
.m-variation__item.-small .m-variation__item--color {
width: 14px;
height: 14px;
}
.select-list {
position: relative;
display: inline-flex;
flex-wrap: wrap;
}
.select-list .select-control {
width: 100%;
height: 45px;
padding: 0 35px 0 0.625rem;
border: 1px solid #dbdbdb;
background: #f8f8f8;
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
border-radius: 0;
outline: none;
-webkit-appearance: none;
}
.select-list .select-control:disabled {
cursor: not-allowed;
}
.select-list .select-control::-ms-expand {
display: none;
}
.select-list .select-control.-err {
border-color: #ff404b;
}
.select-list::after {
content: "î¤";
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 2px 0.625rem;
font-family: "NetWork";
font-size: 0.9375rem;
line-height: 45px;
pointer-events: none;
}
.m-quantity__btn {
display: flex;
justify-content: space-between;
align-items: stretch;
width: 110px;
border: 1px solid #dbdbdb;
font-size: 1.125rem;
}
.m-quantity__btn--dec {
border-right: 1px solid #dbdbdb;
}
.m-quantity__btn--inc {
border-left: 1px solid #dbdbdb;
}
.m-quantity__btn button {
width: 35px;
height: 35px;
color: #888;
font-size: 1.5rem;
cursor: pointer;
}
.m-quantity__btn span {
align-self: center;
}
.custom-radio {
position: absolute;
display: none;
opacity: 0;
}
.custom-radio~.custom-radio-label {
position: relative;
display: block;
height: 21px;
padding-left: 28px;
line-height: 24px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.custom-radio~.custom-radio-label:before {
content: "";
position: absolute;
z-index: 1;
top: 6px;
left: 3px;
width: 0.9375rem;
height: 0.9375rem;
border-radius: 50%;
background: #111;
opacity: 0;
transform: scale(0.4);
transition: all 0.3s ease;
}
.custom-radio~.custom-radio-label::after {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 21px;
height: 21px;
border: 1px solid #111;
background: #fff;
border-radius: 50%;
}
.custom-radio:checked~.custom-radio-label {
font-weight: 700;
}
.custom-radio:checked~.custom-radio-label::after {
border: 1px solid #888;
}
.custom-radio:checked~.custom-radio-label::before {
content: "";
transform: scale(1);
opacity: 1;
}
.form-control {
width: 100%;
height: 45px;
padding: 0.625rem 0.9375rem;
border: 1px solid #dbdbdb;
background: #f8f8f8;
color: #111;
font-size: 0.875rem;
font-weight: 400;
outline: none;
-webkit-appearance: none;
transition: 0.2s border ease-in-out, 0.2s background ease-in-out;
}
.form-control:focus:not(.-readonly) {
background: #fff;
border-color: #111;
}
.form-control:disabled,
.form-control.-readonly {
cursor: not-allowed;
}
.form-control.-err {
border-color: #ff404b !important;
}
.form-control.-small {
padding: 0.3125rem 0.9375rem;
}
.form-control.-textarea {
display: block;
height: 100px;
resize: none;
}
.form-control.-uppercase {
text-transform: uppercase;
}
.-errMsg {
margin: 0.625rem 0;
color: #ff404b;
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
line-height: 1.4em;
}
.-divarese .-errMsg {
color: #c60000;
font-family: "Nunito Sans", sans-serif;
}
.form-row {
margin-bottom: 1.25rem;
}
.form-row .ml-20 {
margin-left: 1.25rem;
}
.form-row .label {
display: block;
color: #111;
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
font-weight: 500;
}
.form-row em {
display: block;
margin-top: 0.3125rem;
font-size: 0.75rem;
line-height: 1.5;
}
.form-row.-mb-0 {
margin-bottom: 0;
}
.form-row__small {
line-height: 1.2em;
display: block;
margin-top: 0.3125rem;
color: #888;
font-size: 0.625rem;
}
@media (max-width: 1000px) {
select:focus,
textarea:focus,
input:focus,
select,
input,
textarea,
.form-control,
.select-control {
font-size: 16px;
}
}
.check-box__input {
display: none;
}
.check-box__input:checked+[class*="__label"] [class*="__square"] {
background-color: #000;
}
.check-box__input:checked+[class*="__label"] [class*="__text"] {
color: #000;
}
.check-box__label {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.check-box__square {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
min-width: 20px;
height: 20px;
border: 1px solid #bebebe;
margin-right: 13px;
}
.check-box__square .icon {
display: block;
}
.check-box__text {
font-family: "Nunito Sans", sans-serif;
font-size: 1rem;
line-height: 1;
color: #626262;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.check-box__text a {
color: #626262;
text-decoration: underline;
}
.check-box.-filter .check-box__square {
margin-right: 10px;
}
.check-box.-filter .check-box__text {
overflow: hidden;
max-width: 185px;
padding: 2px 0;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: uppercase;
}
.check-box.-mobileFilter .check-box__input:checked+.check-box__label .check-box__square {
background-color: rgba(0, 0, 0, 0);
}
.check-box.-mobileFilter .check-box__input:checked+.check-box__label .check-box__square .icon {
display: block;
}
.check-box.-mobileFilter .check-box__input:checked+.check-box__label .check-box__text {
font-family: "Nunito Sans", sans-serif;
}
.check-box.-mobileFilter .check-box__label {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
height: 50px;
padding-left: 21px;
padding-right: 22px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border-bottom: 1px solid #eaeaea;
}
.check-box.-mobileFilter .check-box__square {
border: none;
}
.check-box.-mobileFilter .check-box__square .icon {
display: none;
}
.check-box.-mobileFilter .check-box__text {
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
text-transform: uppercase;
}
.customer-address-select {
background-color: #fff !important;
height: 40px !important;
}
.customer-address-option {
color: #545454;
font-size: 13px;
font-family: "Nunito Sans", sans-serif;
}
.select-address::after {
display: block;
width: 12px;
height: 12px;
background: url(https://img-network.mncdn.com/assets/images/select-arrow.png) no-repeat left bottom;
content: " ";
position: absolute;
top: 17px;
margin-top: -2px;
right: -2px;
background-size: 60%;
}
.address-text {
min-height: 238px !important;
}
.address-form-submit {
width: 390px !important;
}
.address-invoice-checkbox {
font-size: 14px !important;
color: #707070 !important;
}
.address-invoice-area {
display: flex !important;
flex-direction: column-reverse;
}
.address-checkbox-label {
margin-bottom: 0px !important;
}
.newAddressForm .row {
margin-bottom: 12px !important;
}
.address-alert-box {
padding: 20px;
background-color: #f44336;
color: #fff;
position: fixed;
bottom: 70px;
right: 30px;
min-width: 350px;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
padding-top: 22px;
}
.address-alert-close {
margin-left: 15px;
color: #fff;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.address-alert-close:hover {
color: #000;
}
.network-notify {
position: fixed;
z-index: 5;
right: 40px;
bottom: 40px;
display: flex;
justify-content: space-between;
align-items: center;
max-width: 355px;
min-width: 220px;
min-height: 80px;
padding: 0.9375rem 0.9375rem 0.9375rem 1.25rem;
border: 1px solid #dbdbdb;
background-color: #efefef;
color: #000;
}
.network-notify::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 100%;
background-color: #16161a;
}
.network-notify.-error {
border-color: #ff5d5d;
}
.network-notify__content {
display: flex;
align-items: center;
}
.network-notify__options {
margin-left: 0.3125rem;
}
.network-notify__login {
font-weight: 600;
}
.network-notify__button {
padding: 0.3125rem 0.625rem;
color: #000;
cursor: pointer;
}
.network-notify__button.-error {
background-color: #fff;
color: #ff5d5d;
}
.network-notify__link {
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
letter-spacing: 0.0525rem;
color: #000;
text-decoration: underline;
display: block;
min-width: 100px;
}
.network-notify__icon {
max-width: 30px;
max-height: 30px;
margin-right: 1rem;
}
.network-notify__image {
margin-right: 27px;
}
.network-notify__text {
font-size: 1rem;
}
.network-notify__status {
margin-right: 0.625rem;
text-align: center;
border-radius: 50%;
}
.network-notify__status::before {
display: block;
width: 30px;
height: 30px;
font-weight: 700;
line-height: 30px;
}
.network-notify__status.-success {
background-color: #5dca63;
color: #fff;
font-family: "NetWork";
}
.network-notify__status.-success::before {
font-size: 0.9375rem;
}
.network-notify__status.-error {
background-color: #ff5d5d;
color: #fff;
}
.network-notify__status.-error::before {
content: "!";
font-size: 1.25rem;
}
.network-notify.-error::after {
background-color: #ff404b;
}
.m-loading {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.3s ease;
}
.m-loading::before {
content: "";
background-color: #f8f8f8;
opacity: 0.95;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.m-loading__container {
position: absolute;
z-index: 4;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease-in-out;
}
.m-loading__container.-hide {
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
}
.m-loading.-active {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.m-loading__img {
display: block;
margin: 0 auto 30px;
}
.m-loadingError {
position: absolute;
z-index: 2;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: -50px;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease-in-out;
transition-delay: 0.3s;
}
.m-loadingError.-active {
opacity: 1;
}
.m-loadingError.-active .m-loadingError__icon {
transform: none;
transition-delay: 0.35s;
}
.m-loadingError.-active .m-loadingError__title {
transform: none;
opacity: 1;
transition-delay: 0.45s;
}
.m-loadingError.-active .m-loadingError__text {
transform: none;
opacity: 1;
transition-delay: 0.6s;
}
.m-loadingError__icon {
font-size: 35px;
color: #ff404b;
border: 3px solid currentColor;
line-height: 1em;
display: inline-flex;
width: 2.3em;
height: 2.3em;
border-radius: 50%;
align-items: center;
justify-content: center;
margin-bottom: 30px;
transform: scale(0.2);
transition: all 0.4s ease-in-out;
}
.m-loadingError__title {
font-size: 1.375rem;
font-weight: 600;
color: #ff404b;
margin-bottom: 15px;
transform: translateY(40px);
opacity: 0;
transition: all 0.5s ease-in-out;
}
.m-loadingError__text {
color: #333;
font-size: 16px;
line-height: 1.4em;
max-width: 520px;
transform: translateY(40px);
opacity: 0;
transition: all 0.5s ease-in-out;
}
.pure-modal {
position: fixed;
z-index: 101;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pure-modal__overlay {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
transition: 250ms all;
}
@media (min-width: 1200px) {
.pure-modal__overlay {
background-color: rgba(0, 0, 0, 0.4);
}
}
.pure-modal__wrapper {
position: absolute;
z-index: 1;
top: 30%;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: column;
max-height: 68%;
background-color: #fff;
}
@media (min-width: 1200px) {
.pure-modal__wrapper {
max-height: 64%;
}
}
.pure-modal__header {
position: relative;
z-index: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 31px 30px 10px;
background: #fff;
}
@media (min-width: 1200px) {
.pure-modal__header {
padding: 50px 50px 20px;
max-height: 101px;
}
}
.pure-modal__icon {
margin-left: -10px;
margin-right: 7px;
}
.pure-modal__close {
position: absolute;
top: 10px;
right: 10px;
height: 30px;
cursor: pointer;
}
.pure-modal__title {
font-family: "Nunito Sans", sans-serif;
font-size: 20px;
font-weight: normal;
line-height: 26px;
}
@media (min-width: 1200px) {
.pure-modal__title {
font-size: 24px;
line-height: 31px;
}
}
.pure-modal__tools {
margin-top: auto;
margin-left: auto;
}
.pure-modal__body {
height: 100%;
overflow: auto;
padding: 0 30px;
background-color: #fff;
scrollbar-color: #000 #dedede;
scrollbar-width: thin;
}
.pure-modal__body::-webkit-scrollbar {
width: 2px;
}
.pure-modal__body::-webkit-scrollbar-track {
background-color: #ddd;
}
.pure-modal__body::-webkit-scrollbar-thumb {
background-color: #000;
}
@media (min-width: 1200px) {
.pure-modal__body {
padding: 0 50px;
}
}
.pure-modal__body>p {
color: #626262;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
line-height: 21px;
}
@media (min-width: 1200px) {
.pure-modal__body>p {
color: #000;
size: 18px;
line-height: 23px;
}
}
.pure-modal__footer {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
padding: 30px;
margin-top: auto;
}
@media (min-width: 1200px) {
.pure-modal__footer {
padding: 40px 50px 50px;
}
}
.pure-modal.-otpModal .pure-modal__wrapper {
width: calc(100% - 40px);
min-height: 200px;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.pure-modal.-otpModal .pure-modal__wrapper {
width: 450px;
padding-bottom: 40px;
}
}
.pure-modal.-otpModal .pure-modal__header {
flex-direction: column;
align-items: flex-start;
padding: 30px 30px 0 30px;
}
@media (min-width: 768px) {
.pure-modal.-otpModal .pure-modal__header {
padding: 50px 50px 0 50px;
}
}
@media (min-width: 1200px) {
.pure-modal.-otpModal .pure-modal__header {
max-height: unset;
}
}
.pure-modal.-otpModal .pure-modal__icon {
display: flex;
margin: 0 0 20px 0;
}
.pure-modal.-otpModal .pure-modal__title {
font-family: "Nunito Sans", sans-serif;
font-size: 20px;
line-height: 22px;
color: #000;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.pure-modal.-otpModal .pure-modal__title {
padding-right: 30px;
}
}
@media (min-width: 992px) {
.pure-modal.-otpModal .pure-modal__title {
font-family: "Nunito Sans", sans-serif;
}
}
.pure-modal.-otpModal .pure-modal__close {
top: 15px;
right: 15px;
}
@media (min-width: 992px) {
.pure-modal.-otpModal .pure-modal__close {
top: 10px;
right: 10px;
}
}
.pure-modal.-otpModal .pure-modal__body {
padding: 0 30px;
}
@media (min-width: 768px) {
.pure-modal.-otpModal .pure-modal__body {
padding: 0 50px;
}
}
.pure-modal.-otpModal .pure-modal__body>p strong {
color: #000;
}
@media (min-width: 1200px) {
.pure-modal.-otpModal .pure-modal__body>p {
color: #626262;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
line-height: 21px;
}
}
.pure-modal.-otpModal .pure-modal__footer {
grid-template-columns: 1fr;
grid-gap: 0;
padding: 30px 30px 0 30px;
}
@media (min-width: 768px) {
.pure-modal.-otpModal .pure-modal__footer {
padding: 30px 50px 0 50px;
}
}
@media (min-width: 1200px) {
.pure-modal.-otpModal .pure-modal__footer {
grid-template-columns: 1fr;
}
}
.pure-modal.-otpModal .n-button {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
line-height: 20px;
}
.pure-modal.-otpModal .n-button.-primary.outline {
font-family: "Nunito Sans", sans-serif;
}
.pure-modal.-activationModal .pure-modal__wrapper {
width: calc(100% - 40px);
min-height: 150px;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.pure-modal.-activationModal .pure-modal__wrapper {
width: 450px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.pure-modal.-activationModal .pure-modal__wrapper {
min-height: 120px;
}
}
.pure-modal.-activationModal .pure-modal__title {
font-size: 20px;
line-height: 22px;
}
.pure-modal.-activationModal .pure-modal__body>p strong {
color: #000;
}
@media (min-width: 1200px) {
.pure-modal.-activationModal .pure-modal__body>p {
color: #626262;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
line-height: 21px;
}
}
.stickyHeader {
position: sticky;
width: 100%;
top: 0;
z-index: 100;
}
.stickyHeader.-under {
z-index: 1;
}
.stickyHeader.-under~.page-wrapper {
position: unset;
}
@media (max-width: 767px) {
.stickyHeader.-scrollDown {
position: absolute;
z-index: -1;
}
}
.header__top {
display: flex;
width: 100vw;
height: 1.875rem;
margin-top: 0.625rem;
margin-bottom: 0.3125rem;
padding-top: 0.375rem;
}
@media (max-width: 1024px) {
.header__top {
display: none;
}
}
.header__social {
display: flex;
}
.header__icon {
margin-right: 15px;
}
@media (max-width: 1024px) {
.header__icon {
margin-right: 0rem;
}
}
.header__icon.-png {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.9375rem;
}
@media (max-width: 1024px) {
.header__icon.-png {
margin-left: 0.9375rem;
margin-right: 0rem;
}
}
.header__icon.-favorite {
width: 24px;
height: 22px;
margin: 0 18px 0 0;
}
@media (max-width: 1024px) {
.header__icon.-favorite {
margin: 0;
}
}
.header__icon.-search {
width: 1.875rem;
height: 1.875rem;
}
.header__icon.-searchIcon {
width: 1.875rem;
height: 1.875rem;
margin-top: -1px;
margin-right: -1.4375rem;
}
.header__icon.-phone {
margin-right: 0.625rem;
}
.header__icon.-shoppingBag {
width: 22px;
height: 24px;
margin-top: 0rem;
margin-right: 0px;
}
@media (max-width: 1024px) {
.header__icon.-shoppingBag {
width: 1.25rem;
height: 1.375rem;
margin-top: -7px;
margin-left: 15px;
}
}
.header__icon.-basketShoppingBag {
width: 22px;
height: 22px;
margin-top: 3px;
margin-right: 20px;
margin-left: 3px;
}
.header__icon.-headerBag {
margin-top: 0px;
cursor: pointer;
}
@media (max-width: 1024px) {
.header__icon.-headerBag {
margin-right: 0;
margin-top: -2px;
margin-left: 24px;
}
}
.header__icon.-close {
width: 2rem;
height: 2rem;
margin-top: -0.25rem;
margin-left: -0.5rem;
}
.header__icon.-user {
width: 20px;
height: 24px;
margin-right: 25px;
cursor: pointer;
}
@media (max-width: 1024px) {
.header__icon.-user {
display: none;
}
}
.header__icon.-userIcon {
width: 20px;
height: 24px;
margin-right: 25px;
cursor: pointer;
}
@media (max-width: 1024px) {
.header__icon.-userIcon {
display: none;
}
}
.header__icon.-twitter {
margin-right: 0;
padding-top: 0.125rem;
}
@media (min-width: 1024px) {
.header__favoriteLink {
width: 24px;
margin-top: 2px;
margin-right: 24px;
}
}
.header__divider {
border-left: 0.0625rem solid #aaa6a6;
height: 1.0625rem;
margin-left: 11px;
margin-right: 21px;
}
.header__contactUs {
display: flex;
}
.header__contactUs.-text {
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
font-stretch: normal;
font-style: normal;
line-height: 1.29;
letter-spacing: normal;
margin-right: 1.3125rem;
color: #000;
}
.header__contactUs.-phone {
font-family: "Nunito Sans", sans-serif;
font-size: 0.9375rem;
font-stretch: normal;
font-style: normal;
line-height: 1.27;
letter-spacing: 0.046875rem;
}
.header__links {
display: flex;
justify-content: flex-end;
}
.header__links.-link {
padding-right: 0;
}
.header__links.-item {
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.29;
letter-spacing: normal;
margin-left: 1.5625rem;
color: #000;
}
.header__hr {
border-top: 1px solid #cbcbcb;
border-radius: 0.3125rem;
}
@media (max-width: 1024px) {
.header__hr {
display: none;
}
}
.header__content {
height: 83px;
background-color: #fff;
display: flex;
align-items: center;
}
.header__content.-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.header__content .container {
padding-left: 8px !important;
padding-right: 8px !important;
}
@media (max-width: 1024px) {
.header__content {
position: relative;
z-index: 0;
}
}
@media (max-width: 1000px) {
.header__content {
padding: 0px;
height: 59px;
display: flex;
align-items: center;
}
.header__content.-sticky {
height: 59px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
}
.header__content .container {
padding-left: 20px !important;
padding-right: 20px !important;
}
.header__content .row button {
float: unset !important;
}
}
.header__content .unsignedUser {
position: relative;
margin: 0 3px;
}
@media (max-width: 1024px) {
.header__content .unsignedUser {
margin: 0;
}
}
.header__content .unsignedUser__container {
display: none;
padding-top: 10px;
position: absolute;
right: -12px;
top: 24px;
z-index: 9;
}
.header__content .unsignedUser__container .unsignedMenu {
display: inline-flex;
flex-direction: column;
width: 280px;
background-color: #fff;
border: solid 1px #eaeaea;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.header__content .unsignedUser__container .unsignedMenu .button {
margin: 23px 29px;
font-size: 14px;
line-height: 18px;
padding: 13px 35px;
}
.header__content .unsignedUser__container .unsignedMenu__orderTracking {
display: flex;
align-items: center;
justify-content: space-between;
height: 54px;
padding: 18.5px 20px 19px 30px;
border-top: solid 1px #eaeaea;
}
.header__content .unsignedUser__container .unsignedMenu__orderTracking__text {
margin-right: auto;
margin-left: 12px;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
color: #000;
}
.header__content .unsignedUser__container:hover .unsignedUser__container {
padding-top: 10px;
}
.header__logo {
display: block;
margin-left: auto;
margin-right: auto;
width: 169px;
height: 36px;
}
@media (max-width: 1024px) {
.header__logo {
display: flex;
justify-content: center;
max-width: 100%;
width: 103px;
height: 22px;
margin-left: auto;
margin-right: auto;
}
}
.header__logoImg {
width: 100%;
height: 100%;
}
.header__seoLogo {
position: absolute;
z-index: -9999;
left: -9999px;
}
.header__leftContent {
position: inherit !important;
}
.header__rightContent {
display: flex;
justify-content: flex-end;
align-items: center;
padding-top: 7px;
}
.header__basket {
position: relative;
}
@media (max-width: 1024px) {
.header__basket {
position: static;
}
}
.header__basket.-basketOpen .header__basketContent {
opacity: 1;
visibility: visible;
pointer-events: all;
transition: visibility 0s linear 0s, opacity 300ms;
}
@media (min-width: 1024px) {
.header__basket.-basketOpen .header__basketContent {
display: none;
}
}
.header__basket.-basketOpen .header__desktopBasket {
opacity: 1;
visibility: visible;
pointer-events: all;
transition: visibility 0s linear 0s, opacity 300ms;
z-index: 4;
}
.header__basket.-basketOpen .header__basket--downicon::before {
content: "î¤";
}
.header__basket--title {
padding: 1.25rem 1.25rem 0.3125rem;
color: #111;
font-family: "knockout49_liteweight";
font-size: 1.5rem;
}
.header__basket--checkout {
display: table;
height: 2.5rem;
padding: 0;
font-size: 1.5rem !important;
text-transform: uppercase;
vertical-align: middle;
}
.header__basket--basketicon {
font-size: 1.125rem;
}
@media (max-width: 1000px) {
.header__basket--basketicon {
position: relative;
top: 0.125rem;
font-size: 1.25rem;
}
}
.header__basket--count {
position: absolute;
top: -8px;
left: 20px;
color: #db0000;
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
}
@media (max-width: 1024px) {
.header__basket--count {
left: 44px;
top: -11px;
}
}
.header__basket--basketItemCount {
position: absolute;
top: 17px;
left: 45px;
font-size: 15px;
color: #db0000;
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
font-weight: 500;
}
.header__basket--downicon {
position: absolute;
top: 0.4375rem;
right: 0;
font-size: 0.5rem;
}
@media (max-width: 1000px) {
.header__basket--downicon {
top: 0.6875rem;
}
}
.header__basketLoading {
width: 3.125rem;
margin: 1.875rem auto;
display: block;
}
.header__emptyBasket {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 90px;
}
.header__emptyShoppingBag {
width: 55px;
height: 55px;
opacity: 0.1;
}
.header__emptyBasketText {
font-family: "Nunito Sans", sans-serif;
font-weight: 500;
font-size: 18px;
padding-top: 20px;
line-height: 0.89;
color: #000;
}
.header__basketProductRemove {
width: 21px;
height: 21px;
}
.header__basketCloseIcon {
width: 30px;
height: 30px;
}
.header__basketSummary {
width: 100%;
height: 177px;
}
.header__emptyBasketFavorite {
font-family: "Nunito Sans", sans-serif;
font-size: 16px !important;
text-align: center;
letter-spacing: 0;
padding: 0;
line-height: 50px;
display: inline-block;
width: 300px;
height: 50px;
margin-top: 50px;
margin-bottom: 20px;
color: #fff !important;
text-decoration: none !important;
}
.header__emptyBasketShopping {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
letter-spacing: 0;
width: 300px;
height: 50px;
}
.header__basketTrigger {
position: relative;
color: #ff404b;
cursor: pointer;
}
.header__basketTrigger[disabled] {
cursor: default;
}
@media (max-width: 1024px) {
.header__basketTrigger.-desktop {
display: none;
}
}
.header__basketTrigger.-mobile {
display: none;
}
@media (max-width: 1024px) {
.header__basketTrigger.-mobile {
display: block;
}
}
.header__basketMobile {
display: none;
}
@media (max-width: 1024px) {
.header__basketMobile {
position: relative;
display: block;
}
}
.header__basketContent {
position: absolute;
z-index: 1;
top: 125%;
right: 16px;
width: 23.125rem;
margin-top: 1.6875rem;
background-color: #eee;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: visibility 0s linear 300ms, opacity 300ms;
}
@media (max-width: 1024px) {
.header__basketContent {
right: -0.625rem;
width: 50%;
}
}
@media (max-width: 1024px) {
.header__basketContent {
width: 100vw;
}
}
.header__desktopBasket {
position: fixed;
right: 0;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
pointer-events: none;
height: 100vh;
z-index: 2;
}
.header__desktopBasket.-top {
top: -10px;
}
@media (max-width: 1024px) {
.header__basketModal {
display: none;
}
}
.header__basketModal.-body {
position: relative;
width: 490px;
background-color: #fff;
margin-left: auto;
padding-left: 24px;
padding-right: 25px;
padding-top: 0px;
padding-bottom: 0px;
overflow: auto;
height: 100vh;
}
@media (max-width: 1344px) {
.header__basketModal.-body {
width: 394px;
}
}
.header__basketModal.-priceArea {
display: flex;
margin-top: 41px;
}
.header__basketModal.-hasShipmentPrice {
margin-top: 0;
}
.header__basketModal.-priceArea {
display: flex;
margin-top: 41px;
}
.header__basketModal.-hasShipmentPrice {
margin-top: 0;
}
.header__basketModal.-top {
display: flex;
height: 70px;
padding-top: 27px;
}
.header__basketModal.-title {
font-family: "Nunito Sans", sans-serif;
font-size: 22px;
margin-top: 0px;
color: #000;
}
.header__basketModal.-close {
margin-right: -4px;
margin-left: auto;
margin-top: -4px;
font-size: 22px;
color: #000;
cursor: pointer;
height: 30px;
}
.header__basketModal.-divider {
height: 1px;
background-color: #dfdfdf;
margin-top: 10px;
margin-bottom: 10px;
}
.header__basketModal.-total {
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 20px;
}
.header__basketModal.-checkout {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 50px;
padding-top: 14px;
padding-bottom: 14px;
font-size: 16px !important;
font-family: "Nunito Sans", sans-serif;
letter-spacing: 0.96px;
color: #fff !important;
text-decoration: none !important;
}
.header__basketModal.-buttonText {
padding-top: 0px;
}
.header__basketModal.-remove {
position: absolute;
bottom: 19px;
right: 10px;
}
.header__basketModal.-totalPriceText {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
letter-spacing: 0.32px;
color: #000;
margin-right: 5px;
}
.header__basketModal.-vatPriceText {
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
color: #000;
margin-top: 2px;
}
.header__basketModal.-priceText {
display: flex;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
margin-top: 16px;
}
.header__basketModal.-priceValue {
font-family: "Nunito Sans", sans-serif;
font-size: 22px;
margin-right: 2px;
margin-left: auto;
letter-spacing: 0.44px;
margin-top: 10px;
color: #000;
}
.header__basketModal.-cargoContainer {
display: flex;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
margin-top: 20px;
color: #000;
}
.header__basketModal.-cargoValue {
margin-right: 2px;
margin-left: auto;
}
.header__basketProductList {
height: calc(100vh - 247px);
padding-right: 0.625rem;
padding-left: 1px;
margin-right: -13px;
}
@media (max-width: 1000px) {
.header__basketProductList {
padding-right: 0;
}
}
.header__basketEmpty--title {
padding: 1.25rem;
color: #666;
font-size: 1rem;
text-align: center;
}
.header__basketProduct {
position: relative;
display: flex;
flex-direction: row;
align-items: flex-start;
flex-grow: 0;
padding: 0.9375rem 0;
border-bottom: 1px solid #dbdbdb;
transition: all 0.4s ease-out;
}
.header__basketProduct:last-child {
border-bottom: none;
}
.header__basketProduct.-emptyBasket {
justify-content: center;
padding: 1.25rem;
}
.header__productSuggestionRibbon {
position: absolute;
left: 0;
top: 0;
z-index: 1;
overflow: hidden;
width: 4.6875rem;
height: 4.6875rem;
text-align: right;
}
.header__productSuggestionRibbon span {
font-size: 0.375rem;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 1.25rem;
transform: rotate(310deg);
-webkit-transform: rotate(310deg);
width: 3.625rem;
display: block;
background: #000;
position: absolute;
top: 0.75rem;
left: -0.875rem;
line-height: 1.4;
height: 0.75rem;
padding-top: 0.125rem;
}
.header__basketProductImg {
display: table-cell;
width: 3.75rem;
height: 5.75rem;
border: none;
}
.header__basketProductImg img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.header__basketProductDesc {
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding-left: 30px;
}
@media (max-width: 1000px) {
.header__basketProductDesc {
flex: 1 1 60%;
}
}
.header__basketProductDesc--name {
overflow: hidden;
max-width: 14.3125rem;
font-family: "Nunito Sans", sans-serif;
margin-bottom: 0.625rem;
font-size: 0.875rem;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 1344px) {
.header__basketProductDesc--name {
width: 9.375rem;
}
}
.header__basketProductVariation {
display: flex;
align-items: center;
margin-bottom: 0.5rem;
}
.header__basketProductVariation--label {
position: relative;
font-family: "Nunito Sans", sans-serif;
display: flex;
flex-direction: row;
width: 2.8125rem;
margin-right: 0.625rem;
color: #626262;
font-size: 0.75rem;
}
.header__basketProductVariation--label::after {
content: ":";
position: absolute;
top: 0;
right: 0;
}
.header__basketProductVariation--val {
margin-left: 0.3125rem;
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 0.75rem;
}
.header__basketProductVariation .m-variation__item {
width: 0.9375rem;
height: 0.9375rem;
padding: 1px 0 0 1px;
margin-right: 0;
margin-bottom: 0;
}
.header__basketProductVariation .m-variation__item--color {
width: 0.6875rem;
height: 0.6875rem;
}
.header__basketProductPrice {
display: flex;
flex-direction: column;
align-items: flex-end;
flex: 1 1 30%;
padding-right: 0.625rem;
}
.header__basketProductPrice .-oldPrice {
color: #7f7f7f;
}
@media (max-width: 1000px) {
.header__basketProductPrice .-oldPrice {
padding-right: 0;
}
}
.header__basketProductPrice .-labelPrice {
font-family: "Nunito Sans", sans-serif;
font-size: 11px;
}
.header__basketProductPrice .-seasonPrice {
font-family: "Nunito Sans", sans-serif;
font-size: 10px;
}
.header__basketProductPrice .-salePrice {
font-size: 12px;
font-family: "Nunito Sans", sans-serif;
font-weight: 500 !important;
}
.header__basketProductBtn {
cursor: pointer;
transition: color 0.3s ease;
}
@media (max-width: 1000px) {
.header__basketProductBtn {
position: absolute;
right: 0.3125rem;
bottom: 0.9375rem;
}
}
.header__basketProductBtn:hover {
color: #ff404b;
}
.header__basketTotal {
padding: 1.25rem;
color: #111;
font-size: 0.875rem;
line-height: 0.9375rem 1.5625rem;
text-align: right;
}
.header__basketTotal .-total {
font-size: 1rem;
}
.header__search {
display: flex;
border: 1px solid #c4c4c4;
padding-top: 0.5625rem;
padding-bottom: 0.5rem;
padding-left: 0.625rem;
width: 370px;
}
@media (max-width: 1365px) {
.header__search {
width: 16.25rem;
}
}
.header__search .-icon {
margin-right: 0.625rem;
margin-top: 0.0625rem;
}
@media (max-width: 1000px) {
.header__mobileMenuTrigger {
display: flex;
align-items: center;
}
}
.header__mobileMenuTrigger--line {
position: absolute;
top: 50%;
left: 50%;
width: 1.875rem;
height: 0.1875rem;
background-color: #000;
transform: translate(-50%, -50%);
border-radius: 0.625rem;
}
.header__mobileMenuTrigger--line::before {
content: "";
position: absolute;
top: -0.5rem;
left: 50%;
width: 100%;
height: 100%;
background-color: #000;
transform: translate(-50%, 0);
border-radius: 0.625rem;
transition: all 300ms ease-in-out;
}
.header__mobileMenuTrigger--line::after {
content: "";
position: absolute;
top: -0.5rem;
left: 50%;
width: 100%;
height: 100%;
background-color: #000;
transform: translate(-50%, 0);
border-radius: 0.625rem;
transition: all 300ms ease-in-out;
}
.header__mobileMenuTrigger.active .header__mobileMenuTrigger--line {
background-color: rgba(0, 0, 0, 0);
}
.header__mobileMenuTrigger.active .header__mobileMenuTrigger--line::before {
top: 0;
left: 0;
transform: rotate(45deg);
}
.header__mobileMenuTrigger.active .header__mobileMenuTrigger--line::after {
top: 0;
left: 0;
transform: rotate(-45deg);
}
.header__searchDesktop {
position: relative;
}
@media (max-width: 1024px) {
.header__searchDesktop {
display: none;
}
}
.header__searchMobile {
display: none;
}
@media (max-width: 1024px) {
.header__searchMobile {
display: flex;
z-index: 1;
margin: 0 0 0 17px;
}
}
.header__searchInput {
width: 100vw;
margin-top: -0.4375rem;
margin-right: -0.5rem;
height: 57px !important;
}
.header__searchInput.-close {
padding-top: 0.9375rem;
}
.header__topNavItem {
margin-left: 0px !important;
}
.header__navbar {
width: 100%;
height: 2.6875rem;
background-color: #fff;
position: relative;
z-index: 3;
}
.header__navbar.-sticky {
position: fixed;
top: 83px;
left: 0;
right: 0;
z-index: 99;
}
.header__navbar::before,
.header__navbar::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
.header__navbar::before,
.header__navbar::after {
max-width: 944px;
}
}
@media (min-width: 1200px) {
.header__navbar::before,
.header__navbar::after {
max-width: 1124px;
}
}
@media (min-width: 1366px) {
.header__navbar::before,
.header__navbar::after {
max-width: 1288px;
}
}
@media (min-width: 1600px) {
.header__navbar::before,
.header__navbar::after {
max-width: 1504px;
}
}
.header__navbar::before {
top: 0;
}
.header__navbar::after {
bottom: 0;
}
@media (max-width: 1024px) {
.header__navbar {
display: none;
}
}
.header__navbar.customerPage:not(.-sticky):after {
display: none;
}
.header__searchText {
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
}
.header__searchText::-moz-placeholder {
color: #000;
}
.header__searchText::placeholder {
color: #000;
}
.header__searchForm {
width: 100%;
}
@media (min-width: 1024px) {
.header__stickyHeader {
position: fixed;
background-color: #fff !important;
top: 0;
left: 0;
right: 0;
padding: 14px 0 19px;
height: 83px;
}
}
@media (min-width: 1024px) {
.header__stickyNavbar {
position: fixed;
top: 83px;
}
}
@media (min-width: 1024px) {
.header__mainContent {
padding-top: 140px;
}
}
.header__userSubMenu {
padding: 0 20px 0 40px !important;
position: relative !important;
font-size: 12px !important;
font-family: "Nunito Sans", sans-serif;
color: #000;
overflow: hidden;
display: inline-block !important;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
cursor: context-menu;
line-height: 53px;
}
.header__userSubMenuItem {
border-bottom: none !important;
}
.header__subMenuIcon {
position: absolute;
width: 13px;
height: 13px;
top: 50%;
left: 20px;
transform: translateY(-50%);
}
.header__userSubMenuLink {
margin-top: 0px;
padding-top: 10px !important;
padding-left: 19px !important;
height: 40px !important;
font-size: 14px !important;
font-family: "Nunito Sans", sans-serif;
color: #626262;
}
.header__userSubMenuLink:hover {
background-color: #f7f7f7;
color: #626262;
}
.header__searchBox {
display: flex;
border: 1px solid #c4c4c4;
padding-top: 10px;
padding-bottom: 0.5rem;
padding-left: 0.625rem;
height: 40px;
margin-top: 0px;
margin-left: 0px;
}
@media (max-width: 1365px) {
.header__searchBox {
width: 16.25rem;
}
}
.header__searchForm {
position: relative !important;
}
.header__searchAreaInput {
width: calc(100% - 35px);
height: 37px !important;
position: absolute;
top: -16px !important;
left: 40px !important;
padding: 0 5px !important;
border: none;
background-color: #fff;
font-family: "Nunito Sans", sans-serif;
font-weight: normal;
line-height: 1.25;
margin-left: -8px;
}
@media (max-width: 1365px) {
.header__searchAreaInput {
width: 12.5rem;
}
}
.o-header {
position: relative;
z-index: 1;
top: 0;
background-color: #fff;
}
.o-header__top {
height: 40px;
background-color: #111;
}
@media (max-width: 1000px) {
.o-header__top {
display: none;
}
}
@media (max-width: 1000px) {
.o-header__top .container {
max-width: 100%;
}
}
.o-header__topNav {
float: right;
}
.o-header__topNavItem {
position: relative;
list-style-type: none;
float: left;
margin: 0 3px;
}
.o-header__topNavItem:last-child {
margin-right: 0;
}
.o-header__topNavItem--link,
.o-header__topNavItem--link:hover {
display: flex;
padding: 12px 0.3125rem 12px 0.3125rem;
color: #fff;
font-size: 0.875rem;
}
.o-header__topNavItem:hover .o-header__topNavItemSubMenuWrap {
opacity: 1;
visibility: visible;
pointer-events: all;
transition: visibility 0s linear 0s, opacity 300ms;
}
@media (max-width: 1024px) {
.o-header__topNavItem {
margin: 0;
}
}
.o-header__topNavItemSubMenuWrap {
position: absolute;
z-index: 10;
top: 100%;
right: 0;
pointer-events: none;
width: 160px;
padding-top: 7px;
margin-top: 0;
opacity: 0;
visibility: hidden;
transition: visibility 0s linear 300ms, opacity 300ms;
}
.o-header__topNavItemSubMenu {
background-color: #fff;
width: 160px;
border: solid 1px #eaeaea;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.o-header__topNavItemSubMenuItem {
border-bottom: 1px solid #dbdbdb;
}
.o-header__topNavItemSubMenuItem:last-child {
border-bottom: 0;
}
.o-header__topNavItemSubMenuItem.-first {
height: 52px;
position: relative;
}
.o-header__topNavItemSubMenuItem--link {
display: flex;
padding: 0.625rem;
font-size: 0.875rem;
}
.o-header__content {
position: relative;
height: 58px;
padding: 0.625rem 0;
border-bottom: 1px solid #dbdbdb;
background-color: #fff;
}
@media (max-width: 1000px) {
.o-header__content {
height: 50px;
}
}
@media (max-width: 1000px) {
.o-header__content .container {
max-width: 100%;
}
}
.o-header__content.fixed {
position: fixed !important;
top: 0 !important;
bottom: auto !important;
width: 100% !important;
}
.o-header__left {
display: flex;
}
@media (max-width: 1000px) {
.o-header__left {
position: relative;
justify-content: center;
flex: 0 0 100%;
width: 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
}
.o-header__right {
display: flex;
justify-content: flex-end;
}
@media (max-width: 1000px) {
.o-header__right {
position: absolute;
top: 7px;
right: 0.625rem;
flex: 0 0 100%;
width: 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 1024px) {
.o-header__mobileMenuTrigger {
display: flex;
align-items: center;
}
}
.o-header__mobileMenuTrigger--line {
position: absolute;
top: 50%;
left: 50%;
width: 1.875rem;
height: 0.1875rem;
background-color: #000;
transform: translate(-50%, -50%);
border-radius: 0.625rem;
}
.o-header__mobileMenuTrigger--line::before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 100%;
height: 100%;
background-color: #000;
transform: translate(-50%, 0);
border-radius: 0.625rem;
transition: all 300ms ease-in-out;
}
.o-header__mobileMenuTrigger--line::after {
content: "";
position: absolute;
top: 8px;
left: 50%;
width: 100%;
height: 100%;
background-color: #000;
transform: translate(-50%, 0);
border-radius: 0.625rem;
transition: all 300ms ease-in-out;
}
.o-header__mobileMenuTrigger.active .o-header__mobileMenuTrigger--line {
background-color: rgba(0, 0, 0, 0);
}
.o-header__mobileMenuTrigger.active .o-header__mobileMenuTrigger--line::before {
top: 0;
left: 0;
transform: rotate(45deg);
}
.o-header__mobileMenuTrigger.active .o-header__mobileMenuTrigger--line::after {
top: 0;
left: 0;
transform: rotate(-45deg);
}
.o-header__logo {
position: relative;
z-index: 2;
display: flex;
}
@media (max-width: 1000px) {
.o-header__logo--link {
max-width: 112px;
margin-top: 0.3125rem;
}
}
.o-header__navWrapper {
position: absolute;
z-index: 1;
top: 5rem;
left: 0;
background-color: #000;
height: 2.6875rem;
padding-top: 0rem;
width: 100%;
}
@media (max-width: 1024px) {
.o-header__navWrapper {
display: none;
}
}
.o-header__nav {
display: flex;
position: relative;
justify-content: center;
align-items: stretch;
margin-left: 0rem !important;
flex: 1 100%;
height: 2.6875rem;
}
.o-header__nav.-blur .o-header__navItem {
transition: 250ms all;
}
.o-header__nav.-blur .o-header__navItem:not(.-hover) {
opacity: 0.5;
}
.o-header__navItem {
margin-right: 40px;
margin-left: 40px;
}
.o-header__navItem:hover .o-header__navSub,
.o-header__navItem.-hover .o-header__navSub {
opacity: 1;
visibility: visible;
}
.o-header__navItem:hover .o-header__navItem--link::after,
.o-header__navItem.-hover .o-header__navItem--link::after {
opacity: 1;
}
@media (max-width: 1366px) {
.o-header__navItem {
margin-right: 35px;
margin-left: 35px;
}
}
.o-header__navItem h2 {
font-weight: normal;
}
.o-header__navItem--link {
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
letter-spacing: 0.7px;
color: #000;
text-transform: uppercase;
padding: 0;
display: flex;
align-items: center;
height: 43px;
position: relative;
}
.o-header__navItem--link::after {
content: "";
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
z-index: 5;
background-color: #000;
opacity: 0;
transition: 250ms all;
}
.o-header__navSub {
position: absolute;
z-index: 3;
top: 100%;
left: 0;
width: 100%;
height: auto;
min-height: 22.5rem !important;
background-color: #fff;
opacity: 0;
visibility: hidden;
box-shadow: 0px 500px 0px 200px rgba(0, 0, 0, 0.4);
transition: 250ms all;
}
.o-header__navSub--container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media (max-width: 1200px) {
.o-header__navSub--container {
max-width: 100%;
}
}
.o-header__navBackDrop {
position: absolute;
top: 100%;
height: 1px;
width: 100%;
box-shadow: 0px 2px 5px 0px #000;
}
.o-header__navSubImg {
padding: 0;
width: 22.5rem !important;
height: 100% !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
.o-header__navSubListWrap {
display: flex;
flex-direction: row;
max-width: 100%;
justify-content: space-between;
width: 100%;
}
.o-header__navSubListContainer {
display: flex;
flex: 0 0 100%;
max-width: 960px !important;
padding: 40px 0;
margin: 0 20px !important;
}
@media screen and (max-width: 1280px) {
.o-header__navSubListContainer {
max-width: 800px !important;
margin: 0 60px !important;
}
}
@media screen and (max-width: 1366px) {
.o-header__navSubListContainer {
max-width: 900px !important;
}
}
@media screen and (min-width: 1440px) {
.o-header__navSubListContainer {
margin: 0 0 0 60px !important;
}
}
@media screen and (min-width: 1536px) {
.o-header__navSubListContainer {
margin: 0 110px !important;
}
}
@media screen and (min-width: 1920px) {
.o-header__navSubListContainer {
margin: 0 200px !important;
}
}
.o-header__navSubList {
width: 20%;
min-width: 130px;
padding-right: 0.625rem;
}
.o-header__navSubList.-grandChildMenu {
width: auto;
margin-top: 13px;
}
.o-header__navSubList.-large {
width: 50%;
margin: 0 15px 0 0;
}
.o-header__navSubList.-large:last-child {
margin: 0;
}
.o-header__navSubListWrapper {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
}
@media screen and (min-width: 1366px) {
.o-header__navSubListWrapper .o-header__navSubListItem {
margin: 0 10px 0 0;
min-width: 110px;
max-width: 110px;
}
}
@media screen and (min-width: 1400px) {
.o-header__navSubListWrapper .o-header__navSubListItem {
margin: 0 10px 0 0;
min-width: 130px;
max-width: 130px;
}
}
.o-header__navSubListItem {
margin: 0 10px 0 0;
min-width: 100px;
max-width: 110px;
}
@media screen and (min-width: 1366px) {
.o-header__navSubListItem {
margin: 0;
min-width: 180px;
max-width: 190px;
}
}
.o-header__navSubListItem.-first {
margin-bottom: 20px;
min-width: 150px;
max-width: 150px;
}
.o-header__navSubListItem--title {
margin-bottom: 20px;
color: #111;
font-family: "Nunito Sans", sans-serif;
font-size: 14px !important;
font-weight: inherit;
line-height: 18px;
transition: all 0.3s ease-out;
}
@media (max-width: 1000px) {
.o-header__navSubListItem--title {
font-size: 1.125rem;
}
}
.o-header__navSubListItem--titleBig {
margin-bottom: 20px;
color: #7e7e7e;
font-family: "Nunito Sans", sans-serif;
font-size: 14px !important;
line-height: 18px;
letter-spacing: 1.4px;
text-transform: uppercase;
transition: all 0.3s ease-out;
}
@media (max-width: 1000px) {
.o-header__navSubListItem--titleBig {
font-size: 1.125rem;
}
}
.o-header__navSubListItem--link,
.o-header__navSubListItem.-text {
color: #000 !important;
font-family: "Nunito Sans", sans-serif;
font-size: 14px !important;
line-height: 30px;
transition: all 0.3s ease-out !important;
}
@media (max-width: 1000px) {
.o-header__navSubListItem--link,
.o-header__navSubListItem.-text {
font-size: 0.875rem;
}
}
.o-header__navSubListItem--subCategory {
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 1rem;
opacity: 0.5;
transition: all 0.3s ease-out;
}
@media (max-width: 1000px) {
.o-header__navSubListItem--subCategory {
font-size: 0.875rem;
}
}
.o-header__navSubListItem .-arrow:after {
content: "";
display: inline-block;
margin: 0 0 0 5px;
padding: 2.5px;
border: solid #111;
border-width: 0 1.5px 1.5px 0;
transform: rotate(-45deg);
}
.o-header__navSubListItem--subCategoryBold,
.o-header__navSubListItem--linkBold {
margin-bottom: 20px;
color: #111;
font-family: "Nunito Sans", sans-serif;
font-weight: 500 !important;
font-size: 14px !important;
line-height: 18px;
transition: all 0.3s ease-out;
}
@media (max-width: 1000px) {
.o-header__navSubListItem--subCategoryBold,
.o-header__navSubListItem--linkBold {
font-size: 1.125rem;
}
}
.o-header__navSubListItem--subCategoryBold.-strong,
.o-header__navSubListItem--linkBold.-strong {
font-family: "Nunito Sans", sans-serif;
}
.o-header__navSubListItem.-hasChild {
margin-bottom: 30px;
}
.o-header__navSubListItem.-text {
font-family: "Nunito Sans", sans-serif;
opacity: 0.5;
}
.o-header__navSubListItem.-grandChildItem {
display: flex;
align-items: center;
margin-bottom: 13px;
}
.o-header__navSubCatPics {
display: flex;
flex-direction: column;
flex: 0 0 25%;
max-width: 25%;
}
.o-header__navSubCatPicsItem:first-child {
margin-bottom: 1.875rem;
}
.o-header__search {
position: relative;
z-index: 2;
margin-top: 0px;
}
@media (max-width: 1024px) {
.o-header__search {
position: static;
z-index: 3;
margin-top: 5px;
background-color: #fff;
}
}
.o-header__search.-searchOpen .o-header__searchInput {
overflow: visible;
width: 370px !important;
transition: none !important;
}
@media (max-width: 1200px) {
.o-header__search.-searchOpen .o-header__searchInput {
width: 530px !important;
}
}
@media (max-width: 1000px) {
.o-header__search.-searchOpen .o-header__searchInput {
width: 100% !important;
}
}
.o-header__search.-searchOpen .o-header__searchInput.-searchIcon {
position: absolute;
left: 4%;
z-index: 99;
top: 0;
width: 30px !important;
}
.o-header__search.-searchOpen .o-header__searchInput.-searchArea {
position: fixed;
top: 2px;
left: 4%;
z-index: 99;
width: 30px !important;
}
@media (max-width: 1000px) {
.o-header__searchTrigger {
font-size: 1.25rem;
}
}
.o-header__searchInput {
position: absolute;
top: -0.9375rem;
right: 0;
overflow: hidden;
width: 0;
background: #fff;
}
.o-header__searchInput::-moz-placeholder {
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
}
.o-header__searchInput::placeholder {
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
}
@media (max-width: 1000px) {
.o-header__searchInput {
top: 8px;
}
}
.o-header__searchInput .o-header__searchInput--input {
position: absolute;
top: 0;
left: 0;
height: 48px;
padding: 0 55px;
border: none;
background-color: #fff;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.25;
}
.o-header__searchInput .o-header__searchInput--input::-moz-placeholder {
color: #000;
}
.o-header__searchInput .o-header__searchInput--input::placeholder {
color: #000;
}
@media (max-width: 1000px) {
.o-header__searchInput .o-header__searchInput--input {
font-size: 16px;
}
}
.o-header__searchInput--close {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 49px;
padding-top: 6px;
font-size: 20px;
text-align: center;
cursor: pointer;
}
.o-header__searchInput--search {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 49px;
padding-top: 0.9375rem;
font-size: 1.25rem;
text-align: center;
}
.o-header__user {
position: relative;
z-index: 2;
margin-left: 0.9375rem;
}
@media (max-width: 1000px) {
.o-header__user {
margin-left: 0.3125rem;
}
}
@media (max-width: 1000px) {
.o-header__user {
display: none;
}
}
.o-header__user--link {
display: inline-flex;
padding: 7px 12px;
color: #111;
font-family: "knockout28juniorfeatherweight";
font-size: 1.125rem;
text-transform: uppercase;
transition: color 0.2s linear, background 0.2s linear;
}
@media (max-width: 1000px) {
.o-header__user--link {
padding: 9px 8px;
font-size: 0.9375rem;
}
}
.o-header__user--link:hover {
background-color: #111;
color: #fff;
}
.o-header__user--loggedinLink {
display: block;
overflow: hidden;
max-width: 120px;
margin: 7px 12px;
color: #111;
font-family: "knockout28juniorfeatherweight";
font-size: 1.125rem;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: uppercase;
}
@media (max-width: 1200px) {
.o-header__user--loggedinLink {
max-width: 90px;
}
}
@media (max-width: 1000px) {
.o-header__user--loggedinLink {
max-width: 100px;
margin: 9px 8px;
font-size: 0.9375rem;
}
}
.o-header__user:hover .o-header__userLoginNavBox {
opacity: 1;
visibility: visible;
pointer-events: all;
transition: visibility 0s linear 0s, opacity 300ms;
}
.o-header__userLoginNavBox {
position: absolute;
top: 100%;
right: 0;
pointer-events: none;
width: 250px;
padding-top: 0.625rem;
opacity: 0;
visibility: hidden;
transition: visibility 0s linear 300ms, opacity 300ms;
}
.o-header__userLoginNavBox::before {
content: "";
position: absolute;
top: -0.625rem;
right: 1.25rem;
border: solid rgba(0, 0, 0, 0);
border-bottom-color: #eee;
border-width: 0.625rem;
}
.o-header__userLoginNavItem {
background-color: #eee;
}
.o-header__userLoginNavItem {
border-bottom: 1px solid #dbdbdb;
}
.o-header__userLoginNavItem:last-child {
border-bottom: 0;
}
.o-header__userLoginNavItem--link {
display: flex;
padding: 0.625rem;
font-size: 0.875rem;
}
.o-header__basket {
position: relative;
z-index: 2;
margin-top: 0.125rem;
margin-right: 0.5625rem;
}
@media (max-width: 1000px) {
.o-header__basket {
position: static;
margin-top: 0.3125rem;
}
}
.o-header__basket.-basketOpen .o-header__basketContent {
margin-right: 0.25rem;
margin-top: 1.4375rem;
opacity: 1;
visibility: visible;
pointer-events: all;
transition: visibility 0s linear 0s, opacity 300ms;
}
@media (max-width: 1024px) {
.o-header__basket.-basketOpen .o-header__basketContent {
width: 100vw;
}
}
.o-header__basket.-basketOpen .o-header__basket--downicon::before {
content: "î¤";
}
.o-header__basket--title {
padding: 1.25rem 1.25rem 0.3125rem;
color: #111;
font-family: "knockout49_liteweight";
font-size: 1.5rem;
}
.o-header__basket--checkout {
display: table;
height: 40px;
padding: 0;
font-size: 1.5rem;
text-transform: uppercase;
vertical-align: middle;
}
.o-header__basket--basketicon {
font-size: 1.125rem;
}
@media (max-width: 1000px) {
.o-header__basket--basketicon {
position: relative;
top: 2px;
font-size: 1.25rem;
}
}
.o-header__basket--count {
position: absolute;
top: -8px;
left: 20px;
color: #db0000;
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
}
@media (max-width: 1024px) {
.o-header__basket--count {
left: 44px;
top: -11px;
}
}
.o-header__basket--downicon {
position: absolute;
top: 7px;
right: 0;
font-size: 0.5rem;
}
@media (max-width: 1000px) {
.o-header__basket--downicon {
top: 11px;
}
}
@media (max-width: 1024px) {
.o-header__basketDesktop {
display: none;
}
}
.o-header__basketLoading {
width: 50px;
margin: 30px auto;
display: block;
}
.o-header__basketTrigger {
position: relative;
padding-right: 12px;
color: #ff404b;
cursor: pointer;
}
.o-header__basketTrigger[disabled] {
cursor: default;
}
.o-header__basketContent {
position: absolute;
z-index: 1;
top: 100%;
right: 0;
width: 370px;
margin-top: 12px;
background-color: #eee;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: visibility 0s linear 300ms, opacity 300ms;
}
@media (max-width: 1000px) {
.o-header__basketContent {
right: -0.4375rem;
width: 50%;
}
}
@media (max-width: 1024px) {
.o-header__basketContent {
width: 100%;
}
}
.o-header__basketProductList {
max-height: 300px;
padding-right: 0.625rem;
padding-left: 0.625rem;
}
@media (max-width: 1000px) {
.o-header__basketProductList {
padding-right: 0;
}
}
.o-header__basketEmpty--title {
padding: 1.25rem;
color: #666;
font-size: 1rem;
text-align: center;
}
.o-header__basketProduct {
position: relative;
display: flex;
flex-direction: row;
align-items: flex-start;
flex-grow: 0;
padding: 0.9375rem 0;
border-bottom: 1px solid #dbdbdb;
transition: all 0.4s ease-out;
}
.o-header__basketProduct:last-child {
border-bottom: none;
}
.o-header__basketProduct.-emptyBasket {
justify-content: center;
padding: 1.25rem;
}
.o-header__productSuggestionRibbon {
position: absolute;
left: 0;
top: 0;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
}
.o-header__productSuggestionRibbon span {
font-size: 6px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 20px;
transform: rotate(310deg);
-webkit-transform: rotate(310deg);
width: 58px;
display: block;
background: #000;
position: absolute;
top: 12px;
left: -14px;
line-height: 1.4;
height: 12px;
padding-top: 2px;
}
.o-header__basketProductImg {
display: table-cell;
max-width: 65px;
border: 1px solid #dbdbdb;
}
.o-header__basketProductDesc {
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding-left: 0.625rem;
}
@media (max-width: 1000px) {
.o-header__basketProductDesc {
flex: 1 1 60%;
}
}
.o-header__basketProductDesc--name {
overflow: hidden;
max-width: 130px;
margin-bottom: 0.625rem;
font-size: 0.875rem;
font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 1344px) {
.o-header__basketProductDesc--name {
width: 9.375rem;
}
}
.o-header__basketProductVariation {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.o-header__basketProductVariation--label {
position: relative;
display: flex;
flex-direction: row;
width: 45px;
margin-right: 0.625rem;
color: rgba(74, 74, 74, 0.5);
font-size: 0.75rem;
}
.o-header__basketProductVariation--label::after {
content: ":";
position: absolute;
top: 0;
right: 0;
}
.o-header__basketProductVariation--val {
margin-left: 0.3125rem;
color: #000;
font-size: 0.75rem;
}
.o-header__basketProductVariation .m-variation__item {
width: 15px;
height: 15px;
padding: 1px 0 0 1px;
margin-right: 0;
margin-bottom: 0;
}
.o-header__basketProductVariation .m-variation__item--color {
width: 11px;
height: 11px;
}
.o-header__basketProductPrice {
display: flex;
flex-direction: column;
align-items: flex-end;
flex: 1 1 30%;
padding-right: 0.625rem;
}
.o-header__basketProductPrice .-oldPrice {
font-size: 1rem;
}
@media (max-width: 1000px) {
.o-header__basketProductPrice .-oldPrice {
padding-right: 0;
}
}
.o-header__basketProductPrice .-salePrice {
font-size: 1rem;
}
.o-header__basketProductBtn {
cursor: pointer;
transition: color 0.3s ease;
}
@media (max-width: 1000px) {
.o-header__basketProductBtn {
position: absolute;
right: 0.3125rem;
bottom: 0.9375rem;
}
}
.o-header__basketProductBtn:hover {
color: #ff404b;
}
.o-header__basketTotal {
padding: 1.25rem;
color: #111;
font-size: 0.875rem;
line-height: 0.9375rem 1.5625rem;
text-align: right;
box-shadow: 0 -2px 4px 0 rgba(136, 136, 136, 0.31);
}
.o-header__basketTotal .-total {
font-size: 1rem;
}
.o-header__hr {
border-top: 1px solid #cbcbcb;
border-radius: 0.3125rem;
margin-top: 0.3125rem;
margin-bottom: 0.3125rem;
}
@media (max-width: 1024px) {
.o-header__hr {
display: none;
}
}
.o-header__social {
display: flex;
margin-top: 0.0625rem;
padding-left: 0;
}
.o-header__contactUs {
display: flex;
}
.o-header__contactUs.-text {
font-family: "Nunito Sans", sans-serif;
font-size: 0.875rem;
font-stretch: normal;
font-style: normal;
line-height: 1.29;
letter-spacing: normal;
margin-right: 1.3125rem;
color: #000;
}
.o-header__searchIcon {
font-size: 1rem;
color: #333;
margin-right: -1.5625rem;
}
.o-header__searchBarIcon {
width: 30px;
height: 30px;
margin-top: 7px;
}
.o-header__searchAreaIcon {
width: 30px;
height: 30px;
margin-top: 12px;
}
.o-header__searchBarClose {
width: 30px;
height: 30px;
}
.o-header__searchBarCloseIcon {
width: 30px;
height: 30px;
margin-top: 10px;
margin-right: -10px;
}
.o-header__searchInputArea {
padding: 22px 61px 0 91px !important;
}
@media (max-width: 599px) {
.o-header__searchInputArea {
padding: 22px 61px 0 51px !important;
}
}
.o-header__hamburgerMenu {
display: none;
}
@media (max-width: 1024px) {
.o-header__hamburgerMenu {
display: block;
width: 30px;
height: 30px;
}
}
.o-header__navSubListItem--link:hover {
color: #888 !important;
transition: all 0.3s ease-out;
}
.o-header__navSubListItem--title:hover {
color: #888 !important;
transition: all 0.3s ease-out;
}
.o-header__navSubListItem--title:hover::after {
border-color: #888;
transition: inherit;
}
.o-header__itemBadge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 18px;
border: 1px solid #000;
margin-left: 9px;
font-family: "Nunito Sans", sans-serif;
font-size: 9px;
line-height: 1;
letter-spacing: 0.63px;
}
.o-header__hasChildWithBadge {
display: flex;
}
.old-header .container {
width: 100%;
}
@media (min-width: 1366px) {
.old-header .container {
max-width: 1303px;
}
}
@media (min-width: 1600px) {
.old-header .container {
max-width: 1520px;
}
}
.old-header .row {
margin-left: -8px;
margin-right: -8px;
}
.old-header .col-3,
.old-header .col-6 {
padding-left: 8px;
padding-right: 8px;
}
.new-header {
background-color: #fff;
}
.new-header .container {
padding: 0 8px !important;
}
.new-header__icon {
vertical-align: middle;
}
.new-header__icon.-hamburgerMenu {
width: 30px;
height: 30px;
}
.new-header__icon.-search {
width: 30px;
height: 30px;
}
.new-header__icon.-close {
width: 30px;
height: 30px;
}
.new-header__icon.-customer {
display: none;
}
.new-header__icon.-favorite {
width: 24px;
height: 22px;
}
.new-header__icon.-cart {
width: 20px;
height: 22px;
}
.new-header__icon.-cart.-desktop {
display: none;
}
.new-header__button {
padding: 0;
vertical-align: middle;
}
.new-header__link {
display: block;
}
.new-header__link.-cart {
position: relative;
}
.new-header__link.-cart .cart-count {
position: absolute;
top: -12px;
left: 20px;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
line-height: 18px;
color: #db0000;
}
.new-header__inner {
display: flex;
align-items: center;
height: 59px;
padding: 0 12px;
}
.new-header__area {
flex-shrink: 0;
display: flex;
align-items: center;
}
.new-header__area.-left {
position: relative;
justify-content: flex-start;
gap: 17px;
}
.new-header__area.-center {
justify-content: center;
}
.new-header__area.-right {
justify-content: flex-end;
gap: 24px;
}
.new-header__area .customer {
display: none;
}
.new-header__search {
display: none;
}
.new-header__logo {
width: 110px;
height: 103px;
vertical-align: middle;
margin-top: -41px;
}
.new-header__seoHeadline {
height: 22px;
line-height: 22px;
}
.new-header__seoLogo {
position: absolute;
z-index: -9999;
left: -9999px;
}
.new-header__mobileSearch {
position: absolute;
gap: 15px;
top: 0;
left: 0;
display: none;
align-items: center;
width: 100%;
height: 100%;
padding: 0 20px;
background: #fff;
}
.new-header__mobileSearch.-searchOpen {
display: flex;
}
.new-header__searchBox {
flex: 1;
height: 100%;
}
@media (min-width: 992px) {
.new-header__icon.-search {
position: absolute;
z-index: -1;
top: 50%;
left: 10px;
transform: translateY(-50%);
width: 24px;
height: 24px;
}
.new-header__icon.-customer {
display: block;
width: 20px;
height: 24px;
}
.new-header__icon.-user {
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
width: 13px;
height: 13px;
}
.new-header__icon.-cart {
width: 22px;
height: 24px;
}
.new-header__icon.-cart.-mobile {
display: none;
}
.new-header__icon.-cart.-desktop {
display: block;
}
.new-header__button.-menu,
.new-header__button.-search {
display: none;
}
.new-header__inner {
height: 83px;
transition: height 300ms ease;
}
.new-header__area .customer {
position: relative;
display: block;
}
.new-header__area .customer__dropdown {
position: absolute;
z-index: 9;
top: 100%;
right: -32px;
opacity: 0;
visibility: hidden;
padding-top: 10px;
transition: 250ms all;
}
.new-header__area .customer__menu {
background-color: #fff;
border: 1px solid #eaeaea;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.new-header__area .customer__menu.-guest {
width: 280px;
}
.new-header__area .customer__menu.-user {
width: 160px;
}
.new-header__area .customer__login {
padding: 23px 29px;
}
.new-header__area .customer__login .button {
padding: 13px 35px;
font-size: 14px;
line-height: 18px;
}
.new-header__area .customer__orderTrackingLink {
display: flex;
align-items: center;
gap: 12px;
height: 54px;
padding: 0 20px 0 30px;
border-top: 1px solid #eaeaea;
}
.new-header__area .customer__orderTrackingLink .text {
margin-right: auto;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
color: #000;
}
.new-header__area .customer__menuHeader {
position: relative;
height: 52px;
border-bottom: 1px solid #dbdbdb;
}
.new-header__area .customer__menuHeader span {
display: inline-block;
overflow: hidden;
max-width: 100%;
font-family: "Nunito Sans", sans-serif;
padding: 0 20px 0 40px;
font-size: 12px;
line-height: 53px;
text-overflow: ellipsis;
white-space: nowrap;
color: #000;
cursor: context-menu;
}
.new-header__area .customer__menuItem {
display: block;
padding: 0 10px 0 19px;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
line-height: 40px;
color: #626262;
}
.new-header__area .customer__menuItem:hover {
background-color: #f7f7f7;
}
.new-header__area .customer:hover .customer__dropdown {
opacity: 1;
visibility: visible;
}
.new-header__search {
flex: 1;
position: relative;
z-index: 1;
display: block;
height: 40px;
border: 1px solid #c4c4c4;
}
.new-header__searchBox {
width: 100%;
padding: 0 10px 0 40px;
background-color: rgba(0, 0, 0, 0);
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
color: #000;
}
.new-header__searchBox::-moz-placeholder {
color: #000;
}
.new-header__searchBox::placeholder {
color: #000;
}
.new-header__logo {
width: 110px;
height: 105px;
margin-top: -29%;
}
.new-header__seoHeadline {
height: 36px;
line-height: 36px;
}
}
.headerCheckout {
font-family: sans-serif;
position: relative;
z-index: 2;
display: flex;
align-items: center;
min-height: 59px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
}
.headerCheckout .container {
padding-right: 8px;
padding-left: 8px;
}
@media (min-width: 1600px) {
.headerCheckout .container {
max-width: 1520px;
}
}
.headerCheckout .container .row {
margin-left: -8px;
margin-right: -8px;
}
.headerCheckout .container .row [class*="col-"] {
padding-right: 8px;
padding-left: 8px;
}
@media (min-width: 1200px) {
.headerCheckout {
min-height: 70px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
}
.headerCheckout__logo {
display: block;
width: 104px;
height: 24px;
margin: 0 auto;
}
@media (min-width: 1200px) {
.headerCheckout__logo {
width: 155px;
height: 34px;
}
}
.headerCheckout__logo__img {
display: block;
width: 104px;
height: inherit;
position: relative;
top: -1px;
}
@media (min-width: 1200px) {
.headerCheckout__logo__img {
top: 0;
width: 155px;
}
}
.headerCheckout .headerItem {
display: none;
}
@media (min-width: 1200px) {
.headerCheckout .headerItem {
display: inline-flex;
align-items: center;
color: #525252;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
line-height: 18px;
}
}
.headerCheckout .headerItem.-back {
position: absolute;
z-index: 2;
top: 50%;
left: 25px;
transform: translateY(-50%);
display: inline-block;
transition: opacity 200ms ease-in-out;
}
@media (min-width: 1200px) {
.headerCheckout .headerItem.-back {
left: 40px;
display: inline-flex;
color: #000;
font-family: "Nunito Sans", sans-serif;
}
}
.headerCheckout .headerItem.-back:hover {
opacity: 0.7;
}
.headerCheckout .headerItem__text {
display: none;
}
@media (min-width: 1200px) {
.headerCheckout .headerItem__text {
display: inline;
}
.headerCheckout .headerItem__text strong {
margin-left: 7px;
color: #000;
font-family: "Nunito Sans", sans-serif;
font-weight: normal;
}
}
@media (min-width: 1200px) {
.headerCheckout .headerItem__icon {
margin-right: 12px;
}
}
.headerCheckout .headerItem__icon.-back {
width: 21px;
height: 16px;
}
@media (min-width: 1200px) {
.headerCheckout .headerItem__icon.-back {
width: 15px;
height: 12px;
margin-right: 10px;
}
}
.headerCheckout .headerItem__icon.-phone {
width: 15px;
height: 15px;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.miniHeaderMenu {
display: none;
}
@media (min-width: 1366px) {
.miniHeader .stickyHeader {
height: 70px;
box-sizing: border-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.miniHeader .stickyHeader .new-header__seoHeadline,
.miniHeader .stickyHeader .new-header__link.-logo {
animation: fadeIn 750ms ease;
}
.miniHeader .stickyHeader .miniHeaderMenu {
display: flex;
flex-wrap: wrap;
height: 70px;
max-width: 80%;
overflow: hidden;
margin-left: 70px;
animation: fadeIn 550ms ease;
}
.miniHeader .stickyHeader .miniHeaderMenu.-blur .o-header__navItem {
transition: 250ms all;
}
.miniHeader .stickyHeader .miniHeaderMenu.-blur .o-header__navItem:not(.-hover) {
opacity: 0.5;
}
.miniHeader .stickyHeader .o-header__nav {
top: -70px;
height: 70px;
}
.miniHeader .stickyHeader .o-header__navItem {
margin-left: 0;
margin-right: 40px;
}
.miniHeader .stickyHeader .o-header__navItem--link {
height: 70px;
white-space: nowrap;
}
.miniHeader .stickyHeader .o-header__navItem:last-child {
margin-right: 0;
}
.miniHeader .stickyHeader .o-header__navSub {
width: 100vw;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.miniHeader .stickyHeader .new-header {
z-index: 6;
position: relative;
}
.miniHeader .stickyHeader .new-header__inner {
height: 70px;
}
.miniHeader .stickyHeader .new-header__logo {
width: 154px;
height: auto;
}
.miniHeader .stickyHeader .new-header__search {
position: absolute;
right: 0;
overflow: hidden;
background-color: #fff;
border-color: rgba(0, 0, 0, 0);
width: 44px;
height: 48px;
transition: all 250ms ease;
}
.miniHeader .stickyHeader .new-header__search input {
cursor: pointer;
text-indent: 99999px;
}
.miniHeader .stickyHeader .new-header__search:hover,
.miniHeader .stickyHeader .new-header__search:focus-within {
width: 370px;
border-color: #c4c4c4;
}
.miniHeader .stickyHeader .new-header__search:hover input,
.miniHeader .stickyHeader .new-header__search:focus-within input {
cursor: text;
text-indent: initial;
}
.miniHeader .stickyHeader .new-header__search:hover svg,
.miniHeader .stickyHeader .new-header__search:focus-within svg {
left: 10px;
width: 24px;
height: 24px;
}
.miniHeader .stickyHeader .new-header__icon.-search {
left: 5px;
width: 32px;
height: 32px;
}
.miniHeader .stickyHeader .new-header__area.-center {
justify-content: flex-start;
}
.miniHeader .stickyHeader .header-col__left,
.miniHeader .stickyHeader .header-col__center,
.miniHeader .stickyHeader .header-col__right {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.miniHeader .stickyHeader .header-col__left {
order: 2;
animation: fadeIn 900ms ease;
}
.miniHeader .stickyHeader .header-col__center {
order: 1;
flex: 1;
overflow: hidden;
}
.miniHeader .stickyHeader .header-col__right {
order: 3;
}
.miniHeader .stickyHeader .header__navbar {
z-index: auto;
height: 0;
background-color: rgba(0, 0, 0, 0);
}
.miniHeader .stickyHeader .header__navbar:before,
.miniHeader .stickyHeader .header__navbar:after {
background-color: rgba(0, 0, 0, 0);
}
.miniHeader .productList .-sticky-filter {
top: 70px;
}
.miniHeader .productList__top {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.miniHeader .favoriteList .-sticky,
.miniHeader .recommendationList .-sticky {
top: 70px;
}
}
@media (min-width: 1600px) {
.miniHeader .stickyHeader .miniHeaderMenu {
margin-left: 100px;
}
.miniHeader .stickyHeader .o-header__navItem {
margin-right: 50px;
}
}
@media (max-width: 767px) {
[page-body-customer] {
height: auto;
}
}
.footer {
margin-top: 100px;
}
@media (max-width: 767px) {
.footer {
border-top: 1px solid #dedede;
margin-top: 3.125rem;
}
}
@media (-webkit-device-pixel-ratio: 1.25) {
.footer {
zoom: 0.8;
}
}
.footer .container {
padding-left: 8px;
padding-right: 8px;
}
.footer .container .row {
margin-left: -8px;
margin-right: -8px;
min-width: 100%;
}
.footer .container .row [class*="col-"] {
position: relative;
padding-left: 8px;
padding-right: 8px;
}
.footer .container .row .col-xxl-3 {
width: 100%;
}
.footer .container .row .offset-1 {
margin-left: 8.333333%;
}
@media (min-width: 1366px) {
.footer .container,
.footer .container-lg,
.footer .container-md,
.footer .container-sm,
.footer .container-xl {
max-width: 1303px;
}
}
@media (min-width: 1600px) {
.footer .container,
.footer .container-lg,
.footer .container-md,
.footer .container-sm,
.footer .container-xl,
.footer .container-xxl {
max-width: 1520px;
}
.footer .container .row .col-xxl-3,
.footer .container-lg .row .col-xxl-3,
.footer .container-md .row .col-xxl-3,
.footer .container-sm .row .col-xxl-3,
.footer .container-xl .row .col-xxl-3,
.footer .container-xxl .row .col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.footer .container .offset-xxl-1,
.footer .container-lg .offset-xxl-1,
.footer .container-md .offset-xxl-1,
.footer .container-sm .offset-xxl-1,
.footer .container-xl .offset-xxl-1,
.footer .container-xxl .offset-xxl-1 {
margin-left: 8.333333%;
}
}
@media (min-width: 992px) {
.footer .offset-lg-1 {
margin-left: 8.333333%;
}
}
.footer .-mobile {
display: none;
}
@media (max-width: 992px) {
.footer .-mobile {
display: block !important;
}
}
.footer__top {
padding-top: 6.25rem;
padding-bottom: 6.1875rem;
}
.footer__top .row+.row {
margin-top: 1.5625rem;
}
@media (max-width: 992px) {
.footer__top {
padding-top: 2.5rem;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.footer__top {
display: none;
}
}
.footer__box.-info,
.footer__box.-app {
display: flex;
align-items: flex-start;
}
.footer__box.-brand {
padding: 2.6125rem 0 3.75rem;
border-right: 0.0625rem solid #d6d6d6;
min-height: 100%;
}
@media (max-width: 1367px) {
.footer__box.-brand {
margin-right: 2.5rem;
}
}
@media (max-width: 992px) {
.footer__box.-info {
margin-bottom: 1.5625rem;
}
.footer__box.-app {
margin-top: 1.875rem;
}
.footer__box.-brand {
padding: 3.125rem 0 3.75rem;
border-right: none;
margin-right: 0;
}
}
.footer__icon {
display: inline-block;
}
.footer__icon .icon {
display: block;
}
.footer__icon.-info {
margin-right: 1.25rem;
}
.footer__icon.-app {
max-width: 5.6875rem;
margin-right: 3.75rem;
}
.footer__title {
font-family: "Nunito Sans", sans-serif;
font-size: 1.375rem;
font-weight: normal;
color: #000;
line-height: 1;
}
.footer__title.-info {
margin-bottom: 0.625rem;
}
.footer__title.-app {
line-height: 1.5625rem;
margin-bottom: 0.9375rem;
margin-top: 0.3125rem;
}
.footer__title.-support {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
margin-bottom: 0.625rem;
}
.footer__title.-bulletin {
font-size: 1.25rem;
line-height: 1.875rem;
margin-bottom: 0.5rem;
}
.footer__title.-social {
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
line-height: 25px;
margin-bottom: 0.625rem;
}
.footer__title.-nav {
font-family: "Nunito Sans", sans-serif;
font-size: 18px;
margin-bottom: 1.875rem;
}
@media (max-width: 992px) {
.footer__title.-nav {
position: relative;
margin-bottom: 1.5625rem;
}
.footer__title.-nav::after {
content: "+";
position: absolute;
top: 0;
right: 0.625rem;
color: #888;
}
.footer__title.-nav.-show::after {
content: "-";
}
.footer__title.-nav.-show+[class*="__list"] {
display: block;
margin-bottom: 1.875rem;
}
.footer__title.-support {
font-size: 16px;
}
.footer__title.-social {
font-size: 12px;
}
.footer__title.-nav {
font-family: "Nunito Sans", sans-serif;
font-size: 18px;
}
}
.footer__text {
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
line-height: 1.25rem;
color: #626262;
margin: 0;
}
.footer__text.-app {
font-size: 1rem;
}
.footer__text.-bulletin {
margin-bottom: 1.25rem;
max-width: 15.625rem;
}
.footer__text.-brand {
font-family: "Nunito Sans", sans-serif;
font-size: 0.75rem;
color: #000;
line-height: 1;
margin-left: 10px;
}
.footer__text.-copyright {
font-family: "Nunito Sans", sans-serif;
font-size: 0.75rem;
color: #000;
line-height: 1;
text-align: right;
}
.footer__text.-copyright.-mobile {
display: none;
margin-bottom: 30px;
text-align: center;
}
.footer__text.-aboutus {
max-width: 255px;
margin-bottom: 50px;
}
.footer__text.-aboutus a {
font-family: "Nunito Sans", sans-serif;
color: inherit;
text-decoration: underline;
}
@media (max-width: 1600px) {
.footer__text.-aboutus {
max-width: 15.625rem;
}
}
@media (max-width: 992px) {
.footer__text.-aboutus {
margin: 0 auto;
}
}
@media (max-width: 767px) {
.footer__text.-aboutus {
display: none;
}
}
@media (max-width: 992px) {
.footer__text.-bulletin {
font-size: 1rem;
max-width: none;
}
.footer__text.-brand {
margin: 0.4375rem 0 0;
}
.footer__text.-copyright {
display: none;
}
.footer__text.-copyright.-mobile {
display: block;
}
}
.footer__link {
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
color: #626262;
}
.footer__link.-support {
font-family: "Nunito Sans", sans-serif;
font-size: 20px;
color: #000;
letter-spacing: 0.0625rem;
}
.footer__link.-social {
display: inline-block;
margin-right: 1.25rem;
}
.footer__link.-social:last-child {
margin-right: 0;
}
@media (max-width: 992px) {
.footer__link.-nav {
font-size: 1rem;
}
.footer__link.-support {
font-size: 20px;
}
}
.footer__apps {
display: flex;
margin-top: 3.375rem;
}
.footer__app {
max-width: 8.3125rem;
}
.footer__app.-ios {
margin-right: 1.5625rem;
}
.footer__inner {
border-top: 0.0625rem solid #d6d6d6;
border-bottom: 0.0625rem solid #d6d6d6;
}
@media (max-width: 992px) {
.footer__inner {
border: none;
text-align: center;
}
}
.footer__logo {
display: block;
}
.footer__logo.-store {
max-width: 165px;
margin-bottom: 20px;
}
.footer__logo.-aymarka {
max-width: 37px;
}
@media (max-width: 992px) {
.footer__logo.-store {
max-width: 165px;
margin: 0 auto 10px;
}
}
.footer__support {
margin-bottom: 2.5rem;
}
.footer__bulletin {
margin-bottom: 3.125rem;
}
.footer__form.-bulletin {
display: flex;
max-width: 19.5rem;
}
@media (max-width: 992px) {
.footer__form.-bulletin.-bulletin {
margin: auto;
}
}
.footer__input {
flex: 1;
border: 1px solid #d6d6d6;
font-family: "Nunito Sans", sans-serif;
font-size: 1rem;
padding: 0 0.9375rem;
color: rgba(0, 0, 0, 0.5);
}
.footer__input::-moz-placeholder {
color: inherit;
}
.footer__input::placeholder {
color: inherit;
}
.footer__button {
width: 6.125rem !important;
height: 2.5rem;
font-family: "Nunito Sans", sans-serif;
font-size: 0.75rem;
letter-spacing: 0.035rem;
line-height: 1;
float: unset !important;
margin-bottom: 0 !important;
}
@media (max-width: 992px) {
.footer__button {
height: 3.125rem;
}
}
.footer__nav {
padding: 3.125rem 0 1.875rem;
}
@media (max-width: 992px) {
.footer__nav {
padding: 0;
}
}
.footer__list+.footer__title.-nav {
margin-top: 47px;
}
@media (max-width: 992px) {
.footer__list {
display: none;
}
.footer__list+.footer__title.-nav {
margin-top: 0;
}
}
.footer__item+.footer__item {
margin-top: 1.25rem;
}
.footer__bottom {
height: 60px;
display: flex;
align-items: center;
}
@media (max-width: 992px) {
.footer__bottom {
height: auto;
padding-top: 3.125rem;
padding-bottom: 2rem;
}
}
.footer__brand {
display: flex;
align-items: center;
}
@media (max-width: 992px) {
.footer__brand {
flex-direction: column;
align-items: center;
padding-bottom: 0;
}
}
.footer__cards {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 992px) {
.footer__cards {
display: none;
}
}
.footerCheckout {
font-family: sans-serif;
display: flex;
align-items: center;
min-height: 334px;
border-top: 1px solid #dedede;
}
.footerCheckout .container {
padding-right: 8px;
padding-left: 8px;
}
@media (min-width: 1600px) {
.footerCheckout .container {
max-width: 1520px;
}
}
.footerCheckout .container .row {
margin-left: -8px;
margin-right: -8px;
}
.footerCheckout .container .row [class*="col-"] {
padding-right: 8px;
padding-left: 8px;
}
@media (max-width: 767px) {
.footerCheckout {
min-height: auto;
padding: 50px 0 38px 0;
}
}
@media (min-width: 1200px) {
.footerCheckout {
min-height: 200px;
}
}
.footerCheckout__top {
text-align: center;
margin-bottom: 70px;
}
@media (min-width: 1200px) {
.footerCheckout__top {
margin-bottom: 48px;
}
}
.footerCheckout__bottom {
display: flex;
flex-direction: column;
align-items: center;
}
.footerCheckout__link {
display: block;
margin-bottom: 30px;
color: #626262;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
line-height: 18px;
}
.footerCheckout__link:last-child {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.footerCheckout__link {
display: inline;
margin: 0 15px;
}
}
.footerCheckout__logo {
max-width: 104px;
height: 29px;
overflow: hidden;
margin-bottom: 10px;
}
.footerCheckout__text.-copyright {
color: #626262;
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
line-height: 15px;
}
.n-input {
position: relative;
display: flex;
flex-direction: column;
transition: all 0.2s;
touch-action: manipulation;
}
.n-input__wrapper {
position: relative;
}
.n-input__wrapper .input {
height: 50px;
background-color: #fff;
border: 0;
border-radius: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
width: 100%;
padding: 17px 0 13px;
}
.n-input__wrapper .input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.4);
font-family: "Nunito Sans", sans-serif;
}
.n-input__wrapper .input:-moz-placeholder {
color: rgba(0, 0, 0, 0.4);
font-family: "Nunito Sans", sans-serif;
}
.n-input__wrapper .input::-moz-placeholder {
color: rgba(0, 0, 0, 0.4);
font-family: "Nunito Sans", sans-serif;
}
.n-input__wrapper .input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.4);
font-family: "Nunito Sans", sans-serif;
}
.n-input__wrapper .input.valid {
color: #000;
}
.n-input__wrapper .input:not(:-moz-placeholder-shown) {
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.n-input__wrapper .input:hover,
.n-input__wrapper .input:not(:placeholder-shown) {
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.n-input__wrapper .input:hover::-webkit-input-placeholder,
.n-input__wrapper .input:not(:placeholder-shown)::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-input__wrapper .input:not(:-moz-placeholder-shown):-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-input__wrapper .input:hover:-moz-placeholder,
.n-input__wrapper .input:not(:placeholder-shown):-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-input__wrapper .input:not(:-moz-placeholder-shown)::-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-input__wrapper .input:hover::-moz-placeholder,
.n-input__wrapper .input:not(:placeholder-shown)::-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-input__wrapper .input:hover:-ms-input-placeholder,
.n-input__wrapper .input:not(:placeholder-shown):-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-input__wrapper .input:focus {
color: #000;
}
.n-input__wrapper .input:focus::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0);
}
.n-input__wrapper .input:focus:-moz-placeholder {
color: rgba(0, 0, 0, 0);
}
.n-input__wrapper .input:focus::-moz-placeholder {
color: rgba(0, 0, 0, 0);
}
.n-input__wrapper .input:focus:-ms-input-placeholder {
color: rgba(0, 0, 0, 0);
}
.n-input__wrapper .input:focus::-webkit-input-placeholder {
opacity: 1;
}
.n-input__wrapper .input:-moz-read-only {
background-color: #f8f9fa;
color: rgba(0, 0, 0, 0.4) !important;
cursor: unset;
}
.n-input__wrapper .input:disabled,
.n-input__wrapper .input:read-only {
background-color: #f8f9fa;
cursor: unset;
}
.n-input__wrapper .input:-moz-read-only:hover {
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.n-input__wrapper .input:disabled:hover,
.n-input__wrapper .input:read-only:hover {
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.n-input__wrapper .input:disabled:not(:-moz-placeholder-shown),
.n-input__wrapper .input:read-only:not(:-moz-placeholder-shown) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.n-input__wrapper .input:-moz-read-only:not(:placeholder-shown) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.n-input__wrapper .input:disabled:not(:placeholder-shown),
.n-input__wrapper .input:read-only:not(:placeholder-shown) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.n-input__wrapper .input:-moz-placeholder-shown+.label {
cursor: text;
max-width: 66.66%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transform-origin: left bottom;
transform: translate(0, 17px) scale(1);
-moz-transform: translate(0, 16px) scale(1);
display: inline;
color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
}
.n-input__wrapper .input:placeholder-shown+.label {
cursor: text;
max-width: 66.66%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transform-origin: left bottom;
transform: translate(0, 17px) scale(1);
-moz-transform: translate(0, 16px) scale(1);
display: inline;
color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
}
.n-input__wrapper .input:not(:-moz-placeholder-shown)+.label {
font-family: "Nunito Sans", sans-serif;
transform: translate(0, 0) scale(1);
cursor: pointer;
position: absolute;
top: -7px;
left: 0;
font-size: 12px;
line-height: 15px;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
}
.n-input__wrapper .input:not(:placeholder-shown)+.label,
.n-input__wrapper .input:focus+.label {
font-family: "Nunito Sans", sans-serif;
transform: translate(0, 0) scale(1);
cursor: pointer;
position: absolute;
left: 0;
font-size: 12px;
line-height: 15px;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
}
.n-input__wrapper .input::-moz-placeholder {
opacity: 0;
}
.n-input__wrapper .label {
line-height: 20px;
transition: all 0.2s;
touch-action: manipulation;
padding: unset;
font-size: unset;
font-weight: unset;
}
.n-input__wrapper.-error .input {
border-bottom-color: #ad3f3f;
}
.n-input__wrapper.-error .input {
border-bottom-color: #ad3f3f;
}
.n-input__wrapper.-success .input {
border-bottom-color: #50ba53;
}
.n-input__wrapper .input-validation-error {
border: none !important;
border-bottom: 1px solid #ad3f3f !important;
background-color: unset !important;
padding-right: 25px;
color: #000;
}
.n-input__wrapper .input-validation-error {
border: none !important;
border-bottom: 1px solid #ad3f3f !important;
background-color: unset !important;
padding-right: 25px;
color: #000;
}
.n-input__wrapper .field-validation-error {
background: unset !important;
font-family: "Nunito Sans", sans-serif;
font-size: 12px !important;
color: #ef4545 !important;
padding-left: unset !important;
line-height: unset !important;
margin-top: 3px !important;
min-height: unset !important;
}
.n-input__wrapper .field-validation-error span {
color: #ef4545 !important;
}
.n-input__wrapper .field-validation-error:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%273%27 height=%2712%27 viewBox=%270 0 3 12%27%3E%3Cg transform=%27translate%28-4.5%29%27 fill=%27%23d94646%27%3E%3Cpath d=%27M6.961 7.633 7.359 0h-2.7l.4 7.633z%27/%3E%3Ccircle cx=%271.5%27 cy=%271.5%27 r=%271.5%27 transform=%27translate%284.5 9%29%27/%3E%3C/g%3E%3C/svg%3E");
width: 3px;
height: 12px;
display: block;
position: absolute;
right: 10px;
top: -31px;
}
.n-input__wrapper.-hasValue .input {
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
color: #000;
}
.n-input__wrapper.-hasValue .input:disabled:hover {
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.n-input__wrapper.-hasPrefix .input {
padding-left: 50px;
}
.n-input__wrapper.-hasPrefix .input:-moz-placeholder-shown+.label {
left: 50px;
}
.n-input__wrapper.-hasPrefix .input:placeholder-shown+.label {
left: 50px;
}
.n-input__wrapper.-hasPrefix .input:not(:-moz-placeholder-shown)+.label {
left: 0;
}
.n-input__wrapper.-hasPrefix .input:not(:placeholder-shown)+.label,
.n-input__wrapper.-hasPrefix .input:focus+.label {
left: 0;
}
.n-input__prefix {
position: absolute;
transform: translate(1px, 17px);
z-index: 2;
padding-right: 9px;
border-right: 1px solid #b9b9b9;
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
line-height: 20px;
}
.n-input__prefix.-disabled {
opacity: 0.4;
}
.n-input__suffix {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
padding-top: 8px;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
}
.n-input__suffix.-disabled {
opacity: 0.4;
}
.n-input .alert {
display: block;
margin-top: 3px;
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
line-height: 14px;
}
.n-input .alert.-error {
color: #ef4545;
}
.n-input .alert.-success {
color: #378d3a;
}
.n-input .alert-icon {
position: absolute;
top: 23px;
right: 10px;
}
.n-input .show-hide-password {
position: absolute;
top: 12px;
right: 0;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-color: #fff;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.n-input .show-hide-password .eye-hide {
display: none;
}
.n-input .show-hide-password.showing .eye-show {
display: none;
}
.n-input .show-hide-password.showing .eye-hide {
display: block;
}
.n-input .passwordRules {
display: none;
position: absolute;
top: -85px;
left: 50%;
z-index: 2;
padding: 18px 15px;
margin: 0 0 0 -77px;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);
background-color: #333;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
line-height: 18px;
color: #fff;
}
.n-input .passwordRules li:before {
position: relative;
top: 2px;
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-right: 7px;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27%3E%3Cpath data-name=%27Path 759%27 d=%27M10.707 1.293a1 1 0 0 0-1.414 0L6 4.586 2.707 1.293a1 1 0 1 0-1.414 1.414L4.586 6 1.293 9.293a1 1 0 1 0 1.414 1.414L6 7.414l3.293 3.293a1 1 0 1 0 1.414-1.414L7.414 6l3.293-3.293a1 1 0 0 0 0-1.414z%27 transform=%27translate%28-1 -1%29%27 style=%27fill:%23ef4545%27/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.n-input .passwordRules li.valid:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%279%27 viewBox=%270 0 12 9%27%3E%3Cpath data-name=%27Path 757%27 d=%27M10.293 1.293 4 7.586 1.707 5.293A1 1 0 1 0 .293 6.707l3 3a1 1 0 0 0 1.414 0l7-7a1 1 0 1 0-1.414-1.414z%27 transform=%27translate%280 -1%29%27 style=%27fill:%2350ba53%27/%3E%3C/svg%3E");
}
.n-input .passwordRules:after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
margin: 0 0 0 -12px;
display: block;
width: 0;
height: 0;
border-left: 12px solid rgba(0, 0, 0, 0);
border-right: 12px solid rgba(0, 0, 0, 0);
border-top: 8px solid #333;
}
.n-input__info {
position: absolute;
top: 12px;
right: 0;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
z-index: 3;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.n-input__info svg {
opacity: 0.4;
}
.n-input__info:hover .n-input__tooltip {
display: block;
}
.n-input__tooltip {
display: none;
position: absolute;
bottom: 40px;
width: 210px;
padding: 15px;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);
background-color: #333;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
color: #fff;
}
@media (max-width: 767px) {
.n-input__tooltip {
right: 0;
}
}
.n-input__tooltip i {
font-family: "Nunito Sans", sans-serif;
font-style: italic;
}
.n-input__tooltip:before {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
margin: 0 0 0 -12px;
display: block;
width: 0;
height: 0;
border-left: 12px solid rgba(0, 0, 0, 0);
border-right: 12px solid rgba(0, 0, 0, 0);
border-top: 8px solid #333;
}
@media (max-width: 767px) {
.n-input__tooltip:before {
left: initial;
right: 8px;
}
}
.n-input ::-webkit-input-placeholder {
opacity: 0;
-webkit-transition: inherit;
transition: inherit;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
.custom-n-select {
position: relative;
display: inline-block;
width: 100%;
}
.custom-n-select .n-select-label {
font-family: "Nunito Sans", sans-serif;
font-size: 16px !important;
color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 17px;
left: 0;
transition: all 200ms;
z-index: 0;
}
.custom-n-select.-selected .filter-option {
color: #000 !important;
}
.custom-n-select .n-select .dropdown-toggle {
background-color: unset;
height: 50px;
font-family: "Nunito Sans", sans-serif;
font-size: 16px !important;
letter-spacing: normal !important;
color: #000 !important;
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
text-transform: unset;
padding: 0 !important;
margin: 0 !important;
z-index: 1;
}
.custom-n-select .n-select .dropdown-toggle:after {
width: 11px;
height: 6px;
top: 30px;
right: 10px;
margin-top: -7px;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710.414%27 height=%275.707%27 viewBox=%270 0 10.414 5.707%27%3E%3Cg fill=%27none%27%3E%3Cpath d=%27M0 0h30v30H0z%27/%3E%3Cpath d=%27M22 8 8 22m14 0L8 8%27 stroke=%27%23212121%27 stroke-linecap=%27square%27 stroke-miterlimit=%2710%27 stroke-width=%271.5%27/%3E%3C/g%3E%3C/svg%3E");
}
.custom-n-select .n-select.-selected+.n-select-label {
font-family: "Nunito Sans", sans-serif;
font-size: 12px !important;
top: -7px;
color: rgba(0, 0, 0, 0.5);
}
.custom-n-select .n-select.-selected .filter-option {
color: #000;
}
.custom-n-select .n-select.open .dropdown-toggle:after {
transform: rotate(180deg);
}
.custom-n-select .n-select div.dropdown-menu {
border: solid 1px #91979d;
background-color: #fff;
margin-top: 3px;
}
.custom-n-select .n-select div.dropdown-menu.open {
padding: 7px 7px 7px 0;
}
.custom-n-select .n-select ul.dropdown-menu.inner {
max-height: 150px !important;
scrollbar-color: #838383 #cacbcd;
scrollbar-width: thin;
}
.custom-n-select .n-select ul.dropdown-menu.inner::-webkit-scrollbar {
height: 2px;
width: 2px;
}
.custom-n-select .n-select ul.dropdown-menu.inner::-webkit-scrollbar-track {
background-color: #ddd;
}
.custom-n-select .n-select ul.dropdown-menu.inner::-webkit-scrollbar-thumb {
background-color: #000;
}
.custom-n-select .n-select ul.dropdown-menu.inner li a {
font-family: "Nunito Sans", sans-serif;
font-size: 16px !important;
padding: 14px 20px;
color: #000;
}
.custom-n-select .n-select ul.dropdown-menu.inner li a:hover {
background-color: #f5f5f7 !important;
}
.custom-n-select .n-select ul.dropdown-menu.inner li a span {
margin: 0;
padding: 0;
}
.custom-n-select .n-select ul.dropdown-menu.inner li a.empty {
display: none !important;
}
.custom-n-select .n-select.input-validation-error {
border: none !important;
border-bottom: 1px solid #ad3f3f !important;
background-color: unset !important;
}
.custom-n-select .n-select.input-validation-error .dropdown-toggle {
border-bottom: 0 !important;
}
.custom-n-select .n-select .filter-option {
display: none;
align-items: center;
height: 50px;
line-height: normal !important;
padding: 17px 0 13px;
color: rgba(0, 0, 0, 0.4);
}
.custom-n-select .n-select.floating-label .filter-option {
display: none !important;
}
.custom-n-select .field-validation-error {
background: unset !important;
font-family: "Nunito Sans", sans-serif;
font-size: 12px !important;
color: #ef4545 !important;
padding-left: unset !important;
line-height: unset !important;
margin-top: 3px !important;
min-height: unset !important;
}
.custom-n-select .field-validation-error:after {
display: none;
}
.custom-n-select .field-validation-error span {
color: #ef4545 !important;
}
.custom-n-select.-selected .floating-label .filter-option {
display: block;
color: #000;
}
.custom-n-select.-selected .n-select-label {
font-family: "Nunito Sans", sans-serif;
font-size: 12px !important;
top: -7px;
color: rgba(0, 0, 0, 0.5);
}
.custom-n-select.-selected .dropdown-toggle {
border-bottom-color: rgba(0, 0, 0, 0.6) !important;
}
.custom-n-select.-selected .dropdown-toggle .filter-option {
display: flex !important;
}
.custom-n-select .n-select.-selected .dropdown-toggle {
border-bottom-color: rgba(0, 0, 0, 0.6) !important;
}
.custom-n-select .n-select.-selected .dropdown-toggle .filter-option {
display: flex !important;
}
.n-checkbox {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-family: "Nunito Sans", sans-serif;
display: inline-flex;
align-items: center;
transition: 250ms all;
}
.n-checkbox.-disabled {
cursor: not-allowed;
}
.n-checkbox:not(.-disabled):hover {
opacity: 0.7;
}
@media (max-width: 767px) {
.n-checkbox:not(.-disabled):hover {
opacity: 1;
}
}
.n-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.n-checkbox input:checked~.checkmark {
background-color: #000;
border-color: #000;
}
.n-checkbox input:checked:disabled~.checkmark,
.n-checkbox input:disabled~.checkmark {
background-color: #f5f5f7;
border-color: #bec0c3;
}
.n-checkbox input:checked:disabled~.checkmark-icon,
.n-checkbox input:disabled~.checkmark-icon {
color: #afafaf;
}
.n-checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
border: 1px solid #c1c1c1;
display: flex;
justify-content: center;
align-items: center;
}
.n-checkbox .checkmark-icon {
width: 6px;
height: 6px;
color: #fff;
}
@media (min-width: 992px) {
.n-checkbox .checkmark-icon {
width: 9px;
height: 8px;
}
}
.n-checkbox .loader {
position: absolute;
top: 0;
left: 0;
}
.n-checkbox .loader .spinner .path {
stroke: #afafaf;
}
.n-button {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 250ms all;
}
.n-button.-primary {
height: 40px;
padding: 0 10px;
background-color: #000;
color: #fff;
font-family: "Nunito Sans", sans-serif;
position: relative;
font-size: 16px;
letter-spacing: 0.96px;
transition: all 200ms ease-in-out;
}
@media (max-width: 767px) {
.n-button.-primary {
font-weight: 500;
}
}
.n-button.-primary:disabled {
background-color: #acacac;
cursor: not-allowed;
}
.n-button.-primary:disabled:hover {
background-color: #acacac;
}
.n-button.-primary:hover {
color: #fff;
background-color: #303030;
}
.n-button.-primary.small {
height: 28px;
font-size: 11px;
letter-spacing: 0.44px;
padding: 0 10px;
}
.n-button.-primary.small .spinner {
width: 14px;
height: 14px;
}
@media (min-width: 992px) {
.n-button.-primary.small {
height: 30px;
}
.n-button.-primary.small .spinner {
width: 15px;
height: 15px;
}
}
.n-button.-primary.large {
height: 50px;
letter-spacing: 0.96px;
}
.n-button.-primary.block {
width: 100%;
}
.n-button.-primary.outline {
background-color: #fff;
color: #000;
border: 1px solid #000;
font-family: "Nunito Sans", sans-serif;
opacity: 1;
}
.n-button.-primary.outline:hover {
opacity: 0.7;
}
.n-button.-primary.outline .spinner .path {
stroke: #000;
}
.n-button.-primary.outline:disabled {
opacity: 0.3;
}
.n-button.-primary.outline:disabled:hover {
background-color: #fff;
opacity: 0.3;
}
.n-button.-secondary {
color: #000;
font-family: "Nunito Sans", sans-serif;
text-decoration: underline;
}
@media (min-width: 992px) {
.n-button.-secondary {
font-size: 14px;
font-weight: normal;
line-height: 18px;
}
.n-button.-secondary:hover {
opacity: 0.7;
}
}
.n-button.-secondary:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.n-button.-secondary .spinner .path {
stroke: #000;
}
.n-button.-modal {
height: 50px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
letter-spacing: 0.28px;
}
@media (min-width: 992px) {
.n-button.-modal {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.32px;
}
}
.n-button.block {
width: 100%;
}
a.n-button {
display: inline-flex;
align-items: center;
justify-content: center;
}
.n-alert {
position: relative;
display: flex;
align-items: center;
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0);
font-family: "Nunito Sans", sans-serif;
font-size: 13px;
text-align: left;
line-height: 16px;
}
.n-alert.-closeable {
padding-right: 37px;
}
@media (min-width: 992px) {
.n-alert {
padding: 10px 20px 10px;
font-size: 14px;
line-height: 18px;
}
}
.n-alert.-text {
padding: 0;
font-size: 12px;
}
.n-alert .left-icon {
display: none;
}
@media (min-width: 1200px) {
.n-alert .left-icon {
display: block;
margin-right: 10px;
}
}
.n-alert .close {
display: inline-flex;
position: absolute;
right: 15px;
cursor: pointer;
}
@media (min-width: 1200px) {
.n-alert .close {
right: 10px;
}
}
.n-alert.warning {
background-color: rgba(239, 180, 69, 0.1);
color: #b48327;
}
.n-alert.warning .left-icon g,
.n-alert.warning .close g {
fill: #b48327;
stroke: #b48327;
}
.n-alert.error {
border-color: #f69797;
background-color: #feecec;
color: #ef4545;
}
.n-alert.error .left-icon g,
.n-alert.error .close g {
fill: #ef4545;
stroke: #ef4545;
}
.n-alert.success {
border: 1px solid #7ac46f;
background-color: #e9f9ea;
color: #326a34;
}
.n-alert.success.-text {
background-color: rgba(0, 0, 0, 0);
}
.n-alert.success:not(.-custom) .left-icon g,
.n-alert.success:not(.-custom) .close g {
fill: #326a34;
stroke: #326a34;
}
.n-alert.info {
background-color: rgba(12, 84, 96, 0.1);
color: #0c5460;
}
.n-alert.info .left-icon {
display: none;
}
.n-alert.info .left-icon g,
.n-alert.info .close g {
fill: #0c5460;
stroke: #0c5460;
}
.n-alert.primary {
background-color: rgba(56, 61, 65, 0.1);
color: #383d41;
}
.n-alert.primary .left-icon g,
.n-alert.primary .close g {
fill: #383d41;
stroke: #383d41;
}
.n-alert.-general {
padding: 7px 10px;
margin: -7px 0 0;
border-width: 1px;
border-style: solid;
}
@media (min-width: 1200px) {
.n-alert.-general {
margin-bottom: 10px;
}
}
.n-alert.-general.error {
color: #ad1212;
border-color: rgba(239, 69, 69, 0.5);
}
.fancybox-overlay {
background-image: unset !important;
background-color: rgba(0, 0, 0, 0.4) !important;
}
.fancybox-wrap .fancybox-skin {
box-shadow: unset !important;
}
.fancybox-wrap .fancybox-close {
top: 10px;
right: 10px;
width: 30px;
height: 30px;
background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2730%27 width=%2730%27%3E%3Cg fill=%27none%27%3E%3Cpath d=%27M0 0h30v30H0z%27/%3E%3Cpath d=%27M22 8 8 22m14 0L8 8%27 stroke=%27%23212121%27 stroke-linecap=%27square%27 stroke-miterlimit=%2710%27 stroke-width=%271.5%27/%3E%3C/g%3E%3C/svg%3E") !important;
background-repeat: no-repeat;
}
.fancybox-wrap .fancybox-close:hover {
background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2730%27 width=%2730%27%3E%3Cg fill=%27none%27%3E%3Cpath d=%27M0 0h30v30H0z%27/%3E%3Cpath d=%27M22 8 8 22m14 0L8 8%27 stroke=%27%23212121%27 stroke-linecap=%27square%27 stroke-miterlimit=%2710%27 stroke-width=%271.5%27/%3E%3C/g%3E%3C/svg%3E") !important;
}
.fancybox-wrap .fancybox-inner {
color: #626262;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
line-height: 18px;
}
.fancybox-wrap .generalSplash {
padding: 20px !important;
}
.fancybox-wrap .generalSplash.contactAgreementPopup {
padding: 35px 35px 25px 35px !important;
}
.fancybox-wrap .generalSplash.emailConfirmationModal {
padding: 35px 35px 25px 35px !important;
}
@media (max-width: 767px) {
.fancybox-wrap .generalSplash {
width: auto !important;
}
.fancybox-wrap .generalSplash.contactAgreementPopup {
padding: 15px !important;
}
.fancybox-wrap .generalSplash.emailConfirmationModal {
padding: 15px !important;
}
}
@media (max-width: 375px) {
.fancybox-wrap .generalSplash {
padding-top: 40px !important;
}
}
.fancybox-wrap .generalSplash h5,
.fancybox-wrap .generalSplash h6 {
font-family: "Nunito Sans", sans-serif;
font-size: 16px !important;
line-height: 20px !important;
border-bottom: unset !important;
padding-right: 30px;
color: #000 !important;
text-transform: unset;
}
.fancybox-wrap .generalSplash .splash-inner {
scrollbar-color: #111 #eee;
scrollbar-width: thin;
}
.fancybox-wrap .generalSplash .splash-inner strong {
color: #626262;
}
@media (max-width: 767px) {
.fancybox-wrap .generalSplash .splash-inner {
height: 270px !important;
margin: 10px 0;
}
}
@media (max-width: 375px) {
.fancybox-wrap .generalSplash .splash-inner {
height: 210px !important;
}
}
.fancybox-wrap .generalSplash .splash-inner::-webkit-scrollbar-track {
background-color: #eee;
}
.fancybox-wrap .generalSplash .splash-inner::-webkit-scrollbar {
width: 2px;
background-color: #eee;
-webkit-overflow-scrolling: touch;
}
.fancybox-wrap .generalSplash .splash-inner::-webkit-scrollbar-thumb {
background-color: #111;
border-radius: 20px;
}
.contactAgreementPopup {
width: 470px;
}
@media (max-width: 767px) {
.contactAgreementPopup {
width: 100%;
}
}
.contactAgreementPopup.generalSplash {
font-size: 16px;
line-height: 22px;
}
.contactAgreementPopup.generalSplash h6 {
font-family: "Nunito Sans", sans-serif;
font-size: 20px !important;
}
.contactAgreementPopup.generalSplash p {
font-size: 16px;
line-height: 22px;
font-family: "FreightMicroPro-Book" !important;
}
.emailConfirmationModal {
width: 390px;
}
.emailConfirmationModal.generalSplash {
font-size: 16px;
line-height: 22px;
font-family: "FreightMicroPro-Book" !important;
}
.emailConfirmationModal.generalSplash h6 {
font-family: "Nunito Sans", sans-serif;
font-size: 20px !important;
padding: 0;
}
.emailConfirmationModal.-alternativeEmail {
width: 420px;
}
.emailConfirmationModal.-welcome {
width: 420px;
}
.emailConfirmationModal.-welcome.generalSplash strong {
font-family: "Nunito Sans", sans-serif;
color: #000;
}
@media (max-width: 767px) {
.emailConfirmationModal {
width: 100%;
}
}
.fancybox-lock .page-wrapper {
filter: unset !important;
}
.fancybox-lock body ::-webkit-scrollbar {
display: none;
}
.n-textarea {
position: relative;
display: flex;
flex-direction: column;
transition: all 0.2s;
touch-action: manipulation;
}
.n-textarea__wrapper {
position: relative;
}
.n-textarea__wrapper .textarea {
min-height: 50px;
background-color: #fff;
border: 0;
border-radius: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
width: 100%;
margin: 10px 0 0 0;
padding-right: 10px;
display: block;
vertical-align: bottom;
}
.n-textarea__wrapper .textarea::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.4);
font-family: "Nunito Sans", sans-serif;
}
.n-textarea__wrapper .textarea.valid {
color: #000;
}
.n-textarea__wrapper .textarea:not(:-moz-placeholder-shown) {
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.n-textarea__wrapper .textarea:hover,
.n-textarea__wrapper .textarea:not(:placeholder-shown) {
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.n-textarea__wrapper .textarea:hover::-webkit-input-placeholder,
.n-textarea__wrapper .textarea:not(:placeholder-shown)::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-textarea__wrapper .textarea:not(:-moz-placeholder-shown):-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-textarea__wrapper .textarea:hover:-moz-placeholder,
.n-textarea__wrapper .textarea:not(:placeholder-shown):-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-textarea__wrapper .textarea:not(:-moz-placeholder-shown)::-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-textarea__wrapper .textarea:hover::-moz-placeholder,
.n-textarea__wrapper .textarea:not(:placeholder-shown)::-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-textarea__wrapper .textarea:hover:-ms-input-placeholder,
.n-textarea__wrapper .textarea:not(:placeholder-shown):-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.n-textarea__wrapper .textarea:focus {
color: #000;
}
.n-textarea__wrapper .textarea:focus::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0);
}
.n-textarea__wrapper .textarea:focus:-moz-placeholder {
color: rgba(0, 0, 0, 0);
}
.n-textarea__wrapper .textarea:focus::-moz-placeholder {
color: rgba(0, 0, 0, 0);
}
.n-textarea__wrapper .textarea:focus:-ms-input-placeholder {
color: rgba(0, 0, 0, 0);
}
.n-textarea__wrapper .textarea:focus::-webkit-input-placeholder {
opacity: 1;
}
.n-textarea__wrapper .textarea:-moz-read-only {
background-color: #f8f9fa;
color: rgba(0, 0, 0, 0.4) !important;
cursor: unset;
}
.n-textarea__wrapper .textarea:disabled,
.n-textarea__wrapper .textarea:read-only {
background-color: #f8f9fa;
color: rgba(0, 0, 0, 0.4) !important;
cursor: unset;
}
.n-textarea__wrapper .textarea:-moz-read-only:hover {
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.n-textarea__wrapper .textarea:disabled:hover,
.n-textarea__wrapper .textarea:read-only:hover {
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.n-textarea__wrapper .textarea:disabled:not(:-moz-placeholder-shown),
.n-textarea__wrapper .textarea:read-only:not(:-moz-placeholder-shown) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.n-textarea__wrapper .textarea:-moz-placeholder-shown+.label {
cursor: text;
max-width: 66.66%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transform-origin: left bottom;
transform: translate(0, 17px) scale(1);
-moz-transform: translate(0, 16px) scale(1);
display: inline;
color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
}
.n-textarea__wrapper .textarea:placeholder-shown+.label {
cursor: text;
max-width: 66.66%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transform-origin: left bottom;
transform: translate(0, 17px) scale(1);
-moz-transform: translate(0, 16px) scale(1);
display: inline;
color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
}
.n-textarea__wrapper .textarea:not(:-moz-placeholder-shown)+.label {
font-family: "Nunito Sans", sans-serif;
transform: translate(0, 0) scale(1);
cursor: pointer;
position: absolute;
top: -7px;
left: 0;
font-size: 12px;
line-height: 15px;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
}
.n-textarea__wrapper .textarea:not(:placeholder-shown)+.label,
.n-textarea__wrapper .textarea:focus+.label {
font-family: "Nunito Sans", sans-serif;
transform: translate(0, 0) scale(1);
cursor: pointer;
position: absolute;
top: -7px;
left: 0;
font-size: 12px;
line-height: 15px;
font-weight: 500;
color: rgba(0, 0, 0, 0.5);
}
.n-textarea__wrapper .textarea::-moz-placeholder {
opacity: 0;
}
.n-textarea__wrapper .textarea::-webkit-scrollbar {
width: 2px;
}
.n-textarea__wrapper .textarea::-webkit-scrollbar-track {
background-color: #ddd;
}
.n-textarea__wrapper .textarea::-webkit-scrollbar-thumb {
background-color: #000;
}
.n-textarea__wrapper .label {
line-height: 20px;
transition: all 0.2s;
touch-action: manipulation;
padding: unset;
font-size: unset;
font-weight: unset;
}
.n-textarea__wrapper.-error .input {
border-bottom-color: #ad3f3f;
}
.n-textarea__wrapper.-success .input {
border-bottom-color: #50ba53;
}
.n-textarea__wrapper .input-validation-error {
border: none !important;
border-bottom: 1px solid #ad3f3f !important;
background-color: unset !important;
padding-right: 25px;
color: #000;
}
.n-textarea__wrapper .field-validation-error {
background: unset !important;
font-family: "Nunito Sans", sans-serif;
font-size: 12px !important;
color: #ef4545 !important;
padding-left: unset !important;
line-height: unset !important;
margin-top: 3px !important;
min-height: unset !important;
}
.n-textarea__wrapper .field-validation-error span {
color: #ef4545 !important;
}
.n-textarea__wrapper .field-validation-error:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%273%27 height=%2712%27 viewBox=%270 0 3 12%27%3E%3Cg transform=%27translate%28-4.5%29%27 fill=%27%23d94646%27%3E%3Cpath d=%27M6.961 7.633 7.359 0h-2.7l.4 7.633z%27/%3E%3Ccircle cx=%271.5%27 cy=%271.5%27 r=%271.5%27 transform=%27translate%284.5 9%29%27/%3E%3C/g%3E%3C/svg%3E");
width: 3px;
height: 12px;
display: block;
position: absolute;
right: 10px;
top: -31px;
}
.n-textarea__wrapper.-hasValue .input {
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
color: #000;
}
.n-textarea__wrapper.-hasValue .input:disabled:hover {
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.n-textarea__wrapper.-hasPrefix .input {
padding-left: 50px;
}
.n-textarea__wrapper.-hasPrefix .input:-moz-placeholder-shown+.label {
left: 50px;
}
.n-textarea__wrapper.-hasPrefix .input:placeholder-shown+.label {
left: 50px;
}
.n-textarea__wrapper.-hasPrefix .input:not(:-moz-placeholder-shown)+.label {
left: 0;
}
.n-textarea__wrapper.-hasPrefix .input:not(:placeholder-shown)+.label,
.n-textarea__wrapper.-hasPrefix .input:focus+.label {
left: 0;
}
.n-textarea__prefix {
position: absolute;
transform: translate(1px, 17px);
z-index: 2;
padding-right: 9px;
border-right: 1px solid #b9b9b9;
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
line-height: 20px;
}
.n-textarea__prefix.-disabled {
opacity: 0.4;
}
.n-textarea__suffix {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
padding-top: 8px;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
}
.n-textarea__suffix.-disabled {
opacity: 0.4;
}
.n-textarea .alert {
display: block;
margin-top: 3px;
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
line-height: 14px;
}
.n-textarea .alert.-error {
color: #ef4545;
}
.n-textarea .alert.-success {
color: #378d3a;
}
.n-textarea .alert-icon {
position: absolute;
top: 23px;
right: 10px;
}
.n-textarea .show-hide-password {
position: absolute;
top: 12px;
right: 0;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-color: #fff;
z-index: 3;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.n-textarea .show-hide-password .eye-hide {
display: none;
}
.n-textarea .show-hide-password.showing .eye-show {
display: none;
}
.n-textarea .show-hide-password.showing .eye-hide {
display: block;
}
.n-textarea .passwordRules {
display: none;
position: absolute;
top: -85px;
left: 50%;
z-index: 2;
padding: 18px 15px;
margin: 0 0 0 -77px;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);
background-color: #333;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
line-height: 18px;
color: #fff;
}
.n-textarea .passwordRules li:before {
position: relative;
top: 2px;
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-right: 7px;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27%3E%3Cpath data-name=%27Path 759%27 d=%27M10.707 1.293a1 1 0 0 0-1.414 0L6 4.586 2.707 1.293a1 1 0 1 0-1.414 1.414L4.586 6 1.293 9.293a1 1 0 1 0 1.414 1.414L6 7.414l3.293 3.293a1 1 0 1 0 1.414-1.414L7.414 6l3.293-3.293a1 1 0 0 0 0-1.414z%27 transform=%27translate%28-1 -1%29%27 style=%27fill:%23ef4545%27/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.n-textarea .passwordRules li.valid:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%279%27 viewBox=%270 0 12 9%27%3E%3Cpath data-name=%27Path 757%27 d=%27M10.293 1.293 4 7.586 1.707 5.293A1 1 0 1 0 .293 6.707l3 3a1 1 0 0 0 1.414 0l7-7a1 1 0 1 0-1.414-1.414z%27 transform=%27translate%280 -1%29%27 style=%27fill:%2350ba53%27/%3E%3C/svg%3E");
}
.n-textarea .passwordRules:after {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
margin: 0 0 0 -12px;
display: block;
width: 0;
height: 0;
border-left: 12px solid rgba(0, 0, 0, 0);
border-right: 12px solid rgba(0, 0, 0, 0);
border-top: 8px solid #333;
}
.n-textarea__info {
position: absolute;
top: 12px;
right: 0;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
z-index: 9;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.n-textarea__info svg {
opacity: 0.4;
}
.n-textarea__info:hover .n-input__tooltip {
display: block;
}
.n-textarea__tooltip {
display: none;
position: absolute;
bottom: 40px;
width: 210px;
padding: 15px;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);
background-color: #333;
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
color: #fff;
}
@media (max-width: 767px) {
.n-textarea__tooltip {
right: 0;
}
}
.n-textarea__tooltip i {
font-family: "Nunito Sans", sans-serif;
font-style: italic;
}
.n-textarea__tooltip:before {
content: "";
position: absolute;
bottom: -8px;
left: 50%;
margin: 0 0 0 -12px;
display: block;
width: 0;
height: 0;
border-left: 12px solid rgba(0, 0, 0, 0);
border-right: 12px solid rgba(0, 0, 0, 0);
border-top: 8px solid #333;
}
@media (max-width: 767px) {
.n-textarea__tooltip:before {
left: initial;
right: 8px;
}
}
.n-textarea ::-webkit-input-placeholder {
opacity: 0;
-webkit-transition: inherit;
transition: inherit;
}
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
.header__navbar {
width: 100%;
height: 2.6875rem;
background-color: #fff;
position: relative;
z-index: 3;
}
.o-header__nav {
display: flex;
position: relative;
justify-content: center;
align-items: stretch;
margin-left: 0rem !important;
flex: 1 100%;
height: 2.6875rem;
}
.o-header__navItem {
margin-right: 40px;
margin-left: 40px;
}
.o-header__navItem--link {
font-family: "Nunito Sans", sans-serif;
font-size: 18px;
letter-spacing: 0.7px;
color: #000;
text-transform: uppercase;
padding: 0;
display: flex;
align-items: center;
height: 43px;
position: relative;
padding-left: 26px;
}
.menu__item {
display: block;
width: calc(100% - 50px);
}
.menu__level {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
overflow-y: scroll;
width: calc(100% + 50px);
height: 100%;
padding: 0 0 65px 0;
margin: 0;
visibility: visible;
list-style-type: none;
}
.menu__wrap {
position: absolute;
top: 8px;
bottom: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.mlNav {
position: fixed;
z-index: 9999;
top: 59px;
left: 0;
width: 100%;
height: calc(100% - 59px);
max-width: 79%;
background: #fff;
transform: translate3d(-100%, 0, 0);
transition: transform .3s;
}
.menu--open {
border-top: 0.5px solid #e2e2e2;
transform: translate3d(0, 0, 0);
}
.menu__login .sign-in-up {
height: 50px;
font-family: "Nunito Sans", sans-serif;
font-size: .875rem;
line-height: 18px;
text-align: center;
letter-spacing: .84px;
}
.productList__top {
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
height: 75px;
background-color: #fff;
}
.productList__top:before {
content: "";
background-color: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.breadcrumb-wrapper {
height: 55px;
display: flex;
align-items: center;
}
.productList__headline {
margin-bottom: 20px;
}
.productList__title {
display: inline-block;
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 24px;
font-weight: normal;
line-height: 40px;
}
.heroGrid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.products__item {
margin-bottom: 40px;
}
.product {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
}
.product__header {
margin-bottom: 10px;
position: relative;
z-index: 1;
border: none;
}
.product__badges {
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
z-index: 1;
display: flex;
align-items: flex-start;
transition: 250ms all;
}
.product__badge:last-child {
margin-right: 0;
}
.product__badge {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 5px;
position: absolute;
top: 5px;
left: 5px;
z-index: 2;
}
.product__badge img {
width: auto;
max-height: 30px;
display: block;
}
.product__imageWrapper {
position: relative;
display: block;
overflow: hidden;
background-size: cover;
}
.product__imageList {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
display: flex;
}
.product__imageItem {
flex: 1;
}
.product__previewImage {
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
visibility: hidden;
max-width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.product__sizeContent {
z-index: 10;
opacity: 0;
visibility: hidden;
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
min-height: 52px;
background-color: rgba(248, 248, 248, .9);
transition: 250ms all;
}
.product__sizeList {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
.product__addBasket {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 52px;
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
line-height: 40px;
font-weight: normal;
text-align: center;
cursor: pointer;
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button;
}
.product__content {
flex: 1;
display: flex;
flex-direction: column;
position: relative;
}
.product__brand {
font-family: "Nunito Sans", sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 14px;
color: #888;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 2px;
display: block;
}
.product__type {
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: #666;
margin-bottom: 4px;
display: block;
}
.product__size {
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 16px;
color: #888;
margin-bottom: 8px;
display: block;
}
/* Yıldız Değerlendirme Stilleri */
.product__rating {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 8px;
}
.product__stars {
display: flex;
gap: 1px;
}
.product__stars .star {
font-size: 14px;
line-height: 1;
}
.product__stars .star--full {
color: #FFB800;
}
.product__stars .star--half {
color: #FFB800;
position: relative;
}
.product__stars .star--half::after {
content: '☆';
position: absolute;
left: 0;
color: #D4D4D4;
clip-path: inset(0 0 0 50%);
}
.product__stars .star--empty {
color: #D4D4D4;
}
.product__reviewCount {
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
font-weight: 400;
color: #888;
}
.product__title {
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 20px;
color: #000;
padding-right: 41px;
margin-bottom: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.product__action.-addFavorite {
width: 41px;
height: 41px;
cursor: pointer;
position: absolute;
top: -10px;
right: 0;
opacity: 0;
visibility: hidden;
transition: 250ms all;
}
.product__action.-addFavorite .-spinner {
background-color: #fff;
}
.-spinner {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(.././img/loading.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
}
.product__prices {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-bottom: 1.5625rem;
height: 36px;
}
.product__discountPercent.-dualSmall {
color: #ce2c2c;
background-color: rgba(0, 0, 0, 0);
}
.product__discountPercent {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 0 7px 0 0;
padding: 5px 8px;
width: 2.25rem;
min-height: 28px;
color: #fff;
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
line-height: 14px;
background-color: #ce2c2c;
text-align: center;
}
.product__discountPercent small {
font-size: inherit;
line-height: inherit;
}
.product__priceContent {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.product__item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.product__price.-size {
font-size: 10px;
line-height: 14px;
}
.product__price.-actual {
font-family: "Nunito Sans", sans-serif;
color: #000;
font-weight: 500;
}
.product__image {
vertical-align: bottom;
opacity: 1;
max-width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.img-responsive {
display: none;
}
@media (max-width: 767px) {
.img-responsive {
display: block;
height: auto;
max-width: 100%;
}
.mobile-c {
display: none;
}
.productList__top .breadcrumb-wrapper {
text-align: center;
width: 100%;
}
.breadcrumb-wrapper {
padding: 0 24px;
height: 30px;
background-color: #f7f7f7;
margin: 0 -8px;
min-width: 100%;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .05);
}
.breadcrumb-wrapper {
height: 55px;
display: flex;
align-items: center;
}
.productList__top {
flex-direction: column;
height: auto;
margin: 0 -8px;
}
.productList__top {
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
height: 75px;
background-color: #fff;
}
.product-images-area {
position: relative;
}
.product-images-area {
padding: 0;
}
.col-lg-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.product-images-area .badge {
top: 0;
}
.product-images-area .badge__item:first-child {
margin-left: 5px;
}
.product-images.-desktop {
display: none;
}
.product-images.-mobile {
display: block;
}
.product {
padding: 1.875rem 0.75rem 0;
}
.product__tools {
display: flex;
align-items: center;
}
.product__discountPercent {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 0 10px 0 0;
padding: 5px 8px;
width: 3.125rem;
min-height: 34px;
color: #fff;
font-family: "Nunito Sans", sans-serif;
font-size: 18px;
line-height: 20px;
background-color: #ce2c2c;
text-align: center;
}
.product__discountPercent small {
font-size: 14px;
line-height: 16px;
}
.product__price.-label {
font-size: 14px;
line-height: 18px;
}
.product__price.-actual {
margin: -2px 0 0 0;
font-size: 1.125rem;
color: #000;
font-weight: 500;
}
.product__buttons {
z-index: 4;
bottom: 0;
left: 0;
width: 100%;
margin-bottom: 0;
padding: 0.625rem 1.25rem;
border-top: 0.0625rem solid rgba(0, 0, 0, .1);
}
.product__button.-addToCart {
flex: 3;
margin-right: 0;
font-size: 1rem;
letter-spacing: 0.06rem;
}
.o-gallery .swiper-slide {
width: calc(50% - 0.3125rem);
margin: 0.3125rem;
}
.o-gallery .swiper-slide {
display: inline-block;
box-sizing: border-box;
margin: 0;
background: #f8f8f8;
}
.product-images.-mobile .mobile-image img {
margin: 0 auto;
}
.breadcrumb-wrapper .breadcrumb__link {
font-family: "Nunito Sans", sans-serif;
}
.breadcrumb-wrapper {
padding: 0 24px;
height: 30px;
background-color: #f7f7f7;
margin: 0 -8px;
min-width: 100%;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .05);
}
.breadcrumb-wrapper .breadcrumb {
white-space: nowrap;
display: inline-block;
width: 100%;
text-overflow: ellipsis;
}
.orderList[data-v-717dff6b] {
padding: 0;
box-shadow: unset;
background-color: #f8f8f8;
}
.pageCustomer {
padding: 0;
}
.orderList__title[data-v-717dff6b] {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 60px;
font-size: 16px;
padding: 0;
border-top: 1px solid #e5e5e5;
}
.orderList__backButton[data-v-717dff6b] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
top: 15px;
left: 20px;
}
.orderList__content[data-v-717dff6b] {
padding: 0 20px;
border-top: 1px solid #e5e5e5;
}
.orderList .orderItem[data-v-717dff6b] {
height: 180px;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
}
.orderList .orderItem__images[data-v-717dff6b] {
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
width: 124.3px;
height: 180px;
min-width: auto;
margin: 20px 16.7px 0 0;
}
.orderList .orderItem__image[data-v-717dff6b]:first-child {
width: 91px;
height: 140px;
margin: 0 5px 0 0;
background-color: #f2f2f2;
}
.orderList .orderItem__title[data-v-717dff6b] {
width: inherit;
order: 3;
margin-bottom: 30px;
}
.orderList .orderItem__price[data-v-717dff6b] {
width: inherit;
order: 4;
}
.orderList .orderItem__price[data-v-717dff6b] {
width: 21%;
font-family: "Nunito Sans", sans-serif;
order: 3;
}
.orderList .orderItem__status[data-v-717dff6b] {
width: inherit;
order: 2;
margin: 25px 0 20px 0;
}
.orderList .orderItem__link[data-v-717dff6b] {
width: 30px;
height: 180px;
align-items: center;
}
.pageCustomer__container {
width: 100%;
display: flex;
margin: 0 auto;
}
}
.orderList .orderItem__link[data-v-717dff6b] {
display: flex;
justify-content: flex-end;
width: 3%;
order: 5;
}
.orderList .orderItem__time[data-v-717dff6b] {
font-family: "Nunito Sans", sans-serif;
color: #626262;
}
.orderList .orderItem__code[data-v-717dff6b] {
font-family: "Nunito Sans", sans-serif;
}
.orderList .orderItem__title[data-v-717dff6b] {
width: 36%;
order: 2;
}
.orderList .orderItem__image[data-v-717dff6b] {
display: flex;
align-items: center;
justify-content: center;
width: 39px;
height: 60px;
border: solid 1px #d9d9d9;
margin-right: 10px;
font-family: "Nunito Sans", sans-serif;
font-size: 12px;
color: #000;
}
.orderList .orderItem__image[data-v-717dff6b]:last-child {
margin-right: 0;
}
.orderList .orderItem__images[data-v-717dff6b] {
display: flex;
width: 23%;
min-width: 160px;
order: 1;
}
.orderList .orderItem[data-v-717dff6b] {
display: flex;
align-items: center;
font-size: 14px;
line-height: 20px;
color: #000;
height: 100px;
border-bottom: 1px solid #ededed;
}
.orderList__content[data-v-717dff6b] {
background-color: #fff;
min-height: 400px;
}
.orderList__backButton[data-v-717dff6b] {
display: none;
}
.orderList__title[data-v-717dff6b] {
font-family: "Nunito Sans", sans-serif;
font-weight: 500;
font-size: 19px;
padding-bottom: 21px;
color: #000;
text-transform: capitalize;
background-color: #fff;
}
.pageCustomer__right {
flex: 1;
width: calc(100% - 222px);
}
.pageCustomer__container {
width: 80%;
display: flex;
margin: 0 auto;
}
.orderList[data-v-717dff6b] {
padding: 32px 30px 30px 30px;
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .1);
min-height: 400px;
background-color: #fff;
}
.new-header__inner {
display: flex;
align-items: center;
height: 83px;
padding: 0 12px;
}
.new-header__area.-left {
position: relative;
justify-content: flex-start;
gap: 17px;
}
.new-header__area.-right {
justify-content: flex-end;
gap: 24px;
}
.breadcrumb-wrapper .breadcrumb__link,
.breadcrumb-wrapper .breadcrumb__text {
font-size: 12px;
color: #000;
}
.breadcrumb-wrapper .breadcrumb__link {
font-family: "Nunito Sans", sans-serif;
margin-right: 7px;
}
.product__price {
display: block;
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 1.125rem;
line-height: 20px;
}
.product__price.-old {
color: #898989;
text-decoration: line-through;
opacity: 1;
}
.o-gallery__imgContainer {
width: 100%;
border: 1px solid #eee;
cursor: zoom-in;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.o-gallery__img {
display: block;
max-width: 100%;
min-width: 100%;
margin: 0;
-o-object-fit: contain;
object-fit: contain;
pointer-events: none;
}
.o-gallery.-passive .swiper-pagination {
bottom: 10px;
display: none;
}
.productGallery .swiper-pagination {
position: absolute;
top: 0px;
width: 110px !important;
height: 100vh !important;
left: 0 !important;
margin: 0;
background-color: #e5e5e5;
padding-bottom: 20px;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.productGallery__container {
cursor: url(https://img-network.mncdn.com/assets/v2/img/zoom-in.png) 10 10, auto;
background: url(https://img-network.mncdn.com/static/network/images/list-placeholder.png);
background-size: 490px 755px !important;
background-position: center;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.o-gallery .a-slider-arrow {
display: none;
}
.a-slider-arrow {
position: absolute;
z-index: 2;
top: 50%;
display: inline-flex;
width: 50px;
height: 50px;
background-image: none;
color: #4a4a4a;
font-size: 50px;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.a-slider-arrow.swiper-button-next {
right: -20px;
float: right;
transform: translateX(100%);
}
.productGallery .a-slider-arrow {
width: 90px;
height: 90px;
margin-top: -35px;
}
.productGallery .swiper-button-next {
right: calc(50vw - 375px) !important;
}
.o-gallery .swiper-container,
.o-gallery .swiper-wrapper,
.o-gallery .swiper-slide {
width: 100%;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.o-gallery .a-slider-arrow.swiper-button-next {
right: 0.3125rem;
transform: none;
}
.o-gallery.-passive .swiper-slide {
width: calc(50% - 0.3125rem);
margin: 0.0rem;
}
.productGallery .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.o-gallery.-passive .swiper-slide:nth-child(2n+1) {
margin-left: 0;
}
.productGallery .swiper-slide:nth-child(2n+1) {
margin-left: 0px !important;
}
.o-gallery.-passive .swiper-wrapper {
flex-flow: row wrap;
width: 100%;
}
.o-gallery .swiper-wrapper {
padding: 0;
margin: 0;
list-style: none;
}
.breadcrumb-wrapper .breadcrumb__item:not(:last-child) {
margin-right: 7px;
}
.productGallery__close {
background: none;
color: #000;
margin-right: 8px;
margin-top: 8px;
}
.o-gallery__close {
position: absolute;
z-index: 2;
top: 0.625rem;
right: 0.625rem;
display: none;
width: 40px;
height: 40px;
padding-top: 2px;
background: #111;
color: #fff;
font-size: 1rem;
line-height: 40px;
text-align: center;
cursor: pointer;
}
.productGallery .swiper-container {
width: 100%;
height: 100%;
}
.o-gallery.-passive .swiper-wrapper {
flex-flow: row wrap;
width: 100%;
}
.o-gallery .swiper-container,
.o-gallery .swiper-wrapper,
.o-gallery .swiper-slide {
width: 100%;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.breadcrumb-wrapper {
height: 55px;
display: flex;
align-items: center;
}
.breadcrumb-wrapper .breadcrumb {
display: flex;
align-items: center;
overflow: hidden;
}
.product-images-area {
position: relative;
}
.accordion__body {
font-family: "Nunito Sans", sans-serif;
font-size: 1rem;
color: #626262;
line-height: 1.5rem;
padding: 0.9375rem 1.375rem 0 0;
}
.product__externalCode {
font-family: "Nunito Sans", sans-serif;
font-size: .875rem;
line-height: 1;
color: #000;
display: block;
margin-bottom: 0.625rem;
}
.product__editorialText {
margin-bottom: 2rem;
}
.accordion__card {
padding: 0.9375rem 12px 0.9375rem 2px;
border-top: 1px solid rgba(0, 0, 0, .1);
}
.accordion__header {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 1.625rem;
font-family: "Nunito Sans", sans-serif;
font-size: 1rem;
color: #000;
transition: 250ms color;
}
.btn.-black {
background-color: #111;
color: #fff;
}
.product__button.-addToCart {
width: 23rem;
height: 3.125rem;
letter-spacing: 0.035rem;
line-height: 1;
color: #fff;
margin-right: 1.25rem;
background-color: #111;
}
.product__buttons {
margin-bottom: 3.75rem;
display: flex;
align-items: center;
background-color: #fff;
}
.product__price {
display: block;
color: #000;
font-family: "Nunito Sans", sans-serif;
font-size: 1.125rem;
line-height: 20px;
}
.product__priceContent {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.product__item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.product__discountPercent {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 0 10px 0 0;
padding: 5px 8px;
width: 3.125rem;
min-height: 34px;
color: #fff;
font-family: "Nunito Sans", sans-serif;
font-size: 18px;
line-height: 20px;
background-color: #ce2c2c;
text-align: center;
}
.product__discountPercent small {
font-size: 18px;
line-height: 20px;
}
.product__discountPercent.-dualSmall {
color: #ce2c2c;
background-color: rgba(0, 0, 0, 0);
}
.product__button {
position: relative;
cursor: pointer;
font-family: "Nunito Sans", sans-serif;
font-size: 1rem;
}
.product__season {
font-family: "Nunito Sans", sans-serif;
font-size: .875rem;
font-weight: normal;
letter-spacing: 0.0525rem;
line-height: 1;
color: #626262;
margin: 0.3125rem 0 0.4375rem;
}
.product__name {
font-family: "Nunito Sans", sans-serif;
font-size: 24px;
font-weight: normal;
color: #000;
margin: 0 0 0.75rem;
}
.product__prices {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-bottom: 1.5625rem;
}
.product__discountPercent.-dualSmall {
color: #ce2c2c;
background-color: rgba(0, 0, 0, 0);
}
.product__button.-share {
width: 30px;
height: 30px;
margin-right: 16px;
}
.product__button.-addToFavorite {
width: 3.125rem;
height: 3.125rem;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 250ms all;
}
.product__tools {
position: absolute;
top: 14px;
right: 8px;
display: none;
}
.product {
position: relative;
}
.product-images-area .badge {
position: absolute;
z-index: 2;
top: 5px;
left: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
pointer-events: none;
}
.product-images-area .badge__col {
display: flex;
align-items: flex-start;
width: 50%;
padding: 0 5px 0 0;
}
.product-images-area .badge__col {
display: flex;
align-items: flex-start;
width: 50%;
padding: 0 5px 0 0;
}
.product-images-area .badge__item:first-child {
margin-left: 13px;
}
.product-images-area .badge__item {
display: block;
margin-top: 5px;
margin-right: 5px;
}
.product-images-area .badge__img.-new {
max-height: 70px;
}
.product-images-area .badge__img {
display: block;
max-width: 100%;
max-height: 100%;
}
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 10000;
}
.modal-content {
background: white;
padding: 20px;
border-radius: 1px;
text-align: center;
max-width: 400px;
width: 90%;
}
.modal-buttons {
margin-top: 20px;
display: flex;
justify-content: center;
gap: 10px;
}
.btn-yes,
.btn-no {
padding: 10px 20px;
border: none;
cursor: pointer;
font-weight: bold;
}
.btn-yes {
background: #000;
color: white;
}
.btn-no {
background: #000;
color: white;
}
.notification {
position: fixed;
top: 20px;
right: 20px;
padding: 15px 25px;
border-radius: 5px;
color: white;
z-index: 9999;
animation: slideIn 0.5s ease-out;
}
.notification.success {
background-color: #4CAF50;
}
.notification.error {
background-color: #f44336;
}
@keyframes slideIn {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.kargo-bilgi {
font-size: 16px;
font-weight: 500;
color: #1a1a1a;
background: #f2f2f2;
padding: 8px 16px;
display: inline-block;
}
.product-images {
position: relative;
width: 100%;
margin-bottom: 30px;
}
.product-swiper {
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.product-image {
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 3/4;
}
.swiper-button-prev,
.swiper-button-next {
color: #000 !important;
width: 40px;
height: 40px;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-size: 24px;
font-weight: bold;
color: #000 !important;
}
/* Pagination stilleri */
.swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #000 !important;
opacity: 0.3;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #000 !important;
}
.product-thumbnails {
display: flex;
gap: 10px;
margin-top: 15px;
justify-content: center;
}
.thumbnail {
width: 80px;
height: 80px;
border-radius: 0px;
overflow: hidden;
cursor: pointer;
opacity: 0.6;
transition: all 0.3s ease;
}
.thumbnail.active {
opacity: 1;
border: 1px solid #000;
}
.thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.product-thumbnails {
display: none;
}
}
/* Yıldız rengi için yeni stil */
.fa-star,
.fa-star-half-o {
color: #FFD700 !important;
/* Altın sarısı */
}
.fa-star-o {
color: #FFD700 !important;
opacity: 0.5;
}
/* Yorum içindeki yıldızlar için */
.yorum-rating .fa-star,
.yorum-rating .fa-star-half-o,
.yorum-rating .fa-star-o {
color: #FFD700 !important;
}
.yorum-rating .fa-star-o {
opacity: 0.5;
}
/* Ürün başlığındaki yıldızlar için */
.product__name+a .fa-star,
.product__name+a .fa-star-half-o,
.product__name+a .fa-star-o {
color: #FFD700 !important;
}
.product__name+a .fa-star-o {
opacity: 0.5;
}
.yorum-container {
max-width: 100%;
margin: 0 auto;
padding: 20px;
}
.yorum-card {
background: #fff;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.yorum-header {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
gap: 15px;
}
.yorum-avatar {
width: 45px;
height: 45px;
border-radius: 50%;
background: #000;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
flex-shrink: 0;
}
.yorum-info {
flex: 1;
display: flex;
flex-direction: column;
gap: 5px;
}
.yorum-name {
font-weight: 600;
color: #333;
font-size: 16px;
}
.yorum-date {
font-size: 12px;
color: #888;
}
.yorum-rating {
color: #ffc107;
display: flex;
align-items: center;
gap: 5px;
}
.yorum-rating .fa {
font-size: 14px;
}
.yorum-rating .verified-purchase {
color: green;
font-size: 12px;
display: flex;
align-items: center;
gap: 3px;
}
.yorum-text {
color: #555;
line-height: 1.6;
margin: 15px 0;
}
.yorum-images {
display: flex;
gap: 10px;
margin-top: 15px;
}
.yorum-image {
width: 100px;
height: 100px;
object-fit: cover;
cursor: pointer;
transition: transform 0.3s ease;
}
.no-comments {
text-align: center;
padding: 30px;
color: #666;
background: #f9f9f9;
}
.no-comments i {
font-size: 40px;
color: #ddd;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.yorum-header {
flex-direction: column;
align-items: flex-start;
}
.yorum-rating {
margin-top: 10px;
}
.yorum-images {
flex-wrap: wrap;
justify-content: flex-start;
}
.yorum-image {
width: 48%;
height: auto;
}
}
@media (max-width: 480px) {
.yorum-image {
width: 100%;
height: auto;
}
}