@charset "UTF-8";
/*
Theme Name:   	Daily Art Magazine - shop
Author:         ideative.pl
Template:     	storefront
Text Domain:  	storefront
*/
@font-face {
  font-family: "Basier";
  src: url("fonts/basiercircle-regular-webfont.eot");
  src: url("fonts/basiercircle-regular-webfont.woff") format("woff"), url("fonts/basiercircle-regular-webfont.ttf") format("truetype"), url("fonts/basiercircle-regular-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Basier";
  src: url("fonts/Basier-Circle-Medium.otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Basier";
  src: url("fonts/basiercircle-semibold-webfont.ttf");
  src: url("fonts/basiercircle-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/basiercircle-semibold-webfont.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
/*

@font-face{ 
    font-family: 'Basier';
    src: url('fonts/basiercircle-bold-webfont.eot');
    src: url('fonts/basiercircle-bold-webfont.woff') format('woff'),
        url('fonts/basiercircle-bold-webfont.ttf') format('truetype'),
        url('fonts/basiercircle-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}*/
@font-face {
  font-family: "RoslindaleCondensed";
  src: url("fonts/Roslindale-DisplayCondensedMedium.woff2") format("woff2"), url("fonts/Roslindale-DisplayCondensedMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "RoslindaleCondensed";
  src: url("fonts/Roslindale-DisplayCondensedSemiBold.woff2") format("woff2"), url("fonts/Roslindale-DisplayCondensedSemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "RoslindaleNarrow";
  src: url("fonts/Roslindale-DisplayNarrowSemiBold.woff2") format("woff2"), url("fonts/Roslindale-DisplayNarrowSemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "RoslindaleNarrow";
  src: url("fonts/Roslindale-DisplayNarrowBold.woff2") format("woff2"), url("fonts/Roslindale-DisplayNarrowBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "RoslindaleDisplayNarrowMedium";
  src: url("fonts/Roslindale-DisplayNarrowMedium-Testing.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/*$embed-responsive-aspect-ratios: join(
  (
    (21 9),
    (16 9),
    (4 3),
    (1 1),
  ),
  $embed-responsive-aspect-ratios
);*/
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 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%;
  }
  .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%;
  }
  .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%;
  }
  .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%;
  }
  .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%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
/* fonty */
/*//COLORS
$color-body: #4d5761;
$color-primary: #000000;
$color-secondary: #C6002F;

//FONTFAMILY

$body-font: 'Basier', sans-serif;

$heading-font: 'RoslindaleCondensed', sans-serif;
$heading-fontNarrow: 'RoslindaleNarrow', sans-serif;

//INNE

$radius: 3px;*/
/* fonty END */
/* colory */
/* colory END */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  background-color: #fff;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

body, html,
button,
input,
select,
optgroup,
textarea, html {
  color: #6E727E;
  font-size: 18px;
  font-family: "Basier", sans-serif;
  font-weight: 400;
  line-height: 22px;
}

body, html {
  color: #6E727E;
  font-weight: 400;
  font-family: "Basier", sans-serif;
  font-size: 18px;
  line-height: 22px;
}

/* nagłówki */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  clear: both;
  font-display: swap;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  color: #000;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br {
    display: none;
  }
}

h1 {
  font-family: "RoslindaleCondensed", sans-serif;
}

h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
}

h2 + h3, .beta + h3 {
  border: none;
}

p + h2, p + header h2, p + h3, p + h4, ul + h2, ul + header h2, ul + h3, ul + h4, ol + h2, ol + header h2, ol + h3, ol + h4, table + h2, table + header h2, table + h3, table + h4, blockquote + h2, blockquote + header h2, blockquote + h3, blockquote + h4, form + h2, form + header h2, form + h3, form + h4 {
  margin-top: 24px;
}

input:focus, textarea:focus {
  outline: none;
  border: none;
}

h1 {
  font-size: 45px;
  line-height: 1.1;
}
@media (max-width: 991.98px) {
  h1 {
    font-size: 27px;
  }
}

h2, .h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 46px;
}
@media (max-width: 991.98px) {
  h2, .h2 {
    font-size: 30px;
    line-height: 1.2;
  }
}
h2.big, .h2.big {
  font-size: 74px;
  line-height: 92px;
}
@media (max-width: 991.98px) {
  h2.big, .h2.big {
    font-size: 38px;
    line-height: 48px;
  }
}

/*p {
    margin: 24px 0;
    font-weight: 600;
    a {
        color: #E60071;
        text-decoration: underline;
        font-weight: 700;
        &:hover {
            opacity: .7;
        }
    }
    strong {
        color: #111827;
        font-weight: 700;
    }
}*/
a {
  text-decoration: none;
  transition: all 0.5s;
  cursor: pointer;
}

/* standardwoe klasy dla nagłówków */
.h100 {
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
}
@media (max-width: 991.98px) {
  .h100 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: unset;
  }
}

.h300 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
}
@media (max-width: 991.98px) {
  .h300 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
}

/* dark mode */
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h4 {
  color: #fff;
}

/* dark mode END */
.hidden {
  display: none !important;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-center-f {
  justify-content: center;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-bold {
  font-weight: bold;
}

@media (max-width: 991.98px) {
  .hide-mobile {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .show-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1000px) {
  .hide-if-mobile-menu {
    display: none !important;
  }
}

@media screen and (min-width: 1000px) {
  .show-if-mobile-menu {
    display: none !important;
  }
}

img {
  border-radius: 0px;
}

html,
body {
  position: relative;
  height: 100%;
}
html p,
body p {
  margin-bottom: 24px;
}
html p:last-of-type,
body p:last-of-type {
  margin-bottom: 0;
}

/* standardowe errory z woo */
.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error {
  list-style: none;
  margin: 0;
  margin-bottom: 15px;
}
.woocommerce-notices-wrapper .woocommerce-error:focus-visible, .woocommerce-NoticeGroup .woocommerce-error:focus-visible {
  border: none;
  outline: none;
}
.woocommerce-notices-wrapper .woocommerce-error li, .woocommerce-NoticeGroup .woocommerce-error li {
  background: #C6002F;
  color: #fff;
  padding: 12px;
  font-size: 15px;
  margin-bottom: 15px;
}
.woocommerce-notices-wrapper .woocommerce-error li:last-of-type, .woocommerce-NoticeGroup .woocommerce-error li:last-of-type {
  margin-bottom: 0;
}
.woocommerce-notices-wrapper .woocommerce-error .button, .woocommerce-NoticeGroup .woocommerce-error .button {
  border: 1px solid #000;
  background: #fff !important;
  color: #000 !important;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: 20px;
}
.woocommerce-notices-wrapper .woocommerce-error .button:visited, .woocommerce-NoticeGroup .woocommerce-error .button:visited {
  background: #fff !important;
  color: #000 !important;
}
.woocommerce-notices-wrapper .woocommerce-error .button:hover, .woocommerce-NoticeGroup .woocommerce-error .button:hover {
  background: #000 !important;
  color: #fff !important;
}
.woocommerce-notices-wrapper .woocommerce-error .button:after, .woocommerce-NoticeGroup .woocommerce-error .button:after {
  position: absolute;
  content: "" !important;
}
.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-message {
  list-style: none;
  margin: 0;
  background: #0C7A5B;
  color: #fff;
  padding: 12px;
  font-size: 15px;
  margin-bottom: 40px;
  outline: none;
}
.woocommerce-notices-wrapper .woocommerce-message a, .woocommerce-NoticeGroup .woocommerce-message a {
  color: #fff;
  text-decoration: underline;
}
.woocommerce-notices-wrapper .woocommerce-message li, .woocommerce-NoticeGroup .woocommerce-message li {
  background: #0C7A5B;
  color: #fff;
  padding: 12px;
  font-size: 15px;
}

/* standardowe errory z woo END */
/* select 2 */
.select2-results li {
  font-size: 15px;
  padding: 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: #000;
}

/* select 2 END */
.hentry .entry-content a {
  text-decoration: none;
}

.black-ctn {
  background: #131314;
  color: #fff;
}

body {
  overflow-x: hidden !important;
}
body.body-ov {
  overflow: hidden;
}
body.dark-mode {
  background: #131314;
}

.list-clear {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-clear__horizontal {
  display: flex;
  gap: 6px;
}

.site {
  position: relative;
  min-height: 100vh;
}

a {
  color: #000;
}
a:visited {
  color: #000;
}

a:focus, input:focus, textarea:focus, button:focus {
  outline: none;
}

/* social mednia linki */
.sm-list {
  display: flex !important;
  gap: 8px;
}
.sm-list li {
  list-style: none;
}
.sm-list a {
  padding: 6px;
  border: 1px solid rgba(46, 46, 50, 0.6);
  border-radius: 2px;
  display: flex;
}

.swiper-scrollbar {
  height: 2px !important;
  bottom: -32px !important;
  left: 0 !important;
  background: #F3F3F5;
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background: #2E2E32;
}

/* slider z produktami */
.products-slider {
  padding-top: 64px;
  padding-bottom: 64px;
}
.products-slider h2 {
  margin-top: 0;
  margin-bottom: 4px;
}
.products-slider p {
  font-size: 18px;
  line-height: 22px;
  margin: 0;
}
.products-slider .swiper {
  margin-top: 32px;
}
@media only screen and (max-width: 768px) {
  .products-slider .swiper {
    margin-top: 16px;
  }
}
.products-slider .swiper {
  overflow: visible;
}
.products-slider .swiper:after {
  content: "";
  position: absolute;
  top: -20px;
  width: 999999px;
  height: calc(100% + 20px);
  right: 100%;
  background-color: #fff;
  z-index: 9;
}
.products-slider .swiper .swiper-slide {
  width: auto;
}
.products-slider .swiper .slider-black-next, .products-slider .swiper .slider-black-prev {
  position: absolute;
  right: -24px;
  top: 176px;
  z-index: 99;
  cursor: pointer;
  opacity: 0;
  transition: all 0.4s;
}
.products-slider .swiper .slider-black-prev {
  right: auto;
  left: -24px;
  top: 176px;
  transform: rotate(180deg);
}
.products-slider .single-product-box__img {
  width: 400px;
  height: 400px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .products-slider .single-product-box__img {
    width: 280px;
    height: 280px;
  }
}
.products-slider .swiper-pagination-progressbar {
  width: 100%;
  bottom: -30px;
  z-index: 1;
  height: 2px;
}
@media only screen and (max-width: 768px) {
  .products-slider .swiper-pagination-progressbar {
    bottom: -24px;
  }
}
.products-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #2E2E32;
}
.products-slider.black-section .swiper:after {
  background-color: #131314;
}
.products-slider.black-section .swiper-pagination-progressbar {
  background: #2E2E32;
}
.products-slider.black-section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #999EA8;
}
.products-slider.black-section .swiper-scrollbar {
  background: #2E2E32;
}
.products-slider.black-section .swiper-scrollbar .swiper-scrollbar-drag {
  background: #999EA8;
}
.products-slider.cream-section .swiper:after {
  background-color: #FAF7F5;
}
.products-slider__promo {
  background-color: #FAF7F5;
}
.products-slider__promoBtnMobile {
  margin-top: 50px;
}
.products-slider__promoBtnMobile .btn {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .swiper:hover .slider-black-next, .swiper:hover .slider-black-prev {
    opacity: 1;
  }
  .swiper:hover .slider-black-next.prev-hide, .swiper:hover .slider-black-prev.prev-hide {
    opacity: 0;
  }
}

.swiper-button-disabled {
  opacity: 0 !important;
}

/* nagłówkei sekcji np głowna */
.section-header h2 {
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
}
@media only screen and (max-width: 768px) {
  .section-header h2 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: normal;
  }
}
.section-header p {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .section-header p {
    font-size: 16px;
    line-height: 20px;
  }
}

/* newsletter */
.newsletter {
  color: #fff;
  position: relative;
  background: url(images/footer-asset-n.webp) no-repeat center right;
  background-size: 58%;
  background-color: #131314;
}
@media only screen and (min-width: 1920px) {
  .newsletter:after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 33%;
    background: linear-gradient(180deg, rgba(19, 19, 20, 0) 0%, #131314 100%);
  }
  .newsletter:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 33%;
    background: linear-gradient(0deg, rgba(19, 19, 20, 0) 0%, #131314 100%);
  }
}
@media only screen and (max-width: 768px) {
  .newsletter {
    background: url(images/Newsletter-mobile.jpg) no-repeat top center;
    background-size: 100%;
  }
}
.newsletter h2, .newsletter h3, .newsletter h4, .newsletter h5 {
  color: #fff;
}
.newsletter p, .newsletter a {
  color: #999EA8;
  max-width: 400px;
}
.newsletter__ctn {
  padding-top: 160px;
  padding-bottom: 64px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .newsletter__ctn {
    padding-bottom: 0;
  }
}
.newsletter__ctn h2 {
  font-size: 88px;
  margin-bottom: 16px;
  line-height: 1;
  letter-spacing: 0.88px;
  font-family: "RoslindaleCondensed", sans-serif;
}
@media only screen and (max-width: 768px) {
  .newsletter__ctn h2 {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 768px) {
  .newsletter__ctn p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}
.newsletter form {
  max-width: 400px;
  display: flex;
  gap: 16px;
  margin-top: 24px;
  flex-direction: column;
}
.newsletter form .form-input {
  width: 100%;
  background: #fff;
  font-size: 14px;
  border-radius: 2px !important;
  font-family: Basier Circle;
  font-weight: 400;
  color: #999EA8;
  border-radius: 0;
  letter-spacing: -0.21px;
  padding: 17px 16px;
}
@media only screen and (max-width: 768px) {
  .newsletter form .form-input {
    padding: 12px 16px;
  }
}
.newsletter form .form-input ::placeholder {
  color: #999EA8;
  opacity: 1; /* Firefox */
}
.newsletter form .form-input ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #999EA8;
}
.newsletter form button {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .newsletter form button {
    min-height: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .mobile-full {
    margin-left: -16px;
    width: calc(100% + 32px);
  }
}

.small-content {
  max-width: 824px !important;
  margin: 0 auto;
}

.subpage-top-img {
  margin-bottom: 16px;
  margin-top: 40px;
}
.subpage-top-img img {
  height: 326px;
  object-fit: cover;
  object-position: top;
}
@media (max-width: 991.98px) {
  .subpage-top-img img {
    height: 300px;
  }
}
@media only screen and (max-width: 500px) {
  .subpage-top-img img {
    height: 220px;
    object-position: center;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .subpage-top-img {
    margin-top: 0px;
  }
}

.product-categories {
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
  list-style: none;
}
.product-categories a {
  line-height: 18px;
  font-size: 14px;
  letter-spacing: -0.28px;
  color: #6E727E;
}

.course-skills {
  list-style: none;
  padding: 0;
  margin: 0;
}
.course-skills li {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #999EA8;
  letter-spacing: -0.28px;
}
.course-skills li:after {
  content: "•";
  margin-left: 3px;
  margin-right: 3px;
}
.course-skills li:last-of-type:after {
  content: "";
}

/* dla elmentów ktore na mobile maja byc na cala szerokosc, np. grafiki */
@media only screen and (max-width: 500px) {
  .mobile-without-margin {
    margin-left: -16px;
    width: calc(100% + 32px);
  }
}

@media (max-width: 991.98px) {
  .page-template-default .site-main {
    margin-top: 0;
  }
}

.default-template-ctn {
  color: #6E727E;
}
.default-template-ctn.subpage-top-margin {
  margin-top: 40px;
}
.default-template-ctn__top {
  border-bottom: 1px solid #F3F3F5;
  padding-bottom: 16px;
  margin-bottom: 24px;
  position: relative;
}
@media (max-width: 991.98px) {
  .default-template-ctn__top {
    border: none;
    margin-bottom: 16px;
  }
}
@media (max-width: 991.98px) {
  .default-template-ctn__top:after {
    content: "";
    border-bottom: 1px solid #F3F3F5;
    width: calc(100% + 32px);
    height: 1px;
    left: -16px;
    bottom: 0;
    position: absolute;
  }
}
.default-template-ctn__top p {
  margin-bottom: 16px;
  color: #6E727E;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.16px;
}
@media (max-width: 991.98px) {
  .default-template-ctn__top p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.14px;
  }
}
.default-template-ctn__top p:last-of-type {
  margin-bottom: 0;
}
.default-template-ctn h2, .default-template-ctn h3, .default-template-ctn h4, .default-template-ctn h5, .default-template-ctn h6, .default-template-ctn p, .default-template-ctn ul, .default-template-ctn ol {
  margin-bottom: 16px;
  margin-top: 0;
}
.default-template-ctn ul, .default-template-ctn ol {
  padding-left: 16px;
  margin-left: 0;
}
.default-template-ctn ul li, .default-template-ctn ol li {
  margin-bottom: 16px;
}
.default-template-ctn a {
  color: #C6002F;
}
.default-template-ctn p {
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #6E727E;
}
@media (max-width: 991.98px) {
  .default-template-ctn p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}
.default-template-ctn h1 {
  color: black;
  font-size: 30px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
}
@media (max-width: 991.98px) {
  .default-template-ctn h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
}
.default-template-ctn h2 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin-top: 8px;
}
.default-template-ctn h2:first-of-type {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  .default-template-ctn h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
}
.default-template-ctn h3 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin-top: 8px;
  font-size: 22px;
  line-height: 1.166;
}
.default-template-ctn h3:first-of-type {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  .default-template-ctn h3 {
    font-size: 19px;
    line-height: 1.166;
  }
}
.default-template-ctn h4 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin-top: 8px;
  font-size: 21px;
  line-height: 1.166;
}
.default-template-ctn h4:first-of-type {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  .default-template-ctn h4 {
    font-size: 18px;
    line-height: 1.166;
  }
}
.default-template-ctn h5 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin-top: 8px;
  font-size: 20px;
  line-height: 1.166;
}
.default-template-ctn h5:first-of-type {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  .default-template-ctn h5 {
    font-size: 17px;
    line-height: 1.166;
  }
}
.default-template-ctn h6 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin-top: 8px;
  font-size: 18px;
  line-height: 1.166;
}
.default-template-ctn h6:first-of-type {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  .default-template-ctn h6 {
    font-size: 17px;
    line-height: 1.166;
  }
}
.default-template-ctn ol ul {
  margin-left: 16px;
}
.default-template-ctn ol ul li {
  margin-bottom: 0;
}
.default-template-ctn ul, .default-template-ctn li, .default-template-ctn p {
  color: #6E727E;
  letter-spacing: -0.18px;
}
@media (max-width: 991.98px) {
  .default-template-ctn ul, .default-template-ctn li, .default-template-ctn p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}

/* zielony pływajacy komunikat */
.green-box-info {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  bottom: 10%;
  z-index: 99;
  max-width: 358px;
}
.green-box-info__ctn {
  background: #0C7A5B;
  display: flex;
  padding: 12px 8px 12px 12px;
  justify-content: space-between;
  color: #fff;
  border-radius: 2px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.28px;
}
.green-box-info #green-box-info__close {
  cursor: pointer;
}

/* /* zielony pływajacy komunikat END */
/* nagłówek z borderm */
.top-header-br h1, .top-header-br h2 {
  color: black;
  font-size: 30px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
  margin-top: 32px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  color: #000;
  border-bottom: 1px solid #F3F3F5;
}
@media (max-width: 991.98px) {
  .top-header-br h1, .top-header-br h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
}
@media (max-width: 991.98px) {
  .top-header-br h1, .top-header-br h2 {
    margin-top: 16px;
    margin-left: -16px;
    width: calc(100% + 32px);
    padding-left: 16px;
  }
}

.tooltip {
  position: relative;
  display: inline-block;
  top: 2px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 12px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.06px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* Ustawienie nad ikoną */
  left: 100%;
  transform: translateX(-100%);
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 95%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* laoder/spinner np. podczas wysylania formularza dodawania opinii */
.spinner {
  width: 56px;
  height: 56px;
  display: grid;
  animation: spinner-plncf9 4.8s infinite;
}

.spinner::before,
.spinner::after {
  content: "";
  grid-area: 1/1;
  border: 9px solid;
  border-radius: 50%;
  border-color: #c6002f #c6002f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  mix-blend-mode: darken;
  animation: spinner-plncf9 1.2s infinite linear;
}

.spinner::after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #dddddd #dddddd;
  animation-direction: reverse;
}

@keyframes spinner-plncf9 {
  100% {
    transform: rotate(1turn);
  }
}
/* */
.ancr .ancr-close-btn {
  top: 3px;
}

.fs-free-shipping-notice-and-button-wrapper {
  display: none;
}

.newsletter .form-info .infoBox__error {
  color: #C6002F;
  padding: 12px;
  display: block;
  border: 1px solid #C6002F;
}
.newsletter .form-info .newsletter-success {
  color: #fff;
  padding: 12px;
  display: block;
  border-color: #0C7A5B;
  background: #0C7A5B;
}

.woocommerce-error li {
  color: #fff;
}
.woocommerce-error li a {
  color: #fff;
}

.checkout-inline-error-message {
  color: #C6002F;
  font-size: 12px;
}

/*

czerwony /bialy font
przezroczysty bialy font i border - newsletter
przezroczysty czarny font i border - view all products

trzeba przewidziec ikony w tych przyckach np share certiificate

*/
.btn, .single_add_to_cart_button, #place_order, .cwgstock_button, .product-right .cwg_popup_submit,
.woocommerce-edit-address .button {
  background: #C6002F;
  border-radius: 2px;
  color: #fff;
  opacity: 1;
  font-weight: 600;
  line-height: 20px;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  position: relative;
  justify-content: center;
  border: 1px solid #C6002F;
  padding: 0px 24px;
  min-height: 48px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: all 0.4s;
}
.btn img, .single_add_to_cart_button img, #place_order img, .cwgstock_button img, .product-right .cwg_popup_submit img,
.woocommerce-edit-address .button img {
  margin-right: 8px;
}
.btn:visited, .single_add_to_cart_button:visited, #place_order:visited, .cwgstock_button:visited, .product-right .cwg_popup_submit:visited,
.woocommerce-edit-address .button:visited {
  color: #fff;
}
.btn:hover, .single_add_to_cart_button:hover, #place_order:hover, .cwgstock_button:hover, .product-right .cwg_popup_submit:hover,
.woocommerce-edit-address .button:hover {
  color: #fff;
  background: #9D0126;
  border-color: #9D0126;
}
.btn--ghostWhite, .single_add_to_cart_button--ghostWhite, #place_order--ghostWhite, .cwgstock_button--ghostWhite, .product-right .cwg_popup_submit--ghostWhite,
.woocommerce-edit-address .button--ghostWhite {
  background: transparent;
  border-color: #fff !important;
  box-sizing: border-box;
}
.btn--ghostWhite:before, .single_add_to_cart_button--ghostWhite:before, #place_order--ghostWhite:before, .cwgstock_button--ghostWhite:before, .product-right .cwg_popup_submit--ghostWhite:before,
.woocommerce-edit-address .button--ghostWhite:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 1px solid #fff;
  transition: all 0.4s;
  opacity: 0;
}
.btn--ghostWhite:hover, .single_add_to_cart_button--ghostWhite:hover, #place_order--ghostWhite:hover, .cwgstock_button--ghostWhite:hover, .product-right .cwg_popup_submit--ghostWhite:hover,
.woocommerce-edit-address .button--ghostWhite:hover {
  color: #fff;
  background: transparent;
}
.btn--ghostWhite:hover:before, .single_add_to_cart_button--ghostWhite:hover:before, #place_order--ghostWhite:hover:before, .cwgstock_button--ghostWhite:hover:before, .product-right .cwg_popup_submit--ghostWhite:hover:before,
.woocommerce-edit-address .button--ghostWhite:hover:before {
  opacity: 1;
}
.btn--ghostBlack, .single_add_to_cart_button--ghostBlack, #place_order--ghostBlack, .cwgstock_button--ghostBlack, .product-right .cwg_popup_submit--ghostBlack,
.woocommerce-edit-address .button--ghostBlack {
  background: transparent;
  border-color: #000;
  color: #000;
  border: 1px solid #000;
  box-sizing: border-box;
}
.btn--ghostBlack:before, .single_add_to_cart_button--ghostBlack:before, #place_order--ghostBlack:before, .cwgstock_button--ghostBlack:before, .product-right .cwg_popup_submit--ghostBlack:before,
.woocommerce-edit-address .button--ghostBlack:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 1px solid #000;
  transition: all 0.4s;
  opacity: 0;
}
.btn--ghostBlack:hover, .single_add_to_cart_button--ghostBlack:hover, #place_order--ghostBlack:hover, .cwgstock_button--ghostBlack:hover, .product-right .cwg_popup_submit--ghostBlack:hover,
.woocommerce-edit-address .button--ghostBlack:hover {
  background: transparent;
  color: #000;
  border-color: #000;
}
.btn--ghostBlack:hover:before, .single_add_to_cart_button--ghostBlack:hover:before, #place_order--ghostBlack:hover:before, .cwgstock_button--ghostBlack:hover:before, .product-right .cwg_popup_submit--ghostBlack:hover:before,
.woocommerce-edit-address .button--ghostBlack:hover:before {
  opacity: 1;
}
.btn--ghostBlack:visited, .single_add_to_cart_button--ghostBlack:visited, #place_order--ghostBlack:visited, .cwgstock_button--ghostBlack:visited, .product-right .cwg_popup_submit--ghostBlack:visited,
.woocommerce-edit-address .button--ghostBlack:visited {
  color: #000;
}
.btn--heightL, .single_add_to_cart_button--heightL, #place_order--heightL, .cwgstock_button--heightL, .product-right .cwg_popup_submit--heightL,
.woocommerce-edit-address .button--heightL {
  min-height: 56px;
}

