@charset "UTF-8";
 .container {
margin: auto;
padding: 0 1rem;
max-width: 71.25rem;
width: 100%;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-flow: row wrap;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
} .first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.last {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
-webkit-order: 12;
order: 12;
}
.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: start;
align-items: start;
}
.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: end;
align-items: end;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
@media (min-width: 576px) {
.col-sm-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
}
@supports (display: grid) {
.row {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto;
}
.row > [class*=col-] { max-width: 100%;
}
.col-xs-1 {
grid-column-start: span 1;
grid-column-end: span 1;
}
.col-xs-2 {
grid-column-start: span 2;
grid-column-end: span 2;
}
.col-xs-3 {
grid-column-start: span 3;
grid-column-end: span 3;
}
.col-xs-4 {
grid-column-start: span 4;
grid-column-end: span 4;
}
.col-xs-5 {
grid-column-start: span 5;
grid-column-end: span 5;
}
.col-xs-6 {
grid-column-start: span 6;
grid-column-end: span 6;
}
.col-xs-7 {
grid-column-start: span 7;
grid-column-end: span 7;
}
.col-xs-8 {
grid-column-start: span 8;
grid-column-end: span 8;
}
.col-xs-9 {
grid-column-start: span 9;
grid-column-end: span 9;
}
.col-xs-10 {
grid-column-start: span 10;
grid-column-end: span 10;
}
.col-xs-11 {
grid-column-start: span 11;
grid-column-end: span 11;
}
.col-xs-12 {
grid-column-start: span 12;
grid-column-end: span 12;
}
@media (min-width: 576px) {
.col-sm-1 {
grid-column-start: span 1;
grid-column-end: span 1;
}
.col-sm-2 {
grid-column-start: span 2;
grid-column-end: span 2;
}
.col-sm-3 {
grid-column-start: span 3;
grid-column-end: span 3;
}
.col-sm-4 {
grid-column-start: span 4;
grid-column-end: span 4;
}
.col-sm-5 {
grid-column-start: span 5;
grid-column-end: span 5;
}
.col-sm-6 {
grid-column-start: span 6;
grid-column-end: span 6;
}
.col-sm-7 {
grid-column-start: span 7;
grid-column-end: span 7;
}
.col-sm-8 {
grid-column-start: span 8;
grid-column-end: span 8;
}
.col-sm-9 {
grid-column-start: span 9;
grid-column-end: span 9;
}
.col-sm-10 {
grid-column-start: span 10;
grid-column-end: span 10;
}
.col-sm-11 {
grid-column-start: span 11;
grid-column-end: span 11;
}
.col-sm-12 {
grid-column-start: span 12;
grid-column-end: span 12;
}
}
@media (min-width: 768px) {
.col-md-1 {
grid-column-start: span 1;
grid-column-end: span 1;
}
.col-md-2 {
grid-column-start: span 2;
grid-column-end: span 2;
}
.col-md-3 {
grid-column-start: span 3;
grid-column-end: span 3;
}
.col-md-4 {
grid-column-start: span 4;
grid-column-end: span 4;
}
.col-md-5 {
grid-column-start: span 5;
grid-column-end: span 5;
}
.col-md-6 {
grid-column-start: span 6;
grid-column-end: span 6;
}
.col-md-7 {
grid-column-start: span 7;
grid-column-end: span 7;
}
.col-md-8 {
grid-column-start: span 8;
grid-column-end: span 8;
}
.col-md-9 {
grid-column-start: span 9;
grid-column-end: span 9;
}
.col-md-10 {
grid-column-start: span 10;
grid-column-end: span 10;
}
.col-md-11 {
grid-column-start: span 11;
grid-column-end: span 11;
}
.col-md-12 {
grid-column-start: span 12;
grid-column-end: span 12;
}
}
@media (min-width: 992px) {
.col-lg-1 {
grid-column-start: span 1;
grid-column-end: span 1;
}
.col-lg-2 {
grid-column-start: span 2;
grid-column-end: span 2;
}
.col-lg-3 {
grid-column-start: span 3;
grid-column-end: span 3;
}
.col-lg-4 {
grid-column-start: span 4;
grid-column-end: span 4;
}
.col-lg-5 {
grid-column-start: span 5;
grid-column-end: span 5;
}
.col-lg-6 {
grid-column-start: span 6;
grid-column-end: span 6;
}
.col-lg-7 {
grid-column-start: span 7;
grid-column-end: span 7;
}
.col-lg-8 {
grid-column-start: span 8;
grid-column-end: span 8;
}
.col-lg-9 {
grid-column-start: span 9;
grid-column-end: span 9;
}
.col-lg-10 {
grid-column-start: span 10;
grid-column-end: span 10;
}
.col-lg-11 {
grid-column-start: span 11;
grid-column-end: span 11;
}
.col-lg-12 {
grid-column-start: span 12;
grid-column-end: span 12;
}
}
@media (min-width: 1200px) {
.col-xl-1 {
grid-column-start: span 1;
grid-column-end: span 1;
}
.col-xl-2 {
grid-column-start: span 2;
grid-column-end: span 2;
}
.col-xl-3 {
grid-column-start: span 3;
grid-column-end: span 3;
}
.col-xl-4 {
grid-column-start: span 4;
grid-column-end: span 4;
}
.col-xl-5 {
grid-column-start: span 5;
grid-column-end: span 5;
}
.col-xl-6 {
grid-column-start: span 6;
grid-column-end: span 6;
}
.col-xl-7 {
grid-column-start: span 7;
grid-column-end: span 7;
}
.col-xl-8 {
grid-column-start: span 8;
grid-column-end: span 8;
}
.col-xl-9 {
grid-column-start: span 9;
grid-column-end: span 9;
}
.col-xl-10 {
grid-column-start: span 10;
grid-column-end: span 10;
}
.col-xl-11 {
grid-column-start: span 11;
grid-column-end: span 11;
}
.col-xl-12 {
grid-column-start: span 12;
grid-column-end: span 12;
}
}
} .grid_container {
display: grid;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.gap-1 {
gap: 0.25rem;
}
.gap-x-1 {
-webkit-column-gap: 0.25rem;
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.gap-y-1 {
row-gap: 0.25rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-x-2 {
-webkit-column-gap: 0.5rem;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.gap-y-2 {
row-gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-x-3 {
-webkit-column-gap: 0.75rem;
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.gap-y-3 {
row-gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-x-4 {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-y-4 {
row-gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-x-5 {
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
}
.gap-y-5 {
row-gap: 1.25rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-x-6 {
-webkit-column-gap: 1.5rem;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.gap-y-6 {
row-gap: 1.5rem;
}
@media (min-width: 480px) {
.xs\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xs\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xs\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xs\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xs\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xs\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xs\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.xs\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.xs\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.xs\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.xs\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.xs\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (min-width: 640px) {
.sm\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sm\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.sm\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.sm\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.sm\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.sm\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.sm\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.sm\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.sm\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.md\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.md\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.md\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.md\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.md\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.md\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.md\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.lg\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.lg\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.lg\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.lg\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.lg\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.lg\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (min-width: 1280px) {
.xl\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xl\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.xl\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.xl\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.xl\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.xl\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.xl\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (min-width: 1536px) {
.xl2\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xl2\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl2\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl2\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl2\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl2\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xl2\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.xl2\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.xl2\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.xl2\:grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.xl2\:grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.xl2\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
-webkit-box-sizing: content-box;
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;
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: ButtonText dotted 1px;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
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] {
-webkit-box-sizing: border-box;
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;
}
[hidden], template {
display: none;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
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 !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.has-text-align-center {
text-align: center;
}
.wp-block-columns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 568px) {
.wp-block-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@font-face {
font-family: "FF Good Pro News";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-NewsItalic.eot);
src: local("FF Good Pro News Italic"), local("FFGoodPro-NewsItalic"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-NewsItalic.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-NewsItalic.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-NewsItalic.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-NewsItalic.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "FF Good Pro";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-BlackItalic.eot);
src: local("FF Good Pro Black Italic"), local("FFGoodPro-BlackItalic"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-BlackItalic.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-BlackItalic.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-BlackItalic.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-BlackItalic.ttf) format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "FF Good Pro News";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-News.eot);
src: local("FF Good Pro News"), local("FFGoodPro-News"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-News.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-News.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-News.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-News.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "FF Good Pro Wide";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodProWide-Regular.eot);
src: local("FF Good Pro Wide"), local("FFGoodProWide-Regular"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodProWide-Regular.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodProWide-Regular.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodProWide-Regular.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodProWide-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "FF Good Pro";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Light.eot);
src: local("FF Good Pro Light"), local("FFGoodPro-Light"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Light.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Light.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Light.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "FF Good Pro";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Bold.eot);
src: local("FF Good Pro Bold"), local("FFGoodPro-Bold"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Bold.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Bold.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Bold.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "FF Good Pro";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-LightItalic.eot);
src: local("FF Good Pro Light Italic"), local("FFGoodPro-LightItalic"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-LightItalic.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-LightItalic.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-LightItalic.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "FF Good Pro Ultra";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-UltraItalic.eot);
src: local("FF Good Pro Ultra Italic"), local("FFGoodPro-UltraItalic"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-UltraItalic.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-UltraItalic.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-UltraItalic.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-UltraItalic.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "FF Good Pro";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-BoldItalic.eot);
src: local("FF Good Pro Bold Italic"), local("FFGoodPro-BoldItalic"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-BoldItalic.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-BoldItalic.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-BoldItalic.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-BoldItalic.ttf) format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "FF Good Pro Ultra";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Ultra.eot);
src: local("FF Good Pro Ultra"), local("FFGoodPro-Ultra"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Ultra.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Ultra.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Ultra.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Ultra.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "FF Good Pro";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Black.eot);
src: local("FF Good Pro Black"), local("FFGoodPro-Black"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Black.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Black.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Black.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "FF Good Pro";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-MediumItalic.eot);
src: local("FF Good Pro Medium Italic"), local("FFGoodPro-MediumItalic"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-MediumItalic.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-MediumItalic.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-MediumItalic.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "FF Good Pro";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Italic.eot);
src: local("FF Good Pro Italic"), local("FFGoodPro-Italic"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Italic.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Italic.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Italic.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Italic.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "FF Good Pro";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Medium.eot);
src: local("FF Good Pro Medium"), local("FFGoodPro-Medium"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Medium.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Medium.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Medium.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "FF Good Pro";
src: url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Regular.eot);
src: local("FF Good Pro"), local("FFGoodPro-Regular"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Regular.eot?#iefix) format("embedded-opentype"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Regular.woff2) format("woff2"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Regular.woff) format("woff"), url(//zielonezlozone.pl/wp-content/themes/kodios/dist/fonts/goodpro/FFGoodPro-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
:root {
--color-black: #000;
--color-white: #FFF;
--color-gray: #ededed;
--color-title: #000;
}
a {
text-decoration: none;
color: #232623;
}
.wow {
visibility: hidden;
}
html {
scroll-behavior: smooth;
}
section {
scroll-margin: 100px;
}
html,
body {
font-family: "FF Good Pro";
color: #636f56;
font-size: 10px;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
@media (max-width: 1600px) {
html,
body {
font-size: 9.5px;
}
}
@media (max-width: 1366px) {
html,
body {
font-size: 8.5px;
}
}
@media (max-width: 992px) {
html,
body {
font-size: 8px;
}
}
@media (max-width: 768px) {
html,
body {
font-size: 7px;
}
}
@media (max-width: 350px) {
html,
body {
font-size: 6px;
}
}
body {
font-size: 1.6rem;
} @media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
select {
-webkit-appearance: none;
}
}
}
select {
-webkit-appearance: none;
}
strong {
font-weight: 700;
}
.transition {
-webkit-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
h1 {
font-size: 5.5rem;
text-transform: uppercase;
}
h2 {
font-size: 3.6rem;
text-transform: uppercase;
}
h3 {
font-size: 2.2rem;
}
h4 {
font-size: 1.4rem;
}
h5 {
font-size: 1.3rem;
}
h6 {
font-size: 1.2rem;
}
p {
font-size: 2.2rem;
line-height: 1.2;
}
main ul li,
main ol li {
font-size: 2.2rem;
line-height: 1.4;
}
div.wpcf7-validation-errors {
background-color: #fcf8e3;
border-color: #faf2cc;
color: #8a6d3b;
padding: 10px 10px;
font-size: 13px;
}
span.wpcf7-not-valid-tip {
background-color: #f2dede;
border-color: #ebcccc;
color: #a94442;
padding: 10px 10px;
font-size: 13px;
}
div.wpcf7-response-output {
clear: both;
color: #856404;
background-color: #fff3cd !important;
border: none !important;
padding: 10px 10px !important;
font-size: 13px;
}
div.wpcf7-mail-sent-ng {
clear: both;
background-color: #f2dede;
border-color: #ebcccc;
color: #a94442;
padding: 10px 10px;
font-size: 13px;
}
div.wpcf7-mail-sent-ok {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
clear: both;
}
a:active {
text-decoration: none;
outline: none;
}
a:focus {
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: none;
outline: none;
}
:focus {
outline: none;
}
:hover {
outline: none;
}
:active {
outline: none;
}
button:focus {
outline: none;
}
img {
max-width: 100%;
height: auto;
}
.container {
max-width: 1600px;
}
@media screen and (min-width: 1700px) {
.container-fluid {
max-width: 2000px;
margin: 0 auto;
}
}
@-webkit-keyframes leftToRightWithBounce {
0% {
opacity: 0;
-webkit-transform: translateX(-80px);
transform: translateX(-80px);
}
50% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
75% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes leftToRightWithBounce {
0% {
opacity: 0;
-webkit-transform: translateX(-80px);
transform: translateX(-80px);
}
50% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
75% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
.animated.leftToRightWithBounce {
-webkit-animation-name: leftToRightWithBounce;
animation-name: leftToRightWithBounce;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s; -webkit-animation-direction: alternate;
animation-direction: alternate; -webkit-animation-timing-function: linear;
animation-timing-function: linear; -webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards; -webkit-animation-delay: 300ms;
animation-delay: 300ms; }
@-webkit-keyframes rightToLeftWithBounce {
0% {
opacity: 0;
-webkit-transform: translateX(80px);
transform: translateX(80px);
}
50% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
75% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes rightToLeftWithBounce {
0% {
opacity: 0;
-webkit-transform: translateX(80px);
transform: translateX(80px);
}
50% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
75% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
.animated.rightToLeftWithBounce {
-webkit-animation-name: rightToLeftWithBounce;
animation-name: rightToLeftWithBounce;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s; -webkit-animation-direction: alternate;
animation-direction: alternate; -webkit-animation-timing-function: linear;
animation-timing-function: linear; -webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards; -webkit-animation-delay: 300ms;
animation-delay: 300ms; }
@media print {
* { -webkit-print-color-adjust: economy;
-webkit-print-color-adjust: exact !important; -webkit-print-color-adjust: inherit;
-webkit-print-color-adjust: initial;
-webkit-print-color-adjust: unset;
}
}
@media screen and (min-width: 1180px) {
.front_page_header:not(.header-fixed) header {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
top: 40px;
}
}
@media screen and (min-width: 1180px) and (max-width: 1650px) {
.front_page_header:not(.header-fixed) header {
top: 30px;
}
}
@media screen and (min-width: 1180px) {
.front_page_header:not(.header-fixed) header .header_line {
display: block;
}
.front_page_header:not(.header-fixed) header .header__logo {
margin-bottom: -100px;
margin-top: 50px;
}
.front_page_header:not(.header-fixed) header .header__logo .logo_color {
display: none;
}
.front_page_header:not(.header-fixed) header .header__logo .logo_white {
display: block;
}
.front_page_header:not(.header-fixed) header .header__logo img {
max-width: 160px;
}
.front_page_header:not(.header-fixed) header .mini_cart .cart_link .cart_icon {
left: 0px;
}
.front_page_header:not(.header-fixed) header .navigation ul > li > a,
.front_page_header:not(.header-fixed) header .woo_detail a,
.front_page_header:not(.header-fixed) header .mini_cart .cart_link .price_total span {
color: #eee6cf;
}
.front_page_header:not(.header-fixed) header .navigation ul > li > ul li a {
color: #000;
}
.front_page_header:not(.header-fixed) header .navigation li.menu-item-has-children > a::after {
border-color: #eee6cf;
}
.front_page_header:not(.header-fixed) header .mini_cart .cart_link .icon_color,
.front_page_header:not(.header-fixed) header .search_header__toggle .icon_color {
display: none;
}
.front_page_header:not(.header-fixed) header .mini_cart .cart_link .icon_white,
.front_page_header:not(.header-fixed) header .search_header__toggle .icon_white {
display: block;
}
.front_page_header:not(.header-fixed) header .search_header {
border-color: #eee6cf;
}
}
.header-fixed header {
top: 10px;
}
.header_top {
background-color: #FFf;
padding: 5px 0px 0px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
z-index: 250;
}
.header_top .container {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 0px;
position: relative;
z-index: 15;
}
@media (max-width: 568px) {
.header_top .container {
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 10px;
}
}
@media (max-width: 568px) {
.header_top .email {
display: none;
}
}
.header_top .email a {
text-decoration: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
color: #232623;
}
.header_top .email a img {
max-width: 30px;
}
.header_top .text {
font-size: 15px;
color: #232623;
font-weight: 700;
}
@media (max-width: 568px) {
.header_top .text {
text-align: center;
font-size: 14px;
}
}
.header_top .social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 3px;
}
@media (max-width: 568px) {
.header_top .social {
display: none;
}
}
.header_top .social a {
text-decoration: none;
}
.header_top .social a:hover img {
-webkit-animation: slide 0.5s ease;
animation: slide 0.5s ease;
}
.header_top .social a img {
max-width: 30px;
}
header {
position: fixed;
top: 67px;
left: 0;
right: 0;
z-index: 250;
width: 100%;
color: #fff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
max-width: 98%;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-bottom: 5px;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
color: #636f56;
background-color: #FFF;
}
@media (max-width: 1300px) {
header {
max-width: calc(100% - 40px);
top: 60px;
}
}
@media (max-width: 568px) {
header {
top: 50px;
}
}
header .header_line {
position: absolute;
top: 80px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 1600px;
opacity: 0.26;
z-index: -1;
pointer-events: none;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: none;
}
@media (max-width: 1080px) {
header .header_line {
display: none;
}
}
header .header_line path {
stroke: #eee6cf;
}
header .header_line .st0:nth-of-type(1), header .header_line .st0:nth-of-type(3) {
opacity: 0;
-webkit-animation: header-line-st0-fade 1.8s ease-in-out infinite;
animation: header-line-st0-fade 1.8s ease-in-out infinite;
}
header .header_line .st0:nth-of-type(1) {
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
}
header .header_line .st0:nth-of-type(3) {
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
}
header .woo_detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 30px;
position: relative;
}
@media (max-width: 992px) {
header .woo_detail {
gap: 15px;
}
}
header .woo_detail .account_detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 30px;
}
@media (max-width: 992px) {
header .woo_detail .account_detail {
gap: 15px;
}
}
@media (max-width: 568px) {
header .woo_detail .account_detail {
display: none;
}
}
header .woo_detail a {
color: #636f56;
}
header .search_header {
position: relative;
border-left: 1px solid #636f56;
padding-left: 12px;
margin-left: 5px;
margin-right: 5px;
}
@media (max-width: 568px) {
header .search_header {
padding-left: 5px;
margin-right: 0px;
}
}
header .search_header__toggle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 4px;
background-color: transparent;
border: none;
cursor: pointer;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
header .search_header__toggle:hover {
opacity: 0.75;
}
header .search_header__toggle.is-active {
opacity: 1;
}
header .search_header__toggle img {
max-width: 30px;
}
header .search_header__toggle .icon_white {
display: none;
}
header .search_header__toggle .icon_color {
display: block;
max-width: 20px;
}
header .search_header__dropdown {
position: absolute;
top: calc(100% + 12px);
right: 0;
width: min(360px, 100vw - 32px);
padding: 20px;
background: #fff;
border: 1px solid #e0e2dd;
border-radius: 10px;
-webkit-box-shadow: 0 4px 24px rgba(35, 38, 35, 0.12);
box-shadow: 0 4px 24px rgba(35, 38, 35, 0.12);
z-index: 1001;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
pointer-events: none;
}
@media (max-width: 568px) {
header .search_header__dropdown {
width: 250px;
right: -50px;
}
}
header .search_header__dropdown::before {
content: "";
position: absolute;
top: -8px;
right: 14px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent #fff transparent;
}
@media (max-width: 568px) {
header .search_header__dropdown::before {
display: none;
}
}
header .search_header__dropdown.is-open {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: auto;
}
header .search_header__form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
margin: 0;
}
header .search_header__field {
width: 100%;
padding: 12px 14px;
border: 1px solid #e0e2dd;
border-radius: 10px;
font-size: 1.5rem;
font-weight: 500;
color: #636f56;
background: #fff;
-webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
-o-transition: border-color 0.3s ease, box-shadow 0.3s ease;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
transition: border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
header .search_header__field::-webkit-input-placeholder {
color: rgba(99, 111, 86, 0.6);
}
header .search_header__field::-moz-placeholder {
color: rgba(99, 111, 86, 0.6);
}
header .search_header__field:-ms-input-placeholder {
color: rgba(99, 111, 86, 0.6);
}
header .search_header__field::-ms-input-placeholder {
color: rgba(99, 111, 86, 0.6);
}
header .search_header__field::placeholder {
color: rgba(99, 111, 86, 0.6);
}
header .search_header__field:focus {
border-color: #ac4b39;
outline: none;
-webkit-box-shadow: 0 0 0 2px rgba(172, 75, 57, 0.15);
box-shadow: 0 0 0 2px rgba(172, 75, 57, 0.15);
}
header .search_header__submit {
width: 100%;
padding: 12px 20px;
border: none;
border-radius: 10px;
font-size: 1.5rem;
font-weight: 700;
color: #fff;
background-color: #ac4b39;
cursor: pointer;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
header .search_header__submit:hover {
background-color: rgba(172, 75, 57, 0.85);
}
header .grid {
display: grid;
grid-template-columns: 1fr 160px 1fr;
gap: 50px;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1080px) {
header .grid {
grid-template-columns: 68px 1fr;
padding-left: 1rem;
padding-right: 1rem;
}
}
header .header__navigation {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
position: relative;
}
@media (max-width: 1080px) {
header .header__navigation {
display: none;
}
}
.header__logo {
margin-bottom: 0px;
margin-top: 0px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header__logo img {
max-width: 59px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
margin-left: auto;
margin-right: auto;
display: block;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header__logo .logo_color {
display: block;
}
.header__logo .logo_white {
display: none;
}
.navigation li.menu-item-has-children > a {
position: relative;
}
.navigation li.menu-item-has-children > a::after {
content: "";
position: absolute;
left: 50%;
bottom: 0px;
width: 5px;
height: 5px;
border-right: 1px solid #636f56;
border-bottom: 1px solid #636f56;
-webkit-transform: rotate(45deg) translateX(-50%);
-ms-transform: rotate(45deg) translateX(-50%);
transform: rotate(45deg) translateX(-50%);
-webkit-transition: border-color 0.2s ease, -webkit-transform 0.2s ease;
transition: border-color 0.2s ease, -webkit-transform 0.2s ease;
-o-transition: transform 0.2s ease, border-color 0.2s ease;
transition: transform 0.2s ease, border-color 0.2s ease;
transition: transform 0.2s ease, border-color 0.2s ease, -webkit-transform 0.2s ease;
}
.navigation ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
margin-top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.navigation ul li {
display: inline-block;
position: relative;
}
.navigation ul li > a {
color: #636f56;
text-decoration: none;
font-weight: 700;
display: block;
padding: 1rem 1.2rem;
font-size: 15px;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
@media (max-width: 1300px) {
.navigation ul li > a {
font-size: 14px;
}
}
.navigation ul li > a:hover {
color: #636f56;
}
.navigation ul li:hover > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.navigation ul li .sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
background: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
padding: 0.75rem 0;
margin-top: 0.5rem;
list-style: none;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1000;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.navigation ul li .sub-menu::before {
content: "";
position: absolute;
top: -8px;
left: 20px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
}
.navigation ul li .sub-menu .sub-menu--item,
.navigation ul li .sub-menu li {
display: block;
margin: 0;
width: 100%;
}
.navigation ul li .sub-menu .sub-menu--item a,
.navigation ul li .sub-menu li a {
display: block;
padding: 0.75rem 1.5rem;
color: #000;
text-decoration: none;
text-transform: none;
font-weight: 500;
font-size: 14px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
position: relative;
border-left: 3px solid transparent;
display: block;
width: 100%;
}
.navigation ul li .sub-menu .sub-menu--item a:hover,
.navigation ul li .sub-menu li a:hover {
background: #f8f9fa;
border-left-color: #636f56;
padding-left: 1.75rem;
}
@-webkit-keyframes header-line-st0-fade {
0%, 100% {
opacity: 0;
}
50% {
opacity: 0.5;
}
}
@keyframes header-line-st0-fade {
0%, 100% {
opacity: 0;
}
50% {
opacity: 0.5;
}
}
@-webkit-keyframes slide {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
51% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slide {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
51% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
body.mobile__menu--open {
overflow: hidden;
}
.mobile__menu--open .drawer-overlay {
display: block;
}
body.mobile__menu--open .mobile__nav {
right: 0;
}
:root {
--hamburger-size: 20px; --width: 20px; --thickness: 3px; --gap: 2px; --color: #636f56; --transition: 260ms; }
.hamburger {
--w: var(--width);
--h: var(--hamburger-size);
display: inline-grid;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
width: var(--h);
height: var(--h);
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
display: none;
margin-right: 10px;
}
@media (max-width: 1080px) {
.hamburger {
display: block;
}
}
.hamburger .bars {
position: relative;
width: var(--w);
height: calc(var(--thickness) * 3 + var(--gap) * 2);
display: block;
}
.hamburger .bar {
position: absolute;
left: 0;
right: 0;
height: var(--thickness);
background: var(--color);
border-radius: 999px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: top var(--transition) ease, opacity var(--transition) ease, -webkit-transform var(--transition) ease;
transition: top var(--transition) ease, opacity var(--transition) ease, -webkit-transform var(--transition) ease;
-o-transition: transform var(--transition) ease, top var(--transition) ease, opacity var(--transition) ease;
transition: transform var(--transition) ease, top var(--transition) ease, opacity var(--transition) ease;
transition: transform var(--transition) ease, top var(--transition) ease, opacity var(--transition) ease, -webkit-transform var(--transition) ease;
will-change: transform, top, opacity;
}
.hamburger .bar.top {
top: calc(50% - var(--gap) - var(--thickness));
}
.hamburger .bar.mid {
top: calc(50% - var(--thickness) / 2);
}
.hamburger .bar.bot {
top: calc(50% + var(--gap));
}
.mobile__menu--open .hamburger .bar.top {
top: calc(50% - var(--thickness) / 2);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile__menu--open .hamburger .bar.bot {
top: calc(50% - var(--thickness) / 2);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mobile__menu--open .hamburger .bar.mid {
opacity: 0;
} .hamburger.two-line .bar.mid {
display: none;
}
.drawer-overlay {
position: fixed;
z-index: 190;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.mobile__nav {
position: fixed;
z-index: 200;
top: 0;
overflow: hidden;
width: 100%;
height: 100%;
color: #222;
background-color: rgba(95, 111, 86, 0.85);
right: -100%;
-webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
padding-top: 150px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.mobile__nav .account_detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 30px;
margin-top: 3rem;
}
.mobile__nav .account_detail a {
color: #FFF;
padding: 1rem 2rem;
font-size: 16px;
font-weight: 700;
}
.mobile__nav .cta__header {
display: inline-block;
margin-left: 4rem;
margin-bottom: 3rem;
}
.mobile__nav .cta__header a {
color: #fff;
text-decoration: none;
font-weight: 500;
display: block;
padding: 1.5rem 2rem;
font-size: 14px;
border: 1px solid #FFF;
border-radius: 5px;
}
.mobile__nav ul {
list-style-type: none;
padding-left: 15px;
padding-right: 15px;
margin: 0;
}
.mobile__nav .nav-menu li {
margin: 0;
}
.mobile__nav .nav-menu li > a {
display: block;
padding: 1rem 1.5rem;
color: #fff;
text-decoration: none;
font-weight: 500;
font-size: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.mobile__nav .nav-menu li > a:hover {
background-color: rgba(255, 255, 255, 0.05);
padding-left: 2rem;
}
.mobile__nav .nav-menu li.menu-item-has-children > a {
position: relative;
padding-right: 3.5rem;
z-index: 1;
}
.mobile__nav .nav-menu li.menu-item-has-children > a > span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 1.5rem;
font-size: 20px;
font-weight: 300;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
color: #fff;
z-index: 0;
}
.mobile__nav .nav-menu li.menu-item-has-children > a > span::after {
content: "+";
display: block;
position: relative;
z-index: 2;
}
.mobile__nav .nav-menu li.menu-item-has-children.open > a {
background-color: rgba(255, 255, 255, 0.1);
}
.mobile__nav .nav-menu li.menu-item-has-children.open > a > span::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile__nav .nav-menu li .sub-menu {
max-height: 0;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.3);
margin: 0;
padding: 0;
-webkit-transition: max-height 0.4s ease, padding 0.4s ease;
-o-transition: max-height 0.4s ease, padding 0.4s ease;
transition: max-height 0.4s ease, padding 0.4s ease;
border-left: 3px solid transparent;
}
.mobile__nav .nav-menu li .sub-menu li {
margin: 0;
}
.mobile__nav .nav-menu li .sub-menu li a {
display: block;
padding: 0.875rem 1.5rem 0.875rem 3rem;
color: rgba(255, 255, 255, 0.85);
text-decoration: none;
font-weight: 400;
font-size: 14px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
position: relative;
}
.mobile__nav .nav-menu li .sub-menu li a:hover {
background-color: rgba(255, 255, 255, 0.08);
color: #fff;
padding-left: 3.5rem;
}
.mobile__nav .nav-menu li .sub-menu li:last-child a {
border-bottom: none;
}
.mobile__nav .nav-menu li .sub-menu li .sub-menu {
margin-left: 3rem;
}
.mobile__nav .nav-menu li.open > .sub-menu {
max-height: 1000px;
padding: 0.5rem 0;
border-left-color: #FFF;
}
footer {
padding: 200px 10px 10px;
position: relative;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #c4dfd3), color-stop(0%, transparent));
background: -o-linear-gradient(top, #c4dfd3 50%, transparent 0%);
background: linear-gradient(to bottom, #c4dfd3 50%, transparent 0%);
}
@media (max-width: 1090px) {
footer {
padding: 100px 10px 10px;
}
}
@media (max-width: 568px) {
footer {
padding: 50px 10px 10px;
}
}
footer .boxes {
position: relative;
z-index: 15;
margin-bottom: 4rem;
}
footer .boxes .container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
gap: 20px;
}
footer .boxes .col:nth-child(1) {
padding-right: 5rem;
}
footer .boxes .col h3 {
font-size: 2.2rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5rem;
min-height: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
footer .boxes .col p {
font-size: 16px;
}
footer .boxes .col ul {
padding-left: 0px;
margin-top: 0px;
list-style-type: none;
}
footer .boxes .col ul li {
font-size: 15px;
font-weight: 700;
display: block;
background-image: url(//zielonezlozone.pl/wp-content/themes/kodios/img/strzalka-9@2.png);
background-position: left 8px;
background-repeat: no-repeat;
background-size: 8px;
padding: 5px 5px 5px 20px;
}
footer .boxes .col ul li a {
font-size: 15px;
font-weight: 700;
display: block;
color: #FFF;
text-decoration: none;
}
footer .boxes .col ul li a:hover {
text-decoration: underline;
}
footer .boxes .social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 0px;
}
footer .boxes .social a:hover img {
-webkit-animation: slide 0.5s ease;
animation: slide 0.5s ease;
}
footer .boxes .social a img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
footer .footer_down .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #FFF;
padding-top: 15px;
padding-bottom: 15px;
}
@media (max-width: 768px) {
footer .footer_down .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 25px;
}
}
footer .footer_down .text p {
font-size: 13px;
font-weight: 400;
color: #FFF;
margin-top: 0px;
margin-bottom: 0px;
}
footer .footer_down .copyright {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
@media (max-width: 568px) {
footer .footer_down .copyright {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
gap: 15px;
}
}
footer .footer_down .copyright .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
footer .footer_down .copyright .item p,
footer .footer_down .copyright .item a {
font-size: 14px;
font-weight: 400;
line-height: 1.2;
color: #FFF;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-top: 0px;
margin-bottom: 0px;
}
@media (max-width: 568px) {
footer .footer_down .copyright .item p,
footer .footer_down .copyright .item a {
font-size: 13px;
}
}
footer .footer_down .copyright .item a {
color: #FFF;
font-weight: 400;
font-size: 13px;
}
footer .footer_down .copyright .item img {
max-width: 50px;
}
footer .footer_down .copyright .item .white {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
max-width: 70px;
}
footer .bg_footer {
background-color: #122039;
color: #FFF;
border-radius: 30px;
position: relative;
overflow: hidden;
}
@media (max-width: 768px) {
footer .bg_footer {
border-radius: 15px;
}
}
footer .bg_footer_1 {
position: absolute;
top: 20px;
left: 10px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left bottom;
object-position: left bottom;
height: 180px;
width: calc(100% - 10px);
}
@media (max-width: 1090px) {
footer .bg_footer_1 {
top: -80px;
}
}
@media (max-width: 568px) {
footer .bg_footer_1 {
top: -130px;
}
}
footer .bg_footer_img {
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.newsletter .contact_form .wpcf7-list-item label input:checked + span:before {
background-image: url(//zielonezlozone.pl/wp-content/themes/kodios/img/check_white.png);
}
.newsletter .contact_form {
max-width: 635px;
margin: 30px auto 0rem;
}
@media (max-width: 750px) {
.newsletter .contact_form {
max-width: 100%;
}
}
.newsletter .contact_form .wpcf7-list-item label span p {
color: #FFf;
font-size: 14px;
line-height: 1.3;
}
.newsletter .contact_form .wpcf7-list-item label span a {
text-decoration: underline;
font-weight: 700;
color: #FFf;
font-size: 14px;
line-height: 1.3;
}
.newsletter .contact_form .wpcf7-list-item label span:before {
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
border: 2px solid rgba(255, 255, 255, 0.5);
}
.newsletter .contact_form .single:before {
display: none;
}
.newsletter .contact_form .single ::-webkit-input-placeholder { font-size: 16px;
color: #FFF;
font-weight: 700;
}
.newsletter .contact_form .single ::-moz-placeholder { font-size: 16px;
color: #FFF;
font-weight: 700;
}
.newsletter .contact_form .single :-ms-input-placeholder { font-size: 16px;
color: #FFF;
font-weight: 700;
}
.newsletter .contact_form .single :-moz-placeholder { font-size: 16px;
color: #FFF;
font-weight: 700;
}
.newsletter .contact_form .single input {
background-color: rgba(255, 255, 255, 0.1);
color: #FFF;
font-weight: 700;
background-image: none !important;
padding: 20px 15px 20px 25px;
}
@media (max-width: 750px) {
.newsletter .contact_form .single input {
padding: 15px 15px 15px 25px;
}
}
.newsletter .contact_form .accept {
color: #FFf;
}
.newsletter .contact_form .submit {
margin-top: 30px;
}
.newsletter .contact_form .submit input {
width: auto;
}
.newsletter .bg {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
padding: 10rem 0rem 5rem;
position: relative;
overflow: hidden;
}
.newsletter .bg .container {
position: relative;
z-index: 15;
}
.newsletter .bg .title_section {
text-align: center;
}
.newsletter .bg .title_section h2 {
text-transform: uppercase;
margin-bottom: 0px;
}
.newsletter .bg .title_section p {
margin-top: 10px;
}