@charset "UTF-8";
.fs-free-shipping-notice-and-button-wrapper{align-content:start;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.fs-free-shipping-notice-continue-shopping-button-wrapper,.fs-free-shipping-notice-text-and-progress-bar-wrapper{flex:0 1 auto;margin:0 .5em}.fs-free-shipping-notice-progress-bar-wrapper{align-items:center;display:flex;flex-direction:row}.fs-free-shipping-notice-progress-bar{border:1px solid #fff;border-radius:10px;height:10px;margin-left:10px;margin-right:10px;position:relative;width:100%}.fs-free-shipping-notice-progress-bar>span{background-color:#fff;border-bottom-left-radius:10px;border-top-left-radius:10px;display:block;height:100%;overflow:hidden;position:relative}.button.flexible-shipping-free-shipping-button{margin-left:0}.pbl-container{display:flex;justify-content:center;flex-direction:column}.pbl-container .payu-list-banks{list-style-type:none;display:flex;flex-wrap:wrap;margin:0;padding:0;justify-content:center}.pbl-container .payu-list-banks li{padding:5px 3px 0}.pbl-container .payu-list-banks li.payu-inactive{opacity:.5;filter:grayscale(1)}.pbl-container .payu-list-banks li:not(.payu-inactive) label{cursor:pointer}.pbl-container .payu-list-banks li:not(.payu-inactive) label:hover{background:#ddd;border-color:#aaa}.pbl-container .payu-list-banks li label{padding:10px;display:flex;border:1px solid #bbb;transition:all 250ms;width:86px;justify-content:center;align-items:center}.pbl-container .payu-list-banks li label.active{background:#ddd;border-color:#aaa}.pbl-container .payu-list-banks li label img{width:auto;height:31px;object-fit:contain;margin:0 !important;padding:0}.pbl-container .payu-list-banks li label input{display:none}.pbl-container .pbl-error{padding-top:.5em;padding-bottom:.5em;margin-top:.5em;margin-bottom:.5em;display:none}.pbl-container .pbl-error:before{top:.5em}.payu-accept-conditions{margin-top:15px}.payu-accept-conditions .payu-conditions-description{font-size:12px;line-height:120%;margin-top:8px;text-align:justify}.payu-accept-conditions .payu-conditions-description>div{margin:5px 0}.payu-accept-conditions .payu-conditions-description a{text-decoration:underline}.payu-accept-conditions .payu-conditions-description .payu-read-more{text-decoration:underline;cursor:pointer}.payu-accept-conditions .payu-conditions-description .payu-more-hidden{display:none}#payu-card-container{max-width:350px;margin:10px auto 10px;text-align:left;box-sizing:border-box;border:1px solid #bbb;padding:5px;border-radius:5px;background-color:#ddd;color:#333}#payu-card-container .payu-sf-validation-error,#payu-card-container .payu-sf-technical-error{display:none;color:#b21b0f;font-size:13px}#payu-card-container .payu-card-form{background-color:#fff;padding:5px;border-radius:4px;border:1px solid rgba(0,0,0,0)}#payu-card-container .payu-secure-form-invalid:not(.payu-secure-form-focus){border-color:#b21b0f}#payu-card-container label{padding-bottom:2px;font-size:15px}.card-details{clear:both;overflow:auto;margin-top:10px}.card-details .expiration{width:47%;float:left;margin-right:5%}.card-details .cvv{width:47%;float:left}#tokenizeButton{border:none;background:#438f29;padding:8px 15px;cursor:pointer;color:#fff;display:table;margin:10px auto 0}.response-success{color:#438f29}.response-error{color:#900}.autonomy-payu-button{display:flex;align-items:center;text-decoration:none;margin:10px 0}.autonomy-payu-button img{margin-left:10px;width:50px;height:auto}label[for*=payment_method_payu] img{border-radius:0}.payu-block-method{gap:10px}.payu-block-method-logo{margin-left:5px}.payu-block-installments-label{display:flex;justify-content:space-between;width:100%}.payu-block-installments-label>div{align-items:center;display:flex}.payu-block-list-banks{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:10px}.payu-block-list-banks>.payu-bank{align-items:center;background-color:#fff;border:1px solid #ccc;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all 250ms;width:82px}.payu-block-list-banks>.payu-bank.disabled{cursor:not-allowed;filter:grayscale(1);opacity:.5}.payu-block-list-banks>.payu-bank:not(.disabled):hover{background:#eee;border-color:#13100d}.payu-block-list-banks>.payu-bank.active{background:#eee;border-color:#13100d}.payu-block-list-banks>.payu-bank>img{border-radius:0;height:28px;object-fit:contain;width:auto}.block-payu-card{display:flex;flex-wrap:wrap;gap:0 10px;margin:10px 0;padding:10px}.block-payu-card .payu-sf-validation-error{color:#b21b0f;font-size:13px}.block-payu-card>.block-payu-card-number{flex:1 0 100%}.block-payu-card>.block-payu-card-date,.block-payu-card .block-payu-card-cvv{flex:1 0 calc(50% - 10px)}.block-payu-card .payu-card-form{background-color:#fff;border:1px solid #999;border-radius:5px;padding:8px 6px}.block-payu-card .payu-card-form.payu-secure-form-focus{border-color:#666;box-shadow:0 0 0 1px #666}.block-payu-card .payu-card-form.payu-secure-form-invalid:not(.payu-secure-form-focus){border-color:#cc1818}#installment-mini-block{margin:inherit;padding-right:16px;text-align:right}

@font-face {
font-family: "GT Walsheim Pro";
src: url(//meka-shoes.pl/wp-content/themes/meka/dist/fonts/GTWalsheimProBold.woff2) format("woff2"), url(//meka-shoes.pl/wp-content/themes/meka/dist/fonts/GTWalsheimProBold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT Walsheim Pro";
src: url(//meka-shoes.pl/wp-content/themes/meka/dist/fonts/GTWalsheimProRegular.woff2) format("woff2"), url(//meka-shoes.pl/wp-content/themes/meka/dist/fonts/GTWalsheimProRegular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "icomoon";
src: url(//meka-shoes.pl/wp-content/themes/meka/dist/fonts/icons.eot?usgaz);
src: url(//meka-shoes.pl/wp-content/themes/meka/dist/fonts/icons.eot?usgaz#iefix) format("embedded-opentype"), url(//meka-shoes.pl/wp-content/themes/meka/dist/fonts/icons.ttf?usgaz) format("truetype"), url(//meka-shoes.pl/wp-content/themes/meka/dist/fonts/icons.woff?usgaz) format("woff"), url(//meka-shoes.pl/wp-content/themes/meka/dist/fonts/icons.svg?usgaz#icons) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.icon, .c-goodyear-twentytwenty .twentytwenty-right-arrow, .c-goodyear-twentytwenty .twentytwenty-left-arrow, [class^=icon-], [class*=" icon-"] { font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-360:before {
content: "\E900";
}
.icon-arrow-right:before {
content: "\E901";
}
.icon-arrow-left:before {
content: "\E902";
}
.icon-world:before {
content: "\E903";
}
.icon-shoping-bag:before {
content: "\E904";
}
.icon-rotate-right:before {
content: "\E905";
}
.icon-rotate-left:before {
content: "\E906";
}
.icon-register:before {
content: "\E907";
}
.icon-play:before {
content: "\E908";
}
.icon-pintrest:before {
content: "\E909";
}
.icon-menu:before {
content: "\E90A";
}
.icon-mail:before {
content: "\E90B";
}
.icon-laurel:before {
content: "\E90C";
}
.icon-instagram:before {
content: "\E90D";
}
.icon-facebook:before {
content: "\E90E";
}
.icon-close:before {
content: "\E90F";
}
.icon-clear:before {
content: "\E910";
}
.icon-chevron-left:before, .c-goodyear-twentytwenty .twentytwenty-left-arrow:before {
content: "\E911";
}
.icon-chevron-right:before, .c-goodyear-twentytwenty .twentytwenty-right-arrow:before {
content: "\E912";
}
.icon-check:before {
content: "\E913";
}
.icon-card-visa:before {
content: "\E914";
}
.icon-card-payu:before {
content: "\E915";
}
.icon-card-paypal:before {
content: "\E916";
}
.icon-card-mastercard:before {
content: "\E917";
}
.icon-card-blik:before {
content: "\E918";
}
.icon-card-apple-pay:before {
content: "\E919";
}
.icon-arrow-up:before {
content: "\E91A";
}
.icon-arrow-down:before {
content: "\E91B";
}
.icon-account:before {
content: "\E91C";
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(19, 21, 27, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: "GT Walsheim Pro";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
.container, .container-wide,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container, .container-wide {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container, .container-wide {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container, .container-wide {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container, .container-wide {
max-width: 1272px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px;
}
.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%;
padding-right: 16px;
padding-left: 16px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.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%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.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%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.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%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.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%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.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%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 2px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5;
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
select.form-control[size], select.form-control[multiple] {
height: auto;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
color: #6c757d;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #28a745;
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(40, 167, 69, 0.9);
border-radius: 2px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #28a745;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #28a745;
padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #34ce57;
background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #dc3545;
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 2px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #dc3545;
padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #e4606d;
background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group,
.form-inline .custom-select {
width: auto;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.btn, .c-pagination li a, .c-pagination li span {
display: inline-block;
font-weight: bold;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 2px solid transparent;
padding: 14px 14px;
font-size: 0.875rem;
line-height: 16px;
border-radius: 2px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn, .c-pagination li a, .c-pagination li span {
transition: none;
}
}
.btn:hover, .c-pagination li a:hover, .c-pagination li span:hover {
color: #212529;
text-decoration: none;
}
.btn:focus, .c-pagination li a:focus, .c-pagination li span:focus, .btn.focus, .c-pagination li a.focus, .c-pagination li span.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .c-pagination li a.disabled, .c-pagination li span.disabled, .btn:disabled, .c-pagination li a:disabled, .c-pagination li span:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled), .c-pagination li a:not(:disabled):not(.disabled), .c-pagination li span:not(:disabled):not(.disabled) {
cursor: pointer;
}
a.btn.disabled, .c-pagination li a.disabled,
fieldset:disabled a.btn,
fieldset:disabled .c-pagination li a,
.c-pagination li fieldset:disabled a {
pointer-events: none;
}
.btn-primary {
color: #fff;
background-color: #2d214e;
border-color: #2d214e;
}
.btn-primary:hover {
color: #fff;
background-color: #1d1633;
border-color: #18122a;
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #1d1633;
border-color: #18122a;
box-shadow: 0 0 0 0.2rem rgba(77, 66, 105, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #2d214e;
border-color: #2d214e;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #18122a;
border-color: #130e21;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(77, 66, 105, 0.5);
}
.btn-secondary {
color: #212529;
background-color: #c0c4cc;
border-color: #c0c4cc;
}
.btn-secondary:hover {
color: #212529;
background-color: #abb0bb;
border-color: #a4aab5;
}
.btn-secondary:focus, .btn-secondary.focus {
color: #212529;
background-color: #abb0bb;
border-color: #a4aab5;
box-shadow: 0 0 0 0.2rem rgba(168, 172, 180, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #212529;
background-color: #c0c4cc;
border-color: #c0c4cc;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
color: #212529;
background-color: #a4aab5;
border-color: #9da3af;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(168, 172, 180, 0.5);
}
.btn-white, .c-pagination li:first-child a, .c-pagination li:first-child span, .c-pagination li:last-child a, .c-pagination li:last-child span {
color: #212529;
background-color: #fff;
border-color: #fff;
}
.btn-white:hover, .c-pagination li:first-child a:hover, .c-pagination li:first-child span:hover, .c-pagination li:last-child a:hover, .c-pagination li:last-child span:hover {
color: #212529;
background-color: #ececec;
border-color: #e6e6e6;
}
.btn-white:focus, .c-pagination li:first-child a:focus, .c-pagination li:first-child span:focus, .c-pagination li:last-child a:focus, .c-pagination li:last-child span:focus, .btn-white.focus, .c-pagination li:first-child a.focus, .c-pagination li:first-child span.focus, .c-pagination li:last-child a.focus, .c-pagination li:last-child span.focus {
color: #212529;
background-color: #ececec;
border-color: #e6e6e6;
box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}
.btn-white.disabled, .c-pagination li:first-child a.disabled, .c-pagination li:first-child span.disabled, .c-pagination li:last-child a.disabled, .c-pagination li:last-child span.disabled, .btn-white:disabled, .c-pagination li:first-child a:disabled, .c-pagination li:first-child span:disabled, .c-pagination li:last-child a:disabled, .c-pagination li:last-child span:disabled {
color: #212529;
background-color: #fff;
border-color: #fff;
}
.btn-white:not(:disabled):not(.disabled):active, .c-pagination li:first-child a:not(:disabled):not(.disabled):active, .c-pagination li:first-child span:not(:disabled):not(.disabled):active, .c-pagination li:last-child a:not(:disabled):not(.disabled):active, .c-pagination li:last-child span:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .c-pagination li:first-child a:not(:disabled):not(.disabled).active, .c-pagination li:first-child span:not(:disabled):not(.disabled).active, .c-pagination li:last-child a:not(:disabled):not(.disabled).active, .c-pagination li:last-child span:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle, .c-pagination li:first-child .show > a.dropdown-toggle, .c-pagination li:first-child .show > span.dropdown-toggle, .c-pagination li:last-child .show > a.dropdown-toggle, .c-pagination li:last-child .show > span.dropdown-toggle {
color: #212529;
background-color: #e6e6e6;
border-color: #dfdfdf;
}
.btn-white:not(:disabled):not(.disabled):active:focus, .c-pagination li:first-child a:not(:disabled):not(.disabled):active:focus, .c-pagination li:first-child span:not(:disabled):not(.disabled):active:focus, .c-pagination li:last-child a:not(:disabled):not(.disabled):active:focus, .c-pagination li:last-child span:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .c-pagination li:first-child a:not(:disabled):not(.disabled).active:focus, .c-pagination li:first-child span:not(:disabled):not(.disabled).active:focus, .c-pagination li:last-child a:not(:disabled):not(.disabled).active:focus, .c-pagination li:last-child span:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus, .c-pagination li:first-child .show > a.dropdown-toggle:focus, .c-pagination li:first-child .show > span.dropdown-toggle:focus, .c-pagination li:last-child .show > a.dropdown-toggle:focus, .c-pagination li:last-child .show > span.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}
.btn-light, .c-pagination li a, .c-pagination li span {
color: #212529;
background-color: #e6e8ee;
border-color: #e6e8ee;
}
.btn-light:hover, .c-pagination li a:hover, .c-pagination li span:hover {
color: #212529;
background-color: #cfd3df;
border-color: #c8ccd9;
}
.btn-light:focus, .c-pagination li a:focus, .c-pagination li span:focus, .btn-light.focus, .c-pagination li a.focus, .c-pagination li span.focus {
color: #212529;
background-color: #cfd3df;
border-color: #c8ccd9;
box-shadow: 0 0 0 0.2rem rgba(200, 203, 208, 0.5);
}
.btn-light.disabled, .c-pagination li a.disabled, .c-pagination li span.disabled, .btn-light:disabled, .c-pagination li a:disabled, .c-pagination li span:disabled {
color: #212529;
background-color: #e6e8ee;
border-color: #e6e8ee;
}
.btn-light:not(:disabled):not(.disabled):active, .c-pagination li a:not(:disabled):not(.disabled):active, .c-pagination li span:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .c-pagination li a:not(:disabled):not(.disabled).active, .c-pagination li span:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle, .c-pagination li .show > a.dropdown-toggle, .c-pagination li .show > span.dropdown-toggle {
color: #212529;
background-color: #c8ccd9;
border-color: #c0c5d4;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .c-pagination li a:not(:disabled):not(.disabled):active:focus, .c-pagination li span:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .c-pagination li a:not(:disabled):not(.disabled).active:focus, .c-pagination li span:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus, .c-pagination li .show > a.dropdown-toggle:focus, .c-pagination li .show > span.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(200, 203, 208, 0.5);
}
.btn-primary-light {
color: #fff;
background-color: #5f4f8c;
border-color: #5f4f8c;
}
.btn-primary-light:hover {
color: #fff;
background-color: #4e4174;
border-color: #493d6b;
}
.btn-primary-light:focus, .btn-primary-light.focus {
color: #fff;
background-color: #4e4174;
border-color: #493d6b;
box-shadow: 0 0 0 0.2rem rgba(119, 105, 157, 0.5);
}
.btn-primary-light.disabled, .btn-primary-light:disabled {
color: #fff;
background-color: #5f4f8c;
border-color: #5f4f8c;
}
.btn-primary-light:not(:disabled):not(.disabled):active, .btn-primary-light:not(:disabled):not(.disabled).active, .show > .btn-primary-light.dropdown-toggle {
color: #fff;
background-color: #493d6b;
border-color: #433863;
}
.btn-primary-light:not(:disabled):not(.disabled):active:focus, .btn-primary-light:not(:disabled):not(.disabled).active:focus, .show > .btn-primary-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(119, 105, 157, 0.5);
}
.btn-gray {
color: #fff;
background-color: #72767d;
border-color: #72767d;
}
.btn-gray:hover {
color: #fff;
background-color: #606369;
border-color: #5a5d62;
}
.btn-gray:focus, .btn-gray.focus {
color: #fff;
background-color: #606369;
border-color: #5a5d62;
box-shadow: 0 0 0 0.2rem rgba(135, 139, 145, 0.5);
}
.btn-gray.disabled, .btn-gray:disabled {
color: #fff;
background-color: #72767d;
border-color: #72767d;
}
.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle {
color: #fff;
background-color: #5a5d62;
border-color: #54575c;
}
.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(135, 139, 145, 0.5);
}
.btn-outline-primary {
color: #2d214e;
border-color: #2d214e;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #2d214e;
border-color: #2d214e;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(45, 33, 78, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #2d214e;
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #2d214e;
border-color: #2d214e;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(45, 33, 78, 0.5);
}
.btn-outline-secondary {
color: #c0c4cc;
border-color: #c0c4cc;
}
.btn-outline-secondary:hover {
color: #212529;
background-color: #c0c4cc;
border-color: #c0c4cc;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(192, 196, 204, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #c0c4cc;
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color: #212529;
background-color: #c0c4cc;
border-color: #c0c4cc;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(192, 196, 204, 0.5);
}
.btn-outline-white {
color: #fff;
border-color: #fff;
}
.btn-outline-white:hover {
color: #212529;
background-color: #fff;
border-color: #fff;
}
.btn-outline-white:focus, .btn-outline-white.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-outline-white.disabled, .btn-outline-white:disabled {
color: #fff;
background-color: transparent;
}
.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle {
color: #212529;
background-color: #fff;
border-color: #fff;
}
.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-outline-light {
color: #e6e8ee;
border-color: #e6e8ee;
}
.btn-outline-light:hover {
color: #212529;
background-color: #e6e8ee;
border-color: #e6e8ee;
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(230, 232, 238, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #e6e8ee;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #e6e8ee;
border-color: #e6e8ee;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(230, 232, 238, 0.5);
}
.btn-outline-primary-light {
color: #5f4f8c;
border-color: #5f4f8c;
}
.btn-outline-primary-light:hover {
color: #fff;
background-color: #5f4f8c;
border-color: #5f4f8c;
}
.btn-outline-primary-light:focus, .btn-outline-primary-light.focus {
box-shadow: 0 0 0 0.2rem rgba(95, 79, 140, 0.5);
}
.btn-outline-primary-light.disabled, .btn-outline-primary-light:disabled {
color: #5f4f8c;
background-color: transparent;
}
.btn-outline-primary-light:not(:disabled):not(.disabled):active, .btn-outline-primary-light:not(:disabled):not(.disabled).active, .show > .btn-outline-primary-light.dropdown-toggle {
color: #fff;
background-color: #5f4f8c;
border-color: #5f4f8c;
}
.btn-outline-primary-light:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(95, 79, 140, 0.5);
}
.btn-outline-gray {
color: #72767d;
border-color: #72767d;
}
.btn-outline-gray:hover {
color: #fff;
background-color: #72767d;
border-color: #72767d;
}
.btn-outline-gray:focus, .btn-outline-gray.focus {
box-shadow: 0 0 0 0.2rem rgba(114, 118, 125, 0.5);
}
.btn-outline-gray.disabled, .btn-outline-gray:disabled {
color: #72767d;
background-color: transparent;
}
.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle {
color: #fff;
background-color: #72767d;
border-color: #72767d;
}
.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(114, 118, 125, 0.5);
}
.btn-link {
font-weight: 400;
color: #007bff;
text-decoration: none;
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
pointer-events: none;
}
.btn-lg {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.btn-sm {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
width: 100%;
}
.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.custom-control-inline {
display: inline-flex;
margin-right: 1rem;
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #007bff;
background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
}
.custom-control-label::before {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px;
}
.custom-control-label::after {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50%/50% 50%;
}
.custom-checkbox .custom-control-label::before {
border-radius: 2px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #007bff;
background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-switch {
padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
top: calc(0.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: 0.5rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition: none;
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
border: 1px solid #ced4da;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.75rem;
background-image: none;
}
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef;
}
.custom-select::-ms-expand {
display: none;
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
height: calc(1.5em + 0.5rem + 2px);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
}
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin: 0;
opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
content: attr(data-browse);
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 2px;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 2px 2px 0;
}
.custom-range {
width: 100%;
height: 1.4rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-range:focus {
outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
border: 0;
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none;
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-moz-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb {
-moz-transition: none;
transition: none;
}
}
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: 0.2rem;
margin-left: 0.2rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb {
-ms-transition: none;
transition: none;
}
}
.custom-range::-ms-thumb:active {
background-color: #b3d7ff;
}
.custom-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
cursor: default;
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: none;
}
}   .pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
box-sizing: border-box;
}
.pswp img {
max-width: none;
} .pswp--animate_opacity { opacity: 0.001;
will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img { cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
} .pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
} .pswp__container,
.pswp__img {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
transform-origin: left top; transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
} .pswp__img--placeholder {
-webkit-backface-visibility: hidden;
} .pswp__img--placeholder--blank {
background: #fff;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
} .pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}    .pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
transition: opacity 0.2s;
box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
} .pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(//meka-shoes.pl/wp-content/themes/meka/dist/styles/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(//meka-shoes.pl/wp-content/themes/meka/dist/styles/default-skin.svg);
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--share {
background-position: -44px -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
} .pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
} .pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: "";
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
} .pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
transform: translateY(6px);
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
transform: translateY(0);
} .pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF;
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D;
}
a.pswp__share--download:hover {
background: #DDD;
} .pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px;
} .pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small {
font-size: 11px;
color: #BBB;
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC;
}
.pswp__caption--empty {
display: none;
} .pswp__caption--fake {
visibility: hidden;
} .pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn { background: url(//meka-shoes.pl/wp-content/themes/meka/dist/styles/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut { position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@keyframes clockwise {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes donut-rotate {
0% {
transform: rotate(0);
}
50% {
transform: rotate(-140deg);
}
100% {
transform: rotate(0);
}
}  .pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
} .pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
} .pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
} .pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
} .pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
} .pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001;
} .pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
.twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before {
content: " ";
display: block;
background: #fff;
position: absolute;
z-index: 30;
}
.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-overlay, .twentytwenty-after-label, .twentytwenty-before-label {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.twentytwenty-overlay, .twentytwenty-after-label, .twentytwenty-before-label {
transition-duration: 0.5s;
}
.twentytwenty-after-label, .twentytwenty-before-label {
transition-property: opacity;
}
.twentytwenty-after-label:before, .twentytwenty-before-label:before {
color: #fff;
font-size: 13px;
letter-spacing: 0.1em;
}
.twentytwenty-after-label:before, .twentytwenty-before-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before, .twentytwenty-horizontal .twentytwenty-before-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-after-label:before, .twentytwenty-vertical .twentytwenty-before-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
}
.twentytwenty-down-arrow, .twentytwenty-up-arrow, .twentytwenty-right-arrow, .twentytwenty-left-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.twentytwenty-right-arrow, .twentytwenty-left-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-down-arrow, .twentytwenty-up-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-container * {
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: attr(data-content);
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px;
}
.twentytwenty-overlay {
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25;
}
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid #fff;
border-radius: 1000px;
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
border-right: 6px solid #fff;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid #fff;
right: 50%;
margin-right: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid #fff;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid #fff;
bottom: 50%;
margin-bottom: -17px;
}
body {
background: #f9fafd;
}
body.\--newsletter-opened {
overflow: hidden;
}
h1,
.h1 {
font-size: 47px;
line-height: 64px;
font-weight: bold;
letter-spacing: 0.05em;
}
h2,
.h2 {
font-size: 37px;
line-height: 48px;
font-weight: bold;
}
h2.h2-regular,
.h2.h2-regular {
font-weight: normal;
}
h3,
.h3 {
font-size: 31px;
line-height: 40px;
font-weight: bold;
}
h3.h3-regular,
.h3.h3-regular {
font-weight: normal;
}
h4,
.h4 {
font-size: 21px;
line-height: 24px;
font-weight: bold;
}
h5,
.h5 {
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
h6,
.h6 {
font-size: 13px;
line-height: 16px;
font-weight: bold;
}
h6.h6-regular,
.h6.h6-regular {
font-weight: normal;
}
@media (max-width: 1199.98px) {
h1,
.h1 {
font-size: 37px;
line-height: 48px;
font-weight: bold;
letter-spacing: 0.05em;
}
h2,
.h2 {
font-size: 31px;
line-height: 40px;
font-weight: bold;
}
h2.h2-regular,
.h2.h2-regular {
font-weight: normal;
}
h3,
.h3 {
font-size: 25px;
line-height: 32px;
font-weight: bold;
}
h3.h3-regular,
.h3.h3-regular {
font-weight: normal;
}
h4,
.h4 {
font-size: 19px;
line-height: 24px;
font-weight: bold;
}
h5,
.h5 {
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
h6,
.h6 {
font-size: 13px;
line-height: 16px;
font-weight: bold;
}
h6.h6-regular,
.h6.h6-regular {
font-weight: normal;
}
}
.img-fluid {
max-width: 100%;
}
.container-wide {
max-width: 1600px;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1199.98px) {
.container, .container-wide {
max-width: 100%;
}
}
.a-count, .c-product-category-card-header span, .c-product-category-header span {
display: inline-flex;
height: 24px;
width: 24px;
border-radius: 12px;
border: 2px solid #2d3137;
color: #2d3137;
font-size: 11px;
font-weight: bold;
align-items: center;
justify-content: center;
}
.a-price, .a-price-small {
display: inline-flex;
border: 2px solid #e6e8ee;
flex-direction: row-reverse;
border-radius: 2px;
position: relative;
}
.a-price span:nth-child(2):not(:last-child), .a-price-small span:nth-child(2):not(:last-child),
.a-price span:first-child,
.a-price-small span:first-child {
font-size: 31px;
line-height: 40px;
font-weight: bold;
padding: 0 8px;
display: inline-flex;
align-items: center;
}
.a-price span:nth-child(2):not(:last-child) sup, .a-price-small span:nth-child(2):not(:last-child) sup,
.a-price span:first-child sup,
.a-price-small span:first-child sup {
padding-top: 2px;
font-size: 18px;
}
.a-price span:nth-child(2):not(:last-child), .a-price-small span:nth-child(2):not(:last-child) {
position: absolute;
transform: translate(22%, -80%) scale(0.5);
color: #8c9096;
}
.a-price span:nth-child(2):not(:last-child):before, .a-price-small span:nth-child(2):not(:last-child):before {
content: "by\142o: ";
margin-right: 0.5em;
font-size: 0.75em;
}
.a-price span:last-child, .a-price-small span:last-child {
color: #54575b;
background: #e6e8ee;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 12px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: mixed;
text-orientation: mixed;
transform: translateX(0) rotate(180deg);
text-align: center;
width: 22px;
overflow: hidden;
margin: 0;
left: 0;
top: 0;
bottom: 0;
}
.a-price-small {
border-color: #c0c4cc;
padding-right: 7px;
}
.a-price-small span:first-child {
font-size: 21px;
line-height: 24px;
font-weight: bold;
}
.a-price-small span:first-child sup {
font-size: 13px;
top: -0.6em;
}
.a-price-small span:last-child {
color: #54575b;
background: #c0c4cc;
}
.a-price-promo {
border-color: #dc3545 !important;
}
.a-price-promo span:first-child {
color: #dc3545 !important;
}
.a-colors {
display: flex;
}
.a-colors span {
display: block;
width: 16px;
height: 16px;
border-radius: 8px;
border: 2px solid #f9fafd;
box-sizing: border-box;
}
.a-colors span:nth-child(1) {
z-index: 9;
}
.a-colors span:nth-child(2) {
z-index: 8;
}
.a-colors span:nth-child(3) {
z-index: 7;
}
.a-colors span:nth-child(4) {
z-index: 6;
}
.a-colors span:nth-child(5) {
z-index: 5;
}
.a-colors span:nth-child(6) {
z-index: 4;
}
.a-colors span:nth-child(7) {
z-index: 3;
}
.a-colors span:nth-child(8) {
z-index: 2;
}
.a-colors span:nth-child(9) {
z-index: 1;
}
.a-colors span:nth-child(10) {
z-index: 0;
}
.a-colors span + span {
margin-left: -6px;
}
.a-tag {
font-size: 14px;
line-height: 16px;
font-weight: bold;
padding: 8px 8px;
background: #e6e8ee;
border-radius: 2px;
display: inline-flex;
align-items: center;
color: #33373f;
}
.a-tag [class^=icon] {
color: #72767d;
margin-right: 4px;
}
.btn, .c-pagination li a, .c-pagination li span {
display: inline-flex;
align-items: center;
}
.btn [class^=icon], .c-pagination li a [class^=icon], .c-pagination li span [class^=icon] {
font-size: 16px;
}
.btn.btn-icon-left [class^=icon], .c-pagination li a.btn-icon-left [class^=icon], .c-pagination li span.btn-icon-left [class^=icon] {
margin-right: 8px;
}
.btn.btn-icon-right [class^=icon], .c-pagination li a.btn-icon-right [class^=icon], .c-pagination li span.btn-icon-right [class^=icon] {
margin-left: 8px;
}
.btn.btn-icon, .c-pagination li a.btn-icon, .c-pagination li span.btn-icon {
height: 48px;
width: 48px;
justify-content: center;
padding: 0;
}
.btn.btn-icon [class^=icon], .c-pagination li a.btn-icon [class^=icon], .c-pagination li span.btn-icon [class^=icon] {
font-size: 24px;
}
.btn + .btn, .c-pagination li a + .btn, .c-pagination li span + .btn, .c-pagination li .btn + a, .c-pagination li a + a, .c-pagination li span + a, .c-pagination li .btn + span, .c-pagination li a + span, .c-pagination li span + span {
margin-left: 24px;
}
.btn .xoo-wsc-icon-checkmark, .c-pagination li a .xoo-wsc-icon-checkmark, .c-pagination li span .xoo-wsc-icon-checkmark {
display: none;
}
.btn-primary {
color: #e6e8ee;
}
@media (max-width: 1199.98px) {
.btn, .c-pagination li a, .c-pagination li span {
padding: 10px;
}
.btn.btn-icon, .c-pagination li a.btn-icon, .c-pagination li span.btn-icon {
width: 40px;
height: 40px;
}
}
.form-control {
border: 2px solid #c0c4cc;
height: 80px;
padding: 0 16px;
font-size: 21px;
}
.form-control:focus {
box-shadow: none;
border-color: #5f4f8c;
}
@media (max-width: 1199.98px) {
.form-control {
height: 64px;
font-size: 18px;
}
}
.l-navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 40px;
height: 80px;
background: #f9fafd;
box-shadow: 0 2px 0 0 #e6e8ee;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1024;
}
.l-navbar-brand {
display: flex;
align-items: center;
}
.l-navbar-menu > ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.l-navbar-menu > ul > li > a {
height: 80px;
padding: 0 16px;
text-transform: uppercase;
color: #2d214e;
font-weight: bold;
display: flex;
align-items: center;
transition: all 0.3s;
letter-spacing: 0.1em;
}
.l-navbar-menu > ul > li > a:hover {
text-decoration: none;
background: #eff0f4;
}
.l-navbar-menu > ul > li > a [class^=icon] {
top: -1px;
position: relative;
}
.l-navbar-menu > ul.\--mega-menu > li > a {
opacity: 0.4;
transition: 0;
}
.l-navbar-menu > ul > li > a.\--open {
background: #e6e8ee;
opacity: 1;
}
.l-navbar-menu > ul > li > a > .icon-arrow-down {
color: #5f4f8c;
}
.l-navbar-menu > ul > li > a.\--open > .icon-arrow-down {
transform: rotate(-90deg);
}
.l-navbar-menu > ul > li > a.\--open > .icon-menu:before {
content: "\E90F";
}
.l-navbar-menu > ul > li > .l-mega-menu {
z-index: -1;
opacity: 0;
pointer-events: none;
display: none;
}
.l-navbar-menu > ul > li > .l-mega-menu.\--open {
display: flex;
pointer-events: all;
opacity: 1;
}
.l-navbar-actions {
display: flex;
}
.l-menu-category-cta {
background: #33373f;
display: flex;
padding: 20px 0;
align-items: center;
justify-content: center;
}
.l-menu-category-cta p {
font-size: 17px;
line-height: 24px;
margin-bottom: 0;
color: #c0c4cc;
margin-right: 16px;
}
.l-menu-category-items {
color: #e6e8ee;
display: flex;
align-items: center;
justify-content: center;
min-height: 100%;
height: calc(100vh - 168px);
max-height: 720px;
position: relative;
background: #33373f;
}
.l-menu-category-items > img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.l-menu-category-items > div {
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
}
.l-menu-category-items > div > div {
display: flex;
align-items: flex-start;
}
.l-menu-category-items h2 {
margin-bottom: 16px;
}
.l-menu-category-items a {
font-size: 21px;
line-height: 32px;
font-weight: bold;
color: #fff;
}
.l-menu-category-items a:hover {
text-decoration: none;
}
.l-menu-category-items ul {
list-style: none;
padding: 0;
margin-bottom: 0;
margin: 0 32px;
}
.l-menu-category-items ul li {
padding-left: 24px;
position: relative;
margin-bottom: 16px;
max-width: 150px;
}
.l-menu-category-items ul li:last-child {
margin-bottom: 0;
}
.l-menu-category-items ul li i {
position: absolute;
left: 0;
top: 8px;
font-size: 16px;
color: #5f4f8c;
}
.l-menu-category-items ul:first-child {
margin-left: 0;
}
.l-menu-category-items ul:last-child {
display: block;
border-left: 2px solid #33373f;
padding-left: 32px;
margin: 0;
}
.l-menu-social p {
color: #1a1d25;
font-size: 21px;
line-height: 32px;
font-weight: bold;
}
.l-menu-social ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.l-menu-social ul a {
color: #f9fafd;
font-size: 32px;
margin: 32px 16px;
}
.l-menu-full {
min-width: 36%;
display: flex;
align-items: center;
z-index: 1;
}
.l-menu-full ul {
list-style: none;
margin: 0;
padding: 0;
}
.l-menu-full ul:first-child li {
margin-bottom: 24px;
}
.l-menu-full ul:first-child a {
font-size: 37px;
line-height: 48px;
font-weight: bold;
color: #fff;
}
.l-menu-full p {
font-size: 17px;
line-height: 24px;
font-weight: bold;
color: #e6e8ee;
margin-bottom: 16px;
}
.l-menu-full p + ul {
display: grid;
grid-template-columns: -webkit-min-content auto;
grid-template-columns: min-content auto;
column-gap: 32px;
}
.l-menu-full p + ul li {
float: left;
}
.l-menu-full p + ul a {
font-size: 13px;
line-height: 16px;
color: #e6e8ee;
}
@media (min-width: 1200px) {
.l-mega-menu {
position: absolute;
top: 80px;
left: 0;
right: 0;
display: flex;
}
.l-menu-category {
width: 50%;
}
.l-menu-category:nth-child(2) .l-menu-category-items img {
height: calc(100% - 16px);
}
.l-mega-menu-full {
background: #33373f;
height: calc(100vh - 80px);
display: flex;
align-items: center;
justify-content: center;
min-height: 720px;
overflow: auto;
}
.l-menu-social {
min-width: 64%;
position: relative;
min-height: 100%;
overflow: hidden;
}
.l-menu-social:before {
content: "";
position: absolute;
left: 0;
height: 100%;
width: 30vw;
background: #1a1d25;
}
.l-menu-social > * {
z-index: 1;
}
.l-menu-social span {
width: 62vh;
height: 62vh;
min-width: 500px;
min-height: 500px;
max-width: 560px;
max-height: 560px;
border-radius: 100%;
background: #c0c4cc;
position: absolute;
display: block;
top: 80px;
left: 13.8vw;
z-index: 0;
}
.l-menu-social img:nth-child(1) {
margin-left: 40px;
margin-top: 40px;
z-index: 1;
position: relative;
width: 30.95vw;
max-width: 520px;
}
.l-menu-social img:nth-child(2) {
bottom: 160px;
left: 504px;
z-index: 2;
position: absolute;
width: 19vw;
max-width: 320px;
}
.l-menu-social > div {
position: absolute;
bottom: 0;
left: 0;
width: 551px;
height: 36.28vh;
max-height: 328px;
min-height: 280px;
background: #72767d;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 88px;
z-index: 0;
}
}
.l-navbar-menu-toggle {
display: none;
background: transparent;
border-color: transparent;
}
.l-navbar-menu-toggle.\--open {
background: #33373f;
color: #f9fafd;
transition: none;
}
.l-navbar-menu-toggle.\--open .icon-menu:before {
content: "\E90F";
}
.l-navbar-menu-mobile {
display: none;
}
@media (max-width: 1199.98px) {
.l-navbar {
height: 64px;
padding: 0 16px;
}
.l-navbar-brand img {
height: 16px;
}
.l-navbar-menu-toggle {
display: flex;
transition: none;
}
.l-navbar-menu,
.l-navbar-register,
.l-navbar-account {
display: none;
}
.l-navbar-user {
background: #f9fafd;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.l-navbar-user > * {
display: block;
}
.l-navbar-menu-mobile.\--open {
display: flex;
position: absolute;
left: 0;
right: 0;
top: 64px;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
max-height: calc(100vh - 64px);
}
.l-menu-category-cta {
background: #1a1d25;
flex-direction: column;
}
.l-menu-category-cta p {
font-size: 17px;
line-height: 24px;
margin-right: 0;
margin-bottom: 16px;
}
.l-menu-category-items {
flex-direction: column;
max-height: auto;
height: auto;
}
.l-menu-category-items > img {
height: 240px;
width: 100%;
object-fit: cover;
position: relative;
}
.l-menu-category-items > div {
padding: 24px;
background: #33373f;
width: 100%;
}
.l-menu-category-items > div > div {
flex-wrap: wrap;
}
.l-menu-category-items ul {
width: 50%;
margin: 0;
}
.l-menu-category-items ul li {
max-width: 100%;
}
.l-menu-category-items ul li i {
top: 4px;
}
.l-menu-category-items ul li a {
font-size: 18px;
line-height: 24px;
font-weight: bold;
display: block;
width: 100%;
}
.l-menu-category-items ul:last-child {
width: 100%;
padding: 16px 0 0;
margin-top: 16px;
border-left: 0;
border-top: 1px solid #1a1d25;
}
.l-menu-category:last-child {
display: flex;
flex-direction: column-reverse;
}
.l-menu-category:last-child .l-menu-category-items ul {
width: 100%;
}
.l-mega-menu-full {
display: flex;
flex-direction: column-reverse;
flex-shrink: 0;
background: #33373f;
padding: 24px 16px;
}
.l-mega-menu-full img,
.l-mega-menu-full span {
display: none;
}
.l-mega-menu-full ul:first-child {
margin-bottom: 24px;
}
.l-mega-menu-full ul:first-child li {
margin-bottom: 16px;
}
.l-mega-menu-full ul:first-child a {
font-size: 25px;
line-height: 32px;
font-weight: bold;
}
.l-mega-menu-full p + ul {
grid-template-columns: 1fr 1fr;
}
.l-menu-social {
background: #72767d;
margin-left: -24px;
margin-right: -24px;
margin-bottom: -24px;
margin-top: 24px;
}
.l-menu-social p {
font-size: 18px;
line-height: 24px;
font-weight: bold;
}
.l-menu-social > div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32px 0;
}
}
.l-main {
max-width: 1680px;
background: #fff;
margin: 0 auto;
padding: 0 40px;
}
.l-main:before, .l-main:after {
clear: both;
content: "";
display: table;
margin-top: -1px;
height: 0;
}
@media (max-width: 1199.98px) {
.l-main {
padding: 0 16px;
}
}
.l-footer {
background: #13151b;
padding: 128px 0 96px;
color: #979ca5;
}
.l-footer ul {
list-style: none;
padding: 0;
margin: 0 0 32px;
}
.l-footer-top .container, .l-footer-top .container-wide {
display: flex;
justify-content: space-between;
}
.l-footer-brand img {
margin-bottom: 24px;
}
.l-footer-brand p {
margin-bottom: 24px;
}
.l-footer-brand p a {
color: #979ca5;
}
.l-footer-brand ul {
display: flex;
}
.l-footer-brand li {
margin-right: 24px;
}
.l-footer-brand li a:hover {
text-decoration: none;
}
.l-footer-brand i {
color: #e6e8ee;
font-size: 24px;
}
.l-footer-shop a {
color: #979ca5;
font-size: 13px;
line-height: 16px;
}
.l-footer-shop > ul > li > a {
display: block;
font-size: 17px;
line-height: 24px;
font-weight: bold;
color: #e6e8ee;
margin-bottom: 16px;
}
.l-footer-shop > ul > li > ul > li > a {
font-weight: bold;
color: #e6e8ee;
}
.l-footer-shop > ul > li > ul {
display: grid;
grid-template-columns: 108px 108px;
column-gap: 32px;
}
.l-footer-shop > ul > li > ul > li {
width: -webkit-max-content;
width: max-content;
}
.l-footer-full li {
margin-bottom: 24px;
}
.l-footer-full a {
color: #e6e8ee;
font-size: 17px;
line-height: 24px;
font-weight: bold;
}
.l-footer-misc p {
font-size: 17px;
line-height: 24px;
font-weight: bold;
color: #e6e8ee;
margin-bottom: 16px;
}
.l-footer-misc p + ul a {
color: #979ca5;
font-size: 13px;
line-height: 16px;
font-weight: bold;
}
.l-footer-misc ul + ul a {
color: #c0c4cc;
font-size: 13px;
line-height: 16px;
font-weight: bold;
}
.l-footer-payment {
border-top: 1px solid #1a1d25;
padding-top: 54px;
margin-top: 32px;
}
.l-footer-payment ul {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.l-footer-payment ul li {
margin: 16px;
font-size: 24px;
color: #e6e8ee;
}
@media (max-width: 1199.98px) {
.l-footer {
padding: 32px 0;
}
.l-footer .container, .l-footer .container-wide {
flex-direction: column;
}
.l-footer-shop > ul > li:nth-child(2) {
grid-template: "menu-1 menu-2" "menu-3 menu-3";
grid-template-rows: auto auto;
}
.l-footer-shop > ul > li:nth-child(2) > ul {
margin-bottom: 16px;
}
.l-footer-brand {
border-bottom: 1px solid #1a1d25;
margin-bottom: 32px;
}
.l-footer-full {
margin-bottom: 12px;
}
.l-footer-payment {
display: flex;
justify-content: center;
padding-top: 32px;
margin-top: 0px;
}
.l-footer-payment ul {
flex-wrap: wrap;
max-width: 200px;
}
.l-footer-payment ul li {
margin: 0 16px;
}
}
.l-cart {
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 400px;
background: #fff;
z-index: 1030;
flex-direction: column;
transform: translateX(100%);
transition: 0.3s;
}
.l-cart-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(51, 55, 63, 0.8);
z-index: 1025;
opacity: 0;
pointer-events: none;
transition: 0.3s;
}
.l-cart-opened .l-cart-overlay {
opacity: 1;
pointer-events: all;
}
.l-cart-opened .l-cart {
transform: translateX(0);
}
.l-cart-header {
background: #e6e8ee;
min-height: 80px;
padding: 0 40px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.l-cart-body {
display: flex;
flex-direction: column;
overflow: auto;
height: 100%;
}
.l-cart-items {
list-style: none;
padding: 0;
margin: 48px 40px;
flex-grow: 1;
}
.l-cart-item {
display: flex;
padding-bottom: 24px;
}
.l-cart-item h4 {
margin-bottom: 16px;
}
.l-cart-item:not(.l-cart-item-template) + .l-cart-item {
padding-top: 24px;
border-top: 1px solid #e6e8ee;
}
.l-cart-item-image {
text-align: center;
margin-right: 32px;
width: 240px;
}
.l-cart-item-image img {
width: 120px;
height: 120px;
}
.l-cart-item-image .btn, .l-cart-item-image .c-pagination li a, .c-pagination li .l-cart-item-image a, .l-cart-item-image .c-pagination li span, .c-pagination li .l-cart-item-image span {
padding: 0;
width: 32px;
height: 32px;
color: #fff;
justify-content: center;
display: inline-flex;
align-items: center;
}
.l-cart-item-options {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 8px;
}
.l-cart-item-option {
font-size: 13px;
line-height: 16px;
font-weight: bold;
font-weight: 400;
padding: 7px 8px;
background: #f9fafd;
margin-bottom: 8px;
border-radius: 2px;
}
.l-cart-item-option strong {
margin-left: 8px;
}
.l-cart-summary {
background: #e6e8ee;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 40px 40px 50px;
flex-shrink: 0;
}
.l-cart-summary p {
font-size: 13px;
line-height: 16px;
font-weight: bold;
margin-bottom: 16px;
}
.l-cart-summary .a-price, .l-cart-summary .a-price-small {
margin-bottom: 16px;
border-color: #fff;
}
.l-cart-summary .a-price span:last-child, .l-cart-summary .a-price-small span:last-child {
background: #fff;
}
.l-cart-empty-message {
display: flex;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
}
.l-cart-empty-message i {
font-size: 100px;
color: #e6e8ee;
}
.l-cart-empty-message p {
margin-top: 32px;
color: #54575b;
font-weight: bold;
}
.l-cart-empty .l-cart-items,
.l-cart-empty .l-cart-summary {
display: none;
}
.l-cart-empty .l-cart-empty-message {
display: flex;
}
.cart-newsletter {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background-color: #2d214e;
padding: 10px;
text-decoration: none;
font-size: 15px;
transition: all ease-in-out 0.3s;
cursor: pointer;
z-index: 3;
}
.cart-newsletter:hover {
color: #fff;
text-decoration: none;
background-color: #23193c;
}
.c-product-box-huge, .c-product-box-big, .c-product-box-small, .c-product-box-tiny {
background: #e6e8ee;
padding: 64px;
height: 832px;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: #1a1d25;
}
.c-product-box-huge:hover, .c-product-box-big:hover, .c-product-box-small:hover, .c-product-box-tiny:hover {
text-decoration: none;
color: #1a1d25;
}
.c-product-box-huge > *, .c-product-box-big > *, .c-product-box-small > *, .c-product-box-tiny > * {
z-index: 1;
}
.c-product-box-huge:before, .c-product-box-big:before, .c-product-box-small:before, .c-product-box-tiny:before {
content: " ";
width: 520px;
height: 520px;
border-radius: 100%;
background: #c0c4cc;
position: absolute;
left: 50%;
top: 72px;
transform: translateX(-50%);
}
.c-product-box-huge img, .c-product-box-big img, .c-product-box-small img, .c-product-box-tiny img {
position: absolute;
width: 616px;
height: 616px;
object-fit: scale-down;
top: 32px;
left: 50%;
transform: translateX(-50%);
transition: all 0.3s;
}
.c-product-box-huge .c-product-box-meta, .c-product-box-big .c-product-box-meta, .c-product-box-small .c-product-box-meta, .c-product-box-tiny .c-product-box-meta {
display: flex;
margin-bottom: 16px;
align-items: center;
}
.c-product-box-huge .c-product-box-meta > *, .c-product-box-big .c-product-box-meta > *, .c-product-box-small .c-product-box-meta > *, .c-product-box-tiny .c-product-box-meta > * {
margin-right: 8px;
}
.c-product-box-huge h3, .c-product-box-big h3, .c-product-box-small h3, .c-product-box-tiny h3 {
margin-bottom: 16px;
}
.c-product-box-huge .c-product-box-footer, .c-product-box-big .c-product-box-footer, .c-product-box-small .c-product-box-footer, .c-product-box-tiny .c-product-box-footer {
display: flex;
justify-content: space-between;
}
.c-product-box-huge .a-tag, .c-product-box-big .a-tag, .c-product-box-small .a-tag, .c-product-box-tiny .a-tag {
background: #f9fafd;
}
.c-product-box-huge .a-price, .c-product-box-big .a-price, .c-product-box-small .a-price, .c-product-box-tiny .a-price, .c-product-box-huge .a-price-small, .c-product-box-big .a-price-small, .c-product-box-small .a-price-small, .c-product-box-tiny .a-price-small {
border-color: #c0c4cc;
}
.c-product-box-huge .a-price span:last-child, .c-product-box-big .a-price span:last-child, .c-product-box-small .a-price span:last-child, .c-product-box-tiny .a-price span:last-child, .c-product-box-huge .a-price-small span:last-child, .c-product-box-big .a-price-small span:last-child, .c-product-box-small .a-price-small span:last-child, .c-product-box-tiny .a-price-small span:last-child {
color: #33373f;
background: #c0c4cc;
}
.c-product-box-huge:hover img, .c-product-box-big:hover img, .c-product-box-small:hover img, .c-product-box-tiny:hover img {
transform: translateX(-50%) scale(1.05);
}
.c-product-box-huge:hover .btn, .c-product-box-huge:hover .c-pagination li a, .c-pagination li .c-product-box-huge:hover a, .c-product-box-huge:hover .c-pagination li span, .c-pagination li .c-product-box-huge:hover span, .c-product-box-big:hover .btn, .c-product-box-big:hover .c-pagination li a, .c-pagination li .c-product-box-big:hover a, .c-product-box-big:hover .c-pagination li span, .c-pagination li .c-product-box-big:hover span, .c-product-box-small:hover .btn, .c-product-box-small:hover .c-pagination li a, .c-pagination li .c-product-box-small:hover a, .c-product-box-small:hover .c-pagination li span, .c-pagination li .c-product-box-small:hover span, .c-product-box-tiny:hover .btn, .c-product-box-tiny:hover .c-pagination li a, .c-pagination li .c-product-box-tiny:hover a, .c-product-box-tiny:hover .c-pagination li span, .c-pagination li .c-product-box-tiny:hover span {
background: #5f4f8c;
border-color: #5f4f8c;
}
.c-product-box-huge:hover .btn [class^=icon], .c-product-box-huge:hover .c-pagination li a [class^=icon], .c-pagination li .c-product-box-huge:hover a [class^=icon], .c-product-box-huge:hover .c-pagination li span [class^=icon], .c-pagination li .c-product-box-huge:hover span [class^=icon], .c-product-box-big:hover .btn [class^=icon], .c-product-box-big:hover .c-pagination li a [class^=icon], .c-pagination li .c-product-box-big:hover a [class^=icon], .c-product-box-big:hover .c-pagination li span [class^=icon], .c-pagination li .c-product-box-big:hover span [class^=icon], .c-product-box-small:hover .btn [class^=icon], .c-product-box-small:hover .c-pagination li a [class^=icon], .c-pagination li .c-product-box-small:hover a [class^=icon], .c-product-box-small:hover .c-pagination li span [class^=icon], .c-pagination li .c-product-box-small:hover span [class^=icon], .c-product-box-tiny:hover .btn [class^=icon], .c-product-box-tiny:hover .c-pagination li a [class^=icon], .c-pagination li .c-product-box-tiny:hover a [class^=icon], .c-product-box-tiny:hover .c-pagination li span [class^=icon], .c-pagination li .c-product-box-tiny:hover span [class^=icon] {
transform: rotate(90deg);
}
.c-product-box-big, .c-product-box-small, .c-product-box-tiny {
background: #f9fafd;
height: 720px;
}
.c-product-box-big:before, .c-product-box-small:before, .c-product-box-tiny:before {
height: 440px;
width: 440px;
background: #e6e8ee;
}
.c-product-box-big img, .c-product-box-small img, .c-product-box-tiny img {
width: 544px;
height: 544px;
top: 16px;
z-index: 0;
}
.c-product-box-big .a-price, .c-product-box-small .a-price, .c-product-box-tiny .a-price, .c-product-box-big .a-price-small, .c-product-box-small .a-price-small, .c-product-box-tiny .a-price-small {
border-color: #e6e8ee;
}
.c-product-box-big .a-price span:last-child, .c-product-box-small .a-price span:last-child, .c-product-box-tiny .a-price span:last-child, .c-product-box-big .a-price-small span:last-child, .c-product-box-small .a-price-small span:last-child, .c-product-box-tiny .a-price-small span:last-child {
color: #54575b;
background: #e6e8ee;
}
.c-product-box-big:not(:hover) .a-tag, .c-product-box-small:not(:hover) .a-tag, .c-product-box-tiny:not(:hover) .a-tag {
background: #e6e8ee;
}
.c-product-box-big:hover, .c-product-box-small:hover, .c-product-box-tiny:hover {
background: #e6e8ee;
}
.c-product-box-big:hover:before, .c-product-box-small:hover:before, .c-product-box-tiny:hover:before {
background: #c0c4cc;
}
.c-product-box-big:hover .a-price, .c-product-box-small:hover .a-price, .c-product-box-tiny:hover .a-price, .c-product-box-big:hover .a-price-small, .c-product-box-small:hover .a-price-small, .c-product-box-tiny:hover .a-price-small {
border-color: #fff;
}
.c-product-box-big:hover .a-price span:last-child, .c-product-box-small:hover .a-price span:last-child, .c-product-box-tiny:hover .a-price span:last-child, .c-product-box-big:hover .a-price-small span:last-child, .c-product-box-small:hover .a-price-small span:last-child, .c-product-box-tiny:hover .a-price-small span:last-child {
color: #54575b;
background: #fff;
}
.c-product-box-small, .c-product-box-tiny {
height: 400px;
justify-content: space-between;
padding: 32px;
overflow: hidden;
background: #fff;
}
.c-product-box-small:before, .c-product-box-tiny:before {
display: none;
}
.c-product-box-small img, .c-product-box-tiny img {
width: 222px;
height: 222px;
top: 96px;
}
.c-product-box-small .c-product-box-meta, .c-product-box-tiny .c-product-box-meta {
margin-bottom: 8px;
}
.c-product-box-small .c-product-box-footer, .c-product-box-tiny .c-product-box-footer {
position: relative;
z-index: 1;
}
.c-product-box-small h3, .c-product-box-tiny h3 {
margin-top: 0;
margin-bottom: auto;
font-size: 21px;
line-height: 24px;
font-weight: bold;
}
.c-product-box-small .a-tag, .c-product-box-tiny .a-tag {
display: none;
}
.c-product-box-small:not(:hover) .btn [class^=icon], .c-product-box-small:not(:hover) .c-pagination li a [class^=icon], .c-pagination li .c-product-box-small:not(:hover) a [class^=icon], .c-product-box-small:not(:hover) .c-pagination li span [class^=icon], .c-pagination li .c-product-box-small:not(:hover) span [class^=icon], .c-product-box-tiny:not(:hover) .btn [class^=icon], .c-product-box-tiny:not(:hover) .c-pagination li a [class^=icon], .c-pagination li .c-product-box-tiny:not(:hover) a [class^=icon], .c-product-box-tiny:not(:hover) .c-pagination li span [class^=icon], .c-pagination li .c-product-box-tiny:not(:hover) span [class^=icon] {
margin: 0;
}
.c-product-box-small:not(:hover) .btn span, .c-product-box-small:not(:hover) .c-pagination li a span, .c-pagination li .c-product-box-small:not(:hover) a span, .c-product-box-small:not(:hover) .c-pagination li span span, .c-pagination li .c-product-box-small:not(:hover) span span, .c-product-box-tiny:not(:hover) .btn span, .c-product-box-tiny:not(:hover) .c-pagination li a span, .c-pagination li .c-product-box-tiny:not(:hover) a span, .c-product-box-tiny:not(:hover) .c-pagination li span span, .c-pagination li .c-product-box-tiny:not(:hover) span span {
display: none;
}
.c-product-box-small:hover, .c-product-box-tiny:hover {
background: #f9fafd;
}
.c-product-box-small:hover img, .c-product-box-tiny:hover img {
transform: translateX(-50%) scale(1.45);
}
.c-product-box-small:hover .btn, .c-product-box-small:hover .c-pagination li a, .c-pagination li .c-product-box-small:hover a, .c-product-box-small:hover .c-pagination li span, .c-pagination li .c-product-box-small:hover span, .c-product-box-tiny:hover .btn, .c-product-box-tiny:hover .c-pagination li a, .c-pagination li .c-product-box-tiny:hover a, .c-product-box-tiny:hover .c-pagination li span, .c-pagination li .c-product-box-tiny:hover span {
background: #5f4f8c;
border-color: #5f4f8c;
}
.c-product-box-small:hover .btn [class^=icon], .c-product-box-small:hover .c-pagination li a [class^=icon], .c-pagination li .c-product-box-small:hover a [class^=icon], .c-product-box-small:hover .c-pagination li span [class^=icon], .c-pagination li .c-product-box-small:hover span [class^=icon], .c-product-box-tiny:hover .btn [class^=icon], .c-product-box-tiny:hover .c-pagination li a [class^=icon], .c-pagination li .c-product-box-tiny:hover a [class^=icon], .c-product-box-tiny:hover .c-pagination li span [class^=icon], .c-pagination li .c-product-box-tiny:hover span [class^=icon] {
transform: rotate(90deg);
}
.c-product-box-tiny:hover img {
transform: translateX(-50%) scale(1.15);
}
@media (max-width: 1199.98px) {
.c-product-box-huge, .c-product-box-big, .c-product-box-small, .c-product-box-tiny {
height: 400px;
padding: 24px;
}
.c-product-box-huge img, .c-product-box-big img, .c-product-box-small img, .c-product-box-tiny img {
position: absolute;
width: 224px;
height: 224px;
top: 16px;
z-index: 0;
}
.c-product-box-huge:before, .c-product-box-big:before, .c-product-box-small:before, .c-product-box-tiny:before {
width: 222px;
height: 222px;
top: 32px;
background: #c0c4cc;
}
.c-product-box-huge .btn, .c-product-box-huge .c-pagination li a, .c-pagination li .c-product-box-huge a, .c-product-box-huge .c-pagination li span, .c-pagination li .c-product-box-huge span, .c-product-box-big .btn, .c-product-box-big .c-pagination li a, .c-pagination li .c-product-box-big a, .c-product-box-big .c-pagination li span, .c-pagination li .c-product-box-big span, .c-product-box-small .btn, .c-product-box-small .c-pagination li a, .c-pagination li .c-product-box-small a, .c-product-box-small .c-pagination li span, .c-pagination li .c-product-box-small span, .c-product-box-tiny .btn, .c-product-box-tiny .c-pagination li a, .c-pagination li .c-product-box-tiny a, .c-product-box-tiny .c-pagination li span, .c-pagination li .c-product-box-tiny span {
width: 48px;
display: flex;
justify-content: center;
}
.c-product-box-huge .btn span, .c-product-box-huge .c-pagination li a span, .c-pagination li .c-product-box-huge a span, .c-product-box-huge .c-pagination li span span, .c-pagination li .c-product-box-huge span span, .c-product-box-big .btn span, .c-product-box-big .c-pagination li a span, .c-pagination li .c-product-box-big a span, .c-product-box-big .c-pagination li span span, .c-pagination li .c-product-box-big span span, .c-product-box-small .btn span, .c-product-box-small .c-pagination li a span, .c-pagination li .c-product-box-small a span, .c-product-box-small .c-pagination li span span, .c-pagination li .c-product-box-small span span, .c-product-box-tiny .btn span, .c-product-box-tiny .c-pagination li a span, .c-pagination li .c-product-box-tiny a span, .c-product-box-tiny .c-pagination li span span, .c-pagination li .c-product-box-tiny span span {
display: none;
}
.c-product-box-huge .btn [class^=icon], .c-product-box-huge .c-pagination li a [class^=icon], .c-pagination li .c-product-box-huge a [class^=icon], .c-product-box-huge .c-pagination li span [class^=icon], .c-pagination li .c-product-box-huge span [class^=icon], .c-product-box-big .btn [class^=icon], .c-product-box-big .c-pagination li a [class^=icon], .c-pagination li .c-product-box-big a [class^=icon], .c-product-box-big .c-pagination li span [class^=icon], .c-pagination li .c-product-box-big span [class^=icon], .c-product-box-small .btn [class^=icon], .c-product-box-small .c-pagination li a [class^=icon], .c-pagination li .c-product-box-small a [class^=icon], .c-product-box-small .c-pagination li span [class^=icon], .c-pagination li .c-product-box-small span [class^=icon], .c-product-box-tiny .btn [class^=icon], .c-product-box-tiny .c-pagination li a [class^=icon], .c-pagination li .c-product-box-tiny a [class^=icon], .c-product-box-tiny .c-pagination li span [class^=icon], .c-pagination li .c-product-box-tiny span [class^=icon] {
margin-left: 0;
}
.c-product-box-big, .c-product-box-small, .c-product-box-tiny {
height: 440px;
}
.c-product-box-big:before, .c-product-box-small:before, .c-product-box-tiny:before {
width: 222px;
height: 222px;
top: 32px;
background: #e6e8ee;
}
.c-product-box-small img, .c-product-box-tiny img {
width: 222px;
height: 222px;
top: 96px;
}
}
.c-product-category, .c-product-category-card {
height: 440px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
background: #f9fafd;
padding: 32px 23px;
position: relative;
color: #1a1d25;
}
.c-product-category:hover, .c-product-category-card:hover {
text-decoration: none;
color: #1a1d25;
}
.c-product-category > *, .c-product-category-card > * {
z-index: 1;
}
.c-product-category img, .c-product-category-card img {
width: 240px;
height: 240px;
object-fit: scale-down;
}
.c-product-category-header {
display: flex;
align-items: center;
}
.c-product-category-header h4 {
margin-bottom: 0;
}
.c-product-category-header span {
margin-left: 8px;
}
.c-product-category:before, .c-product-category-card:before {
content: " ";
height: 256px;
width: 256px;
border-radius: 100%;
background: #e6e8ee;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 1199.98px) {
.c-product-category, .c-product-category-card {
height: 400px;
}
.c-product-category img, .c-product-category-card img {
width: 232px;
height: 232px;
}
}
.c-product-category-card {
padding: 24px 16px 32px;
height: 400px;
}
.c-product-category-card img {
width: 256px;
height: 256px;
}
.c-product-category-card-header {
display: flex;
align-items: center;
color: #72767d;
}
.c-product-category-card-header h5 {
margin-bottom: 0;
}
.c-product-category-card-header span {
margin-right: 8px;
}
.c-lookbook-price {
background: #f9fafd;
width: 318px;
height: 136px;
padding: 24px;
position: relative;
}
.c-lookbook-price .a-colors {
margin-bottom: 8px;
}
.c-lookbook-price h4 {
margin-bottom: 12px;
}
.c-lookbook-price .btn, .c-lookbook-price .c-pagination li a, .c-pagination li .c-lookbook-price a, .c-lookbook-price .c-pagination li span, .c-pagination li .c-lookbook-price span {
position: absolute;
right: 0;
top: 50%;
transform: translate(50%, -50%);
}
@media (max-width: 1199.98px) {
.c-lookbook-price {
width: auto;
padding-right: 88px;
}
.c-lookbook-price .btn, .c-lookbook-price .c-pagination li a, .c-pagination li .c-lookbook-price a, .c-lookbook-price .c-pagination li span, .c-pagination li .c-lookbook-price span {
right: 24px;
transform: translate(0, -50%);
}
}
.c-hero {
height: 720px;
margin: 40px 0 128px;
}
.c-hero video {
max-width: 100%;
height: 720px;
object-fit: cover;
}
.c-hero-image {
object-fit: cover;
max-height: 100%;
}
@media (max-width: 1199.98px) {
.c-hero {
margin: 16px 0 48px;
height: auto;
}
.c-hero video {
width: 100%;
height: 264px;
}
.c-hero-image {
width: 100%;
height: 264px;
}
}
.c-post-home {
display: flex;
height: 400px;
}
.c-post-home > * {
width: 50%;
height: auto;
}
.c-post-home img {
object-fit: cover;
}
.c-post-home-tags {
margin-bottom: 16px;
}
.c-post-home h4 {
margin-bottom: 16px;
}
.c-post-home p {
margin-bottom: 16px;
}
.c-post-home-main {
flex: 1 1 50%;
background: #22593f;
color: #f9fafd;
padding: 64px 48px;
}
@media (max-width: 1199.98px) {
.c-post-home {
flex-direction: column;
height: auto;
}
.c-post-home > * {
width: 100%;
}
.c-post-home-main {
padding: 24px;
}
}
.c-meka-shoes, .c-lookbook-category, .c-meka-shoes-alt {
height: 720px;
position: relative;
display: flex;
align-items: center;
margin-bottom: 128px;
}
.c-meka-shoes > img, .c-lookbook-category > img, .c-meka-shoes-alt > img {
position: absolute;
top: 0;
right: 0;
object-fit: cover;
width: 80%;
height: 100%;
}
.c-meka-shoes-box {
position: relative;
z-index: 1;
height: 560px;
width: 742px;
background: #e6e8ee;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 80px;
}
.c-meka-shoes-box > * {
z-index: 1;
position: relative;
}
.c-meka-shoes-box:before {
content: " ";
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, -50%);
width: 1120px;
height: 1120px;
border-radius: 100%;
background: #f9fafd;
z-index: 0;
}
.c-meka-shoes-box:after {
content: " ";
position: absolute;
bottom: 0;
right: 0;
transform: translate(50%, 50%);
width: 560px;
height: 560px;
border-radius: 100%;
background: #f9fafd;
z-index: 0;
}
.c-meka-shoes-box h3 {
margin-bottom: 16px;
}
.c-meka-shoes-box h3 img {
height: 16px;
}
.c-meka-shoes-box p {
margin-bottom: 32px;
font-size: 17px;
line-height: 24px;
}
.c-meka-shoes-alt > img {
left: 0;
right: auto;
}
.c-meka-shoes-alt .container, .c-meka-shoes-alt .container-wide {
display: flex;
justify-content: flex-end;
}
@media (max-width: 1199.98px) {
.c-meka-shoes, .c-lookbook-category, .c-meka-shoes-alt {
height: auto;
display: block;
margin-bottom: 48px;
}
.c-meka-shoes > img, .c-lookbook-category > img, .c-meka-shoes-alt > img {
position: relative;
width: 100%;
height: 240px;
}
.c-meka-shoes > .container, .c-lookbook-category > .container, .c-meka-shoes-alt > .container, .c-meka-shoes > .container-wide, .c-lookbook-category > .container-wide, .c-meka-shoes-alt > .container-wide {
max-width: 100%;
padding: 0;
}
.c-meka-shoes-box {
width: auto;
padding: 24px;
justify-content: flex-start;
height: auto;
}
.c-meka-shoes-box > div {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.c-meka-shoes-box:before {
width: 528px;
height: 528px;
}
.c-meka-shoes-box:after {
width: 288px;
height: 288px;
}
.c-meka-shoes-box p {
margin-bottom: 24px;
font-size: 16px;
line-height: 24px;
}
.c-meka-shoes-box .btn + .btn, .c-meka-shoes-box .c-pagination li a + .btn, .c-pagination li .c-meka-shoes-box a + .btn, .c-meka-shoes-box .c-pagination li span + .btn, .c-pagination li .c-meka-shoes-box span + .btn, .c-meka-shoes-box .c-pagination li .btn + a, .c-pagination li .c-meka-shoes-box .btn + a, .c-meka-shoes-box .c-pagination li a + a, .c-pagination li .c-meka-shoes-box a + a, .c-meka-shoes-box .c-pagination li span + a, .c-pagination li .c-meka-shoes-box span + a, .c-meka-shoes-box .c-pagination li .btn + span, .c-pagination li .c-meka-shoes-box .btn + span, .c-meka-shoes-box .c-pagination li a + span, .c-pagination li .c-meka-shoes-box a + span, .c-meka-shoes-box .c-pagination li span + span, .c-pagination li .c-meka-shoes-box span + span {
margin-left: 0;
margin-top: 16px;
}
}
.c-goodyear-welted {
position: relative;
margin-bottom: 128px;
}
.c-goodyear-welted-image-1, .c-goodyear-welted-image-2 {
position: absolute;
top: 40px;
height: calc(100% - 80px);
object-fit: cover;
left: 0;
}
.c-goodyear-welted-image-2 {
left: auto;
right: 0;
}
.c-goodyear-welted-box {
height: 800px;
background: #2d214e;
position: relative;
color: #fff;
padding: 80px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
overflow: hidden;
}
.c-goodyear-welted-box > * {
z-index: 1;
}
.c-goodyear-welted-box > i {
position: absolute;
bottom: 40px;
right: 0;
transform: translateX(50%);
color: #1a1d25;
opacity: 0.32;
z-index: 0;
font-size: 664px;
}
.c-goodyear-welted-box h2 {
padding-left: 104px;
position: relative;
margin-bottom: 16px;
}
.c-goodyear-welted-box h2 i {
font-size: 74px;
position: absolute;
left: 0;
top: 8px;
color: #5f4f8c;
}
.c-goodyear-welted-box p {
font-size: 21px;
line-height: 32px;
margin-bottom: 32px;
}
@media (max-width: 1199.98px) {
.c-goodyear-welted {
margin-bottom: 48px;
}
.c-goodyear-welted-image-1, .c-goodyear-welted-image-2 {
position: relative;
top: 0px;
height: 304px;
width: 100%;
}
.c-goodyear-welted-image-2 {
display: none;
}
.c-goodyear-welted .container, .c-goodyear-welted .container-wide {
max-width: 100%;
padding: 0;
}
.c-goodyear-welted-box {
padding: 32px 24px 40px;
height: auto;
}
.c-goodyear-welted-box > h2 {
padding-left: 72px;
}
.c-goodyear-welted-box > h2 i {
top: 16px;
font-size: 44px;
}
.c-goodyear-welted-box p {
font-size: 18px;
line-height: 24px;
margin-bottom: 24px;
}
}
.c-content-grid, .c-content-grid-alt {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 32px;
row-gap: 32px;
margin-bottom: 128px;
margin-left: auto;
margin-right: auto;
max-width: 1224px;
}
.c-content-grid .c-product-box-huge, .c-content-grid-alt .c-product-box-huge, .c-content-grid .c-product-box-big, .c-content-grid-alt .c-product-box-big, .c-content-grid .c-product-box-small, .c-content-grid-alt .c-product-box-small, .c-content-grid .c-product-box-tiny, .c-content-grid-alt .c-product-box-tiny {
grid-column: span 2;
grid-row: span 2;
}
.c-content-grid .c-product-box-small, .c-content-grid-alt .c-product-box-small, .c-content-grid .c-product-box-tiny, .c-content-grid-alt .c-product-box-tiny {
grid-column: auto;
grid-row: auto;
}
.c-content-grid .c-post-home, .c-content-grid-alt .c-post-home {
grid-column: span 2;
}
.c-content-grid-alt .c-product-box-huge, .c-content-grid-alt .c-product-box-big, .c-content-grid-alt .c-product-box-small, .c-content-grid-alt .c-product-box-tiny {
grid-column: 2/span 2;
grid-row: 1/span 2;
}
.c-content-grid-alt .c-product-box-small, .c-content-grid-alt .c-product-box-tiny {
grid-column: auto;
grid-row: auto;
}
.c-content-grid-alt .c-post-home {
grid-column: 1/span 2;
grid-row: 3;
}
@media (max-width: 1199.98px) {
.c-content-grid,
.c-content-grid-alt {
grid-template-columns: 1fr;
}
.c-content-grid .c-product-box-huge, .c-content-grid .c-product-box-big, .c-content-grid-alt .c-product-box-big, .c-content-grid .c-product-box-tiny, .c-content-grid-alt .c-product-box-tiny,
.c-content-grid .c-product-box-small,
.c-content-grid .c-post-home,
.c-content-grid-alt .c-product-box-huge,
.c-content-grid-alt .c-product-box-small,
.c-content-grid-alt .c-post-home {
grid-column: auto;
grid-row: auto;
}
}
.c-lookbook-home {
margin-bottom: 128px;
}
.c-lookbook-item, .c-lookbook-item-alt {
position: relative;
}
.c-lookbook-item img, .c-lookbook-item-alt img {
max-width: 100%;
object-fit: cover;
height: auto;
}
.c-lookbook-item .c-lookbook-price, .c-lookbook-item-alt .c-lookbook-price {
position: absolute;
right: 106px;
bottom: 55px;
}
.c-lookbook-item-alt img {
margin-top: 32px;
max-height: calc(100% - 64px);
max-width: 100%;
}
.c-lookbook-item-alt .c-lookbook-price {
right: auto;
bottom: auto;
left: 106px;
top: 62px;
}
@media (max-width: 1199.98px) {
.c-lookbook-home {
margin-bottom: 48px;
}
.c-lookbook-item img,
.c-lookbook-item-alt img {
height: 296px;
}
.c-lookbook-item .c-lookbook-price,
.c-lookbook-item-alt .c-lookbook-price {
margin: -32px 16px 0;
position: relative;
bottom: auto;
top: auto;
left: auto;
right: auto;
}
}
.c-filters {
height: 64px;
background: #e6e8ee;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 80px;
z-index: 1000;
padding: 0 40px;
align-items: center;
justify-content: space-between;
}
.c-filters-back {
font-size: 17px;
line-height: 24px;
font-weight: bold;
color: #54575b;
display: inline-flex;
align-items: center;
white-space: nowrap;
}
.c-filters-back:hover {
text-decoration: none;
color: #54575b;
}
.c-filters-back i {
font-size: 18px;
margin-right: 8px;
}
.c-filters-controls {
display: flex;
align-items: center;
width: 100%;
justify-content: flex-end;
gap: 30px;
}
.c-filters-controls > div:first-child {
display: flex;
justify-content: center;
}
.c-filters-controls > div:last-child {
display: flex;
}
.c-filters-controls label {
font-size: 17px;
line-height: 24px;
color: #54575b;
margin-right: 8px;
margin-bottom: 0;
white-space: nowrap;
}
.c-filters-controls .custom-select {
border: 0;
font-size: 14px;
line-height: 16px;
font-weight: bold;
color: #54575b;
background: url(//meka-shoes.pl/wp-content/themes/meka/dist/images/icons/arrow-down.svg) right 15px center no-repeat, #fff;
background-size: 15px;
padding-right: 36px;
cursor: pointer;
}
.c-filters-controls .custom-select:hover {
background-color: #f9fafd;
color: #666970;
}
.c-filters-colors {
display: flex;
align-items: center;
height: 40px;
margin-left: 0;
}
.c-filters-select + .c-filters-colors {
border-right: 2px solid #f9fafd;
padding-right: 32px;
margin-right: 32px;
}
.c-filters-colors ul {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.c-filters-colors ul li {
display: inline-flex;
align-items: center;
}
.c-filters-colors ul li button {
background: transparent;
padding: 0;
border: 0;
cursor: pointer;
margin: 0;
}
.c-filters-colors li + li {
margin-left: 8px;
}
.c-filters-colors span {
width: 16px;
height: 16px;
border-radius: 100%;
display: block;
border: 2px solid #f9fafd;
position: relative;
cursor: pointer;
}
.c-filters-colors span:hover {
transform: scale(1.15);
}
.c-filters-colors .\--selected span:before {
content: " ";
position: absolute;
width: 2px;
height: 100%;
background: #f9fafd;
left: calc(50%);
transform: translateX(-50%) rotate(45deg);
}
.c-filters-select {
display: flex;
align-items: center;
min-width: 104px;
}
.c-filters-select label {
display: none;
}
.c-filters-select + .c-filters-select {
margin-left: 24px;
}
.c-filters-toggle {
display: none;
}
.c-filters-toggle span:last-child {
display: none;
}
.c-filters-toggle.\--open {
background: #fff;
}
.c-filters-toggle.\--open span:first-child {
display: none;
}
.c-filters-toggle.\--open span:last-child {
display: inline;
}
.c-clear-filters {
white-space: nowrap;
display: flex;
align-items: center;
margin-left: 24px;
font-size: 17px;
line-height: 24px;
color: #72767d;
}
.c-clear-filters:hover {
color: #666970;
text-decoration: none;
}
@media (max-width: 1199.98px) {
.c-filters {
top: 64px;
padding: 0 16px;
}
.c-clear-filters {
margin-top: 16px;
margin-left: 0;
}
.c-filters-controls {
position: fixed;
top: 128px;
background: #e6e8ee;
flex-direction: column;
left: 0;
padding: 0 16px 16px;
display: none;
}
.c-filters-controls.\--open {
display: flex;
}
.c-filters-controls > div {
flex-direction: column;
width: 100%;
}
.c-filters-controls label {
width: 100%;
margin-right: 0;
margin-bottom: 16px;
}
.c-filters-toggle {
color: #72767d;
display: block;
}
.c-filters-colors {
border-top: 2px solid #fff;
border-right: 0;
padding-top: 24px;
margin-bottom: 16px;
margin-right: 0;
height: auto;
flex-direction: column;
}
.c-filters-colors ul {
width: 100%;
flex-wrap: wrap;
gap: 8px;
}
.c-filters-colors ul li + li {
margin: 0;
}
.c-filters-colors span {
width: 32px;
height: 32px;
}
.c-filters-select {
flex-direction: column;
margin-left: 0 !important;
margin-bottom: 16px;
}
.c-filters-select label {
display: block;
}
}
.c-pagination {
margin-top: -64px;
padding: 0 0 128px;
}
.c-pagination ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
}
.c-pagination li {
padding: 0 4px;
}
.c-pagination li a, .c-pagination li span {
background: #fff;
}
.c-pagination .active a, .c-pagination .active span {
background: #e6e8ee !important;
border-color: #e6e8ee !important;
}
.c-pagination .disabled {
pointer-events: none;
opacity: 0.5;
}
.pswp {
top: 80px !important;
height: auto;
bottom: 0;
}
.pswp__button {
width: 64px;
height: 64px;
border-radius: 100%;
background: #e6e8ee;
color: #5f4f8c;
display: flex;
align-items: center;
justify-content: center;
}
.pswp__button:before {
display: none;
}
.pswp__button i {
pointer-events: none;
font-size: 24px;
}
.pswp__top-bar {
background: none;
padding: 40px 40px;
}
.pswp__button--close {
background: #2d214e;
color: #fff;
}
.pswp__button--arrow--left {
left: 40px;
}
.pswp__button--arrow--right {
right: 40px;
}
@media (max-width: 1199.98px) {
.pswp {
top: 64px !important;
}
.pswp__button {
width: 32px;
height: 32px;
border-radius: 100%;
background: #e6e8ee !important;
color: #5f4f8c;
display: flex;
align-items: center;
justify-content: center;
}
.pswp__button:before {
display: none;
}
.pswp__button i {
pointer-events: none;
font-size: 16px;
}
.pswp__top-bar {
background: none;
padding: 16px 16px;
}
.pswp__button--close {
background: #2d214e !important;
color: #fff;
}
.pswp__button--arrow--left {
left: 16px;
top: auto;
bottom: 16px;
}
.pswp__button--arrow--right {
right: 16px;
top: auto;
bottom: 16px;
}
}
.c-instagram {
text-align: center;
}
.c-instagram h2 {
margin-bottom: 16px;
}
.c-instagram p {
font-size: 21px;
line-height: 32px;
margin-bottom: 16px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.c-instagram .btn, .c-instagram .c-pagination li a, .c-pagination li .c-instagram a, .c-instagram .c-pagination li span, .c-pagination li .c-instagram span {
margin-bottom: 32px;
}
.c-instagram .app-instagram-widget .app-instagram-gallery-images:nth-child(odd) {
transform: translateY(32px);
}
@media (max-width: 1199.98px) {
.c-instagram h2 {
margin-bottom: 8px;
}
.c-instagram p {
font-size: 18px;
line-height: 24px;
margin-bottom: 16px;
}
}
.newsletter-cta {
position: relative;
margin: 0px -20px 20px -20px;
padding-top: 100px;
margin-top: -100px;
}
.newsletter-cta__wrapper {
position: relative;
padding: 80px 0;
color: #fff;
background: #2d214e;
overflow: hidden;
}
.newsletter-cta__wrapper::before, .newsletter-cta__wrapper::after {
content: " ";
position: absolute;
border-radius: 100%;
background: rgba(249, 250, 253, 0.03);
z-index: 0;
}
.newsletter-cta__wrapper::before {
top: 0;
left: 0;
transform: translate(-50%, -50%);
width: 1120px;
height: 1120px;
}
.newsletter-cta__wrapper::after {
bottom: 0;
right: 0;
transform: translate(50%, 50%);
width: 560px;
height: 560px;
}
.newsletter-cta .wpcf7-form {
position: relative;
z-index: 2;
}
.newsletter-cta .wpcf7-form .c-newsletter-close {
display: none;
}
.newsletter-cta .wpcf7-form .form-wrapper {
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 991.98px) {
.newsletter-cta .wpcf7-form .form-wrapper {
flex-direction: column;
align-items: flex-start;
}
}
.newsletter-cta .wpcf7-form .form-wrapper h2 {
margin: 0;
}
.newsletter-cta .wpcf7-form .form-wrapper .newsletter-form {
max-width: 60%;
width: 100%;
}
@media (max-width: 991.98px) {
.newsletter-cta .wpcf7-form .form-wrapper .newsletter-form {
max-width: 100%;
}
}
.newsletter-cta .wpcf7-form .form-wrapper .newsletter-form .form-control {
height: 50px;
font-size: 18px;
}
.newsletter-cta .wpcf7-form .form-wrapper .newsletter-form .custom-checkbox {
margin-bottom: 30px;
}
.newsletter-cta .wpcf7-form .form-wrapper .newsletter-form .custom-checkbox label {
font-size: 16px;
line-height: 1.2;
font-weight: 400;
}
.c-review {
height: auto;
border-bottom: 5px solid #e6e8ee;
}
.c-review__content {
font-size: 17px;
line-height: 24px;
}
.c-review.c-post-big {
height: auto;
}
.c-review-wrapper {
display: flex;
height: 100%;
align-items: center;
margin: 20px 0;
}
.video-fallback {
padding: 20px;
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 4px;
text-align: center;
margin: 10px 0;
color: #333;
}
.video-fallback a {
color: #007cba;
text-decoration: underline;
}
.video-fallback a:hover, .video-fallback a:focus {
color: #005a87;
text-decoration: none;
}
video:focus {
outline: 2px solid #007cba;
outline-offset: 2px;
}
video:focus + .custom-video-controls {
opacity: 1;
}
video::-webkit-media-controls {
display: flex !important;
}
video::-webkit-media-controls-panel {
background-color: rgba(0, 0, 0, 0.8);
}
video::-webkit-media-controls-play-button {
background-color: rgba(255, 255, 255, 0.8);
border-radius: 50%;
}
video:hover + .custom-video-controls {
opacity: 1;
}
.embed-container iframe:focus {
outline: 2px solid #007cba;
outline-offset: 2px;
}
.video-description p {
margin-bottom: 8px;
font-size: 14px;
color: #666;
}
.video-description a {
color: #007cba;
text-decoration: underline;
}
.video-description a:hover, .video-description a:focus {
color: #005a87;
text-decoration: none;
}
.video-description a:focus {
outline: 2px solid #007cba;
outline-offset: 2px;
}
@media (prefers-contrast: high) {
video:focus {
outline: 3px solid #000;
outline-offset: 3px;
}
.embed-container iframe:focus {
outline: 3px solid #000;
outline-offset: 3px;
}
.video-description a:focus {
outline: 3px solid #000;
outline-offset: 3px;
}
}
.custom-video-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 8px;
padding: 8px;
background: rgba(0, 0, 0, 0.5);
border-radius: 4px;
position: absolute;
bottom: 15px;
right: 15px;
opacity: 0;
}
.custom-video-controls:hover {
opacity: 1;
}
.custom-video-controls button {
background: rgba(255, 255, 255, 0.9);
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 16px;
transition: background-color 0.2s ease;
}
.custom-video-controls button:hover, .custom-video-controls button:focus {
background: white;
outline: 2px solid #007cba;
outline-offset: 2px;
}
.custom-video-controls button:active {
transform: scale(0.95);
}
@media (prefers-reduced-motion: reduce) {
video {
animation: none !important;
transition: none !important;
}
.custom-video-controls button {
transition: none !important;
}
.custom-video-controls button:active {
transform: none !important;
}
}
.c-shop-header {
padding: 128px 0 256px;
background: #e6e8ee;
text-align: center;
margin-left: -40px;
margin-right: -40px;
}
.c-shop-header img {
margin-bottom: 32px;
}
.c-shop-header h1 {
margin-bottom: 16px;
color: #2d214e;
}
.c-shop-header p {
font-size: 21px;
line-height: 32px;
}
@media (max-width: 1199.98px) {
.c-shop-header {
padding: 64px 24px;
margin: 0 -16px;
text-align: left;
}
.c-shop-header [class^=col-],
.c-shop-header .container,
.c-shop-header .container-wide {
margin: 0;
padding: 0;
}
.c-shop-header img {
max-width: 100%;
}
.c-shop-header h1 {
margin-bottom: 8px;
}
.c-shop-header p {
font-size: 18px;
line-height: 24px;
}
}
.c-gender-hero {
margin: -128px 0 128px;
}
.c-gender-hero-box, .c-gender-hero-box-alt {
display: block;
}
.c-gender-hero-box-background {
background: #2d214e;
position: relative;
overflow: hidden;
height: 736px;
transition: 0.3s;
display: flex;
align-items: center;
justify-content: center;
}
.c-gender-hero-box-background > * {
position: relative;
z-index: 1;
}
.c-gender-hero-box-background img {
transition: 0.3s;
transform: scale(1);
object-fit: scale-down;
max-width: 100%;
}
.c-gender-hero-box-background:before {
content: " ";
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, -50%);
width: 1440px;
height: 1440px;
border-radius: 100%;
background: #5f4f8c;
z-index: 0;
transition: 0.3s;
opacity: 1;
}
.c-gender-hero-box-title {
margin: -64px auto 0;
display: flex;
width: 318px;
height: 128px;
justify-content: space-between;
align-items: center;
background: #1a1d25;
color: #f9fafd;
padding: 24px;
position: relative;
z-index: 1;
}
.c-gender-hero-box-title .btn, .c-gender-hero-box-title .c-pagination li a, .c-pagination li .c-gender-hero-box-title a, .c-gender-hero-box-title .c-pagination li span, .c-pagination li .c-gender-hero-box-title span {
transform: translateX(100%);
}
.c-gender-hero-box:hover, .c-gender-hero-box-alt:hover {
text-decoration: none;
}
.c-gender-hero-box:hover .c-gender-hero-box-background, .c-gender-hero-box-alt:hover .c-gender-hero-box-background {
background: #5f4f8c;
}
.c-gender-hero-box:hover .c-gender-hero-box-background img, .c-gender-hero-box-alt:hover .c-gender-hero-box-background img {
transform: scale(1.1);
}
.c-gender-hero-box:hover .c-gender-hero-box-title, .c-gender-hero-box-alt:hover .c-gender-hero-box-title {
background: #2d214e;
}
.c-gender-hero-box-alt .c-gender-hero-box-background {
background: #0c3522;
height: 720px;
}
.c-gender-hero-box-alt .c-gender-hero-box-background:before {
background: #22593f;
top: auto;
left: auto;
right: 0;
bottom: 0;
transform: translate(50%, 50%);
}
.c-gender-hero-box-alt .c-gender-hero-box-title {
transform: translateY(16px);
}
.c-gender-hero-box-alt:hover .c-gender-hero-box-background {
background: #22593f;
}
.c-gender-hero-box-alt:hover .c-gender-hero-box-title {
background: #0c3522;
}
@media (max-width: 1199.98px) {
.c-gender-hero {
margin: 0 -16px 12px;
}
.c-gender-hero [class^=col-],
.c-gender-hero .container-wide {
margin: 0;
padding: 0;
}
.c-gender-hero img {
height: 300px;
width: 100%;
transform: translateY(-45px);
}
.c-gender-hero-box-background:before {
width: 640px;
height: 640px;
}
.c-gender-hero-box .c-gender-hero-box-background, .c-gender-hero-box-alt .c-gender-hero-box-background {
height: 320px;
}
.c-gender-hero-box-title {
width: calc(100% - 32px);
margin-bottom: 32px;
}
.c-gender-hero-box-title .btn, .c-gender-hero-box-title .c-pagination li a, .c-pagination li .c-gender-hero-box-title a, .c-gender-hero-box-title .c-pagination li span, .c-pagination li .c-gender-hero-box-title span {
transform: none;
}
.c-gender-hero-box-alt img {
transform: translateY(-25px);
}
}
.c-category-hero {
margin: 40px 0 128px;
}
.c-category-hero-box {
background: #5f4f8c;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #f9fafd;
overflow: hidden;
position: relative;
}
.c-category-hero-box:before {
content: " ";
position: absolute;
bottom: 0;
right: 0;
transform: translate(50%, 50%);
width: 1440px;
height: 1440px;
border-radius: 100%;
background: #2d214e;
z-index: 0;
}
.c-category-hero-box > div {
max-width: 480px;
z-index: 1;
}
.c-category-hero-box h2 {
margin-bottom: 16px;
}
.c-category-hero-box p {
font-size: 21px;
line-height: 32px;
color: #dddfe3;
}
@media (max-width: 1199.98px) {
.c-category-hero {
margin: 16px 0 48px;
}
.c-category-hero-box {
min-height: 288px;
padding: 40px 24px;
}
.c-category-hero-box h2 {
max-width: 80%;
}
.c-category-hero-box:before {
height: 576px;
width: 576px;
}
.c-category-hero-box p {
color: #dddfe3;
}
}
.c-subcategories {
background: #e6e8ee;
margin: -192px -40px 74px;
padding: 192px 0 96px;
}
.c-subcategories .h2 {
margin-bottom: 32px;
}
.c-subcategories .c-product-category, .c-subcategories .c-product-category-card {
margin-bottom: 32px;
}
@media (max-width: 1199.98px) {
.c-subcategories {
margin: -80px -16px 74px;
padding: 72px 0 32px;
}
.c-subcategories .c-product-category, .c-subcategories .c-product-category-card {
margin-bottom: 16px;
}
}
.c-product {
margin-bottom: 128px;
}
.c-product .row {
display: flex;
}
.c-product-details {
padding: 40px 0;
max-width: 498px;
position: -webkit-sticky;
position: sticky;
top: 80px;
margin-left: 90px;
}
.c-product-details h2 {
margin-bottom: 24px;
}
.c-product-details p {
font-size: 17px;
line-height: 24px;
color: #72767d;
}
.c-product-details .c-hoof {
color: #000;
}
.c-product-details .c-hoof strong {
color: #72767d;
}
.c-product-details label,
.c-product-details legend {
all: unset;
font-size: 13px;
line-height: 16px;
font-weight: bold;
color: #72767d;
min-width: 100px;
margin-bottom: 0;
margin-bottom: 16px;
display: inline-block;
width: auto;
}
.c-product-images {
background: #f9fafd;
position: relative;
height: 100%;
}
.c-product-images .c-product-360 {
position: -webkit-sticky;
position: sticky;
bottom: 0px;
padding-bottom: 32px;
text-align: center;
}
.c-product-image {
display: flex;
align-items: flex-start;
justify-content: center;
}
.c-product-image img {
max-width: 100%;
max-height: 100%;
object-fit: scale-down;
}
.c-product-back {
font-size: 17px;
line-height: 24px;
font-weight: bold;
color: #72767d;
display: inline-flex;
align-items: center;
white-space: nowrap;
margin-bottom: 8px;
}
.c-product-back:hover {
text-decoration: none;
color: #72767d;
}
.c-product-back i {
font-size: 18px;
margin-right: 8px;
}
.c-variant-option {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
.c-product-variant, .c-product-variant-size, .c-product-variant-color {
all: unset;
display: flex;
align-items: center;
padding: 24px 0 8px;
border-top: 1px solid #e6e8ee;
}
.c-product-variant ul, .c-product-variant-size ul, .c-product-variant-color ul {
display: flex;
padding: 0;
margin: 0;
list-style: none;
flex-wrap: wrap;
}
.c-product-variant li, .c-product-variant-size li, .c-product-variant-color li {
margin-right: 16px;
margin-bottom: 16px;
}
.c-product-variant li.\--not-available, .c-product-variant-size li.\--not-available, .c-product-variant-color li.\--not-available {
cursor: none;
opacity: 0.4;
}
.c-product-variant li.\--not-available span, .c-product-variant-size li.\--not-available span, .c-product-variant-color li.\--not-available span {
cursor: initial;
}
.c-product-variant-color li:hover {
transform: scale(1.15);
}
.c-product-variant-color span {
width: 32px;
height: 32px;
border-radius: 100%;
display: block;
position: relative;
cursor: pointer;
}
.c-product-variant-color span:before, .c-product-variant-color span:after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 32px;
height: 32px;
border-radius: 100%;
background: currentColor;
opacity: 0.5;
}
.c-product-variant-color span:after {
opacity: 1;
border: 2px solid currentColor;
background: transparent;
}
.c-product-variant-color .\--selected {
position: relative;
}
.c-product-variant-color .\--selected span:before {
opacity: 1;
}
.c-product-variant-size {
padding-bottom: 16px;
}
.c-product-variant-size li {
margin-right: 8px;
margin-bottom: 8px;
}
.c-product-variant-size span {
display: flex;
font-size: 16px;
line-height: 24px;
font-weight: bold;
color: #72767d;
height: 32px;
min-width: 32px;
border: 1px solid #e6e8ee;
border-radius: 2px;
align-items: center;
text-align: center;
justify-content: center;
padding: 0 4px;
cursor: pointer;
}
.c-product-variant-size .\--selected span {
background: #2d214e;
border-color: #2d214e;
color: #fff;
}
.c-product-actions {
padding: 24px 0;
border-top: 1px solid #e6e8ee;
border-bottom: 1px solid #e6e8ee;
display: flex;
align-items: center;
justify-content: space-between;
}
.c-product-description {
padding: 24px 0 8px;
margin-bottom: 24px;
border-bottom: 1px solid #e6e8ee;
}
.c-product-description .c-attr,
.c-product-description .c-hoof {
font-size: 13px;
line-height: 16px;
margin-bottom: 8px;
}
.c-product-description .c-attr strong,
.c-product-description .c-hoof strong {
margin-left: 3px;
}
.c-product-description ul {
color: #c0c4cc;
list-style: none;
padding: 0;
font-size: 13px;
line-height: 16px;
}
.c-product-description ul strong {
color: #72767d;
}
.c-product-description ul li {
margin-bottom: 8px;
}
.c-product-description ul + .c-hoof {
margin-top: -8px;
}
.c-product-meta {
display: flex;
justify-content: space-between;
align-items: center;
}
.c-product-meta p,
.c-product-meta a {
font-size: 13px;
line-height: 16px;
margin-bottom: 0;
}
.c-product-social {
display: flex;
align-items: center;
}
.c-product-social ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
.c-product-social ul a {
font-size: 16px;
color: #72767d;
margin-left: 16px;
display: block;
}
.c-product-social ul a i {
position: relative;
top: 2px;
}
.c-product-social ul a:hover {
text-decoration: none;
transform: scale(1.15);
}
.c-product-360-modal {
position: fixed;
top: 80px;
bottom: 0;
left: 0;
right: 0;
background: #f9fafd;
display: none;
max-width: 100vw;
max-height: calc(100vh - 80px);
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
transition: all 0.3s;
}
.c-product-360-modal.\--opened {
opacity: 1;
pointer-events: all;
z-index: 100;
}
.c-product-360-modal .cloudimage-360 {
max-width: 800px;
}
.c-product-360-modal-close {
width: 64px;
height: 64px;
border-radius: 100%;
background: #2d214e;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
}
.c-product-360-modal-close:hover {
text-decoration: none;
color: #fff;
}
.c-product-360-modal-close i {
pointer-events: none;
font-size: 24px;
}
@media (max-width: 1199.98px) {
.c-product {
margin: 0 -16px;
}
.c-product .container-wide {
max-width: 100%;
}
.c-product .container-wide .row {
margin: 0;
}
.c-product-images {
margin-left: -16px;
margin-right: -16px;
}
.c-product-images > div:first-child {
flex-direction: row;
display: flex;
height: 420px;
overflow-y: auto;
}
.c-product-images .c-product-360 {
position: absolute;
left: 0;
right: 0;
}
.c-product-image {
min-width: 100%;
align-items: center;
justify-content: center;
}
.c-product-image img {
width: 288px;
height: 288px;
}
.c-product-details {
margin-left: 0;
position: relative;
padding: 16px;
top: 0;
}
.c-product-details p {
font-size: 16px;
line-height: 24px;
}
.c-product-actions {
flex-direction: column-reverse;
align-items: center;
}
.c-product-actions .btn, .c-product-actions .c-pagination li a, .c-pagination li .c-product-actions a, .c-product-actions .c-pagination li span, .c-pagination li .c-product-actions span {
margin-top: 16px;
}
.c-product-description {
margin-bottom: 8px;
padding-bottom: 24px;
}
.c-product-variant-color,
.c-product-variant-size {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.c-product-variant-color label,
.c-product-variant-size label {
white-space: nowrap;
}
.c-product-variant-color label br,
.c-product-variant-size label br {
display: none;
}
.c-product-meta {
flex-direction: column;
align-items: flex-start;
padding: 16px 0;
}
.c-product-meta p,
.c-product-meta a {
font-size: 13px;
line-height: 16px;
}
.c-product-360-modal {
top: 64px;
max-height: calc(100vh - 64px);
}
.c-product-360-modal-close {
top: 16px;
right: 16px;
width: 32px;
height: 32px;
z-index: 10;
}
.c-product-360-modal-close i {
font-size: 16px;
}
}
.c-size-table-btn {
margin-bottom: 24px;
}
.no-scroll {
overflow: hidden;
}
.c-size-table-modal {
position: fixed;
top: 80px;
bottom: 0;
left: 0;
right: 0;
background: rgba(230, 232, 238, 0.8);
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
display: none;
overflow: auto;
}
.c-size-table-modal-close {
width: 64px;
height: 64px;
border-radius: 100%;
background: #2d214e;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -24px;
right: -24px;
cursor: pointer;
}
.c-size-table-modal-close:hover {
text-decoration: none;
color: #fff;
}
.c-size-table-modal-close i {
pointer-events: none;
font-size: 24px;
}
.c-size-table-modal-content {
background: #fff;
border-radius: 2px;
position: relative;
padding: 40px;
max-width: 1240px;
width: 100%;
margin: 0 auto;
}
.c-size-table-modal-footer {
font-size: 13px;
color: #72767d;
margin-top: 32px;
}
.c-size-table-modal-footer p {
margin-bottom: 0;
}
.c-size-table-modal-footer a {
color: #2d214e;
}
.c-size-table-modal h3 {
margin-bottom: 40px;
}
.c-size-table-modal h4 {
margin-bottom: 16px;
}
.c-size-table-modal h3,
.c-size-table-modal h4 {
color: #2d214e;
}
.c-size-table-modal table {
width: 100%;
}
.c-size-table-modal th {
width: 264px;
color: #2d214e;
padding-right: 8px;
white-space: nowrap;
}
.c-size-table-modal td {
padding: 15px 8px;
color: #72767d;
text-align: center;
}
.c-size-table-modal td,
.c-size-table-modal th {
border-top: 1px solid #e6e8ee;
min-width: 64px;
font-size: 13px;
}
.c-size-table-modal .table-container {
overflow: auto;
width: 100%;
}
.c-size-table-modal div + h4 {
margin-top: 32px;
}
@media (max-width: 1199.98px) {
.c-size-table-modal {
padding: 16px;
top: 64px;
}
.c-size-table-modal-content {
padding: 16px;
}
.c-size-table-modal-close {
top: 16px;
right: 16px;
width: 32px;
height: 32px;
z-index: 10;
}
.c-size-table-modal-close i {
font-size: 16px;
}
}
.c-cart {
background: #f9fafd;
margin: 0 -40px;
padding: 64px 0;
}
.c-cart-header {
text-align: center;
position: relative;
}
.c-cart-header h1 {
color: #2d214e;
}
.c-cart-header .btn, .c-cart-header .c-pagination li a, .c-pagination li .c-cart-header a, .c-cart-header .c-pagination li span, .c-pagination li .c-cart-header span {
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
}
.c-cart-items {
list-style: none;
padding: 0;
margin: 48px 0 0;
overflow: auto;
}
.c-cart-item {
display: flex;
padding: 24px 0;
border-top: 1px solid #e6e8ee;
}
.c-cart-item h4 {
margin-bottom: 16px;
}
.c-cart-item:last-child {
border-bottom: 1px solid #e6e8ee;
}
.c-cart-item-image {
text-align: center;
margin-right: 32px;
}
.c-cart-item-image img {
width: 120px;
height: 120px;
}
.c-cart-item-image .btn, .c-cart-item-image .c-pagination li a, .c-pagination li .c-cart-item-image a, .c-cart-item-image .c-pagination li span, .c-pagination li .c-cart-item-image span {
padding: 0;
width: 32px;
height: 32px;
background: #72767d;
border-color: #72767d;
color: #fff;
justify-content: center;
display: inline-flex;
align-items: center;
display: none;
}
.c-cart-item-details {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.c-cart-item-options {
list-style: none;
padding: 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.c-cart-item-option {
font-size: 13px;
line-height: 16px;
font-weight: bold;
font-weight: 400;
padding: 7px 8px;
background: #fff;
margin-right: 16px;
border-radius: 2px;
}
.c-cart-item-option strong {
margin-left: 8px;
}
.c-cart-item-remove {
margin-right: 16px;
margin-left: auto;
background: #fff;
width: 64px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.c-cart-item-remove .btn, .c-cart-item-remove .c-pagination li a, .c-pagination li .c-cart-item-remove a, .c-cart-item-remove .c-pagination li span, .c-pagination li .c-cart-item-remove span {
padding: 0;
width: 32px;
height: 32px;
color: #fff;
justify-content: center;
display: inline-flex;
align-items: center;
background: #72767d;
border-color: #72767d;
}
.c-cart-summary {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 40px 0;
position: relative;
}
.c-cart-summary p {
font-size: 13px;
line-height: 16px;
font-weight: bold;
margin: 0 16px 0;
}
.c-cart-summary .btn, .c-cart-summary .c-pagination li a, .c-pagination li .c-cart-summary a, .c-cart-summary .c-pagination li span, .c-pagination li .c-cart-summary span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 1199.98px) {
.c-cart {
margin: 0 -16px;
padding: 32px 0 0;
}
.c-cart .container, .c-cart .container-wide {
max-width: 100%;
}
.c-cart-header {
margin-bottom: 16px;
}
.c-cart-header .btn, .c-cart-header .c-pagination li a, .c-pagination li .c-cart-header a, .c-cart-header .c-pagination li span, .c-pagination li .c-cart-header span {
position: relative;
transform: none;
margin-bottom: 32px;
}
.c-cart-items {
margin: 0 0 16px;
}
.c-cart-item {
padding: 16px 0;
}
.c-cart-item:last-child {
border-bottom: 0;
}
.c-cart-item-image img {
width: 80px;
height: 80px;
}
.c-cart-item-image .btn, .c-cart-item-image .c-pagination li a, .c-pagination li .c-cart-item-image a, .c-cart-item-image .c-pagination li span, .c-pagination li .c-cart-item-image span {
display: inline-flex;
}
.c-cart-item-details {
flex-direction: column;
align-items: flex-start;
}
.c-cart-item-options {
flex-direction: column;
margin-bottom: 8px;
}
.c-cart-item-option {
margin-bottom: 8px;
}
.c-cart-item-remove {
display: none;
}
.c-cart-summary {
background: #e6e8ee;
margin: 0 -16px;
flex-direction: column;
}
.c-cart-summary .btn, .c-cart-summary .c-pagination li a, .c-pagination li .c-cart-summary a, .c-cart-summary .c-pagination li span, .c-pagination li .c-cart-summary span {
position: relative;
transform: none;
left: auto;
}
.c-cart-summary .a-price, .c-cart-summary .a-price-small {
border-color: #f9fafd;
margin: 16px 0;
}
.c-cart-summary .a-price span:last-child, .c-cart-summary .a-price-small span:last-child {
background: #f9fafd;
}
}
.c-login {
position: relative;
margin: 40px 0 128px;
min-height: 680px;
}
.c-login > img {
position: absolute;
right: 0;
width: 50%;
object-fit: cover;
height: 100%;
}
.c-login form {
background: #f9fafd;
padding: 40px 112px;
display: flex;
flex-direction: column;
}
.c-login form h1 {
text-align: center;
color: #2d214e;
}
.c-login form p {
text-align: center;
font-size: 21px;
line-height: 32px;
margin-bottom: 32px;
}
.c-login form .btn, .c-login form .c-pagination li a, .c-pagination li .c-login form a, .c-login form .c-pagination li span, .c-pagination li .c-login form span {
align-self: center;
margin: 24px 0 16px;
}
.c-login form a {
text-align: center;
color: #72767d;
text-decoration: underline;
font-size: 17px;
line-height: 24px;
font-weight: bold;
}
.c-login .c-login-no-account {
background: #33373f;
display: flex;
align-items: center;
justify-content: center;
padding: 32px 0;
}
.c-login .c-login-no-account p {
margin-bottom: 0;
font-size: 17px;
line-height: 24px;
font-weight: bold;
color: #f9fafd;
margin-right: 24px;
}
@media (max-width: 1199.98px) {
.c-login {
margin: 0 -16px;
min-height: auto;
}
.c-login > img {
display: none;
}
.c-login .container, .c-login .container-wide {
width: calc(100% + 32px);
padding: 0;
margin: 0;
}
.c-login form {
padding: 32px 16px 16px;
}
.c-login form p, .c-login form a {
font-size: 16px;
line-height: 24px;
}
.c-login form .btn, .c-login form .c-pagination li a, .c-pagination li .c-login form a, .c-login form .c-pagination li span, .c-pagination li .c-login form span {
margin-top: 16px;
}
.c-login .c-login-no-account {
flex-direction: column;
}
.c-login .c-login-no-account p {
margin: 0 0 8px;
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
}
.c-register {
position: relative;
margin: 40px 0 128px;
height: 832px;
}
.c-register > img {
position: absolute;
height: 736px;
object-fit: cover;
width: 31%;
top: 40px;
}
.c-register > img:nth-child(1) {
left: 0;
}
.c-register > img:nth-child(2) {
right: 0;
}
.c-register h1 {
text-align: center;
margin-bottom: 32px;
}
.c-register form {
color: #fff;
background: #2d214e;
padding: 32px 112px;
display: flex;
flex-direction: column;
}
.c-register form p {
text-align: center;
font-size: 21px;
line-height: 32px;
margin-bottom: 32px;
}
.c-register form .btn, .c-register form .c-pagination li a, .c-pagination li .c-register form a, .c-register form .c-pagination li span, .c-pagination li .c-register form span {
align-self: center;
margin: 24px 0 16px;
}
.c-register .form-control {
background: #2d214e;
border-color: #5f4f8c;
color: #fff;
}
.c-register .form-control:-ms-input-placeholder {
color: rgba(249, 250, 253, 0.75);
}
.c-register .form-control::placeholder {
color: rgba(249, 250, 253, 0.75);
}
.c-register .form-control:focus {
border-color: #8676b2;
}
.c-register .c-login-is-account {
background: #33373f;
display: flex;
align-items: center;
justify-content: center;
padding: 32px 0;
}
.c-register .c-login-is-account p {
margin-bottom: 0;
font-size: 17px;
line-height: 24px;
font-weight: bold;
color: #f9fafd;
margin-right: 24px;
}
.custom-checkbox {
padding-left: 0px;
}
.custom-checkbox label {
font-size: 17px;
line-height: 24px;
font-weight: bold;
padding-left: 56px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.custom-checkbox label:before {
left: 0px;
width: 40px;
height: 40px;
border: 2px solid #5f4f8c;
background-color: transparent;
}
.custom-checkbox label:after {
left: 10px;
top: 14px;
width: 20px;
height: 20px;
border-radius: 10px;
}
.custom-checkbox a {
color: inherit;
text-decoration: underline;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label:after {
background-color: transparent;
border-color: inherit;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
box-shadow: none;
border-color: #5f4f8c;
}
.custom-control-input:checked ~ .custom-control-label:after {
background-color: #28a745;
}
.custom-control-input:checked ~ .custom-control-label:before {
box-shadow: none;
border-color: #fff;
background: #fff;
}
@media (max-width: 1199.98px) {
.custom-checkbox label {
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
}
@media (max-width: 1199.98px) {
.c-register {
margin: 0 -16px 48px;
height: auto;
}
.c-register > img {
display: none;
}
.c-register .container, .c-register .container-wide {
width: calc(100% + 32px);
padding: 0;
margin: 0;
}
.c-register form {
padding: 32px 16px 16px;
}
.c-register form p,
.c-register form a {
font-size: 16px;
line-height: 24px;
}
.c-register form .btn, .c-register form .c-pagination li a, .c-pagination li .c-register form a, .c-register form .c-pagination li span, .c-pagination li .c-register form span {
margin-top: 16px;
}
.c-register .c-login-is-account {
flex-direction: column;
}
.c-register .c-login-is-account p {
margin: 0 0 8px;
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
}
.c-shops-hero h1 {
margin-top: 128px;
margin-bottom: 16px;
text-align: center;
}
.c-shops-hero h1 + p {
max-width: 814px;
margin: 0 auto 128px;
text-align: center;
font-size: 21px;
line-height: 32px;
}
.c-shops-hero img {
width: 100%;
max-height: 100%;
object-fit: cover;
}
.c-shops-hero-box {
background: #5f4f8c;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #f9fafd;
overflow: hidden;
position: relative;
}
.c-shops-hero-box:before {
content: " ";
position: absolute;
bottom: 0;
right: 0;
transform: translate(50%, 50%);
width: 1440px;
height: 1440px;
border-radius: 100%;
background: #2d214e;
z-index: 0;
}
.c-shops-hero-box > div {
max-width: 480px;
z-index: 1;
}
.c-shops-hero-box h2 {
margin-bottom: 16px;
}
.c-shops-hero-box p {
font-size: 21px;
line-height: 32px;
color: #c0c4cc;
}
.c-shop-box, .c-shop-box-alt {
display: flex;
align-items: center;
justify-content: center;
padding: 88px 0;
}
.c-shop-box h2, .c-shop-box-alt h2 {
margin-bottom: 16px;
}
.c-shop-box span, .c-shop-box-alt span {
color: #72767d;
}
.c-shop-box a, .c-shop-box-alt a {
color: inherit;
}
.c-shop-box p, .c-shop-box-alt p {
margin-bottom: 8px;
}
.c-shop-box .btn, .c-shop-box-alt .btn, .c-shop-box .c-pagination li a, .c-shop-box-alt .c-pagination li a, .c-pagination li .c-shop-box a, .c-pagination li .c-shop-box-alt a, .c-shop-box .c-pagination li span, .c-shop-box-alt .c-pagination li span, .c-pagination li .c-shop-box span, .c-pagination li .c-shop-box-alt span {
margin-top: 24px;
}
.c-shop-box-alt {
background: #e6e8ee;
margin-top: -96px;
}
.c-image-section {
margin: 40px 0 128px;
}
.c-image-section img {
width: 100%;
object-fit: cover;
}
.c-partner-shops {
margin-bottom: 96px;
}
.c-partner-shops h2 {
text-align: center;
margin-bottom: 64px;
}
.c-partner-shop {
background: #f9fafd;
padding: 40px;
margin-bottom: 32px;
}
.c-partner-shop span {
color: #72767d;
}
.c-partner-shop a {
color: inherit;
}
.c-partner-shop p {
margin-bottom: 8px;
}
.c-partner-shop .btn, .c-partner-shop .c-pagination li a, .c-pagination li .c-partner-shop a, .c-partner-shop .c-pagination li span, .c-pagination li .c-partner-shop span {
margin-top: 24px;
}
@media (max-width: 1199.98px) {
.c-shops-hero h1 {
margin-top: 64px;
margin-bottom: 8px;
text-align: center;
}
.c-shops-hero h1 + p {
max-width: 814px;
margin: 0 auto 64px;
text-align: center;
font-size: 18px;
line-height: 24px;
}
.c-shops-hero-box {
min-height: 288px;
padding: 40px 24px;
text-align: left;
align-items: flex-start;
justify-content: flex-start;
}
.c-shops-hero-box h1 {
max-width: 80%;
}
.c-shops-hero-box:before {
height: 576px;
width: 576px;
}
.c-shops-hero-box p {
font-size: 18px;
line-height: 24px;
}
.c-shops {
margin: 0 -16px;
}
.c-shops .container, .c-shops .container-wide {
padding: 0;
}
.c-shop-box,
.c-shop-box-alt {
margin-top: 32px;
padding: 32px 16px;
justify-content: flex-start;
margin-bottom: 0;
}
.c-image-section {
margin: 0 -16px;
}
.c-image-section img {
height: 320px;
}
.c-partner-shops {
margin: 48px -16px;
}
.c-partner-shops h2 {
margin-bottom: 16px;
text-align: left;
}
.c-partner-shop {
padding: 16px;
margin-bottom: 16px;
}
}
.c-goodyear-360 {
max-width: 1240px;
margin: 0 auto;
height: 576px;
}
.c-goodyear-360 canvas {
position: absolute;
left: 0;
bottom: 0px;
right: 0;
}
.c-goodyear-hero {
text-align: center;
margin-bottom: 124px;
}
.c-goodyear-hero h1 {
color: #2d214e;
margin-bottom: 16px;
}
.c-goodyear-hero p {
font-size: 21px;
line-height: 32px;
}
.c-goodyear-twentytwenty {
margin-bottom: 128px;
position: relative;
}
.c-goodyear-twentytwenty img {
max-width: 100%;
}
.c-goodyear-twentytwenty .twentytwenty-handle {
background: #e6e8ee;
display: flex;
align-items: center;
justify-content: center;
border-color: #e6e8ee;
}
.c-goodyear-twentytwenty .twentytwenty-left-arrow {
border: 0;
margin: 0;
left: auto;
top: auto;
position: relative;
width: auto;
height: auto;
color: #72767d;
font-size: 18px;
}
.c-goodyear-twentytwenty .twentytwenty-right-arrow {
font-size: 18px;
border: 0;
margin: 0;
right: auto;
top: auto;
position: relative;
width: auto;
height: auto;
color: #72767d;
}
.c-goodyear-tt-box {
background: #2d214e;
position: absolute;
color: #f9fafd;
z-index: 15;
padding: 24px;
opacity: 0.95;
}
.c-goodyear-tt-box i {
background: #5f4f8c;
height: 32px;
width: 32px;
border-radius: 100%;
margin-right: 16px;
display: inline-flex;
color: #2d214e;
align-items: center;
justify-content: center;
font-size: 16px;
}
.c-goodyear-tt-box h3 {
font-size: 21px;
line-height: 24px;
font-weight: bold;
}
.c-goodyear-tt-box p {
font-size: 17px;
line-height: 24px;
color: #e6e8ee;
}
.c-goodyear-tt-box-1 {
left: 5%;
top: 10%;
max-width: 328px;
}
.c-goodyear-tt-box-2 {
left: 60%;
top: 10%;
max-width: 476px;
}
.c-goodyear-tt-box-3 {
left: 10%;
bottom: 0;
max-width: 400px;
text-align: right;
}
.c-goodyear-tt-box-4 {
left: 60%;
bottom: -20px;
max-width: 424px;
}
.c-goodyear-genesis {
margin-bottom: 128px;
}
.c-goodyear-genesis h2 {
margin-bottom: 16px;
text-align: center;
color: #2d214e;
}
.c-goodyear-genesis p {
font-size: 21px;
line-height: 32px;
}
.c-goodyear-process h2 {
text-align: center;
color: #5f4f8c;
padding-bottom: 144px;
position: relative;
}
.c-goodyear-process h2 strong {
color: #2d214e;
}
.c-goodyear-process h2 i {
position: absolute;
bottom: 46px;
left: 50%;
transform: translateX(-50%);
height: 48px;
width: 48px;
background: #4d8d6f;
color: #22593f;
font-size: 24px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.c-goodyear-process h3 {
color: #2d214e;
margin-bottom: 16px;
}
.c-goodyear-process p {
font-size: 21px;
line-height: 32px;
}
.c-goodyear-process .row.no-gutters {
margin-bottom: 128px;
}
.c-goodyear-process .row.no-gutters img {
max-width: 100%;
object-fit: cover;
}
.c-goodyear-process .col-xl-6:not(.offset-xl-1) {
text-align: right;
}
.c-text-center {
display: flex;
justify-content: center;
flex-direction: column;
}
.c-goodyear-footer {
margin-bottom: 128px;
position: relative;
}
.c-goodyear-footer > img {
position: absolute;
z-index: 1;
top: 0;
left: 50%;
transform: translate(-100%, -64px);
}
.c-goodyear-footer img {
max-width: 100%;
}
.c-goodyear-footer .col-xl-6 img {
height: 920px;
}
.c-goodyear-footer-box {
height: 720px;
background: #e6e8ee;
position: relative;
padding: 80px 80px 80px 180px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
overflow: hidden;
margin-top: 200px;
}
.c-goodyear-footer-box > * {
z-index: 1;
}
.c-goodyear-footer-box > i {
position: absolute;
bottom: 40px;
right: 0;
transform: translateX(50%);
color: #1a1d25;
opacity: 0.32;
z-index: 0;
font-size: 664px;
}
.c-goodyear-footer-box h2 {
color: #2d214e;
margin-bottom: 16px;
}
.c-goodyear-footer-box p {
font-size: 21px;
line-height: 32px;
}
.c-goodyear-tt-mobile {
display: none;
}
@media (max-width: 1199.98px) {
.c-goodyear-360 {
height: 320px;
}
.c-goodyear-hero {
text-align: left;
margin: 0 -16px 48px;
}
.c-goodyear-hero h1 {
margin-bottom: 8px;
}
.c-goodyear-hero p {
font-size: 18px;
line-height: 24px;
}
.c-goodyear-twentytwenty {
margin: 0 -16px 0;
}
.c-goodyear-tt-box {
display: none;
}
.c-goodyear-tt-mobile {
margin: 0 -16px 64px;
display: block;
}
.c-goodyear-tt-mobile .c-goodyear-tt-box {
display: block;
position: relative;
}
.c-goodyear-tt-mobile .c-goodyear-tt-box p {
font-size: 16px;
line-height: 24px;
}
.c-goodyear-tt-mobile .c-goodyear-tt-box:nth-child(even) {
background: #5f4f8c;
}
.c-goodyear-genesis {
margin: 0 -16px 32px;
}
.c-goodyear-genesis h2 {
margin-bottom: 8px;
text-align: left;
color: #2d214e;
}
.c-goodyear-genesis p {
font-size: 18px;
line-height: 24px;
}
.c-goodyear-process h2 {
padding-bottom: 96px;
}
.c-goodyear-process h2 br {
display: none;
}
.c-goodyear-process h2 i {
bottom: 24px;
}
.c-goodyear-process h3 {
margin-bottom: 8px;
}
.c-goodyear-process p {
font-size: 18px;
line-height: 24px;
}
.c-goodyear-process .container, .c-goodyear-process .container-wide {
padding: 0;
}
.c-goodyear-process .row.no-gutters {
margin-bottom: 8px;
}
.c-goodyear-process .row.no-gutters img {
margin-bottom: 16px;
}
.c-goodyear-process .col-xl-6:not(.offset-xl-1) {
text-align: left;
}
.c-goodyear-process .col-xl-6:first-child {
order: 2;
}
.c-goodyear-footer {
margin-bottom: 48px;
}
.c-goodyear-footer > img {
display: none;
}
.c-goodyear-footer i {
display: none;
}
.c-goodyear-footer .row {
display: flex;
flex-direction: column-reverse;
}
.c-goodyear-footer-box {
margin: 0;
height: auto;
padding: 24px;
}
.c-goodyear-footer-box p {
font-size: 18px;
line-height: 24px;
}
.c-goodyear-footer .col-xl-6 img {
height: auto;
width: 100%;
}
}
.c-blog-hero, .c-blog-post-hero {
margin: 128px 0;
text-align: center;
}
.c-blog-hero h1, .c-blog-post-hero h1 {
color: #2d214e;
margin-bottom: 16px;
}
.c-blog-hero p, .c-blog-post-hero p {
font-size: 21px;
line-height: 32px;
}
.c-post, .c-post-text, .c-post-big, .c-post-huge {
margin-bottom: 32px;
}
.c-post .a-tag, .c-post-text .a-tag, .c-post-big .a-tag, .c-post-huge .a-tag {
margin-bottom: 32px;
background: #f9fafd;
}
.c-post p, .c-post-text p, .c-post-big p, .c-post-huge p {
font-size: 17px;
line-height: 24px;
margin-bottom: 32px;
}
.c-post h2, .c-post-text h2, .c-post-big h2, .c-post-huge h2 {
margin-bottom: 16px;
}
.c-post-huge {
margin-bottom: 128px;
}
.c-post-huge > img {
width: 100%;
height: 720px;
object-fit: cover;
}
.c-post-huge .c-post-main {
margin-top: -196px;
padding: 64px 122px;
background: #e6e8ee;
}
.c-post-big {
display: flex;
height: 400px;
}
.c-post-big > img {
height: 100%;
width: 286px;
object-fit: cover;
}
.c-post-big h2 {
color: #2d214e;
}
.c-post-big .c-post-main {
padding: 32px;
background: #f9fafd;
}
.c-post-big .a-tag {
background: #fff;
}
.c-post-text {
height: 400px;
padding: 32px;
background: #2d214e;
color: #f9fafd;
}
.c-post-text .a-tag {
background: #e6e8ee;
}
.c-blog-posts {
margin-bottom: 128px;
}
@media (max-width: 1199.98px) {
.c-blog-hero, .c-blog-post-hero {
margin: 64px -16px;
text-align: left;
}
.c-blog-hero h1, .c-blog-post-hero h1 {
margin-bottom: 8px;
}
.c-blog-hero p, .c-blog-post-hero p {
font-size: 18px;
line-height: 24px;
}
.c-blog-posts .container, .c-blog-posts .container-wide {
max-width: 100%;
}
.c-post-huge,
.c-post-big,
.c-post-text {
height: auto;
}
.c-post-huge .a-tag,
.c-post-big .a-tag,
.c-post-text .a-tag {
margin-bottom: 16px;
}
.c-post-huge img,
.c-post-big img,
.c-post-text img {
width: 100%;
height: 240px;
}
.c-post-huge p,
.c-post-big p,
.c-post-text p {
font-size: 16px;
line-height: 24px;
margin-bottom: 16px;
}
.c-post-huge h2,
.c-post-big h2,
.c-post-text h2 {
margin-bottom: 8px;
}
.c-post-huge {
margin: 0 -16px 40px;
}
.c-post-huge .c-post-main {
margin: 0;
padding: 24px;
}
.c-post-big,
.c-post-text {
margin: 0 -16px 16px;
flex-direction: column;
height: auto;
}
.c-post-big .c-post-main,
.c-post-text .c-post-main {
padding: 24px;
}
.c-post-text {
padding: 24px;
}
}
.c-blog-post-hero {
margin: 64px 0;
text-align: left;
}
.c-blog-post-hero a {
display: flex;
align-items: center;
margin-bottom: 32px;
}
.c-blog-post-hero a > i {
color: #2d214e;
font-size: 24px;
margin-right: 8px;
}
.c-blog-post-hero a:hover {
text-decoration: none;
}
.c-blog-post-main {
margin-bottom: 128px;
}
.c-blog-post-main .container > img, .c-blog-post-main .container-wide > img {
margin-bottom: 64px;
max-height: 720px;
}
.c-blog-post-main h1, .c-blog-post-main h2, .c-blog-post-main h3, .c-blog-post-main h4, .c-blog-post-main h5 {
color: #2d214e;
margin-bottom: 16px;
}
.c-blog-post-main p + h1,
.c-blog-post-main p + h2,
.c-blog-post-main p + h3,
.c-blog-post-main p + h4,
.c-blog-post-main p + h5 {
margin-top: 64px;
}
.c-blog-post-main img {
margin: 16px 0;
width: 100%;
height: auto;
object-fit: cover;
}
.c-blog-post-main p {
font-size: 21px;
line-height: 32px;
}
@media (max-width: 1199.98px) {
.c-blog-post-hero {
margin: 32px -16px;
text-align: left;
}
.c-blog-post-hero h1 {
margin-bottom: 8px;
}
.c-blog-post-hero p {
font-size: 18px;
line-height: 24px;
}
.c-blog-post-main {
margin: 32px -16px;
}
.c-blog-post-main p {
font-size: 18px;
line-height: 24px;
}
}
.c-shop-404 {
padding: 128px 0 256px;
background: #e6e8ee;
text-align: center;
margin-left: -40px;
margin-right: -40px;
}
.c-shop-404 img {
margin-bottom: 32px;
}
.c-shop-404 h1 {
font-size: 21px;
line-height: 24px;
font-weight: bold;
color: #72767d;
}
.c-shop-404 h1 + p {
margin-bottom: 16px;
font-size: 47px;
line-height: 64px;
font-weight: bold;
letter-spacing: 0.05em;
color: #2d214e;
}
.c-shop-404 p {
font-size: 21px;
line-height: 32px;
}
.c-shop-404 p + p {
margin-bottom: 32px;
}
@media (max-width: 1199.98px) {
.c-shop-404 {
padding: 64px 24px;
margin: 0 -16px;
text-align: left;
}
.c-shop-404 [class^=col-],
.c-shop-404 .container,
.c-shop-404 .container-wide {
margin: 0;
padding: 0;
}
.c-shop-404 img {
max-width: 100%;
}
.c-shop-404 h1 + p {
margin-bottom: 8px;
font-size: 37px;
line-height: 48px;
font-weight: bold;
letter-spacing: 0.05em;
}
.c-shop-404 h1 {
margin-bottom: 8px;
}
.c-shop-404 p {
font-size: 18px;
line-height: 24px;
}
.c-shop-404 p + p {
margin-bottom: 16px;
}
}
.user-panel {
background: #fff;
padding: 30px 15px 35px;
position: relative;
border: 1px solid #ddd;
border-radius: 3px;
}
.user-panel .info {
border-left: 1px solid #dde0e8;
padding-left: 25px;
}
.user-panel .info h2 {
display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83em;
margin-block-start: 0.83em;
-webkit-margin-after: 0.83em;
margin-block-end: 0.83em;
-webkit-margin-start: 0px;
margin-inline-start: 0px;
-webkit-margin-end: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
.user-panel .info__btns {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.user-panel .info__btns a {
margin-bottom: 20px;
margin-left: 0;
min-width: 138px;
}
.user-panel .password-change .password-input {
width: 100%;
}
.user-panel .edit-account button {
margin-top: 20px;
left: 50%;
transform: translateX(-50%);
position: relative;
}
.woocommerce-edit-account .woocommerce form .form-row label,
.woocommerce-edit-address .woocommerce form .form-row label,
.woocommerce-checkout .woocommerce form .form-row label,
.woocommerce-view-order .woocommerce form .form-row label {
display: block;
width: 100%;
color: rgba(28, 31, 39, 0.8);
font-weight: 500;
line-height: 35px;
font-size: 14px;
margin-bottom: 0;
}
.woocommerce-edit-account .woocommerce form .form-row input.input-text,
.woocommerce-edit-address .woocommerce form .form-row input.input-text,
.woocommerce-checkout .woocommerce form .form-row input.input-text,
.woocommerce-view-order .woocommerce form .form-row input.input-text {
color: rgba(68, 68, 68, 0.9);
font-weight: 500;
width: 100%;
border: 1px solid #ddd;
border-radius: 2px;
display: block;
line-height: 40px;
height: 40px;
padding: 0 15px;
font-size: 14px;
}
.woocommerce-edit-account .woocommerce form .form-row textarea,
.woocommerce-edit-address .woocommerce form .form-row textarea,
.woocommerce-checkout .woocommerce form .form-row textarea,
.woocommerce-view-order .woocommerce form .form-row textarea {
color: rgba(68, 68, 68, 0.9);
font-weight: 500;
width: 100%;
border: 1px solid #ddd;
border-radius: 2px;
display: block;
line-height: 40px;
min-height: 70px;
padding: 15px;
font-size: 14px;
}
.woocommerce-edit-account .woocommerce form .form-row .woocommerce-input-wrapper,
.woocommerce-edit-address .woocommerce form .form-row .woocommerce-input-wrapper,
.woocommerce-checkout .woocommerce form .form-row .woocommerce-input-wrapper,
.woocommerce-view-order .woocommerce form .form-row .woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-edit-account .woocommerce .woocommerce-address-fields__field-wrapper,
.woocommerce-edit-address .woocommerce .woocommerce-address-fields__field-wrapper,
.woocommerce-checkout .woocommerce .woocommerce-address-fields__field-wrapper,
.woocommerce-view-order .woocommerce .woocommerce-address-fields__field-wrapper {
margin-bottom: 20px;
}
.woocommerce-edit-account mark,
.woocommerce-edit-address mark,
.woocommerce-checkout mark,
.woocommerce-view-order mark {
color: #fff;
background-color: #2d214e;
}
.woocommerce-edit-account .woocommerce-Address-title,
.woocommerce-edit-address .woocommerce-Address-title,
.woocommerce-checkout .woocommerce-Address-title,
.woocommerce-view-order .woocommerce-Address-title {
margin-bottom: 15px;
}
.woocommerce-checkout #payment {
border-radius: 0;
background-color: #fff;
border: 2px solid #2d214e;
}
.woocommerce-checkout #payment p {
font-size: 14px;
}
.woocommerce-checkout .woocommerce-customer-details address {
padding: 20px;
}
.woocommerce-checkout .woocommerce-order .woocommerce-notice {
padding: 15px;
color: #fff;
background-color: #2d214e;
}
@media (max-width: 767.98px) {
.woocommerce-checkout .woocommerce-order .woocommerce-order-overview {
margin: 0;
display: flex;
flex-direction: column;
}
}
.hr-separator {
opacity: 0.5;
margin: 20px 0 30px;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
border-top-color: #0c3522;
background-color: #fff;
border: 1px solid #0c3522;
}
.woocommerce-form-coupon-toggle .woocommerce-info::before {
color: #2d214e;
}
.temp-padding {
padding: 32px 0;
}
.c-section {
padding: 64px 0;
margin: 0 auto 128px;
}
.c-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 32px;
}
@media (max-width: 1199.98px) {
.c-header .btn-icon-right span {
display: none;
}
.c-header .btn-icon-right [class^=icon] {
margin-left: 0;
}
}
.c-categories {
margin: 0 auto 128px;
}
@media (max-width: 1199.98px) {
.c-categories {
margin-bottom: 32px;
}
.c-categories .container, .c-categories .container-wide {
padding: 0;
}
.c-categories .c-product-category, .c-categories .c-product-category-card {
margin-bottom: 16px;
}
}
.c-page {
padding: 64px 0;
max-width: 800px;
margin: 0 auto;
}
.c-page.\--checkout {
max-width: 1100px;
}
.c-page a {
color: #5f4f8c;
}
.c-page h1,
.c-page h2,
.c-page h3,
.c-page h4 {
margin-bottom: 32px;
}
.c-page p,
.c-page li {
font-size: 17px;
line-height: 24px;
margin-bottom: 16px;
}
.c-page p + h1, .c-page p + h2, .c-page p + h3, .c-page p + h4, .c-page p + h5,
.c-page ul + h1,
.c-page ul + h2,
.c-page ul + h3,
.c-page ul + h4,
.c-page ul + h5,
.c-page ol + h1,
.c-page ol + h2,
.c-page ol + h3,
.c-page ol + h4,
.c-page ol + h5 {
margin-top: 32px;
}
.c-product-box-big .c-goodyear-label, .c-product-box-small .c-goodyear-label, .c-product-box-tiny .c-goodyear-label {
background: #2d214e;
color: #fff;
position: absolute;
top: 64px;
right: 64px;
display: flex;
border-radius: 2px;
align-items: center;
height: 40px;
padding: 0 12px;
font-weight: 700;
font-size: 14px;
}
.c-product-box-big .c-goodyear-label svg, .c-product-box-small .c-goodyear-label svg, .c-product-box-tiny .c-goodyear-label svg {
margin-right: 12px;
}
@media (max-width: 1199.98px) {
.c-product-box-big .c-goodyear-label, .c-product-box-small .c-goodyear-label, .c-product-box-tiny .c-goodyear-label {
font-size: 0;
top: 24px;
right: 24px;
}
.c-product-box-big .c-goodyear-label svg, .c-product-box-small .c-goodyear-label svg, .c-product-box-tiny .c-goodyear-label svg {
margin-right: 0;
}
}
.c-goodyear-tag-big {
background: #2d214e;
color: #fff;
position: absolute;
top: 64px;
right: 64px;
display: flex;
border-radius: 2px;
align-items: center;
height: 40px;
padding: 0 12px;
font-weight: 700;
font-size: 14px;
z-index: 2;
}
.c-goodyear-tag-big svg {
margin-right: 12px;
}
@media (max-width: 1199.98px) {
.c-goodyear-tag-big {
font-size: 0;
top: 24px;
right: 24px;
}
.c-goodyear-tag-big svg {
margin-right: 0;
}
}
.c-goodyear-tag {
background: #2d214e;
position: absolute;
top: 24px;
right: 24px;
display: flex;
border-radius: 2px;
align-items: center;
justify-content: center;
height: 40px;
width: 40px;
font-weight: 700;
font-size: 14px;
}
.c-goodyear-tag svg {
width: 16px;
height: 15px;
}
.c-newsletter {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1280px;
z-index: 1024;
display: none;
}
.c-newsletter.\--opened {
display: flex;
}
.c-newsletter.\--mothers-day {
justify-content: center;
}
@media (max-width: 1199.98px) {
.c-newsletter.\--mothers-day {
justify-content: flex-start;
}
}
.c-newsletter.\--mothers-day .c-newsletter-close {
top: 10px;
right: 330px;
background-color: #fff;
}
@media (max-width: 1199.98px) {
.c-newsletter.\--mothers-day .c-newsletter-close {
right: 10px;
}
}
@media (max-width: 1199.98px) {
.c-newsletter.\--mothers-day img {
height: auto;
}
}
.c-newsletter > img {
height: 640px;
width: 50%;
object-fit: cover;
top: 40px;
}
.c-newsletter > img:nth-child(1) {
left: 0;
}
.c-newsletter h2 {
font-size: 31px;
line-height: 40px;
font-weight: bold;
margin-bottom: 24px;
}
.c-newsletter .wpcf7 {
width: 50%;
color: #fff;
background: #2d214e;
padding: 80px;
display: flex;
flex-direction: column;
position: relative;
}
.c-newsletter .wpcf7 p {
text-align: center;
font-size: 21px;
line-height: 32px;
margin-bottom: 32px;
}
.c-newsletter .wpcf7 .btn, .c-newsletter .wpcf7 .c-pagination li a, .c-pagination li .c-newsletter .wpcf7 a, .c-newsletter .wpcf7 .c-pagination li span, .c-pagination li .c-newsletter .wpcf7 span {
align-self: flex-start;
}
.c-newsletter .wpcf7 .btn svg, .c-newsletter .wpcf7 .c-pagination li a svg, .c-pagination li .c-newsletter .wpcf7 a svg, .c-newsletter .wpcf7 .c-pagination li span svg, .c-pagination li .c-newsletter .wpcf7 span svg {
margin-right: 8px;
}
.c-newsletter .form-control {
background: #2d214e;
border-color: #5f4f8c;
color: #fff;
}
.c-newsletter .form-control:-ms-input-placeholder {
color: rgba(249, 250, 253, 0.75);
}
.c-newsletter .form-control::placeholder {
color: rgba(249, 250, 253, 0.75);
}
.c-newsletter .form-control:focus {
border-color: #8676b2;
}
.c-newsletter .custom-checkbox {
margin-bottom: 24px;
}
.c-newsletter-close {
top: 16px;
right: 16px;
width: 32px;
height: 32px;
z-index: 10;
background: #5f4f8c;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 90px;
right: 80px;
}
.c-newsletter-close i {
font-size: 16px;
color: #2d214e;
}
.c-newsletter-close:hover {
background: #8676b2;
text-decoration: none;
}
@media (max-width: 1199.98px) {
.c-newsletter {
max-width: calc(100vw - 32px);
flex-direction: column;
align-items: center;
}
.c-newsletter.\--opened {
height: 100%;
overflow: auto;
}
.c-newsletter > img {
height: 158px;
width: 100%;
}
.c-newsletter-close {
top: 24px;
right: 24px;
}
.c-newsletter .wpcf7 {
padding: 32px 16px 16px;
width: 100%;
}
.c-newsletter .wpcf7 h2 {
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
.c-newsletter .wpcf7 p,
.c-newsletter .wpcf7 a {
font-size: 16px;
line-height: 24px;
}
.c-newsletter .wpcf7 .btn, .c-newsletter .wpcf7 .c-pagination li a, .c-pagination li .c-newsletter .wpcf7 a, .c-newsletter .wpcf7 .c-pagination li span, .c-pagination li .c-newsletter .wpcf7 span {
margin-top: 16px;
}
.c-newsletter .c-login-is-account {
flex-direction: column;
}
.c-newsletter .c-login-is-account p {
margin: 0 0 8px;
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
}
.\--newsletter-opened {
position: relative;
}
.\--newsletter-opened::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.75);
z-index: 100;
}
.c-lookbook-hero {
margin: 40px 0 128px;
}
.c-lookbook-hero img {
object-fit: cover;
width: 100%;
}
.c-lookbook-hero-box {
background: #22593f;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #f9fafd;
overflow: hidden;
position: relative;
}
.c-lookbook-hero-box:before {
content: " ";
position: absolute;
bottom: 0;
right: 0;
transform: translate(50%, 50%);
width: 1440px;
height: 1440px;
border-radius: 100%;
background: #0c3522;
z-index: 0;
}
.c-lookbook-hero-box > div {
max-width: 480px;
z-index: 1;
}
.c-lookbook-hero-box h2 {
margin-bottom: 16px;
}
.c-lookbook-hero-box p {
font-size: 21px;
line-height: 32px;
color: #c0c4cc;
}
@media (max-width: 1199.98px) {
.c-lookbook-hero {
margin: 16px 0 48px;
}
.c-lookbook-hero-box {
min-height: 288px;
padding: 40px 24px;
}
.c-lookbook-hero-box h2 {
max-width: 80%;
}
.c-lookbook-hero-box:before {
height: 576px;
width: 576px;
}
.c-lookbook-hero-box p {
font-size: 18px;
line-height: 24px;
}
}
.c-lookbook-product-image {
margin-bottom: 128px;
height: 880px;
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
padding: 48px;
overflow: hidden;
}
.c-lookbook-product-image.\--top {
align-items: flex-start;
}
.c-lookbook-product-image img {
max-width: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: scale(1);
transition: 0.3s all;
}
.c-lookbook-product-image:hover img {
transform: scale(1.1);
}
@media (max-width: 1199.98px) {
.c-lookbook-product-image {
margin: 0 -16px 48px;
overflow: initial;
display: block;
height: auto;
padding: 0;
}
.c-lookbook-product-image img {
position: relative;
height: 320px;
}
}
.c-product-box-link {
display: block;
width: 318px;
background: #f9fafd;
color: #1a1d25;
position: relative;
z-index: 1;
padding: 24px;
}
.c-product-box-link h3 {
font-size: 21px;
line-height: 24px;
font-weight: bold;
margin: 8px 0;
}
.c-product-box-link .btn, .c-product-box-link .c-pagination li a, .c-pagination li .c-product-box-link a, .c-product-box-link .c-pagination li span, .c-pagination li .c-product-box-link span {
position: absolute;
right: 0;
top: 50%;
transform: translate(50%, -50%);
background: #c0c4cc;
border-color: #c0c4cc;
}
.c-product-box-link:hover {
color: #1a1d25;
text-decoration: none;
}
@media (max-width: 1199.98px) {
.c-product-box-link {
padding-right: 72px;
width: calc(100% - 32px);
margin-bottom: 0;
margin-left: 16px;
margin-right: 16px;
margin-top: -48px;
}
.c-product-box-link .btn, .c-product-box-link .c-pagination li a, .c-pagination li .c-product-box-link a, .c-product-box-link .c-pagination li span, .c-pagination li .c-product-box-link span {
transform: translate(-16px, -50%);
}
}
.c-lookbook-category > img {
max-width: 945px;
}
@media (max-width: 1199.98px) {
.c-lookbook-category > img {
max-width: 100%;
}
}
.c-lookbook-product {
margin-bottom: 128px;
}
.c-lookbook-product > .container, .c-lookbook-product > .container-wide {
display: flex;
}
.c-lookbook-product > .container > img, .c-lookbook-product > .container-wide > img {
width: calc(50% + 36px);
object-fit: cover;
height: 640px;
}
@media (max-width: 1199.98px) {
.c-lookbook-product {
margin-bottom: 48px;
}
.c-lookbook-product > .container, .c-lookbook-product > .container-wide {
display: block;
padding-left: 0;
padding-right: 0;
}
.c-lookbook-product > .container > img, .c-lookbook-product > .container-wide > img {
width: 100%;
height: 320px;
}
}
.c-product-box-lookbook {
background: #e6e8ee;
padding: 64px;
width: 50%;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: #1a1d25;
}
.c-product-box-lookbook:hover {
text-decoration: none;
color: #1a1d25;
}
.c-product-box-lookbook > * {
z-index: 1;
}
.c-product-box-lookbook:before {
content: " ";
width: 400px;
height: 400px;
border-radius: 100%;
background: #c0c4cc;
position: absolute;
left: 50%;
top: 61px;
transform: translateX(-50%);
}
.c-product-box-lookbook img {
position: absolute;
width: 473px;
height: 473px;
object-fit: scale-down;
top: 24px;
left: 50%;
transform: translateX(-50%);
transition: all 0.3s;
}
.c-product-box-lookbook .c-product-box-meta {
display: flex;
margin-bottom: 16px;
align-items: center;
}
.c-product-box-lookbook .c-product-box-meta > * {
margin-right: 8px;
}
.c-product-box-lookbook h3 {
margin-bottom: 16px;
}
.c-product-box-lookbook .c-product-box-footer {
display: flex;
justify-content: space-between;
}
.c-product-box-lookbook .a-tag {
background: #f9fafd;
}
.c-product-box-lookbook .a-price, .c-product-box-lookbook .a-price-small {
border-color: #c0c4cc;
}
.c-product-box-lookbook .a-price span:last-child, .c-product-box-lookbook .a-price-small span:last-child {
color: #33373f;
background: #c0c4cc;
}
.c-product-box-lookbook:hover img {
transform: translateX(-50%) scale(1.05);
}
.c-product-box-lookbook:hover .btn, .c-product-box-lookbook:hover .c-pagination li a, .c-pagination li .c-product-box-lookbook:hover a, .c-product-box-lookbook:hover .c-pagination li span, .c-pagination li .c-product-box-lookbook:hover span {
background: #5f4f8c;
border-color: #5f4f8c;
}
.c-product-box-lookbook:hover .btn [class^=icon], .c-product-box-lookbook:hover .c-pagination li a [class^=icon], .c-pagination li .c-product-box-lookbook:hover a [class^=icon], .c-product-box-lookbook:hover .c-pagination li span [class^=icon], .c-pagination li .c-product-box-lookbook:hover span [class^=icon] {
transform: rotate(90deg);
}
@media (max-width: 1199.98px) {
.c-product-box-lookbook {
height: 400px;
padding: 24px;
width: 100%;
}
.c-product-box-lookbook img {
position: absolute;
width: 224px;
height: 224px;
top: 16px;
}
.c-product-box-lookbook:before {
width: 222px;
height: 222px;
top: 32px;
background: #c0c4cc;
}
.c-product-box-lookbook .btn, .c-product-box-lookbook .c-pagination li a, .c-pagination li .c-product-box-lookbook a, .c-product-box-lookbook .c-pagination li span, .c-pagination li .c-product-box-lookbook span {
width: 48px;
display: flex;
justify-content: center;
}
.c-product-box-lookbook .btn span, .c-product-box-lookbook .c-pagination li a span, .c-pagination li .c-product-box-lookbook a span, .c-product-box-lookbook .c-pagination li span span, .c-pagination li .c-product-box-lookbook span span {
display: none;
}
.c-product-box-lookbook .btn [class^=icon], .c-product-box-lookbook .c-pagination li a [class^=icon], .c-pagination li .c-product-box-lookbook a [class^=icon], .c-product-box-lookbook .c-pagination li span [class^=icon], .c-pagination li .c-product-box-lookbook span [class^=icon] {
margin-left: 0;
}
}
.sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.cart-open {
overflow: hidden;
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}