.single_add_to_cart_button del {
  display: none;
}

body .btn22, .woocommerce-MyAccount-content .button22, .woocommerce-lost-password .woocommerce-Button22 {
  color: #fff;
  background: #C6002F;
  border-radius: 22px;
  opacity: 1;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  position: relative;
  justify-content: center;
  min-height: 43px;
  padding: 8px 25px 11px;
  border: 1px solid #C6002F;
  cursor: pointer;
  transition: all 0.4s;
}
body .btn22:visited, .woocommerce-MyAccount-content .button22:visited, .woocommerce-lost-password .woocommerce-Button22:visited {
  color: #fff;
}
body .btn22:hover, .woocommerce-MyAccount-content .button22:hover, .woocommerce-lost-password .woocommerce-Button22:hover {
  background: #fff;
  color: #C6002F;
}
body .btn22--black, .woocommerce-MyAccount-content .button22--black, .woocommerce-lost-password .woocommerce-Button22--black {
  border-color: #fff;
  color: #fff;
  background: #1D1D1B;
}
body .btn22--black:hover, .woocommerce-MyAccount-content .button22--black:hover, .woocommerce-lost-password .woocommerce-Button22--black:hover {
  color: #fff;
  background: #1D1D1B;
}
body .btn22--transparentBBlack, .woocommerce-MyAccount-content .button22--transparentBBlack, .woocommerce-lost-password .woocommerce-Button22--transparentBBlack {
  border-color: #1D1D1B;
  color: #1D1D1B;
  background: transparent;
}
body .btn22--transparentBBlack:hover, .woocommerce-MyAccount-content .button22--transparentBBlack:hover, .woocommerce-lost-password .woocommerce-Button22--transparentBBlack:hover {
  color: #fff;
  background: #1D1D1B;
}
body .btn22--transparentBBlack:visited, .woocommerce-MyAccount-content .button22--transparentBBlack:visited, .woocommerce-lost-password .woocommerce-Button22--transparentBBlack:visited {
  color: #1D1D1B;
}
body .btn22--transparentBRed, .woocommerce-MyAccount-content .button22--transparentBRed, .woocommerce-lost-password .woocommerce-Button22--transparentBRed {
  border-color: #C6002F;
  color: #1D1D1B;
  background: transparent;
}
body .btn22--transparentBRed:hover, .woocommerce-MyAccount-content .button22--transparentBRed:hover, .woocommerce-lost-password .woocommerce-Button22--transparentBRed:hover {
  color: #fff;
  background: #C6002F;
}
body .btn22--transparentBRed:visited, .woocommerce-MyAccount-content .button22--transparentBRed:visited, .woocommerce-lost-password .woocommerce-Button22--transparentBRed:visited {
  color: #1D1D1B;
}
body .btn22--arrow, .woocommerce-MyAccount-content .button22--arrow, .woocommerce-lost-password .woocommerce-Button22--arrow {
  margin-right: 25px;
}
body .btn22--arrow:after, .woocommerce-MyAccount-content .button22--arrow:after, .woocommerce-lost-password .woocommerce-Button22--arrow:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 15px;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  margin-top: 3px;
  border-color: transparent transparent transparent #fff;
  transition: all 0.4s;
}
body .btn22--arrow:hover:after, .woocommerce-MyAccount-content .button22--arrow:hover:after, .woocommerce-lost-password .woocommerce-Button22--arrow:hover:after {
  border-color: transparent transparent transparent #C6002F;
}

.dark-mode .btn--ghostBlack:not(#continue-shipping) {
  border-color: #fff;
  color: #fff;
}

.single-product-box {
  width: 400px;
}
@media only screen and (max-width: 768px) {
  .single-product-box {
    width: 280px;
  }
}
.single-product-box__img {
  position: relative;
  margin-bottom: 16px;
}
.single-product-box__img a {
  overflow: auto;
  display: block;
  position: relative;
}
.single-product-box__img img {
  float: left;
  max-height: 400px;
}
@media only screen and (min-width: 768px) {
  .single-product-box__img img {
    height: 400px;
    object-fit: cover;
  }
}
@media only screen and (max-width: 768px) {
  .single-product-box__img img {
    width: 280px;
    height: 280px;
    object-fit: cover;
  }
}
.single-product-box__img .product-img-alternative {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.single-product-box__content-top h3 {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.2px;
}
@media only screen and (max-width: 768px) {
  .single-product-box__content-top h3 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: normal;
  }
}
.single-product-box__content-price {
  color: #2E2E32;
  font-size: 18px;
  font-weight: 400;
  display: flex;
  gap: 8px;
  line-height: 22px;
  letter-spacing: -0.18px;
}
@media only screen and (max-width: 768px) {
  .single-product-box__content-price {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
}
.single-product-box__content-price ins {
  float: left;
  background: none;
  color: #C6002F;
  font-weight: 600;
}
.single-product-box__content-price del {
  color: #6E727E;
  margin-left: 8px;
  font-weight: 400;
  font-size: unset;
  line-height: unset;
  text-decoration: unset;
  order: 2;
}
.single-product-box__content-price del bdi {
  text-decoration: line-through;
}
.single-product-box:hover .product-img-alternative {
  opacity: 1;
  visibility: visible;
}
.single-product-box.product-course .single-product-box__content-top {
  display: flex;
  flex-direction: column;
}
.single-product-box.product-course .single-product-box__content-top h3 {
  order: -1;
}
.single-product-box.product-course .single-product-box__content-top .product-list-course-info {
  margin-bottom: 8px;
}

.discount-percentage, .product-sold-out-label {
  color: white;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  padding: 4px 8px;
  border-radius: 2px;
  background: #C6002F;
  position: absolute;
  left: 16px;
  top: 16px;
}
@media only screen and (max-width: 768px) {
  .discount-percentage, .product-sold-out-label {
    font-size: 12px;
    left: 8px;
    top: 8px;
  }
}

.product-sold-out-label {
  background: #6E727E;
}

.product-sold-out-price-info {
  color: #6E727E;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.18px;
}

/* wyglad kategorii */
.product-categories-list li:after {
  content: ",";
}
.product-categories-list li:last-of-type:after {
  content: "";
}
.product-categories-list li, .product-categories-list a {
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
@media only screen and (max-width: 768px) {
  .product-categories-list li, .product-categories-list a {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.05em;
  }
}

/* oceny - gwiazdki */
.product-rate-star-ctn {
  align-items: center;
  display: flex;
  margin-top: 8px;
  gap: 4px;
}
.product-rate-star-ctn .product-rate-average, .product-rate-star-ctn .product-rate-count {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #6E727E;
}
.product-rate-star-ctn .product-rate-average {
  font-weight: 600;
  color: #000;
}

.product-rate-stars {
  list-style: none;
  display: flex;
  gap: 1px;
  margin: 0;
  padding: 0;
}
.product-rate-stars li {
  display: inline-block;
}

/* oceny - gwiazdki END */
/* czarna sekcja */
.black-section .single-product-box, .black-section .product-rate-star-ctn .product-rate-average {
  color: #fff;
}
.black-section .single-product-box .product-categories-list {
  display: none;
}
.black-section .product-categories-list li, .black-section .product-categories-list a {
  color: #999EA8;
}
.black-section .single-product-box__content-top h3, .black-section .single-product-box__content-top h3 a, .black-section .single-product-box__content-price {
  color: #fff;
}

.product-list-course-info {
  font-size: 14px;
  color: #999EA8;
  font-weight: 400;
  line-height: 18px;
}

.categories-list {
  gap: 24px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .categories-list {
    gap: 16px;
  }
}

.single-category-box {
  display: flex;
  flex-direction: column;
  width: 230px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 768px) {
  .single-category-box {
    width: 108px;
    margin-bottom: 0px;
  }
  .single-category-box img {
    width: 108px !important;
    height: 108px !important;
    object-fit: cover !important;
  }
}
@media only screen and (max-width: 400px) {
  .single-category-box {
    width: 98px !important;
  }
  .single-category-box img {
    width: 98px !important;
    height: 98px !important;
  }
}
.single-category-box__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 12px;
}
@media only screen and (max-width: 768px) {
  .single-category-box__title {
    line-height: 18px;
    font-size: 14px;
    letter-spacing: -0.28px;
    margin-top: 8px;
  }
}
.single-category-box__img {
  display: flex;
}

.site-header-dam {
  z-index: 10;
  position: relative;
}
.site-header-dam > .container {
  max-width: 9999px;
}

body .site-header-ctn .site-header-dam .site-branding {
  float: none;
  margin: unset;
  width: auto;
  z-index: 100;
}
body .site-header-ctn .site-header-dam__col {
  height: 68px;
  display: flex;
  align-items: center;
}
body .site-header-ctn .site-header-dam__colCenter {
  justify-content: center;
}
body .site-header-ctn .site-header-dam__colRight {
  justify-content: right;
}
@media screen and (min-width: 1000px) {
  body .site-header-ctn .site-header-dam__colRight {
    margin-right: 12px;
  }
}
body .site-header-ctn .site-header-dam #hamburger-dam {
  padding: 0;
  border: 1px solid #F3F3F5;
  border-radius: 2px;
  cursor: pointer;
  background-color: #fff;
  transition: 0.3s ease;
  width: 36px;
  height: 36px;
}
body .site-header-ctn .site-header-dam #hamburger-dam:before {
  content: url(images/icons/icon-menu.svg);
  position: absolute;
  top: 8px;
  left: 8px;
  opacity: 1;
  transition: all 0.3s;
}
body .site-header-ctn .site-header-dam #hamburger-dam span:before {
  position: absolute;
  top: 8px;
  left: 8px;
  content: url(images/icons/icon-close.svg);
  opacity: 0;
  transition: all 0.3s;
}
body .site-header-ctn .site-header-dam .main-navigation#site-navigation {
  justify-content: flex-start;
  width: 100%;
  display: flex;
  margin-right: 0 !important;
}
body .site-header-ctn .site-header-dam .main-navigation#site-navigation .menu a {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.02em;
}
body .site-header-ctn .site-header-dam .main-navigation#site-navigation .menu a:hover {
  color: #000;
}
@media screen and (max-width: 1000px) {
  body .site-header-ctn .site-header-dam .main-navigation#site-navigation {
    position: absolute;
  }
}
body .site-header-ctn .site-header-dam .main-navigation#site-navigation.toggled #hamburger-dam:before {
  filter: unset;
}
body .site-header-ctn .site-header-dam .main-navigation#site-navigation ul.menu {
  gap: 24px;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
@media screen and (min-width: 1000px) {
  body .site-header-ctn .site-header-dam .main-navigation#site-navigation .menu-toggle-mobile {
    display: none;
  }
}
body .site-header-ctn .site-header-dam .woocommerce-buttons {
  display: flex;
  gap: 8px;
}
body .site-header-ctn .site-header-dam .woocommerce-buttons a {
  width: 36px;
  height: 36px;
  border: 1px solid #F3F3F5;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.4s;
}
body .site-header-ctn .site-header-dam .woocommerce-buttons a:hover {
  border-color: #000000;
}
body .site-header-ctn .site-header-dam .woocommerce-buttons #cart-icons-count {
  width: 12px;
  height: 12px;
  background: #C6002F;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  right: 6px;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -0.1px;
  color: #fff;
  text-align: center;
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
body .site-header-ctn .site-header-dam .woocommerce-buttons #cart-icons-count.show-count {
  opacity: 1;
}
@media screen and (max-width: 1000px) {
  body .site-header-ctn .site-header-dam .menu-dsc {
    display: none !important;
  }
}

/* rozwijane menu z kategoriami */
.menu-mobile {
  display: flex;
  top: 28px;
  left: -16px;
  margin-top: 24px;
  position: absolute;
  display: flex;
  background: #fff;
  flex-direction: column;
  width: calc(100vw - 0px);
  padding-left: 16px;
  padding-top: 16px;
  overflow-y: scroll;
  height: calc(100vh - 65px); /* Fallback */
  height: calc(100dvh - 65px); /* Preferowane, jeśli dostępne */
  z-index: 9;
  border-top: 1px solid #F3F3F5;
}
@media screen and (max-width: 1000px) {
  .menu-mobile {
    padding-top: 24px;
    top: 42px;
    display: block;
    left: 0;
    visibility: hidden;
    z-index: -5;
    transition: all 0.4s;
    opacity: 0;
  }
}
@media screen and (min-width: 1000px) {
  .menu-mobile {
    height: auto;
    overflow: auto;
  }
}
.menu-mobile__categoryName {
  margin-bottom: 16px;
  color: #000000;
  letter-spacing: -0.32px;
  font-size: 16px;
  font-weight: 400;
  display: block;
}
.menu-mobile__categories {
  margin-bottom: 24px;
}
.menu-mobile__links {
  margin-bottom: -26px;
  padding-right: 16px;
}
.menu-mobile__links ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.menu-mobile__links ul li {
  border-top: 1px solid #F3F3F5;
}
.menu-mobile__links ul li a {
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 16px;
  line-height: 20px;
  display: block;
}
.menu-mobile__footer {
  background: #131314;
  padding: 24px 0px 0;
  color: #fff;
  position: relative;
  z-index: 0;
  width: calc(100% - 16px) !important;
}
.menu-mobile__footer > div {
  position: relative;
  z-index: 1;
}
.menu-mobile__footer:after {
  content: "";
  background: #131314;
  position: absolute;
  left: -16px;
  top: 0;
  width: calc(100% + 32px);
  height: 100%;
}
.menu-mobile__footer .sm-list {
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: 0;
}
.menu-mobile__footerLinks a {
  color: #999EA8;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #2E2E32;
  display: flex;
}
.menu-mobile__footerLinks a img {
  margin-left: 8px;
}
.menu-mobile > div {
  width: 100%;
}

@media screen and (min-width: 1000px) {
  .menu-mobile {
    display: block !important;
    background: #fff;
    position: fixed;
    left: 0;
    width: 100%;
    top: -100% !important;
    z-index: 9;
    transition: all 0.6s;
  }
  .menu-mobile__categories {
    max-width: 1440px;
    margin: 0 auto;
  }
  .menu-mobile .categories-list {
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 15px;
    padding-top: 24px;
    gap: 16px;
  }
  .menu-mobile .single-category-box {
    width: 145px;
  }
  .menu-mobile .single-category-box img {
    height: 145px;
    object-fit: cover;
  }
  .menu-mobile a {
    padding: 0 !important;
  }
  .menu-mobile .single-category-box__title {
    font-weight: 400;
  }
  .menu-mobile .menu-mobile__links, .menu-mobile .menu-mobile__footer, .menu-mobile .menu-mobile__categoryName {
    display: none;
  }
}
.menu-mobile__footerSM ul li a {
  width: 36px;
  height: 36px;
  padding: 4px;
  display: flex;
}
.menu-mobile .footer-currency {
  width: 100%;
  float: none;
  border-color: #2E2E32;
}
.menu-mobile .footer-currency:after {
  content: url(images/icons/arrow-down-white.svg);
  position: absolute;
  right: 12px;
}
.menu-mobile .footer-currency span {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.menu-mobile .footer-currency span:after {
  content: "";
  margin-left: 0;
}

.site-header-ctn.toggled-menu .categories-list {
  gap: 16px;
  flex-direction: row;
}
.site-header-ctn.toggled-menu .categories-list .single-category-box {
  width: 108px;
}
.site-header-ctn.toggled-menu .categories-list .single-category-box img {
  float: left;
  height: 108px;
}
.site-header-ctn.toggled-menu .categories-list .single-category-box .single-category-box__title {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.site-header-ctn.toggled-menu #hamburger-dam:after, .site-header-ctn.toggled-menu #hamburger-dam:before {
  opacity: 0 !important;
}
.site-header-ctn.toggled-menu #hamburger-dam span {
  background: transparent !important;
}
.site-header-ctn.toggled-menu #hamburger-dam span:before {
  opacity: 1 !important;
}
.site-header-ctn.toggled-menu .menu-toggle-mobile {
  top: 11px;
  z-index: 999;
}
.site-header-ctn.toggled-menu .menu-toggle-mobile span {
  background: #000;
}
.site-header-ctn.toggled-menu .menu-mobile {
  z-index: 99;
  opacity: 1;
  visibility: visible;
}

/* rozwijane menu z kategoriami END */
body.home .site-header-ctn .site-header-dam #hamburger-dam {
  background: transparent;
}
body.home .site-header-ctn .site-header-dam #hamburger-dam:before {
  filter: brightness(0) invert(1);
}
.menu-open .site-header-ctn {
  background: #fff !important;
  border-bottom: 1px solid #F3F3F5;
}
.menu-open .woocommerce-buttons img, .menu-open .logo img {
  filter: brightness(1) invert(0) !important;
}

@media screen and (min-width: 1000px) {
  body .menu-mobile-show {
    top: 68px !important;
    margin-top: 0;
  }
}

body #page .site-header-ctn.menu-category-show-ctn .menu-products {
  top: 0% !important;
}
body #page .site-header-ctn.menu-category-show-ctn .menu-products:after {
  border-bottom: 1px solid #000;
  bottom: 11px;
  width: calc(100% - 20px);
  height: 1px;
  position: absolute;
  left: 13px;
  content: "";
}

@media screen and (min-width: 1000px) {
  body .ancr-top-spacer ~ #page .site-header-ctn .site-header-dam .menu-category-show .menu-mobile-show {
    top: 100px !important;
  }
}

.site-content {
  margin-top: 69px;
}

.site-header-ctn {
  border-bottom: 1px solid #F3F3F5;
  background: #fff;
  z-index: 999;
  width: 100%;
  position: fixed;
  transition: all 0.4s;
}
.site-header-ctn.scroll-menu, .site-header-ctn.open-submenu {
  background: #fff !important;
}
.site-header-ctn.scroll-menu img, .site-header-ctn.scroll-menu #hamburger-dam::before, .site-header-ctn.open-submenu img, .site-header-ctn.open-submenu #hamburger-dam::before {
  filter: unset !important;
}
.site-header-ctn.scroll-menu .main-navigation#site-navigation .menu-dsc .menu a, .site-header-ctn.open-submenu .main-navigation#site-navigation .menu-dsc .menu a {
  color: #000 !important;
}
.site-header-ctn.open-submenu {
  z-index: 9999 !important;
}

.site-header-ctn:hover, .menu-category-show-ctn {
  z-index: 999 !important;
  background: #fff !important;
}
.site-header-ctn:hover .main-navigation#site-navigation .menu-dsc .menu a, .menu-category-show-ctn .main-navigation#site-navigation .menu-dsc .menu a {
  color: #000 !important;
}
.site-header-ctn:hover .site-header-dam, .menu-category-show-ctn .site-header-dam {
  background: #fff;
}
.site-header-ctn:hover .site-header-dam img, .menu-category-show-ctn .site-header-dam img {
  filter: unset !important;
}

.home .site-content {
  margin-top: -69px;
}
.home .site-header-ctn {
  background: transparent;
  z-index: 5;
  width: 100vw;
  position: fixed;
  transition: all 0.4s;
  border-bottom-color: rgba(235, 236, 237, 0.08);
}
.home .site-header-ctn .site-header-dam .main-navigation#site-navigation .menu-dsc .menu a {
  color: #fff;
  transition: all 0.4s;
}
.home .site-header-ctn .logo img, .home .site-header-ctn .site-header-dam__right img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}
.home .site-header-ctn:hover .site-header-dam .main-navigation#site-navigation .menu-dsc .menu a {
  color: #000;
}
.home .site-header-ctn:hover .logo img, .home .site-header-ctn:hover .site-header-dam__right img {
  filter: brightness(1) invert(0);
}
/* obsluga wyjezdzania menu z produktami */
/* obsluga wyjezdzania menu z produktami END */
.ancr-container {
  justify-content: center;
}

/* zmiana waluty - gorny przelacznik */
body .top-change-currency {
  background: #131314;
  padding: 16px;
  color: #fff;
  z-index: 99999;
  position: fixed;
  width: 100%;
  bottom: 0;
}
body .top-change-currency form {
  margin: 0;
}
body .top-change-currency #change-currency-hide {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
body .top-change-currency__ctn {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
body .top-change-currency span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: -0.28px;
  font-weight: 400;
}
body .top-change-currency__text {
  font-weight: 600;
  margin-bottom: 7px;
}
body .top-change-currency__subtext {
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  font-weight: 400;
  color: #999EA8;
}
body .top-change-currency__select {
  display: flex;
  margin-top: 16px;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
}
body .top-change-currency__select > span {
  background: #fff;
  border-radius: 2px;
}
body .top-change-currency__select > span .selection .select2-selection .select2-selection__arrow b {
  margin-left: -30px;
}
body .top-change-currency__select > span .selection .select2-selection .select2-selection__arrow b:before {
  content: "" !important;
}
body .top-change-currency__select .btn {
  min-height: 40px;
  display: flex;
}
body .top-change-currency__select .select2 {
  width: calc(100% - 150px) !important;
}
@media screen and (max-width: 1000px) {
  body .top-change-currency__select .select2 {
    width: calc(100% - 120px) !important;
  }
}
body .top-change-currency__select .select2 .select2-selection {
  height: 40px !important;
  border-radius: 2px;
  padding-top: 11px !important;
}
body .top-change-currency .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: -4px !important;
}

/* zmiana waluty - gorny przelacznik END */
.back-to-cart {
  border: 1px solid #F3F3F5;
  border-radius: 2px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 24px;
  top: 16px;
  cursor: pointer;
  z-index: 2;
}

body .site-content.scroll-menu-start {
  margin-top: 68px;
}

@media screen and (max-width: 1000px) {
  #select-currency {
    max-width: calc(100% - 115px - 30px);
  }
}

