@charset "UTF-8";
  html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container {
width: 100%;
opacity: 1 !important;
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;
}
}    .wc-proceed-to-checkout {
margin-bottom: 0;
}
.wc-proceed-to-checkout .checkout-button.btn.btn--arrow {
color: #fff;
background-color: #eb1618;
min-width: 250px;
justify-content: space-between;
border-color: transparent;
}
@media (min-width: 768px) and (max-width: 1000px) {
body:not(.page-template-template-fullwidth-php) table.cart td,
body:not(.page-template-template-fullwidth-php) table.cart th {
padding: 1em !important;
}
}
@media (max-width: 767.98px) {
.woocommerce-cart-form {
margin-bottom: 0;
border-radius: 18px 18px 0 0;
}
.woocommerce-cart-form .woocommerce-cart-form__cart-item.cart_item {
display: flex;
flex-wrap: wrap;
row-gap: 20px;
padding-inline: 0.275em;
padding-block: 20px !important;
border-bottom: 1px solid #e1e1e1;
}
.woocommerce-cart-form .woocommerce-cart-form__cart-item.cart_item td {
padding: 0.275em 0.275em 0;
}
.woocommerce-cart-form .woocommerce-cart-form__cart-item.cart_item .product-price-ctn-br {
padding-left: 0 !important;
}
.woocommerce-cart-form .woocommerce-cart-form__cart-item.cart_item:first-child {
border-radius: 18px 18px 0 0;
}
.woocommerce-cart-form .woocommerce-cart-form__cart-item.cart_item:nth-child(even),
.woocommerce-cart-form table:not(.has-background) tbody tr:nth-child(2n) td,
.woocommerce-cart-form fieldset,
.woocommerce-cart-form fieldset legend,
.woocommerce-cart-form .tr-actions,
.woocommerce-cart-form .actions,
.woocommerce-cart-form ~ .step-one-cart-footer {
background-color: #f3f3f3 !important;
}
.woocommerce-cart-form .actions {
margin: 0 auto;
padding-bottom: 40px !important;
}
.woocommerce-cart-form .actions .coupon {
width: 100%;
border-bottom: none !important;
}
.woocommerce-cart-form .actions button[name=apply_coupon] {
margin-top: 1.5em !important;
}
.woocommerce-cart-form .actions button[name=update_cart] {
width: 100%;
}
.woocommerce-cart-form .product-remove {
border-top: unset !important;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
}
.woocommerce-cart-form .product-remove a {
position: static !important;
transform: unset !important;
}
.woocommerce-cart-form .product-remove a:after {
display: block !important;
position: static !important;
top: unset !important;
left: unset !important;
transform: unset !important;
}
.woocommerce-cart-form .product-thumbnail {
width: 25%;
}
.woocommerce-cart-form .product-name {
display: flex;
align-items: center;
width: 60%;
}
.woocommerce-cart-form .product-name a {
display: inline-block;
font-weight: bold !important;
font-size: 14px !important;
line-height: 16px !important;
text-align: left !important;
}
.woocommerce-cart-form .product-price {
width: 40%;
visibility: hidden;
position: absolute;
z-index: -100;
}
.woocommerce-cart-form .product-quantity {
width: 60px;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%) translateY(6px);
}
}
@media screen and (max-width: 767.98px) and (max-width: 375px) {
.woocommerce-cart-form .product-quantity {
left: 25%;
transform: translateX(-50%) translateY(-5%);
}
}
@media (max-width: 767.98px) {
.woocommerce-cart-form .product-quantity .qty {
width: 60px !important;
}
.woocommerce-cart-form .product-quantity .input-text {
min-height: 39px;
}
.woocommerce-cart-form .product-subtotal {
width: 100%;
}
.woocommerce-cart-form .product-subtotal .product-price-ctn,
.woocommerce-cart-form .product-subtotal bdi {
font-size: 14px !important;
}
.woocommerce-cart-form .product-subtotal .product-price-ctn {
flex-direction: row !important;
justify-content: space-between;
-moz-column-gap: 70px;
column-gap: 70px;
}
}
@media screen and (max-width: 767.98px) and (max-width: 375px) {
.woocommerce-cart-form .product-subtotal .product-price-ctn {
display: inline-block !important;
transform: translateX(50%);
}
}
@media (max-width: 767.98px) {
.woocommerce-cart-form .product-price::before,
.woocommerce-cart-form .product-name::before,
.woocommerce-cart-form .product-quantity::before,
.woocommerce-cart-form .product-subtotal::before {
display: none;
}
.cartPage-table .shop_table.shop_table_responsive {
border-radius: 18px 18px 0 0;
margin-bottom: 0;
}
}
@media screen and (max-width: 767.98px) and (max-width: 576px) {
.cartPage-table .shop_table.shop_table_responsive {
table-layout: fixed;
}
}
@media (max-width: 767.98px) {
.cartPage-table .cart-collaterals {
width: 100vw;
left: -15px;
}
.cartPage-table .cart-collaterals table {
table-layout: fixed;
width: -moz-max-content;
width: max-content;
margin-left: auto;
}
.hentry {
margin: 0 0 0;
}
}
.product-list-main.list .single-product-box {
display: flex;
flex-direction: column;
padding: 15px 18px 30px;
}
.product-list-main.list .product-content {
display: flex;
flex-direction: column;
flex: 1;
}
.product-list-main.list .product-content .product-content__bottom {
margin-top: auto;
display: flex;
flex-direction: column;
gap: 6px;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
width: 100%;
}
.swiper-products-list__slide .btn {
min-height: 37px !important;
}
.products-similar .swiper-slide {
display: flex;
flex-direction: column;
height: auto;
}
.products-similar .single-product-box {
display: flex;
flex-direction: column;
height: 100%;
}
.products-similar .single-product-box .product-content {
display: flex;
flex-direction: column;
flex: 1;
}
.products-similar .single-product-box .product-content .product-content__bottom {
margin-top: auto;
display: flex;
flex-direction: column;
gap: 20px;
}
.lg-prev:before {
content: "\e094";
}
.lg-video-object {
width: auto !important;
height: auto !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
.gallery-fv {
padding-bottom: 30px !important;
}
.gallery-fv .swiper-gallery-fv {
padding-bottom: 40px !important;
}
@media screen and (min-width: 991px) {
.gallery-fv .swiper-gallery-fv {
padding-bottom: 0px !important;
}
}
.gallery-fv__controls {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
height: -moz-fit-content !important;
height: fit-content !important;
transform: translateY(-55%) !important;
margin-top: 0px !important;
}
.gallery-fv__controls > div {
transform: scale(1.3) !important;
}
@media screen and (min-width: 991px) {
.gallery-fv__controls {
top: 50% !important;
width: 100% !important;
justify-content: space-between !important;
margin-inline: auto !important;
z-index: 10;
}
}   html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
background-color: #fff;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
body,
html,
button,
input,
select,
optgroup,
textarea,
html {
color: #1d1d1b;
font-size: 18px;
font-family: "Manrope", sans-serif;
font-weight: 500;
line-height: 28px;
}
body,
html {
font-family: "Manrope", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #1d1d1b;
} h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
clear: both;
font-display: swap;
font-family: "Manrope", sans-serif;
font-weight: 700;
}
h1 mark,
h2 mark,
h3 mark,
h4 mark,
h5 mark,
h6 mark {
font-weight: 700;
}
@media (max-width: 991.98px) {
h1 br,
h2 br,
h3 br,
h4 br,
h5 br,
h6 br {
display: none;
}
}
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;
}
}
@media (max-width: 499.98px)
{
h2.big,
.h2.big {
font-size: 33px;
line-height: 39px;
}
} a {
text-decoration: none;
transition: all 0.5s;
cursor: pointer;
}
.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: 1250px) {
.hide-if-mobile-menu {
display: none !important;
}
}
@media screen and (min-width: 1250px) {
.show-if-mobile-menu {
display: none !important;
}
}
img {
border-radius: 0px;
}
body,
html {
overflow-x: hidden !important;
}
a {
color: #1d1d1b;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
outline: none;
}
.lg-sub-html p {
font-family: "Manrope", sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 26px;
}
.lg-close::before {
content: "\e070" !important;
}
.tooltipBtn {
position: relative;
}
.tooltipBtn span {
position: absolute;
}
.tooltipBtn span:after {
content: attr(data-compareAlert);
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
top: -23px;
position: absolute;
white-space: normal;
width: 260px;
height: auto;
border-radius: 15px;
padding: 6px 12px;
font-size: 13px;
line-height: 1.2;
right: 49px;
visibility: hidden;
opacity: 0;
transition: all 0.4s;
}
.tooltipBtn:hover span:after {
opacity: 1;
visibility: visible;
}
.page-template .subpage-breadcrumbs {
padding-top: 5px !important;
}
.subpage-breadcrumbs {
font-size: 16px;
z-index: 2;
font-weight: bold;
line-height: 20px !important;
}
@media (max-width: 991.98px) {
.subpage-breadcrumbs {
font-size: 12px;
}
}
.subpage-breadcrumbs a {
font-weight: 500;
color: #1d1d1b !important;
font-size: 16px;
}
@media (max-width: 991.98px) {
.subpage-breadcrumbs a {
font-size: 12px;
}
}
.subpage-breadcrumbs span {
color: #eb1618;
display: inline-block;
margin-left: 4px;
margin-right: 4px;
}
.site-main {
padding-top: 30px;
}
.site-main a {
color: #eb1618;
}
.noresult {
font-size: 22px;
font-weight: bold;
}
@media (min-width: 768px) {
.revert {
order: 2;
}
}
@media (max-width: 991.98px) {
.revert-mobile-top {
order: -1;
}
}
mark {
color: #eb1618;
font-weight: 400;
}
strong mark {
font-weight: 700;
}
h2 + h3,
.beta + h3 {
border: none;
}
.clear-list-horizontal {
list-style: none;
padding: 0;
margin: 0;
}
.clear-list-horizontal li {
display: inline-block;
}
.loading-results .search-img {
opacity: 0;
}
.select2-container .select2-search--inline {
width: 100%;
}
.storefront-full-width-content .content-area {
float: none;
}
.product-top-section + #section-presentation {
margin-top: 50px;
}
.product-top-section {
max-width: 1920px;
margin: 0 auto;
}
@media (min-width: 768px) {
.product-top-section {
background: url(//draminski.pl/wp-content/themes/draminski2024/images/product-top-left-bg.png) no-repeat top left;
}
}
@media (max-width: 991.98px) {
.product-top-section {
margin-top: 20px;
}
}
.product-top-section .subpage-breadcrumbs {
position: relative;
top: -70px;
margin-left: -15px;
max-width: calc(100% - 15px);
}
@media (max-width: 1500px)
{
.product-top-section .subpage-breadcrumbs
{
top: -40px;
}
}
@media (max-width: 1250px) {
.product-top-section .subpage-breadcrumbs
{
position: absolute;
top: 20px;
left: 15px;
}
}
@media (max-width: 991.98px) {
.product-top-section .subpage-breadcrumbs {
top: -21px;
line-height: 16px;
}
}
@media (max-width: 767.98px)
{
.product-top-section .subpage-breadcrumbs {
left: 25px;
}
}
.product-top-section__tablet-img img {
width: 100%;
}
.product-top-section__mobile-img {
display: none;
}
@media screen and (max-width: 600px) {
.product-top-section__mobile-img {
display: block;
margin-top: 20px;
}
}
.product-top-section__mobile-img img {
width: 100%;
}
.cart-btn {
margin: 0;
position: relative;
}
.cart-btn .main-quantity-tooltip {
position: absolute;
font-size: 12px;
top: -20px;
width: 160px;
z-index: 9;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
display: none;
}
.cart-btn .main-quantity-tooltip--bottom {
bottom: -25px;
top: auto;
}
.cart-btn .single_add_to_cart_button {
padding-right: 35px;
padding-left: 35px;
height: 60px;
border-radius: 50px; }
@media (max-width: 991.98px) {
.cart-btn .single_add_to_cart_button {
padding-right: 20px;
padding-left: 20px;
}
}
.cart-btn .single_add_to_cart_button:after, .cart-btn .single_add_to_cart_button:before {
margin-left: 9px;
margin-top: 4px;
transition: all 0.4s;
position: absolute;
right: 17px;
}
.cart-btn .single_add_to_cart_button--box {
height: 44px;
}
.cart-btn .single_add_to_cart_button:hover:before {
opacity: 1;
}
.cart-btn .single_add_to_cart_button:hover:after {
opacity: 0;
}
.cart-btn .single_add_to_cart_button img {
margin-left: 10px !important;
margin-right: 10px !important;
}
.cart-btn .single_add_to_cart_button .icon-add-to-cart-red {
opacity: 1;
transition: all 0.4s;
display: none;
visibility: hidden;
opacity: 0;
}
.cart-btn .single_add_to_cart_button .icon-add-to-cart-white {
opacity: 1;
transition: all 0.4s;
}
.cart-btn .single_add_to_cart_button:hover .icon-add-to-cart-red {
display: initial;
visibility: visible;
opacity: 1;
}
.cart-btn .single_add_to_cart_button:hover .icon-add-to-cart-white {
display: none;
visibility: hidden;
opacity: 0;
} .swiper-button-next,
.swiper-button-prev {
width: 47px;
height: 47px;
color: #000000;
border: 1px solid #000000;
border-radius: 50%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 25px;
text-align: center;
}
.swiper-pagination .swiper-pagination-bullet {
background: #fff;
border: 1px solid #000;
width: 12px;
height: 12px;
margin-left: 3.5px;
margin-right: 3.5px;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #000;
}  .single-product-box {
width: 287px;
border-radius: 15px;
border: 1px solid #c8c8c8;
padding: 15px 18px 20px;
}
@media screen and (min-width: 978px) and (max-width: 1300px) {
.single-product-box {
width: 250px;
}
}
.single-product-box .product-image {
position: relative;
display: flex;
justify-content: center;
height: 340px;
}
.single-product-box .product-image a {
margin: auto;
}
.single-product-box .product-image img.label-sticky {
position: absolute;
inset: 0;
}
.single-product-box .product-image img.other {
left: auto !important;
max-width: 185px;
}
@media (max-width: 399.98px) {
.single-product-box .product-image img.other
{
max-width: 120px;
}
}
.single-product-box .product-content__top {
margin-top: 30px;
text-align: left;
}
.single-product-box .product-content__top h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 15px;
line-height: 24px;
}
.single-product-box .product-content__top h3 a {
font-weight: 700;
color: #1d1d1b;
}
.single-product-box .product-content__middle {
font-size: 15px;
line-height: 24px;
text-align: left;
min-height: 90px;
}
@media (max-width: 991.98px) {
.single-product-box .product-content__middle {
min-height: 1px;
}
}
.single-product-box .product-content__bottom .btn-product-show {
color: #1d1d1b;
margin-bottom: 20px;
display: flex;
justify-content: center;
}
.single-product-box .product-content__bottom .btn-product-show img {
margin-left: 10px;
}
.single-product-box .product-content__bottom .btn {
max-width: 100%;
width: 100%;
padding-top: 0px;
padding-bottom: 0px; }
@media (max-width: 1000px) {
.single-product-box .product-content__bottom .btn {
font-size: 17px;
}
}  .subpage-top {
margin-top: 60px !important;
padding: 0 !important;
}
.subpage-top-large {
margin-top: 110px !important;
}
@media (max-width: 991.98px) {
.subpage-top-large {
padding: 0 !important;
}
}
.subpage-under-breadcrumb {
margin-top: 90px !important;
}
@media (max-width: 991.98px) {
.subpage-under-breadcrumb {
margin-top: 45px !important;
}
}
.subpage-banner {
padding: 0;
position: relative;
}
.subpage-banner:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.subpage-banner.ov-hide:before {
content: none;
}
@media (max-width: 991.98px) {
.subpage-banner img {
min-height: 150px;
-o-object-fit: cover;
object-fit: cover;
}
}
.subpage-banner__text {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.subpage-banner__text h1,
.subpage-banner__text h2,
.subpage-banner__text p {
color: #fff;
}
.subpage-banner__text p {
margin-top: 0;
margin-bottom: 10px;
font-size: 22px;
font-weight: bold;
}
.subpage-banner__text h1 {
margin: 0;
}
.subpage-banner .subpage-breadcrumbs {
top: 2px;
position: absolute;
left: 50%;
transform: translateX(-50%);
color: #fff !important;
}
.subpage-banner .subpage-breadcrumbs a {
color: #fff !important;
}
.subpage-banner .subpage-breadcrumbs--blackFont {
color: #1d1d1b !important;
}
.subpage-banner .subpage-breadcrumbs--blackFont a {
color: #1d1d1b !important;
}
.subpage-banner__blackBreadcrumbs .subpage-breadcrumbs {
color: #1d1d1b !important;
}
.subpage-banner__blackBreadcrumbs .subpage-breadcrumbs a {
color: #1d1d1b !important;
}
.top-baner-clear .subpage-banner:before {
content: none;
}
.top-baner-clear .subpage-banner h1,
.top-baner-clear .subpage-banner h2,
.top-baner-clear .subpage-banner p {
color: #1d1d1b;
}
.top-baner-clear .subpage-breadcrumbs {
color: #1d1d1b;
}
.top-baner-clear .subpage-breadcrumbs a {
color: #1d1d1b;
}  .ul-check ul {
margin-left: 0px;
padding-left: 20px;
}
.ul-check ul li {
font-size: 16px;
position: relative;
line-height: 24px;
list-style: none;
margin-bottom: 12px;
}
.ul-check ul li:after {
content: "";
position: absolute;
display: block;
box-sizing: border-box;
top: 6px;
left: -20px;
background-image: url(//draminski.pl/wp-content/themes/draminski2024/images/check.svg);
background-size: contain;
height: 10px;
width: 10px;
}  .bgc-gray {
background: #f3f3f3;
padding: 80px 20px;
}
@media (max-width: 991.98px) {
.bgc-gray {
padding: 40px 0px;
}
}
.section-std img
{
width: 100%;
margin-right: 10px;
border-radius: 8px;
}
.row-reverse{
flex-direction: row-reverse;
}
.section-std-marg + .section-std-marg
{
padding-top: 0 !important;
}
.section-std,
.subpage-under-baner {
padding: 80px 20px;
}
@media (max-width: 991.98px) {
.section-std,
.subpage-under-baner {
padding: 40px 20px;
}
}
@media (max-width: 991.98px) {
.section-std .image,
.subpage-under-baner .image {
margin-bottom: 30px;
}
}  .youtube-ctn {
border-radius: 10px;
width: 100%;
padding-bottom: 56.25%;
height: 0;
position: relative; }
.youtube-ctn iframe {
width: 100%;
height: 100% !important;
border-radius: 10px;
top: 0;
left: 0;
position: absolute; }
.youtube-ctn > img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 10px;
}
.youtube-ctn__play {
border-radius: 10px;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
text-align: center;
}
.youtube-ctn__play img {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.4s;
opacity: 0.6;
}
.youtube-ctn__play:hover img {
opacity: 1;
}  .st-subpage__textExtra {
font-size: 22px;
font-weight: 600;
line-height: 30px;
}
.st-subpage__textExtra mark {
font-size: 22px;
font-weight: 600;
line-height: 30px;
}
.st-subpage__text .btn {
margin-top: 10px;
margin-right: 20px;
}
.st-subpage__textBorder {
border-top: 1px solid #ebebeb;
padding-top: 30px;
margin-top: 30px;
}
.st-subpage__textBorder .download-link {
margin-top: 30px;
font-weight: bold;
font-size: 22px;
line-height: 60px;
color: #1d1d1b;
}
.st-subpage__textBorder .download-link img {
margin-right: 8px;
display: inline-block;
}
.st-subpage p {
margin-bottom: 21px;
}
.st-subpage p a {
color: #eb1618;
font-weight: bold;
} .row-counts {
margin-top: 50px;
}
.row-count {
display: flex;
margin-left: 50px;
margin-bottom: 40px;
align-items: flex-start;
flex-direction: row;
}
@media (max-width: 991.98px) {
.row-count {
margin-left: 0;
}
}
.row-count__number {
border-radius: 50%;
min-width: 72px;
min-height: 72px;
width: 72px;
height: 72px;
text-align: center;
font-weight: bold;
font-size: 40px;
line-height: 69px;
color: #1d1d1b;
border: 1px solid #eb1618;
margin-right: 20px;
}
@media (max-width: 991.98px) {
.row-count__number {
min-width: 45px;
min-height: 45px;
width: 45px;
height: 45px;
font-size: 25px;
line-height: 41px;
}
}
.row-count p {
max-width: 900px;
font-size: 22px;
line-height: 26px;
}
@media (max-width: 991.98px) {
.row-count p {
font-size: 18px;
line-height: 1.2;
}
}
.row-count p:last-of-type {
margin-bottom: 0;
}
.bottom-btn {
margin-top: 90px;
}
.page-template-default .page-footer {
margin-top: 0;
}
.page-standard-theme {
margin-bottom: 0;
background: #f3f3f3;
padding-top: 90px;
}
.page-standard-theme h1 {
margin-bottom: 60px;
}
.page-standard-theme .text-page {
background: #fff;
padding: 100px 150px;
margin-bottom: 100px;
}
@media (max-width: 991.98px) {
.page-standard-theme .text-page {
padding: 30px;
margin-bottom: 40px;
}
} body .btn,
.woocommerce-MyAccount-content .button,
.woocommerce-lost-password .woocommerce-Button {
color: #fff;
background: #eb1618;
border-radius: 26px;
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: 49px;
padding: 8px 25px 11px;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.4s;
}
@media (max-width: 991.98px) {
body .btn,
.woocommerce-MyAccount-content .button,
.woocommerce-lost-password .woocommerce-Button {
padding: 8px 19px 11px;
}
}
body .btn:hover,
.woocommerce-MyAccount-content .button:hover,
.woocommerce-lost-password .woocommerce-Button:hover {
background: #fff;
border-color: #eb1618;
color: #eb1618;
}
body .btn--black,
.woocommerce-MyAccount-content .button--black,
.woocommerce-lost-password .woocommerce-Button--black {
border-color: #fff;
color: #fff;
background: #1d1d1b;
}
body .btn--black:hover,
.woocommerce-MyAccount-content .button--black:hover,
.woocommerce-lost-password .woocommerce-Button--black:hover {
color: #fff;
background: #1d1d1b;
}
body .btn--transparentBBlack,
.woocommerce-MyAccount-content .button--transparentBBlack,
.woocommerce-lost-password .woocommerce-Button--transparentBBlack {
border-color: #1d1d1b;
color: #1d1d1b;
background: transparent !important;
}
body .btn--transparentBBlack:visited,
.woocommerce-MyAccount-content .button--transparentBBlack:visited,
.woocommerce-lost-password .woocommerce-Button--transparentBBlack:visited {
color: #1d1d1b;
}
body .btn--transparentBBlack.redBorder,
.woocommerce-MyAccount-content .button--transparentBBlack.redBorder,
.woocommerce-lost-password .woocommerce-Button--transparentBBlack.redBorder {
border: 1px solid #eb1618;
}
body .btn--transparentBBlack.redBorder:hover,
.woocommerce-MyAccount-content .button--transparentBBlack.redBorder:hover,
.woocommerce-lost-password .woocommerce-Button--transparentBBlack.redBorder:hover {
border-color: #000;
}
body .btn--transparentBBlack:hover,
.woocommerce-MyAccount-content .button--transparentBBlack:hover,
.woocommerce-lost-password .woocommerce-Button--transparentBBlack:hover {
color: #fff;
background: #1d1d1b !important;
border-color: #000;
}
body .btn--transparentBRed,
.woocommerce-MyAccount-content .button--transparentBRed,
.woocommerce-lost-password .woocommerce-Button--transparentBRed {
border-color: #eb1618;
color: #1d1d1b;
background: transparent;
}
body .btn--transparentBRed:hover,
.woocommerce-MyAccount-content .button--transparentBRed:hover,
.woocommerce-lost-password .woocommerce-Button--transparentBRed:hover {
color: #fff !important;
background: #eb1618;
}
body .btn--transparentBRed:visited,
.woocommerce-MyAccount-content .button--transparentBRed:visited,
.woocommerce-lost-password .woocommerce-Button--transparentBRed:visited {
color: #1d1d1b;
}
body .btn--arrow:after,
.woocommerce-MyAccount-content .button--arrow:after,
.woocommerce-lost-password .woocommerce-Button--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 .btn--arrow:hover,
.woocommerce-MyAccount-content .button--arrow:hover,
.woocommerce-lost-password .woocommerce-Button--arrow:hover {
border-color: #eb1618;
}
body .btn--arrow:hover:after,
.woocommerce-MyAccount-content .button--arrow:hover:after,
.woocommerce-lost-password .woocommerce-Button--arrow:hover:after {
border-color: transparent transparent transparent #eb1618;
}
.btn--arrow.backbtn {
display: flex;
justify-content: space-between;
background-color: #fff;
color: #000 !important;
min-width: 250px;
font-weight: 700;
font-size: 18px;
border: 1px solid #000;
}
.btn--arrow.backbtn:before {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-right: 15px;
border-style: solid;
border-width: 5px 9px 5px;
margin-top: 3px;
border-color: transparent #000 transparent transparent;
transition: all 0.4s;
}
.btn--arrow.backbtn::after {
display: none;
}
.btn--arrow.backbtn:hover {
color: #fff !important;
background-color: #eb1618;
}
.btn--arrow.backbtn:hover::before {
border-color: transparent #fff transparent transparent !important;
}
.woocommerce-form-row input[type=text],
.woocommerce-form-row input[type=password],
.woocommerce-form-row input[type=email],
.woocommerce-form-row input[type=tel],
.woocommerce-form-row textarea,
.input-style input[type=text],
.input-style input[type=password],
.input-style input[type=email],
.input-style input[type=tel],
.input-style textarea {
min-height: 49px !important;
}
.bg-red {
background-color: #eb1618;
}
.bg-gray {
background-color: #f3f3f3;
}
body .site-header-ctn .site-header .main-navigation#site-navigation {
justify-content: center;
width: 100%;
display: flex;
margin-right: 0 !important;
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation {
position: absolute;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-top-mobile {
display: none;
margin-top: 15px;
z-index: 999;
position: absolute;
left: 0;
width: calc(100% - 50px);
}
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-top-mobile .switch-language {
margin-right: 25px;
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-top-mobile .switch-language {
margin-top: -20px;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-top-mobile form {
border: 1px solid #fff;
border-radius: 22px;
background: #343432;
font-weight: 700;
font-size: 15px;
padding: 0px 17px;
height: 44px;
width: calc(100% - 90px);
display: flex;
justify-content: space-between;
display: none;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-top-mobile form ::-moz-placeholder {
color: #fff;
opacity: 1; }
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-top-mobile form ::placeholder {
color: #fff;
opacity: 1; }
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-top-mobile form ::-ms-input-placeholder { color: #fff;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-top-mobile form input {
background: none;
border: none;
width: calc(100% - 20px);
}
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-top-mobile form button {
background: none;
border: none;
padding-right: 0;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-bottom-mobile {
display: none;
position: absolute;
bottom: 0;
z-index: 999;
text-align: center;
padding: 15px 15px 30px;
flex-direction: column;
width: 100%;
left: 0;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-bottom-mobile .btn {
font-weight: 500;
font-size: 15px;
display: flex;
min-height: 44px;
line-height: 20px;
min-width: 140px;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation-bottom-mobile .btn:first-of-type img {
margin-right: 8px;
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .menu-toggle-mobile {
top: 11px;
z-index: 999;
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .menu-toggle-mobile span {
background: #fff;
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .main-navigation-top-mobile {
display: flex;
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .main-navigation-bottom-mobile {
display: flex;
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .main-navigation-bottom-mobile {
justify-content: center;
gap: 25px;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation > div {
display: flex;
align-items: center;
}
body .site-header-ctn .site-header .main-navigation#site-navigation ul.menu {
list-style: none;
margin: 0;
padding-left: 0;
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation ul.menu {
display: none;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation ul.menu ul {
float: left;
top: 100%;
z-index: 99999;
}
@media screen and (min-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation ul.menu ul {
left: -999em;
position: absolute;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation ul.menu ul ul {
left: -999em;
top: 0;
}
@media screen and (min-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation ul.menu ul li:hover > ul, body .site-header-ctn .site-header .main-navigation#site-navigation ul.menu ul li.focus > ul {
display: block;
left: 300px;
top: 0;
}
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation ul.menu ul li:hover > ul, body .site-header-ctn .site-header .main-navigation#site-navigation ul.menu ul li.focus > ul {
display: block;
left: 0;
position: relative;
padding-left: 20px;
color: #1d1d1b;
top: 0;
}
}
@media screen and (min-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation ul.menu li:hover > ul,
body .site-header-ctn .site-header .main-navigation#site-navigation ul.menu li.focus > ul {
left: 50%;
top: 44px;
transform: translateX(-50%);
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu a {
display: block;
text-decoration: none;
margin-left: 20px;
margin-right: 20px;
color: #fff;
font-size: 22px;
font-weight: bold;
position: relative;
}
@media screen and (max-width: 1400px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu a {
font-size: 18px;
margin-left: 16px;
margin-right: 16px;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu li:last-of-type a {
margin-right: 0;
margin-left: 10px;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu li {
position: relative;
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu li {
width: 100%;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu li:last-of-type a {
margin-right: 0;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li > a {
padding: 16px 22px;
}
@media screen and (max-width: 1400px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li > a {
padding: 16px 10px;
}
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li > a {
border-bottom: 1px solid #4a4a49;
margin: 0;
}
}
@media screen and (min-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li > a {
border-radius: 21.5px;
border: 2px solid #fff;
height: 45px;
padding-top: 6px;
}
}
@media screen and (min-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children > a {
border: none;
margin-inline: 10px;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children > a:after {
position: absolute;
right: 0;
transition: all 0.5s;
content: url(//draminski.pl/wp-content/themes/draminski2024/images/arrow-menu-down-white-mobile.svg);
}
@media screen and (min-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children > a:after {
bottom: -14px;
left: calc(50% - 8px);
margin-left: 0;
transform: translateY(-50%);
right: auto;
content: url(//draminski.pl/wp-content/themes/draminski2024/images/arrow-menu-down-white.svg);
}
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children > a:after {
transform: rotate(180deg);
top: 20px;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children.sub-menu__open > a:after {
transform: rotate(0deg);
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children .sub-menu {
display: flex;
flex-direction: column;
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children .sub-menu {
display: none;
width: 100%;
padding-top: 0px;
background: transparent;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children .sub-menu li {
display: inline-block;
background: #1d1d1b;
min-width: 190px;
border-bottom: 1px solid #4a4a49;
transition: all 0.4s;
}
@media screen and (min-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children .sub-menu li {
min-height: 70px;
display: flex !important;
align-items: center;
}
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children .sub-menu li {
width: 100%;
}
}
@media screen and (min-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children .sub-menu li:last-of-type {
border: none;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children .sub-menu li:hover {
background-color: #626262;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children .sub-menu li a {
font-size: 16px;
line-height: 21px;
font-weight: 700;
padding: 17px;
text-align: center;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children .sub-menu li a {
font-size: 18px;
text-align: left;
padding: 10px 20px;
justify-content: start;
}
}
@media screen and (max-width: 1250px) 
{
.sub-menu .sub-menu {
margin-left: 0;
padding-left: 0 !important;
}
.sub-menu .sub-menu li {
background: #4a4a49 !important;
padding-left: 14px;
}
.sub-menu .sub-menu li:last-child {
border-bottom: 0;
}
}
.main-navigation ul.menu ul li.menu-item-has-children>a::after,.main-navigation ul.menu ul li.page_item_has_children>a::after,.main-navigation ul.nav-menu ul li.menu-item-has-children>a::after,.main-navigation ul.nav-menu ul li.page_item_has_children>a::after
{
position: absolute;
right: 20px;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu-toggle-mobile,
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation.toggled-menu ul.menu {
display: block;
}
@media screen and (min-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu-toggle-mobile {
display: none;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .main-navigation ul.menu {
display: flex !important;
justify-content: center;
}
}
@media screen and (max-width: 767px) {
body .site-header-ctn .site-header .main-navigation#site-navigation .menu-toggle-mobile:hover {
background-color: #343432;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .menu > li.menu-item-has-children .sub-menu li:hover
{
background-color: transparent;
}
.menu-item-has-children .sub-menu__open > a
{
background-color: #626262;
}
}
.site-main body .site-header-ctn .site-header .main-navigation#site-navigation .comment-navigation,
.site-main body .site-header-ctn .site-header .main-navigation#site-navigation .posts-navigation,
.site-main body .site-header-ctn .site-header .main-navigation#site-navigation .post-navigation {
margin: 0 0 1.5em;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .comment-navigation .nav-links,
body .site-header-ctn .site-header .main-navigation#site-navigation .posts-navigation .nav-links,
body .site-header-ctn .site-header .main-navigation#site-navigation .post-navigation .nav-links {
display: flex;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .comment-navigation .nav-previous,
body .site-header-ctn .site-header .main-navigation#site-navigation .posts-navigation .nav-previous,
body .site-header-ctn .site-header .main-navigation#site-navigation .post-navigation .nav-previous {
flex: 1 0 50%;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .comment-navigation .nav-next,
body .site-header-ctn .site-header .main-navigation#site-navigation .posts-navigation .nav-next,
body .site-header-ctn .site-header .main-navigation#site-navigation .post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
.page-template-knowledge_zone,
.single-strefa_wiedzy,
.tax-wiedza {
background: #f3f3f3;
}
.single-strefa_wiedzy .blog-ctn .header {
padding-top: 20px;
}
.single-strefa_wiedzy .swiper-container {
margin-top: 40px;
}
@media (max-width: 991.98px) {
.single-strefa_wiedzy .navigation {
margin-top: 20px !important;
}
.single-strefa_wiedzy .navigation .swiper-button-prev,
.single-strefa_wiedzy .navigation .swiper-button-next {
display: block !important;
bottom: 5px !important;
width: 57px !important;
height: 57px !important;
}
.single-strefa_wiedzy .navigation .swiper-button-prev {
left: 15px !important;
right: auto !important;
}
.single-strefa_wiedzy .navigation .swiper-button-next {
right: 15px !important;
left: auto !important;
}
}
.page-template-knowledge_zone .site-content .content .post,
.tax-wiedza .site-content .content .post {
padding: 40px !important;
}
@media (max-width: 991.98px) {
.page-template-knowledge_zone .site-content .content .post,
.tax-wiedza .site-content .content .post {
padding: 20px !important;
}
}
.page-template-knowledge_zone .site-content .content .post .header,
.tax-wiedza .site-content .content .post .header {
margin-bottom: 5px;
}
@media (max-width: 991.98px) {
.page-template-knowledge_zone .site-content .content .post {
margin-left: 30px;
margin-right: 30px;
}
}
@media (max-width: 991.98px) {
.page-template-knowledge_zone .aside {
margin-left: 30px;
margin-right: 30px;
}
}
.knowledge-zone-ctn {
margin-top: 100px;
}
.knowledge-zone-pagination {
margin-top: 90px;
}
@media (max-width: 991.98px) {
.knowledge-zone-pagination {
margin-top: 40px;
}
}
.site-content article.container > .header {
text-align: center; }
@media (max-width: 991.98px) {
.site-content article.container > .header {
padding-top: 30px;
}
}
.site-content article.container > .header .categories {
position: relative;
display: flex;
justify-content: center;
}
@media (max-width: 991.98px) {
.site-content article.container > .header .categories {
justify-content: flex-start;
overflow: scroll;
}
}
.site-content article.container > .header .categories::after {
width: 100vw;
bottom: -6px;
left: calc(-1 * (100vw - 100%) / 2);
position: absolute;
height: 1px;
background-color: #fff;
content: "";
display: block;
}
@media (max-width: 991.98px) {
.site-content article.container > .header .categories::after {
width: 100%;
left: 0;
}
}
.site-content article.container > .header .categories a {
padding: 0;
position: relative;
font-size: 18px;
}
@media (max-width: 991.98px) {
.site-content article.container > .header .categories a {
white-space: nowrap;
}
}
.site-content article.container h1 {
font-size: 36px;
line-height: 44px;
text-align: center;
color: #191919;
}
@media screen and (max-width: 991px) {
.site-content article.container h1 {
font-size: 30px;
line-height: 35px;
}
}
@media screen and (max-width: 768px) {
.site-content article.container h1 {
font-size: 25px;
line-height: 30px;
}
}
.site-content article.container h2 {
margin-top: 0;
}
.site-content article.container section.header strong {
color: #191919;
font-size: calc(3em - 2px);
line-height: 60px;
font-weight: 700;
margin-bottom: 30px;
letter-spacing: -0.01em;
display: inline-block;
}
@media screen and (max-width: 768px) {
.site-content article.container section.header strong {
font-size: 40px;
}
}
.site-content article.container .post {
background-color: #fff;
margin-bottom: 40px;
border-radius: 10px;
padding: 0;
}
@media (max-width: 991.98px) {
.site-content article.container .post {
margin-bottom: 10px;
}
}
.site-content article.container .post > * {
margin-bottom: 24px;
}
@media (max-width: 991.98px) {
.site-content article.container .post > * {
margin-bottom: 20px;
}
}
.site-content article.container .post > *:last-child {
margin-bottom: 0;
}
.site-content article.container .post .image {
position: relative;
overflow: hidden;
}
.site-content article.container .post .image > a {
line-height: 1;
font-size: 1;
border-radius: 10px;
display: block;
}
.site-content article.container .post .image > a img {
border-radius: 10px;
}
.site-content article.container .post .image .not-logged {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.8);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.site-content article.container .post .image .not-logged > * {
margin-bottom: 30px;
}
.site-content article.container .post .image .not-logged > *:last-child {
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.site-content article.container .post .image .not-logged img {
height: 26.7px;
}
.site-content article.container .post .image .not-logged * {
margin-bottom: 20px;
text-align: center;
}
}
.dodaj-do-konfiguracji 
{
margin-bottom: 10px !important;
}
.site-content article.container .post p {
font-size: 15px;
line-height: 22px;
}
.site-content article.container .post .btn {
padding-top: 5px;
padding-bottom: 5px;
}
@media (max-width: 991.98px) {
.site-content article.container .post {
padding: 20px;
padding-bottom: 10px;
}
}
.site-content article.container .post .h3 {
line-height: 44px;
}
.site-content article.container .post h2 {
font-size: 2em;
padding-top: 0;
border-top: none;
font-size: 28px;
line-height: 32px;
}
.site-content article.container .post h2.small {
font-size: 22px;
}
@media (max-width: 991.98px) {
.site-content article.container .post h2 {
font-size: 29px;
}
}
.site-content article.container .post .header {
font-size: 14px;
color: #b6b8bb;
display: flex;
align-items: center;
margin-bottom: 20px;
}
@media (max-width: 991.98px) {
.site-content article.container .post .header {
flex-wrap: wrap;
}
}
.site-content article.container .post .header a {
color: #b6b8bb;
}
.site-content article.container .post .header span {
display: block;
height: 3px;
width: 3px;
border-radius: 50%;
margin: 0 10px;
background-color: #b6b8bb;
}
.site-content article.container .post .header + h2 {
text-align: center;
}
.site-content article.container .posts {
position: relative;
padding-top: 0;
}
@media (max-width: 991.98px) {
.site-content article.container .posts {
padding-bottom: 80px;
}
}
.site-content article.container .posts .col-lg-8 {
position: static;
}
.site-content article.container .posts .col-lg-4 .h4 {
line-height: 22px;
margin-bottom: 0;
}
.site-content article.container .posts .col-lg-4 strong {
font-weight: 300;
line-height: 22px;
margin: 20px 0;
display: inline-block;
letter-spacing: 0.23em;
color: #272727;
}
.site-content article.container .posts .col-lg-4 .short-news .news {
display: flex;
align-items: flex-start;
margin-bottom: 25px;
flex-wrap: wrap;
}
.site-content article.container .posts .col-lg-4 .short-news .news:last-child {
margin-bottom: 0;
}
.site-content article.container .posts .col-lg-4 .short-news .news img {
max-width: 160px;
border-radius: 10px;
}
.site-content article.container .posts .col-lg-4 .short-news .news .content {
padding: 5px 15px;
padding-right: 0;
width: calc(100% - 160px);
}
.site-content article.container .posts .col-lg-4 .short-news .news .content .header {
margin-bottom: 10px;
}
@media all and (min-width: 992px) and (max-width: 1399px) {
.site-content article.container .posts .col-lg-4 .short-news .news .content {
width: 100%;
padding-left: 0;
margin-top: 10px;
}
}
@media (max-width: 991.98px) {
.site-content article.container .posts .col-sm-12 {
padding-left: 0;
padding-right: 0;
}
}
.single-strefa_wiedzy .blog-ctn,
.single-strefa-wiedzy .blog-ctn {
margin-top: 50px;
background: #fff;
padding-bottom: 30px;
margin-bottom: 50px;
border-radius: 20px;
}
.single-strefa_wiedzy article.container .gallery-slider + .navigation,
.single-strefa-wiedzy article.container .gallery-slider + .navigation {
width: 100%;
}
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-next,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-next {
right: auto;
left: 100%;
}
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-next::after,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-next::after {
display: none;
}
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-next::before,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-next::before {
width: 56px !important;
height: 56px !important;
background-repeat: no-repeat;
background-position: center;
background-size: auto !important;
background-image: url(//draminski.pl/wp-content/themes/draminski2024/images/double-arrow-right.svg);
}
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-next,
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-prev,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-next,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-prev {
height: auto;
width: auto;
top: auto;
bottom: 100px;
position: absolute;
background-color: transparent;
}
@media (max-width: 991.98px) {
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-next,
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-prev,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-next,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-prev {
bottom: 75px;
}
}
@media all and (max-width: 620px) {
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-next,
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-prev,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-next,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-prev {
display: none;
}
}
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-next::after,
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-prev::after,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-next::after,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-prev::after {
display: none;
}
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-next::before,
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-prev::before,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-next::before,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-prev::before {
content: "";
background-size: cover;
width: 100px;
height: 62px;
display: inline-block;
}
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-prev,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-prev {
left: auto;
right: 100%;
}
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-prev::after,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-prev::after {
display: none;
}
.single-strefa_wiedzy article.container .gallery-slider + .navigation .swiper-button-prev::before,
.single-strefa-wiedzy article.container .gallery-slider + .navigation .swiper-button-prev::before {
width: 56px;
height: 56px;
transform: rotate(180deg);
background-repeat: no-repeat;
background-position: center;
background-size: auto !important;
background-image: url(//draminski.pl/wp-content/themes/draminski2024/images/double-arrow-left.svg);
}
.single-strefa_wiedzy article.container .post .header,
.single-strefa-wiedzy article.container .post .header {
justify-content: center;
}
.single-strefa_wiedzy article.container .post .h3 + img,
.single-strefa-wiedzy article.container .post .h3 + img {
margin-bottom: 80px;
}
@media (max-width: 991.98px) {
.single-strefa_wiedzy article.container .post .h3 + img,
.single-strefa-wiedzy article.container .post .h3 + img {
margin-bottom: 40px;
}
}
.single-post {
background-color: #f3f3f3;
}
.single-post .page-footer {
margin-top: 0;
}
.single-post .newsletter {
background: #fff;
}
.single-post .header-blog {
margin-top: 120px;
text-align: center;
}
.single-post .blog-ctn {
background-color: #fff;
border-radius: 10px;
padding-top: 40px;
margin-top: 80px;
padding-bottom: 70px;
margin-bottom: 60px;
}
.single-post .blog-ctn__thumb {
text-align: center;
margin-bottom: 40px;
display: flex;
justify-content: center;
}
.single-post .blog-ctn__thumb img {
border-radius: 10px;
}
.single-post .blog-ctn .header {
font-size: 14px;
color: #b6b8bb;
display: flex;
align-items: center;
margin-bottom: 20px;
text-align: center;
justify-content: center;
}
.single-post .blog-ctn .header .tags {
color: #b6b8bb;
font-size: 14px;
display: flex;
align-items: center;
}
.single-post .blog-ctn .header .tags span {
display: block;
height: 3px;
width: 3px;
border-radius: 50%;
margin: 0 10px;
background-color: #b6b8bb;
}
.single-post .blog-ctn h1 {
text-align: center;
}
.single-post .blog-ctn .navigation {
position: relative;
}
.single-post .blog-ctn .navigation > div {
position: absolute;
top: auto;
}
.single-post .blog-ctn .navigation > div.swiper-button-prev {
top: -80px;
left: -80px;
}
@media (max-width: 991.98px) {
.single-post .blog-ctn .navigation > div.swiper-button-prev {
left: 0px;
top: 25px;
}
}
.single-post .blog-ctn .navigation > div.swiper-button-next {
top: -80px;
right: -80px;
}
@media (max-width: 991.98px) {
.single-post .blog-ctn .navigation > div.swiper-button-next {
right: 0px;
top: 25px;
}
}
.single-post .blog-ctn .gallery-slider {
margin-top: 45px;
}
.single-post .blog-ctn .gallery-slider img {
border-radius: 10px;
}
.single-post .blog-ctn .swiper-slide {
display: flex;
justify-content: center;
}
.short-news {
display: flex;
flex-direction: column;
}
.short-news .news {
width: 100%;
background-color: #fff;
flex: 0.3;
padding-right: 20px;
display: flex;
align-items: flex-start;
margin-bottom: 0;
margin-right: 20px;
border-radius: 10px;
padding: 25px 20px;
flex-wrap: wrap;
}
.short-news .news h2 {
font-size: 18px;
line-height: 22px;
}
.short-news .news:last-child {
margin-right: 0;
}
.short-news .news img {
max-width: 160px;
border-radius: 10px;
}
.short-news .news .content {
padding: 5px 15px;
padding-right: 0;
width: calc(100% - 160px);
}
@media all and (min-width: 992px) and (max-width: 1399px) {
.short-news .news .content {
width: 100%;
padding-left: 0;
margin-top: 10px;
}
}
@media (max-width: 991.98px) {
.short-news {
flex-wrap: wrap;
}
.short-news .news {
margin-bottom: 20px;
margin-right: 0;
flex: 100%;
}
.short-news .news:last-child {
margin-bottom: 0;
}
}
.short-news .header {
font-size: 14px;
color: #b6b8bb;
display: flex;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
}
.short-news .header a {
color: #b6b8bb;
white-space: nowrap;
}
.short-news .header span {
display: block;
height: 3px;
width: 3px;
border-radius: 50%;
margin: 0 10px;
background-color: #b6b8bb;
}
@media (max-width: 991.98px) {
.article-box {
margin-bottom: 20px;
}
}
.article-box .image {
position: relative;
margin-bottom: 24px;
}
.article-box .image img {
border-radius: 10px;
}
.article-box__thumb {
display: block;
position: relative;
}
.article-box__thumb:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 10px;
background: rgba(0, 0, 0, 0.2);
}
.article-box__categories {
position: absolute;
left: 30px;
bottom: 15px;
z-index: 2;
}
.article-box__categories a {
color: #fff;
border-radius: 7px;
border: 1px solid #fff;
font-size: 14px;
margin-right: 2px;
padding: 3px 9px;
}
.article-box .content {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 991.98px) {
.article-box .content {
padding: 0;
}
}
.article-box .content h4 {
font-weight: bold;
font-size: 22px;
line-height: 30px;
color: #1d1d1b;
margin-top: 0;
margin-bottom: 15px;
}
.article-box .content h4 a {
font-weight: 700;
}
.btn-arrow {
margin-top: 10px;
font-weight: bold;
font-size: 18px;
color: #1d1d1b;
display: flex;
}
.btn-arrow img {
margin-left: 15px;
}
.blog-page {
padding: 0 !important;
}
.blog-page .header {
margin-top: 50px;
text-align: center;
}
.blog-page .header h2 {
margin-top: 100px;
}
.news-list {
margin-top: 40px;
}
.news-list .container {
padding: 0 10px;
}
.news-list .container .row {
margin-left: -10px;
margin-right: -10px;
}
.news-list .container .row .col-lg-4 {
padding-right: 10px;
padding-left: 10px;
}
.categories {
text-align: center;
}
.categories a {
margin-left: 25px;
margin-right: 25px;
position: relative;
}
@media (max-width: 991.98px) {
.categories a {
margin-left: 12px;
margin-right: 12px;
white-space: nowrap;
}
}
.categories a:before {
content: "";
position: absolute;
left: 0;
bottom: -5px;
background: #eb1618;
width: 100%;
height: 1px;
transition: all 0.4s;
opacity: 0;
}
.categories a:hover:before {
opacity: 1;
}
.categories a.active {
font-weight: bold;
}
.categories a.active:before {
opacity: 1;
}
.pagination {
border: none;
}
.pagination .nav-links {
display: flex;
justify-content: center;
}
.pagination .page-numbers {
width: 33px;
height: 33px;
border-radius: 50%;
border: 1px solid #1d1d1b;
text-align: center;
display: block;
margin-left: 6px;
margin-right: 6px;
}
.pagination .page-numbers.current {
color: #eb1618;
}
.pagination .page-numbers:hover {
color: #eb1618;
}
.pagination .page-numbers.next, .pagination .page-numbers.prev {
border: none;
}
.pagination .page-numbers.next {
transform: rotate(270deg);
text-align: center;
transform-origin: center;
}
.pagination .page-numbers.next img {
position: relative;
top: 0px;
right: -9px;
}
.pagination .page-numbers.prev {
transform: rotate(90deg);
text-align: center;
transform-origin: center;
}
.pagination .page-numbers.prev img {
position: relative;
left: 10px;
}
.another {
margin-bottom: 80px;
}
.another .h2 {
margin: 0 auto;
margin-bottom: 40px;
display: block;
text-align: center;
}
.another .h4 {
font-size: 1em;
line-height: 1.2;
}
.another .header {
font-size: 14px;
color: #b6b8bb;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 0;
}
.another .header a {
display: flex;
justify-content: center;
align-items: center;
color: #b6b8bb;
}
.another .header span {
display: block;
height: 3px;
width: 3px;
border-radius: 50%;
margin: 0 10px;
background-color: #b6b8bb;
}
.another .short-news {
flex-direction: row;
}
.another .short-news .news {
width: auto;
}
.single .not-logged {
background: #fff;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 50px;
padding-top: 40px;
padding-bottom: 40px;
border-radius: 15px;
}
.newsletter {
background: #f4f4f4;
padding-top: 60px;
padding-bottom: 60px;
}
.newsletter form {
margin-top: 30px;
}
@media (min-width: 768px) {
.newsletter form {
margin-left: 60px;
}
}
.newsletter form label {
display: block;
width: 100%;
margin-bottom: 6px;
}
.newsletter .checkbox {
margin-top: 20px;
}
.newsletter .checkbox p {
margin: 0;
}
.newsletter .checkmark {
top: 7px;
left: 14px;
}
.newsletter__top {
display: flex;
justify-content: flex-start;
gap: 21px;
}
@media (max-width: 991.98px) {
.newsletter__top {
flex-direction: column;
}
}
.newsletter.input-style input[type=text] {
background: #fff !important;
}
.newsletter .submit {
margin-top: 34px;
}
@media (max-width: 991.98px) {
.newsletter .submit {
margin-top: 20px;
}
}
.newsletter .ml-embedded {
width: 100%;
max-width: 530px;
}
.newsletter .ml-block-form {
display: flex;
flex-direction: column;
}
.newsletter .ml-form-interestGroupsRow {
display: flex;
order: -1;
}
@media (max-width: 991.98px) {
.newsletter__top .ml-embedded
{
margin-inline: auto;
}
}
@media (max-width: 500px)
{
.newsletter .ml-form-interestGroupsRow
{
display: grid;
grid-template-columns: 1fr 1fr;
padding-left: 30px;
}
}
.newsletter .ml-form-embedPermissions {
display: flex;
justify-content: center;
font-size: 14px;
order: 999;
}
.newsletter .ml-form-embedWrapper {
background: transparent !important;
}
.newsletter .ml-form-embedWrapper.embedForm {
max-width: 100% !important;
}
@media (max-width: 991.98px) {
.checkbox {
padding-left: 15px;
padding-right: 15px;
margin-top: 30px;
}
}
body #newsletter .row .newsletter__top .ml-form-embedSubmit button.primary {
color: #fff !important;
background: #eb1618 !important;
border-radius: 22px !important;
opacity: 1 !important;
font-weight: 700 !important;
font-size: 18px !important;
line-height: 20px !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
position: relative !important;
justify-content: center !important;
min-height: 43px !important;
padding: 8px 25px 11px !important;
border: 1px solid #eb1618 !important;
cursor: pointer !important;
transition: all 0.4s !important;
}
.newsletter__top {
justify-content: center;
}
.compare {
position: fixed;
bottom: -100px;
left: 0;
border-top: 1px solid #efefef;
background-color: #fff;
height: 85px;
width: 100%;
text-align: center;
z-index: 99;
display: none;
transition: all 0.5s;
}
@media screen and (max-width: 991px) {
.compare {
height: auto;
bottom: -150px;
}
}
@media screen and (max-width: 575px) {
.compare {
height: auto;
bottom: -400px;
}
}
.compare .container {
display: inline-flex;
text-align: left;
align-items: center;
height: 100%;
}
@media screen and (max-width: 1199px) {
.compare .container {
max-width: 100%;
}
}
@media screen and (max-width: 991px) {
.compare .container {
flex-wrap: wrap;
gap: 8px;
padding-top: 10px;
}
}
.compare .container .product-compare {
width: 340px;
min-height: 50px;
background-color: #f3f3f3;
border-radius: 10px;
margin-right: 20px;
display: inline-flex;
align-items: center;
position: relative;
transition: all 0.5s;
}
@media screen and (max-width: 991px) {
.compare .container .product-compare {
width: 100%;
margin-right: 0;
}
.compare .container .product-compare:nth-child(3) {
display: none;
}
}
@media screen and (max-width: 575px) {
.compare .container .product-compare {
width: 100%;
margin-right: 0;
margin-top: 10px;
}
}
@media screen and (max-width: 575px) {
.compare .container .product-compare:first-child {
margin-top: 0;
}
}
.compare .container .product-compare b {
position: absolute;
left: 8px;
width: 32px;
height: 32px;
border-radius: 50%;
background-color: #272727;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: "Manrope";
font-weight: 500;
font-size: 18px;
color: #fff;
transition: all 0.5s;
}
.compare .container .product-compare strong {
font-family: "Manrope";
font-weight: 700;
font-size: 15px;
line-height: 20px;
color: #191919;
padding-left: 52px;
padding-right: 40px;
}
@media screen and (max-width: 768px) {
.compare .container .product-compare strong {
font-size: 12px;
line-height: 15px;
}
}
.compare .container .product-compare span.close {
cursor: pointer;
position: absolute;
right: 16px;
}
.compare .container .product-compare span.close:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/close_compare.svg);
}
.compare .container .product-compare.empty {
background-color: transparent;
border: 1px solid #f3f3f3;
}
.compare .container .product-compare.empty b {
background-color: #f3f3f3;
color: #b6b8bb;
}
.compare .container .product-compare.empty span.close {
display: none;
}
.compare .container .buttons {
display: inline-flex;
}
@media screen and (max-width: 991px) {
.compare .container .buttons {
width: 100%;
justify-content: center;
margin: 10px 0;
}
}
.compare .container .buttons a#compare {
margin-left: 20px;
}
body.page-template-compare main {
padding-bottom: 82px;
}
@media screen and (max-width: 991px) {
body.page-template-compare main {
padding-bottom: 0;
}
}
body.page-template-compare main h3 {
padding-top: 84px;
}
body.page-template-compare table.compare-table {
margin-top: 57px;
}
body.page-template-compare table.compare-table img {
max-height: 100%;
margin: 0 auto;
}
@media screen and (max-width: 575px) {
body.page-template-compare table.compare-table {
margin-top: 20px;
}
}
body.page-template-compare table.compare-table tr {
display: inline-flex;
justify-content: flex-start;
width: 100%;
border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 991px) {
body.page-template-compare table.compare-table tr {
flex-wrap: wrap;
}
}
@media screen and (max-width: 1400px) {
body.page-template-compare table.compare-table tr:first-child {
height: auto;
}
}
body.page-template-compare table.compare-table tr th,
body.page-template-compare table.compare-table tr td {
width: calc(25% - 20px);
margin-right: 20px;
background-color: #fff !important;
}
@media screen and (max-width: 991px) {
body.page-template-compare table.compare-table tr th,
body.page-template-compare table.compare-table tr td {
width: 33.3333333333%;
margin-right: 0;
text-align: center !important;
}
}
body.page-template-compare table.compare-table tr th:first-child,
body.page-template-compare table.compare-table tr td:first-child {
width: calc(25% + 20px);
padding-right: 20px;
margin-right: 0;
background-color: transparent !important;
}
body.page-template-compare table.compare-table tr th:last-child,
body.page-template-compare table.compare-table tr td:last-child {
margin-right: 0;
}
body.page-template-compare table.compare-table tr th {
font-family: "Manrope";
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #191919;
text-align: center;
}
@media screen and (max-width: 575px) {
body.page-template-compare table.compare-table tr th {
padding: 15px;
}
}
@media screen and (max-width: 400px) {
body.page-template-compare table.compare-table tr th {
padding: 15px 5px;
display: inline-flex;
flex-direction: column;
justify-content: space-between;
}
}
@media screen and (max-width: 991px) {
body.page-template-compare table.compare-table tr th:first-child {
display: none;
}
}
@media screen and (max-width: 575px) {
body.page-template-compare table.compare-table tr th strong {
font-size: 15px;
line-height: 20px;
}
}
@media screen and (max-width: 400px) {
body.page-template-compare table.compare-table tr th strong {
font-size: 12px;
}
}
body.page-template-compare table.compare-table tr td {
font-family: "Manrope";
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: left;
color: #808080;
}
@media screen and (max-width: 575px) {
body.page-template-compare table.compare-table tr td {
padding: 10px 5px;
}
}
body.page-template-compare table.compare-table tr td:first-child {
font-weight: 700;
font-size: 18px;
color: #191919;
}
@media screen and (max-width: 991px) {
body.page-template-compare table.compare-table tr td:first-child {
display: block;
width: 100% !important;
}
}
@media screen and (max-width: 768px) {
body.page-template-compare table.compare-table tr td p {
font-size: 15px;
}
}
@media screen and (max-width: 400px) {
body.page-template-compare table.compare-table tr td p {
font-size: 13px;
line-height: 1.3;
}
}
body.page-template-compare table.compare-table tr:last-child {
border-bottom: none;
}
body.page-template-compare table.compare-table tr:last-child td a {
margin: 0 auto;
}
@media screen and (min-width: 978px) and (max-width: 1200px) {
body.page-template-compare table.compare-table tr:last-child td a {
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
body.page-template-compare table.compare-table tr:last-child td a img {
display: none;
}
body.page-template-compare table.compare-table tr:last-child td a span:last-of-type {
margin-left: 4px;
}
}
@media screen and (max-width: 575px) {
body.page-template-compare table.compare-table tr:last-child td a {
font-size: 15px;
}
}
@media screen and (max-width: 575px) {
body.page-template-compare table.compare-table tr:last-child td a {
font-size: 12px;
padding: 8px 5px;
}
}
@media screen and (max-width: 991px) {
body.page-template-compare .container {
max-width: 100%;
}
}
@media screen and (max-width: 991px) {
body.page-template-compare .container h3 {
padding-top: 20px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 768px) {
body.page-template-compare .container h3 {
font-size: 25px;
}
}
@media screen and (max-width: 575px) {
body.page-template-compare .container h3 {
font-size: 20px;
line-height: 25px;
}
}
@media screen and (max-width: 991px) {
body.page-template-compare .container h2 {
margin-bottom: 20px;
}
}
@media screen and (max-width: 575px) {
body.page-template-compare .container h2 {
margin-bottom: 15px;
font-size: 22px;
}
} @media screen and (min-width: 991px) {
.compare-table_column-2 tr th,
.compare-table_column-2 tr td {
width: calc(50% - 20px) !important;
}
}
@media screen and (max-width: 991px) {
.compare-table_column-2 tr th,
.compare-table_column-2 tr td {
width: 50% !important;
}
.compare-table_column-2 tr > th:nth-of-type(4),
.compare-table_column-2 tr > td:nth-of-type(4) {
display: none !important;
}
}
.page-footer {
background: #1d1d1b;
color: #fff;
margin-top: 60px;
overflow: hidden;
}
.page-footer .page-footer-columns {
display: flex;
padding-bottom: 50px;
justify-content: space-between;
margin-top: 20px;
}
@media (max-width: 991.98px) {
.page-footer .page-footer-columns {
flex-direction: column;
padding-bottom: 30px;
padding-inline: 21px;
}
.page-footer-contact
{
padding-bottom: 50px !important;
padding-inline: 21px;
}
}
.page-footer .page-footer-columns .column strong {
font-weight: bold;
font-size: 18px;
color: #fff;
display: block;
margin-bottom: 20px;
margin-top: 30px;
width: 100%;
position: relative;
display: block;
}
@media (max-width: 991.98px) {
.page-footer .page-footer-columns .column strong {
width: 100%;
border-bottom: 1px solid #4a4a49;
padding-top: 0px;
padding-bottom: 15px;
margin-top: 0;
}
.page-footer .page-footer-columns .column strong:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/arrow-menu-down-white-mobile.svg);
transform: rotate(180deg);
right: 0;
top: 4px;
position: absolute;
transition: all 0.4s;
}
}
.page-footer .page-footer-columns .column strong.column-show:before {
transform: rotate(0deg);
}
.page-footer .page-footer-columns .column ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 70px;
}
@media (max-width: 991.98px) {
.page-footer .page-footer-columns .column ul {
display: none;
margin-bottom: 40px;
}
.page-footer .page-footer-contact
{
justify-content: center !important;
}
}
.page-footer .page-footer-columns .column ul a {
color: #fff;
margin-bottom: 10px;
display: block;
font-size: 16px;
}
.page-footer .page-footer-contact {
padding-bottom: 50px;
justify-content: flex-start;
display: flex;
position: relative;
}
@media (min-width: 992px) {
.page-footer .page-footer-contact:before {
content: "";
position: absolute;
bottom: calc(100% + 50px);
left: -50vw;
background-color: rgba(155, 155, 155, 0.2862745098);
height: 1px;
width: 250vw;
}
}
@media screen and (max-width: 420px) {
.page-footer .page-footer-contact {
flex-direction: column;
gap: 10px;
}
}
.page-footer .page-footer-contact a {
margin-left: 20px;
min-width: 190px;
padding-top: 9px;
margin-right: 20px;
}
@media (max-width: 991.98px) {
.page-footer .page-footer-contact a {
min-width: 140px;
font-size: 15px;
font-weight: 500;
margin-right: 10px;
margin-left: 10px;
min-height: 35px !important;
}
}
@media screen and (max-width: 420px) {
.page-footer .page-footer-contact a {
margin-bottom: 10px;
width: calc(100% - 20px);
}
}
.page-footer .page-footer-contact a img {
margin-right: 8px;
}
@media screen and (max-width: 420px) {
.page-footer .page-footer-contact a img {
max-width: 15px;
}
}
.page-footer .page-footer-bottom {
background: #fcfcfc;
padding-top: 14px;
color: #4d4d4d;
font-size: 15px;
padding-bottom: 14px;
}
.page-footer .page-footer-bottom .menu {
list-style: none;
padding: 0;
margin: 0;
}
.page-footer .page-footer-bottom .menu li {
display: inline-block;
padding: 1px 20px 1px 10px;
border-right: 1px solid #c8c8c8;
padding-bottom: px;
}
.page-footer .page-footer-bottom .menu li:last-of-type {
border: none;
}
.page-footer .page-footer-bottom .menu li:first-of-type {
padding-left: 0;
}
.page-footer .page-footer-bottom .menu a {
font-size: 15px;
color: #4d4d4d;
}
.page-footer .page-footer-bottom__fb, .page-footer .page-footer-bottom__ig {
margin: 0 auto;
background: #fcfcfc;
margin-top: -50px;
padding-top: 6px;
padding-bottom: 7px;
position: absolute;
width: 100%;
text-align: center;
transition: all 0.4s;
opacity: 0;
visibility: visible;
z-index: -1;
}
.page-footer .page-footer-bottom__fb.hover, .page-footer .page-footer-bottom__ig.hover {
z-index: 999;
opacity: 1;
visibility: visible;
}
@media (max-width: 991.98px) {
.page-footer .page-footer-bottom__fb.hover, .page-footer .page-footer-bottom__ig.hover {
margin-top: -120px;
}
}
.page-footer .page-footer-bottom__fb > div, .page-footer .page-footer-bottom__ig > div {
max-width: 1350px;
margin: 0 auto;
display: flex;
}
@media (max-width: 991.98px) {
.page-footer .page-footer-bottom__fb > div, .page-footer .page-footer-bottom__ig > div {
flex-direction: column;
}
}
.page-footer .page-footer-bottom__fb a, .page-footer .page-footer-bottom__ig a {
font-size: 15px;
margin-right: 40px;
color: #4d4d4d;
display: flex;
justify-content: center;
justify-items: center;
flex-direction: row;
}
@media (max-width: 991.98px) {
.page-footer .page-footer-bottom__fb a, .page-footer .page-footer-bottom__ig a {
text-align: left;
padding-left: 15px;
display: flex;
justify-content: flex-start;
}
}
.page-footer .page-footer-bottom__fb a img, .page-footer .page-footer-bottom__ig a img {
margin-right: 10px;
top: 3px;
position: relative;
width: 11px;
height: 20px;
}
.page-footer .page-footer-bottom__ig a img {
width: 15px;
}
.page-footer .page-footer-bottom .social-media {
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.page-footer .page-footer-bottom .social-media {
justify-content: flex-end;
}
}
.page-footer .page-footer-bottom .social-media > a:not(:first-child) {
margin-left: 25px;
}
@media (max-width: 991.98px) {
.page-footer .page-footer-bottom .page-footer-bottom-3 {
order: 0;
text-align: center;
}
}
@media (max-width: 991.98px) {
.page-footer .page-footer-bottom .page-footer-bottom-2 {
font-size: 12px;
order: 1;
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
}
}
@media (max-width: 991.98px) {
.page-footer .page-footer-bottom .page-footer-bottom-1 {
order: 2;
text-align: center;
}
}
.page-template-contact .page-footer,
.page-template-blog .page-footer,
.page-template-guarantee .page-footer,
.archive.category .page-footer {
margin-top: 0;
}
.modal {
display: none;
overflow: auto;
text-align: center;
z-index: 9999;
max-width: 100% !important;
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 100%;
background-color: #fff;
padding: 0;
}
.modal.full-modal-open {
z-index: 99999;
}
.modal.modal-w-b {
background: transparent;
}
.modal .modal-img {
display: flex;
flex-direction: column;
align-items: center;
}
.modal .modal-img img {
max-width: 440px;
}
@media (max-width: 991.98px) {
.modal .modal-img img {
max-width: 100%;
}
}
.modal .row {
max-width: 100%;
}
.modal span.close,
.modal span.closeCartModal,
.modal span.close-add-to-cart {
position: absolute;
top: 39px;
right: 40px;
z-index: 9999999999;
cursor: pointer;
transition: opacity 0.5s;
transform: rotate(45deg);
}
.modal span.close:hover,
.modal span.closeCartModal:hover,
.modal span.close-add-to-cart:hover {
opacity: 0.7;
}
@media screen and (max-width: 768px) {
.page-footer-bottom-2
{
text-align: center !important;
}
.page-footer-bottom-3 .social-media
{
justify-content: center;
}
.modal span.close,
.modal span.closeCartModal,
.modal span.close-add-to-cart {
top: 15px;
right: 20px;
transform: scale(0.8) rotate(45deg);
}
}
.modal span.close:before,
.modal span.closeCartModal:before,
.modal span.close-add-to-cart:before {
content: url(https://draminski.pl/wp-content/themes/draminski2024/images/close-modal.svg);
}
.modal .container .row .col-lg-6 > .title {
font-size: 52px;
line-height: 60px;
display: inline-block;
margin-bottom: 10px;
}
.modal .container .row .col-lg-6 > .country {
display: block;
text-align: center;
margin-bottom: 60px; }
@media (max-width: 991.98px) {
.modal .container .row .col-lg-6 > .country {
margin-bottom: 40px;
}
}
.modal#to_distribution > .container {
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.modal#to_distribution > .container .title {
font-size: 52px;
line-height: 60px;
display: block;
margin-bottom: 10px;
}
@media (max-width: 991.98px) {
.modal#to_distribution > .container .title {
font-size: 35px;
line-height: 1.2;
}
}
.modal#to_distribution > .container .country {
font-weight: bold;
font-size: 22px;
}
.modal#question_product, .modal#order_quote {
padding: 20px;
}
@media (max-width: 991.98px) {
.modal#question_product, .modal#order_quote {
padding: 0;
}
}
.modal#question_product .container, .modal#order_quote .container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
align-content: flex-start;
}
@media all and (min-width: 992px) {
.modal#question_product .container, .modal#order_quote .container {
height: 100%;
}
.modal#question_product .container .col-lg-5, .modal#order_quote .container .col-lg-5 {
position: relative;
}
.modal#question_product .container .col-lg-5::after, .modal#order_quote .container .col-lg-5::after {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
height: 100%;
width: 1px;
background-color: #b6b8bb;
}
}
.modal#question_product .container .header, .modal#order_quote .container .header {
margin-top: 100px;
width: 100%;
text-align: center;
margin-bottom: 10%; }
@media (max-width: 991.98px) {
.modal#question_product .container .header, .modal#order_quote .container .header {
margin-bottom: 45px;
}
}
.modal#question_product .container .header small, .modal#order_quote .container .header small {
font-weight: bold;
font-size: 52px;
letter-spacing: -0.01em;
line-height: 60px;
text-align: center;
color: #272727;
display: block;
}
@media (max-width: 991.98px) {
.modal#question_product .container .header small, .modal#order_quote .container .header small {
font-size: 34px;
line-height: 1.2;
}
}
.modal#question_product .container .header strong, .modal#order_quote .container .header strong {
display: block;
font-weight: 300;
font-size: 18px;
letter-spacing: 0.23em;
text-align: center;
color: #272727;
line-height: 24px;
}
.modal#question_product .container .row, .modal#order_quote .container .row { }
.modal#question_product .container .row form .form-items, .modal#order_quote .container .row form .form-items { }
.modal .modal-ov {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(29, 29, 27, 0.9);
z-index: -1;
}
.modal#add_to_cart {
background: none;
}
.modal#add_to_cart .container {
max-width: 1100px !important;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
background: #fff;
position: absolute;
border-radius: 9px;
padding: 80px 150px;
}
@media (max-width: 991.98px) {
.modal#add_to_cart .container {
padding: 70px 15px 40px;
}
}
.modal#add_to_cart .container .header strong {
font-weight: bold;
font-size: 46px;
line-height: 46px;
text-align: center;
color: #1d1d1b;
}
@media (max-width: 991.98px) {
.modal#add_to_cart .container .header strong {
font-size: 35px;
line-height: 1.2;
}
}
@media (max-width: 991.98px) {
.modal#add_to_cart .container .row {
margin-left: 0;
}
}
.add-to-cart-modal__ctn {
display: flex;
justify-content: center;
margin-top: 40px;
margin-bottom: 40px;
align-items: center;
}
@media screen and (max-width: 576px) {
.add-to-cart-modal__ctn {
flex-direction: column;
gap: 16px;
}
}
.add-to-cart-modal__ctn .title {
font-weight: bold;
font-size: 18px;
line-height: 20px;
text-align: center;
max-width: 170px;
color: #1d1d1b;
margin-right: 40px;
margin-left: 40px;
}
@media (max-width: 991.98px) {
.add-to-cart-modal__ctn .title {
margin-right: 20px;
margin-left: 20px;
}
}
.add-to-cart-modal__ctn .img img {
max-width: 113px;
}
.add-to-cart-modal__ctn .price p {
margin: 0;
}
.add-to-cart-modal__ctn .woocommerce-Price-amount {
display: flex;
line-height: 0.3;
margin-top: 6px;
}
.add-to-cart-modal__btns {
margin-left: 30px;
margin-right: 30px;
margin-top: 60px;
margin-bottom: 40px;
display: flex;
justify-content: space-between;
}
@media (max-width: 991.98px) {
.add-to-cart-modal__btns {
margin-top: 30px;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
}
.add-to-cart-modal__btns .btn {
margin: 0;
}
@media screen and (max-width: 576px) {
.add-to-cart-modal__btns {
flex-direction: column;
gap: 16px;
}
}
.add-to-cart-modal__calibration .btn {
margin-top: 25px;
}
.add-to-cart-modal__calibration .btn img {
margin-left: 12px;
transition: all 0.4s;
opacity: 1;
}
.add-to-cart-modal__calibration .btn img:last-of-type {
opacity: 0;
position: absolute;
right: 25px;
}
.add-to-cart-modal__calibration .btn:hover {
color: #fff !important;
}
.add-to-cart-modal__calibration .btn:hover:visited {
color: #fff !important;
}
.add-to-cart-modal__calibration .btn:hover img:first-of-type {
opacity: 0;
}
.add-to-cart-modal__calibration .btn:hover img:last-of-type {
opacity: 1;
}
.add-to-cart-modal__calibration strong {
font-weight: bold;
font-size: 26px;
line-height: 46px;
text-align: center;
color: #1d1d1b;
display: block;
}
@media (max-width: 991.98px) {
.add-to-cart-modal__calibration strong {
font-size: 23px;
line-height: 1.2;
}
}
#question_product .acceptance {
margin-left: 5px;
margin-top: 10px;
}
#question_product .select2-container {
width: 100% !important;
}
.alerts_modal {
display: block;
overflow-x: hidden;
overflow-y: auto;
z-index: 1072;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: 0;
background: rgba(29, 29, 27, 0.9);
}
.alerts_modal-open {
overflow: hidden !important;
}
.alerts_modal .alerts_modal-dialog {
transform: none;
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
position: relative;
width: auto;
pointer-events: none;
max-width: 800px;
padding: 0 10px;
}
@media (min-width: 576px) {
.alerts_modal .alerts_modal-dialog {
min-height: calc(100% - 3.5rem);
max-width: 500px;
margin: 1.75rem auto;
}
}
@media (min-width: 992px) {
.alerts_modal .alerts_modal-dialog {
max-width: 800px;
}
}
.alerts_modal .alerts_modal-dialog .alerts_modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 10px;
outline: 0;
}
.alerts_modal .alerts_modal-dialog .alerts_modal-content .alerts_modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.alerts_modal .alerts_modal-dialog .alerts_modal-content .alerts_modal-header .alerts_modal-title {
margin-bottom: 0;
line-height: 1.5;
color: #eb1618;
font-size: 1.5rem;
}
.alerts_modal .alerts_modal-dialog .alerts_modal-content .alerts_modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
.alerts_modal .alerts_modal-dialog .alerts_modal-content .alerts_modal-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
}
.alerts_modal .alerts_modal-dialog .alerts_modal-content .alerts_modal-footer button {
width: 49%;
}
.container {
max-width: 1920px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
@media (max-width: 767.98px) {
.container {
padding: 0 10px;
}
}
.container--small {
max-width: 1390px;
}
.container__fluid {
max-width: 99999px;
padding: 0;
}
.container__fluid .row {
margin: 0;
}
.container__fluid .row > div {
padding: 0;
}
.home.blog .site-header {
margin: 0;
background: transparent;
border: none;
}
.site-header {
display: flex;
background: #1d1d1b;
height: 60px;
padding-top: 0px;
padding-bottom: 0px;
justify-content: space-between;
margin-bottom: 0 !important;
border: none !important;
}
@media screen and (max-width: 1250px) {
.site-header {
padding-top: 7px;
padding-bottom: 7px;
}
}
.site-header .site-branding {
display: flex;
align-items: center;
margin: 0;
margin-right: 0 !important;
width: -moz-fit-content !important;
width: fit-content !important;
}
@media screen and (max-width: 1250px) {
.site-header .site-branding {
width: 100% !important;
}
}
.site-header__right {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 4px;
}
.site-header__right .loupe {
padding: 8px;
cursor: pointer;
}
.site-header__right .loupe img {
min-width: 25px;
width: 25px;
}
@media screen and (max-width: 1250px) {
.site-header__right {
margin-left: 8px;
margin-right: 50px;
}
}
.site-header__right .woocommerce-buttons {
justify-content: center;
align-items: center;
display: flex;
gap: 4px;
width: -moz-max-content;
width: max-content;
}
.site-header__right .woocommerce-buttons__account {
padding: 8px;
}
.site-header__right .woocommerce-buttons__account img {
min-width: 25px;
width: 25px;
}
.site-header__right .woocommerce-buttons__cart {
position: relative;
padding: 8px;
}
.site-header__right .woocommerce-buttons__cart img {
min-width: 25px;
width: 25px;
margin-top: -6px;
}
.site-header__right .woocommerce-buttons__cart span {
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
color: #fff;
background: #eb1618;
font-size: 9.5px;
top: 0px;
right: 0px;
font-weight: bold;
line-height: 0;
text-align: center;
padding-top: 6px;
}
.site-header .switch-language .wpml-ls-legacy-dropdown-click {
width: auto;
}
.site-header .switch-language .wpml-ls-legacy-dropdown-click a {
background: transparent;
border: none;
color: #fff;
font-size: 15px;
font-weight: bold;
}
.site-header .switch-language .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
border: 6px solid transparent;
border-top-width: 8px;
border-top-style: solid;
border-top-color: #fff;
}
@media screen and (max-width: 1250px) {
.site-header .switch-language .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
right: -3px;
}
}
@media screen and (max-width: 760px) {
.site-header .switch-language .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
left: 15px !important;
}
.site-header .switch-language .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
right: 6px !important;
}
}
.site-header .switch-language .wpml-ls-legacy-dropdown-click .wpml-ls-link {
transition: all 0s;
}
.site-header .switch-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
width: 100px;
margin-top: 50px;
color: #000;
border-color: #1d1d1b !important;
background-color: #1d1d1b;
}
@media screen and (min-width: 1250px) {
.site-header .switch-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
margin-top: 10px;
}
}
@media screen and (max-width: 1250px) {
.site-header .switch-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
color: #fff !important;
margin-top: 28px;
border: none;
}
}
.site-header .switch-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
color: #fff;
transition: none;
padding: 10px;
}
@media screen and (max-width: 1250px) {
.site-header .switch-language .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
padding: 5px 15px;
}
}
.site-header-ctn {
background: #1d1d1b !important;
color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
z-index: 1020;
height: 61px;
margin: 0 auto;
right: 0;
display: inline-flex;
align-items: center;
padding-bottom: 0px;
}
body .site-header-ctn .site-header .main-navigation#site-navigation .nav-menu .page_item a {
color: #000;
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu {
position: fixed;
width: 100%;
z-index: 99999;
top: 0;
bottom: 0;
background: #1d1d1b;
left: 0;
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu.toggled .menu-toggle-mobile {
right: 0;
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .switch-language > div > ul {
display: initial !important;
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .menu {
height: 100%;
justify-content: center;
align-items: center;
display: flex;
text-align: center;
position: absolute;
flex-direction: column;
width: 100%;
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .menu {
left: 0;
top: 70px;
padding-left: 35px;
padding-right: 35px;
align-items: flex-start;
text-align: left;
height: calc(100% - 230px);
overflow-y: scroll;
overflow-x: hidden;
justify-content: flex-start;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .menu .menu-item a {
padding-left: 0;
margin: 20px 0;
}
@media screen and (min-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .menu .menu-item a {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 1250px) {
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .menu .menu-item a {
margin: 0 !important;
padding-top: 11px;
padding-bottom: 15px;
}
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .menu-toggle-mobile {
background: transparent;
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .menu-toggle-mobile span {
opacity: 1;
transform: rotate(45deg) translate(-3px, -1px);
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .menu-toggle-mobile span:nth-of-type(2) {
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
body .site-header-ctn .site-header .main-navigation#site-navigation.toggled-menu .menu-toggle-mobile span:last-of-type {
transform: rotate(-45deg) translate(0, 0);
}
.menu-toggle-mobile {
position: absolute;
right: -15px;
padding-left: 16px;
height: 60px;
background: #343432;
width: 60px;
top: -8px;
border: none;
}
.menu-toggle-mobile span {
display: block;
width: 29px;
height: 2px;
margin-bottom: 5px;
position: relative;
background: #fff;
border-radius: 3px;
z-index: 1;
transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
.menu-toggle-mobile span:last-of-type {
transform-origin: 0% 100%;
}
.wpcf7-form {
text-align: left; }
.wpcf7-form .wpcf7-textarea {
max-height: 80px;
}
.wpcf7-form .wpcf7-textarea,
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-select,
.wpcf7-form .input-style {
min-width: 0;
max-width: 100%;
width: 100%;
display: block;
font-size: 18px;
padding: 8px 20px;
color: #272727;
background-color: #fff;
border: 1px solid #b6b8bb;
line-height: 24px;
display: block;
transition: 0.3s linear;
cursor: pointer;
outline: none !important;
border-radius: 30px;
box-shadow: none;
}
.wpcf7-form label {
display: block;
margin-top: 8px;
}
.wpcf7-form label > small {
font-size: 15px;
margin-bottom: 4px;
margin-left: 20px;
font-weight: 500;
color: #272727;
text-align: left;
display: block;
} .select2-container {
color: #1d1d1b;
width: -moz-min-content !important;
width: min-content !important;
min-width: 300px;
display: block;
margin: 0 auto;
}
@media (max-width: 991.98px) {
.select2-container {
min-width: 100%;
}
}
.select2-container .select2-selection {
height: auto;
padding: 4px 20px;
border-radius: 30px;
min-height: 41px;
border: 1px solid #b6b8bb;
background-color: #fff;
}
.select2-container .select2-selection .select2-selection__rendered {
color: #b6b8bb;
position: absolute;
max-width: 90%;
}
.select2-container .select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
right: 10px;
}
.select2-container--open .select2-selection {
border-radius: 20px;
border-bottom: none;
}
.select2-container--multiSelect .select2-selection
{
height: 100% !important;
}
.select2-container .select2-selection__rendered {
white-space: normal;
line-height: 1.3;
}
.select2-container .select2-selection {
height: auto;  
min-height: 40px;      
}
@media (min-width: 768px) {
.variations .select2-container .select2-selection .select2-selection__rendered {
max-width: 80% !important;
overflow: visible;
white-space: normal !important;
text-align: center;
}
}
.variations .select2-container--multiSelect .select2-selection {
max-width: 372px !important;
}
.variations .select2-container {
min-width: 290px !important;
}
.variations .select2-choices {
max-height: 300px;
overflow-y: auto;
}
.select2-results {
max-height: 400px;
overflow-y: auto;
}
.select2-container {
margin: unset;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
margin-left: -16px;
margin-top: 16px;
border-width: 7px 5px 0 5px;
border-color: #b6b8bb transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #b6b8bb transparent;
border-width: 0 5px 7px 5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background: #b7b7b7;
}  .woocommerce-form-row label,
.input-style label {
display: block;
font-size: 15px;
margin-bottom: 9px;
text-align: left;
padding-left: 10px;
}
.woocommerce-form-row input[type=text],
.woocommerce-form-row input[type=password],
.woocommerce-form-row input[type=email],
.woocommerce-form-row input[type=tel],
.woocommerce-form-row textarea,
.input-style input[type=text],
.input-style input[type=password],
.input-style input[type=email],
.input-style input[type=tel],
.input-style textarea {
border-radius: 30px;
border: 1px solid #c8c8c8;
background: transparent;
min-height: 44px;
box-shadow: none;
width: 100%;
font-size: 16px;
padding-top: 0;
padding-bottom: 0;
}  .container-checkbox {
display: block;
position: relative;
padding-left: 35px !important;
margin-bottom: 12px;
cursor: pointer;
} .container-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .checkmark {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
background-color: #fff;
border: 1px solid #707070;
border-radius: 3px;
} .container-checkbox:hover input ~ .checkmark {
background-color: #ccc;
} .container-checkbox input:checked ~ .checkmark {
background-color: #fff;
} .checkmark:after {
content: "";
position: absolute;
display: none;
} .container-checkbox input:checked ~ .checkmark:after {
display: block;
} .container-checkbox .checkmark:after {
left: 2px;
top: 2px;
width: 9px;
height: 10px;
background: #fff;
content: "";
background: url(//draminski.pl/wp-content/themes/draminski2024/images/check.svg) no-repeat center;
background-size: auto;
background-size: 100%;
}
.ship-to-different-address-extra-label,
.checkbox > span:last-of-type {
padding-left: 30px;
display: inline-block;
text-transform: capitalize;
position: relative;
}
.ship-to-different-address-extra-label:after,
.checkbox > span:last-of-type:after { left: 2px;
top: 9px;
width: 9px;
height: 10px;
background: #fff;
content: "";
background: url(//draminski.pl/wp-content/themes/draminski2024/images/check.svg) no-repeat center;
background-size: auto;
background-size: 100%;
position: absolute;
transition: all 0.4s;
opacity: 0;
}
.ship-to-different-address-extra-label:before,
.checkbox > span:last-of-type:before { position: absolute;
top: 7px;
left: 0;
height: 15px;
width: 15px;
background-color: #fff;
border: 1px solid #707070;
border-radius: 3px;
content: "";
}
#ship-to-different-address input,
.checkbox input {
opacity: 0;
position: absolute;
z-index: -9999;
}
.checkbox input:checked ~ span:last-of-type:after {
opacity: 1;
}  .select2-container--multiSelect .select2-dropdown {
border-top: none;
border-color: #e5e5e5;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background-color: #fff;
}
.select2-container--multiSelect .select2-dropdown ul li {
padding-left: 30px;
}
.select2-container--multiSelect .select2-dropdown ul li:last-child {
border-color: #e5e5e5;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.select2-container--multiSelect .select2-results__options {
max-height: 400px;
overflow-y: auto;
}
.select2-container--multiSelect .select2-results__options .select2-results__option {
position: relative;
}
.select2-container--multiSelect .select2-results__options .select2-results__option--selected {
background-color: #efefef;
}
.select2-container--multiSelect .select2-results__options .select2-results__option:hover, .select2-container--multiSelect .select2-results__options .select2-results__option--highlighted {
background-color: #efefef;
}
.select2-container--multiSelect .select2-results__options[aria-multiselectable=true] .select2-results__option {
padding-left: 50px;
font-size: 16px;
color: #1d1d1b;
}
.select2-container--multiSelect .select2-results__options[aria-multiselectable=true] .select2-results__option::after {
position: absolute;
top: 50%;
left: 20px;
width: 16px;
height: 16px;
transform: translateY(-50%);
content: "";
display: block;
background-image: url(//draminski.pl/wp-content/themes/draminski2024/images/check-154.svg);
background-size: contain;
}
.select2-container--multiSelect .select2-results__options[aria-multiselectable=true] .select2-results__option--selected::after {
background-image: url(//draminski.pl/wp-content/themes/draminski2024/images/checked-154.svg);
}
.select2-container--multiSelect .select2-selection {
padding: 2px 0px !important;
min-height: 44px !important;
max-width: 360px;
overflow: hidden;
}
@media (max-width: 991.98px) {
.select2-container--multiSelect .select2-selection {
max-width: 100%;
}
}
.select2-container--multiSelect .select2-selection:after {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/rozwin-black.svg);
position: absolute;
right: 9px;
top: 2px;
background: #fff;
width: 30px;
text-align: center;
border-radius: 0 20px 20px 0;
height: calc(100% - 3px);
padding-top: 3px;
}
.select2-container--multiSelect .select2-selection__rendered {
display: inline-flex !important;
margin: 0;
padding: 0;
}
.select2-container--multiSelect .select2-selection__rendered .select2-selection__choice {
font-size: 16px;
font-weight: 500;
background-color: #efefef;
padding: 8px 15px;
border-radius: 30px;
border: none;
color: #000;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px !important;
margin-top: 3px;
}
.select2-container--multiSelect .select2-selection__rendered .select2-selection__choice__display {
display: block;
padding: 0;
margin-left: 15px;
line-height: 1;
}
.select2-container--multiSelect .select2-selection__rendered .select2-selection__choice__remove {
border: none;
top: 50%;
left: 2px;
background: transparent;
transform: translateY(-50%);
height: 10px;
width: 10px;
padding: 0;
border-radius: 0;
margin-top: 0px;
top: 5px;
position: relative;
}
.select2-container--multiSelect .select2-selection__rendered .select2-selection__choice__remove::before {
content: "";
height: 10px;
width: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
background-image: url(//draminski.pl/wp-content/themes/draminski2024/images/cross.svg);
background-size: contain;
}
.select2-container--multiSelect .select2-selection__rendered .select2-selection__choice__remove span {
display: none;
}
.select2-container--multiSelect .select2-selection__arrow {
top: 50% !important;
transform: translateY(-50%);
}
.select2-selection--multiple {
border-color: #eb1618 !important;
}
.select2-selection--multiple .select2-search__field {
background: transparent;
box-shadow: none;
color: #4d4d4d;
font-size: 18px;
font-weight: bold;
height: 37px;
resize: none;
padding-left: 12px !important;
padding-top: 4px !important;
}
.select2-selection--multiple ::-moz-placeholder {
color: #4d4d4d;
opacity: 1; }
.select2-selection--multiple ::placeholder {
color: #4d4d4d;
opacity: 1; }
.select2-selection--multiple ::-ms-input-placeholder { color: #4d4d4d;
}
.select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
left: 4px;
top: 7px;
}
#newsletter .select2-selection--multiple,
#newsletter .newsletter-email {
border-color: #707070 !important;
}  .wpcf7-list-item {
padding-right: 15px;
}
.wpcf7-list-item .wpcf7-list-item-label {
position: relative;
font-size: 15px;
}
.wpcf7-list-item .wpcf7-list-item-label .checkmark {
display: none;
}
.wpcf7-list-item .wpcf7-list-item-label:after {
border-color: #eb1618;
position: absolute;
border: 1px solid #6b7280;
border-radius: 4px;
transition: all 0.5s;
width: 16px;
height: 16px;
left: -22px;
top: 2px;
transition: all 0.5s;
}
.wpcf7-list-item .wpcf7-list-item-label:before {
content: "";
position: absolute;
left: -20px;
top: 4px;
background: url(//draminski.pl/wp-content/themes/draminski2024/images/check.svg) no-repeat center;
background-size: 100%;
width: 11px;
height: 12px;
opacity: 0;
transition: all 0.5s;
}
.wpcf7-list-item input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
opacity: 1;
} .acceptance .wpcf7-list-item-label {
font-size: 12px;
line-height: 15px;
display: block;
margin-bottom: 25px;
}
.acceptance .acceptance-links {
transform: translate(0px, -20px);
font-size: 12px;
}
.wpcf7-not-valid-tip {
font-size: 15px;
}
.select2-dropdown {
z-index: 50000;
}
.custom-form:not(.row) small {
font-size: 15px;
margin-bottom: 10px;
margin-left: 20px;
font-weight: 500;
color: #1d1d1b;
text-align: left;
}
.custom-form:not(.row) .form-items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.custom-form:not(.row) .form-items h2 {
font-weight: bold;
font-size: 26px;
line-height: 30px;
text-align: left;
color: #191919;
width: 100%;
}
.custom-form:not(.row) .form-items textarea {
resize: none;
height: 100px;
border-radius: 20px !important;
}
.custom-form:not(.row) .form-items label {
width: 50%;
margin-bottom: 20px;
}
.custom-form:not(.row) .form-items label.full, .custom-form:not(.row) .form-items label.how {
width: 100%;
}
.custom-form:not(.row) .form-items label.country, .custom-form:not(.row) .form-items label.email {
padding-left: 12.5px;
}
.custom-form:not(.row) .form-items label.name, .custom-form:not(.row) .form-items label.phone {
padding-right: 12.5px;
}
.custom-form:not(.row) .form-items label.half {
width: calc(50% - 10px);
padding-left: 0;
padding-right: 0;
}
@media (max-width: 991.98px) {
.custom-form:not(.row) .form-items label.half {
width: 100%;
}
}
.custom-form:not(.row) .form-items label.quarter {
width: calc(25% - 10px);
}
@media (max-width: 991.98px) {
.custom-form:not(.row) .form-items label.quarter {
width: 100%;
}
}
.custom-form:not(.row) .form-items label.three-quarter {
width: calc(75% - 10px);
}
@media (max-width: 991.98px) {
.custom-form:not(.row) .form-items label.three-quarter {
width: 100%;
}
}
.custom-form:not(.row) .form-items label.percent60 {
width: calc(60% - 10px);
}
@media (max-width: 991.98px) {
.custom-form:not(.row) .form-items label.percent60 {
width: 100%;
}
}
.custom-form:not(.row) .form-items label.percent40 {
width: calc(40% - 10px);
}
@media (max-width: 991.98px) {
.custom-form:not(.row) .form-items label.percent40 {
width: 100%;
}
}
.custom-form:not(.row) .form-items label.message {
width: 100%;
}
.custom-form:not(.row) .form-items label small,
.custom-form:not(.row) .form-items label span {
display: block;
}
.custom-form:not(.row) .form-items label input,
.custom-form:not(.row) .form-items label textarea,
.custom-form:not(.row) .form-items label select {
min-width: 0;
max-width: 100%;
width: 100%;
display: block;
font-size: 1em;
padding: 8px 20px;
color: #1d1d1b;
background-color: #fff;
border: 1px solid #b6b8bb;
line-height: 24px;
display: block;
transition: 0.3s linear;
cursor: pointer;
outline: none !important;
border-radius: 22px;
box-shadow: none;
}
.custom-form:not(.row) .form-items label ~ h2 {
margin-top: 40px;
}
@media (max-width: 991.98px) {
.custom-form:not(.row) .form-items label ~ h2 {
margin-top: 20px;
}
}
.custom-form:not(.row) .form-items .check label {
cursor: pointer;
}
.custom-form:not(.row) .form-items br {
display: none;
}
.custom-form:not(.row) .acceptance {
position: relative;
text-align: left;
}
.custom-form:not(.row) .acceptance .cookies label small {
padding-left: 26px;
margin-left: 0;
position: relative;
color: #808080;
font-size: 13px;
line-height: 18px;
display: block;
}
.custom-form:not(.row) .acceptance .cookies label small::after {
position: absolute;
top: 0;
left: 0px;
width: 16px;
height: 16px;
content: "";
display: block;
background-image: url(//draminski.pl/wp-content/themes/draminski2024/images/icons/check-154.svg);
background-size: contain;
}
.custom-form:not(.row) .acceptance .cookies label input[type=checkbox] {
display: block;
position: absolute;
left: 0;
top: 21px;
z-index: -10;
opacity: 0;
}
.custom-form:not(.row) .acceptance .cookies label input[type=checkbox]:checked + span small::after {
background-image: url(//draminski.pl/wp-content/themes/draminski2024/images/icons/checked-154.svg);
}
.custom-form:not(.row) .btn {
margin-top: 20px;
}
.custom-form:not(.row) .btn:hover input {
color: #1d1d1b;
}
.custom-form:not(.row) .btn input {
padding: 0;
background-color: transparent;
}
.custom-form:not(.row) .btn .ajax-loader {
position: absolute;
bottom: 0;
left: 0;
}
.custom-form:not(.row) .select2 .select2-selection__rendered {
color: #1d1d1b;
}
.custom-form:not(.row) .select2 .select2-selection__arrow b {
border-color: #1d1d1b transparent transparent transparent !important;
}
.custom-form:not(.row) .container-checkbox {
padding-left: 30px;
}
.custom-form:not(.row) .container-checkbox p {
margin: 0;
font-size: 12px;
line-height: 1.2;
}
.ui-widget.ui-widget-content {
z-index: 999 !important;
}
.when-buy {
margin-top: 10px;
}
@media (min-width: 768px) {
.when-buy {
margin-left: 25px;
}
}
@media (max-width: 991.98px) {
.when-buy label {
margin-bottom: 0px !important;
width: 100% !important;
display: block;
text-align: left !important;
margin-left: 30px !important;
}
}
.form-service {
background-color: #fff;
border-radius: 10px;
padding: 40px;
}
@media (max-width: 991.98px) {
.form-service {
padding: 20px;
}
}
.form-service .offset-lg-3 { }
.form-service form .select2 {
width: 100% !important;
}
.form-service .acceptance {
margin-top: 40px;
}
@media (max-width: 991.98px) {
.form-service .acceptance {
margin-top: 20px;
}
}
.distribution-form {
padding: 80px 15px;
overflow: hidden;
}
@media (max-width: 991.98px) {
.distribution-form {
padding: 40px 15px;
}
}
.distribution-form h1 {
text-align: center;
}
.distribution-form .row .col-lg-8 > p {
text-align: center;
}
.distribution-form .row:not(.form) {
margin-bottom: 20px;
}
.distribution-form .form {
background-color: #fff;
padding: 130px 20px 80px;
}
.distribution-form .form p {
text-align: center;
width: 100%;
margin-bottom: 40px;
font-size: 15px;
color: #808080;
}
@media (max-width: 991.98px) {
.distribution-form .form p {
margin-bottom: 20px;
}
}
.distribution-form .form .acceptance p {
text-align: left;
}
.distribution-form .form .form-items > label:nth-child(2n+1) {
padding-left: 0;
padding-right: 12.5px;
}
.distribution-form .form .form-items > label:nth-child(2n) {
padding-left: 12.5px;
padding-right: 0;
}
.distribution-form .form .form-items > label.message {
padding: 0;
}
.distribution-form .form .form-items > label .select2 {
width: 100% !important;
}
.distribution-form .form .form-items .check {
width: 100%;
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
}
.distribution-form .form .form-items .check p {
width: 100%;
font-weight: 500;
font-size: 15px;
line-height: 23px;
text-align: left;
color: #272727;
padding-left: 20px;
margin-bottom: 20px;
}
.distribution-form .form .form-items .check label {
width: auto;
font-weight: 500;
font-size: 15px;
line-height: 23px;
text-align: left;
color: #272727;
padding-left: 25px;
margin-right: 50px;
position: relative;
}
.distribution-form .form .form-items .check label span {
content: "";
top: 50%;
transform: translateY(-50%);
left: 0;
position: absolute;
height: 15px;
width: 15px;
display: block;
background-image: url(//draminski.pl/wp-content/themes/draminski2024/images/icons/check-154.svg);
background-size: cover;
}
.distribution-form .form .form-items .check label input {
display: none;
}
.distribution-form .form .form-items .check label input:checked + span {
background-image: url(//draminski.pl/wp-content/themes/draminski2024/images/icons/checked-154.svg);
}
.distribution-form .form form > .btn {
margin: 80px auto 0;
}
@media (max-width: 991.98px) {
.distribution-form .form form > .btn {
margin: 40px auto 0;
}
}
@media (max-width: 991.98px) {
.distribution-form .form {
padding: 60px 20px 40px;
}
.distribution-form .form .form-items > label {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.form-message {
border-radius: 12px;
background: #eff5e7;
border: 1px solid;
font-weight: 500;
font-size: 15px;
line-height: 23px;
text-align: center;
padding: 16px 25px;
}
.form-message.success {
color: #729a37;
border-color: #729a37;
}
.form-message__login {
color: #fff !important;
font-size: 22px;
font-weight: bold;
line-height: 1.1;
background: #eb1618;
align-items: center;
display: flex;
border: none !important;
text-align: left;
}
.form-message__login a {
text-decoration: underline;
color: #fff !important;
font-size: 22px;
margin-right: 5px;
font-weight: bold;
line-height: 1.1;
}
.form-message__login img {
margin-right: 9px;
}
.page-template-registerDeviceForm,
.page-template-form_service {
background: #f3f3f3;
}
.service-form h1 {
margin: 0 auto 70px;
}
.service-form .form-items {
padding-top: 20px;
}
.service-form form {
margin: 0 auto;
max-width: 700px;
}
.service-form .file-label {
margin-bottom: 30px;
font-size: 15px;
padding-left: 20px;
margin-top: 30px;
}
.service-form .file-label small {
color: #b6b8bb;
margin: 0;
padding-top: 9px;
display: block;
}
.service-form .btn {
margin-left: auto;
margin-right: auto;
}
.page-template-registerDeviceForm .select2-container .select2-dropdown .select2-search {
display: block;
}
.page-template-registerDeviceForm .select2-container .select2-dropdown ul li {
padding-left: 10px;
}
.page-template-registerDeviceForm .select2-search__field:focus {
outline-color: #b6b8bb;
}
#dropzone {
border-color: #eb1618;
border-radius: 10px;
border-style: dotted;
}
.form-top-row {
display: flex;
justify-content: space-between;
width: 100%;
}
@media (max-width: 991.98px) {
.form-top-row {
flex-direction: column;
margin-bottom: 40px;
}
}
.form-top-row__mt {
margin-top: 50px;
}
.form-top-row h2 {
width: auto !important;
margin-bottom: 25px;
}
.form-top-row .required-info {
color: #1d1d1b;
font-size: 15px;
font-weight: 600;
margin-top: 6px;
}
.register-device-btn {
margin: 60px auto 70px !important;
}
.register-device-btn input {
color: #fff;
}
.register-device-btn:hover input {
color: #eb1618;
}
form.custom-form p.answer,
form.custom-form p.wrong {
margin: 0;
font-size: 13px !important;
letter-spacing: 0.02em;
line-height: 22px;
border: none;
background-color: #d80c0c;
color: #fff !important;
border-radius: 22px;
padding: 6px 10px;
margin-top: -42px;
transition: all 0.5s;
opacity: 0;
margin-bottom: 0 !important;
visibility: hidden;
text-align: center !important;
}
form.custom-form p.answer.active,
form.custom-form p.wrong.active {
margin-top: 0 !important;
opacity: 1;
visibility: visible;
}
form.custom-form .check {
margin-bottom: 30px !important;
}
form.custom-form .check label {
margin-bottom: 10px !important;
}
form.custom-form .acceptance {
z-index: 1;
}
form.custom-form .btn.primary {
margin-left: auto;
margin-right: auto;
}
.login-box {
border: 1px solid #c8c8c8;
border-radius: 8px;
text-align: center;
padding: 38px;
display: flex;
flex-direction: column;
justify-content: center;
}
.login-box .woocommerce-LostPassword a {
font-size: 15px;
}
.login-box .show-password-input {
display: none;
}
@media (min-width: 768px) {
.login-box {
min-height: 555px;
}
}
@media (max-width: 991.98px) {
.login-box {
margin-bottom: 20px;
}
}
.login-box .btn-register {
margin-top: 20px;
}
.login-box form {
max-width: 360px;
margin: 0 auto;
}
.login-box form .woocommerce-button {
display: block;
margin: 0 auto;
clear: both;
margin-top: 36px;
}
.login-box__ctn {
margin: 0 auto;
}
.login-box__ctn ul {
width: -moz-fit-content;
width: fit-content;
}
.login-box__ctn li {
text-align: left;
}
.login-box .woocommerce-form-login__rememberme {
float: left;
margin-bottom: 20px;
}
.login-box .form-row .woocommerce-form__label-for-checkbox {
margin-bottom: 40px;
margin-left: 10px;
}
.login-box .form-row .woocommerce-form__label-for-checkbox input {
display: none;
}
.login-box .form-row .woocommerce-form__label-for-checkbox span {
padding-left: 26px;
margin-left: 0;
position: relative;
font-size: 13px;
line-height: 18px;
display: block;
}
.login-box .form-row .woocommerce-form__label-for-checkbox span::after {
position: absolute;
top: 0;
left: 0px;
width: 15px;
height: 15px;
content: "";
display: block;
border: 1px solid #c8c8c8;
border-radius: 2px;
background-size: contain;
}
.login-box .form-row .woocommerce-form__label-for-checkbox input:checked + span::after {
background-image: url(//draminski.pl/wp-content/themes/draminski2024/images/correct_form.svg);
background-position: center;
background-repeat: no-repeat;
background-color: #c8c8c8;
background-size: 10px;
}
.select2-dropdown.search {
width: 500px;
z-index: 99999;
}
@media screen and (max-width: 1200px) {
.select2-dropdown.search {
width: 100%;
}
}
.select2-dropdown.search #select2-search-results li {
background: #fff !important;
color: #1d1d1b !important;
}
.select2-dropdown.search #select2-search-results li > span {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
text-align: left;
align-items: flex-start;
}
.select2-dropdown.search #select2-search-results li > span .search-img {
width: 30px;
margin-right: 10px;
}
.select2-dropdown.select-red {
border-color: #eb1618 !important;
border-width: 2px !important;
}
.search-container {
position: fixed;
top: 0;
left: 0;
display: none;
height: 100%;
z-index: 999;
width: 100%;
background-color: rgba(25, 25, 25, 0.7);
}
.search-container .select2 {
width: 500px !important;
}
@media screen and (max-width: 1200px) {
.search-container .select2 {
width: calc(100% - 50px) !important;
min-width: auto;
}
}
.search-container.active {
display: block;
z-index: 9999;
}
.search-container .container {
background-color: #f3f3f3;
max-width: 100%;
}
.search-container .container .row {
max-width: 1136px;
margin-left: auto;
margin-right: auto;
padding: 33px 20px;
position: relative;
}
@media screen and (max-width: 1200px) {
.search-container .container .row {
padding: 33px 0px;
}
}
.search-container .container .close {
top: 43px;
left: 100%;
cursor: pointer;
position: absolute;
height: 20px;
width: 20px;
}
.search-container .container .close img {
height: 20px;
width: 20px;
}
@media all and (max-width: 1250px) {
.search-container .container .close {
left: unset;
right: 0;
}
}
.search-container .container .dgwt-wcas-search-wrapp {
max-width: 100%;
}
.search-container .container .dgwt-wcas-search-wrapp .dgwt-wcas-search-form svg {
transform: scaleX(-1);
}
.search-container .container .dgwt-wcas-search-wrapp .dgwt-wcas-search-form svg path {
fill: #1d1d1b;
}
.search-container .container .dgwt-wcas-search-wrapp .dgwt-wcas-search-form .dgwt-wcas-search-input {
margin: 0;
font-weight: 500;
font-size: 15px;
padding-left: 55px;
width: 100%;
border-radius: 30px;
line-height: 24px;
text-align: left;
color: #272727 !important;
}
.swiper-similar .product-content__bottom .btn {
padding-left: unset;
padding-right: unset;
}
@media screen and (min-width: 1000px) and (max-width: 1300px) {
.swiper-similar .product-content__bottom .btn {
font-size: 16px;
}
}
@media screen and (max-width: 370px) {
.swiper-similar .product-content__bottom .btn img {
display: none;
}
.swiper-similar .product-content__bottom .btn span {
margin-right: 8px;
}
}
@media (min-width: 768px) {
.swiper-similar .product-content__top {
min-height: 75px;
}
}
.swiper-similar .tooltipBtn span::after {
top: -35px;
right: -71px;
}
.swiper-similar .btn-compare::before {
top: 12px !important;
}
.swiper-similar .swiper-slide {
width: auto;
}
.swiper-slide .single-product-box {
margin-bottom: 2px;
} .mobile-collapse-section {
background: #ebebeb;
padding: 10px 36px;
cursor: pointer;
width: 100%;
margin-bottom: 2px;
position: relative;
display: none;
}
@media (max-width: 991.98px) {
.mobile-collapse-section {
display: flex;
}
}
.mobile-collapse-section:after {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/collapse-black-2.svg);
position: absolute;
right: 30px;
top: 6px;
transition: all 0.4s;
}
.mobile-collapse-section.show:after {
transform-origin: center;
top: 13px;
transform: rotate(180deg);
}
@media (max-width: 991.98px) {
.product-m-section {
display: none;
margin-top: 30px;
}
}
@media (max-width: 991.98px) {
.product-m-section-no-margin {
margin-top: 0;
}
}  .sub-header {
width: 100%;
padding: 7px 20px;
position: fixed;
left: 0;
height: 50px;
background-color: #f4f4f4;
z-index: 100;
box-shadow: 0px 7px 9px 0px rgba(140, 140, 140, 0.17);
}
@media screen and (max-width: 1250px) {
.sub-header {
height: auto;
top: auto !important;
bottom: 0 !important;
}
}
.sub-header .container {
display: flex;
align-items: center;
padding-right: 0;
position: relative;
justify-content: space-between;
flex-direction: row;
}
.sub-header .container h4,
.sub-header .container .h4 {
font-size: 22px;
font-weight: bold;
line-height: 29px;
margin-bottom: 0;
}
.sub-header .container .sub-header-menu {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 1250px) {
.sub-header .container .sub-header-menu {
display: none;
}
}
.sub-header .container .sub-header-menu ul {
display: flex;
margin: 0;
padding: 0;
}
.sub-header .container .sub-header-menu ul li {
margin-right: 20px;
margin-bottom: 0;
position: relative;
list-style: none;
cursor: pointer;
white-space: nowrap;
}
.sub-header .container .sub-header-menu ul li::after {
content: "";
display: block;
position: absolute;
height: 2px;
bottom: -8px;
left: 100%;
right: 100%;
background-color: #eb1618;
}
@media (max-width: 991.98px) {
.sub-header .container .sub-header-menu ul li::after {
bottom: -10px;
}
}
.sub-header .container .sub-header-menu ul li:last-child {
margin-right: 0;
}
.sub-header .container .sub-header-menu ul li span {
font-size: 15px;
}
.sub-header .container .sub-header-menu ul li.active span {
font-weight: bold;
color: #eb1618;
}
.sub-header .container .sub-header-menu ul li.active::after {
left: 0;
right: 0;
}
.sub-header .container .btn {
line-height: 20px;
font-size: 15px;
padding: 5px 15px;
white-space: nowrap;
margin-right: 20px;
height: 35px;
min-height: 35px;
}
.sub-header .container .btn:last-child {
margin-right: 0;
}
.sub-header .container .btn.single_add_to_cart_button {
padding-right: 5px !important;
}
@media (max-width: 991.98px) {
.sub-header .container {
flex-direction: row;
}
.sub-header .container h4 {
margin-right: 15px;
font-size: 18px;
}
}
.sub-header.links-bag {
top: 109px;
z-index: 98;
}
.sub-header.links-bag .container {
justify-content: flex-start;
color: #fff;
}
.sub-header.links-bag .container h1 {
color: #fff;
font-weight: bold;
font-size: 20px;
letter-spacing: 0.18em;
line-height: 23px;
text-align: left;
margin-right: 56px;
text-transform: uppercase;
}
@media (max-width: 991.98px) {
.sub-header.links-bag .container h1 {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
}
.sub-header.links-bag .container .sup-header-menu .menu {
display: flex;
align-items: center;
}
.sub-header.links-bag .container .sup-header-menu .menu a {
font-weight: 500;
font-size: 16px;
line-height: 23px;
text-align: left;
color: #fff;
margin-right: 30px;
}
.sub-header.links-bag .container .sup-header-menu .menu a:hover {
color: #000;
}
.sub-header.links-bag .container .sup-header-menu .menu a:last-child {
margin-right: 0;
}
.sub-header.links-bag .container .sup-header-menu .menu.menu-rolnictwo a:hover {
color: #272727;
}
@media (max-width: 991.98px) {
.sub-header.links-bag .container .sup-header-menu {
overflow-x: auto;
}
.sub-header.links-bag .container .sup-header-menu .menu a {
width: -moz-max-content;
width: max-content;
margin-right: 10px;
}
} .section-h {
max-width: 610px;
font-weight: bold;
font-size: 40px;
line-height: 46px;
color: #1d1d1b;
margin: 40px auto 70px;
}
.swiper-product-top {
width: 100%;
margin-top: 34px;
margin-bottom: 90px;
height: 550px;
}
@media screen and (max-width: 1500px) {
.swiper-product-top {
height: 400px;
}
}
@media screen and (max-width: 1300px) {
.swiper-product-top {
height: 370px;
}
}
@media (max-width: 991.98px) {
.swiper-product-top {
margin-top: 20px;
margin-bottom: 30px;
padding-bottom: 50px;
height: auto;
width: auto;
}
}
.products-similar .swiper-wrapper:not(:has(> div:nth-child(4)))
{
justify-content: center;
}
.opinieSwiper .swiper-wrapper:not(:has(> div:nth-child(2))) .swiper-slide
{
width: 100% !important;
}
.opinieSwiper .swiper-wrapper:not(:has(> div:nth-child(3))) .swiper-slide
{
width: 50%;
}
.opinieSwiper .swiper-wrapper:not(:has(> div:nth-child(2))) .swiper-slide .opinieSwiper__item
{
max-width: 90% !important;
}
.opinieSwiper .swiper-wrapper:not(:has(> div:nth-child(3))) .swiper-slide .opinieSwiper__item
{
max-width: 90% !important;
}
.swiper-product-top .swiper-wrapper {
display: flex;
align-items: center;
}
.swiper-product-top .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.swiper-product-top .swiper-slide > div {
padding-top: 1px;
width: 430px;
height: 320px;
border: 1px solid #c8c8c8;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1500px) {
.swiper-product-top .swiper-slide > div {
width: 350px;
height: 250px;
}
.swiper-product-top .swiper-slide.swiper-slide-next img
{
width: 400px;
}
}
@media screen and (max-width: 1300px) {
.swiper-product-top .swiper-slide > div {
width: 320px;
height: 220px;
}
}
@media screen and (max-width: 1200px) {
.swiper-product-top .swiper-slide > div {
width: 200px;
height: 130px;
}
}
@media screen and (max-width: 900px) {
.swiper-product-top .swiper-slide > div {
width: auto;
height: auto;
}
.swiper-product-top .swiper-slide > div img
{
width: 540px !important;
}
.swiper-product-top .swiper-slide
{
min-width: none;
}
}
@media screen and (max-width: 600px) 
{
.swiper-product-top .swiper-slide > div {
width: 90vw;
}
.swiper-product-top .swiper-slide > div img
{
width: 100% !important;
}
}
.swiper-product-top .swiper-slide img {
object-fit: cover;
max-width: 540px;
max-height: 100%;
border-radius: 10px;
width: auto;
margin-bottom: 2px;
position: relative;
}
@media screen and (max-width: 600px) {
.swiper-product-top .swiper-slide img {
max-width: 100%;
}
}
.swiper-product-top .swiper-slide.swiper-slide-next img {
position: relative;
height: inherit;
}
.swiper-product-top .swiper-slide.swiper-slide-next > div {
width: 520px;
height: 500px;
padding-inline: 10px;
}
@media screen and (max-width: 1500px) {
.swiper-product-top .swiper-slide.swiper-slide-next > div {
width: 400px;
height: 350px;
}
}
@media screen and (max-width: 1300px) {
.swiper-product-top .swiper-slide.swiper-slide-next > div {
width: 380px;
height: 310px;
}
}
.swiper-product-top .swiper-button-next {
background: #fff;
right: 28%;
}
.swiper-product-top .swiper-button-prev {
left: 28%;
background: #fff;
}
@media (max-width: 991.98px) {
.swiper-product-top .swiper-button-next,
.swiper-product-top .swiper-button-prev {
top: auto;
bottom: 0;
right: auto;
left: auto;
position: relative;
}
}
@media (max-width: 991.98px) {
.swiper-product-top__nav {
position: relative;
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
gap: 40px;
top: 45px;
}
}
.single_variation_wrap .quantity {
display: none !important;
}
.single_variation_wrap .single_add_to_cart_button {
padding-right: 60px;
}
.single_variation_wrap .single_add_to_cart_button img {
position: absolute;
transition: all 0.4s;
opacity: 1;
right: 20px;
}
.single_variation_wrap .single_add_to_cart_button .icon-add-to-cart-red {
opacity: 0;
}
.single_variation_wrap .single_add_to_cart_button:hover .icon-add-to-cart-red {
opacity: 1;
}
.single_variation_wrap .single_add_to_cart_button:hover .icon-add-to-cart-white {
opacity: 0;
}
.variations .label label {
display: none;
}
.variations .select2-container .select2-selection {
border-color: #eb1618 !important;
border-width: 2px !important;
}
.variations .select2-container--open .select2-selection {
border-radius: 20px 20px 0 0 !important;
}
.variations .select2-selection__placeholder,
.variations .select2-selection__rendered {
font-weight: bold;
font-size: 18px;
line-height: 20px;
color: #4d4d4d !important;
margin-top: 7px;
margin-left: 13px;
}
.variations .select2-selection__placeholder {
margin-top: 0;
margin-left: 0;
}
.variations .reset_variations {
display: none !important;
}
.variations .select2-container--multiSelect .select2-selection::after {
background: transparent;
}
.product-other-version-select {
margin-top: 34px;
}
@media (max-width: 991.98px) {
.product-other-version-select {
margin-left: 30px;
margin-right: 30px;
}
}
.product-other-version-select .select2-container .select2-selection {
border-color: #eb1618 !important;
border-width: 2px;
}
.product-other-version-select .select2-container {
margin: 0 auto;
}
.product-other-version-select .select2-container .select2-selection .select2-selection__rendered {
color: #4d4d4d;
font-size: 18px;
font-weight: bold;
}
.product-other-version-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #4d4d4d transparent transparent transparent;
}
.product-page__topBg {
min-height: 400px;
display: flex;
align-items: center;
margin-top: 82px !important;
position: relative;
}
.product-page__topBg-bg
{
position: absolute;
object-fit: cover;
top: 0;
bottom: 0;
right: 0;
z-index: -1;
height: 100%;
}
@media (max-width: 1250px)
{
.product-page__topBg
{
margin-top: 68px !important;
padding-block: 15px 9px;
}
}
@media screen and (max-width: 1300px) {
.product-page__topBg {
min-height: 270px;
}
}
@media (max-width: 991.98px) {
.product-page__topBg {
min-height: 0px;
display: flex;
flex-direction: column;
}
.product-page__topBg-bg
{
position: relative;
z-index: 1;
}
.product-top-section
{
background-position: 0 100%;
}
.product-page__top
{
margin-block: 20px;
}
}
@media (min-width: 991.98px) {
.product-page__top {
max-width: 50% !important;
}
}
@media (min-width: 768px) {
.product-page__top {
max-width: 70%;
}
}
.product-page__top h1 {
margin: 0 0 0px;
font-size: 22px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 8px;
}
.product-page__top p {
margin: 0;
font-size: 38px;
line-height: 1.33;
font-weight: 700;
}
@media screen and (min-width: 992px) and (max-width: 1920px) {
.product-page__top p {
font-size: 1.9vw;
max-width: 33vw;
}
}
@media (max-width: 991.98px) {
.product-page__top p {
font-size: 34px;
line-height: normal;
}
}
.product-page__top p strong {
color: #eb1618;
} .swiper-yt iframe,
.swiper-smallGallery iframe {
width: 100% !important;
height: 410px !important;
border-radius: 15px;
}
@media (max-width: 991.98px) {
.swiper-yt iframe,
.swiper-smallGallery iframe {
height: auto !important;
min-height: 210px;
}
}
.swiper-yt .swiper-button-next,
.swiper-yt .swiper-button-prev,
.swiper-smallGallery .swiper-button-next,
.swiper-smallGallery .swiper-button-prev {
position: relative;
bottom: auto;
top: auto;
margin: 0;
width: 30px;
height: 30px;
}
.swiper-yt .swiper-button-next:after,
.swiper-yt .swiper-button-prev:after,
.swiper-smallGallery .swiper-button-next:after,
.swiper-smallGallery .swiper-button-prev:after {
font-size: 15px;
font-weight: 700;
}
.swiper-yt .swiper-pagination,
.swiper-smallGallery .swiper-pagination {
position: relative;
margin-top: 0px;
margin-left: 16px;
margin-right: 16px;
}
.swiper-yt__controls,
.swiper-smallGallery__controls {
justify-content: center;
display: flex;
margin-top: 15px;
}
.swiper-yt iframe {
height: 100% !important;
border-radius: 15px;
}
@media (max-width: 991.98px) {
.swiper-yt iframe {
height: 100% !important;
min-height: 1px;
}
}  @media (max-width: 991.98px) {
.section-presentation-s1 {
order: 2;
}
}
@media (max-width: 991.98px) {
#section-presentation h2 {
margin-top: 25px;
}
}
#section-presentation .dual-btn {
margin-top: 45px;
display: flex;
}
@media (min-width: 768px) {
#section-presentation .dual-btn {
margin-left: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
#section-presentation .dual-btn {
flex-direction: column;
gap: 15px;
}
}
@media (max-width: 991.98px) {
#section-presentation .dual-btn {
flex-direction: column;
}
}
#section-presentation .dual-btn .btn {
margin-right: 10px;
}
@media (max-width: 991.98px) {
#section-presentation .dual-btn .btn {
margin-bottom: 20px;
}
}
#section-presentation .dual-btn .btn--transparentBBlack img {
margin-right: 8px;
}
#section-presentation .dual-btn .btn--transparentBBlack svg {
margin-right: 8px;
}
.product-text-section {
margin-block: 56px;
}
.product-text-section > .row {
align-items: center;
}
.product-text-section .swiper-container img {
border-radius: 15px;
}
.products-similar .swiper-container
{
padding: 6px 2px;
width: 101%;
}
.product-text-section__text h2 {
margin-top: 0;
font-size: 40px;
margin-bottom: 30px;
line-height: 46px;
}
.product-text-section__text p {
margin-bottom: 30px;
}
.product-text-section__text p strong {
font-size: 22px;
line-height: 32px;
font-weight: bold;
}
.product-text-section__textRight {
margin-left: 20px;
}
@media (max-width: 991.98px) {
.product-text-section__textRight {
margin-left: 0px;
}
}
.product-text-section__icons {
margin-top: 36px;
padding-top: 43px;
border-top: 1px solid #c8c8c8;
display: flex;
justify-content: flex-start;
}
@media (max-width: 991.98px) {
.product-text-section__icons {
flex-direction: column;
}
}
.product-text-section__icons div {
display: flex;
font-weight: 700;
margin-right: 30px;
}
@media (max-width: 991.98px) {
.product-text-section__icons div {
margin-bottom: 20px;
}
}
.product-text-section__icons div:last-of-type {
margin-right: 0;
}
.product-text-section__icons div img {
margin-right: 10px;
}
.product-text-section mark {
color: #eb1618 !important;
}  .section-technologies__col {
margin-top: 40px;
margin-bottom: 100px;
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
}
@media (max-width: 991.98px) {
.section-technologies h2
{
margin-bottom: 1em;
}
.section-technologies__col {
margin-bottom: 40px;
padding-bottom: 40px;
margin-top: 0;
position: relative;
}
.section-technologies__col:after {
display: none;
}
}
.section-technologies__col > span {
display: block;
font-weight: bold;
font-size: 50px;
line-height: 56px;
text-align: center;
color: #1d1d1b;
margin-top: 20px;
margin-bottom: 10px;
}
.section-technologies__col p {
font-size: 16px;
line-height: 26px;
max-width: 320px;
margin: 0 auto;
color: #1d1d1b;
}
@media (min-width: 768px) {
.section-technologies__col:nth-of-type(2):before, .section-technologies__col:nth-of-type(2):after {
content: "";
position: absolute;
background: #c8c8c8;
width: 1px;
height: calc(100% + 20px);
top: -10px;
left: 0;
}
.section-technologies__col:nth-of-type(2):after {
left: auto;
right: 0;
}
}
.section-technologies__colImg {
width: 113px;
height: 113px;
border: 3px solid #f4f4f4;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}  .characteristic {
background: url(//draminski.pl/wp-content/themes/draminski2024/images/sygnet-tlo-korzysci.svg) no-repeat top left;
}
.characteristic__row {
border-bottom: 1px solid #c8c8c8;
padding-bottom: 15px;
padding-top: 30px;
}
.characteristic__row > div:after {
content: "";
position: absolute;
right: 0;
width: 1px;
border-right: 1px solid #c8c8c8;
top: -30px;
height: calc(100% + 45px);
}
.characteristic__row > div:last-of-type:after {
border: none;
}
.characteristic__row:last-of-type {
border: none;
}
.characteristic__text {
font-size: 22px;
margin-top: -45px;
}
.characteristic__text p {
font-size: 22px;
}
.characteristic__item {
display: flex;
padding-left: 5px;
flex-direction: column;
}
.characteristic__item h3 {
font-size: 22px;
line-height: 26px;
margin-bottom: 11px;
}
.characteristic__item p,
.characteristic__item li {
max-width: 395px;
font-size: 16px;
line-height: 24px;
}
.characteristic__itemImg img {
margin-bottom: 13px;
}
.characteristic__itemText {
display: none;
}
.characteristic__action {
font-size: 15px;
font-weight: bold;
cursor: pointer;
display: flex;
align-items: center;
color: #eb1618;
}
.characteristic__action svg
{
margin-left: 10px;
}
.characteristic__action img {
margin-left: 10px;
display: inline;
}
.characteristic--hide {
display: none;
}
.characteristic--hide img {
transform: rotate(180deg);
}  .cta-bar {
background: #f4f4f4;
margin-top: 120px;
margin-bottom: 80px;
}
@media (max-width: 991.98px) {
.cta-bar {
background: none !important;
background: #fff !important;
margin-top: 20px;
margin-bottom: 40px;
}
}
.cta-bar__ctn {
padding-top: 57px;
padding-bottom: 57px;
min-height: 420px;
}
.cta-bar__header {
font-weight: bold;
font-size: 40px;
line-height: 46px;
color: #1d1d1b;
display: block;
}
@media (max-width: 991.98px) {
.cta-bar__header {
text-align: center;
}
}
.cta-bar__text {
display: block;
font-size: 22px;
margin-top: 15px;
}
@media (max-width: 991.98px) {
.cta-bar__text {
text-align: center;
}
}
.cta-bar__img {
position: absolute;
left: 0;
bottom: 0;
height: calc(100% - 0px);
width: 100%;
}
@media (max-width: 991.98px) {
.cta-bar__img {
position: relative;
height: auto;
left: auto;
bottom: auto;
display: flex;
justify-content: center;
}
.cta-bar__img:after {
background: #f4f4f4;
position: absolute;
content: "";
height: 80%;
width: 100%;
bottom: 0;
left: -15px;
width: calc(100% + 30px);
}
}
.cta-bar__img img {
bottom: 0;
position: absolute;
z-index: 2;
max-height: calc(100% + 50px);
}
@media (max-width: 991.98px) {
.cta-bar__img img {
max-height: unset;
position: relative;
}
}
.cta-bar__right {
position: relative;
}
.cta-bar__right:after {
content: "";
background: url(//draminski.pl/wp-content/themes/draminski2024/images/sygnet-big.svg) no-repeat;
position: absolute;
right: -20px;
bottom: 0;
height: 500px;
width: 527px;
}
@media (max-width: 991.98px) {
.cta-bar__right:after {
height: 460px;
max-height: 100%;
}
}
.cta-bar__right.customBg:after {
content: none;
}
.cta-bar__btns {
margin-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.cta-bar__btns a:last-of-type {
margin-top: 15px;
}
}
@media (max-width: 991.98px) {
.cta-bar__btns {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
}
@media (max-width: 991.98px) {
.cta-bar__btns .btn {
margin-bottom: 20px;
margin-right: 0;
}
}
.cta-bar__btns span {
display: inline-block;
margin-inline: 20px;
}
@media (max-width: 991.98px) {
.cta-bar__btns span {
display: none;
}
}  @media (max-width: 991.98px) {
#section-technicaldata {
background: #f4f4f4;
padding-top: 30px;
}
}
.technical-data {
background: #f4f4f4;
border-radius: 6px;
padding: 30px;
}
@media (max-width: 991.98px) {
.technical-data {
padding: 0px;
}
}
.technical-data__images {
margin-bottom: 70px;
}
@media (max-width: 991.98px) {
.technical-data__images {
display: none;
}
}
.technical-data__images img {
margin-bottom: 70px;
}
.technical-data__data {
font-size: 16px;
}
.technical-data__data p {
margin: 0;
}
@media (min-width: 768px) {
.technical-data__data {
margin-left: 20px;
}
}
@media (max-width: 991.98px) {
.technical-data__data .col-md-5 {
text-align: left;
}
}
.technical-data__data > .row {
border-bottom: 1px solid #dededd;
padding-top: 10px;
padding-bottom: 10px;
}  .gallery-fv {
background: #1d1d1b;
padding-top: 270px;
padding-bottom: 60px;
color: #fff;
margin-top: -190px;
}
@media (max-width: 991.98px) {
.gallery-fv {
margin-top: 0;
padding-top: 50px;
}
}
.gallery-fv .slider-video-ov {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0);
}
.gallery-fv .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
font-size: 40px;
background-color: rgba(0, 0, 0, 0.5); color: white;
border: none;
border-radius: 50%;
cursor: pointer;
width: 70px;
height: 70px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 0;
}
.gallery-fv .play-button::after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 22px;
border-color: transparent transparent transparent #fff;
transform: translate(4px, 0px);
}
.gallery-fv .diagnostyka {
display: none;
}
.gallery-fv .diagnostyka.active {
display: block;
}
.gallery-fv .h2 {
color: #fff;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.gallery-fv .select2-container {
min-width: 520px;
}
}
.gallery-fv .select-center .select2-container {
margin: 0 auto;
}
.gallery-fv .select2-container--default .select2-selection--single {
padding: 15px 70px 15px 27px;
border-color: #fff;
background: transparent;
border-radius: 33px;
height: 56px;
}
.gallery-fv .select2-container .select2-selection--single .select2-selection__rendered {
color: #c8c8c8;
font-size: 20px;
overflow-x: hidden !important;
}
.gallery-fv .select2-container--default .select2-selection--single .select2-selection__arrow {
background: url(//draminski.pl/wp-content/themes/draminski2024/images/arrow-down-gary-select.svg) no-repeat center right;
top: 50%;
right: 15px;
}
.gallery-fv .select2-container--default .select2-selection--single .select2-selection__arrow b {
border: none;
}
.gallery-fv .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.gallery-fv .swiper-slide .desc {
margin-top: 15px;
font-size: 20px;
line-height: 26px;
}
.gallery-fv .swiper-gallery-fv {
margin-top: 47px;
}
.gallery-fv__controls {
gap: 70px;
display: flex;
margin-top: 70px;
justify-content: center;
}
.gallery-fv__controls .swiper-button-next,
.gallery-fv__controls .swiper-button-prev {
position: relative;
display: flex;
width: 40px;
height: 40px;
background: #fff;
border-color: #fff;
justify-content: center;
}
.gallery-fv__controls .swiper-button-next:after,
.gallery-fv__controls .swiper-button-prev:after {
font-size: 18px;
text-align: center;
font-weight: 700;
}
.gallery-fv__controls .swiper-button-next:before,
.gallery-fv__controls .swiper-button-prev:before {
content: "";
border: 1px solid #000;
width: 34px;
height: 34px;
border-radius: 50%;
position: absolute;
left: 2px;
top: 2px;
}  .swiper__controls {
justify-content: center;
display: flex;
}
.swiper__controls .swiper-button-next,
.swiper__controls .swiper-button-prev {
position: relative;
bottom: auto;
top: auto;
margin: 0;
width: 30px;
height: 30px;
}
.swiper__controls .swiper-button-next img,
.swiper__controls .swiper-button-prev img {
border-radius: 15px;
}
.swiper__controls .swiper-button-next:after,
.swiper__controls .swiper-button-prev:after {
font-size: 15px;
font-weight: 700;
}
.swiper__controls .swiper-pagination {
position: relative;
margin-top: 0px;
margin-left: 16px;
margin-right: 16px;
}
.product-opinions {
margin-top: 100px;
margin-bottom: 70px;
}
@media (max-width: 991.98px) {
.product-opinions {
margin-top: 30px;
margin-bottom: 30px;
}
}
.product-opinions h2 {
margin: 0;
}
.product-opinions__text {
font-size: 22px;
line-height: 20px;
font-weight: 700;
}
.opinieSwiper {
overflow: visible;
}
.opinieSwiper .swiper-slide {
margin-top: 80px;
border: 1px solid #f4f4f4;
border-radius: 8px;
box-sizing: border-box;
transition: border-color 0.3s;
}
.opinieSwiper .swiper-slide:hover {
border-color: #eb1618;
}
@media (max-width: 991.98px) {
.opinieSwiper .swiper-slide {
margin-top: 30px;
}
}
.opinieSwiper__item {
margin-top: 40px;
max-width: 340px;
padding-bottom: 30px;
margin-left: 20px;
display: flex;
flex-direction: column;
height: 100%;
}
.opinieSwiper__item-before {
position: absolute;
left: -10px;
top: -20px;
z-index: 1;
}
.opinieSwiper__item-before path
{
transition: fill 0.3s;
}
.opinieSwiper .swiper-slide:hover .opinieSwiper__item-before path
{
fill: #eb1618;
}
.opinieSwiper__item .user-info__name {
font-weight: bold;
font-size: 22px;
line-height: 26px;
display: block;
min-height: 52px;
}
.opinieSwiper__item .user-info__country {
display: block;
font-size: 16px;
line-height: 20px;
margin-top: 3px;
}
.opinieSwiper__item p {
margin-bottom: auto;
padding-bottom: 30px;
flex-grow: 1;
font-size: 17px;
}
.opinieSwiper__item .star {
margin-bottom: 12px;
display: flex;
gap: 7px;
}
.opinieSwiper__item .star img {
display: flex;
}  .product-box-included ul,
.color-style-checkbox ul {
list-style: none;
padding: 0;
margin: auto;
}
.product-box-included ul li,
.color-style-checkbox ul li {
position: relative;
margin-bottom: 15px;
padding-left: 30px;
position: relative;
}
.product-box-included ul li:before,
.color-style-checkbox ul li:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/checkbox.svg);
position: absolute;
left: 0;
top: 5px;
}  .product-qa {
background: url(//draminski.pl/wp-content/themes/draminski2024/images/FAQ-grafika-strona-produktu.jpg) no-repeat top right;
background-size: 100%;
background-color: #fdfdfd;
padding-top: 80px;
padding-bottom: 60px;
margin-top: 90px;
margin-bottom: 20px;
}
@media (max-width: 991.98px) {
.product-qa {
padding-top: 40px;
margin-top: 0;
}
}
.product-qa h2 {
margin-bottom: 40px;
}
.qa_question {
border-bottom: 1px solid #cdcdcd;
padding-bottom: 14px;
margin-bottom: 20px;
}
.qa_question__top {
display: flex;
font-size: 22px;
cursor: pointer;
line-height: 30px;
font-weight: bold;
}
.qa_question__number {
color: #eb1618;
min-width: 38px;
}
.qa_question__show, .qa_question__hide {
color: #eb1618;
font-size: 15px;
margin-top: 10px;
margin-bottom: 14px;
cursor: pointer;
display: block;
position: relative;
}
.qa_question__show:after, .qa_question__hide:after {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/rozwin.svg);
margin-left: 4px;
}
.qa_question__hide {
cursor: pointer;
display: none;
}
.qa_question__hide:after {
position: absolute;
transform: rotate(180deg);
top: -2px;
right: -20px;
}
.qa_question__bottom {
font-size: 16px;
line-height: 30px;
font-weight: 600;
margin-left: 38px;
display: none;
margin-top: 15px;
}  @media (max-width: 991.98px) {
.download-files {
padding-top: 30px;
}
}
.download-files__items {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.download-files__items p {
margin-bottom: 15px;
}
.download-files__items h2 {
margin-bottom: 30px;
}
.download-files__items a {
background: url(//draminski.pl/wp-content/themes/draminski2024/images/download-icon.svg) no-repeat left top 5px;
padding-left: 30px;
margin-bottom: 19px;
font-weight: 700;
display: block;
color: #1d1d1b;
}  .products-similar {
margin-bottom: 60px;
margin-top: 40px;
}
.products-similar h2 {
margin-bottom: 60px;
}
@media (max-width: 991.98px) {
.products-similar h2 {
margin-bottom: 80px;
}
}
.products-similar .swiper-button-next-similar {
right: -50px;
}
@media all and (max-width: 1500px) {
.products-similar .swiper-button-next-similar {
right: -15px;
}
}
@media (max-width: 991.98px) {
.products-similar .swiper-button-next-similar {
right: 50%;
margin-right: -60px;
}
}
.products-similar .swiper-button-prev-similar {
left: -50px;
}
@media all and (max-width: 1500px) {
.products-similar .swiper-button-prev-similar {
left: -15px;
}
}
@media (max-width: 991.98px) {
.products-similar .swiper-button-prev-similar {
left: 50%;
margin-left: -60px;
}
}
@media (max-width: 991.98px) {
.products-similar .swiper-button-next-similar,
.products-similar .swiper-button-prev-similar {
width: 39px;
height: 39px;
top: -30px;
}
.products-similar .swiper-button-next-similar:after,
.products-similar .swiper-button-prev-similar:after {
font-size: 18px;
}
}  .product-ranges {
padding-top: 0px;
padding-bottom: 80px;
}
.product-ranges h4 {
font-weight: bold;
font-size: 22px;
line-height: 26px;
margin-top: 20px;
margin-bottom: 20px;
}
.product-ranges .product-range strong {
display: block;
font-size: 18px;
margin-bottom: 8px;
}  .product-species {
padding-top: 75px;
background-position: bottom center;
background-size: 100%;
background-repeat: no-repeat;
padding-bottom: 430px;
}
@media (max-width: 991.98px) {
.product-species {
padding-bottom: 115px;
padding-top: 30px;
}
}
.product-species .product-species-items {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 50px;
gap: 20px;
}
.product-species .product-species-item {
padding: 5px 15px 5px 30px;
border: 1px solid #c8c8c8;
border-radius: 6px;
position: relative;
background-color: rgb(255, 255, 255);
min-width: 210px;
}
@media (max-width: 991.98px) {
.product-species .product-species-item {
width: 100%;
}
}
.product-species .product-species-item:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/collapse-black.svg);
position: absolute;
left: 9px;
top: 3px;
transition: all 0.4s;
}
.product-species .product-species-item > span {
font-size: 20px;
cursor: pointer;
font-weight: bold;
}
.product-species .product-species-item > div {
position: absolute;
margin-left: -31px;
width: calc(100% + 2px);
visibility: hidden;
opacity: 0;
margin-top: 5px;
background-color: rgb(255, 255, 255);
border: 1px solid #c8c8c8;
border-top: none;
border-radius: 0 0 6px 6px;
}
.product-species .product-species-item > div ul {
margin: 0;
padding: 0;
list-style: none;
max-height: 400px;
overflow: auto;
}
.product-species .product-species-item > div ul li {
font-size: 18px;
font-weight: 600;
padding-left: 30px;
margin-bottom: 4px;
}
.product-species .product-species-item__open {
border-bottom: none;
border-radius: 6px 6px 0 0;
}
.product-species .product-species-item__open > div {
visibility: visible;
z-index: 9;
opacity: 1;
}
.product-species .product-species-item__open:before {
transform: rotate(180deg);
}  #accessories_configuration_modal .product-info {
text-align: left;
}
#accessories_configuration_modal_ctn .row
{
opacity: 1 !important;
}
.configuration {
position: relative;
}
.configuration__subheader {
font-weight: bold;
display: block;
font-size: 22px;
line-height: 24px;
margin-top: 23px;
margin-bottom: 30px;
}
@media all and (max-width: 1199px) {
.configuration .container {
position: static;
}
}
.configuration .row {
flex-wrap: wrap;
}
.configuration .row .col-6 h3 {
cursor: pointer;
}
.configuration .row .products {
width: calc(100% - 320px);
padding-left: 15px;
}
.configuration .row .products > ul {
justify-content: flex-start;
display: flex;
margin-left: 0;
margin-bottom: 40px;
}
.configuration .row .products > ul li {
margin-right: 20px;
list-style: none;
cursor: pointer;
}
.configuration .row .products > ul li::after {
transition: 0.3s ease;
left: 100%;
right: 100%;
content: "";
}
.configuration .row .products > ul li.active {
font-weight: bold;
}
.configuration .row .products > ul li.active, .configuration .row .products > ul li:hover {
position: relative;
}
.configuration .row .products > ul li.active::after, .configuration .row .products > ul li:hover::after {
content: "";
top: calc(100% + 10px);
left: 0;
right: 0;
position: absolute;
height: 1px;
background-color: #eb1618;
}
.configuration .row .products > ul li:last-child {
margin-right: 0;
}
.configuration .row .products .row {
justify-content: flex-start;
padding-right: 20px;
}
.configuration .row .products .row .product .product-image {
text-align: center;
}
.configuration .row .products .row .product .product-image img {
display: block;
margin: 0 auto;
max-height: 205px;
min-height: 205px;
-o-object-fit: contain;
object-fit: contain;
}
.configuration .row .products .row .product .product-image .btn {
margin: 0 auto;
min-width: 85px;
}
.configuration .row .products .row .product .product-content {
display: flex;
flex-wrap: wrap;
padding: 40px 10px;
justify-content: space-between;
}
.configuration .row .products .row .product .product-content ul {
list-style: none;
margin: 12px 0;
padding: 0;
}
.configuration .row .products .row .product .product-content ul li {
display: flex;
justify-content: space-between;
}
.configuration .row .products .row .product .product-content ul li strong {
margin: 0;
text-align: right;
}
.configuration .row .products .row .product .product-content ul li strong p {
margin: 0;
}
.configuration .row .products .row .product .product-content h4 {
width: 100%;
margin-bottom: 0px;
font-size: 22px;
line-height: 24px;
}
.configuration .row .products .row .product .product-content .btn-arrow {
white-space: nowrap;
color: #1d1d1b;
}
.configuration .row .products .row .product .product-content .dodaj-product {
padding-right: 30px;
position: relative;
min-width: 120px;
}
.configuration .row .products .row .product .product-content .dodaj-product span {
color: #eb1618;
}
.configuration .row .products .row .product .product-content .dodaj-product::before {
content: "";
-webkit-mask-image: url(//draminski.pl/wp-content/themes/draminski2024/images/Group-102.svg);
mask-image: url(//draminski.pl/wp-content/themes/draminski2024/images/Group-102.svg);
-webkit-mask-size: cover;
mask-size: cover;
height: 10px;
width: 10px;
background-color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
transition: 0.3s ease;
}
@media all and (min-width: 992px) and (max-width: 1399px) {
.configuration .row .products .row .product .product-content .dodaj-product {
margin-bottom: 20px;
}
.configuration .row .products .row .product .product-content .dodaj-product:last-child {
margin-bottom: 0;
}
}
@media all and (min-width: 557px) and (max-width: 767px) {
.configuration .row .products .row .product .product-content .dodaj-product {
margin-bottom: 20px;
}
.configuration .row .products .row .product .product-content .dodaj-product:last-child {
margin-bottom: 0;
}
}
.configuration .row .products .row .product .product-content .dodaj-product.white::before {
background-color: #000;
}
.configuration .row .products .row .product .product-content .dodaj-product.white:hover::before {
background-color: #fff;
}
.configuration .row .products .row .product .btn.white {
border: 1px solid #eb1618;
}
.configuration .row .products .row .product .product-name {
line-height: 24px;
font-size: 18px;
}
@media all and (max-width: 1199px) {
.configuration .row .products .row {
justify-content: space-between;
}
.configuration .row .products .row .col-lg-4 {
margin-right: 0;
flex: calc(50% - 10px);
max-width: calc(50% - 10px);
}
}
@media all and (max-width: 1199px) and (max-width: 556px) {
.configuration .row .products .row .col-lg-4 {
flex: 100%;
max-width: 100%;
}
}
@media all and (max-width: 991px) {
.configuration .row .products {
width: 100%;
}
.configuration .row .products .row {
padding-right: 0;
}
}
.configuration .row .form {
width: 320px;
display: none;
}
@media all and (max-width: 991px) {
.configuration .row .form {
width: 100%;
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
display: none;
}
.configuration .row .form.active {
display: block;
}
}
.configuration .row .form h3 {
margin-bottom: 25px;
font-size: 22px;
}
.configuration .row .form div {
position: relative;
}
.configuration .row .form div input {
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
border-radius: 30px;
font-size: 18px;
font-weight: bold;
line-height: 24px;
width: 100%;
}
.configuration .row .form div span {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
cursor: pointer;
}
.configuration .row .form div span:after {
content: "";
mask: url(//draminski.pl/wp-content/themes/draminski2024/images/close_compare.svg);
-webkit-mask: url(//draminski.pl/wp-content/themes/draminski2024/images/close_compare.svg);
background-color: #191919;
width: 14px;
height: 14px;
position: absolute;
right: 0;
top: -8px;
transition: all 0.5s;
}
.configuration .row .form div:hover input {
background-color: #1d1d1b;
border-color: #eb1618;
color: #fff !important;
}
.configuration .row .form div:hover span:after {
background-color: #fff;
}
.configuration .row .dual-btn {
max-width: 500px;
justify-content: space-between;
margin: 0 auto;
margin-top: 60px;
}
@media (max-width: 991.98px) {
.configuration .row .dual-btn {
margin-top: 45px;
margin-left: 0;
}
}
.configuration .row .dual-btn .btn:first-child {
margin-right: 20px;
}
@media (max-width: 991.98px) {
.configuration .row .dual-btn .btn {
margin-bottom: 23px;
}
}
@media all and (max-width: 518px) {
.configuration .row .dual-btn {
flex-wrap: wrap;
justify-content: center;
}
.configuration .row .dual-btn form {
margin-bottom: 20px;
}
.configuration .row .dual-btn .btn {
width: 100%;
max-width: 100%;
margin-right: 0 !important;
margin-bottom: 20px;
}
}
@media (max-width: 991.98px) {
.configuration {
padding-left: 0;
padding-right: 0;
}
.configuration .container .row .col-6:first-child {
padding-right: 0;
max-width: 55%;
flex: 55%;
}
.configuration .container .row .col-6:last-child {
max-width: 45%;
flex: 45%;
}
}
@media (max-width: 991.98px) {
#section-configure {
background: #fff;
padding-top: 30px;
}
}
#section-configure .dual-btn form {
text-align: center;
}
#section-configure .dual-btn form .btn {
text-align: center;
height: 44px;
}
#section-configure .dual-btn .btn {
width: 100%;
}
#section-configure .dual-btn form {
margin-bottom: 0;
}
#section-configure .basket form {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
#section-configure .basket form .configuration-select {
width: 78px;
height: 78px;
border: 1px solid #c8c8c8;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
}
#section-configure .basket form .configuration-select input {
display: none;
}
#section-configure .basket form .close-btn {
top: -5px;
right: 0;
}
#section-configure .basket form .close-btn:after {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/close-red.svg);
mask: none;
-webkit-mask: none;
background: none;
top: 0;
position: absolute;
right: 0;
}
#section-configure .dodaj-product {
width: 100%;
margin-bottom: 20px;
}
@media (max-width: 991.98px) {
#section-configure .dodaj-product {
width: calc(100% - 45px);
height: 39px;
padding-top: 0px;
padding-bottom: 0px;
line-height: 1;
min-height: 39px;
order: 1;
}
}
#section-configure .dodaj-product span {
margin-left: 3px;
display: inline-block;
color: #eb1618;
}
.swiper-product-configuration .product {
border: 1px solid #c8c8c8;
border-radius: 15px;
padding: 10px 18px;
}
.swiper-product-configuration .product .btn-arrow {
color: #1d1d1b;
}
@media (max-width: 991.98px) {
.swiper-product-configuration {
padding-bottom: 70px;
}
}
@media (min-width: 768px) {
.swiper-product-configuration {
margin: unset;
margin-left: 15px;
width: 100%;
}
.swiper-product-configuration .swiper-button-next,
.swiper-product-configuration .swiper-button-prev {
display: none;
}
.swiper-product-configuration .swiper-wrapper {
gap: 20px;
flex-wrap: wrap;
height: auto;
display: flex;
align-items: stretch;
}
.swiper-product-configuration .dodaj-product {
width: 100%;
margin-bottom: 20px;
padding: 0;
}
}
@media (min-width: 768px) {
.swiper-product-configuration .swiper-slide {
display: flex;
width: auto;
height: auto;
flex-direction: column;
}
.swiper-product-configuration .swiper-slide .product {
width: 288px;
min-height: 546px;
margin-top: 2px;
height: 100%;
}
}
@media (max-width: 991.98px) {
.swiper-product-configuration .product {
margin-left: 15px;
margin-right: 30px;
display: flex;
flex-direction: column;
}
.swiper-product-configuration .swiper-button-next,
.swiper-product-configuration .swiper-button-prev {
top: auto;
bottom: 10px;
}
.swiper-product-configuration .swiper-button-next {
right: 30%;
}
.swiper-product-configuration .swiper-button-prev {
left: 30%;
}
}  .product-simple .product_meta,
.product-simple .post-edit-link {
display: none;
}
.a_text {
margin-top: 20px;
margin-bottom: 20px;
}
.a_compatible p {
font-size: 18px;
margin-bottom: 5px;
font-weight: bold;
}
.a_compatible a {
color: #fff;
font-size: 18px;
padding: 2px 12px;
background: #959595;
border-radius: 13px;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.single-product .page-footer {
margin-top: 0;
}
.single-product #primary,
.single-product .site-main {
margin-bottom: 0;
}
.single-product #section-presentation .btn-compare {
margin-bottom: 10px;
min-height: 44px;
padding-left: 23px;
padding-right: 40px;
}
.single-product #section-presentation .btn-compare:before {
right: 15px;
top: 13px;
}
.product-simple-top {
margin-top: 80px;
margin-bottom: 40px;
}
.product-simple-top .edit-link {
display: none;
margin: 0;
}
.product-simple-top .price {
margin-bottom: 15px;
}
.product-simple-top form.cart {
float: left;
}
@media (max-width: 991.98px)
{
.product-simple-top
{
justify-content: start !important;
}
.product-simple-top .product-info
{
margin-left: 18%;
}
}
@media (max-width: 768px)
{
.product-simple-top 
{
margin-bottom: 0 !important;
}
.product-simple-bottom
{
margin-top: 60px !important;
padding-block: 50px !important;
}
.product-simple-top .product-info
{
margin-left: 0;
}
}
.product-simple-bottom {
background: #f4f4f4;
margin-top: 80px;
padding-top: 60px;
padding-bottom: 60px;
}
.product-simple-bottom__dane {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.product-simple-bottom__dane ul {
list-style: none;
padding: 0;
margin: 0;
}
.product-simple-bottom__dane ul li p {
margin-bottom: 6px;
}
.product-simple-bottom__dane ul li strong {
display: inline-block;
}
.swiper-product-simple__label {
width: 100%;
font-size: 20px;
display: block;
text-align: center;
margin-top: 15px;
}
.swiper-product-simple-ctn .swiper-button-prev,
.swiper-product-simple-ctn .swiper-button-next {
width: 34px;
height: 34px;
background: #fff;
}
.swiper-product-simple-ctn .swiper-button-prev:before,
.swiper-product-simple-ctn .swiper-button-next:before {
content: "";
width: 40px;
height: 40px;
left: -4px;
top: -4px;
position: absolute;
z-index: -2;
border-radius: 50%;
border: 2px solid #fff;
}
.swiper-product-simple-ctn .swiper-button-prev:after,
.swiper-product-simple-ctn .swiper-button-next:after {
font-size: 18px;
}
.swiper-product-simple-ctn .swiper-button-prev {
left: -50px;
}
@media (max-width: 991.98px) {
.swiper-product-simple-ctn .swiper-button-prev {
left: 15px;
}
}
.swiper-product-simple-ctn .swiper-button-next {
right: -50px;
}
@media (max-width: 991.98px) {
.swiper-product-simple-ctn .swiper-button-next {
right: 15px;
}
}
@media (max-width: 991.98px) {
.swiper-product-simple-ctn .swiper-button-prev,
.swiper-product-simple-ctn .swiper-button-next {
top: auto;
bottom: 20px;
}
} .quality__cert {
display: flex;
justify-content: center;
gap: 30px;
}
@media (max-width: 991.98px) {
.quality__cert {
flex-direction: column;
}
}
.quality__cert .item_el {
margin-left: 30px;
margin-right: 30px;
}
.quality__cert .item_el img {
cursor: pointer;
}
.quality__certItem {
text-align: center;
}
.quality__certItem .btn {
margin-top: 20px;
}
.logoSwiper-ctn {
margin-top: 70px;
margin-bottom: 30px;
}
.logoSwiper {
display: flex;
align-items: center;
}
.logoSwiper .swiper-slide {
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}
@media (max-width: 991.98px) {
.history-top {
padding-left: 30px;
padding-right: 30px;
}
}
.history-top__text1 {
font-size: 30px;
line-height: 1.2;
}
@media (max-width: 991.98px) {
.history-top__text1 {
margin-bottom: 20px;
}
}
.history-top__text1 strong {
color: #eb1618;
}
.history-top__text1 p {
font-size: 30px;
line-height: 1.3;
margin: 0;
}
@media (max-width: 767.98px) {
.history-top__text1 p {
font-size: 18px;
line-height: 1.5;
}
}
.history-top__s1 {
padding-top: 80px;
padding-bottom: 20px;
}
@media (max-width: 767.98px) {
.history-top__s1 {
padding-top: 20px;
}
}
.history-timeline-ctn {
margin-top: 90px;
margin-bottom: 30px;
position: relative;
border-top: 1px solid #f3f3f3;
padding-top: 60px;
}
.history-timeline-ctn:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 10%;
background: #eb1618;
height: 2px;
}
.history-timeline-ctn:after {
content: "";
position: absolute;
top: -11px;
left: 10%;
width: 24px;
height: 24px;
border-radius: 50%;
background: #eb1618;
}
.history-timeline-ctn .history-btn-prev,
.history-timeline-ctn .history-btn-next {
top: -60px;
left: calc(50% - 54px);
background: #fff;
right: auto;
}
.history-timeline-ctn .history-btn-next {
left: auto;
right: calc(50% - 54px);
}
.history-timeline-ctn .swiper-slide
{
max-width: max-content !important;
}
.history-timeline__text {
margin-top: 10px;
margin-left: 250px;
}
.history-timeline__text img {
filter: grayscale(100%);
margin-bottom: 10px;
opacity: 0.3;
}
@media (max-width: 991.98px) {
.history-timeline__text {
margin-left: 50px;
}
}
.history-timeline__text span {
font-weight: 800;
margin-bottom: 30px;
font-size: 51px;
display: block;
}
@media (max-width: 800px) 
{
.history-timeline-ctn .swiper-slide
{
max-width: none !important;
}
}
.history-timeline__text p {
margin-bottom: 5px;
}
.history-timeline__text p + p {
margin-bottom: 15px;
}
.history-timeline__text p,
.history-timeline__text span,
.history-timeline__text ul,
.history-timeline__text li {
color: #f7f7f7;
transition: all 0.4s;
}
@media (max-width: 800px)
{
.history-timeline__text p
{
max-width: 66%;
}
}
@media (max-width: 600px)
{
.history-timeline__text p
{
max-width: 92%;
}
.history-timeline__text p img
{
width: 98%;
}
}
.history-timeline__text ul {
margin: 0;
margin-left: 0px;
list-style: none;
}
.history-timeline__text li {
padding: 0;
padding-left: 20px;
margin: 0;
position: relative;
}
.history-timeline__text li:after {
content: "";
width: 4px;
height: 4px;
position: absolute;
left: 0;
top: 13px;
background: #e6e6e6;
}
.history-timeline-ctn .swiper-slide-active .history-timeline__text span {
color: #b6b8bb;
}
.history-timeline-ctn .swiper-slide-active .history-timeline__text p,
.history-timeline-ctn .swiper-slide-active .history-timeline__text ul,
.history-timeline-ctn .swiper-slide-active .history-timeline__text li {
color: #1d1d1b;
}
.history-timeline-ctn .swiper-slide-active .history-timeline__text img {
filter: grayscale(0%);
opacity: 1;
}
.mp-scroll-down {
display: block;
text-align: center;
margin-top: 74px;
display: flex;
justify-content: center;
cursor: pointer;
animation: updown 2s ease infinite;
}
@keyframes updown {
0% {
transform: translateY(-100%);
}
50% {
transform: translateY(100%);
}
100% {
transform: translateY(-100%);
}
}
.mp-top-boxes {
margin-top: 100px;
display: flex;
cursor: pointer;
flex-wrap: wrap;
gap: 20px;
}
.mp-top-boxes .mp-top-box {
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 49%;
width: calc(50% - 10px);
border-radius: 10px;
padding: 32px;
min-height: 400px;
transition: background-image 0.2s ease-in-out;
justify-content: center;
display: flex;
flex-direction: column;
align-items: flex-start;
background-position: center right;
}
@media screen and (max-width: 1500px) {
.mp-top-boxes .mp-top-box {
padding: 20px;
min-height: 295px;
}
}
@media screen and (min-width: 978px) and (max-width: 1200px) {
.mp-top-boxes .mp-top-box {
width: 100%;
}
}
@media (max-width: 991.98px) {
.mp-top-boxes .mp-top-box {
width: 100%;
padding: 12px 18px;
min-height: 190px;
background-image: var(--mobile) !important;
background-position: top center;
}
}
@media (min-width: 992px) {
.mp-top-boxes .mp-top-box {
padding: 32px 64px;
}
}
.mp-top-boxes .mp-top-box p {
margin: 0;
z-index: 2;
text-align: left;
max-width: 48vw;
min-height: 84px;
}
@media (min-width: 576px) {
.mp-top-boxes .mp-top-box p {
max-width: 209px;
}
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
.mp-top-boxes .mp-top-box p br {
display: none;
}
}
@media screen and (min-width: 1200px) and (max-width: 1299px) {
.mp-top-boxes .mp-top-box p br {
display: none;
}
}
@media screen and (min-width: 1201px) {
.mp-top-boxes .mp-top-box p {
max-width: 350px;
}
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
.mp-top-boxes .mp-top-box p {
font-size: 1.2vw;
}
}
@media (max-width: 991.98px) {
.mp-top-boxes .mp-top-box p {
font-size: 16px;
margin-bottom: 12px;
line-height: 19px;
text-align: left;
}
.mp-top-boxes .mp-top-box p br {
display: none;
}
}
.mp-top-boxes .mp-top-box .btn {
margin-top: 25px;
}
@media (max-width: 991.98px) {
.mp-top-boxes .mp-top-box .btn {
font-size: 11px;
min-height: 27px;
padding: 4px 15px 7px;
margin-top: 5px;
}
}
.mp-top-boxes .mp-top-box h2 {
font-size: 54px;
line-height: 50px;
text-align: left;
font-weight: bold;
margin: 0;
margin-bottom: 15px;
z-index: 2;
}
@media screen and (max-width: 1700px) {
.mp-top-boxes .mp-top-box h2 {
font-size: 2.7vw;
}
}
@media (max-width: 991.98px) {
.mp-top-boxes .mp-top-box h2 {
font-size: 34px;
margin-bottom: 5px;
}
}
@media (max-width: 767.98px) {
.mp-top-boxes .mp-top-box h2 {
font-size: 24px;
}
}
.mp-top-boxes .mp-top-box__color {
transition: all 0.5s;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
left: 0;
top: 0;
background-position: center right;
}
.mp-top-box__color
{
border-radius: 10px;
}
@media (min-width: 768px) {
.mp-top-boxes .mp-top-box__main:hover .mp-top-box__color, .mp-top-boxes .mp-top-box__child:hover .mp-top-box__color {
opacity: 1;
}
}
@keyframes animbox
{
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
.mp-top-boxes .mp-top-box__child {
overflow: hidden;
}
.mp-top-boxes .modal .mp-top-boxes {
margin-top: 10%;
align-items: center;
justify-content: center;
} .video-banner {
padding: 0;
position: relative;
}
.video-banner > img,
.video-banner > video {
max-height: 700px;
min-height: 500px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 991.98px) {
.video-banner > img,
.video-banner > video {
min-height: 240px;
}
}
.video-banner > video {
margin-bottom: -7px;
position: absolute;
z-index: -1;
inset: 0;
width: 100%;
height: 100%;
}
.video-banner .container {
position: relative;
width: 100%;
max-width: 100%;
height: 100%;
color: #fff;
display: flex;
z-index: 2;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
height: inherit;
padding-block: 20px;
}
.video-banner .container h1,
.video-banner .container .h1,
.video-banner .container h2,
.video-banner .container .h2 {
margin-bottom: 30px;
color: #fff;
font-size: 50px;
line-height: 60px;
padding-top: 0;
border-top: none;
}
@media (max-width: 991.98px) {
.video-banner .container h1,
.video-banner .container .h1,
.video-banner .container h2,
.video-banner .container .h2 {
font-size: 25px;
line-height: 30px;
text-align: center;
}
}
.video-banner .container .row {
width: 100%;
}
.video-banner .container .row ul {
display: flex;
justify-content: center;
margin-bottom: 0;
margin: 0;
}
@media (max-width: 479.98px)
{
.video-banner .container .row ul
{
flex-direction: column;
gap: 10px;
margin-bottom: 12px;
}
.video-banner .container .row ul li
{
font-size: 15px !important;
}
.video-banner .container .row ul li::before
{
display: none;
}
}
.video-banner .container .row ul li {
position: relative;
padding: 0 30px;
font-weight: bold;
font-size: 17px;
list-style: none;
margin-right: 1px;
}
.video-banner .container .row ul li::before {
content: "";
height: 100%;
width: 1px;
position: absolute;
top: 0;
left: 100%;
background-color: #eb1618;
}
.video-banner .container .row ul li:last-child {
margin-right: 0;
}
.video-banner .container .row ul li:last-child::before {
display: none;
}
@media (max-width: 991.98px) {
.video-banner .container .row ul li {
font-size: 11px;
line-height: 18px;
padding: 0 8px;
}
}
.video-banner .container .row .btn {
margin: 0 auto;
}
.video-banner-mp {
margin-top: 60px;
margin-bottom: 20px;
min-height: 700px;
display: flex;
}
@media (max-width: 991.98px) {
.video-banner-mp {
min-height: 500px;
}
}
@media (min-width: 992px) {
.video-banner-mp {
margin-bottom: 80px;
}
}
@media (max-width: 479.98px) {
.video-banner-mp {
min-height: 268px;
}
}
.video-banner-mp:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.4);
}
.video-banner-mp .modal-mp-video-ctn iframe {
height: 100vh !important;
width: 100% !important;
}
.video-banner-mp .open-modal-mp-video {
margin-top: 60px !important;
}
@media (max-width: 991.98px) {
.video-banner-mp .open-modal-mp-video {
margin-top: 20px !important;
}
}  .text-sections-img {
position: relative;
}
@media (max-width: 991.98px) {
.text-sections-img {
padding: 0;
margin-bottom: 60px;
}
}
.text-sections-img button {
position: absolute;
inset: 0;
background-color: transparent;
transition: all 0.4s;
opacity: 0.6;
}
.text-sections-img button:hover {
opacity: 1;
}
.text-sections-img button img {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.mp-text-sections h2 {
word-break: break-word;
}
.mp-text-sections .container--small {
padding-block: 24px;
margin: 0 auto;
}
.mp-text-sections .container--small:nth-of-type(2) > div > div:first-child, .mp-text-sections .container--small:nth-of-type(3) > div > div:first-child {
order: 2;
}
.mp-text-sections .container--small .row {
gap: 0px;
}
@media (max-width: 767.98px) {
.mp-text-sections .container--small:nth-of-type(2) > div > div:first-child, .mp-text-sections .container--small:nth-of-type(3) > div > div:first-child {
order: 0;
}
.mp-text-sections .container--small .row {
gap: 16px;
}
}
.mp-text-sections .text-section {
margin-bottom: 40px;
}
.mp-text-sections .text-section > div {
align-items: center;
display: flex;
}
.mp-text-sections .text-section > div p {
max-width: 650px;
}
.mp-text-sections .text-section .modal-mp-video iframe {
height: 100vh !important;
width: 100% !important;
}  .mp-blog__all {
margin-top: 75px;
}
.mp-blog h3 {
font-size: 40px;
margin-bottom: 30px;
} .page-template-product-main-category .page-footer {
margin-top: 0;
}
.swiper-products-list__slide {
background-position: top right;
background-repeat: no-repeat;
min-height: 500px;
}
@media screen and (max-width: 1250px) {
.swiper-products-list__slide {
background: none !important;
}
}
.swiper-products-list__slide h1,
.swiper-products-list__slide h2 {
font-size: 50px;
line-height: 60px;
margin-top: 50px;
}
@media (max-width: 991.98px) {
.swiper-products-list__slide h1,
.swiper-products-list__slide h2 {
font-size: 38px;
line-height: 45px;
margin-top: 18px;;
margin-right: 30px;
max-width: calc(100% - 70px);
}
}
.swiper-products-list__slide p {
font-size: 22px;
line-height: 30px;
font-weight: 700;
}
@media screen and (min-width: 1250px) {
.swiper-products-list__slide p {
max-width: 450px;
}
}
@media (max-width: 991.98px) {
.swiper-products-list__slide p {
max-width: calc(100% - 70px);
margin-bottom: 15px;
}
}
.swiper-products-list__slide .btn {
margin-top: 15px;
min-height: 30px;
padding-top: 1px;
padding-bottom: 3px;
font-size: 14px;
}
@media (max-width: 987px) {
.swiper-products-list__slide .btn {
max-width: calc(100% - 70px);
}
}
.product-list-top {
background: url(//draminski.pl/wp-content/themes/draminski2024/images/sygnet.svg) no-repeat top left;
background-size: auto 500px;
}
@media screen and (max-width: 1250px) {
.product-list-top {
background-position: left bottom;
background-size: 370px 400px;
}
}
@media screen and (min-width: 987px) and (max-width: 1200px) {
.product-list-top__text {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (max-width: 987px) {
.product-list-top__text {
padding-left: 20px;
padding-right: 20px;
width: 96vw;
}
}
@media screen and (min-width: 1250px) {
.product-list-top .padding {
padding-inline: 24px;
}
.product-list-top .col-xl-6 {
max-width: 45% !important;
}
}
.product-list-top .swiper__controls {
position: relative;
margin-top: -50px;
justify-content: flex-start;
margin-top: -50px;
}
@media screen and (max-width: 1250px) {
.product-list-top .swiper__controls {
margin: 15px;
padding-bottom: 35px;
margin-top: 30px;
}
}
.product-list-text {
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 1250px) {
.product-list-text {
padding-top: 83px;
padding-bottom: 15px;
}
}
.product-list-text h1,
.product-list-text h2 {
font-size: 50px;
line-height: 60px;
margin-top: 50px;
}
@media screen and (max-width: 1250px) {
.product-list-text h1,
.product-list-text h2 {
font-size: 35px;
line-height: 46px;
margin-top: 0;
}
}
.product-list-text p {
font-size: 22px;
line-height: 30px;
font-weight: 700;
}
@media screen and (max-width: 1250px) {
.product-list-text p {
font-size: 18px;
line-height: 25px;
}
}
.product-list-main form {
display: flex;
justify-content: center;
gap: 22px;
}
@media (max-width: 991.98px) {
.product-list-main form {
flex-direction: column;
}
}
.product-list-main .listing-product {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-inline: 15px;
}
@media (max-width: 1199.98px) {
.product-list-main .listing-product {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767.98px) {
.product-list-main .listing-product {
grid-template-columns: 1fr;
}
}
.product-list-main .single-product-box {
width: 100%;
}
.product-list-main + #newsletter {
margin-top: 100px;
}
body .btn-compare {
border: 1px solid #eb1618;
font-size: 14px;
background: transparent;
color: #1d1d1b;
padding: 5px 30px 5px 10px;
transition: all 0.4s;
min-height: 30px;
}
body .btn-compare:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/icon-compare.svg);
position: absolute;
right: 10px;
top: 8px;
}
body .btn-compare.no-compare {
color: #797979;
border-color: #797979;
cursor: not-allowed;
}
body .btn-compare.no-compare:before {
opacity: 0.7;
}
.single-product-box__top {
display: flex;
justify-content: space-between;
min-height: 47px;
}
.single-product-box__topRight {
text-align: right;
}
.single-product-box__top .clear-list-horizontal
{
display: flex;
flex-wrap: wrap;
height: 79px;
}
@media screen and (max-width: 370px) {
.single-product-box {
width: 250px;
}
}
.product-list-bottom {
padding-top: 60px;
padding-bottom: 30px;
}
@media (max-width: 991.98px) {
.product-list-bottom {
text-align: center;
}
}
.product-list-bottom .row > div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
@media (max-width: 991.98px) {
.product-list-bottom .row > div {
align-items: center;
}
.product-list-bottom .row > div .btn {
margin-right: 0;
}
}
.product-register-section {
margin-top: 90px;
margin-bottom: 90px;
}
.product-register-section h3 {
font-size: 25px;
line-break: 24px;
margin-bottom: 20px;
}
.product-register-section p {
font-size: 15px;
}
.product-register-section li {
font-size: 18px;
font-weight: 600;
}
@media (min-width: 768px) {
.product-register-section__right {
margin-left: 70px;
}
}
@media (max-width: 991.98px) {
.product-register-section__right h2,
.product-register-section__right h3 {
text-align: center;
}
}
.become-distributor p,
.become-distributor li {
font-size: 16px;
line-height: 26px;
}
.become-distributor__top h5 {
font-size: 22px;
font-weight: bold;
color: #1d1d1b;
margin-bottom: 20px;
}
.become-distributor__s2 h3 {
margin-bottom: 20px;
font-size: 22px;
margin-top: 35px;
}
.become-distributor__s2 li {
max-width: 600px;
}
.become-distributor__s3 {
padding-top: 100px;
padding-bottom: 100px;
}
@media (max-width: 991.98px) {
.become-distributor__s3 {
padding-bottom: 0px;
padding-top: 25px;
}
}
.become-distributor__redBox {
padding: 25px 15px 45px;
border-radius: 10px;
background: #eb1618;
text-align: center;
color: #fff;
}
@media screen and (min-width: 500px) and (max-width: 1000px) {
.become-distributor__redBox {
padding: 15px 15px 25px;
flex-direction: column;
}
}
@media (max-width: 991.98px) {
.become-distributor__redBox {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-bottom: 30px;
}
}
.become-distributor__redBox p {
margin: 0;
font-size: 20px;
line-height: 30px;
}
@media screen and (min-width: 500px) and (max-width: 1000px) {
.become-distributor__redBox p {
font-size: 12px;
line-height: 21px;
}
}
.become-distributor__redBox > div:first-of-type {
line-height: 1;
font-size: 150px;
font-weight: 500;
}
@media screen and (min-width: 500px) and (max-width: 1000px) {
.become-distributor__redBox > div:first-of-type {
font-size: 50px;
line-height: 1.2;
}
}
.become-distributor__reason {
display: flex;
}
@media (max-width: 991.98px) {
.become-distributor__reason {
margin-bottom: 10px;
}
}
.become-distributor__reason > div:first-of-type {
min-width: 45px;
margin-right: 10px;
}
.become-distributor__reason > div p {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
}
.distributor-page__top {
margin-top: 90px;
}
.distributor-page__top p {
font-weight: bold;
}
.mapplic-edit-map {
display: none;
}
.mapplic-list-container {
text-align: left;
}
@media (min-width: 768px) {
.contact__left {
margin-top: 80px;
}
}
.contact__topText strong {
font-size: 22px;
}
.contact__bottomText {
margin-top: 55px;
color: #4d4d4d;
}
@media (max-width: 991.98px) {
.contact__bottomText {
margin-top: 30px;
margin-bottom: 55px;
}
}
.contact .address {
display: flex;
flex-wrap: wrap;
gap: 16px;
white-space: nowrap;
}
.contact .address div {
width: -moz-fit-content;
width: fit-content;
}
.phone-groups {
border-left: 1px solid #eb1618;
padding-left: 26px;
}
.phone-groups span {
display: block;
font-size: 16px;
margin-bottom: 4px;
color: #4d4d4d;
}
.phone-groups a {
font-weight: bold;
display: block;
margin-bottom: 6px;
}
.phone-groups a img {
display: inline-block;
margin-right: 10px;
}
.phone-groups .phone-group {
margin-bottom: 20px;
}
.contact-page #maps {
margin-top: 90px;
width: 100%;
height: 500px;
}
.page-template-team .subpage-under-baner {
padding-top: 55px;
}
.team__text {
font-size: 22px;
font-weight: bold;
line-height: 1;
display: flex;
justify-content: center;
}
.team__text div {
max-width: 870px;
}
.persons-list {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
gap: 0 20px;
}
.persons-list-select {
margin-bottom: 60px;
margin-top: 60px;
display: flex;
justify-content: center;
}
.persons-list-header {
margin-top: 60px;
}
.person {
width: 325px;
margin-bottom: 20px;
}
.person__img {
position: relative;
overflow: hidden;
}
.person__img .person-img-main {
transition: all 0.4s;
opacity: 1;
}
.person__img .person-img-hover {
position: absolute;
top: 0;
transition: all 0.4s;
opacity: 0;
}
.person__img:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
}
.person.hover-person:hover .person-img-hover {
opacity: 1;
}
.person.hover-person:hover .person-img-main {
opacity: 0;
}
.person__name {
font-weight: bold;
margin-top: 25px;
font-size: 22px;
line-height: 26px;
position: relative;
}
.person__name:after {
content: "";
position: absolute;
left: 0;
bottom: -6px;
background: #eb1618;
height: 1px;
width: 26px;
}
.person__dzial {
margin-top: 6px;
}
.person__data .btn {
margin-top: 20px;
margin-bottom: 25px;
border-color: #eb1618;
}
.person__dataCtn {
transition: all 0.4s;
opacity: 0;
visibility: hidden;
}
.person__dataCtn.show {
visibility: visible;
opacity: 1;
}
.person__dataCtn a {
display: block;
font-size: 18px;
font-weight: bold;
}
.page-template-team .select2-container .select2-selection {
border-color: #eb1618;
}
.page-template-team .select2-container .select2-selection .select2-selection__rendered {
color: #4d4d4d;
font-weight: bold;
}
.page-template-job .subpage-under-baner {
padding-top: 56px;
}
.job__topText {
font-size: 22px;
font-weight: bold;
margin: 0 auto;
max-width: 870px;
margin-bottom: 90px;
}
.work-dz h2 {
font-size: 45px;
margin-bottom: 40px;
}
@media (max-width: 991.98px) {
.work-dz h2 {
font-size: 32px;
margin-bottom: 30px;
}
}
.work-dz .job {
padding-left: 60px;
border-bottom: 1px solid #d1d1d1;
padding-bottom: 42px;
margin-bottom: 30px;
}
.work-dz .job__title {
font-weight: bold;
font-size: 26px;
line-height: 30px;
cursor: pointer;
position: relative;
}
@media (max-width: 991.98px) {
.work-dz .job__title {
font-size: 22px;
line-height: 26px;
}
}
.work-dz .job__title:before {
background: url(//draminski.pl/wp-content/themes/draminski2024/images/arrow-red-top.svg) no-repeat center;
position: absolute;
left: -50px;
content: "";
width: 27px;
height: 16px;
top: 12px;
transition: all 0.4s;
}
.work-dz .job__title:after {
content: "";
width: 40px;
height: 40px;
border-radius: 2px;
border: 1px solid #4d4d4d;
position: absolute;
left: -57px;
top: 0;
}
.work-dz .job__title.show-job:before {
transform: rotate(180deg);
transform-origin: center;
}
.work-dz .job__place {
font-size: 22px;
font-weight: 600;
}
.work-dz .job__ctn {
margin-top: 15px;
display: none;
}
.work-dz .job__descExtra {
margin-top: 40px;
font-size: 18px;
line-height: 26px;
}
.work-dz .job__descExtra strong {
font-size: 22px;
line-height: 26px;
}
.codedropz-upload-wrapper {
margin-top: 20px;
border-radius: 20px;
}
.codedropz-upload-wrapper .dnd-upload-counter {
display: none;
}
.codedropz-upload-wrapper .codedropz-upload-container {
margin: 2em 0;
}
.codedropz-upload-wrapper .codedropz-upload-inner {
font-size: 18px;
display: flex;
justify-content: center;
gap: 6px;
}
.codedropz-upload-wrapper .codedropz-upload-handler {
border-radius: 30px;
border-color: #eb1618;
border-style: dotted;
}
#jobSelect + .select2-container {
width: 100% !important;
}
.woocommerce-cart .page-standard-theme .text-page,
.woocommerce-checkout .page-standard-theme .text-page {
background: transparent !important;
}
.woocommerce-cart .content-area .page-main-ctn,
.woocommerce-checkout .content-area .page-main-ctn {
flex: 0 0 100%;
max-width: 100%;
}
.cart_steps {
text-align: center;
padding: 30px 20px 60px;
}
@media (max-width: 991.98px) {
.cart_steps {
padding: 0 0 30px;
}
}
.cart_steps > h1 {
margin-bottom: 30px;
}
.cart_steps ul {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 800px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 1;
margin-top: 50px;
}
@media (max-width: 991.98px) {
.cart_steps ul {
margin-top: 30px;
}
}
.cart_steps ul::after {
background-color: #dbdbdb;
height: 1px;
width: 100%;
top: calc(50% - 0px);
left: 0;
position: absolute;
display: block;
content: "";
z-index: -1;
}
@media (max-width: 991.98px) {
.cart_steps ul::after {
top: calc(50% - 17px);
}
}
.cart_steps ul .step {
display: flex;
align-items: center;
padding: 0 20px;
background-color: #f3f3f3;
font-weight: bold;
font-size: 22px;
line-height: 29px;
text-align: left;
color: #4d4d4d;
}
@media (max-width: 991.98px) {
.cart_steps ul .step {
flex-direction: column;
padding: 0;
font-size: 16px;
}
}
.cart_steps ul .step span {
height: 48px;
display: flex;
justify-content: center;
align-items: center;
width: 48px;
margin-right: 10px;
background-color: #fff;
font-weight: bold;
font-size: 30px;
text-align: center;
color: #4d4d4d;
border-radius: 50%;
}
@media (max-width: 991.98px) {
.cart_steps ul .step span {
margin-left: 15px;
margin-right: 15px;
}
}
.cart_steps ul .step p {
margin: 0;
}
@media (max-width: 991.98px) {
.cart_steps ul .step p {
font-size: 16px;
margin-top: 6px;
}
}
.cart_steps ul .step--active span {
color: #fff;
background: #eb1618;
}
.cartPage-table {
background-color: #fff;
border-radius: 10px;
padding: 20px 40px;
}
@media (max-width: 991.98px) {
.cartPage-table {
padding: 0;
}
}
@media (min-width: 768px) {
.woocommerce-cart-form .cart .product-price .product-price-ctn,
.woocommerce-cart-form .cart .product-subtotal {
text-align: right;
}
}
@media (max-width: 991.98px) {
.woocommerce-cart-form .cart .product-price .product-price-ctn,
.woocommerce-cart-form .cart .product-subtotal .product-price-ctn {
text-align: left !important;
display: flex;
flex-direction: column;
white-space: nowrap;
}
.woocommerce-cart-form .cart .product-price .product-price-ctn > span,
.woocommerce-cart-form .cart .product-price .product-price-ctn > p,
.woocommerce-cart-form .cart .product-subtotal .product-price-ctn > span,
.woocommerce-cart-form .cart .product-subtotal .product-price-ctn > p {
padding-left: 15px;
}
.woocommerce-cart-form .cart .product-price .product-price-ctn .product-price-ctn-n,
.woocommerce-cart-form .cart .product-subtotal .product-price-ctn .product-price-ctn-n {
text-align: right !important;
padding-left: 10px;
}
.woocommerce-cart-form .cart .product-price .product-price-ctn .product-price-ctn-br,
.woocommerce-cart-form .cart .product-subtotal .product-price-ctn .product-price-ctn-br {
text-align: right;
padding-left: 10px;
}
}
.woocommerce-cart-form {
background-color: #fff;
}
.woocommerce-cart-form table.cart {
margin-bottom: 0; }
.woocommerce-cart-form table.cart th,
.woocommerce-cart-form table.cart tr,
.woocommerce-cart-form table.cart td {
background-color: #fff;
}
.woocommerce-cart-form table.cart .product-quantity {
text-align: center;
}
.woocommerce-cart-form table.cart .product-quantity .quantity {
margin: 0;
display: flex;
justify-content: center;
}
@media all and (min-width: 768px) {
.woocommerce-cart-form table.cart .product-name {
text-align: left;
width: 25%;
vertical-align: middle;
}
}
@media all and (max-width: 768px) {
.woocommerce-cart-form table.cart .product-name {
text-align: left !important;
}
.woocommerce-cart-form table.cart .product-name a {
margin-left: 10px;
}
}
.woocommerce-cart-form table.cart thead {
border-bottom: 1px solid #f3f3f3;
}
.woocommerce-cart-form table.cart thead tr th {
font-weight: bold;
font-size: 18px;
line-height: 24px;
text-align: left;
color: #1d1d1b;
border-bottom: 1px solid #c8c8c8;
}
.woocommerce-cart-form table.cart tbody .woocommerce-cart-form__cart-item {
padding-bottom: 1px;
position: relative;
}
.woocommerce-cart-form table.cart tbody .woocommerce-cart-form__cart-item .product-remove a {
font-size: 0;
line-height: 1px;
color: transparent;
width: 37px;
height: 37px;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: 0.3s ease;
}
@media all and (max-width: 768px) {
.woocommerce-cart-form table.cart tbody .woocommerce-cart-form__cart-item .product-remove a {
position: absolute;
top: 50px;
left: 43px;
}
}
.woocommerce-cart-form table.cart tbody .woocommerce-cart-form__cart-item .product-remove a::before {
display: none;
}
.woocommerce-cart-form table.cart tbody .woocommerce-cart-form__cart-item .product-remove a::after {
transition: 0.3s ease;
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
background: url(//draminski.pl/wp-content/themes/draminski2024/images/cartCross.svg);
height: 37px;
width: 37px;
}
.woocommerce-cart-form table.cart tbody .woocommerce-cart-form__cart-item::after {
content: "";
width: 100%;
height: 1px;
background-color: #f3f3f3;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
.woocommerce-cart-form table.cart tbody .woocommerce-cart-form__cart-item td > * {
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: right;
color: #1d1d1b;
}
@media all and (min-width: 768px) {
.woocommerce-cart-form table.cart tbody .woocommerce-cart-form__cart-item .product-price {
width: 20%;
}
}
.woocommerce-cart-form table.cart tbody tr .actions {
background-color: #fff;
border: 0;
padding-top: 40px;
}
@media (max-width: 991.98px) {
.woocommerce-cart-form table.cart tbody tr .actions {
padding-inline: 20px;
}
}
.woocommerce-cart-form table.cart tbody tr .actions .coupon {
display: flex;
float: left;
align-items: flex-start;
}
@media all and (max-width: 768px) {
.woocommerce-cart-form table.cart tbody tr .actions .coupon {
flex-direction: column;
}
}
.woocommerce-cart-form table.cart tbody tr .actions .coupon input {
min-width: 242px;
}
.woocommerce-cart-form table.cart tbody tr .actions .coupon .btn {
margin-top: 0;
}
@media all and (max-width: 768px) {
.woocommerce-cart-form table.cart tbody tr .actions .coupon .btn {
width: 100%;
}
}
.woocommerce-cart-form table.cart tbody tr .actions .coupon input {
margin-right: 10px;
}
.woocommerce-cart-form table.cart tbody tr .actions > button.btn {
margin-top: 0;
margin-left: auto;
margin-right: 0;
float: right;
}
.cart-collaterals {
border-bottom: 1px solid #c8c8c8;
position: relative;
}
.cart-collaterals .cart_totals td,
.cart-collaterals .cart_totals th,
.cart-collaterals .cart_totals tr {
background-color: #fff;
}
.cart-collaterals .cart_totals th {
font-weight: 500;
font-size: 15px;
line-height: 23px;
text-align: left;
color: #272727;
}
.cart-collaterals .cart_totals .woocommerce-Price-amount {
font-weight: bold;
font-size: 26px;
line-height: 30px;
color: #1d1d1b;
}
.wc-proceed-to-checkout {
text-align: right;
}
.wc-proceed-to-checkout .checkout-button {
border-color: #eb1618;
background-color: #eb1618;
min-width: 250px;
justify-content: space-between;
}
.wc-proceed-to-checkout .checkout-button:hover:after {
border-color: transparent transparent transparent #fff !important;
}
.cart-slider .product-image img {
max-width: 100%;
max-height: 280px;
}
.cart-slider .single-product {
max-width: 460px;
}
.modal-cart {
background: #f3f3f3;
display: block;
visibility: hidden;
opacity: 0;
z-index: -10;
transition: 0.5s ease;
}
.modal-cart__show {
visibility: visible;
opacity: 1;
z-index: 999;
}
.modal-cart section {
padding: 20px 20px;
}
.cart-modal-header {
font-size: 52px;
width: 100%;
text-align: center;
padding-top: 50px;
padding-bottom: 10px;
font-weight: 700;
letter-spacing: -0.01em;
display: inline-block;
}
.price-excl {
color: #1d1d1b !important;
font-size: 14px !important;
display: block !important;
white-space: nowrap;
}
.cart-collaterals .shipping {
display: none;
}
.order-total .includes_tax {
display: none !important;
}
#show-modal-cart {
display: none;
}
.accessories-isset #show-modal-cart {
display: initial;
}
.cart_totals h2 {
display: none;
}
.cart_totals th,
.cart_totals td {
text-align: right !important;
}
.product-quantity { }
.product-quantity .plus,
.product-quantity .minus {
background: #eb1618;
border-radius: 50%;
width: 25px;
height: 25px;
font-size: 24px;
color: #fff;
line-height: 0;
padding: 0;
position: relative;
top: 2px;
border: 1px solid #eb1618;
transition: all 0.4s;
}
.product-quantity .plus:hover,
.product-quantity .minus:hover {
background: #fff;
border-color: #eb1618;
color: #eb1618;
}
.product-quantity .input-text {
margin-left: 10px;
margin-right: 10px;
border: 1px solid #707070;
border-radius: 18px;
text-align: center;
height: 30px;
background: transparent;
padding-top: 4px;
font-size: 16px;
font-weight: bold;
}
.product-quantity input::-webkit-outer-spin-button,
.product-quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-quantity input[type=number] {
-moz-appearance: textfield;
}
.cart-br {
font-size: 14px !important;
font-weight: bold !important;
display: inline-block;
margin-left: 3px;
color: #4d4d4d;
}
.product-subtotal {
text-align: center !important;
color: #1d1d1b;
}
.product-subtotal bdi {
font-weight: bold !important;
font-size: 18px !important;
}
.product-subtotal .price-excl bdi {
font-weight: bold;
color: #4d4d4d;
font-size: 14px !important;
}
.woocommerce-cart-form .cart .product-price > * {
width: 98px;
text-align: left !important;
display: block;
}
.woocommerce-cart-form #coupon_code {
background: transparent;
color: #000;
border-color: #eb1618;
}
.order-total .price-excl {
color: #4d4d4d !important;
}
.order-total .price-excl bdi {
color: #4d4d4d !important;
font-size: 16px !important;
font-weight: bold !important;
}
.cart-back {
text-align: right;
}
.cart-back a {
display: block;
font-weight: bold;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #1d1d1b;
text-align: right;
}
.cart_item .product-name-c {
width: 300px;
max-width: 250px;
}
@media screen and (min-width: 768px) and (max-width: 1250px) {
.cart_item .product-name-c {
width: 194px;
max-width: 246px;
}
}
@media (max-width: 991.98px) {
.cart_item .product-name-c {
max-width: 250px;
width: auto;
}
}
#reg_password_2 {
margin-top: 10px;
}
.step-one-cart-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 44px;
padding-bottom: 24px;
}
@media (max-width: 767.98px) {
.step-one-cart-footer {
-moz-column-gap: 12px;
column-gap: 12px;
row-gap: 44px;
}
.step-one-cart-footer .wc-proceed-to-checkout .checkout-button.btn.btn--arrow,
.step-one-cart-footer .btn--arrow.backbtn {
min-width: unset !important;
width: 100%;
max-width: 250px;
margin-left: auto;
}
}
@media screen and (max-width: 375px) {
.step-one-cart-footer {
flex-direction: column;
gap: 16px;
}
.step-one-cart-footer div {
width: 100%;
}
.step-one-cart-footer div a {
max-width: none !important;
}
}
@media (max-width: 500px) {
.step-one-cart-footer .wc-proceed-to-checkout {
flex: 1;
}
}
textarea#order_comments {
padding-top: 5px;
padding-bottom: 5px;
}
.col-1,
.col-2 {
width: 100%;
max-width: 100%;
}
@media (min-width: 768px) {
#customer_details {
margin-right: 0;
}
}
@media (min-width: 1200px) {
#customer_details {
padding-top: 35px;
padding-right: 35px;
}
}
#order_review_heading {
width: unset;
}
@media (min-width: 1200px) {
#order_review_heading {
padding-left: 22px;
}
}
@media (min-width: 768px) {
.woocommerce-checkout-review-order-table thead th.product-name {
display: inline;
}
}
@media (min-width: 1200px) {
.woocommerce-checkout-review-order-table thead th.product-name {
padding-left: 0;
margin-left: 0;
}
}
@media (max-width: 767.98px) {
#summary-checkout .woocommerce-checkout-review-order-table thead th.product-name {
padding-left: 15px;
}
}
#order_review {
width: 100%;
}
@media (min-width: 1200px) {
#order_review {
width: 50%;
}
}
@media (max-width: 1199.98px) {
#order_review .woocommerce-checkout-review-order-table tbody {
margin: 0 -15px;
}
}
#order_review {
height: -moz-max-content;
height: max-content;
}
#order_review table {
margin-bottom: 0 !important;
}
.col2-set {
width: 100%;
}
@media (min-width: 1200px) {
.col2-set {
width: 49%;
margin-right: 0 !important;
}
}
.woocommerce-checkout.checkout {
background: #fff;
padding: 30px;
border-radius: 15px;
}
@media (max-width: 1199.98px) {
.woocommerce-checkout.checkout {
margin-inline: -15px;
padding-inline: 0;
}
} .radioBtn label {
font-size: 15px !important;
font-weight: 600 !important;
margin-right: 42px !important;
}
.woocommerce-shipping-methods input,
.buy_on_company input,
.radioBtn input {
opacity: 0;
z-index: -9;
position: absolute;
top: 0;
left: 0;
}
.woocommerce-shipping-methods label,
.buy_on_company label,
.radioBtn label {
position: relative;
text-align: right;
color: #000;
font-weight: 400;
font-size: 1rem;
padding: 20px 25px;
}
.woocommerce-shipping-methods label:after,
.buy_on_company label:after,
.radioBtn label:after {
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #dddddd;
content: "";
left: -6px;
position: absolute;
top: 23px;
}
.woocommerce-shipping-methods label:before,
.buy_on_company label:before,
.radioBtn label:before {
background: #eb1618;
content: "";
position: absolute;
top: 29px;
left: 0;
width: 8px;
height: 8px;
border-radius: 50%;
opacity: 0;
}
.woocommerce-shipping-methods input:checked + label:before,
.buy_on_company input:checked + label:before,
.radioBtn input:checked + label:before {
opacity: 1;
}
#payment .payment_methods li.wc_payment_method > input[type=radio]:first-child,
#summary-checkout .payment_methods li.wc_payment_method > input[type=radio]:first-child {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
#payment .payment_methods > li:not(.woocommerce-notice),
#summary-checkout .payment_methods > li:not(.woocommerce-notice) {
background: none;
}
#payment .payment_methods > li:not(.woocommerce-notice),
#payment .place-order,
#summary-checkout .payment_methods > li:not(.woocommerce-notice),
#summary-checkout .place-order {
background: none !important;
}
#payment .place-order,
#summary-checkout .place-order {
padding: 0 !important;
}
#payment .payment_methods > .wc_payment_method > label,
#summary-checkout .payment_methods > .wc_payment_method > label {
padding-left: 25px !important;
font-size: 1rem;
}
#payment .required,
#summary-checkout .required {
color: #eb1618 !important;
}
#payment .payment_methods > .wc_payment_method > label::before,
#summary-checkout .payment_methods > .wc_payment_method > label::before {
content: "" !important;
width: 20px;
height: 20px;
border: 1px solid #dddddd;
border-radius: 50%;
color: #002891;
font-size: 8px;
padding-left: 5px;
padding-top: 3px;
position: absolute;
left: 0;
top: 22px;
}
#payment .payment_methods li input[type=radio]:first-child:checked + label::before,
#summary-checkout .payment_methods li input[type=radio]:first-child:checked + label::before {
color: #eb1618 !important;
content: "" !important;
}
#payment .payment_methods li input[type=radio]:first-child:checked + label::after,
#summary-checkout .payment_methods li input[type=radio]:first-child:checked + label::after {
content: "";
background: #eb1618;
border-radius: 50%;
width: 8px;
height: 8px;
position: absolute;
left: 6px;
top: 28px;
}
.back-to-cart {
color: #1d1d1b !important;
display: block;
margin-top: 60px;
text-align: right;
}
@media (max-width: 991.98px) {
.back-to-cart {
margin-top: 30px;
}
}
.back-to-cart span {
font-weight: 700;
font-size: 16px;
}
#summary-checkout .wc_payment_method {
position: relative;
}
#summary-checkout .wc_payment_method label:before {
top: 5px !important;
}
#summary-checkout .wc_payment_method label:after {
top: 11px !important;
}
#summary-checkout #shipping_method label {
margin-left: 30px;
}
#summary-checkout .shop_table tfoot th,
#summary-checkout .shop_table tfoot td {
border-bottom: 1px solid #ebebeb;
}
#summary-checkout .bottom-add-chechout th,
#summary-checkout .bottom-add-chechout td {
border-bottom: 1px solid #ebebeb;
}
#summary-checkout .woocommerce-shipping-methods label::before,
#summary-checkout .buy_on_company label::before,
#summary-checkout .radioBtn label::before {
background: none !important;
border: none !important;
}
#summary-checkout .woocommerce-shipping-methods label::after,
#summary-checkout .buy_on_company label::after,
#summary-checkout .radioBtn label::after {
background: none !important;
border: none !important;
}
#summary-checkout #payment .payment_methods li input[type=radio]:first-child:checked + label::before,
#summary-checkout .payment_methods li input[type=radio]:first-child:checked + label::before {
background: none !important;
border: none !important;
}
#summary-checkout #payment .payment_methods li input[type=radio]:first-child:checked + label::after,
#summary-checkout .payment_methods li input[type=radio]:first-child:checked + label::after {
background: none !important;
border: none !important;
}
.woocommerce-form-coupon-toggle {
display: none;
} @media (min-width: 1200px) {
.woocommerce-checkout-review-order-table {
background-color: #f3f3f3;
}
}
.woocommerce-checkout-review-order-table tr th {
background: none !important;
padding-left: 0;
}
.woocommerce-checkout-review-order-table td {
background: none !important;
}
.woocommerce-checkout-review-order-table .cart_item td {
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #ebebeb;
}
.woocommerce-checkout-review-order-table .product-name {
font-weight: bold;
width: 50% !important;
padding: 0;
}
.woocommerce-checkout-review-order-table .product-name > div {
display: flex;
align-items: center;
justify-content: flex-start;
align-items: center;
}
@media (max-width: 991.98px) {
.woocommerce-checkout-review-order-table .product-name > div {
justify-content: space-between;
}
}
.woocommerce-checkout-review-order-table .product-quantity {
border-radius: 18px;
border: 1px solid #707070;
min-width: 61px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
display: block;
}
.woocommerce-checkout-review-order-table .product-thumbnail {
padding-left: 0;
padding-right: 0;
max-width: 90px;
}
.woocommerce-checkout-review-order-table .product-thumbnail img {
max-width: 70px;
margin-right: 20px;
}
.woocommerce-checkout-review-order-table .product-price-ctn-br .cart-br {
color: #1d1d1b !important;
}
.woocommerce-checkout-review-order-table tfoot .cart-subtotal th,
.woocommerce-checkout-review-order-table tfoot .cart-subtotal td {
width: 50%;
}
.woocommerce-checkout-review-order-table #shipping_method label {
text-align: left !important;
font-size: 16px !important;
font-weight: 600 !important;
}
.woocommerce-checkout-review-order-table #shipping_method input {
display: none;
}
.review-product-right {
display: flex;
}
@media (max-width: 991.98px) {
.review-product-right {
flex-direction: column;
width: 70%;
}
.review-product-right .product-q {
justify-content: center;
display: flex;
margin-top: 5px;
margin-bottom: 5px;
}
.review-product-right .product-q strong {
max-width: 40px;
padding-top: 0px;
padding-bottom: 0px;
}
.review-product-right .product-name-c,
.review-product-right .product-price-ctn {
text-align: center;
}
}
@media (min-width: 768px) {
.review-product-right .product-q {
margin-right: 20px;
}
}
.checkout-payment,
#payment {
background: none;
}
.checkout-payment th,
.checkout-payment td,
#payment th,
#payment td {
width: 50%;
background: none;
}
.checkout-payment th,
.checkout-payment td {
width: 100% !important;
}
.checkout-payment th,
.checkout-payment td {
display: block;
width: 100%;
}
.checkout-payment th {
padding-bottom: 0;
}
.checkout-payment td {
padding-top: 0;
}
#payment td,
#payment th {
padding-left: 0 !important;
}
#payment td .payment_box,
#payment th .payment_box {
background: #efefef !important;
}
#payment td label,
#payment th label {
text-align: left !important;
font-size: 16px !important;
font-weight: 600 !important;
}
#buy_on_company_field > span {
display: flex;
flex-direction: column;
}
@media (max-width: 991.98px) {
#buy_on_company_field > span {
flex-direction: column;
}
}
#buy_on_company_field > span label {
text-align: left !important;
font-size: 16px !important;
font-weight: 600 !important;
margin-right: 30px !important;
}
#billing_company_field,
.col2-set .form-row-first {
clear: both;
width: 100%;
margin-right: 0;
}
@media (min-width: 768px) {
#billing_company_field,
.col2-set .form-row-first {
width: 48%;
float: left;
margin-right: 0;
}
}
.col2-set .form-row-last {
width: 100%;
}
@media (min-width: 768px) {
.col2-set .form-row-last {
width: 48%;
}
}
#vat_number_field .optional,
#billing_vat_number_field .optional {
display: none;
}
.checkout #billing_company_field,
.checkout #billing_vat_number_field {
display: none;
}
#vat_number_field {
display: none;
} body.woocommerce-checkout #payment .place-order button#place_order {
display: none;
}
body.woocommerce-checkout form.woocommerce-form-row.checkout.woocommerce-checkout p.showSummary {
display: none;
}
.summary-checkout {
background-color: #fff;
padding: 30px 0 30px 0;
border-radius: 9px;
display: inline-flex;
width: 100%;
position: relative;
display: none;
}
@media (min-width: 768px) {
.summary-checkout {
padding: 30px 55px 30px 34px;
}
}
.summary-checkout .dr_action_buttons_payment {
margin-top: 44px;
}
.summary-checkout .right .content th {
background-color: transparent;
width: 50%;
padding-left: 0;
}
.summary-checkout .right .content td {
background-color: transparent;
padding-left: 0;
padding-right: 0;
}
.summary-checkout .right .content td ul {
margin: 0;
list-style-type: none;
}
.summary-checkout .right .content .form-row.place-order button {
margin-top: 139px;
}
@media (max-width: 991.98px) {
.summary-checkout .right .content .form-row.place-order button {
margin-top: 40px;
margin-right: 0;
width: 100%;
}
}
#phone-text {
display: none;
}
.summary-checkout .right .content .form-row.place-order div,
.summary-checkout .right .content .form-row.place-order input,
.summary-checkout .right .content .form-row.place-order span {
display: none;
}
.summary-checkout .left {
padding-top: 35px;
padding-right: 104px;
width: 100%;
}
@media (min-width: 1200px) {
.summary-checkout .left {
width: 49%;
}
}
@media (max-width: 991.98px) {
.summary-checkout .left {
padding-right: 0;
}
}
.summary-checkout .right {
width: 100%;
}
@media (min-width: 1200px) {
.summary-checkout .right {
padding-left: 20px;
width: 50%;
}
}
@media (max-width: 991.98px) {
.summary-checkout .right {
padding-left: 0 !important;
}
}
.summary-checkout .right .back_from_last {
margin-top: 10px;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.summary-checkout .right .back_from_last {
margin-top: 30px;
width: -moz-max-content;
width: max-content;
margin-left: auto;
}
}
.summary-checkout .left .information:not(:last-child) {
padding-bottom: 42px;
margin-bottom: 57px;
border-bottom: 1px solid #ebebeb;
}
@media (max-width: 991.98px) {
.summary-checkout .left .information:not(:last-child) {
padding-bottom: 25px;
margin-bottom: 25px;
}
}
.summary-checkout .left .information p {
font-weight: 400;
font-size: 15px;
line-height: 25px;
}
.summary-checkout .right span.back {
position: absolute;
right: 46px;
bottom: 48px;
font-weight: 700;
font-size: 16px;
line-height: 20px;
cursor: pointer;
transition: all 0.5s;
}
.summary-checkout .right span.back:hover {
opacity: 0.7;
}
.summary-checkout .right .content #payment {
display: none;
}
.order-success, .order-failed, .order-pending, .order-info {
background: #fff;
padding: 70px;
margin-top: 60px;
margin-bottom: 70px;
}
.order-success h1, .order-failed h1, .order-pending h1, .order-info h1 {
margin-bottom: 30px;
}
@media (max-width: 991.98px) {
.order-success, .order-failed, .order-pending, .order-info {
padding: 20px;
margin-top: 30px;
margin-bottom: 30px;
}
}
.order-success p .order-failed p, .order-pending p, .order-info p {
font-weight: bold;
font-size: 26px;
line-height: 46px;
text-align: center;
margin: 0;
}
@media (max-width: 991.98px) {
.order-success p .order-failed p, .order-pending p, .order-info p {
line-height: 1.2;
font-size: 19px;
}
}
.order-success p mark, .order-failed p mark, .order-pending p mark, .order-info p mark {
font-weight: bold;
font-size: 26px;
line-height: 46px;
}
@media (max-width: 991.98px) {
.order-success p mark, .order-failed p mark, .order-pending p mark, .order-info p mark  {
line-height: 1.2;
font-size: 19px;
}
}
.woocommerce-order .pay
{
margin-block: 20px;
}
.woocommerce-checkout #billing_vat_number_field {
width: 100%;
clear: none;
float: right;
}
@media (min-width: 768px) {
.woocommerce-checkout #billing_vat_number_field {
width: 48%;
}
}
.ship-to-different-address-input {
font-size: 26px;
font-weight: bold;
width: 100%;
display: block;
margin-bottom: 4px;
}
@media (min-width: 768px) {
.woocommerce-checkout-payment {
padding: 15px;
}
}
@media (max-width: 991.98px) {
.woocommerce-checkout-payment tr {
display: flex;
flex-direction: column;
}
.woocommerce-checkout-payment tr th,
.woocommerce-checkout-payment tr td {
width: 100% !important;
}
.woocommerce-checkout-payment tr th {
padding-bottom: 0;
}
}
@media (max-width: 991.98px) {
.woocommerce-shipping-totals {
display: flex;
flex-direction: column;
}
.woocommerce-shipping-totals th,
.woocommerce-shipping-totals td {
width: 100% !important;
}
.woocommerce-shipping-totals th {
padding-bottom: 0;
}
}
@media (max-width: 991.98px) {
.woocommerce-checkout-review-order-table tfoot {
display: flex;
flex-direction: column;
}
}
.woocommerce-checkout-review-order .cart_item,
.summary-checkout .cart_item {
display: block;
background-color: #fff;
padding: 6px 16px;
margin-bottom: 15px;
border-radius: 12px;
}
@media (min-width: 992px) {
.woocommerce-checkout-review-order .cart_item,
.summary-checkout .cart_item {
box-shadow: 0px 7px 7px -5px rgb(177, 177, 177);
}
}
.woocommerce-checkout-review-order .cart_item .review-product-right,
.summary-checkout .cart_item .review-product-right {
justify-content: space-between;
align-items: center;
flex: 1;
}
.woocommerce-checkout-review-order .cart_item .product-name-c,
.summary-checkout .cart_item .product-name-c {
width: 45%;
max-width: unset;
font-size: 14px;
}
.woocommerce-checkout-review-order .cart_item .product-q,
.summary-checkout .cart_item .product-q {
width: 15%;
margin-left: 8px;
margin-right: 8px;
}
.woocommerce-checkout-review-order .cart_item .product-q .product-quantity,
.summary-checkout .cart_item .product-q .product-quantity {
display: flex;
align-items: center;
justify-content: center;
min-height: 41px;
}
.woocommerce-checkout-review-order .cart_item .product-total,
.summary-checkout .cart_item .product-total {
width: 40%;
}
.woocommerce-checkout-review-order .cart_item .product-total span,
.woocommerce-checkout-review-order .cart_item .product-total .price-excl,
.summary-checkout .cart_item .product-total span,
.summary-checkout .cart_item .product-total .price-excl {
text-align: right !important;
}
.woocommerce-checkout-review-order .cart_item td,
.summary-checkout .cart_item td {
border-bottom: none;
}
.woocommerce-checkout-review-order .cart_item td .product-price-ctn-br,
.summary-checkout .cart_item td .product-price-ctn-br {
text-align: right !important;
}
.cart_item:nth-child(odd) {
background-color: #f3f3f3;
}
.woocommerce-checkout-review-order {
display: flex;
flex-direction: column;
padding: 15px;
border-radius: 18px;
}
@media (min-width: 1200px) {
.woocommerce-checkout-review-order {
background-color: #f3f3f3 !important;
padding: 35px;
}
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order tbody {
display: block;
}
.woocommerce-checkout-review-order thead {
display: block;
margin-bottom: 20px;
}
.woocommerce-checkout-review-order:has(.step_2) {
padding: 35px 15px;
}
@media (min-width: 992px) {
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2,
.summary-checkout {
padding-inline: 25px;
}
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item,
.summary-checkout .cart_item {
background-color: #fff;
width: 100%;
}
@media (max-width: 1199.98px) {
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item,
.summary-checkout .cart_item {
margin-bottom: 0;
padding: 20px 0px;
border-radius: 0;
border-bottom: 1px solid #c8c8c8;
}
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item .review-product-right,
.summary-checkout .cart_item .review-product-right {
width: 50%;
flex: unset;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item .review-product-right .product-name-c,
.summary-checkout .cart_item .review-product-right .product-name-c {
width: 100%;
}
@media (max-width: 1199.98px) {
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item:nth-child(even),
.summary-checkout .cart_item:nth-child(even) {
background-color: #f3f3f3;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container,
.summary-checkout .cart_item_container {
position: relative;
flex-wrap: wrap;
padding-inline: 15px;
row-gap: 30px;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container .product-thumbnail,
.summary-checkout .cart_item_container .product-thumbnail {
width: 25%;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container .review-product-right,
.summary-checkout .cart_item_container .review-product-right {
width: 75%;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container .review-product-right .product-name-c,
.summary-checkout .cart_item_container .review-product-right .product-name-c {
text-align: left;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container .product-q,
.summary-checkout .cart_item_container .product-q {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
min-width: 51px;
margin-inline: 0;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container .product-q .product-quantity,
.summary-checkout .cart_item_container .product-q .product-quantity {
min-width: 100%;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container .product-total,
.summary-checkout .cart_item_container .product-total {
width: 100%;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container .product-total .product-price-ctn,
.summary-checkout .cart_item_container .product-total .product-price-ctn {
display: flex;
width: 100%;
-moz-column-gap: 20%;
column-gap: 20%;
justify-content: space-between;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container .product-total .product-price-ctn .product-price-ctn-br,
.summary-checkout .cart_item_container .product-total .product-price-ctn .product-price-ctn-br {
text-align: left !important;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container .product-total .product-price-ctn .product-price-ctn-br bdi,
.summary-checkout .cart_item_container .product-total .product-price-ctn .product-price-ctn-br bdi {
font-size: 14px;
}
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container .product-total .product-price-ctn .product-price-ctn-br,
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table.step_2 .cart_item_container .product-total .product-price-ctn .product-price-ctn-n.price-excl,
.summary-checkout .cart_item_container .product-total .product-price-ctn .product-price-ctn-br,
.summary-checkout .cart_item_container .product-total .product-price-ctn .product-price-ctn-n.price-excl {
width: 40%;
}
}
.dr_custom_table tbody {
display: grid;
grid-template-columns: 1fr;
}
@media (max-width: 767.98px) {
.dr_custom_table tbody {
row-gap: 30px;
}
}
@media (min-width: 576px) {
.dr_custom_table tbody {
grid-template-columns: repeat(2, 1fr);
}
}
.dr_custom_table tbody tr:first-child {
grid-column: 1/2;
}
.dr_custom_table tbody .woocommerce-shipping-totals.shipping {
display: flex;
flex-direction: column;
}
@media (min-width: 576px) {
.dr_custom_table tbody .woocommerce-shipping-totals.shipping {
grid-column: 1;
}
}
.dr_custom_table tbody .woocommerce-shipping-totals.shipping td {
display: block;
}
.dr_custom_table tbody td,
.dr_custom_table tbody th {
display: block;
width: 100% !important;
padding: 0 !important;
}
.dr_custom_table tbody .dr_payment_methods {
display: flex;
flex-direction: column;
}
@media (min-width: 576px) {
.dr_custom_table tbody .dr_payment_methods {
grid-column: 2;
}
}
.woocommerce-form-row.checkout.woocommerce-checkout {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.summary-checkout .woocommerce-checkout-review-order-table {
padding-inline: 25px;
}
}
@media (max-width: 1199.98px) {
#summary-checkout {
margin-inline: -15px;
width: 100vw;
padding: 15px;
}
}
#summary-checkout .content {
border-radius: 18px;
padding-block: 30px;
}
@media (min-width: 1200px) {
#summary-checkout .content {
background-color: #f3f3f3;
}
}
#summary-checkout .content th.product-name {
margin-bottom: 20px;
display: inline-block;
}
#summary-checkout .content #order_review_heading {
float: unset;
}
@media (min-width: 992px) {
#summary-checkout .content .bottom-add-chechout {
padding-inline: 25px;
}
}
@media (max-width: 991.98px) {
#summary-checkout .content .checkout-payment {
padding: 0 15px;
}
}
@media (max-width: 1199.98px) {
#summary-checkout .content .woocommerce-checkout-review-order-table {
margin: 0 -15px;
}
}
@media (max-width: 767.98px) {
#summary-checkout .content .woocommerce-checkout-review-order-table {
width: 100vw;
}
}
#summary-checkout .bottom-add-chechout .dr_custom_table tbody {
display: flex !important;
flex-direction: column !important;
row-gap: 20px;
align-items: flex-end;
}
#summary-checkout .bottom-add-chechout .dr_custom_table tbody th,
#summary-checkout .bottom-add-chechout .dr_custom_table tbody td,
#summary-checkout .bottom-add-chechout .dr_custom_table tbody label {
border: none;
text-align: right !important;
}
#summary-checkout .bottom-add-chechout .dr_custom_table tbody th {
font-weight: bold;
margin-bottom: 12px;
}
#summary-checkout .bottom-add-chechout .dr_custom_table tbody label {
padding: 0;
padding-left: 0 !important;
margin-left: 0 !important;
margin-bottom: 12px !important;
}
#summary-checkout .bottom-add-chechout .dr_custom_table tbody label img {
margin-left: auto;
}
.dr_action_buttons_payment {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #c8c8c8;
padding-top: 44px;
padding-bottom: 15px;
flex-direction: column;
row-gap: 40px;
padding-inline: 15px;
}
.dr_action_buttons_payment div,
.dr_action_buttons_payment span {
width: 100%;
}
@media (min-width: 768px) {
.dr_action_buttons_payment {
flex-direction: row;
}
.dr_action_buttons_payment div,
.dr_action_buttons_payment span {
width: auto;
}
}
@media (min-width: 768px) {
.dr_action_buttons_payment {
padding-inline: 15px;
}
}
@media (min-width: 1200px) {
.dr_action_buttons_payment {
padding-inline: 0;
}
}
.dr_action_buttons_payment .back-to-cart {
margin-top: 0;
}
@media (max-width: 767.98px) {
.dr_action_buttons_payment #place_order {
width: 100%;
}
} .fair-category {
padding: 0;
margin: 0;
margin-bottom: 45px;
}
.fair-category li {
list-style: none;
display: inline-block;
}
.fair-category li a {
margin-left: 22px;
margin-right: 22px;
color: #1d1d1b;
position: relative;
}
.fair-category li a:after {
content: "";
width: 100%;
position: absolute;
left: 0;
bottom: -7px;
background: #eb1618;
height: 1px;
transition: all 0.4s;
opacity: 0;
}
.fair-category li a.active {
font-weight: bold;
}
.fair-category li a.active:after {
opacity: 1;
}
.fair-category li a:hover:after {
opacity: 1;
}
.fair__subtitle {
font-size: 22px;
margin-bottom: 31px;
}
.fair-table__header {
background: #f4f4f4;
border-radius: 6px;
font-weight: bold;
}
.fair-table__header > div {
padding-top: 9px;
padding-bottom: 9px;
}
@media (max-width: 991.98px) {
.fair-table__header {
display: none;
}
}
.fair-table .event {
border-bottom: 1px solid #c8c8c8;
}
.fair-table .event .event-top {
padding-top: 17px;
padding-bottom: 17px;
}
.fair-table .event .event-top__title {
color: #eb1618;
font-weight: bold;
cursor: pointer;
}
@media (max-width: 991.98px) {
.fair-table .event .event-top__title {
text-align: center;
margin-bottom: 15px;
}
}
.event-details {
display: none;
padding-bottom: 30px;
}
.event-details .event-detail-header {
color: #eb1618;
font-size: 45px;
line-height: 60px;
font-weight: bold;
padding-bottom: 45px;
padding-top: 30px;
}
@media (max-width: 991.98px) {
.event-details .event-detail-header {
font-size: 30px;
line-height: 1.2;
}
}
.event-details__hide {
display: flex;
justify-content: flex-end;
font-weight: bold;
cursor: pointer;
margin-top: 11px;
}
.event-details__hide img {
margin-left: 12px;
transform: rotate(180deg);
}
.current-events {
margin-bottom: 75px;
}
.events-pagination {
margin-top: 30px;
display: flex;
justify-content: center;
}
.events-pagination__back {
transform: rotate(90deg);
margin-right: 20px;
cursor: pointer;
}
.events-pagination__next {
transform: rotate(270deg);
margin-left: 20px;
}
.events-pagination ul {
list-style: none;
padding: 0;
margin: 0;
}
.events-pagination ul li {
display: inline-block;
border-radius: 50%;
border: 1px solid #1d1d1b;
margin-left: 6px;
margin-right: 6px;
width: 34px;
cursor: pointer;
height: 34px;
padding-top: 3px;
}
.events-pagination ul li.active {
background: #1d1d1b;
color: #fff;
}
.events-pagination ul li.active a {
color: #fff;
}
.events-pagination ul li a {
font-size: 22px;
line-height: 1;
text-align: center;
color: #1d1d1b;
}
.page-template-targi .page-footer {
margin-top: 0;
}
.page-template-targi .subpage-breadcrumbs {
color: #1d1d1b !important;
}
.page-template-targi .subpage-breadcrumbs a {
color: #1d1d1b !important;
}
.woocommerce-MyAccount-navigation-link--wcoa-attachments {
display: none !important;
}
#customer_login {
max-width: 1100px !important;
margin: 0 auto !important;
float: unset !important;
gap: 17px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#cusomer_login .woocommerce-error
{
width: 100%;
}
@media (max-width: 991.98px) {
#customer_login {
flex-direction: column;
}
}
#customer_login .u-column1,
#customer_login .u-column2,
#customer_login .no-register-buy {
background: #fff;
padding: 40px;
border-radius: 10px;
margin-bottom: 70px;
flex: auto;
width: calc(50% - 10px) !important;
margin-right: 0 !important;
}
@media (max-width: 991.98px) {
#customer_login .u-column1,
#customer_login .u-column2,
#customer_login .no-register-buy {
width: 100% !important;
padding: 30px;
}
}
#customer_login .u-column1 h2,
#customer_login .u-column2 h2,
#customer_login .no-register-buy h2 {
margin-bottom: 35px;
text-align: center;
}
#customer_login .woocommerce-form__label-for-checkbox {
margin-bottom: 28px;
}
#customer_login.no-register-page {
max-width: 1360px !important;
}
#customer_login.no-register-page .u-column1,
#customer_login.no-register-page .u-column2,
#customer_login.no-register-page .no-register-buy {
width: calc(30% - 10px) !important;
margin-right: 0 !important;
}
@media (max-width: 991.98px) {
#customer_login.no-register-page .u-column1,
#customer_login.no-register-page .u-column2,
#customer_login.no-register-page .no-register-buy {
width: 100% !important;
}
}
.no-register-buy {
text-align: center;
}
.no-register-buy .btn--arrow {
margin-right: 0;
}
.register-btn-ctn {
text-align: center;
margin-top: 45px;
}
.woocommerce-MyAccount-navigation {
width: 325px;
margin-right: 22px;
margin-bottom: 50px;
}
@media screen and (min-width: 987px) and (max-width: 1250px) {
.woocommerce-MyAccount-navigation {
width: 270px;
}
}
.woocommerce-MyAccount-content {
width: calc(100% - 325px - 23px);
background: #fff;
border-radius: 10px;
padding: 30px;
margin-bottom: 50px;
}
@media screen and (max-width: 1250px) {
.woocommerce-MyAccount-content {
width: calc(100% - 270px - 23px);
}
}
@media (max-width: 991.98px) {
.woocommerce-MyAccount-content {
width: 100%;
}
}
.woocommerce-MyAccount-navigation {
background: #fff;
border-radius: 10px;
padding: 30px;
padding-left: 15px;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
margin: 0;
}
.woocommerce-MyAccount-navigation ul a {
position: relative;
color: #1d1d1b;
margin-bottom: 25px;
display: inline-block;
padding-left: 50px;
}
.woocommerce-MyAccount-navigation ul a:before {
position: absolute;
left: 0;
opacity: 1 !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link {
position: relative;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a {
position: relative;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a:after {
content: "";
position: absolute;
width: calc(100% - 50px);
height: 1px;
bottom: -7px;
left: 50px;
opacity: 0;
border-top: 1px solid #eb1618;
transition: all 0.4s;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a:hover:after {
opacity: 1;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link.is-active a {
font-weight: bold;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link.is-active a:after {
opacity: 1;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--my-promo a:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/promo-icon.svg);
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--customer-logout {
order: 99;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--customer-logout a:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/logout-icon.svg) !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--dashboard a:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/moje-konto-icon.svg) !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--orders a:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/moje-zamowienia-icon.svg) !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--edit-address a:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/adresy-icon.svg) !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--my-devices a:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/moje-urzadzenia-icon.svg) !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--edit-account a:before {
content: url(//draminski.pl/wp-content/themes/draminski2024/images/szczegoly-konta-icon.svg) !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--downloads {
display: none;
} .account-promo-ctn {
background: #fff;
padding: 28px;
border-radius: 10px;
margin-bottom: 50px;
}
@media (max-width: 991.98px) {
.account-promo-ctn {
padding: 0;
}
}
.account-promo {
border: 1px dashed #707070;
border-radius: 10px;
margin-bottom: 20px;
padding: 25px;
}
.account-promo__img {
border-radius: 10px;
}
.account-promo h3 {
margin-top: 29px;
color: #1d1d1b;
font-size: 26px;
line-height: 1.2;
}
.account-promo__header {
max-width: 720px;
}
.account-promo__bottom {
padding-right: 195px;
position: relative;
}
@media (max-width: 991.98px) {
.account-promo__bottom {
padding-right: 0px;
}
}
@media (min-width: 768px) {
.account-promo__bottom:after {
content: "%";
font-weight: bold;
font-size: 150px;
line-height: 46px;
text-align: center;
color: #ebebeb;
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
}
}
.account-promo__time {
font-size: 20px;
font-weight: 600;
}
.account-promo__time span {
color: #eb1618;
font-weight: 600;
}
.account-promo .btn {
margin-top: 12px;
}
#my-account-new-label {
display: none;
}
#my-account-new-label-c {
position: absolute;
font-size: 15px;
color: #fff;
margin-left: 7px;
font-weight: bold;
background: #eb1618;
border-radius: 4px;
padding-left: 6px;
padding-right: 6px;
} .container-btn {
text-align: center;
}
.mainButton {
transition: all 0.4s;
transform: rotate(0);
background: none;
}
.mainButton:hover {
background: none;
}
.mainButton.open {
transform: rotate(90deg);
}
.hidden-buttons {
display: none;
}
.device-btn-action {
display: block;
color: #4d4d4d !important;
margin-bottom: 5px;
}
.device-btn-action:hover {
color: #eb1618 !important;
}
.hidden-buttons button {
margin: 5px;
}
.my-devices-list-ctn {
border-bottom: 1px solid #ebebeb;
padding-top: 15px;
padding-bottom: 15px;
}
.my-devices-list {
color: #4d4d4d;
}
.my-devices-list .btn {
margin-right: 6px;
margin-bottom: 6px;
min-height: 30px;
padding: 4px 19px 7px;
}
.my-devices-list__name {
display: flex;
}
.my-devices-list__name img {
max-width: 45px;
margin: 0 !important;
margin-right: 10px !important;
}
.my-devices-list__top {
border-bottom: 1px solid #ebebeb;
}
.my-devices-list__download {
font-size: 15px;
margin-top: -15px;
}
.my-devices-list__download ul {
padding: 0;
margin: 0;
margin-left: 16px;
margin-bottom: 0px;
}
.my-devices-list__download ul a {
color: #4d4d4d;
font-size: 15px;
}
.woocommerce-account #billing_company_field {
width: 100%;
float: left;
margin-right: 0%;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper {
display: flex;
flex-direction: column;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row {
width: 100% !important;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper #billing_first_name_field {
order: -10;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper #billing_last_name_field {
order: -9;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper #billing_company_field {
order: -8;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper #billing_vat_number_field {
order: -7;
}
.woocommerce-orders-table__cell-order-actions {
display: flex !important;
flex-direction: column;
}
@media (max-width: 991.98px) {
.woocommerce-orders-table__cell-order-actions {
justify-content: center;
align-items: center;
}
.woocommerce-orders-table__cell-order-actions:before {
text-align: center;
margin-bottom: 15px;
}
}
.woocommerce-orders-table__cell-order-actions .button {
clear: both;
margin-bottom: 15px;
min-width: 150px;
}
@media (max-width: 991.98px) {
.woocommerce-orders-table__cell-order-actions .button {
max-width: 160px;
}
}
.page-template-register_devices_info_page {
background: #f3f3f3;
}
.devices_register-ctn {
background: #fff;
padding: 80px;
border-radius: 10px;
}
@media (max-width: 991.98px) {
.devices_register-ctn {
padding: 40px 30px;
}
}
.devices_register .subpage-breadcrumbs {
color: #1d1d1b;
}
.devices_register h1 {
margin-top: 60px;
margin-bottom: 60px;
}
@media (max-width: 991.98px) {
.devices_register .col-lg-6:last-of-type {
margin-top: 50px;
}
} .mp-top-box__main
{
opacity: 0;
}
.mp-top-box__main.fade-anim {
animation: animbox 2s ease;
opacity: 1;
}
.mp-top-box
{
transition: all .3s !important;
}
.mp-top-box:hover
{
transform: scale(1.01);
}
.anim div 
{
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.anim div.fade-anim
{
opacity: 1;
transform: translateY(0);
}
.anim2
{
opacity: 0;
transform: translateY(20px);
transition: opacity 1s ease-out, transform 1s ease-out;
}
.anim2.fade-anim
{
opacity: 1;
transform: translateY(0);
}
.single-product-box, .history-top, .custom-form, .product-register-section, .header
{
opacity: 0;
transform: translateY(20px);
transition: opacity 1s ease-out, transform 1s ease-out;
}
.single-product-box.fade-anim, .history-top.fade-anim, .custom-form.fade-anim, .product-register-section.fade-anim, .header.fade-anim
{
opacity: 1;
transform: translateY(0);
}
.single .single_add_to_cart_button 
{
animation: pulse 1.5s infinite ease-in-out !important;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.04);
}
100% {
transform: scale(1);
}
}
.listing-product .single-product-box
{
opacity: 1 !important;
}
html
{
margin-top: 0 !important;
}
html[lang="en-US"] .team .row
{
opacity: 1 !important;
}
html[lang="en-US"] .team .row div
{
opacity: 1 !important;
} .dystry
{
position: relative;
margin-inline: 10px;
display: flex;
align-items: center;
}
.dystry.-mobile
{
display: block !important;
}
.dystry_btn
{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 6px 14px;
border: 1px solid #FBFBFB;
border-radius: 21.5px;
margin-right: 30px;
cursor: pointer;
}
.dystry_btn .poly
{
transition: all .2s;
}
.dystry_btn .poly.rotated
{
transform: rotate(180deg);
}
.dystry_btn.-disable
{
border-color: #777777 !important;
}
.dystry_btn.-disable p
{
color: #777777 !important;
}
.dystry_btn.-disable path
{
fill: #777777 !important;
stroke: #777777 !important;
}
.dystry_btn p
{
font-size: 12px;
font-weight: 700;
color: #fff;
margin: 0;
}
.dystry_info
{
position: absolute;
display: none;
top: 37px;
border-radius: 6px;
background: #1D1D1B;
padding-block: 20px;
padding-inline: 15px;
width: 276px;
right: 0;
}
.dystry_info.-two
{
top: 175px;
}
.dystry_info .info
{
margin-bottom: 5px;
}
.dystry_info.active
{
display: block;
}
.dystry_info p
{
color: #fff;
font-size: 14px;
font-weight: 700;
}
.dystry_info .margin-zero
{
margin-bottom: 0 !important;
}
.dystry_info .btn
{
font-size: 12px !important;
min-height: 38px !important;
}
@media (max-width: 1500px) 
{
.dis-btn
{
margin-right: 1px;
padding-inline: 10px;
gap: 8px;
}
.dis-btn svg:first-child
{
display: none;
}
}
@media screen and (max-width: 1250px)
{
.dystry
{
display: none;
}
.dystry_btn
{
margin: 0;
}
.dystry_info
{
z-index: 100;
top: 50px;
width: 300px;
padding-block: 8px;
padding-inline: 12px;
right: -65px;
}
.dis-btn svg:first-child
{
display: block;
}
}
.for-distributors
{
width: 100vw;
overflow-x: hidden;
margin-block: 70px;
}
@media (max-width: 991.98px)
{
.for-distributors
{
margin-block: 36px;
}
}
.for-distributors h2
{
font-size: 40px;
font-weight: 700;
margin-bottom: 36px;
text-align: center;
}
.for-box
{
background: #F4F4F4;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
justify-content: space-between;
gap: 22px 30px;
}
.for-box .for-item
{
display: flex;
align-items: center;
gap: 15px;
}
.for-box .for-item svg
{
min-width: 16px;
}
.for-box .for-item .name
{
font-size: 18px;
font-weight: 700;
}
@media (max-width: 836px) 
{
.for-box 
{
grid-template-columns: 1fr;
justify-content: center;
}
}
@media (max-width: 500px) 
{
.for-distributors h2
{
font-size: 30px;
}
.for-box .for-item .name
{
font-size: 15px;
}
.dystry_info
{
right: -75px;
}
}
.for-box-2
{
background: #F4F4F4;
padding: 68px 82px;
display: none;
}
.for-box-2.active
{
display: block;
}
@media (max-width: 991.98px)
{
.for-box-2.active
{
display: none;
}
}
.box-title
{
font-weight: 700;
font-size: 36px;
color: #000;
margin-bottom: 40px;
}
.box-content .up
{
display: flex;
gap: 20px;
}
.box-content .up span
{
text-align: center;
}
.up .view, .up .main
{
font-size: 12px;
color: #1D1D1B;
width: 58px;
}
.up .title
{
text-align: left !important;
}
.photos .up .main
{
width: 43px !important;
}
.up .title
{
font-size: 12px;
color: #1D1D1B;
flex-grow: 1;
}
.up .file-text
{
font-size: 12px;
color: #1D1D1B;
width: 80px;
}
.box-list
{
list-style: none;
padding: 0;
margin: 0;
}
.box-list li
{
margin-top: 5px;
display: flex;
align-items: center;
padding-block: 16px;
border-bottom: 1px solid #A7A7A7;
gap: 35px;
}
.for-table
{
display: flex;
justify-content: center;
}
@media (max-width: 991.98px)
{
.for-table
{
display: none;
}
}
.for-table .btn-n
{
padding-inline: 30px;
height: 117px;
display: flex;
align-items: center;
color: #B3B3B3;
font-size: 25px;
font-weight: 700;
cursor: pointer;
transition: all .2s;
}
.for-table .btn-n:hover
{
color: #eb1618;
}
.for-table .btn-n.-active
{
background: #F4F4F4;
color: #050505;
}
.box-list .in-title
{
flex-grow: 1;
}
.box-list .in-main
{
width: 30px;
display: flex;
justify-content: center;
}
.in-main.photos
{
width: 40px !important;
}
.box-list .in-file-text
{
width: 80px;
display: flex;
justify-content: center;
}
.in-view
{
cursor: pointer;
margin-left: 2px;
}
.in-view svg path
{
transition: fill .2s;
}
.in-view svg:hover path
{
fill: #eb1618;
}
.in-main, .in-file-text
{
transition: transform .2s;
}
.in-main:hover, .in-file-text:hover
{
transform: scale(1.02);
}
.modal-flex
{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.modal-flex iframe
{
width: 95%;
height: 70%;
}
@media (max-width: 836px) 
{
.for-table .btn-n
{
height: 62px;
font-size: 20px;
padding-inline: 20px;
}
.for-box-2
{
padding: 50px;
}
}
@media (max-width: 700px)
{
.up .view, .up .main, .up .in-file-text
{
width: auto;
}
.for-box-2
{
padding-inline: 30px;
}
.box-list li
{
gap: 20px;
}
.in-file-text
{
min-width: 80px;
}
.in-main
{
min-width: 38px;
}
.for-table .btn-n
{
font-size: 14px;
padding-inline: 16px;
}
} 
@media (max-width: 500px)
{
.for-box-2
{
padding-inline: 20px;
}
.in-title
{
font-size: 13px;
line-height: normal;
}
.box-list li
{
gap: 10px;
}
.b.box-content .up 
{
gap: 10px;
}
.for-table
{
flex-direction: column;
margin-bottom: 4px;
}
.for-table .btn-n
{
font-size: 14px;
padding-inline: 12px;
}
} .listing-bg
{
background-position: bottom center;
background-size: 100%;
background-repeat: no-repeat;
margin-bottom: -100px;
padding-bottom: 20px;
}
.listing
{
padding-top: 25px;
}
.listing-bg .product-image img
{
object-fit: contain;
}
.listing-cali
{
grid-template-columns: repeat(5, 1fr) !important;
}
.listing-cali .single-product-box
{
background: #fff !important;
}
.listing-cali .single-product-box__top
{
display: none;
}
.listing-cali .product-content__middle
{
display: none;
}
.listing-cali .product-content__bottom
{
margin-top: 20px !important;
flex-grow: 1;
justify-content: end;
}
.listing-cali .product-content__top
{
margin-top: 1px !important;
}
.listing-cali .product-content__top h3
{
font-size: 20px !important;
}
.listing-cali .product-image
{
height: 280px !important; 
}
.for-varible
{
align-items: center;
}
.for-varible h4
{
font-size: 21px !important;
}
.info-varible
{
max-width: 1000px;
width: 100%;
margin-inline: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.info-varible .a_text p
{
text-align: center;
}
.info-varible h1
{
text-align: center;
}
.info-varible .select2
{
margin-inline: auto;
}
.info-varible .price
{
margin-block: 1px 25px !important;
}
.info-varible .woocommerce-variation-add-to-cart
{
display: flex;
justify-content: center;
}
.container-fix .row
{
margin-inline: 0;
}
.single-product-box
{
transition: all .2s;
}
.single-product-box:hover
{
transform: scale(1.012);
}
@media (max-width: 1499.98px) {
.listing-cali {
grid-template-columns: repeat(4, 1fr) !important;
padding-inline: 10px;
}
}
@media (max-width: 1199.98px) {
.listing-cali {
grid-template-columns: repeat(3, 1fr) !important;
padding-inline: 20px;
}
.info-varible
{
padding-inline: 20px;
}
.login-two
{
padding-inline: 20px;
}
}
@media (max-width: 767.98px) {
.listing-cali {
grid-template-columns: 1fr 1fr !important;
}
}
@media (max-width: 767.98px) {
.listing-cali {
grid-template-columns: 1fr 1fr !important;
}
}
@media (max-width: 520.98px) {
.listing-cali {
grid-template-columns: 1fr !important;
}
}
#mapplic-id2330 div
{
opacity: 1 !important;
}
.mapplic-sidebar-dim
{
background: transparent !important;
}
.mapplic-sidebar-header div
{
position: relative;
}
.map-zoom-hint 
{
position: absolute;
right: 10px;
background: rgba(0,0,0,0.75);
color: #fff;
font-size: 13px;
padding: 6px 10px;
border-radius: 4px;
z-index: 1000;
pointer-events: none;
}
.map-zoom-hint.visible 
{
opacity: 1;
}
@media (max-width: 1199.98px) 
{
.map-zoom-hint 
{
display: none;
}
}
.for-login
{
display: none;
position: absolute;
}
.for-login.active
{
display: block;
}
.prolog-dist
{
margin-top: 10px;
padding-bottom: 10px;
margin-inline: auto;
}
.mapplic-no-anim, .mapplic-no-anim * { transition: none !important; animation: none !important; }
.mapplic-hidden { visibility: hidden !important; }
.modal-backdrop, .modal__backdrop, .backdrop, .overlay { pointer-events: none !important; }
#mapplic-id2330, #mapplic-id2330 * { touch-action: auto !important; }
.materialy
{
padding-top: 100px;
}
.materialy h1
{
text-align: center;
margin-bottom: 50px;
padding-left: 15px;
}
.lista-materialow
{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
}
@media (max-width: 1199.98px) 
{
.lista-materialow
{
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 799.98px) 
{
.lista-materialow
{
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 499.98px) {
.lista-materialow
{
grid-template-columns: 1fr;
}
}
.lista-materialow a
{
border: 1px solid #c8c8c8;
background: #fff;
border-radius: 15px;
padding: 15px;
transition: all .2s;
}
.lista-materialow a img
{
border-radius: 15px;
}
.lista-materialow a h2
{
margin-top: 15px;
margin-bottom: 5px;
font-size: 23px;
line-height: 28px;
}
.material-img
{
position: relative;
}
.material-img img
{
position: relative;
z-index: 1;
width: 100%;
object-fit: cover;
}
.material-img .play
{
border-radius: 50%;
border: 2px solid #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 15px;
z-index: 2;
transition: all .2s;
}
.lista-materialow a:hover .play
{
border-color: #eb1618;
}
.material-img .polygon
{
clip-path: polygon(0 0, 0% 100%, 100% 50%);
transform: translatex(4px);
width: 30px;
height: 30px;
background: #fff;
transition: all .2s;
}
.lista-materialow a:hover .polygon
{
background: #eb1618;
}
.player iframe
{
width: 95%;
margin-inline: auto;
max-height: 760px;
height: 100vw;
}
.drive-video {
position: relative;
max-width: 960px;
aspect-ratio: 16/9;
margin: auto;
border: 2px solid #c8c8c8;
padding: 5px;
}
.drive-video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.mask-topright {
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 80px;
z-index: 2;
background: #000;
opacity: 0;
pointer-events: auto;
}
.go-to-product
{
margin-block: 30px 20px;
justify-content: center;
}
.product-simple-top
{
align-items: center;
justify-content: center;
}
.loader {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.loader-circle {
width: 48px;
height: 48px;
border: 5px solid #ddd;
border-top-color: #e30613;
border-radius: 50%;
animation: spin 0.9s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
#accessories_configuration_modal_ctn .product-image img
{
max-width: 600px;
}
#accessories_configuration_modal_ctn .product-simple-top
{
gap: 10px;
}
#accessories_configuration_modal_ctn
{
height: 87vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.puls-red
{
margin-left: 3px;
display: inline-block;
color: #eb1618;
}
.another .header .tags
{
display: none;
}
.article-box .image a
{
height: 325px;
}
.article-box .image a img
{
height: 100%;
object-fit: cover;
}
.home .btn-arrow img
{
width: max-content;
}
.products-similar
{
margin-top: 20px;
}
@media (max-width: 992px)
{
.products-similar
{
margin-top: 40px;
}
}
.history-timeline__text p
{
max-width: 400px;
width: 100%;
}
.low-price
{
font-size: 13px;
display: flex;
justify-content: center;
color: grey;
}
.low-price .wc-price-history-shortcode 
{
font-weight: 600;
color: #000;
}
.low-price .wc-price-history-shortcode bdi
{
margin-left: 2px;
}
.sale-price
{
display: flex;
justify-content: center;
}
.sale-price del
{
font-size: 20px;
font-weight: 600;
color: red;
}
.view-low
{
padding-left: 20px;
margin-top: 10px;
width: 345px
}
@media (max-width: 991.98px)
{
.view-low
{
width: 312px
}
}
@media (max-width: 767.98px) 
{
.view-low
{
width: 265px;
margin-bottom: 30px;
margin-top: -10px;
}
}
.view-low.-simple
{
margin-top: 60px;
}
.view-low.-simple > div
{
width: 100%;;
}
.zwin-row {
position: relative;
align-items: flex-start;
}
.sticky-col
{
position: relative;
flex-grow: 1;
display: block;
}
.basket {
position: absolute;
top: 0;
right: 0;
will-change: transform;
}
@media (max-width: 991.98px)
{
.sticky-col
{
width: 100%;
height: 390px;
}
.basket 
{
padding-left: 60px;
}
}
#section-gallery h4
{
color: #c8c8c8 !important;
}
.logo-mark
{
position: absolute;
bottom: 0;
left: 0;
width: max-content;
max-width: 140px;
max-height: 100px;
object-fit: contain;
}
.other-marks
{
margin-top: 10px;
}
.listing-product-other .single-product-box
{
opacity: 1 !important;
}
.listing-product-other {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-inline: 15px;
width: 100%;
}
@media (max-width: 1199.98px) {
.listing-product-other {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767.98px) {
.listing-product-other {
grid-template-columns: 1fr;
}
}
#section-configure
{
margin-top: 60px;
}
.blog-relative
{
position: relative
}
.blog-relative .swiper-button-prev, .blog-relative .swiper-button-next
{
top: 0 !important;
}
.blog-relative .navigation
{
position: absolute !important;
top: 50% !important;
transform: translateY(-50%);
width: 100%;
}
@media (max-width: 1199.98px) {
#primary-menu > li > .sub-menu > li > .sub-menu > li:not(:last-child)
{
border-color: #fff !important;
}
}
.single-product-box .product-image img.label-sticky
{
width: 199px;
}
.opinieSwiper .swiper-wrapper
{
align-items: stretch;
height: auto !important;
}
.opinieSwiper .swiper-slide 
{
height: auto;
padding-bottom: 40px;
}
.opinieSwiper .swiper__controls
{
margin-top: 25px;
}
.vetpartner_logo
{
width: max-content;
margin-inline: auto;
margin-bottom: 40px;
}
.other-marks .product-list-text > .row
{
border-top: 3px solid #eb1618;
padding-top: 40px;
margin-top: 40px;
}
.additional-contact
{
margin-block: 100px;
}
.additional-contact svg
{
width: 24px;
height: 24px;
}
.additional-contact .addi-block
{
width: max-content;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 15px;
}
.additional-contact .addi-row
{
display: flex;
align-items: center;
gap: 20px;
}
.additional-contact .title
{
clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
padding: 2px 20px;
padding-right: 30px;
color: #fff;
font-weight: 600;
min-width: 270px;
}
.additional-contact a
{
color: #000;
}
.additional-contact a:hover
{
color: #006DB6;
}
.additional-contact .tel, .additional-contact .email
{
display: flex;
align-items: center;
gap: 10px;
font-weight: 300;
}
.additional-contact .tel
{
min-width: 132px;
}
.additional-contact .email span
{
color: #006DB6;
font-weight: 600;
font-size: 24px;
margin-top: -2px;
}
@media (max-width: 800.98px)
{
.additional-contact .addi-row
{
flex-direction: column;
gap: 10px;
}
.additional-contact .addi-block
{
gap: 20px;
}
}
.other-marks .select2-selection
{
border-color: #006db6 !important;
}
.other-marks .btn--transparentBBlack
{
border-color: #006db6 !important;
}
.other-marks .primary
{
background-color: #006db6 !important;
}
.other-marks .primary:hover
{
background-color: #fff !important;
color: #006db6 !important;
border-color: #006db6 !important;
}
.for-title-list h2
{
text-align: center;
margin-block: 35px;
font-size: 36px;
}
.for-title-list h1
{
margin-top: 30px !important;
font-size: 36px;
}
.for-title-list p
{
font-size: 18px;
}
.for-title-list img
{
max-width: 500px;
width: 100%;
margin-top: 40px;
margin-inline: auto;
}
.vetpartner_logo
{
margin-top: 0 !important;
}
#product-sort-form.is-fixed {
position: fixed;
top: 61px;
left: 0;
right: 0;
z-index: 100;
padding: 10px 20px;
background: #00000059;
height: auto;
}
#product-sort-form-placeholder {
display: none;
}
.other-marks .single-product-box__topRight
{
display: none !important;
}
.single-product-box__top div:first-child img
{
width: 39px;
height: 39px;
}
.wpcf7-form label:has(.wpcf7-validates-as-required) > small::after {
content: " *";
color: #e10600;
font-weight: 700;
}
main .btn:hover span
{
transition: color .3s;
}
.container.subpage-top
{
max-width: 100%;
}
.container.subpage-top .subpage-banner
{
display: flex;
}
.container.subpage-top .subpage-banner img
{
object-fit: cover;
object-position: top center;
width: 100%;
height: 400px;
}
.swiper-container
{
width: 100%;
}
.swiper__controls
{
transition: all .4s ease;
}
.swiper-products-list + .container .swiper__controls 
{
opacity: 0;
}
.swiper-products-list.has-controls + .container .swiper__controls
{
opacity: 1;
}
#product-sort-form
{
opacity:0;
transition:opacity .25s ease;
}
#product-sort-form
{
height: 44px;
}
#product-sort-form.is-ready
{
opacity: 1;
}
#product-sort-form select[multiple]
{
opacity: 0;
}
.only-flex
{
display: flex;
}
.margin-top-auto
{
margin-top: auto;
}
.row-rev
{
flex-direction: row-reverse;
}
.event-details .size-large
{
border-radius: 12px;
}
.event-details .margin-top-auto
{
padding-top: 15px;
}
.added_to_cart.wc-forward
{
display: none !important;
}