@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); 
a {
text-decoration: none;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
color: #292727;
}
a:hover {
text-decoration: none;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
p,
.text,
.text p {
font-size: 16px;
font-style: normal;
font-weight: 400;
margin: 0;
letter-spacing: -0.32px;
}
@media (max-width: 991px) {
p,
.text,
.text p {
line-height: normal;
}
}
.text--20 {
font-size: 20px;
line-height: 130%;
letter-spacing: -0.4px;
}
@media (max-width: 991px) {
.text--20 {
letter-spacing: -0.8px;
}
}
.text--16 {
font-size: 16px;
line-height: 160%;
letter-spacing: -0.32px;
}
.text--16-500 {
font-size: 16px;
line-height: 160%;
letter-spacing: -0.32px;
font-weight: 500;
}
.text--14 {
font-size: 14px;
line-height: 145%;
letter-spacing: -0.28px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-style: normal;
font-weight: 500;
line-height: 130%;
margin: 0;
}
h1,
.h1 {
font-size: 144px;
line-height: 100%;
letter-spacing: -5.76px;
}
@media (max-width: 991px) {
h1,
.h1 {
font-size: 64px;
letter-spacing: -3.84px;
}
}
h2,
.h2 {
font-size: 96px;
letter-spacing: -3.84px;
}
@media (max-width: 991px) {
h2,
.h2 {
font-size: 52px;
letter-spacing: -3.12px;
}
}
h3,
.h3 {
font-size: 60px;
letter-spacing: -1.2px;
}
@media (max-width: 991px) {
h3,
.h3 {
font-size: 38px;
letter-spacing: -0.76px;
}
}
h4,
.h4 {
font-size: 48px;
letter-spacing: -0.96px;
}
@media (max-width: 991px) {
h4,
.h4 {
font-size: 34px;
letter-spacing: -0.68px;
}
}
h5,
.h5 {
font-size: 32px;
letter-spacing: -0.64px;
}
@media (max-width: 991px) {
h5,
.h5 {
font-size: 28px;
letter-spacing: -0.56px;
}
}
h6,
.h6 {
font-size: 24px;
letter-spacing: -0.48px;
}
:root {
--yellow: #FFEF81;
--yellow-hover: #e9da77;
}
.btn {
color: #292727;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.8px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
white-space: nowrap;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 575px) {
.btn {
width: 100%;
}
}
.btn--yellow {
padding: 11px 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background: var(--yellow, #e9da77);
}
.btn--yellow:hover {
background: var(--yellow-hover, #e9da77);
}
.btn--yellow svg path {
fill: white;
}
.btn svg {
width: 16px;
height: 16px;
-o-object-fit: cover;
object-fit: cover;
}
.btn svg path {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn--transparent {
padding: 11px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.btn--transparent:hover {
color: var(--grey-dark, #848484);
}
.btn--transparent:hover svg path {
fill: #848484;
}
.btn--transparent-small {
padding: 11px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.btn--transparent-small:hover {
color: var(--grey-dark, #848484);
}
.btn--transparent-small:hover svg path {
fill: #848484;
}
.btn--transparent-small-yellow {
padding: 11px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
color: var(--yellow, #e9da77);
}
.btn--transparent-small-yellow svg path {
fill: var(--yellow, #e9da77);
}
.btn--transparent-small-yellow:hover {
color: var(--yellow-hover, #ebdd7b);
}
.btn--transparent-small-yellow:hover svg path {
fill: var(--yellow, #e9da77);
}
.btn-arrow {
padding: 14px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--yellow, #e9da77);
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn-arrow svg {
width: 20px;
height: 20px;
-o-object-fit: cover;
object-fit: cover;
}
.btn-arrow:hover {
background: var(--yellow-hover, #ebdd7b);
}
.btn-linked {
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 128%;
letter-spacing: -1.28px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn-linked:hover {
color: var(--grey-dark, #848484);
}
.check-box-page {
position: relative;
width: 16px;
height: 16px;
background: transparent;
border: 1px solid #b4b4b4;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.check-box-page.active {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background: #292727;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
overflow-x: hidden;
padding: 0;
margin: 0;
font-family: "DM Sans", sans-serif;
font-size: 20px;
font-weight: 400;
width: 100vw;
max-width: 100%;
background-color: #fff;
color: #292727;
}
html.overflowHidden,
body.overflowHidden {
overflow: hidden;
}
img {
max-width: 100%;
}
a {
text-decoration: none;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
color: #292727;
}
a:hover {
text-decoration: none;
-webkit-transition-duration: 0.2;
transition-duration: 0.2;
}
:focus {
outline: 0 !important;
}
.color--grey {
color: var(--grey, #B4B4B4);
}
html {
scroll-behavior: smooth;
}
.container {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 696px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1440px) {
.container {
max-width: 1680px;
}
}
.container-fluid {
width: 100%;
padding-right: 12px;
padding-left: 12px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -12px;
margin-left: -12px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto,
.col-xxxl-1,
.col-xxxl-2,
.col-xxxl-3,
.col-xxxl-4,
.col-xxxl-5,
.col-xxxl-6,
.col-xxxl-7,
.col-xxxl-8,
.col-xxxl-9,
.col-xxxl-10,
.col-xxxl-11,
.col-xxxl-12,
.col-xxxl,
.col-xxxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 12px;
padding-left: 12px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1440px) {
.col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.333333%;
}
.offset-xxl-2 {
margin-left: 16.666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.333333%;
}
.offset-xxl-5 {
margin-left: 41.666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.333333%;
}
.offset-xxl-8 {
margin-left: 66.666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.333333%;
}
.offset-xxl-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1680px) {
.col-xxxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xxxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xxxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xxxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xxxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xxxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xxxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xxxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xxxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xxxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xxxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xxxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xxxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xxxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xxxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xxxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xxxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xxxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xxxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xxxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xxxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xxxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xxxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xxxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xxxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xxxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xxxl-0 {
margin-left: 0;
}
.offset-xxxl-1 {
margin-left: 8.333333%;
}
.offset-xxxl-2 {
margin-left: 16.666667%;
}
.offset-xxxl-3 {
margin-left: 25%;
}
.offset-xxxl-4 {
margin-left: 33.333333%;
}
.offset-xxxl-5 {
margin-left: 41.666667%;
}
.offset-xxxl-6 {
margin-left: 50%;
}
.offset-xxxl-7 {
margin-left: 58.333333%;
}
.offset-xxxl-8 {
margin-left: 66.666667%;
}
.offset-xxxl-9 {
margin-left: 75%;
}
.offset-xxxl-10 {
margin-left: 83.333333%;
}
.offset-xxxl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-center {
text-align: center;
}
.footer form {
position: relative;
}
.footer form input[type=text],
.footer form input[type=email] {
position: relative;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
color: #f3f3f3;
-webkit-appearance: none;
outline: none;
font-family: "DM Sans";
height: 62px;
width: 100%;
border: 1px solid #b4b4b4;
background-color: transparent;
border-radius: 0;
padding: 0 16px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.footer form input[type=text]::-webkit-input-placeholder, .footer form input[type=email]::-webkit-input-placeholder {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
color: #848484;
}
.footer form input[type=text]::-moz-placeholder, .footer form input[type=email]::-moz-placeholder {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
color: #848484;
}
.footer form input[type=text]:-ms-input-placeholder, .footer form input[type=email]:-ms-input-placeholder {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
color: #848484;
}
.footer form input[type=text]::-ms-input-placeholder, .footer form input[type=email]::-ms-input-placeholder {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
color: #848484;
}
.footer form input[type=text]::placeholder,
.footer form input[type=email]::placeholder {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
color: #848484;
}
.footer form input[type=text]:hover,
.footer form input[type=email]:hover {
border: 1px solid #848484;
}
.footer form input[type=text]:focus,
.footer form input[type=email]:focus {
border: 1px solid #848484;
}
.footer form input[type=text].wpcf7-not-valid,
.footer form input[type=email].wpcf7-not-valid {
border: 1px solid #af4545;
}
.footer form input[type=text]:not(:-moz-placeholder-shown), .footer form input[type=email]:not(:-moz-placeholder-shown) {
border: 1px solid #848484;
}
.footer form input[type=text]:not(:-ms-input-placeholder), .footer form input[type=email]:not(:-ms-input-placeholder) {
border: 1px solid #848484;
}
.footer form input[type=text].value-true, .footer form input[type=text]:not(:placeholder-shown),
.footer form input[type=email].value-true,
.footer form input[type=email]:not(:placeholder-shown) {
border: 1px solid #848484;
}
.footer form .input-area-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 24px;
}
.footer form .input-area {
position: relative;
}
.footer form .input-area label {
position: absolute;
}
.footer form .form-label {
display: none;
}
.footer form .form-info {
font-size: 11px;
font-weight: 400;
margin-top: 30px;
}
.footer form .form-info--obligatory {
margin-top: 20px;
}
.footer form p {
margin: 0;
padding: 0;
}
.footer form .newForm-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: normal;
font-weight: 400;
}
.footer form .wpcf7-acceptance {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer form .wpcf7-acceptance label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.footer form span.wpcf7-list-item {
margin: 0;
}
.footer form input[type=checkbox] {
-webkit-appearance: none;
-webkit-appearance: none;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
border: none;
padding: 0;
height: unset;
width: unset;
background-color: unset;
position: relative;
cursor: pointer;
margin: 2px 10px 0 0;
}
.footer form input[type=checkbox]::before {
content: "";
display: block;
position: relative;
left: 0;
width: 16px;
height: 16px;
background-color: transparent;
border: 1px solid #b4b4b4;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background-position: center;
background-size: 0;
}
.footer form input[type=checkbox]:checked::after {
content: "";
display: block;
position: absolute;
top: 4px;
left: 4px;
width: 8px;
height: 8px;
background: #b4b4b4;
}
.footer form .ajax-loader {
position: absolute;
bottom: 15px;
}
.footer form .wpcf7-list-item-label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 145%;
letter-spacing: -0.28px;
position: relative;
top: -1px;
color: #fff;
}
.footer form .wpcf7-list-item-label a {
color: #e9da77;
font-weight: 500;
}
.footer form .wpcf7-list-item-label a:hover {
color: #ebdd7b;
}
.footer form .wpcf7-not-valid {
border: 0px;
}
.footer form .wpcf7-not-valid-tip {
color: #af4545;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 145%;
letter-spacing: -0.28px;
-webkit-animation: alert linear 0.3s;
animation: alert linear 0.3s;
position: absolute;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 9;
top: 40px;
left: 0;
}
@media (max-width: 767px) {
.footer form .wpcf7-not-valid-tip {
top: 30px;
}
}
.footer form .wpcf7-response-output {
text-align: center;
margin: 0;
margin-bottom: 16px;
padding: 13px;
}
.footer form .wpcf7-mail-sent-ng,
.footer form .wpcf7-aborted {
border: 2px solid #9b0000;
}
.footer form .wpcf7-validation-errors,
.footer form .wpcf7-acceptance-missing {
border: 2px solid #9b0000;
}
.footer form ::-webkit-input-placeholder { color: #8d8d9a;
opacity: 1;
}
.footer form :-moz-placeholder { color: #8d8d9a;
opacity: 1;
}
.footer form ::-moz-placeholder { color: #8d8d9a;
opacity: 1;
}
.footer form :-ms-input-placeholder { color: #8d8d9a;
opacity: 1;
}
.footer form .form-showhide__p {
font-family: "DM Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 140%;
letter-spacing: 0.04em;
}
.footer form .form-showhide__p--display {
margin-top: 0px !important;
}
.footer form .wpcf7-spinner {
position: absolute;
}
.footer form .wpcf7-acceptance {
position: relative;
}
.footer form .wpcf7-acceptance + .wpcf7-not-valid-tip {
top: auto;
bottom: -2px;
}
.footer form .btn {
margin-top: -40px;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.8px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
padding: 11px 30px 11px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
color: var(--yellow, #e9da77);
background-color: transparent;
border: transparent;
position: relative;
}
@media (max-width: 575px) {
.footer form .btn {
width: 100%;
}
}
.footer form .btn::before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: auto;
right: 0;
width: 16px;
height: 16px;
background-image: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/icon-yellow-arrow.svg);
}
.start-cooper .form {
position: relative;
}
.start-cooper .form input[type=text],
.start-cooper .form input[type=email] {
position: relative;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
letter-spacing: -0.32px;
color: #292727;
top: auto;
padding: 30px 16px 8px;
bottom: 10px;
-webkit-appearance: none;
outline: none;
font-family: "DM Sans";
height: 62px;
width: 100%;
border: 1px solid #b4b4b4;
background-color: #fff;
border-radius: 0;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.start-cooper .form input[type=text]::-webkit-input-placeholder, .start-cooper .form input[type=email]::-webkit-input-placeholder {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
color: #848484;
position: relative;
top: -10px;
}
.start-cooper .form input[type=text]::-moz-placeholder, .start-cooper .form input[type=email]::-moz-placeholder {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
color: #848484;
position: relative;
top: -10px;
}
.start-cooper .form input[type=text]:-ms-input-placeholder, .start-cooper .form input[type=email]:-ms-input-placeholder {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
color: #848484;
position: relative;
top: -10px;
}
.start-cooper .form input[type=text]::-ms-input-placeholder, .start-cooper .form input[type=email]::-ms-input-placeholder {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
color: #848484;
position: relative;
top: -10px;
}
.start-cooper .form input[type=text]::placeholder,
.start-cooper .form input[type=email]::placeholder {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
color: #848484;
position: relative;
top: -10px;
}
.start-cooper .form input[type=text]:hover,
.start-cooper .form input[type=email]:hover {
border: 1px solid #848484;
}
.start-cooper .form input[type=text]:focus,
.start-cooper .form input[type=email]:focus {
border: 1px solid #848484;
}
.start-cooper .form input[type=text].wpcf7-not-valid,
.start-cooper .form input[type=email].wpcf7-not-valid {
border: 1px solid #af4545;
}
.start-cooper .form input[type=text]:not(:-moz-placeholder-shown), .start-cooper .form input[type=email]:not(:-moz-placeholder-shown) {
border: 1px solid #848484;
}
.start-cooper .form input[type=text]:not(:-ms-input-placeholder), .start-cooper .form input[type=email]:not(:-ms-input-placeholder) {
border: 1px solid #848484;
}
.start-cooper .form input[type=text].value-true, .start-cooper .form input[type=text]:not(:placeholder-shown),
.start-cooper .form input[type=email].value-true,
.start-cooper .form input[type=email]:not(:placeholder-shown) {
border: 1px solid #848484;
}
.start-cooper .form input.active::-webkit-input-placeholder {
opacity: 0;
}
.start-cooper .form input.active::-moz-placeholder {
opacity: 0;
}
.start-cooper .form input.active:-ms-input-placeholder {
opacity: 0;
}
.start-cooper .form input.active::-ms-input-placeholder {
opacity: 0;
}
.start-cooper .form input.active::placeholder {
opacity: 0;
}
.start-cooper .form .input-area-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 24px;
}
.start-cooper .form .input-area {
position: relative;
}
.start-cooper .form .input-area label {
position: absolute;
}
.start-cooper .form .form-label {
position: absolute;
}
.start-cooper .form .form-info {
font-size: 11px;
font-weight: 400;
margin-top: 30px;
}
.start-cooper .form .form-info--obligatory {
margin-top: 20px;
}
.start-cooper .form p {
margin: 0;
padding: 0;
}
.start-cooper .form .newForm-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: normal;
font-weight: 400;
}
.start-cooper .form span.wpcf7-list-item {
margin: 0;
}
.start-cooper .form input[type=checkbox] {
-webkit-appearance: none;
-webkit-appearance: none;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
outline: none !important;
-webkit-tap-highlight-color: transparent !important;
border: none;
padding: 0;
height: unset;
width: unset;
background-color: unset;
position: relative;
cursor: pointer;
margin: 2px 10px 0 0;
}
.start-cooper .form input[type=checkbox]::before {
content: "";
display: block;
position: relative;
left: 0;
width: 16px;
height: 16px;
background-color: transparent;
border: 1px solid #b4b4b4;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background-position: center;
background-size: 0;
}
.start-cooper .form input[type=checkbox]:checked::after {
content: "";
display: block;
position: absolute;
top: 4px;
left: 4px;
width: 8px;
height: 8px;
background: #b4b4b4;
}
.start-cooper .form .ajax-loader {
position: absolute;
bottom: 15px;
}
.start-cooper .form .wpcf7-list-item-label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 145%;
letter-spacing: -0.28px;
position: relative;
top: -1px;
color: #fff;
}
.start-cooper .form .wpcf7-list-item-label a {
color: #e9da77;
font-weight: 500;
}
.start-cooper .form .wpcf7-list-item-label a:hover {
color: #ebdd7b;
}
.start-cooper .form .wpcf7-not-valid {
border: 0px;
}
.start-cooper .form .wpcf7-not-valid-tip {
color: #af4545;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 145%;
letter-spacing: -0.28px;
-webkit-animation: alert linear 0.3s;
animation: alert linear 0.3s;
position: absolute;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 9;
top: 100px;
left: 0;
}
@media (max-width: 767px) {
.start-cooper .form .wpcf7-not-valid-tip {
top: 30px;
}
}
.start-cooper .form .wpcf7-response-output {
text-align: center;
margin: 0;
margin-bottom: 16px;
padding: 13px;
}
.start-cooper .form .wpcf7-mail-sent-ng,
.start-cooper .form .wpcf7-aborted {
border: 2px solid #9b0000;
}
.start-cooper .form .wpcf7-validation-errors,
.start-cooper .form .wpcf7-acceptance-missing {
border: 2px solid #9b0000;
}
.start-cooper .form ::-webkit-input-placeholder { color: #8d8d9a;
opacity: 1;
}
.start-cooper .form :-moz-placeholder { color: #8d8d9a;
opacity: 1;
}
.start-cooper .form ::-moz-placeholder { color: #8d8d9a;
opacity: 1;
}
.start-cooper .form :-ms-input-placeholder { color: #8d8d9a;
opacity: 1;
}
.start-cooper .form .form-showhide__p {
font-family: "DM Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 140%;
letter-spacing: 0.04em;
}
.start-cooper .form .form-showhide__p--display {
margin-top: 0px !important;
}
.start-cooper .form .wpcf7-spinner {
position: absolute;
}
.start-cooper .form .wpcf7-acceptance {
position: relative;
}
.start-cooper .form .wpcf7-acceptance + .wpcf7-not-valid-tip {
top: auto;
bottom: -2px;
}
.start-cooper .form__label {
position: absolute;
margin-top: -50px;
display: none;
}
.start-cooper .wpcf7-select {
width: 100%;
outline: none;
color: #848484;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; letter-spacing: -0.4px;
height: 62px;
border: 1px solid #b4b4b4;
padding-left: 16px;
}
.start-cooper .input-label {
position: absolute;
left: 16px;
top: 0px;
background: white;
padding: 0 1px;
color: #848484;
font-size: 16px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 145%; letter-spacing: -0.28px;
-webkit-transition: 0.2s ease all;
transition: 0.2s ease all;
pointer-events: none;
opacity: 0;
}
.start-cooper .input-label.active {
opacity: 1;
}
.start-cooper .wpcf7-form-control:not(:-moz-placeholder-shown) + .input-label {
top: -10px;
left: 5px;
font-size: 12px;
color: #000;
}
.start-cooper .wpcf7-form-control:not(:-ms-input-placeholder) + .input-label {
top: -10px;
left: 5px;
font-size: 12px;
color: #000;
}
.start-cooper .wpcf7-form-control:focus + .input-label,
.start-cooper .wpcf7-form-control:not(:placeholder-shown) + .input-label {
top: -10px;
left: 5px;
font-size: 12px;
color: #000;
}
.start-cooper .inputBox {
position: relative;
margin: 20px 0;
}
.start-cooper .custom-select {
position: relative;
width: 100%;
top: -10px;
}
.start-cooper .select-box {
background-color: #fff;
padding: 10px;
cursor: pointer;
border-radius: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 62px;
border: 1px solid #b4b4b4;
color: #848484;
font-style: normal;
font-weight: 400;
line-height: 130%; letter-spacing: -0.4px;
padding-left: 16px;
}
.start-cooper .select-box p {
font-size: 20px;
}
.start-cooper .select-box .arrow {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease; display: inline-block;
margin-left: 10px;
}
.start-cooper .select-box.active .arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.start-cooper .options-container {
display: none; position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #fff;
border: 1px solid #b4b4b4;
border-top: 0px;
z-index: 10;
border-radius: 0;
max-height: 200px;
overflow-y: auto; }
.start-cooper .options-container.active {
display: block;
}
.start-cooper .options-container .option {
padding: 10px 16px;
cursor: pointer;
}
.start-cooper .options-container .option p {
color: var(--light-black, #292727);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; letter-spacing: -0.32px;
}
.start-cooper .options-container .option:hover {
background-color: #f0f0f0;
}
.page-template-template-products input[type=checkbox] {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--form-background);
margin: 0;
font: inherit;
color: currentColor;
width: 16px;
height: 16px;
border: 1px solid var(--grey, #B4B4B4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
place-content: center;
-webkit-transition: all 0.2s;
transition: all 0.2s;
position: relative;
}
.page-template-template-products input[type=checkbox]:checked {
border: 1px solid var(--light-black, #292727);
}
.page-template-template-products input[type=checkbox]:checked:before {
content: "";
display: block;
position: absolute;
top: 3px;
left: 3px;
width: 8px;
height: 8px;
background: var(--light-black, #292727);
}
.page-template-template-products input[type=checkbox]:hover {
border: 1px solid var(--light-black, #292727);
cursor: pointer;
}
.preloader {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: white;
z-index: 9999999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.lb-nav a {
opacity: 1 !important;
}
.lightbox .lb-caption {
display: none; }
.form-menu {
position: relative;
width: auto;
height: 48px;  }
.form-menu button[type=submit] {
background: transparent;
cursor: pointer;
width: 48px;
height: 48px;
position: absolute;
border: none;
padding: 0;
margin: 0;
top: 0;
right: 0;
}
.form-menu button[type=submit] svg path {
fill: black;
}
.form-menu input[type=search] {
width: 100%;
padding-right: 48px;
height: 48px;
color: black;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
border: none;
background-color: transparent;
display: none;
}
.form-menu.active {
width: 280px;
border-bottom: 1px solid black;
}
.form-menu.active input[type=search] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.form-menu input:-webkit-autofill {
background-color: transparent !important;
}
.form-menu input:autofill {
background-color: transparent !important; }
.form-menu input[type=search]::-webkit-input-placeholder {
color: black;
opacity: 0.6;
}
.form-menu input[type=search]::-moz-placeholder {
color: black;
opacity: 0.6;
}
.form-menu input[type=search]:-ms-input-placeholder {
color: black;
opacity: 0.6;
}
.form-menu input[type=search]::-ms-input-placeholder {
color: black;
opacity: 0.6;
}
.form-menu input[type=search]::placeholder {
color: black;
opacity: 0.6;
}
.form-menu input[type=search]::-webkit-search-cancel-button {
display: none;
}
.form-menu .suggestions-container {
display: none;
position: absolute;
top: 48px;
left: 0;
width: 100%;
background: white;
z-index: 1000;
max-height: 200px;
overflow-y: auto;
border: 1px solid #dfdfdf;
}
.form-menu .suggestions-container::-webkit-scrollbar {
width: 10px; }
.form-menu .suggestions-container::-webkit-scrollbar-track {
background: black; }
.form-menu .suggestions-container::-webkit-scrollbar-thumb {
background: #888; border-radius: 5px; }
.form-menu .suggestions-container::-webkit-scrollbar-thumb:hover {
background: #555; }
.form-menu .suggestions-container {
scrollbar-width: thin; scrollbar-color: #888 #f0f0f0; }
.form-menu .suggestion-item.active {
background-color: #f0f0f0;
color: #000;
}
.form-menu .suggestion-item {
padding: 10px;
cursor: pointer;
}
.form-menu .suggestion-item:hover {
background: #f0f0f0;
}
.form-menu .no-results {
padding: 10px;
color: #999;
}
@media (max-width: 1439px) {
.form-menu {
width: 48px;
}
.form-menu.active {
width: 344px;
}
}
@media (max-width: 1199px) {
.form-menu {
width: 48px;
}
.form-menu.active {
width: 280px;
}
}
@media (max-width: 767px) {
.form-menu {
width: 48px;
}
.form-menu.active {
width: auto;
}
}
body.home .form-menu.active {
border-bottom: 1px solid var(--white, #fff);
}
body.home .form-menu button[type=submit] svg path {
fill: white;
}
body.home .form-menu input[type=search] {
color: var(--white, #fff);
}
body.home .form-menu input[type=search]::-webkit-input-placeholder {
color: var(--white, #fff);
}
body.home .form-menu input[type=search]::-moz-placeholder {
color: var(--white, #fff);
}
body.home .form-menu input[type=search]:-ms-input-placeholder {
color: var(--white, #fff);
}
body.home .form-menu input[type=search]::-ms-input-placeholder {
color: var(--white, #fff);
}
body.home .form-menu input[type=search]::placeholder {
color: var(--white, #fff);
}
@media (max-width: 1440px) {
body.home .form-menu.active {
border-bottom: 1px solid black;
}
body.home .form-menu button[type=submit] svg path {
fill: black;
}
body.home .form-menu input[type=search] {
color: black;
}
body.home .form-menu input[type=search]::-webkit-input-placeholder {
color: black;
}
body.home .form-menu input[type=search]::-moz-placeholder {
color: black;
}
body.home .form-menu input[type=search]:-ms-input-placeholder {
color: black;
}
body.home .form-menu input[type=search]::-ms-input-placeholder {
color: black;
}
body.home .form-menu input[type=search]::placeholder {
color: black;
}
}
.mapboxgl-popup-content__title {
font-weight: 700;
font-size: 18px;
margin: 0 0 6px 0;
}
.mapboxgl-popup-content__address {
font-weight: 400;
font-size: 14px;
}
.mapboxgl-popup-close-button {
font-size: 18px;
}
.mainMenu {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
border-bottom: 1px solid var(--grey-light, #f3f3f3);
background: var(--white, #fff);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 1440px) {
.mainMenu {
padding: 20px 0;
}
}
.mainMenu--sticky {
top: -184px;
}
.mainMenu--goingUp {
top: 0;
}
@media (max-width: 1440px) {
.mainMenu--goingUp .mainMenu__inner {
padding: 10px 0;
}
}
.mainMenu--active {
top: 0 !important;
background: #fff !important;
}
.mainMenu--active .mainMenu__inner__hamburger__hamburgerLine--1,
.mainMenu--active .mainMenu__inner__hamburger__hamburgerLine--2 {
background: var(--light-black, #292727) !important;
}
.mainMenu--active .mainMenu__inner__content__logo a svg path {
fill: #292727 !important;
}
.mainMenu--active .mainMenu__inner__content__bar .menu li a {
color: var(--light-black, #292727) !important;
}
.mainMenu__languageSwitcher {
width: 60px;
}
.mainMenu__languageSwitcher ul {
background: var(--White, #fff);
}
.mainMenu__languageSwitcher ul li a {
border: 0px;
padding: 0px 16px;
min-height: 48px;
background: none !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mainMenu__languageSwitcher ul li a span {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.8px;
}
@media (max-width: 1439px) {
.mainMenu__languageSwitcher ul li a {
min-height: 44px;
}
}
@media (max-width: 1199px) {
.mainMenu__languageSwitcher ul li a span {
font-size: 24px;
}
}
.mainMenu__languageSwitcher ul li a.wpml-ls-item-toggle {
position: relative;
padding: 0;
}
.mainMenu__languageSwitcher ul li a.wpml-ls-item-toggle::after {
content: "";
width: 24px;
height: 24px;
background-image: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow.svg);
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 50%;
right: auto;
left: 25px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: 0px !important;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mainMenu__languageSwitcher ul li a.wpml-ls-item-toggle--active::after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.mainMenu__languageSwitcher .wpml-ls-sub-menu {
border: none !important;
left: -16px;
}
@media (max-width: 1440px) {
.mainMenu__languageSwitcher .wpml-ls-sub-menu {
left: -8px;
}
}
@media (max-width: 1440px) {
.mainMenu__languageSwitcher {
width: 60px;
}
.mainMenu__languageSwitcher ul li a {
padding: 0 8px;
}
}
@media (max-width: 1440px) {
.mainMenu__languageSwitcher {
margin-left: 24px;
}
}
.mainMenu__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1440px) {
.mainMenu__inner {
padding: 0;
}
}
.mainMenu__inner__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 64px;
}
.mainMenu__inner__content__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mainMenu__inner__content__logo a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mainMenu__inner__content__logo a svg {
width: 205px;
height: auto;
}
.mainMenu__inner__hamburger {
width: 40px;
height: 40px;
z-index: 999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 1440px) {
.mainMenu__inner__hamburger {
display: none;
}
}
.mainMenu__inner__hamburger__inner {
width: 24px;
height: 19px;
position: relative;
}
.mainMenu__inner__hamburger__hamburgerLine {
background: var(--light-black, #292727);
display: block;
width: 24px;
height: 3px;
position: absolute;
left: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.mainMenu__inner__hamburger__hamburgerLine--1 {
top: 0px;
}
.mainMenu__inner__hamburger__hamburgerLine--2 {
top: 8px;
}
.mainMenu__inner__hamburger__hamburgerLine--3 {
top: 16px;
background: var(--yellow, #e9da77);
}
.mainMenu__inner__hamburger--active .mainMenu__inner__hamburger__hamburgerLine--1 {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 6px;
}
.mainMenu__inner__hamburger--active .mainMenu__inner__hamburger__hamburgerLine--2 {
opacity: 0;
}
.mainMenu__inner__hamburger--active .mainMenu__inner__hamburger__hamburgerLine--3 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 6px;
background: var(--light-black, #292727);
}
.mainMenu .mainMenu__inner__content__bar .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
gap: 4px;
}
.mainMenu .mainMenu__inner__content__bar .menu.hidden {
visibility: hidden;
width: 0;
overflow: hidden;
}
@media screen and (max-width: 1440px) {
.mainMenu .mainMenu__inner__content__bar .menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: calc(100% - 100px);
}
}
.mainMenu .mainMenu__inner__content__bar .menu li {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1440px) {
.mainMenu .mainMenu__inner__content__bar .menu li {
width: 100%;
}
}
.mainMenu .mainMenu__inner__content__bar .menu li a {
color: var(--light-black, #292727);
-webkit-font-feature-settings: "calt" off;
font-feature-settings: "calt" off; font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%; letter-spacing: -0.8px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
padding: 50px 14px;
}
.mainMenu .mainMenu__inner__content__bar .menu li a:hover {
color: var(--grey-dark, #848484);
}
@media screen and (max-width: 1440px) {
.mainMenu .mainMenu__inner__content__bar .menu li a {
font-size: 24px;
padding: 12px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item,
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item.active a,
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown.active a {
color: var(--grey-dark, #848484);
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item.active a::before,
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown.active a::before {
content: "";
position: absolute;
left: auto;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow-hover.svg);
background-repeat: no-repeat;
background-size: cover;
min-width: 20px;
min-height: 20px;
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item a,
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown a {
position: relative;
padding-right: 40px;
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item a::before,
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown a::before {
content: "";
position: absolute;
left: auto;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow.svg);
width: 20px;
height: 20px;
}
@media (max-width: 1440px) {
.mainMenu .mainMenu__inner__content__bar .menu .sub-item a::before,
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown a::before {
display: none !important;
}
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item a:hover,
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown a:hover {
color: var(--grey-dark, #848484);
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item a:hover::before,
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown a:hover::before {
content: "";
position: absolute;
left: auto;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow-hover.svg);
background-repeat: no-repeat;
background-size: cover;
min-width: 20px;
min-height: 20px;
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown {
position: relative;
}
@media (min-width: 1440px) {
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown a:before {
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow.svg);
background-repeat: no-repeat;
background-size: cover;
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown ul {
position: absolute;
top: 100%;
left: 0;
background-color: white;
display: none;
padding: 0;
list-style: none;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
left: 8px;
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown ul li a {
padding: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: black;
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown ul li a:before {
display: none;
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown:hover > a {
color: var(--grey-dark, #848484);
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown:hover > a:before {
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow-hover.svg);
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown:hover ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 1440px) {
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown ul {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 0;
list-style: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
width: 100%;
}
}
.mainMenu .mainMenu__inner__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
@media screen and (max-width: 1440px) {
.mainMenu .mainMenu__inner__btns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.mainMenu .mainMenu__inner__btns-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mainMenu .mainMenu__inner__btns-wrap .wpml-ls-legacy-list-horizontal {
padding: 0;
}
.mainMenu__mobile {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #fff;
display: none;
}
.mainMenu__mobile__inner {
padding-top: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
height: 100vh;
max-height: calc(100vh - 102px);
overflow-y: auto;
padding-bottom: 40px;
}
.mainMenu__mobile .mainMenu__inner__btns-wrap {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 24px 0 12px;
width: 100%;
}
.mainMenu .mega-menu {
padding: 56px 0 56px;
opacity: 0;
display: none;
background: #f8f8f8;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.mainMenu .mega-menu.active {
opacity: 1;
display: block;
}
.mainMenu .mega-menu__title-list {
color: var(--light-black, #292727);
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.mainMenu .mega-menu__title-list:nth-child(1) {
margin-bottom: 32px;
}
.mainMenu .mega-menu__title-list .arrow-mobile {
opacity: 0;
}
@media screen and (max-width: 1440px) {
.mainMenu .mega-menu__title-list {
font-size: 26px;
}
}
@media screen and (max-width: 991px) {
.mainMenu .mega-menu__title-list {
padding: 12px 48px;
font-size: 20px;
}
.mainMenu .mega-menu__title-list:nth-child(1) {
margin-bottom: 0;
}
.mainMenu .mega-menu__title-list .arrow-mobile {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mainMenu .mega-menu__title-list .arrow-mobile.active {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
.mainMenu .mega-menu__left__list-items {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4px;
}
.mainMenu .mega-menu__left__list-items .list-item {
color: var(--light-black, #292727);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.8px;
padding: 11px 0;
cursor: pointer;
}
.mainMenu .mega-menu__left__list-items .list-item:hover {
color: var(--grey-dark, #848484);
}
@media screen and (max-width: 991px) {
.mainMenu .mega-menu__left__list-items .list-item {
font-weight: 400;
letter-spacing: -0.4px;
padding: 12px 80px;
}
}
.mainMenu .mega-menu__right a.mega-menu__title-list:hover {
color: var(--grey-dark, #848484);
}
.mainMenu .mega-menu__right__list-box {
gap: 24px;
cursor: pointer;
}
.mainMenu .mega-menu__right__list-box .box-content {
position: relative;
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
}
.mainMenu .mega-menu__right__list-box .box-content:hover img {
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
-webkit-transform-origin: center;
transform-origin: center;
}
.mainMenu .mega-menu__right__list-box .box-content__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mainMenu .mega-menu__right__list-box .box-content__title {
position: absolute;
left: 24px;
top: auto;
bottom: 12px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
color: var(--white, #fff);
font-size: 60px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: -1.2px;
}
@media screen and (max-width: 1440px) {
.mainMenu .mega-menu__right__list-box .box-content__title {
font-size: 36px;
}
}
@media screen and (max-width: 991px) {
.mainMenu .mega-menu__right__list-box {
gap: 4px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mainMenu .mega-menu__right__list-box .box-content {
margin-bottom: 4px;
height: 100%;
padding: 12px 80px;
aspect-ratio: auto;
}
.mainMenu .mega-menu__right__list-box .box-content__title {
position: relative;
color: var(--light-black, #292727);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
bottom: 0;
left: 0;
display: block;
}
}
.mainMenu .mega-menu__right .collapse-menu {
color: var(--light-black, #292727);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%; letter-spacing: -0.8px;
position: relative;
padding: 8px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-top: 24px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: 0;
cursor: pointer;
}
.mainMenu .mega-menu .items-list-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 991px) {
.mainMenu .mega-menu .items-list-menu {
display: none;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mainMenu .mega-menu .items-list-menu.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 1;
}
}
@media (max-width: 1440px) {
.mainMenu .mega-menu {
display: none;
}
}
.menuSpacer {
height: 126px;
}
@media screen and (max-width: 1440px) {
.menuSpacer {
height: 102px;
}
}
body.admin-bar .mainMenu {
top: 32px !important;
}
.page-template-front-page .mainMenu__inner__content__bar .menu .sub-item a::before {
content: "";
position: absolute;
left: auto;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow-white.svg);
width: 20px;
height: 20px;
}
@media (max-width: 1440px) {
.page-template-front-page .mainMenu__inner__content__bar .menu .sub-item a:before {
display: none !important;
}
}
.page-template-front-page .menuSpacer {
height: 0 !important;
}
.page-template-front-page .mainMenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.13%, rgba(0, 0, 0, 0)), color-stop(80.03%, rgba(0, 0, 0, 0.6)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0.13%, rgba(0, 0, 0, 0.6) 80.03%);
max-height: 184px;
}
.page-template-front-page .mainMenu__inner__content__logo a svg path {
fill: #fff;
}
@media (max-width: 1440px) {
.page-template-front-page .mainMenu__inner__content__bar .menu li {
width: 100%;
}
}
.page-template-front-page .mainMenu__inner__content__bar .menu li a {
color: var(--white, #fff);
}
.page-template-front-page .mainMenu .mainMenu__inner__hamburger__hamburgerLine--1,
.page-template-front-page .mainMenu .mainMenu__inner__hamburger__hamburgerLine--2 {
background: #fff;
}
.page-template-front-page .mainMenu--sticky {
background: #fff;
}
.page-template-front-page .mainMenu--sticky .mainMenu__inner__hamburger__hamburgerLine--1,
.page-template-front-page .mainMenu--sticky .mainMenu__inner__hamburger__hamburgerLine--2 {
background: var(--light-black, #292727) !important;
}
.page-template-front-page .mainMenu--sticky .mainMenu__inner__content__logo a svg path {
fill: #292727;
}
.page-template-front-page .mainMenu--sticky .mainMenu__inner__content__bar .menu li a {
color: var(--light-black, #292727);
}
.page-template-front-page .header-white {
background: var(--white, #fff);
}
.page-template-front-page .header-white .mainMenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.13%, rgba(0, 0, 0, 0)), color-stop(80.03%, rgba(0, 0, 0, 0.6)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0.13%, rgba(0, 0, 0, 0.6) 80.03%);
max-height: 184px;
}
.page-template-front-page .header-white .mainMenu__inner .sub-item .sub-item-arrow path {
fill: #292727;
}
.page-template-front-page .header-white .mainMenu__inner__content__logo a svg path {
fill: #292727;
}
.page-template-front-page .header-white .mainMenu__inner__content__bar .menu li a {
color: var(--light-black, #292727);
}
.page-template-front-page .header-white .mainMenu .mainMenu__inner__hamburger__hamburgerLine--1,
.page-template-front-page .header-white .mainMenu .mainMenu__inner__hamburger__hamburgerLine--2 {
background: var(--light-black, #292727) !important;
}
.mainMenu--goingUp .mainMenu__inner__content__bar .menu .sub-item a {
position: relative;
padding-right: 40px;
}
.mainMenu--goingUp .mainMenu__inner__content__bar .menu .sub-item a::before {
content: "";
position: absolute;
left: auto;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow.svg);
width: 20px;
height: 20px;
}
@media (min-width: 1440px) {
body.home .mainMenu__languageSwitcher ul {
background-color: transparent;
}
body.home .mainMenu__languageSwitcher ul li a span {
color: white;
}
body.home .mainMenu__languageSwitcher ul li a.wpml-ls-item-toggle::after {
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow-white.svg);
}
body.home .mainMenu--sticky ul li a span {
color: black;
}
body.home .mainMenu--sticky ul li a.wpml-ls-item-toggle::after {
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow.svg);
}
body.home .mainMenu--sticky ul ul {
background-color: white;
}
body.home .mainMenu--sticky .form-menu button[type=submit] svg path {
fill: black;
}
body.home .mainMenu--sticky .form-menu.active {
border-bottom: 1px solid black;
}
body.home .mainMenu--sticky .form-menu input[type=search] {
color: black;
}
body.home .mainMenu {
border-bottom: none;
}
}
@media (min-width: 1440px) {
body.home .mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown a:before {
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow-white.svg);
background-repeat: no-repeat;
background-size: cover;
}
body.home .mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown:hover a:before {
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow-hover.svg);
background-repeat: no-repeat;
background-size: cover;
}
body.home .mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown ul {
background-color: transparent;
}
body.home .mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown ul li a {
color: white;
}
body.home .mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown ul li a:hover {
color: var(--grey-dark, #848484);
}
body.home .mainMenu--sticky .mainMenu__inner__content__bar .menu .sub-item-dropdown a:before {
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow.svg);
background-repeat: no-repeat;
background-size: cover;
}
body.home .mainMenu--sticky .mainMenu__inner__content__bar .menu .sub-item-dropdown:hover a:before {
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/nav-arrow-hover.svg);
background-repeat: no-repeat;
background-size: cover;
}
body.home .mainMenu--sticky .mainMenu__inner__content__bar .menu .sub-item-dropdown ul {
background-color: white;
}
body.home .mainMenu--sticky .mainMenu__inner__content__bar .menu .sub-item-dropdown ul li a {
color: black;
}
body.home .mainMenu--sticky .mainMenu__inner__content__bar .menu .sub-item-dropdown ul li a:hover {
color: var(--grey-dark, #848484);
}
body.home .mainMenu .mainMenu__inner__content__bar .menu .sub-item-dropdown ul li ul li a {
color: white;
}
}
.footer {
background: var(--light-black, #292727);
padding: 80px 0;
color: var(--white, #fff);
margin-top: 192px;
}
@media (max-width: 991px) {
.footer {
padding: 40px 0;
margin-top: 128px;
}
}
.footer__logo {
margin-bottom: 40px;
}
.footer__info__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
margin-bottom: 24px;
}
.footer__info__box a {
color: var(--white, #fff);
}
.footer__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin: 0;
list-style: none;
padding: 0;
}
.footer__link a {
color: var(--white, #fff);
}
@media (max-width: 991px) {
.footer__link {
margin-top: 40px;
}
}
.footer__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
gap: 6vw;
}
@media (max-width: 991px) {
.footer__form {
margin-top: 16px;
}
}
.footer__form__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 16px;
gap: 16px;
}
@media (max-width: 991px) {
.footer__form__social {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.footer__bottom {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #848484;
}
@media (max-width: 991px) {
.footer__bottom {
margin-top: 40px;
}
}
@media (max-width: 767px) {
.footer__bottom {
gap: 8px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.footer__bottom__right {
height: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__bottom__right a {
position: relative;
margin-top: 4px;
}
.page-template-partner-zone-cooperation .footer,
.page-template-partner-zone .footer,
.page-template-start-cooperation .footer {
margin-top: 0;
}
.breadcrumbs {
margin-bottom: 48px;
}
@media screen and (max-width: 991px) {
.breadcrumbs {
margin-bottom: 16px;
}
}
.breadcrumbs svg {
height: 100%;
}
.breadcrumbs ul {
list-style: none;
padding: 24px 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
.breadcrumbs ul li a {
color: var(--light-black, #292727);
-webkit-font-feature-settings: "calt" off;
font-feature-settings: "calt" off; font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; letter-spacing: -0.32px;
}
.breadcrumbs ul li p {
color: var(--light-black, #292727);
-webkit-font-feature-settings: "calt" off;
font-feature-settings: "calt" off; font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; letter-spacing: -0.32px;
opacity: 0.5;
}
.subPageTitle {
margin-bottom: 48px;
}
@media screen and (max-width: 991px) {
.subPageTitle {
margin-bottom: 64px;
}
}
.page-404 {
padding: 50px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
}
.page-404 a {
text-decoration: underline;
font-weight: bold;
}
.page-404 a:hover {
text-decoration: underline;
}
.relatedBlogPosts {
padding: 192px 0 0;
}
@media screen and (max-width: 991px) {
.relatedBlogPosts {
padding: 64px 0px 0 0px;
}
}
.relatedBlogPosts__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 72px;
}
@media screen and (max-width: 991px) {
.relatedBlogPosts__title {
margin-bottom: 56px;
}
}
.relatedBlogPosts__list {
gap: 48px 0;
}
@media screen and (max-width: 991px) {
.relatedBlogPosts__goBlog {
margin-top: 56px;
}
}
.frontPageHero {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
height: 100vh;
min-height: 600px;
position: relative;
}
.frontPageHero__swiper {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
.frontPageHero__bgImg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.frontPageHero {
height: auto;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.frontPageHero {
height: auto;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.frontPageHero {
min-height: 560px;
}
}
.frontPageHero__cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: none;
}
@media screen and (max-width: 991px) {
.frontPageHero__cover {
display: none;
}
}
.frontPageHero__cover__el {
width: 10%;
height: 100%;
position: relative;
}
.frontPageHero__cover__el__inner {
width: calc(100% + 1px);
height: 100%;
position: relative;
-webkit-animation: none;
animation: none;
overflow: hidden;
}
.frontPageHero__cover__el__inner.animate {
-webkit-animation: heroAnimEl 0.8s ease forwards 0.2s;
animation: heroAnimEl 0.8s ease forwards 0.2s;
}
.frontPageHero__cover__el__inner img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: fill;
object-fit: fill;
}
@-webkit-keyframes heroAnimEl {
from {
width: 100%;
}
to {
width: 0%;
}
}
@keyframes heroAnimEl {
from {
width: 100%;
}
to {
width: 0%;
}
}
.frontPageHero__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 72px;
padding-bottom: 60px;
color: #fff;
opacity: 0;
-webkit-animation: heroAnimOpa 0.5s forwards 1s;
animation: heroAnimOpa 0.5s forwards 1s;
}
@-webkit-keyframes heroAnimOpa {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes heroAnimOpa {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.frontPageHero__inner .h1 {
font-size: 84px;
}
}
@media screen and (max-width: 767px) {
.frontPageHero__inner {
gap: 56px;
padding-bottom: 32px;
}
}
.frontPageHero__inner__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
@media screen and (max-width: 767px) {
.frontPageHero__inner__content {
gap: 32px;
}
}
.frontPageHero__inner__content__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
@media screen and (max-width: 767px) {
.frontPageHero__inner__content__btns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
align-self: center;
gap: 16px;
}
}
@media (max-width: 991px) {
.frontPageHero__inner {
padding-top: 250px;
}
}
.frontPageHero__swiper-pagination {
position: absolute;
width: auto !important;
left: 50% !important;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.frontPageHero__swiper-pagination .swiper-pagination-bullet {
width: 14px;
height: 14px;
background-color: #f3f3f3;
opacity: 1;
margin: 0 10px !important;
}
.frontPageHero__swiper-pagination .swiper-pagination-bullet-active {
background-color: #e9da77;
}
@media (max-width: 767px) {
.frontPageHero__swiper-pagination {
position: relative;
left: auto !important;
width: 100% !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translate(0);
transform: translate(0);
margin-top: 16px;
}
}
.frontPageCarousel {
padding: 207px 0;
position: relative;
}
@media screen and (max-width: 991px) {
.frontPageCarousel {
padding: 64px 0;
}
}
.frontPageCarousel__sectionTitle {
color: var(--grey, #b4b4b4);
-webkit-font-feature-settings: "calt" off;
font-feature-settings: "calt" off;
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 130%; letter-spacing: 1.28px;
text-transform: uppercase;
margin-bottom: 72px;
}
@media screen and (max-width: 991px) {
.frontPageCarousel__sectionTitle {
margin-bottom: 48px;
}
}
.frontPageCarousel__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 48px;
}
@media screen and (max-width: 991px) {
.frontPageCarousel__content {
gap: 32px;
margin-top: 48px;
}
}
@media screen and (min-width: 992px) and (max-width: 1399px) {
.frontPageCarousel__content .h1 {
font-size: 80px;
}
}
.frontPageCarousel__content__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px 44px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.frontPageCarousel__photoSwiper {
position: absolute;
top: 76px;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 1px;
min-height: 1px;
}
@media screen and (max-width: 991px) {
.frontPageCarousel__photoSwiper {
position: relative;
top: auto;
right: auto;
width: 100%;
height: 268px;
}
}
.frontPageCarousel__photoSwiper__slide {
opacity: 0 !important;
}
.frontPageCarousel__photoSwiper__slide__mainImg {
position: absolute;
top: 0;
width: 950px;
height: 582px;
z-index: 1;
}
@media screen and (max-width: 991px) {
.frontPageCarousel__photoSwiper__slide__mainImg {
width: 299px;
height: 180px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.frontPageCarousel__photoSwiper__slide__mainImg {
width: 550px;
height: 322px;
top: 140px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
.frontPageCarousel__photoSwiper__slide__mainImg {
width: 600px;
height: 352px;
top: 110px;
}
}
@media screen and (min-width: 1600px) and (max-width: 1849px) {
.frontPageCarousel__photoSwiper__slide__mainImg {
width: 820px;
height: 492px;
top: 110px;
}
}
.frontPageCarousel__photoSwiper__slide__mainImg__cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 2;
pointer-events: none;
}
.frontPageCarousel__photoSwiper__slide__mainImg__cover__el {
width: 12.5%;
height: 100%;
}
.frontPageCarousel__photoSwiper__slide__mainImg__cover__el__inner {
width: 100%;
height: 100%;
background: #fff;
}
.frontPageCarousel__photoSwiper__slide__mainImg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
z-index: 1;
}
.frontPageCarousel__photoSwiper__slide__secImg {
position: absolute;
top: 243px;
width: 403px;
height: 524px;
z-index: 2;
}
@media screen and (max-width: 991px) {
.frontPageCarousel__photoSwiper__slide__secImg {
top: 50px;
width: 164px;
height: 220px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.frontPageCarousel__photoSwiper__slide__secImg {
top: 363px;
width: 240px;
height: 304px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
.frontPageCarousel__photoSwiper__slide__secImg {
top: 363px;
width: 303px;
height: 384px;
}
}
@media screen and (min-width: 1600px) and (max-width: 1849px) {
.frontPageCarousel__photoSwiper__slide__secImg {
top: 363px;
width: 303px;
height: 384px;
}
}
.frontPageCarousel__photoSwiper__slide__secImg__cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 2;
pointer-events: none;
}
.frontPageCarousel__photoSwiper__slide__secImg__cover__el {
width: 25%;
height: 100%;
}
.frontPageCarousel__photoSwiper__slide__secImg__cover__el__inner {
width: 100%;
height: 100%;
background: #fff;
}
.frontPageCarousel__photoSwiper__slide__secImg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
z-index: 1;
}
.frontPageCarousel__photoSwiper__slide.swiper-slide-active {
opacity: 1 !important;
}
.frontPageCarousel__photoSwiper__slide.swiper-slide-active .frontPageCarousel__photoSwiper__slide__mainImg__cover__el__inner {
-webkit-animation: mainImgCover 0.5s forwards;
animation: mainImgCover 0.5s forwards;
}
@-webkit-keyframes mainImgCover {
from {
width: 100%;
}
to {
width: 0%;
}
}
@keyframes mainImgCover {
from {
width: 100%;
}
to {
width: 0%;
}
}
.frontPageCarousel__photoSwiper__slide.swiper-slide-active .frontPageCarousel__photoSwiper__slide__secImg__cover__el__inner {
-webkit-animation: secImgCover 0.5s forwards;
animation: secImgCover 0.5s forwards;
}
@-webkit-keyframes secImgCover {
from {
width: 100%;
}
to {
width: 0%;
}
}
@keyframes secImgCover {
from {
width: 100%;
}
to {
width: 0%;
}
}
.frontPageCarousel__photoSwiper__slide:nth-child(3n-2) .frontPageCarousel__photoSwiper__slide__mainImg {
right: 0;
}
@media screen and (max-width: 991px) {
.frontPageCarousel__photoSwiper__slide:nth-child(3n-2) .frontPageCarousel__photoSwiper__slide__mainImg {
right: 0;
}
}
.frontPageCarousel__photoSwiper__slide:nth-child(3n-2) .frontPageCarousel__photoSwiper__slide__secImg {
right: 689px;
}
@media screen and (max-width: 991px) {
.frontPageCarousel__photoSwiper__slide:nth-child(3n-2) .frontPageCarousel__photoSwiper__slide__secImg {
right: auto;
left: 0;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.frontPageCarousel__photoSwiper__slide:nth-child(3n-2) .frontPageCarousel__photoSwiper__slide__secImg {
right: 250px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
.frontPageCarousel__photoSwiper__slide:nth-child(3n-2) .frontPageCarousel__photoSwiper__slide__secImg {
right: 250px;
}
}
@media screen and (min-width: 1600px) and (max-width: 1849px) {
.frontPageCarousel__photoSwiper__slide:nth-child(3n-2) .frontPageCarousel__photoSwiper__slide__secImg {
right: 250px;
}
}
.frontPageCarousel__photoSwiper__slide:nth-child(3n-1) .frontPageCarousel__photoSwiper__slide__mainImg {
right: 121px;
}
@media screen and (max-width: 991px) {
.frontPageCarousel__photoSwiper__slide:nth-child(3n-1) .frontPageCarousel__photoSwiper__slide__mainImg {
right: auto;
left: 0;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.frontPageCarousel__photoSwiper__slide:nth-child(3n-1) .frontPageCarousel__photoSwiper__slide__mainImg {
right: 30px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
.frontPageCarousel__photoSwiper__slide:nth-child(3n-1) .frontPageCarousel__photoSwiper__slide__mainImg {
right: 30px;
}
}
@media screen and (min-width: 1600px) and (max-width: 1849px) {
.frontPageCarousel__photoSwiper__slide:nth-child(3n-1) .frontPageCarousel__photoSwiper__slide__mainImg {
right: 70px;
}
}
.frontPageCarousel__photoSwiper__slide:nth-child(3n-1) .frontPageCarousel__photoSwiper__slide__secImg {
right: 0;
}
.frontPageCarousel__photoSwiper__slide:nth-child(3n) .frontPageCarousel__photoSwiper__slide__mainImg {
right: 0;
}
@media screen and (max-width: 991px) {
.frontPageCarousel__photoSwiper__slide:nth-child(3n) .frontPageCarousel__photoSwiper__slide__mainImg {
right: auto;
left: 0;
width: 100%;
}
}
.frontPageCarousel__photoSwiper__slide:nth-child(3n) .frontPageCarousel__photoSwiper__slide__secImg {
right: 120px;
}
@media screen and (max-width: 991px) {
.frontPageCarousel__photoSwiper__slide:nth-child(3n) .frontPageCarousel__photoSwiper__slide__secImg {
right: 76px;
}
}
.frontPageCarousel .swiper-pagination {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 39px;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
@media screen and (max-width: 991px) {
.frontPageCarousel .swiper-pagination {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px;
margin-top: 64px;
}
}
.frontPageCarousel .swiper-pagination .swiper-pagination-bullet {
margin: 0;
padding: 0;
width: 14px;
height: 14px;
background: #f3f3f3;
border-radius: 100%;
opacity: 1;
}
.frontPageCarousel .swiper-pagination .swiper-pagination-bullet-active {
background: var(--yellow, #e9da77);
opacity: 1;
}
.s-opinions {
padding: 96px 0;
}
.s-opinions .text-top-section {
color: #b4b4b4;
margin-bottom: 72px;
letter-spacing: 1.28px;
}
@media (max-width: 991px) {
.s-opinions .text-top-section {
margin-bottom: 48px;
}
}
.s-opinions__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.s-opinions__left {
width: 50%;
}
.s-opinions__left__wrap {
max-width: 546px;
margin-left: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 48px;
}
@media (max-width: 1439px) {
.s-opinions__left__wrap {
margin-left: 70px;
}
}
.s-opinions__left__wrap .text {
color: var(--grey, #b4b4b4);
}
.s-opinions__right {
width: 50%;
}
.s-opinions__right__wrap {
padding: 24px 48px 48px 48px;
background: var(--grey-very-light, #fafafa);
margin-right: 140px;
}
@media (max-width: 1439px) {
.s-opinions__right__wrap {
margin-right: 0;
}
}
.s-opinions__right__ico {
margin-bottom: 32px;
}
.s-opinions__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
margin-left: 48px;
margin-top: 24px;
}
.s-opinions__swiper-button-prev, .s-opinions__swiper-button-next {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.s-opinions__swiper-button-prev.swiper-button-disabled svg path, .s-opinions__swiper-button-next.swiper-button-disabled svg path {
fill: #b4b4b4;
}
.s-opinions .s-opinion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 24px;
margin-left: 24px;
}
.s-opinions .s-opinion__stars {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
}
.s-opinions .s-opinion__desc {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.s-opinions .s-opinion__desc.expanded {
-webkit-line-clamp: unset;
display: block;
}
.s-opinions .s-opinion__star {
width: 16px;
height: 16px;
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/star-empty.svg);
}
.s-opinions .s-opinion__star.checked {
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/star.svg);
}
.s-opinions .s-opinion__buttonWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.s-opinions .s-opinion__toggle {
color: #b4b4b4;
cursor: pointer;
}
@media (max-width: 1439px) {
.s-opinions {
padding: 64px 0;
}
.s-opinions__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 48px;
}
.s-opinions__left {
width: 100%;
}
.s-opinions__left__wrap {
margin-left: 0;
row-gap: 32px;
}
.s-opinions__right {
width: 100%;
}
.s-opinions__right__wrap {
padding: 16px;
}
.s-opinions__nav {
margin-left: 16px;
}
}
.hero-subpageGallery {
position: relative;
position: relative;
}
.hero-subpageGallery .container {
height: 100%;
}
.hero-subpageGallery .row {
position: relative;
height: 100;
}
.hero-subpageGallery__headerWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 192px;
position: absolute;
width: 100%;
}
.hero-subpageGallery__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero-subpageGallery__header span {
color: var(--grey, #b4b4b4);
}
.hero-subpageGallery__images {
position: relative;
width: 50vw;
margin-left: 50vw;
padding-left: 30px;
}
.hero-subpageGallery__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
position: relative;
}
.hero-subpageGallery__img--1 {
min-height: 700px;
height: auto;
}
.hero-subpageGallery__img--1 img {
width: auto !important;
}
.hero-subpageGallery__img--2 {
margin-top: -130px;
margin-left: -350px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 600px;
height: auto;
aspect-ratio: 16/9;
}
.hero-subpageGallery__img img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left center;
object-position: left center;
width: 100%;
}
.hero-subpageGallery__cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 2;
pointer-events: none;
}
.hero-subpageGallery__cover__el {
width: 25%;
height: 100%;
}
.hero-subpageGallery__cover__el__inner {
width: 100%;
height: 100%;
background: #fff;
-webkit-animation: aboutImgCover 0.5s forwards 0.7s;
animation: aboutImgCover 0.5s forwards 0.7s;
}
@-webkit-keyframes aboutImgCover {
from {
width: 100%;
}
to {
width: 0%;
}
}
@keyframes aboutImgCover {
from {
width: 100%;
}
to {
width: 0%;
}
}
@media (max-width: 1199px) {
.hero-subpageGallery__headerWrap {
position: relative;
padding-top: 0;
}
.hero-subpageGallery__images {
position: relative;
right: 0;
max-width: 960px;
width: auto;
padding-left: 16px;
margin: 0 auto;
padding-right: 16px;
margin-top: 48px;
}
.hero-subpageGallery__img--1 {
width: 50%;
margin-left: 50%;
height: auto;
}
.hero-subpageGallery__img--2 {
margin-left: 0;
}
}
@media (max-width: 991px) {
.hero-subpageGallery__images {
max-width: 696px;
}
.hero-subpageGallery__img--1 {
width: 70%;
margin-left: 30%;
height: auto;
}
.hero-subpageGallery__img--2 {
width: 70%;
}
}
@media (max-width: 767px) {
.hero-subpageGallery__images {
max-width: 540px;
}
.hero-subpageGallery__img--2 {
margin-top: -20%;
}
}
.dev-page {
padding: 200px 0 200px;
}
.dev-page .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 50px;
}
.dev-page .form {
margin-top: 100px;
}
.page-template-front-page .footer {
margin-top: 0;
}
.contact {
margin-bottom: 192px;
}
@media (max-width: 991px) {
.contact .mobile-direction {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.contact__title {
margin-bottom: 48px;
}
@media (max-width: 991px) {
.contact__title {
margin-bottom: 64px;
}
}
@media (max-width: 991px) {
.contact {
margin-bottom: 128px;
}
}
.contact__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 48px;
gap: 94px;
}
@media (max-width: 991px) {
.contact__left {
padding-top: 64px;
gap: 88px;
}
}
.contact__left .contact-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact__left .contact-box__top {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact__left .contact-box__top .h4 {
width: 100%;
margin-bottom: 48px;
}
.contact__left .contact-box__top .h5 {
width: 100%;
margin-bottom: 32px;
}
.contact__left .contact-box__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 48px 20px;
}
.contact__left .contact-box__content__person {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(50% - 20px);
flex: 1 0 calc(50% - 20px);
gap: 24px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.contact__left .contact-box__content__person__photo {
width: 180px;
height: 180px;
-o-object-fit: cover;
object-fit: cover;
}
.contact__left .contact-box__content__person__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
.contact__left .contact-box__content__person__info .info-top .text--20 {
font-weight: 500;
}
.contact__left .contact-box__content__person__info .info-top .text--16 {
color: #848484;
}
.contact__left .contact-box__content__person__info .info-center a {
display: block;
}
.contact__left .contact-box__content__person__info .info-bottom .text--14 {
color: #848484;
}
@media (max-width: 1439px) {
.contact__left .contact-box__content__person {
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(100% - 0px);
flex: 1 0 calc(100% - 0px);
}
}
@media (max-width: 991px) {
.contact__left .contact-box__content__person {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact__left .contact-box__content__person__info {
gap: 12px;
}
}
.contact__left .office-contact .h5 {
margin-bottom: 32px;
}
.contact__left .office-contact__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px 20px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.contact__left .office-contact__box__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(33% - 24px);
flex: 1 0 calc(33% - 24px);
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
.contact__left .office-contact__box__item .content-office a {
display: block;
}
@media (max-width: 1199px) {
.contact__left .office-contact__box__item {
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(100% - 0px);
flex: 1 0 calc(100% - 0px);
}
}
.contact__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
@media (max-width: 991px) {
.contact__right {
margin-bottom: 64px;
}
}
.contact__right__box {
padding: 48px;
background: #f3f3f3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.contact__right__box__text {
font-weight: 500;
}
.contact__right__box__tel a, .contact__right__box__mail a {
display: block;
}
.blog__list,
.realisation__list {
gap: 48px 0;
padding: 80px 0 0;
}
@media screen and (max-width: 991px) {
.blog__list,
.realisation__list {
padding: 64px 0 0;
}
}
.blog__pag,
.realisation__pag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 72px;
}
.blog__pag__prev.disabled, .blog__pag__next.disabled,
.realisation__pag__prev.disabled,
.realisation__pag__next.disabled {
opacity: 0.5;
pointer-events: none;
}
.blog__pag__current,
.realisation__pag__current {
border: 2px solid var(--yellow, #e9da77);
background: var(--yellow, #e9da77);
padding: 8px 16px;
}
.blog__pag p,
.realisation__pag p {
font-family: "DM Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; letter-spacing: -0.4px;
}
.blog__pag svg,
.realisation__pag svg {
width: 32px;
height: 32px;
}
.blogPost {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
.blogPost__thumb {
width: 100%;
height: 410px;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 575px) {
.blogPost__thumb {
height: 257px;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.blogPost__thumb {
height: 390px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.blogPost__thumb {
height: 500px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.blogPost__thumb {
height: 223px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
.blogPost__thumb {
height: 265px;
}
}
.blogPost__thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all 0.2s;
transition: all 0.2s;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
transform: translate(-50%, -50%) scale3d(1, 1, 1);
}
.blogPost__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
}
.blogPost__title h6 {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.blogPost__title span {
color: var(--light-black, #292727);
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
letter-spacing: -0.32px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blogPost:hover .blogPost__title h6 {
opacity: 0.7;
}
.blogPost:hover img {
-webkit-transform: translate(-50%, -50%) scale3d(1.03, 1.03, 1);
transform: translate(-50%, -50%) scale3d(1.03, 1.03, 1);
}
.page-template-page-blog .subPageTitle {
margin-bottom: 0 !important;
}
.about .about-sec1 {
margin-top: 96px;
max-width: 1100px;
color: var(--grey, #B4B4B4);
}
.about .about-sec1 span {
color: var(--light-black, #292727);
}
@media (max-width: 991px) {
.about .about-sec1 {
margin-top: 48px;
}
}
.about .mision {
margin: 192px 0;
}
.about .mision__title {
padding-bottom: 48px;
border-bottom: 1px solid #f3f3f3;
}
.about .mision__info {
margin-top: 72px;
}
.about .mision__numbers {
margin-top: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 20px;
}
.about .mision__numbers__item {
width: 20%;
}
@media (max-width: 991px) {
.about .mision {
margin: 64px 0;
}
.about .mision__title {
padding-bottom: 24px;
}
.about .mision__info {
margin-top: 40px;
}
.about .mision__numbers {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 32px 25px;
}
.about .mision__numbers__item {
width: calc(50% - 12.5px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.about .btn {
margin-top: 48px;
}
.about .team__title {
margin-bottom: 72px;
}
@media (max-width: 991px) {
.about .team__title {
margin-bottom: 48px;
}
}
.about .team .team-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 48px 21px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.about .team .team-box .person-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(20% - 21px);
flex: 1 0 calc(20% - 21px);
gap: 24px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: calc(20% - 21px);
}
.about .team .team-box .person-box__photo {
width: 100%;
position: relative;
padding-top: 100%;
}
.about .team .team-box .person-box__photo__picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.about .team .team-box .person-box__info .text--16 {
color: #848484;
}
@media (max-width: 991px) {
.about .team .team-box .person-box {
max-width: calc(33% - 21px);
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(33% - 21px);
flex: 1 0 calc(33% - 21px);
}
}
@media (max-width: 767px) {
.about .team .team-box .person-box {
max-width: calc(50% - 21px);
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(50% - 21px);
flex: 1 0 calc(50% - 21px);
gap: 20px;
}
}
@media (max-width: 575px) {
.about .team .team-box .person-box {
max-width: calc(100% - 0px);
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(100% - 0px);
flex: 1 0 calc(100% - 0px);
}
.about .team .team-box .person-box__info .text--16 {
width: calc(100vw - 16px);
}
}
.blogHero__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
.blogHero__inner__back {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 11px 0; font-family: "DM Sans";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%; letter-spacing: -0.8px;
}
.blogHero__inner__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.blogHero__inner__data__square {
width: 8px;
height: 8px;
background: var(--yellow, #e9da77);
}
.blogHero__inner__data__author, .blogHero__inner__data__date {
color: var(--grey-dark, #848484);
-webkit-font-feature-settings: "calt" off;
font-feature-settings: "calt" off; font-family: "DM Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; letter-spacing: -0.4px;
}
.blogPostContent {
padding-top: 48px;
}
.blogPostContent__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 48px;
}
.blogPostContent__inner p { font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; letter-spacing: -0.32px;
}
.blogPostContent__inner .wp-element-caption {
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; letter-spacing: -0.32px;
margin: 16px 0 0;
}
.blogPostContent__inner .wp-block-image {
margin: 0;
}
.blogPostContent__inner .wp-block-columns {
gap: 20px;
margin: 0;
}
.saloonMap {
margin-bottom: 120px;
}
@media screen and (max-width: 991px) {
.saloonMap {
margin-bottom: 128px;
}
}
.saloonMap__sectionTitle {
margin-bottom: 48px;
}
@media screen and (max-width: 991px) {
.saloonMap__map {
margin-bottom: 48px;
}
}
.saloonMap__map #map {
width: 100%;
height: 862px;
}
.saloonMap__dropDowns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
margin-bottom: 24px;
}
.saloonMap__filters {
height: 100%;
max-height: 706px;
}
@media screen and (max-width: 991px) {
.saloonMap__filters {
max-height: inherit;
}
}
.saloonMap__filters .os-scrollbar-auto-hidden {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.saloonMap__filters .os-scrollbar {
padding: 0;
}
.saloonMap__filters .os-scrollbar-vertical {
width: 8px;
border-radius: 10px;
}
.saloonMap__filters__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
padding-right: 28px;
overflow-y: scroll !important;
}
@media screen and (max-width: 991px) {
.saloonMap__filters__inner {
overflow-y: hidden !important;
padding-right: 0;
}
}
.saloonMap__filters__inner::-webkit-scrollbar {
width: 8px;
border-radius: 10px;
}
.saloonMap__filters__inner::-webkit-scrollbar-track {
background: #f1f1f1;
width: 8px !important;
border-radius: 10px;
}
.saloonMap__filters__inner::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 10px;
border: 0px solid #f1f1f1;
width: 8px;
}
.saloonMap__filters__inner::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
.saloonMap__filters__inner .mapListEl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
padding: 20px;
background: var(--grey-very-light, #fafafa);
}
.saloonMap__filters__inner .mapListEl--active {
background: var(--grey-light, #f3f3f3);
}
.saloonMap__filters__inner .mapListEl__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
@media screen and (max-width: 575px) {
.saloonMap__filters__inner .mapListEl__top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
}
.saloonMap__filters__inner .mapListEl__top__address__city {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 8px;
font-size: 20px;
letter-spacing: -4%;
}
.saloonMap__filters__inner .mapListEl__top__address__street {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.saloonMap__filters__inner .mapListEl__bot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
display: none;
}
.saloonMap__filters__inner .mapListEl__bot__el__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 500;
padding: 11px 0;
width: 100%;
cursor: pointer;
z-index: 1;
}
.saloonMap__filters__inner .mapListEl__bot__el__answer {
display: none;
}
.saloonMap__filters__inner .mapListEl__bot__el__answer__hours {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.saloonMap__filters__inner .mapListEl__bot__el__answer__hours__el {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-weight: 500 !important;
}
.saloonMap__filters__inner .mapListEl__bot__el__answer__hours__el__name {
width: 160px;
}
.saloonMap__filters__inner .mapListEl__bot__el__answer__hours__el__value {
white-space: nowrap;
}
.saloonMap__filters__inner .mapListEl__bot__el__answer__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.saloonMap__filters__inner .mapListEl__bot__el__answer__info b p {
font-weight: 500;
}
.saloonMap__filters__inner .mapListEl__bot__el--active .mapListEl__bot__el__answer {
display: block;
}
.saloonMap__filters__inner .mapListEl__bot__el--active .mapListEl__bot__el__title svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.saloonMap__filters__inner .mapListEl__bot__btn {
display: block;
width: 100%;
margin: 32px auto 0;
}
.dropDown {
width: 100%;
display: block;
cursor: pointer;
position: relative;
}
.dropDown__bar {
color: var(--light-black, #292727);
-webkit-font-feature-settings: "calt" off;
font-feature-settings: "calt" off; font-family: "DM Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; letter-spacing: -0.4px;
padding: 18px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid var(--grey, #b4b4b4);
}
.dropDown__bar:hover {
border: 1px solid var(--grey-dark, #848484);
}
.dropDown__list {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
left: 0;
top: calc(100% - 1px);
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
background: #fff;
border-right: 1px solid var(--light-black, #292727);
border-left: 1px solid var(--light-black, #292727);
border-bottom: 1px solid var(--light-black, #292727);
z-index: 9;
padding-top: 1px;
max-height: 300px;
overflow-y: auto;
}
.dropDown__list__el { font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; letter-spacing: -0.32px;
padding: 8px 12px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.dropDown__list__el:hover {
background: var(--grey-light, #f3f3f3);
}
.dropDown--active .dropDown__bar {
border: 1px solid var(--light-black, #292727);
}
.dropDown--active .dropDown__bar:hover {
border: 1px solid var(--light-black, #292727);
}
.dropDown--active .dropDown__bar svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.dropDown--active .dropDown__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-template-partner-zone-cooperation .breadcrumbs {
z-index: 1;
position: relative;
}
.page-template-partner-zone-cooperation .partner-zone-cooperation-back-img {
position: absolute;
width: 100vw;
height: auto;
-o-object-fit: cover;
object-fit: cover;
top: auto;
bottom: 0;
left: 0;
}
@media (max-width: 991px) {
.page-template-partner-zone-cooperation .partner-zone-cooperation-back-img {
display: none;
}
}
.page-template-partner-zone-cooperation .partner-zone-cooperation-back-img-mobile {
position: absolute;
width: 100vw;
max-width: 450px;
height: auto;
-o-object-fit: cover;
object-fit: cover;
top: auto;
bottom: 0;
left: auto;
right: 0;
display: none;
}
@media (max-width: 991px) {
.page-template-partner-zone-cooperation .partner-zone-cooperation-back-img-mobile {
display: block;
}
}
.page-template-partner-zone-cooperation .partner-zone-cooperation {
position: relative;
padding-top: 173px;
padding-bottom: 290px;
}
@media (max-width: 991px) {
.page-template-partner-zone-cooperation .partner-zone-cooperation {
padding-top: 64px;
}
}
@media (max-width: 576px) {
.page-template-partner-zone-cooperation .partner-zone-cooperation {
padding-bottom: 460px;
}
}
@media (max-width: 460px) {
.page-template-partner-zone-cooperation .partner-zone-cooperation {
padding-bottom: 105vw;
}
}
.page-template-partner-zone-cooperation .partner-zone-cooperation__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
@media (max-width: 991px) {
.page-template-partner-zone-cooperation .partner-zone-cooperation__content {
padding-top: 128px;
}
}
.page-template-partner-zone-cooperation .partner-zone-cooperation__title {
text-align: center;
margin-bottom: 24px;
z-index: 1;
}
.page-template-partner-zone-cooperation .partner-zone-cooperation__text {
text-align: center;
margin-bottom: 56px;
color: var(--grey, #b4b4b4);
font-weight: 500;
line-height: 130%;
letter-spacing: -0.48px;
width: 75%;
z-index: 1;
}
@media (max-width: 991px) {
.page-template-partner-zone-cooperation .partner-zone-cooperation__text {
margin-bottom: 48px;
}
}
.page-template-partner-zone-cooperation .partner-zone-cooperation__nr-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 150px;
margin-bottom: 56px;
z-index: 1;
}
@media (max-width: 991px) {
.page-template-partner-zone-cooperation .partner-zone-cooperation__nr-box {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
margin-bottom: 48px;
}
}
.page-template-partner-zone-cooperation .partner-zone-cooperation .btn {
margin: 0 auto;
z-index: 1;
}
.page-template-partner-zone .partner-zone {
position: relative;
}
.page-template-partner-zone .partner-zone__top__title {
margin: 48px 0;
}
@media (max-width: 991px) {
.page-template-partner-zone .partner-zone__top__title {
margin: 16px 0 40px;
}
}
.page-template-partner-zone .partner-zone__left {
position: relative;
padding: 192px 0;
z-index: 1;
}
@media (max-width: 991px) {
.page-template-partner-zone .partner-zone__left {
padding: 104px 0 0;
}
}
.page-template-partner-zone .partner-zone__left__inputWrap {
position: relative;
}
.page-template-partner-zone .partner-zone__left__error {
position: absolute;
top: 65px;
left: 0;
font-size: 10px;
color: red;
display: none;
}
.page-template-partner-zone .partner-zone__left .text-input {
position: relative;
top: 30px;
left: 16px;
z-index: 1;
color: var(--grey-dark, #848484);
font-style: normal;
font-weight: 400;
line-height: 145%;
letter-spacing: -0.28px;
}
.page-template-partner-zone .partner-zone__left .code-input {
border: 1px solid var(--grey, #b4b4b4);
font-family: "DM Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 145%; letter-spacing: -0.28px;
-webkit-font-feature-settings: "calt" off;
font-feature-settings: "calt" off;
color: #292727;
padding: 30px 16px 10px;
width: 100%;
height: 62px;
position: relative;
margin-bottom: 20px;
}
.page-template-partner-zone .partner-zone__left .code-input.error {
border: 1px solid red;
}
.page-template-partner-zone .partner-zone__left__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
.page-template-partner-zone .partner-zone__left__bottom .link-contact {
text-decoration: underline;
}
@media (max-width: 767px) {
.page-template-partner-zone .partner-zone__left__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.page-template-partner-zone .partner-zone__right {
position: relative;
padding: 192px 0;
padding-left: 280px;
}
@media (max-width: 1439px) {
.page-template-partner-zone .partner-zone__right {
padding-left: 0;
}
}
@media (max-width: 991px) {
.page-template-partner-zone .partner-zone__right {
padding: 104px 0 430px;
}
}
@media (max-width: 460px) {
.page-template-partner-zone .partner-zone__right {
padding-bottom: 105vw;
}
}
.page-template-partner-zone .partner-zone__right .h4 {
margin-bottom: 24px;
position: relative;
z-index: 1;
}
.page-template-partner-zone .partner-zone__right .h6 {
margin-bottom: 56px;
position: relative;
z-index: 1;
color: var(--grey, #b4b4b4);
}
.page-template-partner-zone .partner-zone__right .btn {
position: relative;
z-index: 1;
}
.page-template-partner-zone .partner-zone__img {
position: absolute;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: auto;
-o-object-fit: cover;
object-fit: cover;
top: auto;
bottom: 0;
left: auto;
right: 0;
}
@media (max-width: 991px) {
.page-template-partner-zone .partner-zone__img {
display: none;
}
}
.page-template-partner-zone .partner-zone__img-mobile {
position: absolute;
width: 100vw;
max-width: 450px;
height: auto;
-o-object-fit: cover;
object-fit: cover;
top: auto;
bottom: 0;
left: auto;
right: 0;
display: none;
}
@media (max-width: 991px) {
.page-template-partner-zone .partner-zone__img-mobile {
display: block;
}
}
.start-cooper {
position: relative;
width: 100%;
}
@media (max-width: 991px) {
.start-cooper {
padding-bottom: 290px;
}
}
@media (max-width: 576px) {
.start-cooper {
padding-bottom: 460px;
}
}
@media (max-width: 460px) {
.start-cooper {
padding-bottom: 105vw;
}
}
.start-cooper__title {
margin-top: 48px;
}
@media (max-width: 991px) {
.start-cooper__title {
margin-top: 16px;
}
}
.start-cooper__text {
margin-top: 48px;
margin-bottom: 192px;
}
@media (max-width: 991px) {
.start-cooper__text {
margin-top: 40px;
margin-bottom: 104px;
}
}
.start-cooper__left {
position: relative;
z-index: 1;
}
.start-cooper__left .h4 {
padding-bottom: 24px;
}
.start-cooper__left .form {
margin-bottom: 192px;
}
.start-cooper__left .form .wpcf7-list-item-label {
color: var(--light-black, #292727);
-webkit-font-feature-settings: "calt" off;
font-feature-settings: "calt" off; font-family: "DM Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 145%; letter-spacing: -0.28px;
}
.start-cooper__left .form label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.start-cooper__left .form label a {
color: var(--light-black, #292727) !important;
-webkit-font-feature-settings: "calt" off;
font-feature-settings: "calt" off;
font-family: "DM Sans";
font-size: 14px;
font-style: normal;
font-weight: 400 !important;
line-height: 145%;
letter-spacing: -0.28px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.start-cooper__left .form .btn {
border: 0 solid transparent;
margin-top: 32px;
}
@media (max-width: 991px) {
.start-cooper__left .form {
margin-bottom: 128px;
}
}
.start-cooper__right {
position: relative;
z-index: 1;
}
.start-cooper__right .h4 {
margin-bottom: 24px;
}
.start-cooper__right .h6 {
margin-bottom: 56px;
color: var(--grey, #b4b4b4);
}
.start-cooper__img {
position: absolute;
width: auto;
height: 605px;
-o-object-fit: cover;
object-fit: cover;
top: auto;
bottom: 0;
left: auto;
right: 0;
}
@media (max-width: 991px) {
.start-cooper__img {
display: none;
}
}
.start-cooper .partner-zone-cooperation-back-img-mobile {
position: absolute;
width: 100vw;
max-width: 450px;
height: auto;
-o-object-fit: cover;
object-fit: cover;
top: auto;
bottom: 0;
left: auto;
right: 0;
display: none;
}
@media (max-width: 991px) {
.start-cooper .partner-zone-cooperation-back-img-mobile {
display: block;
}
}
.start-cooper select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 16px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5"><path fill="none" stroke="%23848484" d="M1 1l4 4 4-4"/></svg>') no-repeat right 10px center;
}
.for-download__top {
margin-top: 48px;
}
.for-download__top__title {
margin-bottom: 48px;
}
@media (max-width: 991px) {
.for-download__top {
margin-top: 16px;
}
.for-download__top__title {
margin-bottom: 40px;
}
}
.for-download__files {
margin-top: 128px;
}
@media (max-width: 991px) {
.for-download__files {
margin-top: 104px;
}
}
.for-download__files__title {
margin-bottom: 48px;
}
.for-download__files__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 48px 20px;
}
.for-download__files__items .box-item {
width: calc(25% - 20px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1439px) {
.for-download__files__items .box-item {
width: calc(33.33% - 20px);
}
}
@media (max-width: 1199px) {
.for-download__files__items .box-item {
width: calc(50% - 20px);
}
}
@media (max-width: 767px) {
.for-download__files__items .box-item {
width: calc(100% - 0px);
}
}
.for-download__files__items .box-item__photo {
height: 304px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 991px) {
.for-download__files__items .box-item__photo {
height: 257px;
}
}
.for-download__files__items .box-item__bottom {
margin-top: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.for-download__files__items .box-item__bottom__name {
color: var(--light-black, #292727);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 130%; letter-spacing: -0.8px;
}
.for-download__files__items .box-item__bottom__donwload {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 60px;
height: 48px;
padding: 0px 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--yellow, #e9da77);
}
@media (max-width: 991px) {
.for-download__files__items .box-item__bottom {
margin-top: 24px;
}
}
.page-default__title {
margin-bottom: 48px;
}
.page-default__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-default__content h2,
.page-default__content h3,
.page-default__content h4,
.page-default__content h5,
.page-default__content h6 {
margin-bottom: 32px;
}
.page-default__content p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; letter-spacing: -0.32px;
margin-bottom: 48px;
}
.page-default__content ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
list-style-type: none;
margin: 0;
position: relative;
margin-top: -32px;
}
.page-default__content ul li {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; letter-spacing: -0.32px;
position: relative;
}
.page-default__content ul li::before {
content: "";
position: absolute;
left: -30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: var(--yellow, #e9da77);
width: 8px;
height: 8px;
}
.defeault-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.defeault-text h2,
.defeault-text h3,
.defeault-text h4,
.defeault-text h5,
.defeault-text h6 {
margin: 15px 0;
}
.defeault-text p {
font-size: 20px;
line-height: 130%;
letter-spacing: -0.4px;
}
@media (max-width: 767px) {
.defeault-text p {
letter-spacing: -0.8px;
}
}
.defeault-text ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
list-style-type: none;
position: relative;
}
.defeault-text ul li {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; letter-spacing: -0.32px;
position: relative;
}
.defeault-text ul li::before {
content: "";
position: absolute;
left: -30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: var(--yellow, #e9da77);
width: 8px;
height: 8px;
}
.defeault-text a {
text-decoration: underline;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.defeault-text a:hover {
opacity: 0.7;
}
.search-page .form-main {
margin-top: 48px;
width: 840px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-page .form-main button[type=submit] {
background: white;
width: auto;
height: auto;
cursor: pointer;
width: 70px;
height: 68px;
position: absolute;
right: 0;
border: none;
}
.search-page .form-main input[type=search] {
padding: 40px 0;
color: var(--grey-dark, #848484);
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.64px;
width: 100%;
padding-right: 80px;
border: none;
border-bottom: 1px solid var(--grey, #b4b4b4);
color: var(--light-black, #292727);
}
.search-page .form-main input:-webkit-autofill {
background-color: transparent !important;
}
.search-page .form-main input:autofill {
background-color: transparent !important; }
.search-page .form-main input[type=search]::-webkit-input-placeholder {
color: var(--grey-dark, #848484);
}
.search-page .form-main input[type=search]::-moz-placeholder {
color: var(--grey-dark, #848484);
}
.search-page .form-main input[type=search]:-ms-input-placeholder {
color: var(--grey-dark, #848484);
}
.search-page .form-main input[type=search]::-ms-input-placeholder {
color: var(--grey-dark, #848484);
}
.search-page .form-main input[type=search]::placeholder {
color: var(--grey-dark, #848484);
}
.search-page .form-main input[type=search]::-webkit-search-cancel-button {
display: none;
}
.search-page .search-result {
margin-top: 96px;
}
.search-page .search-result__products {
margin-top: 96px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 48px 20px;
}
.search-page .search-result .products-pagination {
margin-top: 72px;
}
@media (max-width: 1199px) {
.search-page .form-main {
width: 100%;
}
.search-page .form-main input[type=search] {
width: 100%;
}
.search-page .search-result {
margin-top: 96px;
}
.search-page .search-result__products {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.search-page .form-main {
width: 100%;
margin-top: 16px;
}
.search-page .form-main input[type=search] {
padding: 14px 0;
padding-right: 80px;
}
.search-page .form-main button[type=submit] svg {
width: 32px;
height: 32px;
}
.search-page .search-result {
margin-top: 48px;
}
.search-page .search-result__products {
grid-template-columns: repeat(1, 1fr);
}
}
.page-template-search .banner {
margin-top: 192px;
}
.page-template-search .footer {
margin-top: 0;
}
@media (max-width: 992px) {
.page-template-search .banner {
margin-top: 128px;
}
}
.p-lp .p-lp-descSec {
margin-top: 72px;
margin-bottom: 64px;
}
.p-lp .p-lp-descSec__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 48px;
}
.p-lp .p-lp-descSec__miniHeader {
color: var(--grey, #b4b4b4);
text-transform: uppercase;
}
.p-lp .p-lp-descSec__description {
color: var(--grey, #b4b4b4);
}
.p-lp .p-lp-descSec__description span {
color: var(--light-black, #292727);
}
@media (max-width: 991px) {
.p-lp .p-lp-descSec {
margin-top: 48px;
}
}
.p-lp .p-lp-systems {
margin: 192px 0;
}
.p-lp .p-lp-systems__header {
padding-bottom: 48px;
border-bottom: 1px solid rgba(41, 39, 39, 0.1);
}
.p-lp .p-lp-systems__items {
padding-top: 72px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 72px 20px;
}
.p-lp .p-lp-systems__item {
width: calc(50% - 10px);
padding-right: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 24px;
}
.p-lp .p-lp-systems__logoWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.p-lp .p-lp-systems__logo {
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-lp .p-lp-systems__logo img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 991px) {
.p-lp .p-lp-systems {
margin: 128px 0;
}
.p-lp .p-lp-systems__header {
padding-bottom: 24px;
}
.p-lp .p-lp-systems__items {
padding-top: 40px;
row-gap: 56px;
}
.p-lp .p-lp-systems__item {
width: 100%;
}
}
.p-lp .p-lp-types {
margin: 192px 0;
}
.p-lp .p-lp-types__header {
padding-bottom: 48px;
border-bottom: 1px solid rgba(41, 39, 39, 0.1);
}
.p-lp .p-lp-types__content {
padding-top: 72px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 72px;
-moz-column-gap: 72px;
column-gap: 72px;
}
.p-lp .p-lp-types__leftImg {
width: 100%;
}
.p-lp .p-lp-types__boxs {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 48px;
}
.p-lp .p-lp-types__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
column-gap: 48px;
}
.p-lp .p-lp-types__boxImg {
width: 140px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.p-lp .p-lp-types__boxDesc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 24px;
}
@media (max-width: 991px) {
.p-lp .p-lp-types {
margin: 128px 0;
}
.p-lp .p-lp-types__header {
padding-bottom: 24px;
}
.p-lp .p-lp-types__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 40px;
padding-top: 40px;
}
.p-lp .p-lp-types__box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 8px;
}
}
@media (max-width: 767px) {
.p-lp .p-lp-types__boxImg {
width: 78px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
}
.p-lp .newsProducts {
padding: 0;
margin: 192px 0;
}
@media (max-width: 991px) {
.p-lp .newsProducts {
margin: 128px 0;
}
}
body.page-template-page-product-line .footer {
margin-top: 0;
}
.shop-list {
margin-bottom: 192px;
}
@media (max-width: 991px) {
.shop-list {
margin-bottom: 128px;
}
}
.shop-list .h4 {
margin-bottom: 48px;
}
.shop-list .height-box {
margin-bottom: 20px;
}
.shop-list__box {
background: #f3f3f3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 32px;
height: 100%;
}
.shop-list__box__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
}
.shop-list__box__info a {
display: block;
}
.banner {
position: relative;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.banner__left {
background: #f3f3f3;
padding: 96px 306px 96px 140px;
margin: 84px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 48px;
}
.banner__left .text--20 {
color: #b4b4b4;
}
.banner__photo {
height: 100%;
width: 43vw;
left: -25px;
position: relative;
}
.banner__photo img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1439px) {
.banner__left {
padding: 50px 70px 50px 70px;
margin: 60px 0;
}
.banner__photo {
width: 45vw;
}
}
@media (max-width: 991px) {
.banner__photo {
width: 100%;
height: 57vw;
left: 0;
}
.banner__left {
margin: 0;
}
}
@media (max-width: 575px) {
.banner__photo {
width: 100vw;
height: 85vw;
left: -16px;
}
.banner__left {
padding: 48px 0 64px 0;
gap: 32px;
background: transparent;
}
}
@media (max-width: 991px) {
.banner .mobile-direction {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.about-hp {
position: relative;
padding: 187px 0;
}
@media (max-width: 991px) {
.about-hp {
padding: 64px 0;
}
}
.about-hp__img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
left: 0;
}
@media (max-width: 991px) {
.about-hp__img {
height: 40%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.about-hp .text-top-section {
color: #b4b4b4;
margin-bottom: 72px;
}
@media (max-width: 991px) {
.about-hp .text-top-section {
margin-bottom: 48px;
}
}
.about-hp__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 72px;
}
.about-hp__content .h1 {
color: #b4b4b4;
}
.about-hp__content .h1 span {
color: #292727;
}
@media (max-width: 991px) {
.about-hp__content .h1 {
text-align: center;
}
}
.about-hp__content .h5 {
text-align: center;
color: #b4b4b4;
}
.about-hp__content__numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.about-hp__content__numbers__item {
padding-left: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: calc(25% - 20px);
}
.about-hp__content__numbers__item .h4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 991px) {
.about-hp__content__numbers__item {
padding-left: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(50% - 20px);
text-align: center;
}
}
@media (max-width: 991px) {
.about-hp__content {
gap: 48px;
}
}
.philosophy-hp {
position: relative;
padding: 96px 0;
}
@media (max-width: 991px) {
.philosophy-hp {
padding: 64px 0;
}
}
.philosophy-hp .text-top-section {
color: #b4b4b4;
margin-bottom: 72px;
}
@media (max-width: 991px) {
.philosophy-hp .text-top-section {
margin-bottom: 48px;
}
}
.philosophy-hp__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
.philosophy-hp__content .h5 {
color: #b4b4b4;
}
.philosophy-hp__content__numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.philosophy-hp__content__numbers__item {
padding-left: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: calc(25% - 20px);
}
.philosophy-hp__content__numbers__item .h4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 991px) {
.philosophy-hp__content__numbers__item {
padding-left: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(50% - 20px);
text-align: center;
}
}
@media (max-width: 991px) {
.philosophy-hp__content {
gap: 48px;
}
}
.productsSection .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: clamp(20px, 8.333vw, 160px);
-moz-column-gap: clamp(20px, 8.333vw, 160px);
column-gap: clamp(20px, 8.333vw, 160px);
}
.productsSection .products-wrap__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
width: 100%;
}
.productsSection .products-wrap__header h1 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.productsSection .products-wrap .dropDown {
width: 190px;
}
.productsSection .products-wrap .dropDown__bar {
padding: 8px 12px;
font-size: 16px;
border: 1px solid var(--light-black, #292727);
}
.productsSection .filters {
width: 295px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 48px;
}
.productsSection .filters__header {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.productsSection .filters__header svg {
display: none;
}
.productsSection .filters-items {
margin-top: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 12px;
}
.productsSection .filters-items__itemWrap {
position: relative;
}
.productsSection .filters-items__itemWrap label {
padding-left: 12px;
cursor: pointer;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 145%;
letter-spacing: -0.28px;
}
.productsSection .filters-items__itemWrap .sub-items {
margin: 12px 0 12px 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 12px;
max-width: calc(100% - 53px);
}
@media (max-width: 767px) {
.productsSection .filters-items__itemWrap .sub-items {
max-width: 100%;
}
}
.productsSection .filters-items__itemWrap .sub-items .filters-items__item {
max-width: 100%;
}
.productsSection .filters-items__itemWrap .toggle-subitems {
display: none;
height: 100%;
width: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 767px) {
.productsSection .filters-items__itemWrap .toggle-subitems {
width: 40px;
}
}
.productsSection .filters-items__itemWrap .toggle-subitems svg {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.productsSection .filters-items__itemWrap .toggle-subitems.toggleActive svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.productsSection .filters-items__itemWrap .toggle-subitems.disabled svg {
opacity: 0.5;
}
.productsSection .filters-items__itemWrap.hasinner .toggle-subitems {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.productsSection .filters-items__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
max-width: calc(100% - 25px);
}
@media (max-width: 767px) {
.productsSection .filters-items__item {
max-width: 100%;
padding-right: 40px;
}
}
.productsSection .products-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.productsSection .products {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px 20px;
margin-top: 48px;
min-height: 100vh;
}
@media (max-width: 1439px) {
.productsSection .container {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.productsSection .products {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) {
.productsSection .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.productsSection .filters {
margin-top: 24px;
width: 100%;
}
.productsSection .filters {
row-gap: 24px;
}
.productsSection .filters__header {
font-size: 24px;
}
.productsSection .filters__header svg {
display: block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.productsSection .filters__header.active svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.productsSection .filters-items {
margin-top: 0;
padding: 0 20px;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s ease, margin-top 0.3s ease;
transition: max-height 0.3s ease, margin-top 0.3s ease;
}
.productsSection .filters-items.open {
margin-top: 14px;
}
.productsSection .products-wrap .dropDown {
margin-top: 48px;
}
.productsSection .products {
margin-top: 32px;
}
}
@media (max-width: 767px) {
.productsSection .filters-items {
row-gap: 2px;
}
.productsSection .filters-items__itemWrap label {
padding: 12px;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.4px;
}
}
@media (max-width: 575px) {
.productsSection .products-wrap .dropDown {
width: 100%;
}
.productsSection .products {
grid-template-columns: 1fr;
}
}
.page-template-template-products .banner {
margin-top: 192px;
}
.page-template-template-products .footer {
margin-top: 0;
}
@media (max-width: 992px) {
.page-template-template-products .banner {
margin-top: 128px;
}
}
.single-product {
width: 100%;
}
.single-product .sp-topWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
column-gap: 48px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single-product .sp-carousel-wrap {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
@media (max-width: 991px) {
.single-product .sp-carousel-wrap {
width: 100%;
}
}
.single-product .sp-carousel-wrap .sp-carousel {
position: relative;
width: calc(100% - 144px);
height: 634px;
}
.single-product .sp-carousel-wrap .sp-carousel .swiper-wrapper {
height: 634px;
}
.single-product .sp-carousel-wrap .sp-carousel__item {
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single-product .sp-carousel-wrap .sp-carousel__item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.single-product .sp-carousel-wrap .sp-carousel__item img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.single-product .sp-carousel-wrap .sp-carousel__nav {
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: calc(50% - 24px);
width: 100%;
}
.single-product .sp-carousel-wrap .sp-carousel__nav-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
z-index: 9999999;
position: relative;
}
.single-product .sp-carousel-wrap .sp-carousel__nav-item.swiper-button-disabled {
cursor: auto;
}
.single-product .sp-carousel-wrap .sp-carousel__nav-item.swiper-button-disabled svg path {
fill: #848484;
}
@media (max-width: 1199px) {
.single-product .sp-carousel-wrap .sp-carousel {
width: 100%;
height: auto;
}
.single-product .sp-carousel-wrap .sp-carousel .swiper-wrapper {
height: auto;
}
.single-product .sp-carousel-wrap .sp-carousel__nav {
position: relative;
top: auto;
margin-top: 30px;
}
}
.single-product .sp-carousel-wrap .sp-carousel-thumb {
width: 122px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.single-product .sp-carousel-wrap .sp-carousel-thumb .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 634px;
}
.single-product .sp-carousel-wrap .sp-carousel-thumb .swiper-wrapper .swiper-slide {
cursor: pointer;
width: 100%;
border: 1px solid var(--grey-light, #f3f3f3);
}
.single-product .sp-carousel-wrap .sp-carousel-thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
border: 4px solid var(--yellow, #e9da77);
}
@media (max-width: 1199px) {
.single-product .sp-carousel-wrap .sp-carousel-thumb {
display: none;
}
}
.single-product .sp-data {
width: 50%;
}
.single-product .sp-data .sp-data-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 16px;
}
.single-product .sp-data .sp-data-header__topWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single-product .sp-data .sp-data-colors {
margin-top: 24px;
}
.single-product .sp-data .sp-data-colors__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
margin-top: 8px;
}
.single-product .sp-data .sp-data-colors .product-colors {
margin-top: 0;
}
.single-product .sp-data .sp-data-colors .product-colors__color {
width: 40px;
height: 40px;
}
.single-product .sp-data .sp-data-colors .sp-data-colors-ral {
position: relative;
cursor: pointer;
}
.single-product .sp-data .sp-data-colors .sp-data-colors-ral__tooltip {
position: absolute;
padding: 10px 6px;
background: var(--yellow, #e9da77);
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 50px;
display: none;
}
.single-product .sp-data .sp-data-colors .sp-data-colors-ral__tooltip::before {
content: "";
position: absolute;
top: 50%;
left: -28px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-width: 14px;
border-style: solid;
border-color: transparent var(--yellow, #e9da77) transparent transparent;
}
.single-product .sp-data .sp-data-info {
margin-top: 24px;
}
.single-product .sp-data .sp-data-info__table {
margin-top: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 2px;
}
.single-product .sp-data .sp-data-info__more {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.single-product .sp-data .sp-data-info__more:hover {
color: #848484;
}
.single-product .sp-data .sp-data-info__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.single-product .sp-data .sp-data-info__label {
width: 162px;
color: var(--grey-dark, #848484);
}
.single-product .sp-data .sp-data-info__value {
width: auto;
max-width: 100%;
}
.single-product .sp-data .sp-data-info__value span:last-child {
display: none;
}
.single-product .sp-data .sp-data-info--quantity {
margin-top: 48px;
}
.single-product .sp-data .sp-data-info--quantity .sp-data-info__label {
color: var(--light-black, #292727);
}
.single-product .sp-about {
width: 100%;
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 24px;
}
.single-product .sp-cta {
margin-top: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px 16px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single-product .sp-cta div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.single-product .sp-cta-download {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 245px;
position: relative;
}
.single-product .sp-cta-download .btn {
width: 100%;
}
.single-product .sp-cta-download .btn svg {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.single-product .sp-cta-download .btn.active svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.single-product .sp-cta-download ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 0;
width: 100%;
display: none;
position: absolute;
top: 48px;
left: 0;
width: 100%;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
z-index: 99;
}
.single-product .sp-cta-download ul li {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
border-bottom: 1px solid var(--grey-light, #f3f3f3);
}
.single-product .sp-cta-download ul li a {
height: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--white, #fff);
padding: 0 16px;
}
.single-product .sp-cta-download ul li a svg {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.single-product .sp-cta-download ul li a:hover {
background: var(--grey-light, #f3f3f3);
}
.single-product .product-tags {
position: relative;
padding: 0;
width: auto;
}
@media (max-width: 991px) {
.single-product .sp-topWrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-product .sp-data {
width: 100%;
margin-top: 48px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-product .sp-cta {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 16px;
}
.single-product .sp-about {
margin-top: 64px;
}
}
@media (max-width: 767px) {
.single-product .sp-cta div {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 16px;
}
}
@media (max-width: 575px) {
.single-product .sp-cta div {
width: 100%;
}
}
.modal-pdf {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 48px;
padding-right: 28px;
width: 800px;
max-width: 100%;
max-height: 90vh;
overflow: auto;
background: white;
z-index: 99999;
display: none;
}
.modal-pdf.open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-pdf__close {
position: absolute;
width: 48px;
height: 48px;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
display: flex;
}
.modal-pdf__close svg path {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.modal-pdf__close:hover svg path {
fill: var(--grey-dark, #848484);
}
.modal-pdf__productName {
color: var(--grey-dark, #848484);
margin-top: 8px;
}
.modal-pdf__photos {
margin-top: 40px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
max-height: 350px;
overflow-y: auto;
padding-right: 20px;  }
.modal-pdf__photos::-webkit-scrollbar {
width: 8px;
}
.modal-pdf__photos::-webkit-scrollbar-track {
background: rgba(232, 232, 232, 0.9411764706);
}
.modal-pdf__photos::-webkit-scrollbar-thumb {
background: #c2c2c2;
border-radius: 4px;
}
.modal-pdf__photos::-webkit-scrollbar-thumb:hover {
background: #848484;
}
.modal-pdf__photo {
width: 100%;
position: relative;
padding-bottom: 100%;
overflow: hidden;
border: 1px solid #f1f1f1;
position: relative;
cursor: pointer;
}
.modal-pdf__photo img {
position: absolute;
max-width: 100%;
max-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.modal-pdf__photo svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
display: none;
}
.modal-pdf__photo svg circle {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.modal-pdf__photo.checked svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.modal-pdf__photo.checked:hover svg circle {
fill: #d5d5d5;
}
.modal-pdf__btn {
margin-top: 40px;
}
@media (max-width: 992px) {
.modal-pdf__photos {
max-height: none;
}
}
@media (max-width: 768px) {
.modal-pdf {
max-width: 96%;
padding: 16px;
padding-top: 38px;
max-height: 96dvh;
}
.modal-pdf__photos {
grid-template-columns: repeat(2, 1fr);
padding-right: 16px;
margin-top: 30px;
}
.modal-pdf__btn {
margin-top: 30px;
}
.modal-pdf__close {
width: 38px;
height: 38px;
}
}
.modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9999;
display: none;
}
.modal-overlay.open {
display: block;
}
.product-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
.product-item__photo {
width: 100%;
position: relative;
padding-bottom: 100%;
overflow: hidden;
}
.product-item__photo img {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.product-item__photo:hover img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale3d(1.03, 1.03, 1);
transform: translate(-50%, -50%) scale3d(1.03, 1.03, 1);
-webkit-transform-origin: center;
transform-origin: center;
}
.product-item__img {
position: absolute;
max-width: 100%;
max-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-item__img img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-item__info {
padding-right: 16px;
margin-top: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 16px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.product-item__ip {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33px;
height: 33px;
border-radius: 33px;
border: 1px solid #292727;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 100%;
letter-spacing: -0.24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: white;
}
.product-item__title {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.product-item:hover .product-item__title {
opacity: 0.7;
}
@media (max-width: 991px) {
.product-item__info {
margin-top: 20px;
padding-right: 0;
}
}
.newsProducts {
position: relative;
padding-top: 96px;
}
.newsProducts__text-top-section {
color: var(--grey, #b4b4b4);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 130%;
letter-spacing: 1.28px;
text-transform: uppercase;
margin-bottom: 72px;
}
.newsProducts__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 48px 20px;
}
.newsProducts .btn {
margin-top: 48px;
}
@media (max-width: 991px) {
.newsProducts {
padding-top: 64px;
}
.newsProducts__text-top-section {
margin-bottom: 48px;
}
.newsProducts__list {
grid-template-columns: repeat(2, 1fr);
gap: 32px 20px;
}
}
@media (max-width: 575px) {
.newsProducts__list {
grid-template-columns: 1fr;
row-gap: 48px;
}
}
.products-pagination {
margin-top: 72px;
}
.products-pagination form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: fFlex-start;
-ms-flex-pack: fFlex-start;
justify-content: fFlex-start;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; letter-spacing: -0.4px;
}
.products-pagination__arrow {
background: none;
padding: 0;
cursor: pointer;
border: none;
}
.products-pagination__previous svg path, .products-pagination__next svg path {
fill: #8d8d9a;
}
.products-pagination__previous--active, .products-pagination__next--active {
cursor: pointer;
pointer-events: all;
}
.products-pagination__previous--active svg path,
.products-pagination__previous--active svg line, .products-pagination__next--active svg path,
.products-pagination__next--active svg line {
stroke: #e9da77;
}
.products-pagination--disabled {
pointer-events: none;
}
.products-pagination--disabled svg {
opacity: 0.4;
}
.products-pagination__current input[type=number] {
width: 40px;
height: 42px;
background: #eff2fb;
border: 2px solid var(--yellow, #e9da77);
background: var(--yellow, #e9da77);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; letter-spacing: -0.4px;
text-align: center;
}
.products-pagination__current input::-webkit-outer-spin-button,
.products-pagination__current input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.product-tags {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 60px;
padding: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 6px;
pointer-events: none;
}
.product-tags__tag {
max-width: 60px;
min-width: 60px;
height: 60px;
border-radius: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 145%;
letter-spacing: -0.24px;
text-transform: capitalize;
}
.product-tags__tag--new {
background-color: #292727;
color: #ffffff;
}
.product-tags__tag--productLine {
background-color: #e9da77;
color: #292727;
}
.product-colors {
margin-top: 16px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 4px;
}
.product-colors a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-colors__color {
width: 24px;
height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-colors__color img.biały {
border-radius: 100%;
border: 1px solid #292727;
}
.product-colors__color.biały, .product-colors__color.Biały, .product-colors__color.White, .product-colors__color.white, .product-colors__color.color-white {
border: 1px solid #b4b4b4;
border-radius: 50%;
}
.product-colors__color[data-color*=biały], .product-colors__color[data-color*=Biały] {
border: 1px solid #B4B4B4;
border-radius: 50%;
}
.product-colors__wrap {
position: relative;
}
.product-colors__wrap__active {
width: 24px;
height: 24px;
position: absolute;
background: url(//max-light.com/wp-content/themes/maxlightpage/assets/img/ico/ico-color-active.svg);
background-size: contain;
top: 0;
left: 0;
z-index: 999;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.products-excerpt {
padding: 160px 0 192px;
}
.products-excerpt .products-excerpt-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 50px;
}
.products-excerpt .products-excerpt-tabs .row {
width: 100%;
}
.products-excerpt .products-excerpt-tabs__item {
position: relative;
color: #848484;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.products-excerpt .products-excerpt-tabs__item::after {
position: absolute;
content: "";
width: 100%;
height: 4px;
background-color: #e9da77;
top: auto;
bottom: -12px;
left: 0;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.products-excerpt .products-excerpt-tabs__item:hover {
color: #292727;
}
.products-excerpt .products-excerpt-tabs__item:hover::after {
opacity: 1;
}
.products-excerpt .products-excerpt-tabs__item.active {
color: #292727;
}
.products-excerpt .products-excerpt-tabs__item.active::after {
opacity: 1;
}
@media (max-width: 991px) {
.products-excerpt .products-excerpt-tabs {
gap: 32px;
overflow-y: scroll;
padding-bottom: 16px;
}
.products-excerpt .products-excerpt-tabs__item {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
}
}
.products-excerpt .products-excerpt-carosuel {
margin-top: 60px;
}
.products-excerpt .products-excerpt-carosuel__wrap {
width: 100%;
}
.products-excerpt .products-excerpt-carosuel .row {
width: -webkit-fill-available;
}
.products-excerpt .products-excerpt-carosuel .product-excerpt-carosuel-family {
display: none;
}
.products-excerpt .products-excerpt-carosuel .swiper-pagination {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 39px;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
@media screen and (max-width: 991px) {
.products-excerpt .products-excerpt-carosuel .swiper-pagination {
display: none;
}
}
.products-excerpt .products-excerpt-carosuel .swiper-pagination .swiper-pagination-bullet {
margin: 0;
padding: 0;
width: 14px;
height: 14px;
background: #f3f3f3;
border-radius: 100%;
opacity: 1;
}
.products-excerpt .products-excerpt-carosuel .swiper-pagination .swiper-pagination-bullet-active {
background: var(--yellow, #e9da77);
opacity: 1;
}
.products-excerpt .products-excerpt-carosuel__btn {
margin-top: 48px;
}
@media (max-width: 1439px) {
.products-excerpt {
padding: 64px 0;
}
}