.container {
  max-width: 1272px;
  width: 100%;
  padding: 0 12px;
  margin: 0 auto;
}
@media screen and (min-width: 1920px) {
  .container {
    max-width: 1600px;
  }
}
@media screen and (max-width: 1000px) {
  .container {
    padding: 0 16px;
  }
}
.container .row {
  margin-right: -12px;
  margin-left: -12px;
}
@media screen and (max-width: 1000px) {
  .container .row {
    margin-right: -16px;
    margin-left: -16px;
  }
}
.container .col-1, .container .col-2, .container .col-3, .container .col-4, .container .col-5, .container .col-6, .container .col-7, .container .col-8, .container .col-9, .container .col-10, .container .col-11, .container .col-12, .container .col, .container .col-auto, .container .col-sm-1, .container .col-sm-2, .container .col-sm-3, .container .col-sm-4, .container .col-sm-5, .container .col-sm-6, .container .col-sm-7, .container .col-sm-8, .container .col-sm-9, .container .col-sm-10, .container .col-sm-11, .container .col-sm-12, .container .col-sm, .container .col-sm-auto, .container .col-md-1, .container .col-md-2, .container .col-md-3, .container .col-md-4, .container .col-md-5, .container .col-md-6, .container .col-md-7, .container .col-md-8, .container .col-md-9, .container .col-md-10, .container .col-md-11, .container .col-md-12, .container .col-md, .container .col-md-auto, .container .col-lg-1, .container .col-lg-2, .container .col-lg-3, .container .col-lg-4, .container .col-lg-5, .container .col-lg-6, .container .col-lg-7, .container .col-lg-8, .container .col-lg-9, .container .col-lg-10, .container .col-lg-11, .container .col-lg-12, .container .col-lg, .container .col-lg-auto, .container .col-xl-1, .container .col-xl-2, .container .col-xl-3, .container .col-xl-4, .container .col-xl-5, .container .col-xl-6, .container .col-xl-7, .container .col-xl-8, .container .col-xl-9, .container .col-xl-10, .container .col-xl-11, .container .col-xl-12, .container .col-xl, .container .col-xl-auto {
  padding-right: 12px;
  padding-left: 12px;
}
@media screen and (max-width: 1000px) {
  .container .col-1, .container .col-2, .container .col-3, .container .col-4, .container .col-5, .container .col-6, .container .col-7, .container .col-8, .container .col-9, .container .col-10, .container .col-11, .container .col-12, .container .col, .container .col-auto, .container .col-sm-1, .container .col-sm-2, .container .col-sm-3, .container .col-sm-4, .container .col-sm-5, .container .col-sm-6, .container .col-sm-7, .container .col-sm-8, .container .col-sm-9, .container .col-sm-10, .container .col-sm-11, .container .col-sm-12, .container .col-sm, .container .col-sm-auto, .container .col-md-1, .container .col-md-2, .container .col-md-3, .container .col-md-4, .container .col-md-5, .container .col-md-6, .container .col-md-7, .container .col-md-8, .container .col-md-9, .container .col-md-10, .container .col-md-11, .container .col-md-12, .container .col-md, .container .col-md-auto, .container .col-lg-1, .container .col-lg-2, .container .col-lg-3, .container .col-lg-4, .container .col-lg-5, .container .col-lg-6, .container .col-lg-7, .container .col-lg-8, .container .col-lg-9, .container .col-lg-10, .container .col-lg-11, .container .col-lg-12, .container .col-lg, .container .col-lg-auto, .container .col-xl-1, .container .col-xl-2, .container .col-xl-3, .container .col-xl-4, .container .col-xl-5, .container .col-xl-6, .container .col-xl-7, .container .col-xl-8, .container .col-xl-9, .container .col-xl-10, .container .col-xl-11, .container .col-xl-12, .container .col-xl, .container .col-xl-auto {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.container--small {
  max-width: 1390px;
}
.container--mini {
  max-width: 824px;
}
.container--large {
  max-width: 1440px;
}
@media screen and (min-width: 1920px) {
  .container--large {
    max-width: 1600px;
  }
}
.container__fluid {
  max-width: 99999px;
  padding: 0;
}
.container__fluid .row {
  margin: 0;
}
.container__fluid .row > div {
  padding: 0;
}

.page-footer {
  background: #131314;
  padding-bottom: 32px;
  color: #fff;
}
@media (max-width: 991.98px) {
  .page-footer {
    padding-bottom: 18px;
  }
}
@media (max-width: 991.98px) {
  .page-footer .footer-currency-change .footer-currency {
    margin-top: 16px;
  }
}
.page-footer__logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px rgba(255, 255, 255, 0.08) solid;
  border-bottom: 1px rgba(255, 255, 255, 0.08) solid;
}
.page-footer__logos img {
  max-width: 48px;
  max-height: 36px;
}
@media (max-width: 991.98px) {
  .page-footer__logos img {
    max-height: 24px;
  }
}
.page-footer .footer-cols {
  padding-top: 64px;
  padding-bottom: 64px;
  border-bottom: 1px rgba(255, 255, 255, 0.08) solid;
  margin-bottom: 48px;
}
@media (max-width: 991.98px) {
  .page-footer .footer-cols {
    padding: 0;
    margin: 0;
    border: none;
  }
}
@media (max-width: 991.98px) {
  .page-footer__col {
    border-bottom: 1px rgba(255, 255, 255, 0.08) solid;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.page-footer__col > span {
  display: flex;
  justify-content: space-between;
  color: white;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 32px;
}
@media (max-width: 991.98px) {
  .page-footer__col > span {
    font-size: 14px;
    margin-bottom: 0;
    cursor: pointer;
  }
  .page-footer__col > span.menu-show:after {
    transform: rotate(180deg);
  }
}
@media (max-width: 991.98px) {
  .page-footer__col > span.footer-menu-collapse:after {
    transition: all 0.4s;
    content: url(images/icons/menu-collapse-down.svg);
  }
}
.page-footer__col .menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 991.98px) {
  .page-footer__col .menu {
    display: none;
    margin-top: 32px;
  }
}
.page-footer__col .menu li {
  margin-bottom: 16px;
}
.page-footer__col .menu li a {
  color: #999EA8;
  position: relative;
  font-size: 16px;
}
@media (max-width: 991.98px) {
  .page-footer__col .menu li a {
    font-size: 14px;
  }
}
.page-footer__col .menu li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #999EA8;
  bottom: -2px;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}
.page-footer__col .menu li a:hover:before {
  opacity: 1;
}
.page-footer__col .menu li.red a {
  font-weight: 600;
  color: #C6002F;
}
.page-footer__col .menu li.red a:before {
  background: #C6002F;
}
.page-footer__col .menu li.external a:after {
  content: url(images/icons/external-link.svg);
  margin-left: 10px;
}
.page-footer__col .sm-list {
  padding: 0;
  margin: 0;
}
.page-footer__col .sm-list a {
  border-color: rgba(255, 255, 255, 0.32);
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  transition: all 0.4s;
}
@media (max-width: 991.98px) {
  .page-footer__col .sm-list a {
    width: 36px;
    height: 36px;
  }
}
.page-footer__col .sm-list a:hover {
  border-color: #fff;
}
.page-footer__col .sm-list a img {
  max-width: 24px;
  height: auto;
}
.page-footer__links {
  color: #999EA8;
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
}
.page-footer__links a {
  color: #999EA8;
  font-size: 12px;
  margin-left: 24px;
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  .page-footer__links {
    justify-content: space-between;
    padding-top: 16px;
  }
  .page-footer__links a {
    margin-left: 0;
    margin-right: 24px;
    text-decoration: none;
  }
  .page-footer__links span {
    order: 9;
  }
}
.page-footer__extra-menu-el a {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}

.footer-currency-change .select2 {
  position: absolute;
  left: 12px;
  top: -5px;
  visibility: hidden;
}

.footer-currency {
  border: 1px rgba(255, 255, 255, 0.32) solid;
  padding: 10px 24px;
  margin-top: -10px;
  float: left;
  cursor: pointer;
  display: flex;
}
.footer-currency span {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  margin-right: 12px;
}
.footer-currency span:after {
  content: "|";
  color: #fff;
  margin-left: 12px;
}
.footer-currency span:last-of-type {
  border: none;
  padding: 0;
  margin: 0;
}
.footer-currency span:last-of-type:after {
  content: "";
}

.modal {
  display: none;
  overflow: auto;
  z-index: 998;
  max-width: 100% !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  padding: 0;
}
.modal.full-modal-open {
  z-index: 99999;
}
.modal.modal-sidebar-cart, .modal.modal-sidebar-account, .modal.modal-login {
  position: absolute;
}
.modal .row {
  max-width: 100%;
}
.modal .close {
  z-index: 9999999999;
  cursor: pointer;
  border-radius: 2px;
  border: 1px solid #2E2E32;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .close:after {
  content: url(images/icons/icon-close-black.svg);
}
.modal .modal-header {
  border-bottom: 1px solid #2E2E32;
  margin-bottom: 24px;
}
.modal .modal-header__ctn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0px;
}
.modal--transparent {
  background: transparent;
}

.modal-sidebar-account .modal-right-sidebar__header {
  position: relative;
}
.modal-sidebar-account .modal-right-sidebar__header:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: -24px;
  height: 1px;
  border-bottom: 1px solid #F3F3F5;
  width: calc(100% + 48px);
}

.modal-right-sidebar {
  background: #fff;
  width: 496px;
  bottom: 0;
  top: 0px;
  padding-top: 69px !important;
  right: -100%;
  left: auto;
  height: 100%;
  padding: 0px;
  position: absolute;
  transition: all 0.7s;
}
@media (max-width: 991.98px) {
  .modal-right-sidebar {
    width: 100%;
  }
}
.modal-right-sidebar__mainCtn {
  padding: 16px 24px;
  position: relative;
}
@media (min-width: 768px) {
  .modal-right-sidebar__mainCtn {
    position: fixed;
    width: 496px;
    top: auto !important;
  }
}
.modal-right-sidebar__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  align-items: center;
}
.modal-right-sidebar__header > div {
  display: flex;
  flex-direction: column;
}
.modal-right-sidebar__header--title {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
}
@media (max-width: 991.98px) {
  .modal-right-sidebar__header--title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
}
.modal-right-sidebar__header--subtitle {
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 8px;
}
.modal-right-sidebar.open {
  right: 0;
}
.modal-right-sidebar__ctn {
  overflow: auto;
  height: calc(100vH - 200px);
}
@media (max-width: 991.98px) {
  .modal-right-sidebar__ctn {
    height: auto;
    overflow: visible;
  }
}
.modal-right-sidebar__btns {
  position: absolute;
  bottom: 80px;
  width: calc(100% - 48px);
  display: flex;
  background: #fff;
  padding-top: 3px;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 991.98px) {
  .modal-right-sidebar__btns {
    position: relative;
    bottom: auto;
    width: 100%;
    margin-top: 24px;
  }
}
.modal-right-sidebar .free-shipping-products > div {
  max-height: calc(100vh - 565px);
  overflow: auto;
}
@media (max-width: 991.98px) {
  .modal-right-sidebar .free-shipping-products > div {
    width: calc(100% + 40px);
    max-height: unset;
  }
}

.modal-ov {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 29, 27, 0.9);
  z-index: -1;
}

.btn-modal-hide {
  border: 1px solid #DCDFE1;
  border-radius: 2px;
  padding: 11px;
  cursor: pointer;
  transition: all 0.4s;
}
.btn-modal-hide:hover {
  border-color: #000;
}

/* standardowy mały modal */
.modal-standard {
  z-index: 999;
  background: none;
  display: none;
  justify-content: center;
  align-items: center;
}
.modal-standard .modal-login-back {
  cursor: pointer;
  border: 1px solid #F3F3F5;
  border-radius: 2px;
  width: 35px;
  height: 35px;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .modal-standard .modal-login-back {
    display: flex;
  }
}
.modal-standard.open {
  display: flex;
}
.modal-standard__ctn {
  border-radius: 16px;
  background: #fff;
  max-width: 482px;
  width: 458px;
}
@media (max-width: 991.98px) {
  .modal-standard__ctn {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
.modal-standard__header {
  border-bottom: 1px solid #F3F3F5;
  display: flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
}
@media (max-width: 991.98px) {
  .modal-standard__header {
    justify-content: flex-start;
    gap: 12px;
  }
}
.modal-standard__header span {
  color: #000;
}
.modal-standard__contentMain {
  padding: 16px 24px;
}
.modal-standard__contentMain .btn {
  margin-top: 16px;
}
@media (max-width: 991.98px) {
  .modal-standard__contentMain .btn {
    width: 100vw;
    position: fixed;
    bottom: 0px;
    left: 0px;
  }
}
@media (max-width: 991.98px) {
  .modal-standard__headerTitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
}
.modal-standard .modal-standard-close {
  cursor: pointer;
  border: 1px solid #F3F3F5;
  border-radius: 2px;
  padding: 8px;
}
@media (max-width: 991.98px) {
  .modal-standard .modal-standard-close {
    display: none;
  }
}
.modal-standard__btns {
  display: flex;
  justify-content: flex-end;
}
.modal-standard .checkbox span {
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

/* modal 564px - dodawanie ocen */
.modal-standard-xl .modal-standard__ctn {
  max-width: 564px;
  width: 564px;
}
@media only screen and (max-width: 500px) {
  .modal-standard-xl .modal-standard__ctn {
    max-width: 100%;
    width: 100%;
  }
}

.modal-standard-612 .modal-standard__ctn {
  max-width: 612px;
  width: 612px;
}
@media only screen and (max-width: 500px) {
  .modal-standard-612 .modal-standard__ctn {
    max-width: 100%;
    width: 100%;
  }
}

/* modal dodania do koszyka */
.modal-sidebar-cart .woocommerce-cart-form .product-categories-list {
  margin-bottom: 20px;
}
.modal-sidebar-cart .row {
  margin: 0;
}
.modal-sidebar-cart .row > div {
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .modal-sidebar-cart .product-name__link {
    width: 350px !important;
  }
}
@media (max-width: 991.98px) {
  .modal-sidebar-cart .modal-right-sidebar.open {
    height: auto;
    top: auto;
    position: fixed;
    padding-top: 0 !important;
  }
  .modal-sidebar-cart .product-name {
    padding-left: 16px !important;
  }
  .modal-sidebar-cart .product-categories-list {
    margin-bottom: 11px !important;
  }
  .modal-sidebar-cart .col-md-5 {
    padding-right: 0;
  }
}
.modal-sidebar-cart .product-thumbnail {
  width: 82px !important;
  padding-right: 16px !important;
  min-width: 82px !important;
}
.modal-sidebar-cart .product-thumbnail img {
  width: 82px;
  min-width: 82px;
  height: 82px;
  object-fit: cover;
}
.modal-sidebar-cart .col-md-5 {
  margin: 0;
  flex: 0 0 100%;
  max-width: 100%;
}
.modal-sidebar-cart .modal-right-sidebar__header {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.modal-sidebar-cart .modal-right-sidebar__header:after {
  border-bottom: 1px solid #F3F3F5;
  content: "";
  position: absolute;
  bottom: 0;
  left: -24px;
  width: calc(100% + 48px);
}
@media (min-width: 768px) {
  .modal-sidebar-cart .modal-right-sidebar__btns {
    bottom: 0;
  }
}

/* modal dodania do koszyka END */
.products-list__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.products-list__header h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 32px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 768px) {
  .products-list__header h2 {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
}
.products-list__header span {
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.products-list__list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (max-width: 600px) {
  .products-list__list {
    gap: 12px;
  }
}
.products-list__list .single-product-box {
  max-width: 294px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 600px) {
  .products-list__list .single-product-box {
    max-width: calc(50% - 6px);
  }
  .products-list__list .single-product-box:nth-of-type(3) {
    max-width: calc(100% + 24px);
    width: calc(100% + 24px);
    margin-left: -12px;
    margin-right: -12px;
  }
  .products-list__list .single-product-box:nth-of-type(3) .single-product-box__content {
    padding-left: 12px;
    padding-right: 12px;
  }
  .products-list__list .single-product-box:nth-of-type(3) .single-product-box__content-top h3 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  .products-list__list .single-product-box:nth-of-type(3) bdi {
    font-size: 16px !important;
    line-height: 22px !important;
  }
}
.products-list__list .single-product-box img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1; /* Ustawia kwadratowy stosunek */
  object-fit: cover; /* Dopasowuje obraz do kontenera */
}

.product-list-ctn {
  padding-bottom: 64px;
}

@media only screen and (max-width: 768px) {
  .product-list-main-container {
    padding: 0 12px;
  }
  .product-list-main-container .row {
    margin-right: -12px;
    margin-left: -12px;
  }
  .product-list-main-container .row > div {
    padding-right: 12px;
    padding-left: 12px;
  }
}

.archive .black-section {
  background: #131314;
}
.archive .black-section .products-list__header h2 {
  color: #fff;
}
.archive .black-section .products-list__header span {
  color: #999EA8;
}
.archive .black-section-multi {
  position: relative;
}
.archive .black-section-multi:before {
  content: "";
  background: #131314;
  position: absolute;
  top: 0;
  left: -50%;
  width: 99999px;
  height: 100%;
  z-index: -1;
  width: 99999px;
  height: 100%;
}

/* lista produktów w danej kategorii */
.post-type-archive, .tax-product_cat {
  /* na podstroie kategorii ukrywam kategorie */
}
.post-type-archive .product-categories-list, .tax-product_cat .product-categories-list {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .post-type-archive .single-product-box__content-top h3, .tax-product_cat .single-product-box__content-top h3 {
    font-size: 14px !important;
    line-height: 16px !important;
  }
}
.post-type-archive bdi, .tax-product_cat bdi {
  font-size: 14px !important;
  line-height: 18px !important;
}

/* wyjatek, reviews na licie maja byc mniejsze */
.archive .product-rate-average, .archive .product-rate-count {
  font-size: 12px !important;
}
.archive .products-list {
  margin-bottom: 24px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  .archive .products-list {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
}

.mp-top-slider {
  width: 100%;
  height: 100%;
  max-height: 704px;
}
@media only screen and (min-width: 1921px) {
  .mp-top-slider {
    max-height: 808px;
  }
}
@media only screen and (min-width: 2560px) {
  .mp-top-slider {
    max-height: 908px;
  }
}
@media only screen and (min-width: 3840px) {
  .mp-top-slider {
    max-height: 1208px;
  }
}
.mp-top-slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .mp-top-slider .swiper-slide {
    min-height: 520px;
  }
}
.mp-top-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mp-top-slider__ctn {
  height: 100%;
  position: relative;
  width: 100%;
}
.mp-top-slider__ctn:before {
  content: "";
  position: absolute;
  height: 33%;
  width: 100%;
  opacity: 0.4;
  background: linear-gradient(180deg, rgba(25, 25, 28, 0) 0%, #19191C 100%);
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 1000px) {
  .mp-top-slider__ctn:before {
    height: 50%;
    opacity: 1;
  }
}
.mp-top-slider__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  z-index: 9;
  width: calc(100% - 0px);
  left: 50%;
  transform: translateX(-50%);
  text-align: left;
  top: 0;
  color: #fff;
  height: 100%;
  max-width: 1224px;
}
@media screen and (min-width: 978px) and (max-width: 1250px) {
  .mp-top-slider__text {
    padding-left: 30px;
  }
}
.mp-top-slider__text h1, .mp-top-slider__text h2 {
  margin-bottom: 24px;
  font-size: 64px;
  line-height: 76px;
  letter-spacing: 0.64px;
  font-family: "RoslindaleCondensed", sans-serif;
}
@media screen and (max-width: 1000px) {
  .mp-top-slider__text h1, .mp-top-slider__text h2 {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: normal;
    margin-bottom: 16px;
  }
}
.mp-top-slider__text h1, .mp-top-slider__text h2, .mp-top-slider__text h3, .mp-top-slider__text h4, .mp-top-slider__text p {
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .mp-top-slider__text {
    padding-left: 16px;
    padding-right: 16px;
    align-items: center;
    height: calc(100% - 42px);
    width: calc(100% - 32px);
    text-align: center;
    justify-content: flex-end;
  }
}

.mp-section {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media only screen and (max-width: 768px) {
  .mp-section {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.mp-section .categories-list {
  margin-top: 32px;
}
@media only screen and (min-width: 978px) {
  .mp-section .categories-list .single-category-box {
    width: calc(16.667% - 24px);
  }
}
.mp-section .categories-list img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .mp-section .categories-list img {
    width: auto;
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .mp-section .categories-list {
    margin-top: 24px;
  }
}
.mp-section__products_top {
  padding-bottom: 96px;
}
@media only screen and (max-width: 768px) {
  .mp-section__products_top {
    padding-bottom: 48px;
  }
}
.mp-section__categories {
  padding-bottom: 56px;
}
@media only screen and (max-width: 768px) {
  .mp-section__categories {
    padding-bottom: 24px;
  }
}
.mp-section__recommended {
  padding-bottom: 64px;
}
@media only screen and (max-width: 768px) {
  .mp-section__recommended {
    padding-bottom: 24px;
  }
  .mp-section__recommended .products-slider .swiper {
    margin-top: 16px;
  }
}

/* kursy */
.mp-courses {
  background: #131314;
  color: #fff;
  padding-top: 0;
  padding-bottom: 96px;
}
@media only screen and (max-width: 768px) {
  .mp-courses {
    padding-bottom: 24px;
  }
}
.mp-courses.mp-section-bg {
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top right;
}
@media only screen and (max-width: 768px) {
  .mp-courses.mp-section-bg {
    background-image: unset !important;
  }
}
.mp-courses h2 {
  color: white;
  font-size: 88px;
  font-weight: 500;
  line-height: 104px;
  margin-bottom: 16px;
  letter-spacing: 0.88px;
  font-family: "RoslindaleCondensed", sans-serif;
}
@media only screen and (max-width: 768px) {
  .mp-courses h2 br {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .mp-courses h2 {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: normal;
    margin-bottom: 12px;
  }
}
.mp-courses__link {
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  .mp-courses__link {
    margin-top: 50px;
  }
}
.mp-courses__link .btn {
  width: 100%;
}
.mp-courses__bg {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100%;
}
@media only screen and (max-width: 768px) {
  .mp-courses__bg {
    margin-left: -16px;
    width: calc(100% + 32px);
  }
}
.mp-courses__ctn {
  padding-top: 238px;
  padding-bottom: 0px;
}
@media only screen and (min-width: 2560px) {
  .mp-courses__ctn {
    padding-top: 346px;
  }
}
@media only screen and (min-width: 3840px) {
  .mp-courses__ctn {
    padding-top: 569px;
  }
}
@media only screen and (max-width: 768px) {
  .mp-courses__ctn {
    padding-bottom: 0;
  }
}
.mp-courses__ctn p {
  color: #999EA8;
  font-size: 18px;
  margin-top: 18px;
  margin-bottom: 0;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .mp-courses__ctn p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
    margin-top: 12px;
    margin-bottom: 8px !important;
  }
}
.mp-courses__stats {
  color: white;
  display: flex;
  gap: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.mp-courses__stats > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .mp-courses__stats {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .mp-courses__stats > div {
    background: #000;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.06px;
    padding-right: 8px;
  }
}
.mp-courses__stats span {
  flex-direction: row;
  gap: 8px;
  display: flex;
  align-content: center;
  justify-content: center;
  background: #0C7A5B;
  border-radius: 2px 0 0 2px;
  padding: 6px 8px;
  color: white;
  margin-right: 8px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 18.38px;
}
@media only screen and (max-width: 768px) {
  .mp-courses__stats span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.05em;
  }
}

.mp-section-bg-1-img {
  float: right;
  position: absolute;
  right: 0;
  height: 564px;
}
@media only screen and (min-width: 2560px) {
  .mp-section-bg-1-img {
    height: 664px;
  }
}
@media only screen and (min-width: 3840px) {
  .mp-section-bg-1-img {
    height: 864px;
  }
}
.mp-section-bg-1-img img {
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .mp-section-bg-1-img img {
    object-fit: cover;
  }
}
.mp-section-bg-1-img:after, .mp-section-bg-1-img:before {
  position: absolute;
  content: "";
}
.mp-section-bg-1-img:after {
  background: linear-gradient(90deg, #131314 0%, rgba(19, 19, 20, 0) 100%);
  height: 100%;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .mp-section-bg-1-img:after {
    width: 273px;
  }
}
@media only screen and (min-width: 2560px) {
  .mp-section-bg-1-img:after {
    width: 768px;
  }
}
@media only screen and (max-width: 786px) {
  .mp-section-bg-1-img:after {
    width: 135px;
  }
}
.mp-section-bg-1-img:before {
  background: linear-gradient(180deg, rgba(19, 19, 20, 0) 0%, #131314 100%);
  width: 100%;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .mp-section-bg-1-img:before {
    width: 30%;
  }
}
@media only screen and (max-width: 786px) {
  .mp-section-bg-1-img:before {
    height: 70%;
  }
}

/* inne promowane */
.mp-promo-other {
  background: #FAF7F5;
  padding-top: 0;
  padding-bottom: 96px;
}
@media only screen and (max-width: 768px) {
  .mp-promo-other {
    padding-bottom: 24px;
    position: relative;
    z-index: 999;
  }
}
.mp-promo-other__bg {
  background: url(images/artistry-in-every-day-heading.webp) no-repeat top 45px right;
}
@media only screen and (max-width: 768px) {
  .mp-promo-other__bg {
    background-size: 100%;
    margin-left: -16px;
    width: calc(100% + 32px);
  }
}
.mp-promo-other__ctn {
  padding-top: 260px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  .mp-promo-other__ctn {
    padding-bottom: 0px;
    padding-top: 300px;
  }
}
.mp-promo-other__ctn h2 {
  font-size: 88px;
  font-weight: 500;
  line-height: 104px;
  letter-spacing: 0.88px;
  margin-bottom: 16px;
  font-family: "RoslindaleCondensed", sans-serif;
}
@media only screen and (max-width: 768px) {
  .mp-promo-other__ctn h2 {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: normal;
    margin-bottom: 12px;
  }
}
.mp-promo-other__ctn p {
  color: #6E727E;
  max-width: 718px;
}
@media only screen and (max-width: 768px) {
  .mp-promo-other__ctn p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
    margin-bottom: 8px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mp-promo-other .mp-courses__link {
    margin-top: 50px;
  }
}

.mp-top-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-line .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
  margin-right: 20px;
}
.mp-top-slider .swiper-pagination, .swiper-pagination-line .swiper-pagination {
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
}
@media screen and (max-width: 1000px) {
  .mp-top-slider .swiper-pagination, .swiper-pagination-line .swiper-pagination {
    bottom: 12px;
  }
}
.mp-top-slider .swiper-pagination-bullet, .swiper-pagination-line .swiper-pagination-bullet {
  position: relative;
  width: 31px;
  height: auto;
  text-align: left;
  border-radius: 0;
  opacity: 1;
  margin-right: 8px;
  background-color: transparent;
}
.mp-top-slider .swiper-pagination-bullet i, .swiper-pagination-line .swiper-pagination-bullet i {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.32);
}
.mp-top-slider .swiper-pagination-bullet b, .swiper-pagination-line .swiper-pagination-bullet b {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 0%;
  height: 2px;
  background-color: rgb(255, 255, 255);
}
.mp-top-slider .swiper-pagination-bullet-active, .swiper-pagination-line .swiper-pagination-bullet-active {
  background-color: transparent;
}
.mp-top-slider .swiper-pagination-bullet-active b, .swiper-pagination-line .swiper-pagination-bullet-active b {
  animation-name: countingBar;
  animation-duration: 5s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
@keyframes countingBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

/* darmowy kurs */
.mp-free-course-ctn {
  position: relative;
  padding: 0;
  color: #fff;
  background: #131314;
  background-repeat: no-repeat;
  background-position: top right;
}
@media only screen and (min-width: 1921px) {
  .mp-free-course-ctn {
    background-size: 100%;
  }
}
@media only screen and (min-width: 2560px) {
  .mp-free-course-ctn {
    background-size: contain;
  }
}
.mp-free-course-ctn .container {
  position: relative;
}
.mp-free-course-ctn .container:before {
  position: absolute;
  background: #131314;
  top: 0;
  width: 50%;
  height: 100%;
  content: "";
  left: -50%;
  z-index: 0;
}
@media only screen and (min-width: 2560px) {
  .mp-free-course-ctn .container:before {
    width: 999999px;
    right: 100%;
    left: auto;
  }
}
.mp-free-course-ctn .btn {
  margin-top: 32px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .mp-free-course-ctn .btn {
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-top: 24px;
  }
}
.mp-free-course-ctn .mp-free-course {
  background-position: -30% 0%;
  background-repeat: no-repeat;
  padding-top: 160px;
  padding-bottom: 64px;
  /* dolny gradient */
  /* gradient po lewej */
  /* czarny pasek po lewej */
}
@media only screen and (min-width: 1921px) {
  .mp-free-course-ctn .mp-free-course {
    padding-top: 360px;
  }
}
@media only screen and (min-width: 3840px) {
  .mp-free-course-ctn .mp-free-course {
    padding-top: 560px;
  }
}
.mp-free-course-ctn .mp-free-course .mp-free-course-in {
  max-width: 1248px;
  margin: 0 auto;
}
@media only screen and (min-width: 1921px) {
  .mp-free-course-ctn .mp-free-course .mp-free-course-in {
    max-width: 1600px;
  }
}
@media only screen and (max-width: 768px) {
  .mp-free-course-ctn .mp-free-course {
    margin-left: -16px;
    width: calc(100% + 32px);
    background-position: center;
    padding-bottom: 24px;
    padding-top: 208px;
  }
}
.mp-free-course-ctn .mp-free-course__title {
  position: relative;
  z-index: 3;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .mp-free-course-ctn .mp-free-course__title {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.mp-free-course-ctn .mp-free-course__title h2 {
  color: black;
  font-size: 88px;
  font-family: "RoslindaleCondensed", sans-serif;
  font-weight: 500;
  line-height: 104px;
  letter-spacing: 0.88px;
  color: #fff;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .mp-free-course-ctn .mp-free-course__title h2 {
    font-size: 56px;
    line-height: 60px;
    color: #fff;
  }
}
.mp-free-course-ctn .mp-free-course__course {
  position: relative;
  z-index: 3;
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 768px) {
  .mp-free-course-ctn .mp-free-course__course {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.mp-free-course-ctn .mp-free-course__course--img {
  width: 80px;
  height: 80px;
}
.mp-free-course-ctn .mp-free-course__course--text h4 {
  margin-top: 17px;
  margin-bottom: 5px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .mp-free-course-ctn .mp-free-course__course--text h4 {
    margin-top: 0px;
  }
}
.mp-free-course-ctn .mp-free-course__course--text h4 a, .mp-free-course-ctn .mp-free-course__course--text h4 a:visited {
  color: #fff;
}
.mp-free-course-ctn .mp-free-course__course .product-rate-average {
  color: #fff;
}
.mp-free-course-ctn .mp-free-course__bottom {
  background: linear-gradient(180deg, rgba(19, 19, 20, 0) 0%, #131314 100%);
  position: absolute;
  bottom: 0;
  height: 216px;
  width: 100%;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .mp-free-course-ctn .mp-free-course__bottom {
    height: 85%;
    background: linear-gradient(180deg, rgba(19, 19, 20, 0) 0%, #000 100%);
  }
}
@media only screen and (min-width: 768px) {
  .mp-free-course-ctn .mp-free-course:before {
    content: "";
    background: linear-gradient(90deg, #131314 0%, rgba(19, 19, 20, 0) 100%);
    position: absolute;
    width: 30%;
    height: 100%;
    left: 20%;
    top: 0;
    z-index: 1;
  }
}
@media only screen and (min-width: 2560px) {
  .mp-free-course-ctn .mp-free-course:before {
    width: 63%;
    background: linear-gradient(90deg, #131314 13%, rgba(19, 19, 20, 0) 100%);
  }
}
@media only screen and (min-width: 768px) {
  .mp-free-course-ctn .mp-free-course:after {
    width: 20%;
    background: #131314;
    height: 100%;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    z-index: 0;
  }
}

/* darmowy kurs END */
@media only screen and (max-width: 768px) {
  .product-template-default .quantity {
    display: none !important;
  }
  .product-template-default .single_add_to_cart_button {
    position: fixed;
    bottom: 0;
    z-index: 997;
    left: 0;
    width: 100% !important;
    margin: 0;
    opacity: 1 !important;
  }
}
.cart-course .quantity {
  display: none !important;
}

.product_title {
  color: #19191C;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .product_title {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 12px;
  }
}

.woocs_price_code {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .product-priceRate {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: baseline;
  }
  .product-priceRate > div {
    margin-top: 0;
    margin-bottom: 16px;
  }
  .product-priceRate .iworks-omnibus {
    width: 100%;
    order: 99;
  }
}

.product-type-simple .cart {
  display: flex;
  margin-bottom: 32px;
  margin-top: 32px;
}
@media only screen and (max-width: 768px) {
  .product-type-simple .cart {
    margin-top: 24px;
  }
}
.product-type-simple .cart .quantity {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .product-type-simple .cart {
    margin-bottom: 0px;
  }
}

.product-right {
  display: flex;
  flex-direction: column;
  margin-top: 0px;
  transition: all 0.4s;
}
@media only screen and (min-width: 768px) {
  .product-right {
    margin-left: 40px;
  }
}
.product-right .cwg_popup_submit {
  margin-top: 24px;
  order: 9;
}
.product-right .outofstock-info {
  border-top: 1px solid #F3F3F5;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 24px;
}
.product-right .outofstock-info h3 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin-top: 0;
  margin-bottom: 8px;
}
.product-right .woocommerce-product-rating {
  display: none;
}
.product-right .stock {
  display: none;
}
.product-right .price {
  display: flex;
  margin-bottom: 8px;
}
@media only screen and (max-width: 768px) {
  .product-right .price {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
  }
}
.product-right .price bdi {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.18px;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .product-right .price bdi {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-right .price del {
  color: #6E727E;
}
.product-right .price del bdi {
  font-weight: 400;
  color: #6E727E;
}
@media only screen and (max-width: 768px) {
  .product-right .price del bdi {
    font-size: 16px;
    line-height: 20px;
  }
}
.product-right .price del ~ ins bdi {
  color: #DA1934;
  font-weight: 600;
}
.product-right .price ins {
  order: -1;
  margin-right: 8px;
}
.product-right__infos {
  border-top: 1px solid #F3F3F5;
  padding-top: 24px;
}
.product-right__infos li {
  display: flex;
  gap: 0px;
  margin-bottom: 20px;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #19191C;
}
@media only screen and (max-width: 768px) {
  .product-right__infos li {
    font-size: 14px;
  }
}
.product-right__infos li img {
  margin-right: 12px;
}
.product-right__infos li .amount {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .scroll-menu-show .product-right {
    margin-top: 80px !important;
  }
}
.iworks-omnibus {
  margin-bottom: 9px !important;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.28px;
  color: #6E727E;
}
@media only screen and (max-width: 768px) {
  .iworks-omnibus {
    margin-bottom: 24px;
    margin-top: -8px;
  }
}

.iworks-omnibus + p {
  margin: 0;
}

#content .quantity {
  margin-right: 20px !important;
  /* Firefox */
}
#content .quantity .qty, #content .quantity .minus, #content .quantity .plus {
  float: left;
  background-color: transparent;
  height: 48px;
  width: 48px;
}
#content .quantity .qty:hover, #content .quantity .minus:hover, #content .quantity .plus:hover {
  background: inherit;
}
#content .quantity .qty {
  border: 1px solid #DCDFE1;
  box-shadow: none;
  width: 48px;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  text-align: center;
}
#content .quantity .minus {
  border: 1px solid #DCDFE1;
  border-right: none;
  border-radius: 2px 0 0 2px;
  color: #000;
  padding: 0 10px;
  text-indent: -999999px;
  background: url(images/minus-black.svg) no-repeat center transparent;
  padding-left: 33px;
}
#content .quantity .minus:hover {
  background: url(images/minus-black.svg) no-repeat center transparent;
}
#content .quantity .minus.quantity-disabled {
  background-image: url(images/minus-gray.svg);
}
#content .quantity .plus {
  border: 1px solid #DCDFE1;
  border-left: none;
  border-radius: 0px 2px 2px 0px;
  color: #000;
  padding: 0 10px;
  text-indent: -999999px;
  background: url(images/icons/plus.svg) no-repeat center transparent;
  padding-right: 33px;
}
#content .quantity .plus:hover {
  background: url(images/icons/plus.svg) no-repeat center transparent;
}
#content .quantity .plus.quantity-disabled {
  background-image: url(images/add-gray.svg);
}
#content .quantity input::-webkit-outer-spin-button,
#content .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#content .quantity input[type=number] {
  -moz-appearance: textfield;
  border-radius: 0;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* fix dla prawej strony sticky jak mamy announcer */
body.ancr-isset .is-affixed .sidebar__inner {
  margin-top: 30px;
}

/* fix dla prawej strony sticky jak mamy announcer END */
.single-product .outofstock .product-rate-star-ctn {
  margin-bottom: 0;
}
.single-product #primary, .single-product .site-main {
  margin: 0;
}
.single-product .product {
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  .single-product .product {
    margin-top: 0px;
  }
}
.single-product .cart .quantity {
  margin-right: 24px;
  float: left;
}
.single-product .cart .single_add_to_cart_button {
  background: #C6002F;
  border-color: #C6002F;
  border-radius: 2px;
  width: calc(100% - 165px);
  transition: all 0.4s;
}
.single-product .cart .single_add_to_cart_button:hover {
  background-color: #9D0126;
  border-color: #9D0126;
}
.single-product .cart .single_add_to_cart_button > span {
  display: inline-block;
  margin-left: 4px;
}
.single-product .cart .single_add_to_cart_button.disabled {
  color: #C5CCCF;
  opacity: 1;
  background-color: #EBEEEF;
  border-color: #EBEEEF;
}

@media (min-width: 768px) {
  .product-left-gallery {
    max-height: 670px;
    overflow: hidden;
  }
  .product-left-gallery .swiper {
    width: 100%;
    height: 624px;
  }
}
@media (max-width: 991.98px) {
  .product-left-gallery {
    display: none;
  }
}

#thumb-last, #thumb-first {
  position: absolute;
  width: 82px;
  height: 82px;
  bottom: 0;
  z-index: 9;
}

#thumb-first {
  bottom: auto;
  top: 0;
}

.product-right-gallery {
  display: flex;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .product-right-gallery {
    margin-left: -16px;
    width: calc(100% + 32px);
    margin-bottom: 16px;
  }
}
.product-right-gallery .gallery-top {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .product-right-gallery .gallery-top img {
    max-width: 640px;
    width: 100%;
    height: 624px;
    object-fit: cover;
  }
}
@media only screen and (max-width: 768px) {
  .product-right-gallery .gallery-top img {
    max-height: 390px;
    aspect-ratio: 1/1;
    object-fit: cover;
  }
}
.product-right-gallery .swiper-pagination-line {
  bottom: 12px;
  width: 100%;
}
@media (min-width: 768px) {
  .product-right-gallery .swiper-pagination-line {
    display: none;
    bottom: 7px;
  }
}
.product-right-gallery .swiper-pagination-line .swiper-pagination-bullet i {
  background-color: rgba(19, 19, 20, 0.16);
}
.product-right-gallery .swiper-pagination-line .swiper-pagination-bullet b {
  background-color: #131314;
}
.product-right-gallery .swiper-pagination-line .swiper-pagination-bullet-active b {
  animation: unset;
  width: 100%;
}

.product-page {
  /* miniatiury kiedy jest nawigacja, czyli jest wiecej niz 6 zdjec */
  /*    &__gallery{
          position: relative;

          height: 624px;//potrzebne dla sticku prawej strony
          overflow: hidden;
          .flex-control-thumbs{            
              min-width: 82px;
              list-style: none;
              order: -1;
              margin: 0;
              padding: 0;
              li{
                  margin-bottom: 12px;
              }
              img{
                  width: 82px;

              }
          }
          .woocommerce-product-gallery{
              display: flex;
              flex-direction: row;
              gap: 12px;
          }
          .flex-viewport{
              width: calc(100% - 90px);
          }
      }*/
}
@media only screen and (max-width: 768px) {
  .product-page .main-content > .col-md-5 {
    order: -1;
  }
}
@media only screen and (min-width: 768px) {
  .product-page__ctnSectionHeaderHideDsc {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .product-page__ctnSectionHeaderHideDsc {
    padding-bottom: 0px;
  }
}
.product-page__gallery {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  position: relative;
  align-items: flex-start;
}
.product-page__gallery .product-left-gallery {
  min-width: 84px;
  width: 84px !important;
}
.product-page__gallery .gallery-thumbs .swiper-slide {
  border: 1px solid transparent;
  border-radius: 2px;
}
.product-page__gallery .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  border-color: #000;
}
.product-page__gallery .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .gallery-thumbs__item:after {
  background: rgba(255, 255, 255, 0) !important;
}
.product-page__gallery .gallery-thumbs__item {
  transition: all 0.4s;
}
.product-page__gallery .gallery-thumbs__item:after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  width: 100%;
  height: 100%;
  transition: all 0.4s;
  left: 0;
  top: 0;
}
.product-page__gallery .gallery-thumbs__item:hover:after {
  background: rgba(255, 255, 255, 0);
}
.product-page__gallery .gallery-thumbs img {
  float: left;
  width: 82px;
  height: 82px;
  object-fit: cover;
  border-radius: 2px;
}
.product-page__gallery .gallery-thumbs .swiper-wrapper {
  display: flex;
  flex-direction: column;
}
.product-page__gallery .gallery-thumbs .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 82px;
  height: 82px !important;
  margin-bottom: 7px !important;
}
.product-page__gallery .product-right-gallery, .product-page__gallery .product-left-gallery {
  width: 100%;
}
.product-page .swiper-button-next {
  color: #000;
  transform: rotate(90deg);
  top: auto;
  bottom: -4px;
  left: 30px;
  font-size: 25px;
}
.product-page .swiper-button-next:after {
  font-size: 33px;
}
.product-page .swiper-button-prev {
  color: #000;
  transform: rotate(90deg);
  top: auto;
  top: 8px;
  left: 30px;
  font-size: 25px;
}
.product-page .swiper-button-prev:after {
  font-size: 33px;
}
.product-page .nav-isset {
  margin-top: 35px;
}
.product-page .discount-percentage {
  left: 16px;
  z-index: 2;
  font-size: 12px;
  line-height: 16px;
}
@media only screen and (max-width: 768px) {
  .product-page .discount-percentage {
    left: 12px;
    top: 12px;
  }
}
.product-page__ctn {
  margin-top: 64px;
}
@media only screen and (max-width: 768px) {
  .product-page__ctn {
    margin-top: 4px;
  }
}
.product-page__ctnSection {
  border-top: 1px solid #F3F3F5;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #6E727E;
  font-size: 16px;
  line-height: 20px;
}
.product-page__ctnSection h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  margin-bottom: 20px;
  margin-top: 0;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .product-page__ctnSection h2 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: unset;
  }
}
@media (max-width: 991.98px) {
  .product-page__ctnSection h2:after {
    transition: all 0.4s;
    content: url(images/icons/arrow-down-black.svg);
  }
}
@media only screen and (max-width: 768px) {
  .product-page__ctnSection h2.section-show {
    margin-bottom: 8px;
  }
}
.product-page__ctnSection h2.section-show:after {
  transform: rotate(180deg);
}
.product-page__ctnSection p, .product-page__ctnSection a, .product-page__ctnSection ul:not(.product-rate-stars) {
  color: #6E727E;
  font-size: 16px;
  line-height: 20px;
}
@media only screen and (max-width: 768px) {
  .product-page__ctnSection p, .product-page__ctnSection a, .product-page__ctnSection ul:not(.product-rate-stars) {
    font-size: 14px;
    line-height: 18px;
  }
}
.product-page__ctnSectionText h2, .product-page__ctnSectionText h3, .product-page__ctnSectionText h4, .product-page__ctnSectionText h5, .product-page__ctnSectionText h6 {
  margin-top: 32px;
}
.product-page__ctnSectionText ul:not(.product-rate-stars, .course-skills) {
  margin-top: 15px;
  margin-left: 30px;
}
.product-page__ctnSectionText ul:not(.product-rate-stars, .course-skills) li {
  margin-bottom: 7px;
}
.product-page__ctnSectionText a {
  color: #C6002F;
  font-size: 16px;
}
@media (max-width: 991.98px) {
  .product-page__ctnSectionText:not(.no-collapse) {
    display: none;
  }
}
.product-page__ctnSectionText .course-skills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.product-page__ctnSectionText .course-skills li {
  padding: 12px 20px;
  border: 1px solid #2E2E32;
  background: rgba(255, 255, 255, 0.04);
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #999EA8;
}
.product-page__ctnSectionText .course-skills li:after {
  content: none;
}
@media (min-width: 768px) {
  .product-page__ctnSectionHideDsc {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  .product-page__ctnSectionHideDsc {
    border-bottom: 1px solid #F3F3F5;
  }
}

/* oceny */
.rate-prograss-bars {
  margin-bottom: 8px;
}

.rate-prograss-bar {
  margin-bottom: 8px;
  display: flex;
}
.rate-prograss-bar__star {
  border-radius: 2px;
  border: 1px #DCDFE1 solid;
  margin-right: 16px;
  border-radius: 2px;
  min-width: 56px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rate-prograss-bar__star.modal-star-show {
  cursor: pointer;
}
.rate-prograss-bar__star.active {
  background: #131314;
  color: #fff;
}
.rate-prograss-bar__star img {
  margin-left: 4px;
}
.rate-prograss-bar__bar {
  min-width: 599px;
  height: 16px;
  background: #C5CCCF;
  display: inline-block;
  margin-right: 12px;
  float: left;
  border-radius: 2px;
  position: relative;
  margin-top: 7px;
}
@media only screen and (max-width: 1300px) {
  .rate-prograss-bar__bar {
    width: 260px;
  }
}
@media only screen and (max-width: 500px) {
  .rate-prograss-bar__bar {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 450px) {
  .rate-prograss-bar__bar {
    min-width: auto;
    width: 100%;
  }
}
.rate-prograss-bar__bar span {
  position: absolute;
  height: 100%;
  max-width: 100%;
  background: #C6002F;
  border-radius: 2px;
  left: 0;
}
.rate-prograss-bar__percent {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.32px;
  margin-top: 4px;
  text-align: right;
  min-width: 40px;
}
.rate-prograss-bar .star-rating::before, .rate-prograss-bar .star-rating span::before {
  font-size: 12px;
  letter-spacing: 5px;
}
.rate-prograss-bar .star-rating {
  float: left;
  width: 87px;
  margin-right: 10px;
}
.rate-prograss-bar .star-rating__disabled:before, .rate-prograss-bar .star-rating__disabled span::before {
  color: #afafb2;
}

.product-rate__noReview {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  margin-top: -11px;
}
.product-rate__count {
  display: flex;
  align-items: center;
  border-top: 1px solid #F3F3F5;
  padding-top: 16px;
  margin-bottom: 36px;
}
@media only screen and (max-width: 768px) {
  .product-rate__count {
    border: none;
  }
}
.product-rate__count .product-rate-star-ctn {
  margin-top: 0;
}
.product-rate__count > span {
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  display: inline-block;
  margin-right: 5px;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
}
@media only screen and (max-width: 768px) {
  .product-rate__count > span {
    letter-spacing: unset;
    font-size: 16px;
    line-height: 20px;
  }
}
/* oceny END */
/* komentarze */
.product-comments {
  margin-top: 24px;
}
.product-comments__btns {
  display: flex;
  gap: 16px;
}
.product-comments__btns .btn {
  width: 100%;
}
.product-comments__images {
  margin-top: 16px;
  display: flex;
  gap: 16px;
}
.product-comments__images img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}
.product-comments__row {
  border-bottom: 1px solid #F3F3F5;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.product-comments__author {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
  line-height: 20px;
  letter-spacing: -0.32px;
}
.product-comments__date {
  font-size: 14px;
  color: #6E727E;
  line-height: 16px;
  letter-spacing: -0.28px;
}
.product-comments__text {
  font-size: 16px;
  color: #6E727E;
  line-height: 20px;
  letter-spacing: -0.32px;
}
.product-comments .product-rate-star-ctn {
  margin-top: 0;
  margin-bottom: 4px;
}

.product_rate_modal {
  overflow: auto;
  z-index: 999;
  background: rgba(0, 0, 0, 0.64);
  /*    max-width: 1036px !important;
      max-height: 762px;
      margin:  0 auto;*/
  /*    &:after{
          background: rgba(255,255,255,1);
          position: absolute;
          content: "";
          width:100%;
          height:100%;
          left:0;
          top: 0;
      }*/
}
.product_rate_modal .product_rate_modal_ctn {
  background: #fff;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 0px;
  max-height: 700px;
  margin-top: 5%;
  overflow: auto;
}
@media only screen and (max-width: 768px) {
  .product_rate_modal .product_rate_modal_ctn {
    margin-top: 0%;
    max-height: 9999px;
    height: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .product_rate_modal .row {
    margin: 0;
  }
  .product_rate_modal .row > div {
    padding-left: 0;
    padding-right: 0;
  }
}
.product_rate_modal .product-rate__count {
  border: none;
  padding: 0;
  margin: 0;
}
.product_rate_modal .rate-prograss-bar__bar {
  width: calc(100% - 100px);
  min-width: unset;
}
.product_rate_modal .rate-prograss-bar__bar span {
  left: 0;
}
.product_rate_modal .rate-prograss-bars {
  position: sticky;
  top: 25px;
}
.product_rate_modal .product-comments .product-rate-star-ctn {
  margin-bottom: 5px;
}
.product_rate_modal__dark {
  background-color: #131314;
}
.product_rate_modal__dark .product-rate__count {
  color: #fff;
}
.product_rate_modal__dark .product-rate__count > span {
  color: #fff;
}
.product_rate_modal__dark .product-rate-average, .product_rate_modal__dark .product-comments__author {
  color: #fff;
}
.product_rate_modal__dark .close:after {
  content: url(images/icons/icon-close-white.svg);
  width: 20px;
  height: 20px;
}

#open-modal-reviews {
  width: 100%;
}

.dark-mode .product_rate_modal_ctn {
  background: #000 !important;
}
.dark-mode .modal.product_rate_modal {
  background: rgba(0, 0, 0, 0.64) !important;
}

/* komentarze end */
.single_add_to_cart_button--button {
  width: 100% !important;
}
.single_add_to_cart_button--button .iworks-omnibus, .single_add_to_cart_button--button del {
  display: none;
}
.single_add_to_cart_button--button > span {
  display: inline-block;
  margin-left: 4px;
}

.edit-link {
  display: none;
}

/* dark mode */
.dark-mode .site-main, .dark-mode .product-rate__count > span, .dark-mode .product_title, .dark-mode .product-rate-star-ctn .product-rate-average, .dark-mode .product-comments__author {
  color: #fff;
}
.dark-mode .product-right .price del {
  color: #999EA8;
}
.dark-mode .product-page__ctnSection, .dark-mode .product-rate__count, .dark-mode .product-comments__row, .dark-mode .product-comments__row {
  border-color: #2E2E32;
}
.dark-mode .rate-prograss-bar__bar {
  background: #2E2E32;
}
.dark-mode .rate-prograss-bar__percent, .dark-mode .rate-prograss-bar__star {
  color: #999EA8;
}
.dark-mode .rate-prograss-bar__star {
  border-color: #595D64;
}
.dark-mode .product-right .price bdi {
  color: #fff;
}
.dark-mode .product.sale .product-right .price bdi {
  color: #C6002F;
}
.dark-mode .product.sale .product-right del bdi {
  color: #999EA8 !important;
}
.dark-mode .modal {
  background: #131314;
}
.dark-mode .modal .close::after {
  content: url(images/icons/close-white.svg);
  width: 20px;
  height: 20px;
}
.dark-mode .modal .modal-star-show.active {
  background: #fff !important;
  color: #000 !important;
}
.dark-mode .product-page__ctnSection p, .dark-mode .product-page__ctnSection a, .dark-mode .product-page__ctnSection ul:not(.product-rate-stars),
.dark-mode .course-author__bottom, .dark-mode .product-comments__text {
  color: #999EA8;
}

.product.virtual .gallery-top img {
  max-width: 999px !important;
  height: auto !important;
}
@media only screen and (max-width: 768px) {
  .product.virtual .gallery-top img {
    width: auto;
  }
}

/* dark mode END */
/* kurs - strona glowna */
.course-mp-stats {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  margin-top: 32px;
  gap: 12px;
}
.course-mp-stats .course-mp-stat {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 2px;
  border: 1px #2E2E32 solid;
  padding: 16px;
  color: #999EA8;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 18px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.course-mp-stats .course-mp-stat span:first-of-type {
  color: white;
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
}
.course-mp-stats .course-mp-stat__cert {
  flex-direction: row;
  justify-content: flex-start;
  gap: 16px;
}
@media only screen and (min-width: 768px) {
  .course-mp-stats .course-mp-stat__cert {
    margin-bottom: 20px;
  }
}
.course-mp-stats .course-mp-stat__cert div {
  display: flex;
  flex-direction: column;
}

.course-mp-lessons {
  color: #999EA8;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.course-mp-lessons__header {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  letter-spacing: -0.16px;
  margin-bottom: 24px;
  gap: 2px;
}
.course-mp-lessons__header span:first-of-type {
  font-family: "RoslindaleCondensed", sans-serif;
  color: white;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
}
.course-mp-lessons__lession {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 2px;
  border: 1px rgba(255, 255, 255, 0.08) solid;
  padding: 16px;
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  flex-direction: column;
}
.course-mp-lessons__lession > a {
  display: flex;
  width: 100%;
  gap: 12px;
}
.course-mp-lessons__lession--title {
  color: #fff;
  font-size: 16px;
  font-family: "RoslindaleCondensed", sans-serif;
  display: block;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}
.course-mp-lessons__lession--info {
  display: flex;
  gap: 12px;
  align-items: center;
}
.course-mp-lessons__lession--info img {
  display: inline-block;
  margin-right: 3px;
}
.course-mp-lessons__lession--info span {
  display: inline-block;
}
.course-mp-lessons__lession.free-lesson {
  border-color: #C6002F;
}
.course-mp-lessons__lession.free-lesson .btn {
  margin-top: 16px;
  width: 100%;
  min-height: 32px;
  font-size: 14px;
}
.course-mp-lessons .lession-gradient {
  position: relative;
}
.course-mp-lessons .lession-gradient:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(19, 19, 20, 0) 0%, #131314 100%);
}
.course-mp-lessons .lession-gradient__text {
  position: absolute;
  bottom: 57px;
  cursor: pointer;
  left: 50%;
  transform: translateX(-50px);
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.28px;
  font-weight: 600;
  z-index: 2;
  color: #fff;
}
.course-mp-lessons .lession-gradient.gradient-hide:after {
  background: none;
  z-index: -1;
}
.course-mp-lessons .hide-lesson {
  display: none;
}

/* kurs - strona glowna END */
/* obsługa wariantów produktów */
.variations_form {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .variations_form {
    margin-top: 16px;
    margin-bottom: 32px;
  }
}
.variations_form .label, .variations_form .reset_variations, .variations_form .woocommerce-variation-availability {
  display: none !important;
}
.variations_form td {
  padding: 0;
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 768px) {
  .variations_form .woo-variation-items-wrapper .variable-items-wrapper {
    gap: 12px;
  }
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new {
  border-radius: 2px;
  border: 1px solid #DCDFE1;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 12px;
  min-height: 48px;
  cursor: pointer;
  transition: all 0.4s;
  background: #fff;
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item:hover, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new:hover {
  background: #F3F3F5;
  border-color: #C5CCCF;
}
@media (max-width: 991.98px) {
  .variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new {
    max-width: calc(33% - 7px);
    min-height: 40px;
    max-height: 40px;
    padding: 7px;
  }
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item span, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new span {
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #000;
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item.selected:not(.variant-out-of-stock), .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new.selected:not(.variant-out-of-stock) {
  background: #000;
  border-color: #000;
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item.selected:not(.variant-out-of-stock) span, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new.selected:not(.variant-out-of-stock) span {
  color: #fff;
  position: relative;
  font-weight: 500;
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item.selected:not(.variant-out-of-stock) span:before, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new.selected:not(.variant-out-of-stock) span:before {
  margin-right: 4px;
  content: url(images/icons/variant-check.svg);
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item.variant-out-of-stock, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new.variant-out-of-stock {
  background: #F3F3F5;
  position: relative;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item.variant-out-of-stock .tooltip, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new.variant-out-of-stock .tooltip {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item.variant-out-of-stock .tooltip .tooltiptext, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new.variant-out-of-stock .tooltip .tooltiptext {
  color: #fff;
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item.variant-out-of-stock .variable-item-contents > span, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new.variant-out-of-stock .variable-item-contents > span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item.variant-out-of-stock .variable-item-contents span, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new.variant-out-of-stock .variable-item-contents span {
  color: #999EA8;
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item.variant-out-of-stock .variable-item-contents span:before, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new.variant-out-of-stock .variable-item-contents span:before {
  content: url(images/icons/ring-icon-no-stock.svg);
  position: absolute;
  right: 6px;
  top: 6px;
}
.variations_form .woo-variation-items-wrapper .variable-items-wrapper .variable-item.variant-out-of-stock:hover .variable-item-contents span:before, .variations_form .woo-variation-items-wrapper .variable-items-wrapper .button-variable-item-new.variant-out-of-stock:hover .variable-item-contents span:before {
  content: url(images/icons/ring-icon-no-stock-red.svg);
}
.variations_form ~ .ppc-button-wrapper {
  margin-top: 16px;
}

/* obsługa wariantów produktów END */
/* modal od powiadomien o dostepnosci produktu */
.swal2-container {
  background: rgba(0, 0, 0, 0.64) !important;
}
.swal2-container .swal2-popup {
  border-radius: 16px;
  padding: 0;
}
.swal2-container .swal2-popup .swal2-content {
  padding: 0;
}
.swal2-container .swal2-popup .swal2-content #swal2-content .cwginstock-subscribe-form .cwginstock-panel-heading {
  background: transparent;
  padding: 24px;
  border-bottom: 1px solid #F3F3F5 !important;
}
.swal2-container .swal2-popup .swal2-content #swal2-content .cwginstock-subscribe-form .cwginstock-panel-heading h4 {
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  color: #000;
  text-align: left !important;
  margin: 0;
}
.swal2-container .swal2-popup .cwginstock-subscribe-form .panel {
  box-shadow: none;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.swal2-container .swal2-popup .swal2-close {
  width: 36px;
  height: 36px;
  display: flex;
  border: 1px solid #F3F3F5;
  border-radius: 2px;
  color: #000;
  font-size: 31px;
  right: 24px;
  top: 16px;
}
.swal2-container .swal2-popup .swal2-close:focus {
  box-shadow: none;
}
.swal2-container .cwginstock-panel-body .col-md-12 {
  padding: 0;
}
.swal2-container .cwginstock-panel-body__text {
  text-align: left;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
  margin-bottom: 16px;
}
.swal2-container .cwginstock-panel-body .cwgstock_email {
  margin-left: 16px;
  margin-right: 16px;
  text-align: left !important;
  width: calc(100% - 32px) !important;
}
.swal2-container .cwginstock-subscribe-form .panel-primary > .panel-heading, .swal2-container .cwginstock-subscribe-form .panel-primary {
  border: none !important;
}
.swal2-container .cwgstock_button {
  width: auto;
  float: right;
  background: #C6002F;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.32px;
  margin-right: 16px;
}
.swal2-container .cwginstockerror {
  font-size: 16px;
  padding-left: 16px;
  margin-top: 16px;
}
.swal2-container .blockUI {
  border-radius: 16px;
}

.cwgstock_output {
  display: flex;
}

.cwginstocksuccess {
  background: #0C7A5B;
  color: #fff !important;
  border-radius: 2px;
  padding: 12px;
  font-size: 14px;
  line-height: 18px;
  margin-left: 16px;
  margin-right: 16px;
}

/* modal od powiadomien o dostepnosci produktu END */
/* dodawanie ocen */
.review-form-files-error {
  color: #C6002F;
  font-size: 13px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}

.review-form-files {
  justify-content: center;
  display: flex;
  gap: 16px;
}
.review-form-files__label {
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 16px;
  text-align: center;
  margin-bottom: 16px;
}

.star-rating-label {
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  align-items: center;
  color: #6E727E;
  margin-top: 16px;
  margin-bottom: 16px;
}
.star-rating-label span {
  display: none;
}

.custom-file-upload {
  border: 1px #DCDFE1 dotted;
  border-style: dashed;
  width: 82px;
  height: 82px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.custom-file-upload img {
  width: 100%;
  height: 100%;
  z-index: 2;
}
.custom-file-upload:before {
  content: url(images/icons/image-add-icon.svg);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.review-form-input {
  display: none;
}

.star-rating {
  direction: rtl;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
.star-rating input {
  display: none;
}
.star-rating label {
  font-size: 30px;
  color: #CECECE;
  cursor: pointer;
}
.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label {
  color: #FFB800;
}

#addReview {
  margin-top: 24px;
}
@media (max-width: 991.98px) {
  #addReview {
    margin-top: 16px;
  }
}
#addReview textarea {
  min-height: 164px;
  resize: none;
}
#addReview .spinner {
  margin-top: 16px;
  display: none;
}
#addReview .spinner.show {
  display: grid;
}

#charCount {
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  position: absolute;
  right: 12px;
  bottom: 12px;
}

.addReview-modal__header {
  color: black;
  font-size: 30px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
  text-align: center;
  display: block;
  margin-bottom: 24px;
  color: #000;
  margin-top: 8px;
}
@media (max-width: 991.98px) {
  .addReview-modal__header {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
}
.addReview-modal__info {
  display: flex;
  gap: 12px;
}
@media (max-width: 991.98px) {
  .addReview-modal__info {
    gap: 16px;
  }
}
.addReview-modal__info > div {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.addReview-modal #addReview-modal__infoImg {
  max-width: 82px;
  width: 82px;
  height: 82px;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .addReview-modal #addReview-modal__infoImg {
    max-width: 62px;
    width: 62px;
    height: 62px;
  }
}
.addReview-modal #addReview-modal__infoTitle {
  display: block;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.2px;
  margin-bottom: 8px;
  color: #000;
}
@media (max-width: 991.98px) {
  .addReview-modal #addReview-modal__infoTitle {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 4px;
  }
}
.addReview-modal #addReview-modal__infoCategory {
  display: block;
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

/* dodawanie ocen END */
/* dodatkowy modal wyboru wariantu na mobile na wypadek jesli ktos nie wybierze w klasyczny sposob */
.mobile-variant-select {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 190px;
  background: #fff;
  z-index: 9;
  z-index: 999;
  padding: 16px;
  padding-bottom: 85px;
  display: none;
}
.mobile-variant-select__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.mobile-variant-select__top--header {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
}
.mobile-variant-select .variable-item-span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-variant-select .woo-variation-items-wrapper {
  width: 100%;
}
.mobile-variant-select tbody, .mobile-variant-select tr {
  width: 100%;
  display: flex;
}

.mobile-variant-select-ov {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(21, 20, 26, 0.64);
  z-index: 999;
  display: none;
}

.product-template-default .btn-add-cart-modal {
  margin: 16px !important;
  width: calc(100% - 32px) !important;
  z-index: 9999;
}
.product-template-default .btn-add-cart-modal.wc-variation-selection-needed {
  background: #EBEEEF;
  color: #C5CCCF;
  border-color: #C5CCCF;
}

/* dodatkowy modal wyboru wariantu na mobile */
/* kurs - autor */
.author-section product-page__ctnSectionHeader h2 {
  margin-bottom: 25px;
}

.course-author__top {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #fff;
  margin-bottom: 16px;
}
.course-author__bottom {
  color: #999EA8;
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
}
.course-author__topImg img {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

/* kurs autor END */
/* sekcja cross sell */
.products-cross-sell {
  margin-top: 32px;
}
@media only screen and (max-width: 768px) {
  .products-cross-sell {
    padding-bottom: 48px;
  }
}
.products-cross-sell .section-header p {
  color: #999EA8;
}
.products-cross-sell.cream-section {
  background: #FAF7F5;
}

/* sekcja cross sell END */
/* style dla kursów - zmiany w galerii */
@media only screen and (max-width: 768px) {
  .course-product-body .product-right-gallery:after {
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, #131314 0%, rgba(0, 0, 0, 0) 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
}
@media only screen and (max-width: 768px) {
  .course-product-body .sidebar {
    margin-top: -45px;
    z-index: 9;
    position: relative;
  }
}
.course-product-body .product-page__ctnSection h2::after {
  content: url("images/icons/arrow-down-white.svg");
}
@media only screen and (min-width: 768px) {
  .course-product-body .product-page__ctnSection h2::after {
    content: "";
  }
}

/* style dla kursów END */
.star-rating-label-item-mobile {
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  align-items: center;
  color: #6E727E;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
}
@media only screen and (min-width: 768px) {
  .star-rating-label-item-mobile {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .star-rating-label {
    display: none;
  }
}

.single-lesson-container {
  max-width: 99999px;
}
@media only screen and (min-width: 768px) {
  .single-lesson-container {
    padding: 0;
  }
}

.single-lesson .site-header-ctn {
  border: none;
}

#course-progressbar {
  height: 4px;
  width: 100%;
  display: block;
}
@media (max-width: 991.98px) {
  #course-progressbar {
    height: 4px;
    width: calc(100% + 32px);
    display: block;
    margin-left: -16px;
  }
}
#course-progressbar span {
  background: #C6002F;
  border-radius: 0 4px 4px 0;
  display: block;
  height: 4px;
}

.course-share-ctn {
  position: absolute;
  right: 24px;
  top: 24px;
}

.course-share {
  background: #fff;
  display: flex;
  gap: 8px;
  padding: 8px 12px;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #000;
  cursor: pointer;
  border-radius: 2px;
  z-index: 2;
}

.course-share-dsc-ctn, .cert-share-dsc-ctn {
  background: #fff;
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 2;
  padding: 0 16px;
  display: flex;
  border-radius: 2px;
  width: 240px;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}
.course-share-dsc-ctn a, .cert-share-dsc-ctn a {
  display: flex;
  padding-bottom: 14px;
  padding-top: 14px;
  gap: 8px;
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.course-share-dsc-ctn a span, .cert-share-dsc-ctn a span {
  display: inline-block;
  min-width: 20px;
}
.course-share-dsc-ctn.share-open, .cert-share-dsc-ctn.share-open {
  visibility: visible;
  opacity: 1;
}

.cert-share-dsc-ctn {
  border: 1px solid #000000;
  margin-top: 15px;
}

.lesson-page {
  color: #fff;
}
.lesson-page__headerCtn {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
}
.lesson-page__headerCtn .container {
  max-width: 824px;
}
@media only screen and (min-width: 768px) {
  .lesson-page__headerCtn {
    background-size: cover;
  }
}
@media only screen and (max-width: 768px) {
  .lesson-page__headerCtn {
    margin-left: -16px;
    width: calc(100% + 32px);
    padding-top: 40px;
  }
}
.lesson-page__headerCtn:after {
  background: linear-gradient(180deg, rgba(25, 25, 28, 0) -30%, #000 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.lesson-page__header {
  position: relative;
  z-index: 1;
  min-height: 560px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.lesson-page__header .single_add_to_cart_button {
  max-width: 400px;
}
.lesson-page__header--courseName {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: -0.16px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  .lesson-page__header--courseName {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 20px;
  }
}
.lesson-page__header--info {
  display: flex;
  margin-bottom: 8px;
  flex-direction: row;
  margin-bottom: 8px;
  gap: 4px;
  color: #C5CCCF;
}
@media only screen and (max-width: 768px) {
  .lesson-page__header--info {
    margin-bottom: 4px;
  }
}
.lesson-page__header--info span {
  color: #C5CCCF;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.32px;
}
.lesson-page__header h1 {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 64px;
  line-height: 76px;
  letter-spacing: 0.64px;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .lesson-page__header h1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 44px;
  }
}

/* komponenty */
.lesson-content {
  max-width: 824px;
  margin: 0 auto;
  /* cytat */
  /* video YT */
  /* galeria */
}
.lesson-content .project-module {
  margin-bottom: 32px;
  margin-top: 32px;
}
@media only screen and (max-width: 768px) {
  .lesson-content .project-module {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
.lesson-content .project-module a {
  color: #C6002F;
}
.lesson-content .project-module.project-module-text strong {
  color: #000;
}
.lesson-content h1, .lesson-content h2, .lesson-content h3, .lesson-content h4, .lesson-content h5, .lesson-content h6 {
  margin-top: 32px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .lesson-content h2, .lesson-content h3 {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
}
.lesson-content p, .lesson-content ul {
  margin-bottom: 16px;
}
.lesson-content p:last-of-type, .lesson-content ul:last-of-type {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .lesson-content p, .lesson-content ul {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
    margin-bottom: 24px;
  }
}
.lesson-content ul {
  margin-left: 15px;
}
.lesson-content p + ul {
  margin-top: 16px;
}
.lesson-content .element-desc {
  margin-top: 12px;
  display: block;
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding-bottom: 32px;
  border-bottom: 1px solid #F3F3F5;
}
.lesson-content .blockquote-small {
  font-style: normal;
  padding: 0;
  position: relative;
  padding-top: 28px;
  padding-bottom: 28px;
}
.lesson-content .blockquote-small:after, .lesson-content .blockquote-small:before {
  content: "";
  position: absolute;
  border-top: 1px solid #F3F3F5;
  width: 100%;
  left: 0;
}
.lesson-content .blockquote-small:after {
  bottom: 0;
}
.lesson-content .blockquote-small:before {
  top: 0;
}
.lesson-content .blockquote-small blockquote {
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
  font-style: normal;
}
.lesson-content .blockquote-small blockquote:after, .lesson-content .blockquote-small blockquote:before {
  position: absolute;
  z-index: 2;
  content: url(images/quote-frame.svg);
  background: #fff;
}
.lesson-content .blockquote-small blockquote:after {
  top: -47px;
  left: 0;
  padding-right: 25px;
}
.lesson-content .blockquote-small blockquote:before {
  bottom: -44px;
  right: 0;
  padding-right: 20px;
  transform: rotate(180deg);
}
.lesson-content .blockquote-small blockquote .blockquote-text {
  font-family: "RoslindaleCondensed", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .lesson-content .blockquote-small blockquote .blockquote-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
}
.lesson-content .blockquote-small blockquote .blockquote-text p {
  margin-bottom: 16px;
}
.lesson-content .blockquote-small blockquote .desc p {
  margin: 0;
}
.lesson-content .blockquote-small blockquote .desc .author {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: black;
}
@media only screen and (max-width: 768px) {
  .lesson-content .blockquote-small blockquote .desc .author {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: -0.28px;
    margin-bottom: 4px;
  }
}
.lesson-content .blockquote-small blockquote .desc .information {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #6E727E;
}
@media only screen and (max-width: 768px) {
  .lesson-content .blockquote-small blockquote .desc .information {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.14px;
  }
}
.lesson-content .video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.lesson-content .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lesson-content .gallery-new .gallery__first {
  margin-bottom: 8px;
}
.lesson-content .gallery-new .gallery__ctn {
  display: flex;
  gap: 8px;
}
.lesson-content .gallery-new .gallery .gallery-normal {
  position: relative;
  min-width: 158px;
  height: 158px;
}
@media only screen and (max-width: 768px) {
  .lesson-content .gallery-new .gallery .gallery-normal {
    height: auto;
    min-width: unset;
  }
}
.lesson-content .gallery-new .gallery__more {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
@media only screen and (min-width: 768px) {
  .lesson-content .gallery-new .gallery__more.gallery-more-mobile {
    display: none;
  }
}

.lg-sub-html {
  font-size: 16px;
  font-family: Basier Circle;
  font-weight: 400;
  line-height: 20px;
  max-width: 923px;
  margin: 0 auto;
}

/* komponenty END */
/* info o koncu darmowej lekcji */
.end-free-ctn {
  background: #131315;
  overflow: hidden;
  color: #fff;
  position: relative;
}
.end-free-ctn > img {
  position: absolute;
  right: 0;
  top: 0;
}
.end-free-ctn > .container {
  max-width: 824px;
}
@media (max-width: 991.98px) {
  .end-free-ctn > .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.end-free-ctn .end-free-lesson-ctn {
  padding-top: 272px;
  position: relative;
}
@media (max-width: 991.98px) {
  .end-free-ctn .end-free-lesson-ctn {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.end-free-ctn .end-free-lesson-ctn .product-rate-star-ctn {
  margin-top: -8px;
}
.end-free-ctn .end-free-lesson-ctn .course-mp-lessons__lession--title a {
  color: #fff;
}
.end-free-ctn .end-free-lesson-ctn .product-rate-average {
  color: #fff;
}
.end-free-ctn .end-free-lesson-ctn__title {
  color: white;
  font-size: 88px;
  font-family: "RoslindaleCondensed", sans-serif;
  font-weight: 500;
  line-height: 104px;
  letter-spacing: 0.88px;
  margin-bottom: 16px;
  max-width: 610px;
}
@media (max-width: 991.98px) {
  .end-free-ctn .end-free-lesson-ctn__title {
    font-size: 56px;
    line-height: 60px;
  }
}
.end-free-ctn .end-free-lesson-ctn__text {
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
.end-free-ctn .end-free-lesson-ctn__info {
  display: flex;
  flex-direction: column;
  color: #999EA8;
  font-size: 18px;
  margin-top: 16px;
  margin-bottom: 16px;
  line-height: 22px;
}
.end-free-ctn .end-free-lesson-ctn__info div {
  margin-bottom: 9px;
  display: flex;
}
.end-free-ctn .end-free-lesson-ctn__info img {
  margin-right: 8px;
}
.end-free-ctn .end-free-lesson-ctn__lessons {
  margin-top: 32px;
  background: none;
}
.end-free-ctn .end-free-lesson-ctn__lessons .course-mp-lessons__lession {
  background: none;
  flex-direction: row;
  border: none;
  border-bottom: 1px rgba(255, 255, 255, 0.08) solid;
}
.end-free-ctn .end-free-lesson-ctn__lessons .course-mp-lessons__lession--title {
  display: flex;
  gap: 19px;
}
.end-free-ctn .end-free-lesson-ctn__lessons .course-mp-lessons__lession--info {
  gap: 4px;
  color: #999EA8;
}
.end-free-ctn .end-free-lesson-ctn__lessons .course-mp-lessons__lession--info span {
  margin: 0;
  color: #999EA8;
}

.lesson-number-red, .lesson-number-black, .lesson-number-done {
  width: 19px;
  height: 19px;
  color: #fff;
  background: #C6002F;
  border: 1px solid #C6002F;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.lesson-number-black {
  color: #1D1D1B;
  background: #fff;
  border: 1px solid #1D1D1B;
}

.lesson-number-done {
  border: 1px solid #000;
  background: #000;
}

.free-lession-bar {
  color: #fff;
  background: #131315;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px #2E2E32 solid;
  z-index: 99;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 991.98px) {
  .free-lession-bar {
    padding: 0;
    border: none;
  }
  .free-lession-bar .container {
    padding: 0;
  }
  .free-lession-bar .row {
    margin: 0;
  }
  .free-lession-bar .row > div {
    padding: 0;
  }
  .free-lession-bar .free-lession-bar__ctn > span:first-of-type {
    display: none;
  }
  .free-lession-bar .add-to-cart-ctn {
    width: 100%;
  }
}
.free-lession-bar__ctn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.free-lession-bar__ctn form {
  margin: 0;
}
.free-lession-bar__ctn > span {
  color: white;
  font-size: 20px;
  font-family: "RoslindaleCondensed", sans-serif;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.2px;
}

/* modal z lista lekcji */
.modal-lesson-list .row {
  margin: 0;
}
.modal-lesson-list .row:last-of-type .course-mp-lessons__lession {
  border: none !important;
  margin-bottom: 0 !important;
}
.modal-lesson-list .col-12 {
  padding: 0;
}
.modal-lesson-list__title {
  font-family: "RoslindaleCondensed", sans-serif;
  color: black;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  padding: 16px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .modal-lesson-list__title {
    display: none;
  }
}
.modal-lesson-list__title .btn {
  font-family: "Basier", sans-serif;
  padding-left: 12px;
  padding-right: 12px;
  min-height: 40px;
}
.modal-lesson-list .course-mp-lessons__lession {
  border-bottom: 1px #F3F3F5 solid;
  flex-direction: row;
  margin-bottom: 0;
}
.modal-lesson-list .course-mp-lessons__lession--title {
  color: #000;
  font-family: "Basier", sans-serif;
}
.modal-lesson-list .course-mp-lessons__lession--info {
  gap: 4px;
  font-size: 14px;
  line-height: 18px;
}
.modal-lesson-list .course-mp-lessons__lession--info span {
  margin: none;
}
@media only screen and (max-width: 768px) {
  .modal-lesson-list #lesson-sidebar-hide {
    display: none;
  }
}

.modal-sidebar-lesson {
  position: fixed;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .modal-sidebar-lesson {
    top: 132px;
    height: calc(100vh - 132px);
    overflow: auto;
  }
  @supports (-webkit-touch-callout: none) {
    .modal-sidebar-lesson {
      height: calc(100vh - 160px);
    }
  }
}
@media only screen and (max-width: 768px) {
  .modal-sidebar-lesson .modal-right-sidebar {
    padding-top: 0px !important;
    bottom: auto;
    height: auto;
  }
}

.btn-lesson-sidebar {
  font-family: "Basier", sans-serif;
  padding-left: 12px;
  padding-right: 12px;
  min-height: 40px;
}
.btn-lesson-sidebar#lesson-sidebar-show {
  z-index: 2;
  position: absolute;
  right: 24px;
  top: 24px;
}
@media only screen and (max-width: 768px) {
  .btn-lesson-sidebar#lesson-sidebar-show {
    position: relative;
    top: -40px;
    width: 100%;
    height: 64px;
    background: #fff;
    color: #C6002F;
    right: auto;
    border: none;
  }
  .btn-lesson-sidebar#lesson-sidebar-show img {
    display: none;
  }
  .btn-lesson-sidebar#lesson-sidebar-show:after {
    margin-left: 8px;
    content: url(images/icons/arrow-down-red.svg);
  }
}
.btn-lesson-sidebar#lesson-sidebar-show.modal-lesson-open:after {
  transform: rotate(180deg);
}

/* modal z lista lekcji END */
/* bibliografia */
.collapse-tab {
  border-bottom: 1px #F3F3F5 solid;
  margin-bottom: 16px;
}
.collapse-tab__title {
  font-size: 24px;
  font-family: "RoslindaleCondensed", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  cursor: pointer;
  width: 100%;
  color: #000;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
}
.collapse-tab__title:after {
  content: url(images/icons/arrow-down-black.svg);
  transition: all 0.4s;
}
.collapse-tab__title.open:after {
  transform: rotate(180deg);
}
.collapse-tab__text {
  display: none;
}
.collapse-tab__text ol, .collapse-tab__text ul {
  margin-left: 15px;
}
.collapse-tab__text ol a, .collapse-tab__text ul a {
  color: #C6002F;
}
.collapse-tab__text ol li, .collapse-tab__text ul li {
  margin-bottom: 16px;
  color: #6E727E;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.36px;
}
.course-bibliography__header {
  margin-bottom: 32px;
}
.course-bibliography__header h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin-top: 0;
}

/* bibliografia END */
/* koniec kursu ocena */
.lesson-black-comment {
  background: #131314;
}
.lesson-black-comment .input-text {
  color: #fff;
  border-color: #999EA8;
}
.lesson-black-comment .input-text:focus {
  border-color: #fff;
}
.lesson-black-comment__ctnForm {
  max-width: 848px;
  margin: 0 auto;
}
.lesson-black-comment .form-row {
  margin-bottom: 24px;
}

/* koniec kursu ocena END */
/* certfikat */
.course-certificate {
  margin-top: 32px;
  margin-bottom: 32px;
}
.course-certificate__text h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin-bottom: 8px;
}
.course-certificate__text p {
  margin-bottom: 24px;
}
.course-certificate__btns {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  position: relative;
}

/* certyfikat END */
/* modal z gridem zdjec */
.modal-gallery-full {
  position: fixed;
  background: #000;
  width: 100%;
  height: 100%;
  top: 0 !important;
  left: 0;
  z-index: 999991;
  opacity: 0; /* Ukryty element na początku */
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.modal-gallery-full .modal-gallery-full__ctn {
  display: flex;
  flex-wrap: wrap; /* Pozwala na zawijanie grafik do nowego wiersza */
  justify-content: center; /* Wyśrodkowuje grafiki w poziomie */
  overflow-y: scroll;
  max-height: calc(100vh - 68px);
}
.modal-gallery-full .modal-gallery-full__ctn a {
  margin: 4px;
}
.modal-gallery-full .modal-gallery-full__ctn img {
  height: 490px; /* Ustawia wysokość grafik */
  object-fit: cover; /* Zapobiega zniekształceniom obrazów */
}
@media only screen and (max-width: 768px) {
  .modal-gallery-full .modal-gallery-full__ctn img {
    height: 150px;
  }
}
.modal-gallery-full__header {
  display: flex;
  justify-content: flex-end;
  padding: 24px 16px 16px;
}
.modal-gallery-full.visible {
  opacity: 1; /* Element staje się widoczny */
  transform: scale(1); /* Element rozwija się do pełnego rozmiaru */
}

.modal-gallery-full-hidden {
  display: none;
}

.modal-close-span, .lg-close, .lightGalleryModalBack {
  border: 1px solid #2E2E32 !important;
  border-radius: 2px !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer !important;
}

.lg-backdrop {
  z-index: 999995;
}

.lg-outer {
  z-index: 999999;
  top: 0 !important;
}

.lg-content, .lg-backdrop {
  top: 0 !important;
}

.lg-download {
  display: none !important;
}

.lg-toolbar {
  display: flex;
  justify-content: space-between;
  padding: 24px 16px 16px;
  border-bottom: 1px solid #2E2E32;
}
.lg-toolbar .lg-close {
  order: 9;
}
.lg-toolbar .lg-close:before {
  content: url("images/icons/close-white.svg");
}
.lg-toolbar .lg-counter {
  text-align: center;
  padding: 0;
  margin: 0 auto;
  height: auto;
  padding-top: 10px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.14px;
  color: #fff;
}

.lg-sub-html p {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  color: #fff;
}

.lg-next, .lg-prev {
  border: 1px solid #2E2E32;
  border-radius: 2px;
  width: 48px;
  height: 48px;
}
.lg-next:before, .lg-prev:before {
  content: url(images/icons/arrow-left.svg);
}

.lg-next {
  transform: rotate(180deg);
}

/* modal z gridem zdjec END */
.lesson-end-rating {
  position: relative;
}
.lesson-end-rating img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}
.lesson-end-rating .review-form-files, .lesson-end-rating .review-form-files__label {
  display: none;
}
/* strona reasume dla kursu */
.course-reasume-top {
  background: #fff;
  padding-top: 32px;
  padding-bottom: 40px;
}
.course-reasume-top__text {
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #6E727E;
  border-bottom: 1px solid #F3F3F5;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.course-reasume-top__btn {
  text-align: right;
}

.reasume-stats {
  background: #131314;
  color: #fff;
  padding-top: 32px;
  padding-bottom: 32px;
}
.reasume-stats h3 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  color: #fff;
  margin-bottom: 16px;
}
.reasume-stats__counts {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #999EA8;
  margin-bottom: 8px;
}
.reasume-stats #course-progressbar {
  background: rgba(255, 255, 255, 0.32);
  border-radius: 2px;
  margin-bottom: 16px;
}
.reasume-stats .course-mp-lessons__lession {
  flex-direction: row;
  background: none;
  border: none;
  border-bottom: 1px solid #2E2E32;
}
.reasume-stats .course-mp-lessons__lession--title a {
  color: #fff;
}
.reasume-stats .course-mp-lessons__lession--info {
  color: #999EA8;
}
.reasume-stats .course-mp-lessons__lession--info span {
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #999EA8;
}
.reasume-stats .product-page__ctnSection {
  border: none;
}
.reasume-stats .product-page__ctnSection h2 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  color: #fff;
  margin-bottom: 20px !important;
}
.reasume-stats .product-page__ctnSection h2:after {
  content: none;
}
.reasume-stats .lesson-number-done {
  background: #6E727E;
}
.reasume-stats .lesson-number-black {
  background: #131314;
  color: #999EA8;
  border-color: #999EA8;
}
.reasume-stats .course-mp-lessons__lession--info {
  gap: 4px;
}

.lesson-navigate {
  border-top: 1px solid #6E727E;
  margin-top: 32px;
  padding-top: 32px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}
.lesson-navigate .btn--ghostBlack {
  border: none;
  color: #C6002F;
  padding-left: 12px;
}
.lesson-navigate .row {
  width: 100%;
  margin: 0;
}
.lesson-navigate .row > div {
  padding: 0;
}
.lesson-navigate .text-right .btn {
  min-width: 155px;
}

.resume-bar {
  background: #131314;
  padding-top: 24px;
  padding-bottom: 24px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}

.last-lession-crosssell {
  margin-top: 0;
  background: #131314;
}
.last-lession-crosssell h2 {
  color: #fff;
}

.product-page-left .course-mp-lessons__lession {
  gap: 0;
}

@media (max-width: 991.98px) {
  .lg-object {
    max-height: 80%;
  }
}

#course-share-mobile {
  position: absolute;
  right: 8px;
  top: 16px;
}

.faq {
  margin-bottom: 24px;
}
.faq__text {
  border-bottom: 1px solid #F3F3F5;
  margin-bottom: 8px;
  padding-bottom: 16px;
}
.faq__text h1 {
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
  margin-top: 0;
  margin-bottom: 8px;
}
@media only screen and (max-width: 768px) {
  .faq__text h1 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: unset;
  }
}
.faq__text p {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
@media only screen and (max-width: 768px) {
  .faq__text p {
    font-size: 14px;
    letter-spacing: -0.14px;
    line-height: 18px;
  }
}
.faq__text p:last-of-type {
  margin-bottom: 0;
}

.faq-questions-group > div {
  margin-top: 32px;
}
@media only screen and (max-width: 768px) {
  .faq-questions-group > div {
    margin-top: 24px;
  }
}
.faq-questions-group > div:first-of-type {
  margin-top: 0;
}
.faq-questions-group h3 {
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
}
@media only screen and (max-width: 768px) {
  .faq-questions-group h3 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: unset;
  }
}
.faq-questions-group .question {
  border-bottom: 1px solid #F3F3F5;
  padding-top: 16px;
  padding-bottom: 16px;
}
.faq-questions-group .question p, .faq-questions-group .question a, .faq-questions-group .question ul {
  font-size: 16px;
  line-height: 20px;
}
@media only screen and (max-width: 768px) {
  .faq-questions-group .question p, .faq-questions-group .question a, .faq-questions-group .question ul {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.14px;
  }
}
.faq-questions-group .question__title {
  color: black;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0px;
  font-weight: 500;
  font-family: "RoslindaleCondensed", sans-serif;
  line-height: 22px;
  letter-spacing: 0.18px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .faq-questions-group .question__title {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: unset;
  }
}
.faq-questions-group .question__title:after {
  content: url(images/icons/arrow-down-black.svg);
  transition: all 0.4s;
}
.faq-questions-group .question__title.open:after {
  transform: rotate(180deg);
}
.faq-questions-group .question__text {
  display: none;
}
.faq-questions-group .question__text p {
  margin-bottom: 16px;
}
.faq-questions-group .question__text p:first-of-type {
  margin-top: 8px;
}
.faq-questions-group .question__text p:last-of-type {
  margin-bottom: 0px;
}
.faq-questions-group .question a {
  color: #C6002F;
}
.faq-questions-group .last-group .question:last-of-type {
  border-bottom: none;
}

.my-courses__header {
  display: flex;
  padding-top: 32px;
  padding-bottom: 16px;
  margin-bottom: 40px;
  border-bottom: 1px solid #2E2E32;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .my-courses__header {
    padding-top: 16px;
    margin-bottom: 16px;
  }
}
.my-courses__header h2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0;
  color: #fff;
  line-height: 28px;
  letter-spacing: 0.24px;
}
@media (max-width: 991.98px) {
  .my-courses__header h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.my-courses__header div {
  color: #999EA8;
  letter-spacing: -0.32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 991.98px) {
  .my-courses__header div {
    font-size: 14px;
    line-height: 18px;
  }
}
.my-courses__course {
  display: flex;
  gap: 24px;
  margin-bottom: 32px;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  .my-courses__course {
    border-bottom: 1px solid #2E2E32;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
  .my-courses__course .btn {
    font-size: 14px;
    line-height: 18px;
    min-height: 32px;
    padding: 0 12px;
  }
}
.my-courses__courseImg {
  width: 188px;
  min-width: 188px;
}
.my-courses__courseImg img {
  margin-bottom: 0 !important;
}
@media (max-width: 991.98px) {
  .my-courses__courseImg {
    width: 96px;
    min-width: 96px;
  }
}
.my-courses__courseText {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.my-courses__courseText h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (max-width: 991.98px) {
  .my-courses__courseText h3 {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: normal;
  }
}
.my-courses__courseText h3 a {
  color: #fff;
}
.my-courses__courseBottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  color: #999EA8;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.28px;
}
@media (max-width: 991.98px) {
  .my-courses__courseBottom {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.my-courses__courseBottom--progress {
  display: flex;
}
.my-courses__courseBottom--progress img {
  margin-right: 4px;
}
.my-courses .course-skills li {
  font-size: 14px;
  line-height: 18px;
  color: #999EA8;
  letter-spacing: -0.28px;
}
@media (max-width: 991.98px) {
  .my-courses .course-skills li {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.06px;
  }
}
.my-courses__none h2 {
  font-size: 30px;
  line-height: 36px;
  margin-top: 16px;
  margin-bottom: 8px;
  letter-spacing: 0.3px;
  color: #fff;
}
@media (max-width: 991.98px) {
  .my-courses__none h2 {
    font-size: 24px;
    line-height: 28px;
    line-height: normal;
  }
}
.my-courses__none p {
  margin-bottom: 24px;
  color: #999EA8;
  font-size: 16px;
  line-height: 20px;
}
.my-courses__none .btn {
  margin-top: 16px;
  margin-bottom: 32px;
}
@media (max-width: 991.98px) {
  .my-courses__none .btn {
    width: 100%;
    margin-top: 24px;
  }
}
.my-courses.no-courses .my-courses__header {
  border: none;
  margin-bottom: 0;
}

.order-details-ctn .my-courses__courseText {
  color: #000;
}
.order-details-ctn .my-courses__courseText h3 a {
  color: #000;
}
.order-details-ctn .my-courses__course {
  border-bottom: 1px solid #F3F3F5;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.order-details-ctn .my-courses__course .btn {
  padding: 7px 12px;
  line-height: 18px;
  font-size: 14px;
  min-height: 32px;
  color: #000;
  border-color: #000 !important;
}
.order-details-ctn .my-courses__course .btn:hover {
  color: #fff !important;
  background: #000 !important;
}
.order-details-ctn .my-courses__course .btn:hover:before {
  border: 1px solid #000 !important;
}
.order-details-ctn .product-categories-list {
  margin-top: 4px;
}
.order-details-ctn .product-categories-list a {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
}
@media (max-width: 991.98px) {
  .order-details-ctn .product-categories-list a {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.6px;
  }
}

/* modal dodawania opinii na ciemnym tle */
.page-template-my-courses .modal-add-review-c .modal-standard__ctn {
  color: #fff;
  background: #131314;
}
.page-template-my-courses .modal-add-review-c #addReview textarea {
  color: #fff;
}
.page-template-my-courses .modal-add-review-c #addReview textarea:focus {
  box-shadow: 0px 0px 0px 0.5px #fff;
  border-color: #fff;
}
@media (max-width: 991.98px) {
  .page-template-my-courses .modal-add-review-c .modal-login-back {
    display: none !important;
  }
  .page-template-my-courses .modal-add-review-c .modal-standard-close {
    display: block !important;
  }
  .page-template-my-courses .modal-add-review-c .modal-standard__header {
    justify-content: space-between !important;
    padding-left: 16px;
    padding-right: 16px;
  }
  .page-template-my-courses .modal-add-review-c .modal-standard__contentMain {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.page-template-my-courses .modal-standard__header span, .page-template-my-courses .addReview-modal__header, .page-template-my-courses .addReview-modal #addReview-modal__infoTitle {
  color: #fff;
}
.page-template-my-courses .modal-standard-close-btn {
  border-color: #2E2E32;
}
.page-template-my-courses .modal-standard-close-btn img {
  filter: brightness(0) invert(1);
}
.page-template-my-courses .input-clear, .page-template-my-courses .input-text, .page-template-my-courses .cwgstock_email {
  border-color: #2E2E32;
}
.page-template-my-courses .modal-standard__header {
  border-color: #2E2E32;
}

.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignwide, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide {
  max-width: 100%;
  margin: auto;
}

.woocommerce-cart-form {
  position: relative;
  margin-bottom: 24px;
  /* przykrywam border */
}
@media (max-width: 991.98px) {
  .woocommerce-cart-form {
    margin-bottom: 0 !important;
  }
  .woocommerce-cart-form table {
    table-layout: fixed;
    margin-bottom: 0 !important;
  }
}
.woocommerce-cart-form:after {
  content: "";
  background: #fff;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  position: absolute;
}

.woocommerce-cart-form .product-thumbnail, .modal-cart-product .product-thumbnail, .woocommerce-checkout-review-order-table .product-thumbnail {
  width: 188px;
  min-width: 188px;
  padding: 0;
  padding-right: 24px;
}
@media (max-width: 991.98px) {
  .woocommerce-cart-form .product-thumbnail, .modal-cart-product .product-thumbnail, .woocommerce-checkout-review-order-table .product-thumbnail {
    width: 112px;
    min-width: 112px;
    padding-right: 16px;
  }
  .woocommerce-cart-form .product-thumbnail img, .modal-cart-product .product-thumbnail img, .woocommerce-checkout-review-order-table .product-thumbnail img {
    width: 96px;
  }
}
.woocommerce-cart-form .product-name, .modal-cart-product .product-name, .woocommerce-checkout-review-order-table .product-name {
  padding: 0;
  position: relative;
}
.woocommerce-cart-form .product-name__link, .modal-cart-product .product-name__link, .woocommerce-checkout-review-order-table .product-name__link {
  text-decoration: none !important;
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  display: inline-block;
  width: 294px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 991.98px) {
  .woocommerce-cart-form .product-name__link, .modal-cart-product .product-name__link, .woocommerce-checkout-review-order-table .product-name__link {
    width: auto;
    max-width: calc(100% - 40px);
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  .woocommerce-cart-form .product-name, .modal-cart-product .product-name, .woocommerce-checkout-review-order-table .product-name {
    width: calc(100% - 180px);
  }
}
@media (max-width: 991.98px) {
  .woocommerce-cart-form .product-name .product-categories-list li, .modal-cart-product .product-name .product-categories-list li, .woocommerce-checkout-review-order-table .product-name .product-categories-list li {
    font-size: 14px;
    letter-spacing: unset;
  }
}
.woocommerce-cart-form .remove, .modal-cart-product .remove, .woocommerce-checkout-review-order-table .remove {
  position: absolute;
  top: 13px;
  right: 0;
}
.woocommerce-cart-form .remove:before, .modal-cart-product .remove:before, .woocommerce-checkout-review-order-table .remove:before {
  content: none;
  text-indent: unset;
  overflow: auto;
}
.woocommerce-cart-form .product-categories-list, .modal-cart-product .product-categories-list, .woocommerce-checkout-review-order-table .product-categories-list {
  margin-top: 0px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.32px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  .woocommerce-cart-form .product-categories-list, .modal-cart-product .product-categories-list, .woocommerce-checkout-review-order-table .product-categories-list {
    max-width: calc(100% - 100px);
  }
}
.woocommerce-cart-form .actions, .modal-cart-product .actions, .woocommerce-checkout-review-order-table .actions {
  display: none;
}

@media (max-width: 991.98px) {
  .modal-sidebar-cart .btn-modal-hide {
    border: none;
    padding: 8px;
  }
  .modal-sidebar-cart .woocommerce-cart-form .product-name__link {
    max-width: calc(100% - 0px);
  }
}

.woocommerce-cart {
  /* daje tutaj bo moga byc inne w modalu po dodaniu do koszyka */
}
@media (max-width: 991.98px) {
  .woocommerce-cart .free-shipping-products .cart .single_add_to_cart_button {
    left: 8px;
    top: 92px;
  }
}
.woocommerce-cart .shipping {
  display: none !important;
}
.woocommerce-cart .select2-container--default .select2-selection--single {
  background: none;
  border: none;
}
.woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: auto;
  width: auto;
  top: 3px;
}
.woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
}
@media only screen and (max-width: 768px) {
  .woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: 0px;
  }
}
.woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  content: url("images/icons/arrow-down-small.svg");
  position: absolute;
  right: 8px;
  top: 0;
}
.woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
  padding-left: 3px;
}
@media only screen and (max-width: 768px) {
  .woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    line-height: 18px;
    position: relative;
    top: 1px;
  }
}
.woocommerce-cart .cart-change-row {
  margin-bottom: 12px;
  color: #6E727E;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 991.98px) {
  .woocommerce-cart .cart-change-row {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0px;
  }
}
.woocommerce-cart .cart-change-row > span {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.32px;
}
@media only screen and (max-width: 768px) {
  .woocommerce-cart .cart-change-row > span {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: unset;
  }
}
.woocommerce-cart .cart-change-row__flex {
  display: flex;
  justify-content: space-between;
}
.woocommerce-cart .cart-change-row__subtotal {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #2E2E32;
}
@media only screen and (max-width: 768px) {
  .woocommerce-cart .cart-change-row__subtotal {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: unset;
  }
}
.woocommerce-cart .site-main {
  margin-top: 60px;
}
@media (max-width: 991.98px) {
  .woocommerce-cart .site-main {
    margin-top: 16px;
  }
}
.woocommerce-cart .site-main h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin: 0;
}
@media (max-width: 991.98px) {
  .woocommerce-cart .site-main h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.woocommerce-cart .site-main .cart_item td {
  border-bottom: 1px solid #F3F3F5;
  padding-bottom: 16px;
  padding-top: 16px;
}
.woocommerce-cart .site-main .cart_item:last-child {
  font-size: 11px;
}
.woocommerce-cart .site-main .cart_item:last-child td {
  border: none;
}

.macos .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
  right: 0px;
}

.cart-course-stat {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
}
.cart-course-stat span {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.cart-top-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid #F3F3F5;
}
.cart-top-summary #cart-top-summary__total {
  color: #000;
}
.cart-top-summary #cart-top-summary__total, .cart-top-summary #cart-top-summary__count {
  font-size: 16px;
}
@media (max-width: 991.98px) {
  .cart-top-summary #cart-top-summary__total, .cart-top-summary #cart-top-summary__count {
    font-size: 14px;
  }
}
@media (max-width: 991.98px) {
  .cart-top-summary {
    color: #6E727E;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}

@media (min-width: 768px) {
  .cart-collaterals {
    margin-left: 45px;
  }
}
.cart-collaterals .checkout-button {
  width: 100%;
}

.cart_totals h2 {
  padding-bottom: 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid #F3F3F5;
}
.cart_totals .have-promo-code {
  cursor: pointer;
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  color: #000;
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .cart_totals .have-promo-code {
    font-size: 16px;
    line-height: 20px;
  }
}
.cart_totals .have-promo-code:after {
  content: url(images/icons/arrow-down-black.svg);
  transition: all 0.4s;
}
.cart_totals .promo-code-box {
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid #F3F3F5;
}
@media only screen and (max-width: 768px) {
  .cart_totals .promo-code-box {
    margin-bottom: 6px;
  }
}
.cart_totals .promo-code-box .btn {
  margin-top: 16px;
  width: 100%;
}
.cart_totals .promo-code-box.open .have-promo-code {
  padding-bottom: 16px;
}
.cart_totals .promo-code-box.open .have-promo-code:after {
  transform: rotate(180deg);
}
.cart_totals .shop_table th, .cart_totals .shop_table td {
  padding: 12px 0;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.32px;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .cart_totals .shop_table th, .cart_totals .shop_table td {
    font-size: 14px;
    line-height: 18px;
  }
}
.cart_totals .shop_table th {
  color: #6E727E;
}
.cart_totals .shop_table td {
  text-align: right;
  color: #000;
}
.cart_totals .shop_table .order-total th {
  font-weight: 600;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .cart_totals table {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .cart_totals .wc-proceed-to-checkout {
    border-top: 1px solid #EBECED;
    padding-top: 24px;
  }
}

.woocommerce-cart-form-coupon {
  display: none;
}

/* modal - wysuwany modal po dodaniu do koszyka */
.modal-cart-product {
  display: flex;
  gap: 16px;
}
.modal-cart-product__thumb {
  width: 82px;
  height: 82px;
  object-fit: cover;
}
.gift-wrap-option .checkbox {
  display: flex;
  justify-content: space-between;
}
.gift-wrap-option .checkbox > span {
  display: flex !important;
  width: 100%;
  justify-content: space-between;
}
.gift-wrap-option .checkbox input:checked ~ span span {
  color: #000 !important;
}
.gift-wrap-option span {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
}
@media only screen and (max-width: 768px) {
  .gift-wrap-option span {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .gift-wrap-option {
    margin-top: 19px;
  }
}

/* boks - ile zostało do darmowej wysylki i dodawanie kolejnych produktów */
.free-shipping-progressbar {
  color: #000;
}
.free-shipping-progressbar > span {
  font-size: 16px;
  line-height: 20px;
}
.free-shipping-progressbar__bar {
  background: #A7CFC4;
  border-radius: 30px;
  height: 8px;
  margin-top: 16px;
  width: 100%;
  position: relative;
}
.free-shipping-progressbar__bar:after {
  content: url(images/icons/freeshipping-check-1.svg);
  position: absolute;
  right: 0;
  top: -6px;
}
.free-shipping-progressbar__bar span {
  background: #0C7A5B;
  height: 8px;
  display: block;
  position: absolute;
  left: 0;
  border-radius: 30px;
  z-index: 2;
}

.cart-free-shipping-bar {
  background: #FAF7F5;
  padding: 24px;
  margin-top: 16px;
}
@media (max-width: 991.98px) {
  .cart-free-shipping-bar {
    margin-left: -16px;
    width: calc(100% + 32px);
    margin-bottom: 24px;
    margin-top: 0;
  }
}
.cart-free-shipping-bar.also-like-box {
  padding-top: 15px;
}
.cart-free-shipping-bar.also-like-box .free-shipping-products > h3 {
  margin-bottom: 32px;
}

@media (max-width: 991.98px) {
  .free-shipping-products > div {
    display: flex;
    gap: 12px;
  }
}
.free-shipping-products > h3 {
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .free-shipping-products > h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.free-shipping-products__product {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #DCDFE1;
}
@media (max-width: 991.98px) {
  .free-shipping-products__product {
    flex-direction: column;
    width: 132px;
    gap: 12px;
    padding: 0;
    margin: 0;
    border: none;
    position: relative;
  }
}
.free-shipping-products__product:last-of-type {
  border: none;
  padding: 0;
  margin: 0;
}
.free-shipping-products__productLeft {
  width: 82px;
  max-width: 82px;
  min-width: 82px;
  height: 82px;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .free-shipping-products__productLeft {
    width: 132px;
    max-width: 132px;
    min-width: 132px;
    height: 132px;
  }
}
.free-shipping-products__productRight {
  width: 100%;
}
.free-shipping-products__productRight--name {
  margin-bottom: 4px;
}
@media (max-width: 991.98px) {
  .free-shipping-products__productRight--name {
    margin-bottom: 0;
  }
}
.free-shipping-products__productRight--name h3 {
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
}
@media (max-width: 991.98px) {
  .free-shipping-products__productRight--name h3 {
    text-overflow: ellipsis;
    width: 132px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: unset;
    margin: 0;
  }
}
.free-shipping-products__productRight--category {
  margin-bottom: 4px;
}
@media (max-width: 991.98px) {
  .free-shipping-products__productRight--category {
    display: none;
  }
}
.free-shipping-products__productRight--category a {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
}
.free-shipping-products__productRight--price {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.free-shipping-products__productRight--price bdi {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #000;
}
.free-shipping-products__productRight--price .woocs_price_code del {
  order: 2;
  margin-left: 8px;
}
.free-shipping-products__productRight--price del ~ ins bdi {
  color: #DA1934;
  font-weight: 600;
}
.free-shipping-products__productRight--price del {
  color: #6E727E;
}
.free-shipping-products__productRight--price del bdi {
  color: #6E727E;
}
.free-shipping-products .cart {
  margin-bottom: 0;
}
.free-shipping-products .cart .quantity {
  display: none !important;
}
.free-shipping-products .cart .single_add_to_cart_button {
  width: 32px !important;
  height: 32px !important;
  border-radius: 2px;
  padding: 0;
  min-height: 32px;
}
.free-shipping-products .cart .single_add_to_cart_button img {
  margin: 0;
}
@media (max-width: 991.98px) {
  .free-shipping-products .cart .single_add_to_cart_button {
    position: absolute;
    top: 100px;
  }
}

.cart-empty h1 {
  margin-top: -60px;
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
}
@media (max-width: 991.98px) {
  .cart-empty h1 {
    margin-left: 16px;
  }
}
.cart-empty__text h2 {
  color: black;
  font-size: 30px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
  font-size: 30px;
  line-height: 36px;
}
.cart-empty__text p {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  margin-top: 8px;
}
.cart-empty__text .btn {
  margin-top: 24px;
}
@media (max-width: 991.98px) {
  .cart-empty__text .btn {
    width: 100%;
  }
}

/* kiedy ktos nie jest zalogowany a chce kupic kursy */
.no-login-error .open-modal-login {
  cursor: pointer;
  text-decoration: underline;
}

.available-immediately-info {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  gap: 12px;
}

.woocommerce-cart .ppc-button-wrapper {
  margin-top: 24px;
}

/* fix poniewaz czasmi przy wyborze ilsoc byl za mały */
/* domyslen style na mobiel, poniewaz tam wylaczam select2 */
@media only screen and (max-width: 768px) {
  select {
    background: none;
    box-shadow: none;
    border: none;
    font-size: 14px;
    font-weight: 18px;
    color: #6E727E;
    margin-bottom: 6px;
  }
}

.my-fixed-checkout {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 9999;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .my-fixed-checkout {
    display: none;
  }
}
.my-fixed-checkout a {
  width: 100%;
}

.product-categories-list_courseInfo {
  display: block;
  background: #FAF7F5;
  padding: 3px 9px;
  margin-top: -15px;
  margin-bottom: 15px;
  font-size: 12px;
}

.checkout-left {
  width: 80%;
  max-width: 612px;
}
@media (max-width: 991.98px) {
  .checkout-left {
    width: 100%;
    max-width: 999px;
  }
}
.checkout-left #place_order {
  display: none;
}
.checkout-left #checkout-step-3 #place_order {
  display: initial;
}
.checkout-left #checkout-step-3 .next-step-checkout {
  display: none;
}

.woocommerce-page #order_review_heading {
  border-bottom: 1px solid #F3F3F5;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
.woocommerce-page #order_review {
  padding-top: 16px;
  border-top: 1px solid #F3F3F5;
}
.woocommerce-page #order_review_cart {
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.woocommerce-page #order_review_cart:after {
  content: url(images/icons/arrow-down-black.svg);
  transition: all 0.4s;
  transform: rotate(0deg);
}
.woocommerce-page #order_review {
  width: 400px;
}
@media only screen and (max-width: 600px) {
  .woocommerce-page #order_review {
    width: 100%;
  }
}
.woocommerce-page #order_review tbody {
  display: none;
}

.checkout-right {
  margin-left: 64px;
}
@media (max-width: 991.98px) {
  .checkout-right {
    margin-left: 0;
    margin-top: 16px;
    display: none;
  }
}
.checkout-right #order_review th, .checkout-right #order_review td {
  padding-left: 0;
}
.checkout-right .woocommerce-privacy-policy-text {
  display: none;
}
.checkout-right .fee th {
  white-space: nowrap;
}
.checkout-right.show-product #order_review_cart:after {
  transform: rotate(180deg);
}
.checkout-right.show-product #order_review {
  border: none;
  padding-top: 0;
}
.checkout-right.show-product #order_review tbody {
  display: table-caption;
}

#term-accept-box {
  display: none;
  margin-left: -12px;
}
#term-accept-box label {
  position: relative;
  top: auto;
}
#term-accept-box__error {
  position: absolute;
  top: 28px;
  left: 38px;
}

.woocommerce-checkout .col-1, .woocommerce-checkout .col-2 {
  width: 100%;
  max-width: 100%;
}
.woocommerce-checkout .cart-top-summary h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin: 0;
}
.woocommerce-checkout .cart-top-summary span {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.woocommerce-checkout #cart-top-summary__total2 {
  color: #000;
}
.woocommerce-checkout #cart-top-summary__total2 bdi, .woocommerce-checkout #cart-top-summary__total2 span {
  color: #000;
}

h3#order_review_heading {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (max-width: 991.98px) {
  h3#order_review_heading {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
}

.checkout-form {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}
@media (max-width: 991.98px) {
  .checkout-form {
    flex-direction: column;
  }
  .checkout-form .cart-top-summary {
    margin-left: -16px;
    width: calc(100% + 32px);
    padding-left: 16px;
    padding-right: 16px;
  }
}
.checkout-form h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  margin-top: 16px;
}
.checkout-form .woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.checkout-form .form-row {
  flex: 0 0 100%;
  box-sizing: border-box;
}
.checkout-form .form-row input {
  width: 100%;
}
.checkout-form .form-row.half {
  flex: 0 0 50%;
}
.checkout-form #billing_state_field {
  margin-bottom: 18px;
}
.checkout-form .half + .half {
  padding-left: 8px;
}
.checkout-form .half + .half .input-label {
  left: 20px;
}

.woocommerce-billing-fields.step-ok ~ .woocommerce-account-fields {
  display: none;
}

/* obsługa kroków */
#checkout-step-2, #checkout-step-3 {
  display: none;
}

.shipping-cost-tr {
  display: none;
}

@media only screen and (max-width: 768px) {
  #checkout-step-3 .place-order .next-step-checkout {
    display: none;
  }
}

.wc_payment_method label {
  display: flex;
  align-items: center;
}
.wc_payment_method label img {
  position: relative !important;
}

.next-step-checkout {
  margin-top: 24px;
  margin-bottom: 24px;
  width: 100%;
}

.checkout-step-header {
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 0;
  margin-left: 16px;
  margin-right: 16px;
  border-top: 1px solid #F3F3F5;
}
.payment_method_stripe .p-Input input {
  padding-top: 15px !important;
}
.payment_method_stripe #wc-stripe-new-payment-method {
  opacity: 0;
}
.payment_method_stripe .woocommerce-SavedPaymentMethods-saveNew {
  margin-left: -30px;
  margin-top: -30px;
}
.payment_method_stripe #wc-stripe-upe-form + fieldset {
  display: none;
}

.input-error__span {
  font-size: 12px;
  line-height: 10px;
  color: #dc3232;
  position: relative;
}

.billing-summary {
  display: none;
  margin-bottom: 16px;
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  color: #6E727E;
}
@media only screen and (max-width: 768px) {
  .billing-summary {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.14px;
  }
}
.billing-summary__group {
  margin-bottom: 40px;
}
.billing-summary__group:last-of-type {
  margin-bottom: 16px;
}

.checkout-subtitle {
  display: flex;
  justify-content: space-between;
}
.checkout-subtitle h3 {
  color: #6E727E;
}
.checkout-subtitle__active h3 {
  color: #000;
}
.checkout-subtitle__edit {
  color: #C6002F;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 17px;
  cursor: pointer;
  display: none;
}

.step-ok .checkout-subtitle h3:after {
  content: url(images/icons/check-green.svg);
  margin-left: 4px;
  top: 3px;
  position: relative;
}
.step-ok .checkout-subtitle__edit {
  display: initial;
}
.step-ok ~ .next-step-checkout, .step-ok .next-step-checkout {
  display: none;
}
.step-ok .woocommerce-additional-fields {
  display: none;
}

.ship-to-different-address-extra-label, .checkbox > span:last-of-type {
  padding-left: 26px;
  display: inline-block;
  position: relative;
}
.ship-to-different-address-extra-label:after, .checkbox > span:last-of-type:after { /* check */
  left: 0px;
  top: 1px;
  width: 16px;
  height: 16px;
  content: "";
  background: url(images/icons/check-white.svg) no-repeat center;
  background-size: 100%;
  background-color: #000;
  position: absolute;
  transition: all 0.4s;
  opacity: 0;
  border-radius: 2px;
}
.ship-to-different-address-extra-label:before, .checkbox > span:last-of-type:before { /* ramka */
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #DCDFE1;
  content: "";
}

.checkbox > span:last-of-type {
  color: #000;
}
.checkbox > span:last-of-type a {
  text-decoration: underline;
}

#ship-to-different-address label span {
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #000;
}

#shipping_country_field .select2-container, #shipping_state_field .select2-container {
  width: 100% !important;
}

#shipping_state_field .select2-container {
  margin-bottom: 15px;
}

.checkbox input:checked ~ span:last-of-type:after {
  opacity: 1;
}
.checkbox a {
  color: #C6002F;
  text-decoration: underline;
}
.checkbox.checkbox-error span:before {
  border-color: #C6002F;
}
.checkbox.checkbox-error input:checked ~ span:last-of-type:before {
  border-color: #000;
}

#ship-to-different-address input, .checkbox input {
  opacity: 0;
  position: absolute;
  z-index: -9999;
}

#ship-to-different-address {
  margin-bottom: 16px;
}

.shipping__header, #custom_shipping_method__header {
  font-size: 16px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.18px;
  margin-top: 17px;
  margin-bottom: 17px;
  color: #000;
  display: block;
}
.shipping #shipping_method, #custom_shipping_method #shipping_method {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shipping #shipping_method li, #custom_shipping_method #shipping_method li {
  margin-bottom: 12px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
.shipping #shipping_method li label, #custom_shipping_method #shipping_method li label {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  border-radius: 0px 2px 2px 0;
  width: 100%;
  margin: 0;
  padding: 16px;
  min-height: 72px;
  display: flex;
  border: 1.5px solid #DCDFE1;
  border-left: none;
  align-items: center;
  justify-content: space-between;
}
.shipping #shipping_method li input, #custom_shipping_method #shipping_method li input {
  visibility: hidden;
  z-index: -10;
  position: absolute;
}
.shipping #shipping_method li input:checked ~ label, #custom_shipping_method #shipping_method li input:checked ~ label {
  border-color: #000;
}
.shipping #shipping_method li input:checked ~ .courier-logo, #custom_shipping_method #shipping_method li input:checked ~ .courier-logo {
  border-color: #000;
}
.shipping #shipping_method li .courier-logo, #custom_shipping_method #shipping_method li .courier-logo {
  border: 1.5px solid #DCDFE1;
  border-right: none;
  padding-left: 12px;
  padding-right: 0px;
  min-height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px 0 0 2px;
}
.shipping #shipping_method li input[type=hidden] ~ label, #custom_shipping_method #shipping_method li input[type=hidden] ~ label {
  border-color: #000;
}
.shipping #shipping_method li input[type=hidden] ~ .courier-logo, #custom_shipping_method #shipping_method li input[type=hidden] ~ .courier-logo {
  border-color: #000;
}

.woocommerce-checkout-payment ul, .woocommerce-order-pay #payment ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce-checkout-payment ul li, .woocommerce-order-pay #payment ul li {
  margin-bottom: 16px;
}
.woocommerce-checkout-payment ul label, .woocommerce-order-pay #payment ul label {
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  padding-left: 30px;
  position: relative;
}
.woocommerce-checkout-payment ul label img, .woocommerce-order-pay #payment ul label img {
  position: absolute;
  right: -30px;
  top: 0;
}
.woocommerce-checkout-payment ul label:before, .woocommerce-order-pay #payment ul label:before {
  content: "" !important;
  color: #fff;
  border: 1px solid #DCDFE1;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  top: 2px !important;
  left: 0;
  position: absolute;
}
.woocommerce-checkout-payment ul label:after, .woocommerce-order-pay #payment ul label:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: 6px;
  top: 8px;
  border-radius: 50%;
  background: #fff;
}
.woocommerce-checkout-payment ul input:checked ~ label:before, .woocommerce-order-pay #payment ul input:checked ~ label:before {
  background: #000;
  border-color: #000;
}
.woocommerce-checkout-payment ul p, .woocommerce-order-pay #payment ul p {
  font-size: 12px;
  line-height: 1.1;
  margin-left: 30px;
}

#place_order {
  width: 100%;
  margin-top: 16px;
}

.order-thank-top__text {
  border-bottom: 1px solid #F3F3F5;
  padding-bottom: 16px;
  margin-bottom: 8px;
}
.order-thank-top__text a {
  color: #C6002F;
}
.order-thank-top__text h1 {
  color: black;
  font-size: 30px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
  margin-bottom: 8px;
}
@media (max-width: 991.98px) {
  .order-thank-top__text h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
}
.order-thank-top__text p {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
}
@media (max-width: 991.98px) {
  .order-thank-top__text p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.14px;
  }
}
@media (max-width: 991.98px) {
  .order-thank-top {
    padding: 0;
  }
}

.order-thank-dsc h2 {
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  margin-top: 16px;
}
@media (max-width: 991.98px) {
  .order-thank-dsc h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: unset;
  }
}
.order-thank-dsc__group {
  display: flex;
  gap: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #000;
  margin-top: 16px;
  margin-bottom: 16px;
}
.order-thank-dsc__group img {
  width: 24px;
}

.order-details-link {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #C6002F;
  margin-top: 8px;
  margin-bottom: 8px;
}
.order-details-link:visited {
  color: #C6002F;
}

.woocommerce-order-received .subpage-top-img {
  margin-top: 0;
}
.woocommerce-order-received .site-main {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .woocommerce-order-received .hentry {
    margin-bottom: 24px;
  }
}

/* prawa strona z info o produktach */
@media (max-width: 991.98px) {
  .woocommerce-checkout-review-order-table {
    table-layout: fixed;
  }
}
.woocommerce-checkout-review-order-table .product-thumbnail {
  width: 98px;
  min-width: 98px;
  height: auto;
}
.woocommerce-checkout-review-order-table .product-thumbnail img {
  min-width: 82px;
}
.woocommerce-checkout-review-order-table td {
  border-bottom: 1px solid #F3F3F5;
  padding-bottom: 16px !important;
  padding-top: 16px !important;
}
.woocommerce-checkout-review-order-table .product-name__link {
  color: #000;
}
.woocommerce-checkout-review-order-table .product-categories-list {
  margin-bottom: 14px;
}
.woocommerce-checkout-review-order-table .product-categories-list li {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
}
.woocommerce-checkout-review-order-table tfoot th, .woocommerce-checkout-review-order-table tfoot td {
  font-weight: 400;
  border: none;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.woocommerce-checkout-review-order-table tfoot td {
  text-align: right;
  padding-right: 0;
  color: #000;
}
.woocommerce-checkout-review-order-table tfoot .order-total td, .woocommerce-checkout-review-order-table tfoot .order-total th {
  color: #000;
  font-weight: 600;
}
.woocommerce-checkout-review-order-table .cart-info-row {
  margin-bottom: 8px;
}
.woocommerce-checkout-review-order-table .cart-info-row span {
  margin-right: 0;
}
.woocommerce-checkout-review-order-table .cart-info-row:last-of-type {
  margin-bottom: 0;
}

.woocommerce-checkout-review-order-table-mobile {
  display: none;
}
.woocommerce-checkout-review-order-table-mobile tfoot {
  display: none !important;
}

/* ukryte pole */
#formStep_field {
  margin: 0;
}

#mobile-place-order {
  width: 100%;
  margin-top: 35px;
}

.checkout-your-cart-mobile-show {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #F3F3F5;
  color: #000;
  padding-bottom: 16px;
  padding-top: 16px;
  margin-left: -16px;
  width: calc(100% + 32px);
  padding-left: 16px;
  padding-right: 16px;
}
.checkout-your-cart-mobile-show h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: unset;
}
.checkout-your-cart-mobile-show:after {
  content: url(images/icons/arrow-down-black.svg);
  transition: all 0.4s;
}
.checkout-your-cart-mobile-show.open:after {
  transform: rotate(180deg);
}

.cart-info-row {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
  display: flex;
}
.cart-info-row > span {
  display: inline-block;
  margin-right: 3px !important;
}
.cart-info-row__price > div {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.cart-info-row__price > div bdi {
  color: #000;
}

/* info o mozliwosci logowania */
.checkout-account-isset {
  color: black;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 16px;
  margin-bottom: 0px;
}
.checkout-account-isset span {
  color: #C6002F;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  cursor: pointer;
}

/* info o mozliwosci logowania END */
#customer_details .woocommerce-account-fields {
  margin-bottom: 30px;
}

.shipping-details-ctn.step-ok input[type=radio]:not(:checked) {
  display: none;
}
.shipping-details-ctn.step-ok input[type=radio]:not(:checked) ~ label, .shipping-details-ctn.step-ok input[type=radio]:not(:checked) ~ .courier-logo {
  display: none !important;
}

/* fixy kiedy sa tylko kursy */
.checkout-form {
  /* tylko darmowy kurs */
  /* tylko kursy */
}
.checkout-form.only-free-course .next-step-checkout, .checkout-form.only-free-course .shipping-details-ctn, .checkout-form.only-free-course #payment-details-header {
  display: none;
}
.checkout-form.only-free-course #checkout-step-3, .checkout-form.only-free-course #term-accept-box {
  display: block;
}
.checkout-form.only-free-course #payment .next-step-checkout {
  display: inline-flex;
}
.checkout-form.only-course .shipping-details-ctn {
  display: none;
}

/* fixy kiedy sa tylko kursy */
.payment_box {
  margin-top: 5px;
}

#shipping-details-header {
  margin-bottom: 6px;
}

#shipping-details-header, #payment-details-header {
  border-top: 1px solid #F3F3F5;
}

.create-account label {
  left: 0 !important;
}

.create-account {
  margin-top: -11px;
}

/* checkboks - zapisz na newsletter */
#billing_newsletter_signup_field {
  margin-bottom: 20px;
}
#billing_newsletter_signup_field .woocommerce-input-wrapper {
  display: flex;
}
#billing_newsletter_signup_field label {
  left: 0;
  top: 11px;
  position: relative;
  display: flex;
  color: #000;
  flex-direction: row-reverse;
}
#billing_newsletter_signup_field .optional {
  text-indent: -99999px;
}

.secure-payments-info {
  background: #F2FDF8;
  margin-bottom: 16px;
  padding: 15px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #000;
  margin-top: 8px;
}

.checkout-ctn-main {
  display: flex;
}

.contact {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  .contact {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.14px;
  }
  .contact .wpcf7-submit {
    width: 100%;
  }
}
.contact__text {
  border-bottom: 1px solid #F3F3F5;
  padding-bottom: 16px;
}
.contact__text h1 {
  color: black;
  font-size: 30px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 768px) {
  .contact__text h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
}
.contact__text p {
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .contact__text2dsc {
    border-bottom: 1px solid #F3F3F5;
  }
}
.contact__text2 {
  padding-top: 16px;
  margin-bottom: 24px;
}
.contact__text2 h2 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  .contact__text2 h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 19px;
  }
}
.contact__text2 a {
  color: #C6002F;
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}
.contact__form form {
  margin-top: 32px;
}
@media only screen and (max-width: 768px) {
  .contact__form form {
    margin-top: 16px;
  }
}
.contact__form .row .col-6:last-of-type {
  padding-left: 8px;
}
.contact__form .row .col-6:first-of-type {
  padding-right: 8px;
}
.contact__form h2 {
  margin-top: 16px;
  margin-bottom: 16px;
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
}
@media only screen and (max-width: 768px) {
  .contact__form h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
}
.contact__sm {
  margin-top: 48px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 768px) {
  .contact__sm {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.contact__sm img {
  filter: brightness(0%);
  transition: all 0.4s;
}
.contact__sm .sm-list {
  margin: 0;
  justify-content: space-between;
}
.contact__sm .sm-list li {
  width: 20%;
  display: flex;
}
.contact__sm .sm-list a {
  width: 100%;
  justify-content: center;
  transition: all 0.4s;
  background: #fff;
}
.contact__sm .sm-list a:hover {
  background: #000;
}
.contact__sm .sm-list a:hover img {
  filter: brightness(100%);
}

/* baner promujacy apliakacjie */
.application-info {
  background: #131314;
  color: #fff;
  padding-bottom: 64px;
}
.application-info .btn {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .application-info .btn {
    min-width: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .application-info {
    padding-bottom: 24px;
  }
}
.application-info .container {
  background: url(images/application-bg-s.png) top right no-repeat;
}
@media only screen and (max-width: 768px) {
  .application-info .container {
    background-image: url(images/application-bg-mobile-s.png);
    background-position: top center;
  }
}
.application-info p {
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  max-width: 526px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
  .application-info p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}
.application-info__header {
  margin-top: 242px;
  margin-bottom: 16px;
  display: block;
  color: black;
  font-size: 88px;
  font-family: "RoslindaleCondensed", sans-serif;
  font-weight: 500;
  line-height: 104px;
  letter-spacing: 0.88px;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .application-info__header {
    font-size: 56px;
    line-height: 60px;
    margin-top: 320px;
  }
}
@media only screen and (max-width: 768px) {
  .application-info .btn {
    width: 100%;
  }
}

.wpcf7-not-valid-tip {
  font-size: 12px;
  line-height: 10px;
  top: 4px;
  position: relative;
}

.wpcf7-response-output {
  display: none !important;
}

.form-sent-success-info {
  display: none;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  bottom: 10%;
  z-index: 9;
  max-width: 358px;
}
@media only screen and (max-width: 768px) {
  .form-sent-success-info {
    width: calc(100% - 32px);
    max-width: 999px;
  }
}
.form-sent-success-info__ctn {
  background: #0C7A5B;
  display: flex;
  padding: 12px 8px 12px 12px;
  color: #fff;
  border-radius: 2px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.28px;
}
.form-sent-success-info__ctn img {
  cursor: pointer;
}

.user-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.user-menu li {
  border-bottom: 1px solid #F3F3F5;
}
.user-menu li:last-of-type {
  border-bottom: none;
}
.user-menu li a {
  padding-top: 24px;
  padding-bottom: 24px;
  display: block;
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #000000;
}
@media (max-width: 991.98px) {
  .user-menu li a {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}

/* ogolen ustawieani podstron moje konto czyli ustawienia, zamowienia itp */
.my-account-subpage__header {
  margin-top: 32px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #F3F3F5;
}
@media (max-width: 991.98px) {
  .my-account-subpage__header {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.my-account-subpage__header h1 {
  margin: 0;
}
.my-account-subpage__subheader {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .my-account-subpage__subheader {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.my-account-subpage__subheader h2 {
  margin: 0;
}
.my-account-subpage__subheader--border {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #F3F3F5;
}
@media (max-width: 991.98px) {
  .my-account-subpage__subheader--border {
    margin-bottom: 22px;
    padding-bottom: 22px;
  }
}

/* ustawienia moje konta*/
.my-account-edit-link {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  font-weight: 600 !important;
  color: #C6002F !important;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .my-account-edit-link {
    color: #6E727E;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}

.my-account-edit-page .my-account-subpage__header {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  .my-account-edit-page {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
}
.my-account-edit-page__box {
  border-bottom: 1px solid #F3F3F5;
  margin-top: 16px;
  margin-bottom: 16px;
}
@media (max-width: 991.98px) {
  .my-account-edit-page__box {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 22px;
  }
}
.my-account-edit-page__box > div {
  margin-bottom: 12px;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
}
@media (max-width: 991.98px) {
  .my-account-edit-page__box > div {
    font-size: 14px;
    line-height: 18px;
  }
}
.my-account-edit-page__box > div span {
  display: block;
}
.my-account-edit-page__box > div span:first-of-type {
  margin-bottom: 4px;
}
.my-account-edit-page__box > div span:last-of-type {
  margin-bottom: 0;
}

.modal-delete-account__text {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
}
@media (max-width: 991.98px) {
  .modal-delete-account__text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.14px;
  }
}
.modal-delete-account__text ul {
  padding: 0;
  margin: 0;
  margin-left: 16px;
  margin-bottom: 16px;
}
.modal-delete-account .form-row {
  margin-top: 32px;
}

/* moje zamóienia */
.no-orders-text h1 {
  color: black;
  font-size: 30px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
  margin-bottom: 8px;
}
@media (max-width: 991.98px) {
  .no-orders-text h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
}
.no-orders-text p {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  color: #6E727E;
}
@media (max-width: 991.98px) {
  .no-orders-text p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.14px;
  }
}
.no-orders-text .btn {
  margin-top: 24px;
}

.my-orders__orderRowHeader {
  padding-bottom: 16px;
  padding-top: 0px;
  display: flex;
  justify-content: space-between;
}
.my-orders__orderRowHeader--header {
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  color: #000;
}
@media (max-width: 991.98px) {
  .my-orders__orderRowHeader--header {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: unset;
  }
}
.my-orders__orderRowHeader--right {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
  display: flex;
  gap: 4px;
}
@media (max-width: 991.98px) {
  .my-orders__orderRowHeader--right {
    color: #6E727E;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}
.my-orders__orderRowHeader--right span:last-of-type {
  color: #000;
}
.my-orders__orderStatus {
  margin-top: 8px;
}
.my-orders__orderRow {
  border-bottom: 1px solid #F3F3F5;
  padding-bottom: 24px;
  margin-top: 16px;
}
.my-orders__orderRow:last-of-type {
  padding-bottom: 0px;
  border: none;
}
.my-orders__orderRow.first-row {
  margin-top: 0;
}
.my-orders__orderStatus ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.my-orders__orderStatus ul li {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  margin-bottom: 16px;
  display: flex;
  color: #000;
}
.my-orders__orderStatus ul li strong {
  margin-left: 4px;
}
.my-orders__orderStatus ul li img {
  display: inline-block;
  margin-right: 12px;
}
.my-orders__orderStatus ul time {
  margin-left: 4px;
  display: block;
}
.my-orders__orderStatus--info {
  flex-direction: column;
}
.my-orders__orderStatus--info strong {
  margin-left: 4px;
}
.my-orders__orderStatus--info p {
  margin-top: 8px;
  margin-bottom: 24px !important;
}
.my-orders__orderStatus--info .btn {
  margin-bottom: 16px;
}
.my-orders__orderStatus--info > div:first-of-type {
  display: flex;
}
.my-orders__link .btn {
  min-width: 150px;
  min-height: 32px;
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 991.98px) {
  .my-orders__link .btn {
    min-width: 106px;
  }
}
.my-orders__images {
  margin-bottom: 16px;
  display: flex;
  gap: 8px;
}
.my-orders__images img {
  object-fit: cover;
  width: 78px;
  height: 78px;
}
.my-orders__deliveryDetails {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  line-height: 25px;
}
@media (max-width: 991.98px) {
  .my-orders__deliveryDetails {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.14px;
    font-size: 14px;
    line-height: 18px;
  }
}

/* szczegóły zamówienia */
.order-details-ctn {
  max-width: 1034px !important;
}
.order-details-ctn .col-8 {
  max-width: 612px;
  padding-right: 60px;
}
@media only screen and (max-width: 600px) {
  .order-details-ctn .col-8 {
    max-width: 100%;
    margin-right: 0px;
    flex: 0 0 100%;
    padding-right: 16px;
  }
}
.order-details-ctn .col-4 {
  max-width: 360px;
}
@media only screen and (max-width: 600px) {
  .order-details-ctn .col-4 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.order-details-ctn .top-header-br h1, .order-details-ctn .top-header-br h2 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
}
@media (max-width: 991.98px) {
  .order-details-ctn .top-header-br h1, .order-details-ctn .top-header-br h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
}
@media (max-width: 991.98px) {
  .order-details-ctn .top-header-br h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: unset;
  }
}
.order-details-ctn .products-list {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #F3F3F5;
  position: relative;
}
@media (max-width: 991.98px) {
  .order-details-ctn .products-list {
    margin-bottom: 16px;
    border: none;
  }
  .order-details-ctn .products-list:before {
    content: "";
    border-top: 1px solid #F3F3F5;
    left: -16px;
    width: calc(100% + 32px);
    position: absolute;
    top: 0;
  }
}
.order-details-ctn .my-courses__courseText h3 {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  .order-details-ctn .my-courses__courseText h3 {
    margin-bottom: 4px;
  }
}

.order-details-summary-right > div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  color: #000;
}
@media (max-width: 991.98px) {
  .order-details-summary-right > div {
    margin-bottom: 16px;
  }
}
.order-details-summary-right > div > span {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.32px;
  color: #6E727E;
}
@media (max-width: 991.98px) {
  .order-details-summary-right > div > span {
    color: #6E727E;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}
.order-details-summary-right > div > span:first-of-type {
  display: flex;
}
.order-details-summary-right > div .tooltip {
  margin-left: 4px;
}
.order-details-summary-right > div:last-of-type {
  color: #000;
}
.order-details-summary-right > div:last-of-type strong, .order-details-summary-right > div:last-of-type bdi {
  color: #000;
}

.order-details-help > span {
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  display: block;
  margin-bottom: 26px;
  color: #000;
  cursor: pointer;
  justify-content: space-between;
  display: flex;
  border-top: 1px solid #F3F3F5;
  padding-top: 16px;
}
@media (max-width: 991.98px) {
  .order-details-help > span {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: unset;
  }
}
.order-details-help > span:after {
  content: url(images/icons/arrow-down-black.svg);
  transition: all 0.4s;
  transform: rotate(0);
}
.order-details-help > span.open:after {
  transform: rotate(180deg);
}
.order-details-help__ctn {
  display: none;
}
.order-details-help__ctn ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.order-details-help__ctn ul li {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  letter-spacing: -0.32px;
  display: flex;
}
.order-details-help__ctn ul li img {
  display: block;
  margin-right: 12px;
}
.order-details-help__ctn ul a {
  color: #C6002F;
}

.woocommerce-order-pay #order_review {
  max-width: 824px;
  margin: 0 auto;
  margin-top: 32px;
}
.woocommerce-order-pay #order_review h1 {
  color: black;
  font-size: 30px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
}
@media (max-width: 991.98px) {
  .woocommerce-order-pay #order_review h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
}

/* edycja adresow */
.woocommerce-edit-address .woocommerce-MyAccount-content {
  max-width: 824px !important;
  margin: 0 auto;
  margin-top: 32px;
}
@media (max-width: 991.98px) {
  .woocommerce-edit-address .woocommerce-MyAccount-content {
    margin-top: 16px;
  }
}
.woocommerce-edit-address .woocommerce-MyAccount-content .addresses {
  margin-top: 32px;
}
.woocommerce-edit-address .woocommerce-MyAccount-content h2 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
  margin-bottom: 0;
}
.woocommerce-edit-address .woocommerce-MyAccount-content .col-1, .woocommerce-edit-address .woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}
.woocommerce-edit-address .woocommerce-MyAccount-content .edit {
  margin-top: 0;
  margin-left: 16px;
}
.woocommerce-edit-address .woocommerce-MyAccount-content .title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.woocommerce-edit-address .woocommerce-address-fields {
  margin-top: 21px;
}

/* edycja adresow END */
/* strona moje konto - tego nie ma w projekcie ale dostyluje jak ktos tam trafi */
.woocommerce-MyAccount-content {
  max-width: 824px !important;
  margin: 0 auto;
  margin-top: 32px;
}
@media (max-width: 991.98px) {
  .woocommerce-MyAccount-content {
    margin-top: 16px;
  }
}
.woocommerce-MyAccount-content a {
  color: #C6002F;
}
.woocommerce-MyAccount-content h1 {
  margin-top: 0;
}
.woocommerce-MyAccount-content .btn {
  color: #fff;
}

/* strona moje konto - tego nie ma w projekcie ale dostyluje jak ktos tam trafi END */
.woocommerce-orders .hentry {
  margin-bottom: 32px;
}

.woocommerce-view-order .woocommerce-MyAccount-content {
  max-width: 1030px !important;
}
.woocommerce-view-order .woocommerce-MyAccount-content .col-4 .top-header-br h2 {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  .woocommerce-view-order .woocommerce-MyAccount-content .col-4 .top-header-br h2 {
    margin-top: 32px;
  }
}

.order-detail-amount-count {
  color: #6E727E;
  white-space: nowrap;
  order: 3;
}

.order-detail-review-info {
  max-height: 130px;
  display: inline-block;
  color: #6E727E;
}

.about-ctn .subpage-top-img {
  margin-bottom: 24px;
}
.about-ctn .subpage-top-img img {
  object-position: center;
}
@media (max-width: 991.98px) {
  .about-ctn .subpage-top-img img {
    height: 420px;
  }
}
.about-ctn h2 {
  color: black;
  font-size: 24px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.24px;
}
@media (max-width: 991.98px) {
  .about-ctn h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
}
.about-ctn p, .about-ctn ul, .about-ctn ol {
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #6E727E;
}
@media (max-width: 991.98px) {
  .about-ctn p, .about-ctn ul, .about-ctn ol {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}
.about-ctn__imgText {
  position: relative;
}
.about-ctn__imgText h1 {
  position: absolute;
  bottom: 0;
  padding-left: 16px;
  padding-bottom: 12px;
  margin-bottom: 0px;
  font-size: 56px;
  line-height: 60px;
  width: 100%;
  color: #fff;
  background: linear-gradient(180deg, rgba(19, 19, 20, 0) 0%, #131314 100%);
}
.about-ctn__text {
  color: #999EA8;
  background: #131314;
  padding: 0 16px 24px;
}
.about-ctn__text p {
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #999EA8;
  margin: 0;
}
@media (max-width: 991.98px) {
  .about-ctn__text p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}
@media (max-width: 991.98px) {
  .about-ctn__main img {
    margin-left: -16px;
    width: calc(100% + 32px);
    max-width: calc(100% + 32px);
  }
}
.about-ctn .categories-list {
  margin-top: 16px;
}
.about-ctn__categories {
  padding-top: 24px;
  margin-bottom: 24px;
}
.about-ctn__categories > p {
  margin-bottom: 24px;
}
.about-ctn__categories > h2 {
  margin-bottom: 0;
}
.about-ctn__categoriesTop {
  margin-top: 32px;
  border-top: 1px solid #F3F3F5;
}
@media (min-width: 768px) {
  .about-ctn .single-category-box__img {
    width: 230px;
    height: 230px;
    object-fit: cover;
  }
}

@media only screen and (min-width: 768px) {
  .content-404 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.content-404 h1 {
  color: black;
  font-size: 30px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
}
@media only screen and (max-width: 768px) {
  .content-404 h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
}
.content-404 p {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  .content-404 p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.14px;
  }
}
.content-404 .btn {
  margin-top: 16px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .content-404 .btn {
    width: 100%;
    margin-bottom: 40px;
  }
}

body .input-clear, body .input-text, body .cwgstock_email {
  border: 1px solid #DCDFE1;
  transition: all 0.4s;
  background: none;
  box-shadow: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  border-radius: 2px;
  padding: 18px 12px;
}
body .input-clear__full, body .input-text__full, body .cwgstock_email__full {
  width: 100%;
}
body .input-clear:focus, body .input-text:focus, body .cwgstock_email:focus {
  background: none;
  border-color: #000;
  -webkit-box-shadow: 0px 0px 0px 0.5px rgb(0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0.5px rgb(0, 0, 0);
  box-shadow: 0px 0px 0px 0.5px rgb(0, 0, 0);
}

.form-row {
  position: relative;
  margin-bottom: 16px;
}
.form-row label {
  position: absolute;
  top: 18px;
  left: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.21px;
  color: #6E727E;
  transition: all 0.4s;
}
.form-row.form-row input {
  width: 100%;
}
.form-row.mailchimp-newsletter label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  left: 0;
  margin-bottom: 10px;
}
.form-row.mailchimp-newsletter label span {
  color: #000;
  margin-left: 10px;
}
.form-row.mailchimp-newsletter label #mailchimp_woocommerce_newsletter {
  width: auto;
  accent-color: #000;
}

/* style labela kiedy jest wartosc */
.input-text:focus + .input-label,
.form-row label.active {
  top: 8px;
  left: 12px;
  font-size: 10px;
  line-height: 12px;
}

.input-text:focus, .input-text:active, .form-row label.active ~ span input, .form-row label.active ~ input, body .input-text.active-input {
  padding-top: 26px;
  padding-bottom: 11px;
}

.form-row.notes label {
  top: 8px;
}
.form-row.notes .input-text {
  padding-top: 22px !important;
}

[data-lastpass-icon-root] {
  display: none !important;
}

/* selecty od wyboru kraju */
.address-field > label {
  z-index: 2;
  top: 8px;
  left: 12px;
  color: #6E727E;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: -0.1px;
}
.address-field .select2-container--default .select2-selection--single {
  height: 56px;
  border-color: #DCDFE1;
  padding-top: 22px;
  border-radius: 2px;
}
.address-field .select2-container .select2-selection--single .select2-selection__rendered {
  color: #2E2E32;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  border-radius: 2px;
  letter-spacing: -0.21px;
  padding-left: 12px;
}
.address-field .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background: url(images/icons/arrow-down-black.svg);
  border: none;
  width: 20px;
  height: 20px;
  margin-left: -22px;
  margin-top: 4px;
}

.modal-login {
  overflow: visible;
  z-index: 9999;
  justify-content: center;
  background: #fff !important;
  text-align: center;
}
@media (max-width: 991.98px) {
  .modal-login {
    text-align: left;
  }
}
.modal-login__top {
  padding: 18px;
  border-bottom: 1px solid #F3F3F5;
  display: flex;
  justify-content: center;
}
.modal-login__ctn {
  margin-top: 48px;
  margin: 48px auto 0 auto;
  max-width: 400px;
}
@media (max-width: 991.98px) {
  .modal-login__ctn {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 24px;
  }
}
.modal-login__header {
  color: black;
  font-size: 30px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
  margin-top: 0;
  margin-bottom: 24px;
  display: block;
}
@media (max-width: 991.98px) {
  .modal-login__header {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
}
@media (max-width: 991.98px) {
  .modal-login__header {
    margin-bottom: 16px;
  }
}
.modal-login__headerText {
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  display: block;
  color: #6E727E;
  margin-bottom: 32px !important;
}
@media (max-width: 991.98px) {
  .modal-login__headerText {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}
@media (max-width: 991.98px) {
  .modal-login__headerText {
    margin-bottom: 24px !important;
  }
}
.modal-login .modal-login-hide, .modal-login .modal-login-back {
  border: 1px solid #F3F3F5;
  border-radius: 2px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}
.modal-login .modal-login-back {
  right: auto;
  left: 16px;
}
.modal-login .modal-login-back.show {
  display: flex;
}
.modal-login form .btn {
  width: 100%;
  margin-top: 8px;
}
.modal-login__back {
  text-align: left;
  margin-bottom: 32px !important;
}
@media (max-width: 991.98px) {
  .modal-login__back {
    margin-bottom: 24px !important;
  }
}
.modal-login__backEmail {
  display: block;
  color: #999EA8;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.18px;
  color: #000;
}
.modal-login__backLink {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.28px;
  margin-top: 8px;
  display: block;
}
.modal-login__backLinkActive {
  color: #C6002F;
  cursor: pointer;
}
.modal-login__subLabel {
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  margin-bottom: 16px;
  display: block;
  color: #6E727E;
}
@media (max-width: 991.98px) {
  .modal-login__subLabel {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}
.modal-login__forget, .modal-login__acceptRules {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  color: #6E727E;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #000;
}
.modal-login__acceptRules {
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
}
.modal-login__acceptRules #accept-rules-error {
  margin-top: 8px;
  margin-left: 26px;
}
.modal-login .modal-login-forget-link {
  color: #C6002F;
  font-weight: 600;
  cursor: pointer;
}
.modal-login .form-row {
  text-align: left;
}

@media (max-width: 991.98px) {
  #login-reset-password {
    margin-top: 0;
  }
}

.modal-login-step-password, .modal-login-step-new, .modal-login-step-resetPassword, .modal-login-step-resetPasswordConfirm, .modal-login .modal-login-back {
  display: none;
}

#password-hide, #password-hide-2, #password-hide-reset {
  position: absolute;
  right: 12px;
  top: 17px;
  cursor: pointer;
}

.modal-login-step-resetPassword {
  text-align: left;
}

.modal-login-step-resetPasswordConfirm {
  text-align: left;
}
.modal-login-step-resetPasswordConfirm .resetPasswordConfirmTextTop {
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  border-bottom: 1px solid #F3F3F5;
  padding-bottom: 24px;
  margin-bottom: 24px;
  color: #6E727E;
}
@media (max-width: 991.98px) {
  .modal-login-step-resetPasswordConfirm .resetPasswordConfirmTextTop {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}
.modal-login-step-resetPasswordConfirm .resetPasswordConfirmTextBottom {
  text-align: left;
}
.modal-login-step-resetPasswordConfirm .resetPasswordConfirmTextBottom p {
  color: #6E727E;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  color: #6E727E;
}
@media (max-width: 991.98px) {
  .modal-login-step-resetPasswordConfirm .resetPasswordConfirmTextBottom p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.14px;
  }
}
.modal-login-step-resetPasswordConfirm .resetPasswordConfirmTextBottom span {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.18px;
  color: #000;
}
@media (max-width: 991.98px) {
  .modal-login-step-resetPasswordConfirm .resetPasswordConfirmTextBottom span {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: unset;
  }
}
.modal-login-step-resetPasswordConfirm .btn {
  width: 100%;
  margin-top: 24px;
}

.lost-password-error-page {
  margin-top: 20px;
}
.lost-password-error-page .woocommerce-error {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #C6002F;
}

.reset-password-form {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 48px;
}
.reset-password-form__text {
  margin-bottom: 16px;
}
.reset-password-form__text h1 {
  color: black;
  font-size: 30px;
  font-family: "RoslindaleDisplayNarrowMedium", sans-serif;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.3px;
  color: #000;
}
@media (max-width: 991.98px) {
  .reset-password-form__text h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
}
.reset-password-form__text p {
  color: #999EA8;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px;
  color: #6E727E;
}
@media (max-width: 991.98px) {
  .reset-password-form__text p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.16px;
  }
}
.reset-password-form .btn {
  width: 100%;
}

#reset-password-form .woocommerce-password-strength {
  display: none !important;
}

/*
@import "components/navigation";
@import "components/blog";
@import "components/newsletter";
@import "components/compare";

//layout

@import "layout/header";
@import "layout/forms";
@import "layout/custom_form";
@import "layout/login";
@import "layout/search";

//pages
*/

/*# sourceMappingURL=style.css.map */