@charset "UTF-8";
/* /assets/css/mulish.css */
/* Mulish (SIL Open Font License 1.1, https://fonts.google.com/specimen/Mulish) - hostowana lokalnie zamiast Google Fonts
   (bez zewnętrznego CSS i 2 połączeń blokujących render). Zmienna grubość 200-1000, tylko latin + latin-ext (PL/EN/DE). */
/* latin-ext italic */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/mulish/mulish-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin italic */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/mulish/mulish-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/mulish/mulish-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/assets/fonts/mulish/mulish-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* /assets/css/aos.css */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/* /assets/css/uicons-used.css */
/* Wygenerowane przez local/uicons_subset.py z uicons-regular-rounded.css (UIcons 2.6.0, flaticon.com) - nie edytuj ręcznie */
/*!
*   _____       _             __                 _____                               ______ _       _   _
*  |_   _|     | |           / _|               |_   _|                             |  ____| |     | | (_)
*    | |  _ __ | |_ ___ _ __| |_ __ _  ___ ___    | |  ___ ___  _ __  ___   ______  | |__  | | __ _| |_ _  ___ ___  _ __
*    | | | '_ \| __/ _ \ '__|  _/ _` |/ __/ _ \   | | / __/ _ \| '_ \/ __| |______| |  __| | |/ _` | __| |/ __/ _ \| '_ \
*   _| |_| | | | ||  __/ |  | || (_| | (_|  __/  _| || (_| (_) | | | \__ \          | |    | | (_| | |_| | (_| (_) | | | |
*  |_____|_| |_|\__\___|_|  |_| \__,_|\___\___| |_____\___\___/|_| |_|___/          |_|    |_|\__,_|\__|_|\___\___/|_| |_|
*
*                         UIcons 2.6.0 - https://www.flaticon.com/uicons/interface-icons
*/
@font-face {
    font-family: "uicons-regular-rounded";
    src: url("/assets/webfonts/uicons-regular-rounded.woff2") format("woff2"),
    url("/assets/webfonts/uicons-regular-rounded.woff") format("woff"),
    url("/assets/webfonts/uicons-regular-rounded.eot#iefix") format("embedded-opentype");
    font-display: swap;
}
/* Podzbiór ikon używanych na stronie (~9 KB zamiast ~430 KB) - zadeklarowany po pełnej czcionce, więc przeglądarka
   sprawdza go najpierw; pełny plik pobierze tylko dla ikony spoza unicode-range (np. nowej ikony w treści z panelu).
   Odtworzenie: pyftsubset uicons-regular-rounded.woff2 --unicodes=<lista> --flavor=woff2 --layout-features="" */
@font-face {
    font-family: "uicons-regular-rounded";
    src: url("/assets/webfonts/uicons-regular-rounded-subset.woff2") format("woff2");
    font-display: swap;
    unicode-range: U+E029-E02A, U+E075-E077, U+E07C-E07E, U+E0CC, U+E0D0, U+E0DE, U+E0E9, U+E107, U+E110, U+E167, U+E16E, U+E2A1, U+E2B0, U+E2C0, U+E35F-E360, U+E387, U+E3D0, U+E3D8, U+E48E, U+E49C, U+E49E, U+E4CD, U+E53C, U+E57F, U+E5B9, U+E5DF, U+E5F6, U+E5FE, U+E61E, U+E62F, U+E6B4, U+E6D0, U+E717, U+E809, U+E83C, U+E866, U+E8BA, U+E8CB, U+E941, U+E94E, U+E963, U+E977, U+E9A4, U+E9B1, U+E9BF, U+E9DC, U+EA01, U+EA03, U+EA96, U+EAD4, U+EB51, U+EB73, U+EBDE, U+EC37, U+EC4A, U+EC8C, U+EC96, U+ECCA, U+ECE4, U+ED83, U+EDA3-EDA4, U+EDCA, U+EDD1, U+EDD4, U+EDE9, U+EDED-EDEF, U+EEB0, U+EEBC, U+EED9, U+EF1C, U+EFC4, U+F026, U+F054, U+F08F, U+F0A7, U+F0C1, U+F0C9, U+F187, U+F19C;
}
i[class^="fi-rr-"]:before, i[class*=" fi-rr-"]:before, span[class^="fi-rr-"]:before, span[class*="fi-rr-"]:before {font-family: uicons-regular-rounded !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fi-rr-angle-double-small-down:before{content:"\e075"}
.fi-rr-angle-double-small-left:before{content:"\e076"}
.fi-rr-angle-double-small-right:before{content:"\e077"}
.fi-rr-angle-small-down:before{content:"\e07c"}
.fi-rr-angle-small-left:before{content:"\e07d"}
.fi-rr-angle-small-right:before{content:"\e07e"}
.fi-rr-arrow-right:before{content:"\e0cc"}
.fi-rr-arrow-small-left:before{content:"\e0d0"}
.fi-rr-arrow-turn-down-right:before{content:"\e0de"}
.fi-rr-arrow-up-right-and-arrow-down-left-from-center:before{content:"\e0e9"}
.fi-rr-at:before{content:"\e110"}
.fi-rr-bars-sort:before{content:"\e167"}
.fi-rr-basket-shopping-simple:before{content:"\e16e"}
.fi-rr-calendar:before{content:"\e2a1"}
.fi-rr-calendar-lines-pen:before{content:"\e2b0"}
.fi-rr-call-incoming:before{content:"\e2c0"}
.fi-rr-circle-xmark:before{content:"\e3d0"}
.fi-rr-condition-alt:before{content:"\e48e"}
.fi-rr-cookie:before{content:"\e49c"}
.fi-rr-cross:before{content:"\e4cd"}
.fi-rr-diamond:before{content:"\e53c"}
.fi-rr-empty-set:before{content:"\e5f6"}
.fi-rr-envelope:before{content:"\e5fe"}
.fi-rr-filter:before{content:"\e6d0"}
.fi-rr-heart:before{content:"\e83c"}
.fi-rr-home:before{content:"\e866"}
.fi-rr-image-slash:before{content:"\e8ba"}
.fi-rr-industry-alt:before{content:"\e8cb"}
.fi-rr-label:before{content:"\e941"}
.fi-rr-layer-plus:before{content:"\e963"}
.fi-rr-left:before{content:"\e977"}
.fi-rr-location-arrow:before{content:"\e9bf"}
.fi-rr-marker:before{content:"\ea01"}
.fi-rr-marketplace:before{content:"\ea03"}
.fi-rr-network-analytic:before{content:"\ead4"}
.fi-rr-paper-plane-launch:before{content:"\eb51"}
.fi-rr-payroll-calendar:before{content:"\eb73"}
.fi-rr-phone-call:before{content:"\ebde"}
.fi-rr-poll-h:before{content:"\ec4a"}
.fi-rr-qr-scan:before{content:"\ec96"}
.fi-rr-rectangle-list:before{content:"\ecca"}
.fi-rr-refresh:before{content:"\ece4"}
.fi-rr-search:before{content:"\ed83"}
.fi-rr-settings:before{content:"\eda3"}
.fi-rr-settings-sliders:before{content:"\eda4"}
.fi-rr-shop:before{content:"\edca"}
.fi-rr-shopping-cart:before{content:"\edd1"}
.fi-rr-shopping-cart-check:before{content:"\edd4"}
.fi-rr-sign-out-alt:before{content:"\ede9"}
.fi-rr-signal-alt:before{content:"\eded"}
.fi-rr-signal-alt-1:before{content:"\edee"}
.fi-rr-signal-alt-2:before{content:"\edef"}
.fi-rr-square-info:before{content:"\eeb0"}
.fi-rr-square-plus:before{content:"\eebc"}
.fi-rr-star:before{content:"\eed9"}
.fi-rr-summary-check:before{content:"\ef1c"}
.fi-rr-time-fast:before{content:"\efc4"}
.fi-rr-trash:before{content:"\f026"}
.fi-rr-truck-check:before{content:"\f054"}
.fi-rr-user:before{content:"\f0a7"}
.fi-rr-user-lock:before{content:"\f0c1"}
.fi-rr-user-pen:before{content:"\f0c9"}

/* /assets/css/uicons-extra.css */
/*
 * Ikony flaticon UIcons (brands, solid-straight) hostowane lokalnie - tylko znaki używane na stronie.
 * Zastępuje @import z cdn-uicons.flaticon.com (15 KB + 302 KB CSS i fonty 37 KB + 362 KB z zewnętrznego serwera).
 * Używane: kod (stopka, logowanie, rejestracja, zespół) + treści z panelu (whatsapp) - stan na 30.09.2026.
 * Nowa ikona fi-brands-* lub fi-ss-*: dopisz regułę poniżej i odtwórz podzbiór czcionki:
 *   pyftsubset uicons-brands.woff2 --unicodes=U+F14F,... --flavor=woff2 --layout-features=""
 */

@font-face {
    font-family: "uicons-brands";
    src: url("/assets/webfonts/uicons-brands-subset.woff2") format("woff2");
    font-display: swap;
}

i[class^="fi-brands-"]:before, i[class*=" fi-brands-"]:before, span[class^="fi-brands-"]:before, span[class*="fi-brands-"]:before {
    font-family: uicons-brands !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fi-brands-facebook:before { content: "\f14f"; }
.fi-brands-google:before { content: "\f160"; }
.fi-brands-instagram:before { content: "\f16e"; }
.fi-brands-linkedin:before { content: "\f17b"; }
.fi-brands-whatsapp:before { content: "\f1cf"; }
.fi-brands-youtube:before { content: "\f1d9"; }

/* uicons-solid-straight: tylko gwiazdka ocen (reguła i.fi-rr-star:before w standard.css) */
@font-face {
    font-family: "uicons-solid-straight";
    src: url("/assets/webfonts/uicons-solid-straight-subset.woff2") format("woff2");
    font-display: swap;
}

/* /assets/scss/standard_external_cke.css */

.cke_button__insertcontactform_label,
.cke_button__insertbuttoncta_label,
.cke_button__contentleft_label,
.cke_button__contentright_label,
.cke_button__inserttabs_label,
.cke_button__insertgallery_label,
.cke_button__insertaccordion_label {
  display: inline-flex !important;
  border: 1px solid var(--dark) !important;
  margin-top: -1px !important;
  padding: 3px 5px 1px 5px !important;
  border-radius: 5px !important;
}

a.cke_button_off {
  transition: all 200ms linear;
}

a.cke_button_off:has(.cke_button__insertcontactform_label):hover,
a.cke_button_off:has(.cke_button__insertbuttoncta_label):hover,
a.cke_button_off:has(.cke_button__contentleft_label):hover,
a.cke_button_off:has(.cke_button__contentright_label):hover,
a.cke_button_off:has(.cke_button__inserttabs_label):hover,
a.cke_button_off:has(.cke_button__insertgallery_label):hover,
a.cke_button_off:has(.cke_button__insertaccordion_label):hover {
  border-color: transparent !important;
  background-color: transparent !important;
}
a.cke_button_off:has(.cke_button__insertcontactform_label):hover .cke_button_label,
a.cke_button_off:has(.cke_button__insertbuttoncta_label):hover .cke_button_label,
a.cke_button_off:has(.cke_button__contentleft_label):hover .cke_button_label,
a.cke_button_off:has(.cke_button__contentright_label):hover .cke_button_label,
a.cke_button_off:has(.cke_button__inserttabs_label):hover .cke_button_label,
a.cke_button_off:has(.cke_button__insertgallery_label):hover .cke_button_label,
a.cke_button_off:has(.cke_button__insertaccordion_label):hover .cke_button_label {
  border-color: var(--main-color) !important;
  background: var(--main-color-light) !important;
}

body a.cke_button_off:has(.cke_button__insertcontactform_label):hover,
body a.cke_button_off:has(.cke_button__insertbuttoncta_label):hover,
body a.cke_button_off:has(.cke_button__contentleft_label):hover,
body a.cke_button_off:has(.cke_button__contentright_label):hover,
body a.cke_button_off:has(.cke_button__inserttabs_label):hover,
body a.cke_button_off:has(.cke_button__insertgallery_label):hover,
body a.cke_button_off:has(.cke_button__insertaccordion_label):hover {
  border: 1px solid transparent !important;
}

.cke_button__insertaccordion .cke_button_icon,
.cke_button__inserttabs .cke_button_icon,
.cke_button__insertgallery .cke_button_icon {
  display: none !important;
}

body .pages.article div[itemprop=articleBody].editor-content-cke > *,
#tabsPopup.editor-content-cke > *,
.editor-content-cke.editor-content-cke > * {
  position: relative;
  overflow: inherit !important;
}
body .pages.article div[itemprop=articleBody].editor-content-cke > div + div, body .pages.article div[itemprop=articleBody].editor-content-cke > p + div,
#tabsPopup.editor-content-cke > div + div,
#tabsPopup.editor-content-cke > p + div,
.editor-content-cke.editor-content-cke > div + div,
.editor-content-cke.editor-content-cke > p + div {
  margin-top: 81px !important;
}
body .pages.article div[itemprop=articleBody] > div + div,
#tabsPopup > div + div,
.editor-content-cke > div + div {
  margin-top: 81px !important;
}
body .pages.article div[itemprop=articleBody] > *:hover .cke-section-copy-btn,
body .pages.article div[itemprop=articleBody] > *:hover .cke-section-new-btn,
body .pages.article div[itemprop=articleBody] > *:hover .cke-section-delete-btn,
#tabsPopup > *:hover .cke-section-copy-btn,
#tabsPopup > *:hover .cke-section-new-btn,
#tabsPopup > *:hover .cke-section-delete-btn,
.editor-content-cke > *:hover .cke-section-copy-btn,
.editor-content-cke > *:hover .cke-section-new-btn,
.editor-content-cke > *:hover .cke-section-delete-btn {
  opacity: 0.4;
}
body .pages.article div[itemprop=articleBody] .ctaButtons .cke-element-copy-btn,
body .pages.article div[itemprop=articleBody] .ctaButtons .cke-element-delete-btn,
#tabsPopup .ctaButtons .cke-element-copy-btn,
#tabsPopup .ctaButtons .cke-element-delete-btn,
.editor-content-cke .ctaButtons .cke-element-copy-btn,
.editor-content-cke .ctaButtons .cke-element-delete-btn {
  display: none !important;
}
body .pages.article div[itemprop=articleBody] .contentBlockGap .intro .cke-element-copy-btn,
body .pages.article div[itemprop=articleBody] .contentBlockGap .intro .cke-element-delete-btn,
#tabsPopup .contentBlockGap .intro .cke-element-copy-btn,
#tabsPopup .contentBlockGap .intro .cke-element-delete-btn,
.editor-content-cke .contentBlockGap .intro .cke-element-copy-btn,
.editor-content-cke .contentBlockGap .intro .cke-element-delete-btn {
  right: -30px;
}
body .pages.article div[itemprop=articleBody] .contentBlockGap .intro .cke-element-delete-btn,
#tabsPopup .contentBlockGap .intro .cke-element-delete-btn,
.editor-content-cke .contentBlockGap .intro .cke-element-delete-btn {
  right: -58px;
}
body .pages.article div[itemprop=articleBody] .cke-element-copy-btn,
body .pages.article div[itemprop=articleBody] .cke-element-delete-btn,
#tabsPopup .cke-element-copy-btn,
#tabsPopup .cke-element-delete-btn,
.editor-content-cke .cke-element-copy-btn,
.editor-content-cke .cke-element-delete-btn {
  opacity: 0.3;
  position: absolute;
  margin: 3px 0 0 3px;
  font-size: 13px !important;
  height: 20px !important;
  width: 20px !important;
  background: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  line-height: 0;
  color: var(--dark) !important;
  padding-bottom: 0px;
  cursor: pointer;
  transition: all 200ms linear;
  z-index: 10000;
}
body .pages.article div[itemprop=articleBody] .cke-element-copy-btn i,
body .pages.article div[itemprop=articleBody] .cke-element-delete-btn i,
#tabsPopup .cke-element-copy-btn i,
#tabsPopup .cke-element-delete-btn i,
.editor-content-cke .cke-element-copy-btn i,
.editor-content-cke .cke-element-delete-btn i {
  font-size: 13px !important;
}
body .pages.article div[itemprop=articleBody] .cke-element-delete-btn,
#tabsPopup .cke-element-delete-btn,
.editor-content-cke .cke-element-delete-btn {
  margin-left: 26px;
  border: 1px solid var(--red) !important;
  color: var(--white) !important;
  background-color: var(--red) !important;
}
body .pages.article div[itemprop=articleBody] .cke-element-copy-btn:hover,
body .pages.article div[itemprop=articleBody] .cke-element-delete-btn:hover,
#tabsPopup .cke-element-copy-btn:hover,
#tabsPopup .cke-element-delete-btn:hover,
.editor-content-cke .cke-element-copy-btn:hover,
.editor-content-cke .cke-element-delete-btn:hover {
  opacity: 1;
}
body .pages.article div[itemprop=articleBody] .cke-section-copy-btn,
body .pages.article div[itemprop=articleBody] .cke-section-new-btn,
body .pages.article div[itemprop=articleBody] .cke-section-delete-btn,
#tabsPopup .cke-section-copy-btn,
#tabsPopup .cke-section-new-btn,
#tabsPopup .cke-section-delete-btn,
.editor-content-cke .cke-section-copy-btn,
.editor-content-cke .cke-section-new-btn,
.editor-content-cke .cke-section-delete-btn {
  position: absolute;
  right: -15px;
  top: 10px;
  width: 35px !important;
  height: 35px;
  background: var(--dark);
  border: 2px solid var(--white);
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s, transform 0.2s;
  z-index: 100;
  font-size: 16px;
  line-height: 1;
  color: var(--white);
}
body .pages.article div[itemprop=articleBody] .cke-section-copy-btn:before,
body .pages.article div[itemprop=articleBody] .cke-section-new-btn:before,
body .pages.article div[itemprop=articleBody] .cke-section-delete-btn:before,
#tabsPopup .cke-section-copy-btn:before,
#tabsPopup .cke-section-new-btn:before,
#tabsPopup .cke-section-delete-btn:before,
.editor-content-cke .cke-section-copy-btn:before,
.editor-content-cke .cke-section-new-btn:before,
.editor-content-cke .cke-section-delete-btn:before {
  content: "\e49e";
}
body .pages.article div[itemprop=articleBody] .cke-section-copy-btn:hover,
body .pages.article div[itemprop=articleBody] .cke-section-new-btn:hover,
body .pages.article div[itemprop=articleBody] .cke-section-delete-btn:hover,
#tabsPopup .cke-section-copy-btn:hover,
#tabsPopup .cke-section-new-btn:hover,
#tabsPopup .cke-section-delete-btn:hover,
.editor-content-cke .cke-section-copy-btn:hover,
.editor-content-cke .cke-section-new-btn:hover,
.editor-content-cke .cke-section-delete-btn:hover {
  opacity: 1;
}
body .pages.article div[itemprop=articleBody] .cke-section-copy-btn.copied,
body .pages.article div[itemprop=articleBody] .cke-section-new-btn.copied,
body .pages.article div[itemprop=articleBody] .cke-section-delete-btn.copied,
#tabsPopup .cke-section-copy-btn.copied,
#tabsPopup .cke-section-new-btn.copied,
#tabsPopup .cke-section-delete-btn.copied,
.editor-content-cke .cke-section-copy-btn.copied,
.editor-content-cke .cke-section-new-btn.copied,
.editor-content-cke .cke-section-delete-btn.copied {
  background: var(--green, #36f6af);
  color: var(--dark);
}
body .pages.article div[itemprop=articleBody] .cke-section-copy-btn.copied:before,
body .pages.article div[itemprop=articleBody] .cke-section-new-btn.copied:before,
body .pages.article div[itemprop=articleBody] .cke-section-delete-btn.copied:before,
#tabsPopup .cke-section-copy-btn.copied:before,
#tabsPopup .cke-section-new-btn.copied:before,
#tabsPopup .cke-section-delete-btn.copied:before,
.editor-content-cke .cke-section-copy-btn.copied:before,
.editor-content-cke .cke-section-new-btn.copied:before,
.editor-content-cke .cke-section-delete-btn.copied:before {
  content: "\e107";
}
body .pages.article div[itemprop=articleBody] .cke-section-delete-btn,
#tabsPopup .cke-section-delete-btn,
.editor-content-cke .cke-section-delete-btn {
  top: 55px;
  background: var(--red, #f36);
}
body .pages.article div[itemprop=articleBody] .cke-section-delete-btn:before,
#tabsPopup .cke-section-delete-btn:before,
.editor-content-cke .cke-section-delete-btn:before {
  content: "\f026";
}
body .pages.article div[itemprop=articleBody] .cke-section-new-btn,
#tabsPopup .cke-section-new-btn,
.editor-content-cke .cke-section-new-btn {
  top: 100px;
}
body .pages.article div[itemprop=articleBody] .cke-section-new-btn:before,
#tabsPopup .cke-section-new-btn:before,
.editor-content-cke .cke-section-new-btn:before {
  content: "\ec37";
}
body .pages.article div[itemprop=articleBody] .ctaBox,
#tabsPopup .ctaBox,
.editor-content-cke .ctaBox {
  padding: 60px 40px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  margin-top: 10px !important;
  display: flex;
  gap: 30px;
  align-items: flex-start;
  justify-content: space-between;
}
body .pages.article div[itemprop=articleBody] .ctaBox:before,
#tabsPopup .ctaBox:before,
.editor-content-cke .ctaBox:before {
  content: "\f187";
  font-size: 340px;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  right: 30px;
  opacity: 0.1;
}
body .pages.article div[itemprop=articleBody] .ctaBox.dark,
#tabsPopup .ctaBox.dark,
.editor-content-cke .ctaBox.dark {
  background: var(--btd);
}
body .pages.article div[itemprop=articleBody] .ctaBox.dark h2, body .pages.article div[itemprop=articleBody] .ctaBox.dark h3,
#tabsPopup .ctaBox.dark h2,
#tabsPopup .ctaBox.dark h3,
.editor-content-cke .ctaBox.dark h2,
.editor-content-cke .ctaBox.dark h3 {
  color: var(--white-stay);
}
body .pages.article div[itemprop=articleBody] .ctaBox.main,
#tabsPopup .ctaBox.main,
.editor-content-cke .ctaBox.main {
  background: var(--main-color);
}
body .pages.article div[itemprop=articleBody] .ctaBox.main h2, body .pages.article div[itemprop=articleBody] .ctaBox.main h3,
#tabsPopup .ctaBox.main h2,
#tabsPopup .ctaBox.main h3,
.editor-content-cke .ctaBox.main h2,
.editor-content-cke .ctaBox.main h3 {
  color: var(--dark-text);
}
body .pages.article div[itemprop=articleBody] .ctaBox h2, body .pages.article div[itemprop=articleBody] .ctaBox h3,
#tabsPopup .ctaBox h2,
#tabsPopup .ctaBox h3,
.editor-content-cke .ctaBox h2,
.editor-content-cke .ctaBox h3 {
  margin-top: 0;
  margin-bottom: 10px;
}
body .pages.article div[itemprop=articleBody] .ctaBox p,
#tabsPopup .ctaBox p,
.editor-content-cke .ctaBox p {
  color: var(--ldark-text);
}
body .pages.article div[itemprop=articleBody] .ctaBox .item:not(.ctaButtons),
#tabsPopup .ctaBox .item:not(.ctaButtons),
.editor-content-cke .ctaBox .item:not(.ctaButtons) {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
body .pages.article div[itemprop=articleBody] .ctaBox .item:not(.ctaButtons) h3,
#tabsPopup .ctaBox .item:not(.ctaButtons) h3,
.editor-content-cke .ctaBox .item:not(.ctaButtons) h3 {
  color: var(--main-color);
  font-size: 21px;
}
body .pages.article div[itemprop=articleBody] .ctaBox .item:not(.ctaButtons) h2,
#tabsPopup .ctaBox .item:not(.ctaButtons) h2,
.editor-content-cke .ctaBox .item:not(.ctaButtons) h2 {
  font-size: 2rem;
}
body .pages.article div[itemprop=articleBody] .ctaBox .item:not(.ctaButtons) div,
#tabsPopup .ctaBox .item:not(.ctaButtons) div,
.editor-content-cke .ctaBox .item:not(.ctaButtons) div {
  margin-top: 30px;
}
body .pages.article div[itemprop=articleBody] .ctaBox .item:not(.ctaButtons) div a,
#tabsPopup .ctaBox .item:not(.ctaButtons) div a,
.editor-content-cke .ctaBox .item:not(.ctaButtons) div a {
  background-color: var(--white-stay);
  border-radius: 5px;
  border: none;
  color: var(--dark);
}
body .pages.article div[itemprop=articleBody] .ctaBox .item:not(.ctaButtons) div a:hover,
#tabsPopup .ctaBox .item:not(.ctaButtons) div a:hover,
.editor-content-cke .ctaBox .item:not(.ctaButtons) div a:hover {
  background-color: var(--main-color);
  color: var(--dark-text-stay);
}
body .pages.article div[itemprop=articleBody] .ctaBox .buttonCTA,
#tabsPopup .ctaBox .buttonCTA,
.editor-content-cke .ctaBox .buttonCTA {
  color: var(--dark) !important;
}
body .pages.article div[itemprop=articleBody] .ctaBox .buttonCTA:hover,
#tabsPopup .ctaBox .buttonCTA:hover,
.editor-content-cke .ctaBox .buttonCTA:hover {
  background-color: var(--main-color-dark);
  border-color: var(--main-color-dark);
  color: var(--white-stay) !important;
}
body .pages.article div[itemprop=articleBody] .ctaBox .buttonCTA[href^=tel],
#tabsPopup .ctaBox .buttonCTA[href^=tel],
.editor-content-cke .ctaBox .buttonCTA[href^=tel] {
  gap: 8px;
}
body .pages.article div[itemprop=articleBody] .ctaBox .buttonCTA[href^=tel]:before,
#tabsPopup .ctaBox .buttonCTA[href^=tel]:before,
.editor-content-cke .ctaBox .buttonCTA[href^=tel]:before {
  font-size: 15px;
  content: "\ebde";
  display: flex;
  line-height: 0;
  align-items: center;
  margin-top: 1px;
}
body .pages.article div[itemprop=articleBody] .ctaBox p:has(.buttonCTA + .buttonCTA),
#tabsPopup .ctaBox p:has(.buttonCTA + .buttonCTA),
.editor-content-cke .ctaBox p:has(.buttonCTA + .buttonCTA) {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  gap: 30px;
  flex-wrap: wrap;
  align-items: center;
}
body .pages.article div[itemprop=articleBody] .ctaBox .buttonCTA.border,
#tabsPopup .ctaBox .buttonCTA.border,
.editor-content-cke .ctaBox .buttonCTA.border {
  color: var(--white-stay) !important;
  background-color: transparent !important;
}
body .pages.article div[itemprop=articleBody] .ctaBox .item,
#tabsPopup .ctaBox .item,
.editor-content-cke .ctaBox .item {
  flex: 1 1 300px;
}
body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons,
#tabsPopup .ctaBox .ctaButtons,
.editor-content-cke .ctaBox .ctaButtons {
  align-self: stretch;
  min-height: 200px;
}
body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons ul,
#tabsPopup .ctaBox .ctaButtons ul,
.editor-content-cke .ctaBox .ctaButtons ul {
  display: flex;
  gap: 30px;
  list-style: none;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
}
body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons ul li,
#tabsPopup .ctaBox .ctaButtons ul li,
.editor-content-cke .ctaBox .ctaButtons ul li {
  flex: auto;
  width: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  text-align: center;
  min-height: 160px;
  padding: 20px;
  border: 1px solid var(--lsdark-text);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons ul li:has(a[href^=tel]),
#tabsPopup .ctaBox .ctaButtons ul li:has(a[href^=tel]),
.editor-content-cke .ctaBox .ctaButtons ul li:has(a[href^=tel]) {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
}
body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons ul li:has(a[href^=tel]) i, body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons ul li:has(a[href^=tel]) h3, body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons ul li:has(a[href^=tel]) p,
#tabsPopup .ctaBox .ctaButtons ul li:has(a[href^=tel]) i,
#tabsPopup .ctaBox .ctaButtons ul li:has(a[href^=tel]) h3,
#tabsPopup .ctaBox .ctaButtons ul li:has(a[href^=tel]) p,
.editor-content-cke .ctaBox .ctaButtons ul li:has(a[href^=tel]) i,
.editor-content-cke .ctaBox .ctaButtons ul li:has(a[href^=tel]) h3,
.editor-content-cke .ctaBox .ctaButtons ul li:has(a[href^=tel]) p {
  color: var(--dark-text-stay) !important;
}
body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons ul li i,
#tabsPopup .ctaBox .ctaButtons ul li i,
.editor-content-cke .ctaBox .ctaButtons ul li i {
  font-size: 26px;
  margin-bottom: 20px;
}
body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons ul li h3,
#tabsPopup .ctaBox .ctaButtons ul li h3,
.editor-content-cke .ctaBox .ctaButtons ul li h3 {
  font-size: 20px;
  margin-bottom: 3px;
}
body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons ul li p,
#tabsPopup .ctaBox .ctaButtons ul li p,
.editor-content-cke .ctaBox .ctaButtons ul li p {
  font-size: 15px;
  color: var(--lbb) !important;
}
body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons ul li a,
#tabsPopup .ctaBox .ctaButtons ul li a,
.editor-content-cke .ctaBox .ctaButtons ul li a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 0;
  z-index: 1;
}
body .pages.article div[itemprop=articleBody] .ctaBox .ctaButtons ul li + li,
#tabsPopup .ctaBox .ctaButtons ul li + li,
.editor-content-cke .ctaBox .ctaButtons ul li + li {
  margin-top: 0 !important;
}
@media (max-width: 840px) {
  body .pages.article div[itemprop=articleBody] .ctaBox,
  #tabsPopup .ctaBox,
  .editor-content-cke .ctaBox {
    flex-wrap: wrap;
  }
  body .pages.article div[itemprop=articleBody] .ctaBox .item,
  #tabsPopup .ctaBox .item,
  .editor-content-cke .ctaBox .item {
    width: 100%;
    flex: auto;
  }
}
body .pages.article div[itemprop=articleBody] .tabsBox,
#tabsPopup .tabsBox,
.editor-content-cke .tabsBox {
  border: 1px solid var(--lllgrey);
  border-radius: 5px;
  padding: 30px;
}
body .pages.article div[itemprop=articleBody] .tabsBox .tabs-nav,
#tabsPopup .tabsBox .tabs-nav,
.editor-content-cke .tabsBox .tabs-nav {
  display: flex;
  justify-content: flex-start;
  gap: 30px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
body .pages.article div[itemprop=articleBody] .tabsBox .tabs-nav .tab-item,
#tabsPopup .tabsBox .tabs-nav .tab-item,
.editor-content-cke .tabsBox .tabs-nav .tab-item {
  font-size: 16px;
  font-weight: 600;
  color: var(--lddark-text);
  position: relative;
  cursor: pointer;
}
body .pages.article div[itemprop=articleBody] .tabsBox .tabs-nav .tab-item.active,
#tabsPopup .tabsBox .tabs-nav .tab-item.active,
.editor-content-cke .tabsBox .tabs-nav .tab-item.active {
  font-weight: 800;
  color: var(--dark-text);
}
body .pages.article div[itemprop=articleBody] .tabsBox .tabs-nav .tab-item.active:before,
#tabsPopup .tabsBox .tabs-nav .tab-item.active:before,
.editor-content-cke .tabsBox .tabs-nav .tab-item.active:before {
  position: absolute;
  content: "";
  bottom: -8px;
  border-radius: 5px;
  height: 3px;
  width: 30px;
  left: 0;
  background-color: var(--main-color);
}
body .pages.article div[itemprop=articleBody] .tabsBox .tab-pane,
#tabsPopup .tabsBox .tab-pane,
.editor-content-cke .tabsBox .tab-pane {
  padding: 0;
  margin-top: 30px;
}
@media (max-width: 800px) {
  body .pages.article div[itemprop=articleBody] .tabsBox .tabs-nav,
  #tabsPopup .tabsBox .tabs-nav,
  .editor-content-cke .tabsBox .tabs-nav {
    border-bottom: 1px solid var(--bl);
    padding-bottom: 20px;
  }
}
body .pages.article div[itemprop=articleBody] .accordionBox,
#tabsPopup .accordionBox,
.editor-content-cke .accordionBox {
  background: var(--lllgrey);
  border-radius: 5px;
  padding: 30px;
}
body .pages.article div[itemprop=articleBody] .accordionBox .accordion-item h3,
#tabsPopup .accordionBox .accordion-item h3,
.editor-content-cke .accordionBox .accordion-item h3 {
  margin-top: 0;
  color: var(--dark-text);
  font-size: 20px;
  font-weight: 800;
  margin: 0;
  cursor: pointer;
}
body .pages.article div[itemprop=articleBody] .accordionBox .accordion-item .content,
#tabsPopup .accordionBox .accordion-item .content,
.editor-content-cke .accordionBox .accordion-item .content {
  display: none;
  padding-left: 20px;
  margin-top: 10px;
  border-left: 1px solid var(--bl);
}
body .pages.article div[itemprop=articleBody] .accordionBox .accordion-item .content p, body .pages.article div[itemprop=articleBody] .accordionBox .accordion-item .content ul, body .pages.article div[itemprop=articleBody] .accordionBox .accordion-item .content ol,
#tabsPopup .accordionBox .accordion-item .content p,
#tabsPopup .accordionBox .accordion-item .content ul,
#tabsPopup .accordionBox .accordion-item .content ol,
.editor-content-cke .accordionBox .accordion-item .content p,
.editor-content-cke .accordionBox .accordion-item .content ul,
.editor-content-cke .accordionBox .accordion-item .content ol {
  font-size: 15px;
  color: var(--lsdark-text);
  line-height: 1.7;
  font-weight: 500;
}
body .pages.article div[itemprop=articleBody] .accordionBox .accordion-item + .accordion-item,
#tabsPopup .accordionBox .accordion-item + .accordion-item,
.editor-content-cke .accordionBox .accordion-item + .accordion-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--lllgrey);
}
body .pages.article div[itemprop=articleBody] .contentBox:has(.accordionBox),
#tabsPopup .contentBox:has(.accordionBox),
.editor-content-cke .contentBox:has(.accordionBox) {
  align-self: stretch;
}
body .pages.article div[itemprop=articleBody] .contentBox:has(.accordionBox) * + .accordionBox,
#tabsPopup .contentBox:has(.accordionBox) * + .accordionBox,
.editor-content-cke .contentBox:has(.accordionBox) * + .accordionBox {
  margin-top: 30px;
}
body .pages.article div[itemprop=articleBody] .contentBox.contentBlockGap .intro,
#tabsPopup .contentBox.contentBlockGap .intro,
.editor-content-cke .contentBox.contentBlockGap .intro {
  background: var(--main-color);
  display: inline-flex;
  border-radius: 5px;
  color: var(--white) !important;
  padding: 7px 15px 5px;
  width: auto !important;
}
body .pages.article div[itemprop=articleBody] .contentBox.contentBlockGap .item:has(.box),
#tabsPopup .contentBox.contentBlockGap .item:has(.box),
.editor-content-cke .contentBox.contentBlockGap .item:has(.box) {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
body .pages.article div[itemprop=articleBody] .contentBox.contentBlockGap .item:has(.box) .box,
#tabsPopup .contentBox.contentBlockGap .item:has(.box) .box,
.editor-content-cke .contentBox.contentBlockGap .item:has(.box) .box {
  background-color: var(--dark);
  flex: 1 1 40%;
  border-radius: 5px;
  padding: 15px 30px;
  min-height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--lbb);
}
body .pages.article div[itemprop=articleBody] .galleryBox:has(div.gallery-item),
#tabsPopup .galleryBox:has(div.gallery-item),
.editor-content-cke .galleryBox:has(div.gallery-item) {
  -moz-column-count: 4;
       column-count: 4;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 0 !important;
  margin-top: 81px;
  list-style: none;
  margin-bottom: -20px;
}
body .pages.article div[itemprop=articleBody] .galleryBox:has(div.gallery-item) .gallery-item,
#tabsPopup .galleryBox:has(div.gallery-item) .gallery-item,
.editor-content-cke .galleryBox:has(div.gallery-item) .gallery-item {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: 20px;
}
body .pages.article div[itemprop=articleBody] .galleryBox:has(div.gallery-item) .gallery-item a,
#tabsPopup .galleryBox:has(div.gallery-item) .gallery-item a,
.editor-content-cke .galleryBox:has(div.gallery-item) .gallery-item a {
  display: block;
}
body .pages.article div[itemprop=articleBody] .galleryBox:has(div.gallery-item) .gallery-item a img,
#tabsPopup .galleryBox:has(div.gallery-item) .gallery-item a img,
.editor-content-cke .galleryBox:has(div.gallery-item) .gallery-item a img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
@media (max-width: 800px) {
  body .pages.article div[itemprop=articleBody] .galleryBox:has(div.gallery-item),
  #tabsPopup .galleryBox:has(div.gallery-item),
  .editor-content-cke .galleryBox:has(div.gallery-item) {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (max-width: 400px) {
  body .pages.article div[itemprop=articleBody] .galleryBox:has(div.gallery-item),
  #tabsPopup .galleryBox:has(div.gallery-item),
  .editor-content-cke .galleryBox:has(div.gallery-item) {
    -moz-column-count: 2;
         column-count: 2;
  }
}
body .pages.article div[itemprop=articleBody] .formInside .stdForm .element button[type=submit],
#tabsPopup .formInside .stdForm .element button[type=submit],
.editor-content-cke .formInside .stdForm .element button[type=submit] {
  margin-top: 20px;
}
body .pages.article div[itemprop=articleBody] .formInside .extraBox .accordionBox,
#tabsPopup .formInside .extraBox .accordionBox,
.editor-content-cke .formInside .extraBox .accordionBox {
  padding: 0;
  border: 0;
  border-radius: 0;
  text-align: left;
  background: transparent;
}
body .pages.article div[itemprop=articleBody] .formInside .extraBox .accordionBox .accordion-item,
#tabsPopup .formInside .extraBox .accordionBox .accordion-item,
.editor-content-cke .formInside .extraBox .accordionBox .accordion-item {
  width: 100%;
}
body .pages.article div[itemprop=articleBody] .formInside .extraBox .accordionBox .accordion-item h3,
#tabsPopup .formInside .extraBox .accordionBox .accordion-item h3,
.editor-content-cke .formInside .extraBox .accordionBox .accordion-item h3 {
  color: var(--f2);
}
body .pages.article div[itemprop=articleBody] .formInside .extraBox .accordionBox .accordion-item .content,
#tabsPopup .formInside .extraBox .accordionBox .accordion-item .content,
.editor-content-cke .formInside .extraBox .accordionBox .accordion-item .content {
  border-left: 1px solid var(--main-color);
}
body .pages.article div[itemprop=articleBody] .formInside .extraBox .accordionBox .accordion-item + .accordion-item,
#tabsPopup .formInside .extraBox .accordionBox .accordion-item + .accordion-item,
.editor-content-cke .formInside .extraBox .accordionBox .accordion-item + .accordion-item {
  border-top: 1px solid var(--sdark);
}
body .pages.article div[itemprop=articleBody] * + .formInside,
#tabsPopup * + .formInside,
.editor-content-cke * + .formInside {
  margin-top: 81px;
}

.cke-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 51, 75, 0.8);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cke-popup-overlay .cke-popup-container {
  background: var(--white, #fff);
  border-radius: 10px;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.cke-popup-overlay .cke-popup-container .cke-popup-header {
  padding: 20px;
  border-bottom: 1px solid var(--lbb, #dde5ed);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cke-popup-overlay .cke-popup-container .cke-popup-header h2 {
  margin: 0;
  font-size: 20px;
  color: var(--dark-text, #1d334b);
  font-weight: 700;
}
.cke-popup-overlay .cke-popup-container .cke-popup-header .cke-popup-close {
  background: none;
  border: none;
  font-size: 30px;
  cursor: pointer;
  color: var(--lsdark-text, #8090a1);
  line-height: 1;
  padding: 0;
  width: 30px;
  height: 30px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-header .cke-popup-close:hover {
  color: var(--dark-text, #1d334b);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content h3 {
  font-size: 18px;
  color: var(--dark-text, #1d334b);
  margin-bottom: 15px;
  font-weight: 700;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-name-section,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-name-section {
  margin-bottom: 20px;
  padding: 15px;
  background: var(--lb, #f1f5f9);
  border-radius: 5px;
  border: 1px solid var(--lbb, #dde5ed);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-name-section label,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-name-section label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--dark-text, #1d334b);
  font-size: 15px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-name-section input,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-name-section input {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid var(--d6, #d6d6d6);
  border-radius: 5px;
  font-size: 15px;
  color: var(--dark-text, #1d334b);
  background: var(--white, #fff);
  box-sizing: border-box;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-name-section input:focus,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-name-section input:focus {
  border-color: var(--main-color, #F6B736);
  outline: none;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item.collapsed .section-content-editor {
  display: none;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item.collapsed .section-toggle {
  transform: rotate(-90deg);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-header {
  padding: 12px 15px 12px 15px;
  background: var(--lb, #f1f5f9);
  border-bottom: 1px solid var(--lbb, #dde5ed);
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  position: relative;
  border-radius: 5px 5px 0 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-header .accordion-section-drag {
  color: var(--lsdark-text, #8090a1);
  font-size: 18px;
  cursor: move;
  flex-shrink: 0;
  position: static;
  top: auto;
  left: auto;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-header .section-number {
  font-weight: 700;
  color: var(--dark-text, #1d334b);
  font-size: 14px;
  min-width: 30px;
  flex-shrink: 0;
  background: var(--main-color-light, #fef7e6);
  padding: 4px 8px;
  border-radius: 4px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-header .section-title {
  flex: 1;
  padding: 8px 12px;
  margin: 0;
  border: 1px solid var(--d6, #d6d6d6);
  border-radius: 5px;
  font-size: 15px;
  color: var(--dark-text, #1d334b);
  background: var(--white, #fff);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-header .section-title:focus {
  border-color: var(--main-color, #F6B736);
  outline: none;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-header .accordion-section-remove {
  position: static;
  top: auto;
  right: auto;
  padding: 6px 12px;
  background: var(--red, #dc3b3b);
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-header .accordion-section-remove:hover {
  background: var(--redDark, #731f1f);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-header .section-toggle {
  padding: 4px 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--dark-text, #1d334b);
  font-size: 14px;
  transition: transform 0.2s;
  flex-shrink: 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-header .section-toggle:hover {
  color: var(--main-color, #F6B736);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-content-editor {
  padding: 15px;
  background: var(--white, #fff);
  border-radius: 0 0 5px 5px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-content-editor label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--dark-text, #1d334b);
  font-size: 15px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-content-editor textarea {
  width: 100%;
  min-height: 100px;
  padding: 12px 15px;
  margin: 0;
  border: 1px solid var(--d6, #d6d6d6);
  border-radius: 5px;
  font-size: 15px;
  color: var(--dark-text, #1d334b);
  background: var(--white, #fff);
  font-family: inherit;
  resize: vertical;
  box-sizing: border-box;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .section-content-editor textarea:focus {
  border-color: var(--main-color, #F6B736);
  outline: none;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content #accordionList {
  margin: 15px 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-item-preview,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-item-preview {
  padding: 15px;
  border: 1px solid var(--lbb, #dde5ed);
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.2s;
  background: var(--lb, #f1f5f9);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-item-preview:hover,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-item-preview:hover {
  background: var(--white, #fff);
  border-color: var(--main-color, #F6B736);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-item-preview strong,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-item-preview strong {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  color: var(--dark-text, #1d334b);
  font-weight: 700;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-item-preview small,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-item-preview small {
  color: var(--lsdark-text, #8090a1);
  font-size: 14px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-add-new,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-add-new,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-add-images {
  margin-top: 15px;
  padding: 10px 20px;
  background: var(--main-color, #F6B736);
  color: var(--dark-text-stay, #1d334b);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-add-new:hover,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-add-new:hover,
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-add-images:hover {
  background: var(--main-color-dark, #cf9400);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-sections-container {
  margin: 15px 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item {
  padding: 15px;
  border: 1px solid var(--lbb, #dde5ed);
  border-radius: 5px;
  margin-bottom: 10px;
  background: var(--lb, #f1f5f9);
  position: relative;
  cursor: move;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item label {
  display: block;
  font-weight: 600;
  margin: 0 0 5px;
  color: var(--dark-text, #1d334b);
  font-size: 15px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item input,
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item textarea {
  width: 100%;
  padding: 12px 15px;
  margin: 5px 0;
  border: 1px solid var(--d6, #d6d6d6);
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 15px;
  color: var(--dark-text, #1d334b);
  background: var(--white, #fff);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item textarea {
  min-height: 100px;
  resize: vertical;
  font-family: inherit;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .accordion-section-remove {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--red, #dc3b3b);
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .accordion-section-remove:hover {
  background: var(--redDark, #731f1f);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-section-item .accordion-section-drag {
  position: absolute;
  top: 10px;
  left: 15px;
  color: var(--lsdark-text, #8090a1);
  font-size: 20px;
  cursor: move;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-add-section {
  padding: 12px 20px;
  background: var(--dark, #1d334b);
  color: var(--white-stay, #fff);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 15px 0;
  font-weight: 700;
  font-size: 14px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .accordion-add-section:hover {
  background: var(--udark, #0c1a28);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 15px;
  margin: 20px 0;
  padding: 15px;
  background: var(--lb, #f1f5f9);
  border-radius: 8px;
  border: 1px solid var(--lbb, #dde5ed);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container:empty::before {
  content: 'Brak zdjęć. Kliknij "Dodaj zdjęcia" aby wybrać z mediów.';
  color: var(--lsdark-text, #8090a1);
  grid-column: 1/-1;
  text-align: center;
  padding: 40px 20px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item {
  position: relative;
  background: var(--white, #fff);
  border: 2px solid var(--lbb, #dde5ed);
  border-radius: 8px;
  overflow: hidden;
  cursor: move;
  transition: all 0.3s;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item:hover {
  border-color: var(--main-color, #F6B736);
  box-shadow: 0 4px 12px rgba(246, 183, 54, 0.2);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item:hover .gallery-image-remove {
  opacity: 1;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item.dragging {
  opacity: 0.5;
  transform: rotate(2deg);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item img {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  background: var(--lb, #f1f5f9);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item .image-alt {
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-top: 1px solid var(--lbb, #dde5ed);
  font-size: 13px;
  color: var(--dark-text, #1d334b);
  background: var(--white, #fff);
  box-sizing: border-box;
  font-family: inherit;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item .image-alt::-moz-placeholder {
  color: var(--lsdark-text, #8090a1);
  font-style: italic;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item .image-alt::placeholder {
  color: var(--lsdark-text, #8090a1);
  font-style: italic;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item .image-alt:focus {
  outline: none;
  background: var(--lb, #f1f5f9);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item .gallery-image-remove {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  background: var(--red, #dc3b3b);
  color: var(--white-stay, #fff);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  opacity: 0;
  transition: all 0.2s;
  font-size: 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item .gallery-image-remove:hover {
  opacity: 1;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-images-container .gallery-image-item .gallery-image-remove::before {
  content: "✕";
  font-size: 14px;
  line-height: 0;
  top: -2px;
  position: relative;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-add-images {
  width: 100%;
  margin-top: 15px;
  padding: 12px 20px;
  background: var(--dark, #1d334b);
  color: var(--white-stay, #fff);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.2s;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-add-images:hover {
  background: var(--udark, #0c1a28);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .gallery-add-images::before {
  content: "+ ";
  font-size: 16px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-item-preview {
  padding: 15px;
  border: 1px solid var(--lbb, #dde5ed);
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.2s;
  background: var(--lb, #f1f5f9);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-item-preview:hover {
  background: var(--white, #fff);
  border-color: var(--main-color, #F6B736);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-item-preview strong {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  color: var(--dark-text, #1d334b);
  font-weight: 700;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-item-preview small {
  color: var(--lsdark-text, #8090a1);
  font-size: 14px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-add-new {
  margin-top: 15px;
  padding: 10px 20px;
  background: var(--main-color, #F6B736);
  color: var(--dark-text-stay, #1d334b);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-add-new:hover {
  background: var(--main-color-dark, #cf9400);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-items-container {
  margin: 15px 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item {
  border: 1px solid var(--lbb, #dde5ed);
  border-radius: 5px;
  margin-bottom: 15px;
  background: var(--white, #fff);
  overflow: hidden;
  transition: all 0.2s;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item.active {
  border-color: var(--main-color, #F6B736);
  box-shadow: 0 2px 8px rgba(246, 183, 54, 0.2);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item.collapsed .tab-content-editor {
  display: none;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item.collapsed .tab-toggle {
  transform: rotate(-90deg);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item.dragging {
  opacity: 0.5;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-header {
  padding: 12px 15px;
  background: var(--lb, #f1f5f9);
  border-bottom: 1px solid var(--lbb, #dde5ed);
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: move;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-header .tab-drag {
  color: var(--lsdark-text, #8090a1);
  font-size: 18px;
  cursor: move;
  flex-shrink: 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-header .tab-number {
  font-weight: 700;
  color: var(--dark-text, #1d334b);
  font-size: 14px;
  min-width: 30px;
  flex-shrink: 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-header .tab-title {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid var(--d6, #d6d6d6);
  border-radius: 5px;
  font-size: 15px;
  color: var(--dark-text, #1d334b);
  background: var(--white, #fff);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-header .tab-title:focus {
  border-color: var(--main-color, #F6B736);
  outline: none;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-header .tabs-tab-remove {
  padding: 6px 12px;
  background: var(--red, #dc3b3b);
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-header .tabs-tab-remove:hover {
  background: var(--redDark, #731f1f);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-header .tab-toggle {
  padding: 4px 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--dark-text, #1d334b);
  font-size: 14px;
  transition: transform 0.2s;
  flex-shrink: 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-header .tab-toggle:hover {
  color: var(--main-color, #F6B736);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-content-editor {
  padding: 15px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-content-editor label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--dark-text, #1d334b);
  font-size: 15px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-content-editor .tab-content-area {
  width: 100%;
  min-height: 200px;
  padding: 12px 15px;
  border: 1px solid var(--d6, #d6d6d6);
  border-radius: 5px;
  font-size: 15px;
  color: var(--dark-text, #1d334b);
  background: var(--white, #fff);
  font-family: inherit;
  resize: vertical;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-tab-item .tab-content-editor .tab-content-area:focus {
  border-color: var(--main-color, #F6B736);
  outline: none;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-add-tab {
  padding: 12px 20px;
  background: var(--dark, #1d334b);
  color: var(--white-stay, #fff);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 15px 0;
  font-weight: 700;
  font-size: 14px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabs-add-tab:hover {
  background: var(--udark, #0c1a28);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabsBox {
  margin: 20px 0;
  border: 1px solid var(--lbb, #dde5ed);
  border-radius: 8px;
  overflow: hidden;
  background: var(--white, #fff);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabsBox .tabs-nav {
  display: flex;
  border-bottom: 2px solid var(--lbb, #dde5ed);
  background: var(--lb, #f1f5f9);
  flex-wrap: wrap;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabsBox .tabs-nav .tab-item {
  padding: 15px 25px;
  cursor: pointer;
  font-weight: 600;
  color: var(--lsdark-text, #8090a1);
  border-bottom: 3px solid transparent;
  transition: all 0.2s;
  position: relative;
  top: 2px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabsBox .tabs-nav .tab-item:hover {
  color: var(--dark-text, #1d334b);
  background: var(--white, #fff);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabsBox .tabs-nav .tab-item.active {
  color: var(--main-color, #F6B736);
  background: var(--white, #fff);
  border-bottom-color: var(--main-color, #F6B736);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabsBox .tabs-content .tab-pane {
  display: none;
  padding: 20px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabsBox .tabs-content .tab-pane.active {
  display: block;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabsBox .tabs-content .tab-pane p:first-child {
  margin-top: 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .tabsBox .tabs-content .tab-pane p:last-child {
  margin-bottom: 0;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .cke-actions {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--lbb, #dde5ed);
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .cke-actions button {
  padding: 12px 24px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  min-width: 100px;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .cke-actions .cke-save {
  background: var(--green, #36f6af);
  color: var(--dark-text-stay, #1d334b);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .cke-actions .cke-save:hover {
  background-color: var(--greenextra, #21d996);
  color: var(--white);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .cke-actions .cke-insert,
.cke-popup-overlay .cke-popup-container .cke-popup-content .cke-actions .cke-delete {
  color: var(--dark);
  border: 1px solid var(--dark);
  background-color: transparent;
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .cke-actions .cke-insert:hover,
.cke-popup-overlay .cke-popup-container .cke-popup-content .cke-actions .cke-delete:hover {
  color: var(--white);
  background: var(--ldark-text);
  border-color: var(--ldark-text);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .cke-actions .cke-cancel {
  background: var(--lgrey, #ececec);
  color: var(--dark-text, #1d334b);
}
.cke-popup-overlay .cke-popup-container .cke-popup-content .cke-actions .cke-cancel:hover {
  background: var(--d6, #d6d6d6);
}

.dragging {
  opacity: 0.5;
}
/* /assets/scss/standard.css */
/* Czcionki i ikony (Mulish, uicons, standard_external_cke.css) ładowane jako <link> w <head> (templates/index.php,
   admin/templates/index.php) - @import pobierał je po kolei, w tym z zewnętrznych serwerów, i blokował renderowanie. */
:root {
  --white:#fff;
  --white-text:#fff;
  --whitegreen: #ceffed;
  --white-dark:#fff;
  --white-stay: #fff;
  --black:#000;
  --f2: #f2f2f2;
  --dblack:#373435;
  --lgrey:#ececec;
  --llgrey:#efefef;
  --lllgrey:#eaf0f5;
  --d6:#d6d6d6;
  --c0:#c0c0c0;
  --red: #dc3b3b;
  --redDark: #731f1f;
  --green: #36f6af;
  --greenextra: #21d996;
  --greendark: #045034;
  --yellow:#f6c736;
  --yellowDark: #7e5e0d;
  --blue:#3689f6;
  --blueDark: #033679;
  /*  */
  --udark:#0c1a28;
  --dark:#1d334b;
  --dark-text:#1d334b;
  --dark-text-stay:#1d334b;
  --sdark: #3a536f;
  --sdark-text: #3a536f;
  --sldark-text:#5a6e84;
  --lddark-text: #6e7f92;
  --ldark: #8199b4;
  --ldark-text: #8199b4;
  --lsdark-text: #8090a1;
  --dtext:#7c91a6;
  --c9:#999;
  --ltext:#a3aeba;
  --lltext:#bec8d3;
  --lbb:#dde5ed;
  --lb:#f1f5f9;
  --bl: #e4e9ed;
  --btd: #1d334b;
  /* main color */
  --main-color:#F6B736;
  --main-light: #ffc547;
  --main-color-dark:#cf9400;
  --second-color:var(--main-color);
  --fontfamily: "Mulish";
  --icons: "uicons-regular-rounded";
}

body.dark {
  --white:#0b1827;
  --dark-text:#f4f4f4;
  --sdark-text: #e7e9ec;
  --sldark-text: #aeb7c1;
  --ldark-text: #d4dde6;
  --lddark-text: #9da9b7;
  --lsdark-text: #bec7d1;
  --btd: #1f3956;
  --lb: #112235;
  --bl: rgb(255 255 255 / 25%);
}

body:not(.dark) {
  --white:#fff;
  --white-text:#fff;
  --white-dark:#fff;
  --white-stay: #fff;
  --black:#000;
  --f2: #f2f2f2;
  --dgrey:#;
  --grey:#;
  --dblack:#373435;
  --lgrey:#ececec;
  --llgrey:#efefef;
  --lllgrey:#eaf0f5;
  --d6:#d6d6d6;
  --c0:#c0c0c0;
  --red: #dc3b3b;
  --main-color:#F6B736;
  --main-light: #ffc547;
  --main-color-dark:#cf9400;
  --my-box-color: #f1f5f9;
}

/* icon star */
i.fi-rr-star:before{
  font-family: uicons-solid-straight !important;
  content: "\f1a9";
}

.main-color {
  color: var(--main-color);
}

.bg-logo-main {
  fill: var(--main-color);
}

.bg-logo-black {
  fill: var(--dblack);
}

.second-color {
  color: var(--second-color);
}

.main-bg {
  background-color: var(--main-color);
}

.second-bg {
  background-color: var(--second-color);
}

.editor-content-cke {
  padding: 20px;
}

.editor-content-cke > *:first-child,
.pages.article div[itemprop=articleBody] > *:first-child {
  margin-top: 0 !important;
}
.editor-content-cke img,
.pages.article div[itemprop=articleBody] img {
  border-radius: 5px;
}
.editor-content-cke > *,
.pages.article div[itemprop=articleBody] > * {
  line-height: 1.5em;
  color: var(--lddark-text);
}
.editor-content-cke h1, .editor-content-cke h2, .editor-content-cke h3, .editor-content-cke h4, .editor-content-cke h5, .editor-content-cke h6,
.pages.article div[itemprop=articleBody] h1,
.pages.article div[itemprop=articleBody] h2,
.pages.article div[itemprop=articleBody] h3,
.pages.article div[itemprop=articleBody] h4,
.pages.article div[itemprop=articleBody] h5,
.pages.article div[itemprop=articleBody] h6 {
  color: var(--dark-text);
  font-weight: 700;
  line-height: 1.3;
  margin: 1.2em 0 0.6em;
}
.editor-content-cke h1 a:not(.buttonLink), .editor-content-cke h2 a:not(.buttonLink), .editor-content-cke h3 a:not(.buttonLink), .editor-content-cke h4 a:not(.buttonLink), .editor-content-cke h5 a:not(.buttonLink), .editor-content-cke h6 a:not(.buttonLink),
.pages.article div[itemprop=articleBody] h1 a:not(.buttonLink),
.pages.article div[itemprop=articleBody] h2 a:not(.buttonLink),
.pages.article div[itemprop=articleBody] h3 a:not(.buttonLink),
.pages.article div[itemprop=articleBody] h4 a:not(.buttonLink),
.pages.article div[itemprop=articleBody] h5 a:not(.buttonLink),
.pages.article div[itemprop=articleBody] h6 a:not(.buttonLink) {
  color: var(--dark-text);
  text-decoration: underline;
  color: var(--main-color);
}
.editor-content-cke h1,
.pages.article div[itemprop=articleBody] h1 {
  font-size: 2.75rem;
}
.editor-content-cke h2,
.pages.article div[itemprop=articleBody] h2 {
  font-size: 2.25rem;
}
.editor-content-cke h3,
.pages.article div[itemprop=articleBody] h3 {
  font-size: 1.875rem;
}
.editor-content-cke h4,
.pages.article div[itemprop=articleBody] h4 {
  font-size: 1.5rem;
}
.editor-content-cke h5,
.pages.article div[itemprop=articleBody] h5 {
  font-size: 1.25rem;
}
.editor-content-cke h6,
.pages.article div[itemprop=articleBody] h6 {
  font-size: 1rem;
}
.editor-content-cke > * + *,
.editor-content-cke div.text > * + *,
.pages.article div[itemprop=articleBody] > * + *,
.pages.article div[itemprop=articleBody] div.text > * + * {
  margin-top: 1em;
}
.pages.article div[itemprop=articleBody] iframe{
  width: 100%;
}
.editor-content-cke > div + div.contentBox, .editor-content-cke > div.contentBox + div.contentBox,
.pages.article div[itemprop=articleBody] > div + div.contentBox,
.pages.article div[itemprop=articleBody] > div.contentBox + div.contentBox {
  margin-top: 81px;
}
.editor-content-cke > *:first-child,
.pages.article div[itemprop=articleBody] > *:first-child {
  margin-top: 0;
}
.editor-content-cke .formInside,
.pages.article div[itemprop=articleBody] .formInside {
  margin-top: 0;
}
.pages.article div[itemprop=articleBody] .awaynotpopup + .formInside{
  margin-top: 1em;
} 
.editor-content-cke div.contentBox,
.pages.article div[itemprop=articleBody] div.contentBox {
  gap: 40px;
  align-items: flex-start;
}
.editor-content-cke div.contentBox > *,
.pages.article div[itemprop=articleBody] div.contentBox > * {
  flex: auto;
  width: 300px;
}
.editor-content-cke div.contentBox .item:has(img) img,
.pages.article div[itemprop=articleBody] div.contentBox .item:has(img) img {
  min-height: 100px;
  background: var(--f2);
}
.editor-content-cke div.contentBox .item:has(.intro),
.pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) {
  border-radius: 5px;
  padding: 30px;
  align-items: center;
  border: 1px solid var(--lllgrey);
  align-self: stretch;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  display: flex;
}
.editor-content-cke div.contentBox .item:has(.intro) .intro,
.pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) .intro {
  font-size: 18px;
  color: var(--main-color);
  font-weight: 400;
}
.editor-content-cke div.contentBox .item:has(.intro) h3,
.pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) h3 {
  font-size: 29px;
  color: var(--dark-text);
  font-weight: 800;
  line-height: 1.4em;
  margin-top: 3px;
  margin-bottom: 33px;
  width: 90%;
}
.editor-content-cke div.contentBox .item:has(.intro) p,
.pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) p {
  font-size: 16px;
  width: 85%;
  color: var(--lddark-text);
  line-height: 1.7;
}
.editor-content-cke div.contentBox .item:has(.intro) p a:not(.buttonLink),
.pages.article div[itemprop=articleBody] a:not([class]),
.pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) p a:not(.buttonLink) {
  color: var(--dark-text);
  font-weight: 600;
  text-decoration: underline;
}
.editor-content-cke div.contentBox .item:has(.intro) p a.buttonLink,
.pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) p a.buttonLink {
  display: inline-flex;
  align-items: center;
  font-weight: 800;
  text-decoration: none;
}
.editor-content-cke div.contentBox .item:has(.intro) p + p,
.pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) p + p {
  margin-top: 1em;
}
.editor-content-cke ul, .editor-content-cke ol,
.pages.article div[itemprop=articleBody] ul,
.pages.article div[itemprop=articleBody] ol {
  list-style: inside;
  padding-left: 1em;
}
.editor-content-cke ul li p, .editor-content-cke ol li p,
.pages.article div[itemprop=articleBody] ul li p,
.pages.article div[itemprop=articleBody] ol li p {
  display: inline-block;
}
.editor-content-cke ul li .buttonLink, .editor-content-cke ol li .buttonLink,
.pages.article div[itemprop=articleBody] ul li .buttonLink,
.pages.article div[itemprop=articleBody] ol li .buttonLink {
  display: inline-flex;
  align-items: center;
  height: inherit;
  min-height: 40px;
}
.editor-content-cke ul li + li, .editor-content-cke ol li + li,
.pages.article div[itemprop=articleBody] ul li + li,
.pages.article div[itemprop=articleBody] ol li + li {
  margin-top: 0.4em;
}
.editor-content-cke ol,
.pages.article div[itemprop=articleBody] ol {
  list-style: decimal inside;
}
.editor-content-cke table,
.pages.article div[itemprop=articleBody] table {
  width: 100% !important;
  margin-top: 1.1em;
  border: 1px solid var(--ldark-text);
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
.editor-content-cke table th, .editor-content-cke table td,
.pages.article div[itemprop=articleBody] table th,
.pages.article div[itemprop=articleBody] table td {
  padding: 0.75em 1em;
  border: none;
  text-align: left;
  vertical-align: top;
  color: var(--lddark-text);
  font-size: 1rem;
  border-radius: 0;
}
.editor-content-cke table tr:first-child,
.pages.article div[itemprop=articleBody] table tr:first-child {
  background-color: var(--dark);
}
.editor-content-cke table tr:first-child th, .editor-content-cke table tr:first-child td,
.pages.article div[itemprop=articleBody] table tr:first-child th,
.pages.article div[itemprop=articleBody] table tr:first-child td {
  font-size: 1rem;
  font-weight: 700;
  color: white;
}
.editor-content-cke table tr:first-child td,
.pages.article div[itemprop=articleBody] table tr:first-child td {
  padding: 1em;
}
.editor-content-cke table tr:first-child tr:first-child,
.pages.article div[itemprop=articleBody] table tr:first-child tr:first-child {
  border-right: 0;
}
.editor-content-cke table th,
.pages.article div[itemprop=articleBody] table th {
  background-color: var(--lddark-text);
  font-weight: 600;
  color: var(--dark);
}
.editor-content-cke table tr td:not(:last-child),
.editor-content-cke table tr th:not(:last-child),
.pages.article div[itemprop=articleBody] table tr td:not(:last-child),
.pages.article div[itemprop=articleBody] table tr th:not(:last-child) {
  border-right: 1px solid var(--ldark-text);
}
.editor-content-cke table tr + tr td,
.pages.article div[itemprop=articleBody] table tr + tr td {
  border-top: 1px solid var(--ldark-text);
}

body > .select2-container {
  z-index: 10000;
}
body > .select2-container .select2-search {
  padding: 12px 8px;
}
body > .select2-container .select2-search--dropdown .select2-search__field {
  height: 35px;
  border-radius: 5px;
  border-color: var(--d6);
}
body > .select2-container .select2-dropdown {
  border: 1px solid var(--d6);
  border-radius: 5px !important;
  overflow: hidden;
}
body > .select2-container .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--dark);
}
body > .select2-container .select2-results__option--highlighted.select2-results__option--selectable div + div {
  color: var(--d6);
}
body > .select2-container .select2-results__option {
  padding: 8px !important;
}
body > .select2-container .select2-results__option div + div {
  font-size: 14px;
  color: var(--dark);
}

body .select2 {
  width: 100px;
  max-width: 100%;
  z-index: 1000;
  flex: auto;
}
body .select2 .select2-selection--single {
  height: 46px;
  border: 1px solid var(--d6);
  border-radius: 5px;
  font-size: 14px;
  color: var(--dark-text);
  background-color: var(--white);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
body .select2 .select2-selection--single .select2-selection__rendered {
  line-height: inherit;
  height: 100%;
  align-items: center;
  padding: 12px 16px;
  display: inline-block;
  width: 208px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .select2 .select2-selection--single .select2-selection__rendered strong {
  font-size: 15px;
}
body .select2 .select2-selection--single .select2-selection__arrow {
  display: none !important;
}
body .select2 .select2-selection--single:after {
  content: "\e07c";
  font-size: 18px;
  position: absolute;
  right: 15px;
  bottom: 0;
  height: 46px;
  display: flex;
  align-items: center;
  pointer-events: none;
}

/* dark */
body.dark {
  --white:#0b1827;
  --dark-text:#f4f4f4;
  --sdark-text: #e7e9ec;
  --sldark-text: #aeb7c1;
  --ldark-text: #d4dde6;
  --lddark-text: #9da9b7;
  --lsdark-text: #bec7d1;
  --btd: #1f3956;
  --lb: #112235;
  --bl: rgb(255 255 255 / 25%);
}

body.dark .bg-logo-black {
  fill: var(--dark-text);
}

*:not(.ba-form-icons)::before,
::after {
  font-family: var(--icons);
}

i.fi,
em.fi {
  line-height: 0;
}

.tooltip {
  position: relative;
}
.tooltip::after {
  font-family: var(--font);
  content: attr(data-tooltip);
  position: absolute;
  bottom: 0;
  background: var(--dark);
  color: var(--white-stay);
  padding: 8px 12px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1000;
  margin: auto;
  right: calc(100% + 5px);
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
}
.tooltip:hover::after {
  opacity: 1;
}

/*gradient*/
.gradient {
  background: linear-gradient(-120deg, var(--second-color) 0%, var(--main-color) 100%);
}

.tgradient {
  background: -webkit-linear-gradient(-120deg, var(--second-color) 0%, var(--main-color) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#shape-gradient {
  --color-start: var(--second-color);
  --color-stop: var(--main-color);
}

* {
  padding: 0;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  font-style: normal;
  font-family: var(--fontfamily), sans-serif;
}

body {
  transition: all 200ms linear;
  background: var(--white);
  margin: 0px;
}

body.active {
  overflow: hidden;
}

body i {
  line-height: 0;
}

body a {
  text-decoration: none;
}

body img {
  border: none;
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  text-decoration: none;
}

a, :before, :after, li, img, .transition, label, button,
svg, path, circle, i, button {
  transition: all 200ms linear;
}

/* top site - logo, contact, menu, language */
body .center,
body.editor-content-cke {
  margin: 0px auto;
  max-width: 1480px;
  box-sizing: border-box;
  padding: 0px 40px;
}

body .center.bigger {
  margin: 0px auto;
  max-width: 1920px;
  width: calc(100% - 80px);
}

body.editor-content-cke {
  padding: 40px 40px 0;
}

.nowraptext {
  white-space: nowrap;
}

.displayNone,
.hidden {
  display: none;
}

.radius5 {
  border-radius: 5px;
}

.radius10 {
  border-radius: 10px;
}

.radius15 {
  border-radius: 15px;
}

.radius20 {
  border-radius: 20px;
}

.radius25 {
  border-radius: 25px;
}

.radius30 {
  border-radius: 30px;
}

.radius35 {
  border-radius: 35px;
}

.radius100 {
  border-radius: 100%;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.nolist {
  list-style: none !important;
  padding-left: 0 !important;
}

iframe {
  border: none;
}

/* animation */
@keyframes begindrag {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-8deg);
  }
  30% {
    transform: rotate(6deg);
  }
  55% {
    transform: rotate(-3deg);
  }
  80% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}
@keyframes shakeOnce {
  0% {
    transform: rotate(0);
  }
  10% {
    transform: rotate(15deg);
  }
  20% {
    transform: rotate(-15deg);
  }
  30% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(5deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  70% {
    transform: rotate(2deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0);
  }
}
/*width*/
body .width100 {
  width: 100%;
}

body .width85 {
  width: 85%;
}

body .width70 {
  width: 70%;
}

body .width65 {
  width: 65%;
}

body .width60 {
  width: 60%;
}

body .width55 {
  width: 55%;
}

body .width50 {
  width: 50%;
}

body .width48 {
  width: 48%;
}

body .width40 {
  width: 40%;
}

body .width35 {
  width: 35%;
}

body .width30 {
  width: 30%;
}

body .width31 {
  width: 31%;
}

body .width25 {
  width: 25%;
}

body .width21 {
  width: 21%;
}

/*floats*/
body .overflowHidden {
  overflow: hidden;
}

/*align text */
body .alignLeft {
  text-align: left;
}

body .alignRight {
  text-align: right;
}

body .alignCenter {
  text-align: center;
}

/* popup alert */
.alertPopup {
  display: none;
  right: 15px;
  border-radius: 5px;
  z-index: 100;
  bottom: 15px;
  position: fixed;
  background: var(--green);
  padding: 25px 20px 20px;
  overflow: hidden;
  max-width: 280px;
}
.alertPopup.type-error {
  background-color: var(--red);
  color: var(--white);
}
.alertPopup.type-error i {
  color: var(--redDark);
}
.alertPopup.type-error .timeout {
  background-color: var(--redDark);
}
.alertPopup.type-warning {
  background-color: var(--yellow);
  color: var(--white);
}
.alertPopup.type-warning i {
  color: var(--yellowDark);
}
.alertPopup.type-warning .timeout {
  background-color: var(--yellowDark);
}
.alertPopup.type-info {
  background-color: var(--blue);
  color: var(--white);
}
.alertPopup.type-info i {
  color: var(--blueDark);
}
.alertPopup.type-info .timeout {
  background-color: var(--blueDark);
}
.alertPopup.type-line {
  position: relative;
  left: 0;
  width: 100%;
  max-width: 100%;
}
.alertPopup h3 {
  font-size: 18px !important;
  margin: 0 !important;
}
.alertPopup p {
  font-size: 14px;
}
.alertPopup .timeout {
  position: absolute;
  bottom: 0;
  height: 3px;
  background-color: var(--greenextra);
  left: 0;
}
.alertPopup i {
  position: absolute;
  z-index: 1;
  right: 15px;
  top: 15px;
  font-size: 20px;
  color: var(--dark);
}
.alertPopup i:hover {
  cursor: pointer;
  opacity: 0.8;
}
.alertPopup + .alertPopup {
  margin-top: 20px;
}

.cart-message {
  position: absolute;
  border-radius: 5px;
  color: var(--dark-text-stay);
  background: var(--green);
  font-weight: 600;
  padding: 20px;
  margin-top: -134px;
  display: flex;
  gap: 20px;
}
.cart-message .message {
  display: block;
  font-size: 15px;
}
.cart-message i {
  font-size: 17px;
  display: flex;
  align-items: center;
  color: var(--white);
}

#popup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(29, 51, 75, 0.8);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  z-index: 99999;
}
#popup .popup--visible {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100svh;
  width: 100svw;
}
#popup .more .subormore {
  display: none;
}
#popup .headerTopPopup h2 {
  color: var(--dark-text);
}
#popup .headerTopPopup a {
  color: var(--dark-text);
}
#popup .headerTopPopup a:hover {
  color: var(--red);
}
#popup .popup-body {
  background: var(--white);
  position: relative;
  border-radius: 10px;
  padding: 20px;
  max-width: 700px;
  width: 95%;
  max-height: 90vh;
  overflow: auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
#popup table.products {
  margin-top: 20px;
}
#popup table.products .image {
  max-width: 90px;
  width: 90px;
}
#popup table.products .cartorremove {
  gap: 10px;
}
#popup table.products .price {
  min-width: 115px;
}
#popup .buttons {
  margin-top: 20px;
  gap: 20px;
}
#popup .buttons a.buttonLink {
  min-width: 160px;
  font-size: 14px;
  font-weight: 800;
  border: none;
  gap: 10px;
}
#popup .buttons a.buttonLink i {
  font-size: 16px;
}
#popup.login-popup .popup-body, #popup.smallPopup .popup-body {
  max-width: 410px;
  position: relative;
}
#popup.login-popup .popup-body form > *,
#popup.login-popup .popup-body form .element + .element, #popup.smallPopup .popup-body form > *,
#popup.smallPopup .popup-body form .element + .element {
  margin-top: 20px;
}
#popup.login-popup .popup-body form .element label, #popup.smallPopup .popup-body form .element label {
  font-size: 15px;
  color: var(--dark-text);
  margin-bottom: 5px;
  display: block;
  order: 1;
}
#popup.login-popup .popup-body form .element label span, #popup.smallPopup .popup-body form .element label span {
  color: var(--main-color);
}
#popup.login-popup .popup-body form .element input,
#popup.login-popup .popup-body form .element textarea, #popup.smallPopup .popup-body form .element input,
#popup.smallPopup .popup-body form .element textarea {
  min-height: 50px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  padding: 0 15px;
  font-size: 15px;
  width: 100%;
}
#popup.login-popup .popup-body form .element textarea, #popup.smallPopup .popup-body form .element textarea {
  min-height: 150px;
  resize: none;
  padding: 15px;
}
#popup.login-popup .popup-body form .firstStep .element textarea, #popup.smallPopup .popup-body form .firstStep .element textarea {
  min-height: 90px;
}
#popup.login-popup .popup-body form .firstStep .element:has(textarea), #popup.smallPopup .popup-body form .firstStep .element:has(textarea) {
  max-height: 400;
  transition: all 200ms linear;
}
#popup.login-popup .popup-body form .firstStep .element.hiddenField, #popup.smallPopup .popup-body form .firstStep .element.hiddenField {
  transition: all 200ms linear;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  margin-top: 0;
}
#popup.login-popup .popup-body form .firstStep:has(input:checked) .element:has(textarea), #popup.smallPopup .popup-body form .firstStep:has(input:checked) .element:has(textarea) {
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
}
#popup.login-popup .popup-body form .firstStep:has(input:checked) .element.hiddenField, #popup.smallPopup .popup-body form .firstStep:has(input:checked) .element.hiddenField {
  max-height: 100px;
  overflow: auto;
  pointer-events: all;
  visibility: visible;
  margin-top: 20px;
}
#popup.login-popup .popup-body form .buttonLink, #popup.smallPopup .popup-body form .buttonLink {
  font-weight: 700;
}
#popup.login-popup .popup-body form.showmore, #popup.smallPopup .popup-body form.showmore {
  width: calc(100% - 40px);
  max-width: 900px;
}
#popup.login-popup .popup-body .extralogin, #popup.smallPopup .popup-body .extralogin {
  gap: 10px;
  align-items: flex-start;
  margin-top: 20px;
}
#popup.login-popup .popup-body .extralogin li, #popup.smallPopup .popup-body .extralogin li {
  flex: auto;
  width: 70px;
}
#popup.login-popup .popup-body .extralogin li a, #popup.smallPopup .popup-body .extralogin li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid var(--dark-text);
  padding: 5px 10px;
  text-align: left;
  border-radius: 5px;
  gap: 10px;
  color: var(--dark-text);
}
#popup.login-popup .popup-body .extralogin li a i, #popup.smallPopup .popup-body .extralogin li a i {
  font-size: 20px;
}
#popup.login-popup .popup-body .extralogin li a span, #popup.smallPopup .popup-body .extralogin li a span {
  font-size: 12px;
}
#popup.login-popup .popup-body .extralogin li a span strong, #popup.smallPopup .popup-body .extralogin li a span strong {
  display: flex;
  font-size: 14px;
  margin-top: -2px;
}
#popup.login-popup .popup-body .extralogin li a:hover, #popup.smallPopup .popup-body .extralogin li a:hover {
  background-color: var(--dark-text);
  color: var(--white-text);
}
#popup.login-popup .popup-body .userauthoptions, #popup.smallPopup .popup-body .userauthoptions {
  border: 1px solid var(--lbb);
  margin-top: 10px;
  padding: 15px;
  gap: 10px;
  font-size: 13px;
  text-align: left;
  border-radius: 5px;
}
#popup.login-popup .popup-body .userauthoptions li, #popup.smallPopup .popup-body .userauthoptions li {
  flex: auto;
  width: 60px;
}
#popup.login-popup .popup-body .userauthoptions a, #popup.smallPopup .popup-body .userauthoptions a {
  color: var(--lddark-text);
}
#popup.login-popup .popup-body .userauthoptions a:hover, #popup.smallPopup .popup-body .userauthoptions a:hover {
  color: var(--dark-text);
}
#popup.login-popup .popup-body .steps, #popup.smallPopup .popup-body .steps {
  display: flex;
  align-items: flex-start;
}
#popup.login-popup .popup-body .steps .firstStep, #popup.smallPopup .popup-body .steps .firstStep {
  width: 200px;
  flex: auto;
}
#popup.login-popup .popup-body .steps .more, #popup.smallPopup .popup-body .steps .more {
  max-width: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  max-height: 0;
}
#popup.login-popup .popup-body:has(input:checked), #popup.smallPopup .popup-body:has(input:checked) {
  transition: all 200ms linear;
  max-width: 900px;
  width: calc(100% - 40px);
}
#popup.login-popup .popup-body:has(input:checked) .steps, #popup.smallPopup .popup-body:has(input:checked) .steps {
  gap: 30px;
}
#popup.login-popup .popup-body:has(input:checked) .steps > *, #popup.smallPopup .popup-body:has(input:checked) .steps > * {
  width: 30%;
  flex: auto;
}
#popup.login-popup .popup-body:has(input:checked) .steps .more, #popup.smallPopup .popup-body:has(input:checked) .steps .more {
  max-width: 100%;
  overflow: hidden;
  pointer-events: all;
  visibility: visible;
  width: 60%;
  display: flex;
  align-items: flex-start;
  gap: 20px 30px;
  flex-wrap: wrap;
  max-height: 1500px;
  transition: max-height 1s ease 0.4s;
}
#popup.login-popup .popup-body:has(input:checked) .steps .more .element, #popup.smallPopup .popup-body:has(input:checked) .steps .more .element {
  width: 200px;
  flex: auto;
  margin-top: 0;
}
#popup.login-popup .popup-body:has(input:checked) .steps .more .element input,
#popup.login-popup .popup-body:has(input:checked) .steps .more .element select, #popup.smallPopup .popup-body:has(input:checked) .steps .more .element input,
#popup.smallPopup .popup-body:has(input:checked) .steps .more .element select {
  min-height: 50px;
  font-size: 15px;
}
#popup.login-popup .popup-body:has(input:checked) .steps .more .element + .element, #popup.smallPopup .popup-body:has(input:checked) .steps .more .element + .element {
  margin-top: 0;
}
#popup.login-popup .subormore, #popup.smallPopup .subormore {
  gap: 20px;
}
#popup.login-popup .subormore label, #popup.smallPopup .subormore label {
  order: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  cursor: pointer;
}
#popup.login-popup .subormore label input, #popup.smallPopup .subormore label input {
  display: none;
}
#popup.login-popup .subormore label:before, #popup.smallPopup .subormore label:before {
  min-width: 28px;
  height: 28px;
  content: "\e35f";
  font-size: 17px;
  display: inline-flex;
  margin-right: 10px;
  border-radius: 5px;
  order: 0;
  border: 1px solid #dcdcdc;
  transition: all 200ms linear;
  color: transparent;
  align-items: center;
  justify-content: center;
}
#popup.login-popup .subormore label:has(input:checked):before, #popup.smallPopup .subormore label:has(input:checked):before {
  background-color: var(--main-color);
  color: var(--white-stay);
  border: 1px solid vaR(--main-color);
}
#popup.login-popup .subormore label strong, #popup.smallPopup .subormore label strong {
  font-weight: 700;
  color: var(--dark-text);
  font-size: 14px;
  position: relative;
}
#popup.login-popup .subormore label p, #popup.smallPopup .subormore label p {
  color: var(--lsdark-text);
  font-size: 13px;
}
#popup.login-popup .subormore label:has(p) strong, #popup.smallPopup .subormore label:has(p) strong {
  top: -1px;
}
#popup.login-popup .subormore label:not(:has(p)), #popup.smallPopup .subormore label:not(:has(p)) {
  align-items: center;
}

.infomessage p.error, .infomessage.error {
  background: var(--red);
  margin: 10px 0 -5px;
  border-radius: 5px;
  padding: 10px;
  color: var(--white);
}

.formInside {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px;
}
.formInside > * {
  flex: auto;
  width: 300px;
}
.formInside form {
  gap: 20px 30px;
}
.formInside form > * {
  margin-top: 0;
  width: 300px;
  flex: auto;
}
.formInside form > *:has(textarea) {
  width: 100%;
}
.formInside form button[type=submit].wait:after {
  content: "";
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid var(--white);
  border-top-color: transparent;
  animation: spin 1s linear infinite;
}
.formInside form button[type=submit]:disabled {
  background: var(--dtext);
  border: 1px solid var(--dtext);
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.formInside .extraBox:not(:has(*)) {
  display: none;
}
.formInside .extraBox {
  background-color: var(--dark);
  color: var(--white-text);
  padding: 30px;
  gap: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  border-radius: 5px;
}
.formInside .extraBox > * {
  flex: auto;
  width: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  text-align: center;
  min-height: 200px;
  padding: 20px;
  border: 1px solid var(--lsdark-text);
  border-radius: 5px;
}
.formInside .extraBox > * i, .formInside .extraBox > * em {
  font-size: 26px;
  margin-bottom: 20px;
}
.formInside .extraBox > * > h1, .formInside .extraBox > * > h2, .formInside .extraBox > * > h3, .formInside .extraBox > * > h4, .formInside .extraBox > * > h5, .formInside .extraBox > * > h6 {
  color: var(--white-text) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  margin: 0 0 10px 0 !important;
}
.formInside .extraBox > * p, .formInside .extraBox > * a, .formInside .extraBox a {
  font-size: 15px;
  color: var(--lbb) !important;
}

#ordermsg .order-message {
  position: absolute;
  border-radius: 5px;
  color: var(--white-stay);
  background: var(--red);
  font-weight: 600;
  padding: 10px 20px;
  margin-top: -60px;
  display: flex;
  gap: 20px;
}
#ordermsg .order-message .message {
  display: block;
  font-size: 15px;
}
#ordermsg .order-message i {
  font-size: 17px;
  display: flex;
  align-items: center;
  color: var(--white);
}

.stdForm {
  gap: 0 30px;
}
.stdForm h3 {
  width: 100%;
  margin: 0 !important;
}
.stdForm > * {
  margin-top: 20px;
}
.stdForm .element {
  flex: auto;
  position: relative;
}
.stdForm .element label {
  font-size: 16px;
  color: var(--dark-text);
  margin-bottom: 5px;
  display: block;
  order: 1;
}
.stdForm .element label span {
  color: var(--main-color);
}
.stdForm .element label .error {
  background: var(--red);
  color: vaR(--white);
  border-radius: 5px;
  font-size: 12px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 0 5px;
  top: -2px;
  position: relative;
}
.stdForm .element input, .stdForm .element select {
  min-height: 56px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  padding: 0 15px;
  font-size: 16px;
  width: 100%;
}
.stdForm .element textarea {
  min-height: 160px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  padding: 15px;
  font-size: 16px;
  width: 100%;
}
.stdForm .element button[type=submit] {
  justify-content: center;
  height: 58px;
  min-width: 190px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  text-wrap: wrap;
  cursor: pointer;
  text-align: center;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  padding: 0 10px;
  border-radius: 5px;
  color: var(--dark-text-stay);
  font-weight: 800;
  gap: 10px;
}
.stdForm .element .getvat {
  position: absolute;
  top: 25px;
  right: 10px;
  height: 20px;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  border: 1px solid var(--d6);
  text-transform: uppercase;
  font-size: 12px;
  bottom: 0;
  margin: auto;
  padding: 13px 7px;
  color: var(--d6);
  font-weight: 600;
}
.stdForm .element .getvat.active {
  border: 1px solid var(--dark);
  color: var(--dark-text-stay);
}
.stdForm .element:has(select) {
  position: relative;
}
.stdForm .element:has(select):after {
  position: absolute;
  right: 20px;
  top: 25px;
  bottom: 0;
  display: flex;
  align-items: center;
  content: "\e07c";
  color: var(--d6);
  font-size: 20px;
  pointer-events: none;
}
.stdForm .element:has(select) select {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.stdForm .break {
  height: 1px;
  background: var(--lbb);
  margin: 30px 0;
}
.stdForm .error {
  border-color: var(--red) !important;
  background: #fff5f5;
}
.stdForm label:has(input.error):before {
  box-shadow: inset 0 0 0 1px var(--red);
}
.stdForm .errorField,
.stdForm label:has(.errorField):before {
  border-color: var(--red) !important;
}
.stdForm label:has(input[type=checkbox]) {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  cursor: pointer;
}
.stdForm label:has(input[type=checkbox]):before {
  min-width: 28px;
  height: 28px;
  content: "\e35f";
  font-size: 17px;
  display: inline-flex;
  border-radius: 5px;
  margin-right: 10px;
  order: 0;
  border: none;
  transition: all 200ms linear;
  color: transparent;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #dcdcdc;
}
.stdForm label:has(input[type=checkbox]):has(input[type=checkbox]:checked):before {
  background-color: var(--main-color);
  color: var(--white-stay);
  border: 1px solid vaR(--main-color);
}
.stdForm label:has(input[type=checkbox]) input {
  position: absolute;
  left: -9999px;
  display: inline !important;
}
.stdForm label:has(input[type=checkbox]) span {
  font-size: 14px;
  color: var(--dtext);
  position: relative;
  text-align: left;
}
.stdForm label:has(input[type=checkbox]) span .main-color {
  color: var(--main-color);
}
.stdForm label:has(input[type=checkbox]) span a {
  color: var(--dark-text);
  text-decoration: underline;
}
.stdForm .buttonLink {
  font-weight: 700;
  height: 56px;
  min-width: 200px;
  font-size: 16px;
}

/* breadcrumbs */
.breadcrumbs {
  margin-bottom: 30px !important;
  gap: 20px;
}
.breadcrumbs + .breadcrumbs {
  margin-top: 50px;
}
.breadcrumbs .center {
  min-height: 108px;
  padding: 20px 40px;
  overflow: hidden;
}
.breadcrumbs h1 {
  font-size: 26px;
  font-weight: 700;
  color: var(--dark-text);
  margin-bottom: 6px;
}
.breadcrumbs ol {
  display: flex;
  list-style: none;
  font-size: 13px;
  color: #c3c3c3;
  margin-top: -1px;
}
.breadcrumbs ol::before {
  content: "\e0de";
  color: var(--main-color);
  margin-right: 10px;
  font-size: 16px;
}
.breadcrumbs ol li + li::before {
  content: "/";
  margin: 0 9px;
  color: var(--d6);
}
.breadcrumbs ol li a {
  color: var(--lsdark-text);
}
.breadcrumbs .activemore {
  display: none;
  gap: 10px;
}
.breadcrumbs .activemore a {
  font-size: 15px;
  font-weight: 600;
  padding: 0 15px;
  border-radius: 5px;
  min-height: 44px;
  gap: 6px;
  white-space: nowrap;
  background: var(--dark);
  color: var(--white-stay);
}
.breadcrumbs .activemore a i {
  font-size: 16px;
  color: var(--main-color);
}
.breadcrumbs .activemore .fitslist {
  display: none;
}
.breadcrumbs .activemore.on a.active {
  background: var(--main-color);
  border-color: var(--main-color);
}
.breadcrumbs .activemore.on a.active i {
  color: var(--white);
}

/* error 404 */
.error404 {
  margin: -20px;
}

.error404 > * {
  margin: 20px;
  width: 320px;
  flex: auto;
}

/* pagination */
.pagination {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 10px;
}
.pagination.front {
  border: 1px solid var(--bl);
  border-radius: 5px;
  padding: 20px;
  margin-top: 50px;
  --main-color:var(--dark);
}
.pagination .list {
  list-style-type: none;
  display: flex;
  gap: 10px;
  padding: 0;
  margin: 0;
}
.pagination li a,
.pagination li span {
  display: inline-flex;
  height: 34px;
  min-width: 34px;
  padding: 0 5px;
  justify-content: center;
  background-color: var(--lgrey);
  color: var(--sdark-text);
  align-items: center;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.pagination li a:hover,
.pagination li span:hover {
  background-color: var(--main-color);
  color: var(--white);
}
.pagination li.active span {
  background-color: var(--main-color);
  color: var(--white);
  font-weight: 600;
}
.pagination li:first-child a,
.pagination li:nth-child(2) a,
.pagination li:last-child a,
.pagination li:nth-last-child(2) a {
  background-color: var(--bl);
}
.pagination li:first-child a:hover,
.pagination li:nth-child(2) a:hover,
.pagination li:last-child a:hover,
.pagination li:nth-last-child(2) a:hover {
  background-color: var(--main-light);
  color: var(--dark-text);
}
.pagination li:not(.active) span {
  background-color: var(--bl);
  color: var(--sdark-text);
  cursor: default;
}
.pagination li:not(.active) span:hover {
  background-color: var(--bl);
  color: var(--sdark-text);
}

body.dark .pagination li a {
  background-color: var(--bl);
}
body.dark .pagination li a:hover {
  background-color: var(--main-light);
  color: var(--dark-text);
}
body.dark .pagination li.active span {
  color: var(--main-light);
}

/*flex*/
.flexBlock {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.flexStart {
  align-items: flex-start;
}

.flexLeft {
  justify-content: flex-start;
}

.flexCenter {
  justify-content: center;
}

.flexRight {
  justify-content: flex-end;
}

.flexColumn {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flexInline,
#wrap-contact-form104 .rf_submit {
  /*  align-items: baseline;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex; */
  display: inline-flex;
  /*  -webkit-flex-flow: row wrap; */
  align-items: center;
  justify-content: space-between;
}

.flexWrap {
  flex-wrap: wrap;
}

.flexFull {
  flex: auto;
}

.rightSide {
  width: 100%;
}

.headerText {
  display: flex;
  align-items: center;
  letter-spacing: 1px;
  justify-content: flex-start;
  font-size: 24px;
}

.headerText.center {
  padding: 0 30px !important;
}

.headerText:before {
  background-color: var(--second-color);
  width: 40px;
  height: 4px;
  content: "";
  margin-right: 23px;
  border-radius: 10px;
}

.smallheader p {
  font-size: 14px;
  color: var(--second-color);
  margin-bottom: 5px;
  letter-spacing: 1px;
}

.smallheader h3 {
  font-size: 29px;
  color: var(--white);
  letter-spacing: 1px;
}

.headerBox {
  position: relative;
  margin-bottom: 47px;
}

.headerLine {
  margin-bottom: 33px;
}

.headerLine:after {
  flex: auto;
  content: "";
  height: 1px;
  margin-left: 30px;
  background-color: #0d8060;
}

.headerInit .break {
  min-width: 2px;
  height: 10px;
  margin: 0 30px;
  background-color: #a0a7aa;
}

.headerBox.hdPage:after {
  position: absolute;
  z-index: 0;
  height: 100%;
  left: 0;
  content: "";
  width: 100%;
  background: rgba(0, 0, 0, 0.41);
  top: 0rem;
}

.headerBox.hdPage .center {
  z-index: 1;
}

.headerBox h4,
.headerBox h3,
.headerBox h2,
.headerBox h1,
.content-category h2 {
  font-size: 35px;
  font-weight: 600;
  line-height: 1em;
  color: var(--dark);
}

.headerBox.bigger h4,
.headerBox.bigger h3,
.headerBox.bigger h2,
.headerBox.bigger h1,
.content-category h2.bigger {
  font-size: 45px;
}

.headerBox.white h1, .headerBox.white h2, .headerBox.white h3, .headerBox.white h4 {
  color: var(--white);
}

.headerBox.darker h1, .headerBox.darker h2, .headerBox.darker h3, .headerBox.darker h4 {
  color: var(--btcolor);
}

.headerBox p {
  color: var(--main-color);
  font-size: 18px;
}

.headerBox.break:after {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  margin: 14px 0;
  background-color: #227892;
}

/* boxheader - page */
.boxheader h3 {
  color: var(--dark-text);
  font-size: 30px;
  font-weight: 700;
}

.boxheader p {
  color: var(--ldark-text);
  font-size: 14px;
  margin-top: 3px;
}

/* link */
.buttonLink,
.buttonCTA {
  justify-content: center;
  height: 52px;
  min-width: 180px;
  font-size: 15px;
  text-wrap: wrap;
  font-weight: 600;
  color: var(--dark);
  cursor: pointer;
  text-align: center;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  padding: 0 10px;
  border-radius: 5px;
}

.buttonCTA {
  display: inline-flex;
  border-radius: 5px;
  padding: 10px 15px;
  height: inherit;
  font-size: inherit;
  color: var(--white) !important;
}

.buttonCTA:hover,
.buttonLink:hover {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--white);
}

.buttonLink.white {
  border-color: var(--white);
  color: var(--dark);
}

.buttonLink.small {
  height: 46px !important;
  min-width: 132px;
  font-size: 13px;
}

.buttonLink.border {
  background: transparent;
  height: 52px;
}

.buttonLink.bg {
  background-color: var(--white);
}

.buttonLink.bg:hover,
.buttonLink.border:hover {
  background-color: var(--main-color);
  color: var(--white-stay);
}

.buttonLink.icon i {
  margin-left: 8px;
  font-size: 20px;
  line-height: 0;
  padding-top: 1px;
  color: var(--main-color);
}

.buttonLink.icon:hover i {
  color: var(--white-stay);
}

.buttonLink.dark {
  background-color: var(--dark-text-stay);
  color: var(--white-stay);
  border: none;
}

.buttonLink.dark:hover {
  background-color: var(--udark);
}

.buttonLink.darkborder {
  border: 1px solid var(--dark-text);
  color: var(--dark-text);
}

.buttonLink.darkborder:hover {
  background-color: var(--dark-text);
  color: var(--white);
}
/* /assets/css/baguetteBox.min.css */
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.12.0
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
/* /assets/css/slick.min.css */
/**
 * Minified by jsDelivr using clean-css v5.3.2.
 * Original file: /npm/slick-carousel@1.8.1/slick/slick.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* /assets/css/article.css */
.article-video {
  position: relative;
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
  border: 4px solid rgba(255,255,255,0.3);
  border-radius: 10px;
  transition: border-color .3s ease;
}

.article-video:hover { border-color: rgba(255,255,255,.6); }

.article-video img {
  display: block;
  width: 100%;
  height: auto;
  transition: filter .3s ease;
}

.article-video:hover img { filter: brightness(.8); }

/* Okrąg */
.article-video::before {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 80px; height: 80px;
  transform: translate(-50%, -50%);
  background: rgba(0,0,0,.5);
  border: 2px solid rgba(255,255,255,.6);
  border-radius: 50%;
  transition: all .3s ease;
  z-index: 2;
}

/* Trójkąt */
.article-video::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 0; height: 0;
  border-left: 24px solid rgba(255,255,255,.85);
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  transition: border-left-color .3s ease;
  z-index: 3;
}

.article-video:hover::before {
  background: rgba(0,0,0,.7);
  border-color: rgba(255,255,255,1);
  transform: translate(-50%, -50%) scale(1.1);
}
.article-video:hover::after { border-left-color: rgba(255,255,255,1); }
/* /modules/langchange/assets/scss/mod_langchange.css */
.langchange {
  margin-left: 30px;
}
.langchange > .actual .icon {
  border: 1px solid var(--llgrey);
  margin-right: 8px;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  position: relative;
  z-index: 5;
}
.langchange > .actual .icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.langchange > .actual .text {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--dark-text);
  position: relative;
  z-index: 5;
}
.langchange > .actual i {
  color: var(--d6);
  font-size: 16px;
  margin-left: 4px;
  position: relative;
  z-index: 5;
}
.langchange ul {
  display: none;
  position: absolute;
  top: 0;
  background-color: var(--white);
  border: 1px solid var(--lgrey);
  border-top: 0;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  z-index: 4;
  padding: 10px 25px 10px 15px;
  margin-left: -15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-top: 62px;
}
.langchange ul span.icon {
  border: 1px solid var(--llgrey);
  margin-right: 8px;
  width: 30px;
  height: 30px;
}
.langchange ul a {
  color: var(--ldark-text);
}
.langchange ul li + li {
  margin-top: 10px;
}

header.center .beforeTop {
  z-index: 10 !important;
}
header.center .langchange {
  margin: 0;
  margin-right: 0 !important;
}
header.center .langchange .icon {
  min-width: 22px;
  width: 22px;
  min-height: 22px;
  height: 22px;
}
/* /modules/menu/assets/scss/mod_menu.css */

/* /modules/login/assets/scss/mod_login.css */
.mod_login {
  margin-left: 30px;
}
.mod_login .icon {
  background-color: var(--dark-text);
  border-radius: 5px;
  border: 1px solid var(--dark-text);
  color: var(--lb);
  min-width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}
.mod_login .avatar {
  border-radius: 5px;
  height: 34px;
  min-width: 34px;
  border: 1px solid var(--bl);
}
.mod_login .arrow {
  margin-left: 5px;
  font-size: 15px;
  color: var(--d6);
}
.mod_login .userbox {
  display: none;
  position: absolute;
  padding-top: 0;
  top: 72px;
  background-color: var(--white);
  border: 1px solid var(--lgrey);
  border-top: 0;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  z-index: 4;
  padding: 10px 25px 15px 31px;
  margin-left: -31px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.mod_login .userbox .username {
  text-transform: none;
  color: var(--ldark);
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--lgrey);
  font-weight: 400;
  font-size: 14px;
}
.mod_login .userbox ul li a {
  font-size: 14px;
  color: var(--dark-text);
}
.mod_login .userbox ul li + li {
  margin: 10px 0 0 0 !important;
}
/* /modules/cart/assets/scss/mod_cart.css */
.mod_cart {
  margin-left: 15px;
}
.mod_cart i {
  background-color: var(--main-color);
  position: relative;
  overflow: hidden;
  border: 1px solid var(--main-color);
  border-radius: 5px;
  color: var(--lb);
  min-width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}
.mod_cart i:has(#eshop-cart-total.active) {
  animation: bounceCart 0.6s ease-in-out 3;
}
.mod_cart i span {
  position: absolute;
  background-color: var(--main-color);
  height: 15px;
  width: 13px;
  bottom: 0;
  right: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 0;
  font-weight: 700;
}
.mod_cart .text {
  text-transform: uppercase;
  margin-left: 10px;
  font-weight: 800;
  color: var(--dark-text);
  font-size: 15px;
  margin-right: 20px;
}
@keyframes bounceCart {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.95);
  }
  75% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
/* /components/shop/assets/scss/com_shop.css */
.shop .leftOptions .filterbox .filter-heading {
  gap: 10px;
}
.shop .leftOptions .filterbox .filter-heading i {
  color: var(--main-color);
}
.shop .leftOptions .filterbox .accordion {
  font-size: 18px;
  color: var(--white-stay);
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.shop .leftOptions .filterbox .accordion:after {
  content: "\e07c";
  cursor: pointer;
  color: var(--lsdark-text);
  position: absolute;
  right: 10px;
}
.shop .leftOptions .filterbox .accordion .resetFilter {
  margin-right: 40px;
  background: var(--main-color);
  color: var(--dark-text-stay);
  font-size: 12px;
  font-weight: 700;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 0 5px;
  min-width: 40px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
}
.shop .leftOptions .filterbox:has(.category) .resetFilter {
  display: none;
}
.shop .leftOptions .filterbox.active .accordion:after {
  transform: rotate(180deg);
}
.shop .leftOptions .filterbox:has(li.current) .accordion .resetFilter {
  display: flex;
}
.shop .leftOptions .filterbox .panel {
  background-color: #14273c;
  padding: 15px;
  border-radius: 5px;
  margin: 10px 0;
  max-height: 250px;
  overflow: auto;
}
.shop .leftOptions .filterbox .panel ul li {
  display: flex;
  flex-wrap: wrap;
}
.shop .leftOptions .filterbox .panel ul li.parent a {
  max-width: calc(100% - 32px);
}
.shop .leftOptions .filterbox .panel ul li a {
  font-size: 16px;
  color: #d1d2d4;
  display: flex;
  justify-content: space-between;
  order: 1;
  padding: 5px;
  flex: auto;
  justify-content: flex-start;
  align-items: center;
}
.shop .leftOptions .filterbox .panel ul li a .count {
  font-size: 12px;
  margin-left: 4px;
  color: var(--c9);
}
.shop .leftOptions .filterbox .panel ul li a:hover {
  padding-left: 10px;
}
.shop .leftOptions .filterbox .panel ul li i {
  display: flex;
  order: 2;
  padding: 1px 6px 0;
  cursor: pointer;
  border-radius: 5px;
}
.shop .leftOptions .filterbox .panel ul li i:before {
  display: flex;
  margin: auto;
  font-size: 20px;
  color: var(--f2);
}
.shop .leftOptions .filterbox .panel ul li i:hover {
  background: var(--dark-text);
}
.shop .leftOptions .filterbox .panel ul li.active > a, .shop .leftOptions .filterbox .panel ul li.current > a {
  font-weight: 700;
  color: var(--main-color);
}
.shop .leftOptions .filterbox .panel ul li.active > ul, .shop .leftOptions .filterbox .panel ul li.current > ul {
  display: block;
}
.shop .leftOptions .filterbox .panel ul li ul {
  width: 100%;
  order: 3;
  padding: 10px;
  background: rgba(5, 14, 24, 0.25);
  margin-top: 10px;
  border-radius: 5px;
  display: none;
}
.shop .leftOptions .filterbox .panel ul li + li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--dark-text-stay);
}
.shop .leftOptions .filterbox .panel.category {
  max-height: inherit;
}
.shop .leftOptions .filterbox .panel.condition a, .shop .leftOptions .filterbox .panel.marks a {
  justify-content: flex-start;
  align-items: center;
}
.shop .leftOptions .filterbox .panel.condition a span::first-letter, .shop .leftOptions .filterbox .panel.marks a span::first-letter {
  text-transform: uppercase;
}
.shop .leftOptions .filterbox .panel.condition a .count, .shop .leftOptions .filterbox .panel.marks a .count {
  font-size: 12px;
  color: var(--c9);
}
.shop .leftOptions .filterbox .panel.condition a:before, .shop .leftOptions .filterbox .panel.marks a:before {
  min-width: 22px;
  height: 22px;
  content: "\e35f";
  font-size: 14px;
  display: inline-flex;
  margin-right: 10px;
  border-radius: 5px;
  order: 0;
  background-color: var(--dtext);
  border: none;
  transition: all 200ms linear;
  color: transparent;
  align-items: center;
  justify-content: center;
}
.shop .leftOptions .filterbox .panel.condition a:has(input:checked):before, .shop .leftOptions .filterbox .panel.marks a:has(input:checked):before {
  background-color: var(--main-color);
  color: var(--white-stay);
}
.shop .leftOptions .filterbox .panel.condition a input, .shop .leftOptions .filterbox .panel.marks a input {
  display: none;
}
.shop .leftOptions .filterbox .panel.condition a:hover, .shop .leftOptions .filterbox .panel.marks a:hover {
  padding-left: 5px;
}
.shop .leftOptions .filterbox .panel.condition a:hover:before, .shop .leftOptions .filterbox .panel.marks a:hover:before {
  opacity: 0.6;
}
.shop .leftOptions .filterbox .panel.marks input {
  width: 100%;
  border-radius: 5px;
  border: none;
  height: 40px;
  padding: 0 15px;
  margin-bottom: 15px;
  color: var(--btd);
}
.shop .leftOptions .filter-reset {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lddark-text);
  border-radius: 5px;
  min-height: 48px;
  cursor: pointer;
  color: var(--ldark-text);
  gap: 7px;
}
.shop .leftOptions .filter-reset:hover {
  background: var(--f2);
  color: var(--dark-text);
}
.shop > .content {
  width: 350px;
  flex: auto;
}
.shop > .content .introbox {
  margin-bottom: 30px;
}
.shop > .content .introbox h3 {
  font-size: 23px;
  color: var(--dark-text);
}
.shop > .content .sublistbox {
  margin-bottom: 20px;
  gap: 30px;
  width: 100%;
  border: 1px solid var(--bl);
  border-radius: 5px;
  padding: 25px 20px;
  background: var(--lb);
}
.shop > .content .sublistbox h2 {
  color: var(--dark-text);
  font-weight: 700;
  font-size: 22px;
  margin-bottom: -15px;
}
.shop > .content .sublistbox .item {
  flex: auto;
  width: 200px;
}
.shop > .content .sublistbox .item .text {
  margin-bottom: 10px;
  gap: 9px;
  font-size: 18px;
}
.shop > .content .sublistbox .item .text i {
  color: var(--dark-text);
}
.shop > .content .sublistbox .item .text h3 {
  color: var(--dark-text);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
}
.shop > .content .sublistbox .item select {
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 50px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  background-color: var(--white-stay);
  padding: 0 15px;
  font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}
.shop > .content .sublistbox .item:not(.active) select {
  border: 1px solid #dcdcdc;
  background: transparent;
  color: var(--dtext);
}
.shop > .content .sublistbox .item .selectbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.shop > .content .sublistbox .item .selectbox .selectBox {
  position: relative;
  flex: auto;
  display: flex;
}
.shop > .content .sublistbox .item .selectbox .selectBox select {
  flex: auto;
  width: 200px;
}
.shop > .content .sublistbox .item .selectbox .selectBox:after {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  content: "\e07c";
  color: var(--d6);
  font-size: 20px;
  pointer-events: none;
}
.shop > .content .sublistbox .item .selectbox button.reset {
  align-self: stretch;
  border: none;
  width: 24px;
  font-size: 11px;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  background: var(--main-color);
  color: var(--dark-text-stay);
  cursor: pointer;
}
.shop.category .filtersList:not(:empty) {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: flex-start;
}
.shop.category .filtersList:not(:empty) a {
  background: var(--main-color);
  border-radius: 5px;
  min-height: 30px;
  display: inline-flex;
  padding: 3px 7px;
  font-size: 12px;
  align-items: center;
  color: var(--dark);
  gap: 5px;
}
.shop.category .searchField {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.shop.category .searchField form {
  background: var(--white-stay);
  display: flex;
  margin: 0;
  width: 100%;
  border: 1px solid var(--dtext);
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
}
.shop.category .searchField form button {
  border-radius: 5px;
  height: 50px;
  width: 50px;
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dark);
  border: none;
  cursor: pointer;
}
.shop.category .searchField form button:hover {
  background-color: var(--main-color);
}
@keyframes shakeOnce {
  0% {
    transform: rotate(0);
  }
  10% {
    transform: rotate(15deg);
  }
  20% {
    transform: rotate(-15deg);
  }
  30% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(5deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  70% {
    transform: rotate(2deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0);
  }
}
.shop.category .searchField form button i {
  font-size: 24px;
  color: var(--white-stay);
  animation: shakeOnce 2.5s ease-in-out 1;
}
.shop.category .searchField form input {
  padding: 0 20px;
  height: 100%;
  flex: auto;
  font-size: 17px;
  transition: all 200ms linear;
  border: none;
  outline: none;
  font-weight: 600;
  color: var(--dark);
  width: 100px;
}
.shop.category .searchField form input::-moz-placeholder {
  color: var(--dark);
}
.shop.category .searchField form input::placeholder,
.shop.category .searchField form input::-moz-placeholder,
.shop.category .searchField form input::-webkit-input-placeholder {
  color: var(--dark);
}
.shop.favorites:has(.pagination) .pagination, .shop.order:has(.pagination) .pagination, .shop.cart:has(.pagination) .pagination {
  margin-top: -30px;
}
.shop.favorites .top.center, .shop.order .top.center, .shop.cart .top.center {
  gap: 40px;
}
.shop.favorites .top.center .fp, .shop.order .top.center .fp, .shop.cart .top.center .fp {
  width: 300px;
}
.shop.favorites .top.center h4, .shop.order .top.center h4, .shop.cart .top.center h4 {
  color: var(--dark);
  font-size: 23px;
  margin-bottom: 20px;
}
.shop.favorites .top.center .alertPopup.type-line, .shop.order .top.center .alertPopup.type-line, .shop.cart .top.center .alertPopup.type-line {
  bottom: 0;
  margin-bottom: 20px;
}
.shop.favorites .top.center .overlink + h4, .shop.order .top.center .overlink + h4, .shop.cart .top.center .overlink + h4 {
  margin-top: 40px;
}
.shop.favorites .top.center .overlink + .pagination, .shop.order .top.center .overlink + .pagination, .shop.cart .top.center .overlink + .pagination {
  margin-top: 40px;
}
.shop.favorites .top.center .productThName, .shop.order .top.center .productThName, .shop.cart .top.center .productThName {
  width: 30%;
}
.shop.favorites .top.center .gonext, .shop.order .top.center .gonext, .shop.cart .top.center .gonext {
  min-width: 320px;
  max-width: 320px;
  padding: 30px 20px;
  border-radius: 5px;
  background-color: var(--dark);
  position: sticky;
  top: 110px;
}
.shop.favorites .top.center .gonext h3, .shop.order .top.center .gonext h3, .shop.cart .top.center .gonext h3 {
  color: var(--white-stay);
  font-size: 23px;
  margin-bottom: 20px;
}
.shop.favorites .top.center .gonext .list, .shop.order .top.center .gonext .list, .shop.cart .top.center .gonext .list {
  background-color: #14273c;
  padding: 5px 15px;
  border-radius: 5px;
  margin: 10px 0;
  max-height: 250px;
  overflow: auto;
  gap: 20px;
}
.shop.favorites .top.center .gonext .list .item, .shop.order .top.center .gonext .list .item, .shop.cart .top.center .gonext .list .item {
  color: var(--f2);
  font-size: 15px;
  padding: 10px 0;
}
.shop.favorites .top.center .gonext .list .item p:last-child, .shop.order .top.center .gonext .list .item p:last-child, .shop.cart .top.center .gonext .list .item p:last-child {
  font-size: 13px;
  margin-top: 2px;
  color: var(--lltext);
}
.shop.favorites .top.center .gonext .list .item a:not(.onlyhov), .shop.order .top.center .gonext .list .item a:not(.onlyhov), .shop.cart .top.center .gonext .list .item a:not(.onlyhov) {
  color: var(--main-color);
}
.shop.favorites .top.center .gonext .list .item .onlyhov, .shop.order .top.center .gonext .list .item .onlyhov, .shop.cart .top.center .gonext .list .item .onlyhov {
  color: var(--lltext);
  text-decoration: underline;
}
.shop.favorites .top.center .gonext .list .item + .item, .shop.order .top.center .gonext .list .item + .item, .shop.cart .top.center .gonext .list .item + .item {
  border-top: 1px solid var(--dark-text);
}
.shop.favorites .top.center .gonext .buttons, .shop.order .top.center .gonext .buttons, .shop.cart .top.center .gonext .buttons {
  margin-top: 30px;
  gap: 20px;
}
.shop.favorites .top.center .gonext .buttons li, .shop.order .top.center .gonext .buttons li, .shop.cart .top.center .gonext .buttons li {
  position: relative;
  flex: auto;
  width: 100px;
}
.shop.favorites .top.center .gonext .buttons li.accept, .shop.order .top.center .gonext .buttons li.accept, .shop.cart .top.center .gonext .buttons li.accept {
  width: 100%;
}
.shop.favorites .top.center .gonext .buttons li.accept label, .shop.order .top.center .gonext .buttons li.accept label, .shop.cart .top.center .gonext .buttons li.accept label {
  align-items: flex-start;
}
.shop.favorites .top.center .gonext .buttons li.accept label:before, .shop.order .top.center .gonext .buttons li.accept label:before, .shop.cart .top.center .gonext .buttons li.accept label:before {
  position: relative;
  top: 5px;
}
.shop.favorites .top.center .gonext .buttons li a, .shop.favorites .top.center .gonext .buttons li button, .shop.order .top.center .gonext .buttons li a, .shop.order .top.center .gonext .buttons li button, .shop.cart .top.center .gonext .buttons li a, .shop.cart .top.center .gonext .buttons li button {
  min-width: auto;
  width: 100%;
}
.shop.favorites .top.center .gonext .buttons li a.border, .shop.favorites .top.center .gonext .buttons li button.border, .shop.order .top.center .gonext .buttons li a.border, .shop.order .top.center .gonext .buttons li button.border, .shop.cart .top.center .gonext .buttons li a.border, .shop.cart .top.center .gonext .buttons li button.border {
  color: var(--white);
}
.shop.favorites .top.center .gonext .buttons li a.buttonLink:not(.border), .shop.favorites .top.center .gonext .buttons li a.buttonLink:hover, .shop.favorites .top.center .gonext .buttons li button.buttonLink:not(.border), .shop.favorites .top.center .gonext .buttons li button.buttonLink:hover, .shop.order .top.center .gonext .buttons li a.buttonLink:not(.border), .shop.order .top.center .gonext .buttons li a.buttonLink:hover, .shop.order .top.center .gonext .buttons li button.buttonLink:not(.border), .shop.order .top.center .gonext .buttons li button.buttonLink:hover, .shop.cart .top.center .gonext .buttons li a.buttonLink:not(.border), .shop.cart .top.center .gonext .buttons li a.buttonLink:hover, .shop.cart .top.center .gonext .buttons li button.buttonLink:not(.border), .shop.cart .top.center .gonext .buttons li button.buttonLink:hover {
  color: var(--dark-text-stay);
  font-weight: 800;
  background-color: var(--main-color);
}
.shop.favorites .top.center .gonext .buttons li a.buttonLink:not(.border) i, .shop.favorites .top.center .gonext .buttons li a.buttonLink:hover i, .shop.favorites .top.center .gonext .buttons li button.buttonLink:not(.border) i, .shop.favorites .top.center .gonext .buttons li button.buttonLink:hover i, .shop.order .top.center .gonext .buttons li a.buttonLink:not(.border) i, .shop.order .top.center .gonext .buttons li a.buttonLink:hover i, .shop.order .top.center .gonext .buttons li button.buttonLink:not(.border) i, .shop.order .top.center .gonext .buttons li button.buttonLink:hover i, .shop.cart .top.center .gonext .buttons li a.buttonLink:not(.border) i, .shop.cart .top.center .gonext .buttons li a.buttonLink:hover i, .shop.cart .top.center .gonext .buttons li button.buttonLink:not(.border) i, .shop.cart .top.center .gonext .buttons li button.buttonLink:hover i {
  font-size: 22px;
  color: var(--white-stay);
  margin-right: 10px;
}
.shop.favorites .top.center .gonext .buttons li a.buttonLink.cartInactive1, .shop.favorites .top.center .gonext .buttons li a.buttonLink.cartInactive1:hover, .shop.favorites .top.center .gonext .buttons li button.buttonLink.cartInactive1, .shop.favorites .top.center .gonext .buttons li button.buttonLink.cartInactive1:hover, .shop.order .top.center .gonext .buttons li a.buttonLink.cartInactive1, .shop.order .top.center .gonext .buttons li a.buttonLink.cartInactive1:hover, .shop.order .top.center .gonext .buttons li button.buttonLink.cartInactive1, .shop.order .top.center .gonext .buttons li button.buttonLink.cartInactive1:hover, .shop.cart .top.center .gonext .buttons li a.buttonLink.cartInactive1, .shop.cart .top.center .gonext .buttons li a.buttonLink.cartInactive1:hover, .shop.cart .top.center .gonext .buttons li button.buttonLink.cartInactive1, .shop.cart .top.center .gonext .buttons li button.buttonLink.cartInactive1:hover {
  background: var(--dtext);
  border-color: var(--dtext);
  color: #a6b4c4;
  cursor: no-drop;
  pointer-events: none;
}
.shop.favorites .top.center .gonext .buttons li a.buttonLink.cartInactive1 i, .shop.favorites .top.center .gonext .buttons li a.buttonLink.cartInactive1:hover i, .shop.favorites .top.center .gonext .buttons li button.buttonLink.cartInactive1 i, .shop.favorites .top.center .gonext .buttons li button.buttonLink.cartInactive1:hover i, .shop.order .top.center .gonext .buttons li a.buttonLink.cartInactive1 i, .shop.order .top.center .gonext .buttons li a.buttonLink.cartInactive1:hover i, .shop.order .top.center .gonext .buttons li button.buttonLink.cartInactive1 i, .shop.order .top.center .gonext .buttons li button.buttonLink.cartInactive1:hover i, .shop.cart .top.center .gonext .buttons li a.buttonLink.cartInactive1 i, .shop.cart .top.center .gonext .buttons li a.buttonLink.cartInactive1:hover i, .shop.cart .top.center .gonext .buttons li button.buttonLink.cartInactive1 i, .shop.cart .top.center .gonext .buttons li button.buttonLink.cartInactive1:hover i {
  color: #a6b4c4;
}
.shop.favorites .top.center .gonext .buttons li a.std, .shop.favorites .top.center .gonext .buttons li button.std, .shop.order .top.center .gonext .buttons li a.std, .shop.order .top.center .gonext .buttons li button.std, .shop.cart .top.center .gonext .buttons li a.std, .shop.cart .top.center .gonext .buttons li button.std {
  color: var(--white-stay);
  font-weight: 500;
}
.shop.favorites .top.center .gonext .buttons li:has(.checkout), .shop.order .top.center .gonext .buttons li:has(.checkout), .shop.cart .top.center .gonext .buttons li:has(.checkout) {
  width: 100%;
}
.shop.favorites .top.center .gonext .buttons li:has(.cartInactive0), .shop.order .top.center .gonext .buttons li:has(.cartInactive0), .shop.cart .top.center .gonext .buttons li:has(.cartInactive0) {
  order: 0;
}
.shop.favorites .top.center .gonext .buttons li:has(.cartInactive1), .shop.order .top.center .gonext .buttons li:has(.cartInactive1), .shop.cart .top.center .gonext .buttons li:has(.cartInactive1) {
  order: 2;
}
.shop.favorites .top.center .gonext .buttons li:has(.sendquote), .shop.order .top.center .gonext .buttons li:has(.sendquote), .shop.cart .top.center .gonext .buttons li:has(.sendquote) {
  order: 1;
}
.shop.favorites .top.center .gonext .buttons li:last-child, .shop.order .top.center .gonext .buttons li:last-child, .shop.cart .top.center .gonext .buttons li:last-child {
  order: 5;
}
.shop.favorites form .submitted label:has(input:invalid):before, .shop.order form .submitted label:has(input:invalid):before, .shop.cart form .submitted label:has(input:invalid):before {
  background-color: var(--red);
  color: var(--red);
}
.shop.favorites form label input[type=checkbox], .shop.order form label input[type=checkbox], .shop.cart form label input[type=checkbox] {
  position: absolute;
  left: -9999px;
  display: inline !important;
}
.shop.cart .top:has(> div.empty) .alertPopup.type-line {
  margin-bottom: -20px;
}

.shop.paylink form h3{
    color: var(--dark-text);
    font-size: 2.3em;
    margin-bottom: 10px;
}
.shop.paylink form input:read-only {
    background: var(--b-100);
}
.shop.paylink p{
  display: flex;
  justify-content: flex-start;
  gap: 14px;
  font-size: 14px;
  align-items: center;
  color: var(--lddark-text);
}
.shop.paylink p strong{
  line-height: 1.5em;
  color: var(--dark-text);
  font-weight: 700;
  font-size: 20px;
  display: block;    
  margin-bottom: -4px;
}
.shop.paylink p i{
  font-size: 26px;
  color: var(--main-color);
}
.shop.order {
  margin-top: -20px;
}
.shop.order .alertPopup.type-line {
  bottom: 0;
  margin-bottom: 15px;
}
.shop.order .top.center .userInfo {
  width: 300px;
  flex: auto;
}
.shop.order .top.center .userInfo .checkout-step {
  width: 100%;
  border: 1px solid var(--bl);
  border-radius: 5px;
  padding: 25px 20px;
  background: var(--lb);
}
.shop.order .top.center .userInfo .checkout-step h2 {
  color: var(--dark-text);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 15px;
  font-size: 20px;
  flex: auto;
}
.shop.order .top.center .userInfo .checkout-step div.flexBlock h2 {
  margin-bottom: 0;
}
.shop.order .top.center .userInfo .checkout-step .infomessage p {
  margin-top: 10px;
  color: var(--white);
  font-size: 15px;
  padding: 10px;
  background: var(--red);
  border-radius: 5px;
}
.shop.order .top.center .userInfo .checkout-step .userStep {
  gap: 20px;
}
.shop.order .top.center .userInfo .checkout-step .userStep label {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 100px;
  flex: auto;
  min-height: 120px;
  border: 1px solid var(--c0);
  padding: 15px;
  flex-direction: column;
  gap: 15px;
  cursor: pointer;
}
.shop.order .top.center .userInfo .checkout-step .userStep label strong {
  color: var(--dark-text);
  text-align: center;
}
.shop.order .top.center .userInfo .checkout-step .userStep label i {
  font-size: 30px;
  color: var(--dark-text);
}
.shop.order .top.center .userInfo .checkout-step .userStep label input {
  display: none;
}
.shop.order .top.center .userInfo .checkout-step .userStep label:hover {
  border: 1px solid var(--dark-text);
}
.shop.order .top.center .userInfo .checkout-step .userStep label:has(input:checked) {
  border: 1px solid var(--dark-text);
  background-color: var(--dark-text);
}
.shop.order .top.center .userInfo .checkout-step .userStep label:has(input:checked) i {
  color: var(--main-color);
}
.shop.order .top.center .userInfo .checkout-step .userStep label:has(input:checked) strong {
  color: var(--white);
}
.shop.order .top.center .userInfo .checkout-step:not(.active) h2 {
  margin: 0;
  color: var(--lltext);
}
.shop.order .top.center .userInfo .checkout-step:not(.active) .select2 {
  display: none;
}
.shop.order .top.center .userInfo .checkout-step + .checkout-step,
.shop.order .top.center .userInfo .checkout-step + .alertPopup,
.shop.order .top.center .userInfo script + .checkout-step{
  margin-top: 30px;
}
.shop.order .top.center .gonext {
  max-width: 600px;
  position: relative;
  top: inherit;
  flex: auto;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.shop.order .register .extraloginSocial{
  margin: 20px 0 40px;
  gap: 20px;
}
.shop.order .register .extraloginSocial li{
  width: 100px;
  flex: auto;
}
.shop.order .register .extraloginSocial a{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  flex: auto;
  min-height: 50px;
  border: 1px solid var(--c0);
  padding: 15px;
  gap: 15px;
  cursor: pointer;
}
.shop.order .register .extraloginSocial a:hover{
  border: 1px solid var(--dark-text);
}
.shop.order .register .extraloginSocial a i{
  font-size: 30px;
  color: var(--dark-text);
}
.shop.order .register .extraloginSocial a span{
  color: var(--dark-text);
  text-align: center;
  font-size: 14px;
}

.shop.order .top.center .gonext .preheader {
  margin-bottom: 3px;
}
.shop.order .top.center .gonext .preheader h3 {
  margin-bottom: 0;
  width: initial;
}
.shop.order .top.center .gonext .preheader a {
  color: var(--lltext);
  gap: 8px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}
.shop.order .top.center .gonext .preheader a i {
  color: var(--main-color);
}
.shop.order .top.center .gonext h3 {
  color: var(--white-stay);
  font-size: 23px;
  width: 100%;
}
.shop.order .top.center .gonext .list {
  max-height: inherit;
  overflow: inherit;
  width: 40%;
  flex: auto;
  margin: 0;
}
.shop.order .top.center .gonext .list ul {
  padding-bottom: 10px;
}
.shop.order .top.center .gonext .list.extra {
  gap: 10px 20px;
}
.shop.order .top.center .gonext .list.extra .item {
  width: 100px;
}
.shop.order .top.center .gonext .list.extra .item:has(textarea) {
  padding: 0 0 10px;
  width: 100%;
}
.shop.order .top.center .gonext .list.extra .item:has(textarea) textarea {
  border-radius: 5px;
  width: 100%;
  resize: none;
  padding: 20px;
  min-height: 100px;
  background: var(--lbb);
  border: none;
  color: var(--dark);
  transition: all 200ms linear;
}
.shop.order .top.center .gonext .list.extra .item:has(textarea) textarea:focus {
  background-color: var(--white-stay);
}
.shop.order .top.center .gonext .list.extra .item + .item {
  border-top: none;
}
.shop.order .top.center .gonext .list.width100 {
  width: 100%;
}
.shop.order .top.center .gonext h4 {
  color: var(--f2);
  font-size: 17px;
  margin-top: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}
.shop.order .top.center .gonext h4 i {
  color: var(--main-color);
  font-size: 19px;
}
.shop.order .top.center .gonext ul li input[type=radio] {
  display: none;
}
.shop.order .top.center .gonext ul li label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  cursor: pointer;
}
.shop.order .top.center .gonext ul li label:before {
  min-width: 28px;
  height: 28px;
  content: "\e35f";
  font-size: 17px;
  display: inline-flex;
  margin-right: 10px;
  border-radius: 5px;
  order: 0;
  background-color: var(--dtext);
  border: none;
  transition: all 200ms linear;
  color: transparent;
  align-items: center;
  justify-content: center;
}
.shop.order .top.center .gonext ul li label:has(input:checked):before {
  background-color: var(--main-color);
  color: var(--white-stay);
}
.shop.order .top.center .gonext ul li label strong {
  font-weight: 700;
  color: var(--white-stay);
  font-size: 14px;
  position: relative;
}
.shop.order .top.center .gonext ul li label p {
  color: var(--lsdark-text);
  font-size: 13px;
}
.shop.order .top.center .gonext ul li label:has(p) strong {
  top: -1px;
}
.shop.order .top.center .gonext ul li label:not(:has(p)) {
  align-items: center;
}
.shop.order .top.center .gonext ul li + li {
  margin-top: 12px;
}
.shop.order .top.center .gonext .buttons {
  margin-top: 10px;
  width: 100%;
}
.shop.order .top.center .gonext .buttons input {
  display: none;
}
.shop.order .top.center .gonext .buttons .accept {
  font-size: 14px;
  color: var(--f2);
  padding-left: 20px;
}
.shop.order .top.center .gonext .buttons .accept a {
  color: var(--white-stay);
  text-decoration: underline;
}
.shop.order .top.center .gonext .buttons .accept span {
  position: relative;
  top: 4px;
  text-align: left;
}
.shop.order .top.center .gonext .buttons li {
  text-align: right;
}
.shop.order .top.center .gonext .buttons a, .shop.order .top.center .gonext .buttons button {
  max-width: 280px;
}
.shop.order .formBoxElements {
  margin-top: 30px;
  border-top: 1px solid var(--lbb);
  padding-top: 25px;
}
.shop.order .formBoxElements .boxheader h3 {
  font-size: 20px;
}
.shop.order .formBoxElements.billing_address {
  padding-top: 15px;
}
.shop.order .formBoxElements.billing_address label[for=sameasdelivery] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.shop.order .formBoxElements.billing_address label[for=sameasdelivery] span {
  font-size: 16px;
  color: var(--dark-text);
}
.shop.order .formBoxElements.billing_address label[for=sameasdelivery]:before {
  min-width: 28px;
  height: 28px;
  content: "\e35f";
  font-size: 17px;
  display: inline-flex;
  margin-right: 10px;
  border-radius: 5px;
  order: 0;
  background-color: var(--white);
  border: 1px solid var(--d6);
  transition: all 200ms linear;
  color: transparent;
  align-items: center;
  justify-content: center;
}
.shop.order .formBoxElements.billing_address label[for=sameasdelivery]:has(input:checked):before {
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  color: var(--white-stay);
}
.shop.order .formBoxElements.billing_address div.break {
  background-color: var(--lbb);
  height: 1px;
  width: 100%;
  margin: 30px 0 25px;
}
.shop.order .formBoxElements .element:not(.width100) {
  width: 40%;
  flex: auto;
}
.shop.order .formBoxElements .buttonLink {
  margin-top: 25px;
}
.shop.summary h2 {
  color: var(--dark-text);
  font-size: 2.3em;
  margin-bottom: 10px;
}
.shop.summary p {
  font-size: 16px;
  line-height: 1.5em;
  color: var(--lddark-text);
  margin-bottom: 20px;
}
.shop .productsList {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 50px 30px;
}
.shop .productsList .productItem {
  flex: auto;
  position: relative;
  max-width: 326px;
  width: 250px;
  flex: auto;
  overflow: hidden;
}
.shop .productsList .productItem .intro {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.shop .productsList .productItem .intro a.favorite {
  position: absolute;
  right: 9px;
  top: 9px;
  z-index: 10;
}
.shop .productsList .productItem .intro a.favorite i {
  height: 30px;
  width: 30px;
  background-color: var(--dark);
  border-radius: 5px;
  color: var(--white-stay);
  cursor: pointer;
  font-size: 16px;
}
.shop .productsList .productItem .intro a.favorite.active i {
  background-color: var(--main-color);
  color: var(--white);
}
.shop .productsList .productItem .intro .status {
  position: absolute;
  top: 9px;
  z-index: 10;
  height: 30px;
  padding: 0 6px;
  background-color: var(--dark);
  border-radius: 5px;
  color: var(--white-stay);
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  left: 9px;
}
.shop .productsList .productItem .intro span.illustrative {
  position: absolute;
  top: 9px;
  z-index: 10;
  height: 30px;
  min-width: 30px;
  padding: 0 6px;
  background-color: var(--dark-text);
  border-radius: 5px;
  color: var(--white-stay);
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  left: 9px;
}
.shop .productsList .productItem .intro span.illustrative {
  top: inherit;
  background-color: rgba(124, 141, 159, 0.31);
  bottom: 9px;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.shop .productsList .productItem .text {
  margin-top: 20px;
}
.shop .productsList .productItem .text .cat {
  font-size: 15px;
  color: var(--main-color);
  gap: 5px;
}
.shop .productsList .productItem .text h2 {
  border-bottom: 1px solid var(--bl);
  margin-bottom: 15px;
}
.shop .productsList .productItem .text h2 a {
  font-size: 20px;
  font-weight: 800;
  padding-bottom: 21px;
  margin-bottom: 15px;
  padding-right: 10%;
  min-height: 2.5em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 2.5em;
  color: var(--dark-text);
}
.shop .productsList .productItem .text .price {
  color: var(--lsdark-text);
  justify-content: flex-start;
  min-height: 39px;
}
.shop .productsList .productItem .text .price i {
  font-size: 20px;
  margin-right: 8px;
}
.shop .productsList .productItem .text .price .sale-price {
  font-size: 17px;
  font-weight: 700;
  flex-wrap: wrap;
}
.shop .productsList .productItem .text .price .base-price {
  font-size: 14px;
}
.shop .productsList .productItem .text .price span {
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  width: 100%;
}
.shop .productsList .productItem .text .productCart {
  margin-top: 18px;
  display: flex;
  align-items: center;
}
.shop .productsList .productItem .text .productCart .quantityInput {
  min-width: 88px;
  max-width: 88px;
  margin: 0;
  align-self: stretch;
  min-height: 50px;
  border: 1px solid var(--lgrey);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
  margin-right: -10px;
  background-color: var(--white-stay);
}
.shop .productsList .productItem .text .productCart .quantityInput a {
  font-size: 16px;
  font-weight: 800;
  color: var(--ldark);
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.shop .productsList .productItem .text .productCart .quantityInput input[type=text] {
  border: none;
  outline: none;
  font-size: 20px;
  font-weight: 800;
  color: var(--dark);
  max-width: 26px;
  text-align: center;
}
.shop .productsList .productItem .text .productCart .buttonLink {
  background-color: var(--main-color);
  min-width: 160px;
  max-width: 160px;
  font-size: 16px;
  padding: 0 10px;
  color: var(--dark);
  font-weight: 800;
  border: none;
}
.shop .productsList .productItem .text .productCart .buttonLink i {
  font-size: 22px;
  color: var(--white-stay);
  margin-right: 10px;
}
.shop .productsList .no-products {
  width: 100%;
}
.shop .productsList .no-products h2 {
  font-size: 25px;
  color: var(--dark-text);
}
.shop .productsList .no-products p {
  font-size: 16px;
  width: 85%;
  color: var(--sdark-text);
  line-height: 1.7;
}
.shop .productsList .no-products p:has(a) {
  margin-top: 15px;
}
.shop .productsList .no-products p:has(a) a {
  font-weight: 700 !important;
}
.shop .overlink {
  position: relative;
}
.shop .overlink .tr-hover-overlay {
  background: var(--f2);
  z-index: -1;
  height: 93px !important;
  left: 0;
  right: 0;
  margin-top: 1em;
  opacity: 0.6;
}
.shop table.products {
  width: 100%;
  text-align: left;
  border: 1px solid var(--f2);
  padding: 10px;
  color: var(--dark-text);
  border-radius: 5px;
}
.shop table.products th {
  padding: 0 15px 15px;
  color: var(--dark-text);
}
.shop table.products td, .shop table.products th {
  font-size: 14px;
  border-spacing: 10px;
}
.shop table.products td:first-child, .shop table.products th:first-child {
  max-width: 116px;
}
.shop table.products td:first-child .image, .shop table.products th:first-child .image {
  max-width: 116px;
  min-width: 116px;
  border-radius: 5px;
  display: flex;
}
.shop table.products td:first-child .image img, .shop table.products th:first-child .image img {
  width: 100%;
  min-width: 116px;
}
.shop table.products td:first-child td, .shop table.products th:first-child td {
  padding-top: 15px;
}
.shop table.products td:last-child, .shop table.products th:last-child {
  text-align: right;
}
.shop table.products td:last-child .final, .shop table.products th:last-child .final {
  justify-content: flex-end;
}
.shop table.products td:nth-child(2) strong, .shop table.products th:nth-child(2) strong {
  display: block;
}
.shop table.products th {
  border-bottom: 1px solid var(--f2);
  padding-bottom: 10px;
}
.shop table.products td {
  padding: 5px 15px;
}
.shop table.products td:first-child {
  padding-left: 0;
}
.shop table.products td:last-child {
  padding-right: 0;
  width: 110px;
}
.shop table.products tr:hover {
  cursor: pointer;
}
.shop table.products .quantity i {
  font-size: 18px;
  line-height: 0;
  display: inline-flex;
  align-items: center;
  padding: 2px 0;
}
.shop table.products .cartorremove {
  gap: 20px;
}
.shop table.products .remove {
  padding: 0 10px;
  border: none;
  height: 40px;
  min-width: 40px;
  max-width: 40px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0px 0px 0px 1px var(--d6);
}
.shop table.products .remove i {
  font-size: 16px;
  color: var(--dark-text);
}
.shop table.products .remove:hover {
  background-color: var(--red);
  box-shadow: inset 0px 0px 0px 1px var(--red);
}
.shop table.products .remove:hover i {
  color: var(--white-stay);
}
.shop .productListCarousel .productsList.list {
  margin-top: 40px;
}
.shop .productListCarousel .productsList.list .slick-list {
  margin: 0 -15px;
}
.shop .productListCarousel .productsList.list .slick-slide {
  margin: 0 15px;
}
.shop.product .mainInfo {
  background-color: var(--lb);
  padding: 66px 0;
}
.shop.product .mainInfo > .top {
  align-items: flex-start;
  gap: 30px;
}
.shop.product .mainInfo > .top .image {
  max-width: 45%;
  width: 300px;
  flex: auto;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.shop.product .mainInfo > .top .image:before {
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(9, 23, 38, 0.95) 0%, rgba(29, 51, 75, 0) 100%);
  position: absolute;
  width: 100%;
  opacity: 0.9;
  height: 30%;
}
.shop.product .mainInfo > .top .image .zoom {
  font-size: 24px;
  color: var(--white-stay);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: 0 40px 47px 0;
}
.shop.product .mainInfo > .top .image .s-images {
  position: absolute;
  bottom: 23px;
  left: 30px;
  right: 80px;
  z-index: 1000;
  height: 70px;
  cursor: col-resize;
}
.shop.product .mainInfo > .top .image .s-images .image-additional {
  flex: auto;
  width: 200px;
}
.shop.product .mainInfo > .top .image .s-images .image-additional .slick-list {
  cursor: col-resize;
  margin: -8px !important;
}
.shop.product .mainInfo > .top .image .s-images .image-additional .slick-list .slick-track {
  margin: inherit !important;
}
.shop.product .mainInfo > .top .image .s-images .image-additional .slick-list .slick-slide {
  margin: 8px;
  cursor: col-resize;
}
.shop.product .mainInfo > .top .image .s-images .image-additional .slick-list .slick-slide img {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid var(--white);
}
.shop.product .mainInfo > .top .image .s-images .arrows {
  margin-left: 60px;
}
.shop.product .mainInfo > .top .image .s-images .arrows i {
  font-size: 24px;
  color: var(--white-stay);
}
.shop.product .mainInfo > .top .image .s-images .arrows .break {
  min-width: 1px;
  height: 30px;
  margin: 0 20px;
  background-color: var(--lllgrey);
  opacity: 0.5;
}
.shop.product .mainInfo > .top .startInfo {
  align-self: stretch;
  padding: 40px;
  background-color: var(--white);
  border: 1px solid var(--lllgrey);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  border-radius: 5px;
  max-width: 55%;
  width: 300px;
  flex: auto;
}
.shop.product .mainInfo > .top .startInfo .titlepretext {
  gap: 15px;
  align-items: flex-start;
}
.shop.product .mainInfo > .top .startInfo .titlepretext h2 {
  color: var(--dark-text);
  font-size: 19px;
  font-weight: 800;
  flex: auto;
  width: 100px;
}
.shop.product .mainInfo > .top .startInfo .titlepretext a.favorites{
  cursor: pointer;
  font-size: 20px;
  height: 30px;
  width: 30px;
  background-color: var(--white-stay);
  border-radius: 5px;
  color: var(--dark);
  display: flex;
  align-items: center;
  justify-content: center;
}
.shop.product .mainInfo > .top .startInfo .titlepretext a.favorites:hover {
  color: var(--main-color);
}
.shop.product .mainInfo > .top .startInfo .titlepretext a.favorites.active {
  color: var(--white);
  background-color: var(--main-color);
  font-size: 18px;
}
.shop.product .mainInfo > .top .startInfo .intro {
  margin: 12px 0 15px;
}
.shop.product .mainInfo > .top .startInfo .intro p {
  font-size: 14px;
  color: var(--lsdark-text);
  line-height: 1.7;
  font-weight: 500;
}
.shop.product .mainInfo > .top .startInfo .rating {
  min-height: 44px;
  border-radius: 5px;
  border: 1px solid var(--lllgrey);
  padding: 0 12px;
  gap: 10px;
}
.shop.product .mainInfo > .top .startInfo .rating p i {
  font-size: 20px;
  color: var(--ldark);
  cursor: pointer;
}
.shop.product .mainInfo > .top .startInfo .rating p i.main-color {
  color: var(--main-color);
}
.shop.product .mainInfo > .top .startInfo .rating .text {
  color: var(--dark-text);
  font-size: 16px;
  font-weight: 700;
}
.shop.product .mainInfo > .top .startInfo .rating .break {
  min-width: 1px;
  height: 30px;
  margin: 0 20px;
  background-color: var(--lllgrey);
}
.shop.product .mainInfo > .top .startInfo .rating a {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: var(--lsdark-text);
}
.shop.product .mainInfo > .top .startInfo .rating a i {
  font-size: 14px;
  margin-right: 5px;
  line-height: 0;
  display: flex;
}
.shop.product .mainInfo > .top .startInfo .paramsList {
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
.shop.product .mainInfo > .top .startInfo .paramsList ul {
  margin: -7px;
  justify-content: flex-start;
}
.shop.product .mainInfo > .top .startInfo .paramsList ul li {
  margin: 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
  color: var(--dark-text);
  font-weight: 600;
  text-wrap: nowrap;
  padding-right: 10px;
}
.shop.product .mainInfo > .top .startInfo .paramsList ul li i {
  font-size: 18px;
  margin-right: 7px;
  border: 1px solid var(--lllgrey);
  height: 39px;
  min-width: 39px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shop.product .mainInfo > .top .startInfo .paramsList ul li strong {
  font-weight: 500;
  font-size: 13px;
}
.shop.product .mainInfo > .top .startInfo .paramsList ul li strong span {
  display: block;
  font-weight: 800;
  font-size: 15px;
  margin-top: -3px;
}
.shop.product .mainInfo > .top .startInfo .paramsList .break {
  margin: 0 3px 0 0;
  height: 39px;
  background-color: var(--lllgrey);
  min-width: 1px;
}
.shop.product .mainInfo > .top .startInfo .paramsList .availability {
  justify-content: flex-start;
}
.shop.product .mainInfo > .top .startInfo .paramsList .availability i {
  border-radius: 5px;
  border: 1px solid var(--main-color);
  height: 38px;
  min-width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: var(--dark-text);
}
.shop.product .mainInfo > .top .startInfo .paramsList .availability i.red {
  color: var(--white);
  background-color: var(--red);
  border: 1px solid var(--red);
}
.shop.product .mainInfo > .top .startInfo .paramsList .availability span {
  font-size: 14px;
  color: var(--dark-text);
  margin-left: 10px;
}
.shop.product .mainInfo > .top .startInfo .paramsList .availability span strong {
  display: block;
  font-size: 16px;
  margin-top: -4px;
}
.shop.product .mainInfo > .top .startInfo .break {
  background-color: var(--lllgrey);
  min-width: 1px;
  align-self: stretch;
}
.shop.product .mainInfo > .top .startInfo .productOptions {
  flex: auto;
  align-self: stretch;
  border-radius: 5px;
  width: 100px;
}
.shop.product .mainInfo > .top .startInfo .productOptions > p {
  font-size: 12px;
  color: var(--dark-text);
  margin-bottom: 4px;
}
.shop.product .mainInfo > .top .startInfo .productOptions .options {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
.shop.product .mainInfo > .top .startInfo .productOptions .options .item {
  border: 1px solid var(--lgrey);
  padding: 5px;
  display: flex;
  gap: 7px;
  align-items: center;
  width: 60px;
  flex: auto;
  justify-content: flex-start;
}
.shop.product .mainInfo > .top .startInfo .productOptions .options .item .image {
  height: 40px;
  width: 40px;
  max-width: 40px;
  background-color: var(--dark-text);
}
.shop.product .mainInfo > .top .startInfo .productOptions .options .item p {
  font-size: 11px;
  color: var(--dark-text);
}
.shop.product .mainInfo > .top .startInfo .productOptions .options .item p span {
  display: block;
}
.shop.product .mainInfo > .top .startInfo .productOptions .options .item p .status {
  font-size: 12px;
  font-weight: 700;
}
.shop.product .mainInfo > .top .startInfo .tobuy {
  align-items: center;
  margin-top: 25px;
  gap: 25px;
}
.shop.product .mainInfo > .top .startInfo .tobuy .sendmess {
  font-size: 12px;
  min-width: inherit;
  width: inherit;
  flex-direction: column;
}
.shop.product .mainInfo > .top .startInfo .tobuy .sendmess span {
  font-weight: 800;
}
.shop.product .mainInfo > .top .startInfo .contactproduct a {
  flex-direction: column;
  margin-top: 30px;
  font-size: 14px;
}
.shop.product .mainInfo > .top .startInfo .contactproduct a span {
  display: block;
}
.shop.product .mainInfo > .top .startInfo .priceOptionsList {
  gap: 20px;
  flex-wrap: wrap;
}
.shop.product .mainInfo > .top .startInfo .priceOptionsList .price {
  color: var(--lsdark-text);
  justify-content: flex-start;
}
.shop.product .mainInfo > .top .startInfo .priceOptionsList .price i {
  font-size: 18px;
  margin-right: 8px;
  top: 2px;
  position: relative;
}
.shop.product .mainInfo > .top .startInfo .priceOptionsList .price .sale-price {
  font-size: 18px;
  font-weight: 700;
  color: var(--dark-text);
  flex-wrap: wrap;
  flex-direction: column;
}
.shop.product .mainInfo > .top .startInfo .priceOptionsList .price .base-price {
  font-size: 16px;
}
.shop.product .mainInfo > .top .startInfo .priceOptionsList .price span {
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  text-transform: uppercase;
}
.shop.product .mainInfo > .top .startInfo .priceOptionsList .selectproduct a {
  border-radius: 5px;
  background-color: var(--dark-text);
  color: var(--white);
  display: inline-flex;
  min-height: 45px;
  padding: 0 12px;
  align-items: center;
  justify-content: center;
}
.shop.product .mainInfo > .top .startInfo .priceOptionsList .selectproduct a i {
  margin-right: 6px;
  font-size: 18px;
}
.shop.product .mainInfo > .top .startInfo .priceOptionsList .selectproduct .disabled {
  opacity: 0.5;
  cursor: no-drop;
}
.shop.product .mainInfo > .top .startInfo .final {
  border-radius: 5px;
  overflow: hidden;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart {
  display: flex;
  align-items: center;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart.small span:not(.message) {
  min-width: 80px;
  max-width: 80px;
  min-height: 40px;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart.small span:not(.message) input {
  font-size: 15px;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart.small span:not(.message) a {
  font-size: 16px;
  min-width: 12px;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart.small .add-to-cart,
.shop.product .mainInfo > .top .startInfo .final .product-cart.small .refresh-cart {
  height: 40px;
  min-width: 40px;
  max-width: 40px;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart.small .add-to-cart i,
.shop.product .mainInfo > .top .startInfo .final .product-cart.small .refresh-cart i {
  font-size: 16px;
  margin-right: 0;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart.small .refresh-cart {
  background-color: var(--dark);
}
.shop.product .mainInfo > .top .startInfo .final .product-cart .buttonLink {
  background-color: var(--main-color);
  min-width: 160px;
  max-width: 160px;
  font-size: 16px;
  padding: 0 10px;
  color: var(--dark-text-stay);
  font-weight: 800;
  border: none;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart > * {
  flex: auto;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart span:not(.message) {
  min-width: 104px;
  max-width: 104px;
  margin: 0;
  align-self: stretch;
  min-height: 50px;
  border: 1px solid var(--lgrey);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
  margin-right: -10px;
  background-color: var(--white-stay);
}
.shop.product .mainInfo > .top .startInfo .final .product-cart span:not(.message) a {
  font-size: 18px;
  font-weight: 800;
  color: var(--ldark);
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart span:not(.message) input {
  border: none;
  outline: none;
  font-size: 20px;
  font-weight: 800;
  color: var(--dark);
  max-width: 26px;
  text-align: center;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart button {
  min-width: 160px;
  max-width: 160px;
  font-size: 16px;
  color: var(--dark-text);
  font-weight: 800;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart button i {
  font-size: 22px;
  color: var(--white-stay);
  margin-right: 10px;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart + .buttonLink i {
  font-size: 22px;
  color: var(--dark);
  margin-right: 10px;
}
.shop.product .mainInfo > .top .startInfo .final .product-cart + .buttonLink:hover i {
  color: var(--white);
}
.shop.product .mainInfo > .bottom {
  margin-top: 30px;
  width: 100%;
}
.shop.product .mainInfo > .bottom .extraInfoBox {
  padding: 30px;
  border: 1px solid var(--lllgrey);
  border-radius: 5px;
  background-color: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
}
.shop.product .mainInfo > .bottom .extraInfoBox > * {
  min-height: 136px;
}
.shop.product .mainInfo > .bottom .extraInfoBox ul:not(.infolist) {
  border: 1px solid var(--lllgrey);
  border-radius: 5px;
  overflow: hidden;
  max-width: 210px;
  min-width: 210px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  position: sticky;
  top: 100px;
}
.shop.product .mainInfo > .bottom .extraInfoBox ul:not(.infolist) li {
  flex: auto;
  width: 100%;
  padding: 0 15px;
  align-items: center;
  display: flex;
  text-align: left;
  cursor: pointer;
  color: var(--dark-text);
}
.shop.product .mainInfo > .bottom .extraInfoBox ul:not(.infolist) li.active {
  background-color: var(--lllgrey);
  font-size: 16px;
  font-weight: 700;
  color: var(--dark-text);
}
.shop.product .mainInfo > .bottom .extraInfoBox ul:not(.infolist) li:hover {
  opacity: 0.7;
}
.shop.product .mainInfo > .bottom .extraInfoBox .box {
  flex: auto;
  width: 100px;
  border: 1px solid var(--lllgrey);
  border-radius: 5px;
  overflow: hidden;
  padding: 25px;
  color: var(--sldark-text);
}
.shop.product .mainInfo > .bottom .extraInfoBox .box a {
  color: var(--sldark-text);
}
.shop.product .mainInfo > .bottom .extraInfoBox .box a:hover {
  opacity: 0.8;
}
.shop.product .mainInfo > .bottom .extraInfoBox .box .item {
  display: none;
}
.shop.product .mainInfo > .bottom .extraInfoBox .box .item.active {
  display: block;
}
.shop.product .mainInfo > .bottom .extraInfoBox .box .infolist {
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 15px;
}
.shop.product .mainInfo > .bottom .extraInfoBox .box .infolist li {
  align-self: stretch;
  max-width: 500px;
  width: 70px;
  flex: auto;
}
.shop.product .mainInfo > .bottom .extraInfoBox .box .infolist li a {
  border: 1px solid var(--lllgrey);
  border-radius: 5px;
  padding: 15px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.shop.product .mainInfo > .bottom .extraInfoBox .box .infolist li a:hover {
  border-color: var(--dark-text);
}
.shop.product .afterProduct {
  margin-top: 66px;
  gap: 30px;
}
.shop.product .afterProduct .tabsbox {
  align-self: stretch;
  border: 1px solid var(--lllgrey);
  border-radius: 5px;
  padding: 30px;
}
.shop.product .afterProduct .tabsbox .tab-nav {
  gap: 30px;
  margin-bottom: 30px;
}
.shop.product .afterProduct .tabsbox .tab-nav li a {
  font-size: 16px;
  font-weight: 600;
  color: var(--lddark-text);
  position: relative;
}
.shop.product .afterProduct .tabsbox .tab-nav li.active a {
  font-weight: 800;
  color: var(--dark-text);
}
.shop.product .afterProduct .tabsbox .tab-nav li.active a:before {
  position: absolute;
  content: "";
  bottom: -8px;
  border-radius: 5px;
  height: 3px;
  width: 30px;
  left: 0;
  background-color: var(--main-color);
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single:not(:first-child) {
  display: none;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single {
  border: none;
  padding: 0;
  background: transparent;
  color: var(--lddark-text);
  line-height: 1.4;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single > h3:first-child {
  font-size: 22px;
  color: var(--dark-text);
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 0;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single > *:first-child {
  margin-top: 0 !important;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single > * {
  line-height: 1.5em;
  color: var(--lddark-text);
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single h1, .shop.product .afterProduct .tabsbox .tab-content .tab-single h2, .shop.product .afterProduct .tabsbox .tab-content .tab-single h3, .shop.product .afterProduct .tabsbox .tab-content .tab-single h4, .shop.product .afterProduct .tabsbox .tab-content .tab-single h5, .shop.product .afterProduct .tabsbox .tab-content .tab-single h6 {
  color: var(--dark-text);
  font-weight: 700;
  line-height: 1.3;
  margin: 1.2em 0 0.6em;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single h1 {
  font-size: 2.75rem;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single h2 {
  font-size: 2.25rem;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single h3 {
  font-size: 1.875rem;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single h4 {
  font-size: 1.5rem;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single h5 {
  font-size: 1.25rem;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single h6 {
  font-size: 1rem;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single > * + *,
.shop.product .afterProduct .tabsbox .tab-content .tab-single div.text > * + * {
  margin-top: 1em;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single ul {
  list-style: inside;
  padding-left: 1em;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single ul li + li {
  margin-top: 0.4em;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) {
  width: 100% !important;
  margin-top: 1.1em;
  border: 1px solid var(--ldark-text);
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) th, .shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) td {
  padding: 0.75em 1em;
  border: none;
  text-align: left;
  vertical-align: top;
  color: var(--lddark-text);
  font-size: 1rem;
  border-radius: 0;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) tr:first-child {
  background-color: var(--dark-text-stay);
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) tr:first-child th, .shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) tr:first-child td {
  font-size: 1rem;
  font-weight: 700;
  color: white;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) tr:first-child td {
  padding: 1em;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) tr:first-child tr:first-child {
  border-right: 0;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) th {
  background-color: var(--lddark-text);
  font-weight: 600;
  color: var(--dark-text);
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) tr td:not(:last-child),
.shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) tr th:not(:last-child) {
  border-right: 1px solid var(--ldark-text);
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single table:not(.products) tr + tr td {
  border-top: 1px solid var(--ldark-text);
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.fitsTab .infolist {
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 15px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.fitsTab .infolist li {
  align-self: stretch;
  width: 200px;
  max-width: 300px;
  flex: auto;
  align-self: stretch;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.fitsTab .infolist li a {
  border: 1px solid var(--lllgrey);
  border-radius: 5px;
  padding: 15px;
  font-size: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--sldark-text);
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.fitsTab .infolist li a:hover {
  border-color: var(--dark-text);
  color: var(--dark-text);
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.fitsTab .infolist li + li {
  margin-top: 0;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab > div {
  gap: 30px;
  align-items: flex-start;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab > div > * {
  flex: auto;
  width: 320px;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab #wrap-review h3 {
  font-size: 22px;
  color: var(--dark-text);
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 0;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab #wrap-review .no-content {
  background: var(--lllgrey);
  padding: 10px 20px;
  border-radius: 5px;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-list {
  border: 1px solid var(--lllgrey);
  padding: 20px;
  border-radius: 5px;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-list .author strong {
  font-weight: 700;
  color: var(--dark-text);
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-list .author p {
  font-size: 13px;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-list .author p i {
  margin-right: 5px;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-list .text {
  margin-top: 15px;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-list + .review-list {
  margin-top: 30px;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-form {
  border: 1px solid var(--lllgrey);
  padding: 20px;
  border-radius: 5px;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-form h4.review-title {
  font-size: 22px;
  color: var(--dark-text);
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 0;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-form label {
  font-size: 14px;
  color: var(--dark-text);
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-form label span {
  color: var(--main-color);
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-form input, .shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-form textarea {
  width: 100%;
  min-height: 10px !important;
  margin-top: 6px;
  border-radius: 5px;
  border: 1px solid var(--lltext);
  resize: none;
  font-size: 16px;
  padding: 15px;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-form select {
  display: flex;
  border-radius: 5px;
  border: 1px solid var(--lltext);
  padding: 3px 5px;
  position: relative;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-form .element + .element {
  margin-top: 15px;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-form .element + .element button {
  margin-top: 5px;
}
.shop.product .afterProduct .tabsbox .tab-content .tab-single.reviewTab .review-form .element.flexBlock {
  gap: 10px;
}
.shop.product .afterProduct .productListCarousel {
  margin-top: 66px;
}
.shop .final {
  border-radius: 5px;
  overflow: hidden;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.shop .final .product-cart {
  display: flex;
  align-items: center;
}
.shop .final .product-cart.small span {
  min-width: 80px !important;
  max-width: 80px !important;
  min-height: 40px !important;
}
.shop .final .product-cart.small span input {
  font-size: 15px !important;
}
.shop .final .product-cart.small span a {
  font-size: 16px !important;
  min-width: 6px !important;
}
.shop .final .product-cart.small .add-to-cart,
.shop .final .product-cart.small .refresh-cart {
  height: 40px;
  min-width: 40px;
  max-width: 40px;
}
.shop .final .product-cart.small .add-to-cart i,
.shop .final .product-cart.small .refresh-cart i {
  font-size: 16px;
  margin-right: 0;
}
.shop .final .product-cart.small .refresh-cart {
  background-color: var(--dark);
}
.shop .final .product-cart .buttonLink {
  background-color: var(--main-color);
  min-width: 160px;
  max-width: 160px;
  font-size: 16px;
  padding: 0 10px;
  color: var(--dark);
  font-weight: 800;
  border: none;
}
.shop .final .product-cart > * {
  flex: auto;
}
.shop .final .product-cart span:not(.message) {
  min-width: 104px;
  max-width: 104px;
  margin: 0;
  align-self: stretch;
  min-height: 50px;
  border: 1px solid var(--lgrey);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
  margin-right: -10px;
  background-color: var(--white-stay);
}
.shop .final .product-cart span:not(.message) a {
  font-size: 18px;
  font-weight: 800;
  color: var(--ldark);
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.shop .final .product-cart span:not(.message) input {
  border: none;
  outline: none;
  font-size: 20px;
  font-weight: 800;
  color: var(--dark);
  max-width: 26px;
  text-align: center;
}
.shop .final .product-cart button {
  min-width: 160px;
  max-width: 160px;
  font-size: 16px;
  color: var(--dark-text);
  font-weight: 800;
}
.shop .final .product-cart button i {
  font-size: 22px;
  color: var(--white-stay);
  margin-right: 10px;
}
.shop .final .product-cart + .buttonLink i {
  font-size: 22px;
  color: var(--dark-text);
  margin-right: 10px;
}
.shop .final .product-cart + .buttonLink:hover i {
  color: var(--white);
}
.shop .arrows {
  gap: 15px;
}
.shop .arrows a i {
  color: var(--ldark);
  font-size: 30px;
}
.shop .arrows a + a i {
  color: var(--dark-text);
}
.shop .center > .empty {
  width: 100%;
  border: 1px solid var(--bl);
  border-radius: 5px;
  padding: 20px;
  background: var(--lb);
}
.shop .center > .empty h3 {
  color: var(--dark-text);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 8px;
  font-size: 1.5rem;
}
.shop .center > .empty p {
  line-height: 1.5em;
  color: var(--lddark-text);
}
.shop .center > .empty p + p {
  margin-top: 15px;
}
.shop #ordermsg .order-message {
  position: absolute;
  border-radius: 5px;
  color: var(--white-stay);
  background: var(--red);
  font-weight: 600;
  padding: 10px 20px;
  margin-top: -110px;
  display: flex;
  gap: 20px;
  right: 0;
  box-shadow: 0 0 20px 1px var(--dark);
}
.shop #ordermsg .order-message .message {
  display: block;
  font-size: 15px;
}
.shop #ordermsg .order-message i {
  font-size: 17px;
  display: flex;
  align-items: center;
  color: var(--white);
}
/* /assets/css/select2.min.css */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--dark-text);line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/* /modules/offer/assets/scss/mod_offer.css */
.offerbox.center {
  gap: 30px;
  align-items: flex-start;
  padding: 0 40px;
  margin-top: 81px;
}
.offerbox.center > * {
  width: 200px;
  max-width: 360px;
  min-height: 305px;
  background-color: var(--dark);
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  align-self: stretch;
  transition: all 200ms linear;
  padding-bottom: 20px;
}
.offerbox.center > * a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  font-size: 0;
}
.offerbox.center > * .info {
  padding: 30px;
  position: absolute;
  margin-top: -82px;
  bottom: 0;
  transition: all 200ms linear;
  margin-bottom: 15px;
}
.offerbox.center > * .info h2 {
  font-size: 22px;
  color: var(--white-text);
  line-height: 30px;
  max-width: 270px;
  margin-bottom: 20px;
}
.offerbox.center > * .info .more {
  position: absolute;
  text-transform: uppercase;
  font-size: 13px;
  color: var(--main-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: -10px;
  gap: 4px;
  max-height: 40px;
  opacity: 1;
  transition: opacity 0.2s ease, max-height 0.2s ease;
  transition-delay: 0.1s;
}
.offerbox.center > * .info .more i {
  position: relative;
  top: 1px;
}
.offerbox.center > * .info p {
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  font-size: 15px;
  color: var(--ldark-text);
  line-height: 1.7;
  margin-top: -15px;
  transition: all 200ms linear;
}
.offerbox.center > *:hover .info {
  padding-bottom: 30px;
}
.offerbox.center > *:hover:before {
  height: 350px;
}
.offerbox.center > *:hover .more {
  opacity: 0;
  max-height: 0;
  transition: opacity 0.2s ease, max-height 0.2s ease;
  transition-delay: 0s;
  pointer-events: none;
}
.offerbox.center > *:hover p {
  max-height: 300px;
}
.offerbox.center > *:before {
  background: linear-gradient(0deg, rgba(29, 51, 75, 0.95) 40%, rgba(29, 51, 75, 0) 100%);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 180px;
}
/* /modules/testimonials/assets/scss/mod_testimonials.css */
.testimonials {
  background: url(/modules/testimonials/assets/img/bg-main.webp);
  max-width: 430px;
  min-height: 520px;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: e-resize;
}
.testimonials .list {
  width: 100%;
  text-align: center;
}
.testimonials .list .brand {
  font-size: 29px;
  color: var(--white-stay);
  font-weight: 800;
}
.testimonials .list .rating {
  letter-spacing: 1px;
  color: #4e3800;
  font-size: 15px;
  font-weight: 800;
}
.testimonials .list .text {
  margin: 35px auto;
  font-size: 16px;
  color: #6a4c00;
  line-height: 1.7;
}
.testimonials .list .user .author {
  font-size: 17px;
  font-weight: 800;
  color: #4e3800;
}
.testimonials .list .user .dateplace {
  font-size: 14px;
  color: var(--white-stay);
}
.testimonials .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.testimonials .slick-dots button {
  border: none;
  height: 12px;
  width: 12px;
  background-color: var(--white-stay);
  font-size: 0;
  cursor: pointer;
  border-radius: 12px;
}
.testimonials .slick-dots .slick-active button {
  background-color: #d7a013;
  width: 40px;
}
.testimonials .slick-dots li + li {
  margin-left: 10px;
}
/* /modules/articles/assets/scss/mod_articles.css */
.articlelist .header .box h3 {
  color: var(--dark-text);
  font-size: 30px;
  font-weight: 700;
}
.articlelist .header .box p {
  color: var(--ldark-text);
  font-size: 14px;
  margin-top: 3px;
}
.articlelist .header .arrows a i {
  color: var(--ldark);
  font-size: 30px;
}
.articlelist .header .arrows > * + * {
  margin-left: 15px;
}
.articlelist .header .arrows > * + * > i {
  color: var(--dark-text) !important;
}
.articlelist .header .arrows a:hover i {
  opacity: 0.8;
}
.articlelist .list {
  margin: 40px -15px 0;
}
.articlelist .list .item {
  margin: 0 15px 5px;
  max-width: 400px;
}
.articlelist .list .item .img {
  overflow: hidden;
  margin-bottom: 20px;
}
.articlelist .list .item a:has(i) {
  height: 166px;
  background: var(--f2);
  color: var(--dark);
  font-size: 20px;
}
.articlelist .list .item .date {
  font-size: 15px;
  color: var(--main-color);
}
.articlelist .list .item .date i {
  margin-right: 6px;
  font-size: 14px;
}
.articlelist .list .item h2 {
  font-size: 20px;
  color: var(--dark-text);
  width: 98%;
  min-height: 90px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
}
.articlelist .list .item .desc {
  font-size: 14px;
  color: var(--sdark-text);
  line-height: 1.7;
  margin-top: 7px;
  margin-bottom: 20px;
}
/* /modules/map/assets/scss/mod_map.css */
.mapBox.center {
  padding: 0 40px;
  margin-top: 81px;
  border-radius: 5px;
}
.mapBox.center > .come {
  position: relative;
}
.mapBox.center > .come a {
  position: absolute;
  z-index: 100;
  top: 30px;
  right: 30px;
  font-size: 13px;
}
.mapBox.center > .come a i {
  margin-right: 8px;
  font-size: 16px;
}
.mapBox.center > .come a:hover {
  opacity: 0.9;
}
.mapBox.center #mapInit {
  height: 400px;
  background-color: var(--lb);
  border-radius: 5px;
}
/* /modules/cookies/assets/scss/mod_cookies.css */
.cookiesBox {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 999999999;
  display: none;
  align-items: flex-start;
  justify-content: center;
  font-family: var(--fontfamily);
  color: var(--white-text);
  overflow-y: auto;
  padding: 2em;
}
.cookiesBox .cookiesModal {
  background: var(--udark);
  padding: 2rem;
  top: 1rem;
  max-width: 540px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 2rem auto;
}
.cookiesBox .cookiesModal .cookiesHeader {
  font-size: 1.25rem;
  font-weight: bold;
  color: var(--white-text);
}
.cookiesBox .cookiesModal .cookiesDesc {
  font-size: 0.95rem;
  color: var(--lltext);
}
.cookiesBox .cookiesModal .cookiesGroup {
  display: none;
}
.cookiesBox .cookiesModal .cookiesGroup.show {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cookiesBox .cookiesModal .cookiesGroup .cookieRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--dark);
  padding: 0.8rem 1rem;
  border-radius: 5px;
}
.cookiesBox .cookiesModal .cookiesGroup .cookieRow + .cookieRow {
  margin-top: 1rem;
}
.cookiesBox .cookiesModal .cookiesGroup .cookieRow.required {
  opacity: 0.5;
}
.cookiesBox .cookiesModal .cookiesGroup .cookieRow .cookieLabel {
  font-size: 0.9rem;
  margin-left: 1rem;
  flex: 1;
}
.cookiesBox .cookiesModal .cookiesGroup .cookieRow .cookieToggle {
  position: relative;
  width: 42px;
  height: 22px;
}
.cookiesBox .cookiesModal .cookiesGroup .cookieRow .cookieToggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cookiesBox .cookiesModal .cookiesGroup .cookieRow .cookieToggle .slider {
  position: absolute;
  inset: 0;
  cursor: pointer;
  background-color: var(--sdark);
  border-radius: 34px;
  transition: 0.2s;
}
.cookiesBox .cookiesModal .cookiesGroup .cookieRow .cookieToggle .slider:before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: var(--white-text);
  border-radius: 50%;
  transition: 0.2s;
}
.cookiesBox .cookiesModal .cookiesGroup .cookieRow .cookieToggle input:checked + .slider {
  background-color: var(--main-color);
}
.cookiesBox .cookiesModal .cookiesGroup .cookieRow .cookieToggle input:checked + .slider:before {
  transform: translateX(20px);
}
.cookiesBox .cookiesModal .cookiesGroup .cookieRow .cookieToggle input:disabled + .slider {
  background-color: var(--sdark);
}
.cookiesBox .cookiesModal .cookiesFooter {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.cookiesBox .cookiesModal .cookiesFooter p {
  font-size: 0.85rem;
}
.cookiesBox .cookiesModal .cookiesFooter p .cookiesLink {
  color: var(--main-color);
  text-decoration: underline;
}
.cookiesBox .cookiesModal .cookiesFooter .cookiesMeta {
  font-size: 0.8rem;
  color: var(--lltext);
}
.cookiesBox .cookiesModal .cookiesFooter .cookiesActions {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
  margin-top: 10px;
}
.cookiesBox .cookiesModal .cookiesFooter .cookiesActions .btnAcceptAll,
.cookiesBox .cookiesModal .cookiesFooter .cookiesActions .btnSave {
  background: var(--main-color);
  border: none;
  color: var(--dark-text-stay);
  padding: 0.6rem 1.2rem;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.9rem;
}
.cookiesBox .cookiesModal .cookiesFooter .cookiesActions .btnSave.preference {
  background: var(--dark-text);
  color: var(--white);
}
.cookiesBox .cookiesModal .cookiesFooter .cookiesActions .btnSave.save {
  background: var(--dark-text);
  color: var(--white);
  display: none;
}
.cookiesBox .cookiesModal .cookiesFooter .cookiesActions .btnSave.save.show {
  display: inline-block;
}

.cookiesToggleBtn {
  margin-top: 10px;
  display: inline-flex;
  color: var(--dark-text);
  font-weight: 700;
  align-items: center;
  cursor: pointer;
  gap: 6px;
}
.cookiesToggleBtn i {
  position: relative;
  color: var(--main-color);
  top: -2px;
  font-size: 18px;
}
/* /modules/awaypop/assets/scss/mod_awaypop.css */
.awaypop-popup .content {
  margin-top: 20px;
}
.awaypop-popup .content h3 {
  color: var(--dark-text);
  font-size: 1.1em;
}
.awaypop-popup .content p {
  font-size: 16px;
  width: 85%;
  color: var(--sdark-text);
  line-height: 1.7;
}
.awaypop-popup .content .break {
  margin: 20px auto;
  height: 1px;
  background: var(--bl);
}
/* /templates/assets/scss/template.css */
body:has(header.activeSticky) {
  overflow-x: hidden;
}
body > header.center {
  margin: 40px auto 30px !important;
  border: 1px solid var(--lgrey);
  height: 74px;
  padding: 0;
  transition: all 200ms linear;
  z-index: 10000;
  position: sticky;
  left: 40px;
  top: 0px;
  right: 40px;
  padding: 0;
  background: var(--white);
  transition: all 200ms linear;
}
body > header.center.activeSticky {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-left-color: var(--lgrey);
  border-right-color: var(--lgrey);
  border-top-color: var(--lgrey);
  border-radius: 0;
}
body > header.center.activeSticky:after {
  content: "";
  width: 200vw;
  background-color: var(--white);
  border-top: 1px solid var(--lgrey);
  border-bottom: 1px solid var(--lgrey);
  left: -50vw;
  right: -50vw;
  height: 100%;
  position: absolute;
  z-index: 0;
  transition: all 500ms linear;
}
body > header.center > * {
  height: 100%;
  z-index: 1;
}
body > header.center .left {
  flex: none;
}
body > header.center .langchange {
  height: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid var(--lgrey);
  position: relative;
  margin-right: 30px;
}
body > header.center .logo {
  width: 180px;
  margin-left: 30px;
  display: flex;
}
body > header.center .langchange {
  border-left: 0 !important;
}
body > header.center .mobile {
  height: 100%;
  border-right: 1px solid var(--lgrey);
  padding: 0 30px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: var(--dark-text);
  display: none;
}
body > header.center .mobile i {
  font-size: 30px;
}
body > header.center .mobile span {
  margin-left: 18px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 17px;
}
body > header.center .shopMobile {
  background: var(--dark-text);
  padding: 5px 9px;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  display: none;
  font-size: 14px;
  font-weight: 700;
  color: var(--white);
}
body > header.center .shopMobile:hover {
  background-color: var(--main-color);
  color: var(--dark);
}
body > header.center .break {
  background-color: var(--lgrey);
  height: 100%;
  min-width: 1px;
  margin-left: 30px;
}
body > header.center .info {
  font-size: 17px;
  font-weight: 600;
  color: var(--c0);
}
body > header.center form {
  flex: auto;
  width: 100px;
  height: 100%;
  border: none;
  background: linear-gradient(90deg, #f9f9f9 0%, rgba(255, 255, 255, 0) 100%);
}
body > header.center form > i, body > header.center form > button {
  font-size: 16px;
  position: absolute;
  margin-left: 20px;
  background: vaR(--dark-text);
  border: none;
  height: 32px;
  width: 32px;
  border-radius: 5px;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
body > header.center form > i:before, body > header.center form > button:before {
  animation: shakeOnce 2.5s ease-in-out 5;
}
body > header.center form > i:hover, body > header.center form > button:hover {
  background-color: var(--main-color);
}
body > header.center form > i {
  display: none;
}
body > header.center form input {
  background: var(--white);
  height: 50px;
  margin: 0px 12px;
  border: 1px solid #ececec;
  border-radius: 5px;
  padding: 0 15px 0 45px;
  font-size: 15px;
  font-weight: 600;
  color: var(--dark);
  transition: all 200ms linear;
}
body > header.center form input:focus {
  border: 1px solid rgb(212, 212, 212);
}
body > header.center form input::-moz-placeholder {
  color: var(--ldark-text);
}
body > header.center form input::placeholder {
  color: var(--ldark-text);
}
body > header.center nav {
  padding: 0 30px 0 38px;
}
body > header.center nav > ul {
  height: 100%;
  display: flex;
}
body > header.center nav > ul > li > ul {
  max-height: calc(85svh - 120px);
  padding-bottom: 40px;
}
body > header.center nav > ul > li > ul > li {
  width: 240px;
}
body > header.center nav > ul > li > ul > ul > li > a {
  font-weight: 700;
  color: var(--white);
  font-size: 16px !important;
}
body > header.center nav > ul > li > ul > ul > li > a + ul {
  margin-top: 5px;
}
body > header.center nav > ul > li:hover > ul {
  opacity: 1;
  pointer-events: all;
  z-index: 100;
  visibility: visible;
}
body > header.center nav > ul > li > a {
  height: 100%;
  display: flex;
  align-items: center;
}
body > header.center nav > ul > li + li {
  margin-left: 1.8vw;
}
body > header.center nav a {
  font-size: 16px !important;
  font-weight: 700;
  color: var(--dark-text);
}
body > header.center nav .current > a,
body > header.center nav .active > a {
  color: var(--main-color);
}
body > header.center nav ul ul:has(li.current) .active:not(:has(.current)):not(.current) > a {
  color: var(--c0);
}
body > header.center nav a:hover {
  opacity: 0.8;
}
body > header.center nav li {
  position: relative;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body > header.center nav li i.icon {
  position: absolute;
  left: 230px;
  color: var(--main-color);
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  z-index: 100;
  cursor: pointer;
  margin-top: 5px;
}
body > header.center nav li.active > i.icon:before {
  display: block;
  transform: rotate(180deg);
}
body > header.center nav li.parent > a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
body > header.center nav li.parent > a:after {
  content: "\e07c";
  color: var(--d6);
  font-size: 16px;
  margin-left: 4px;
}
body > header.center nav li li a::first-letter {
  text-transform: uppercase;
}
body > header.center nav li ul {
  z-index: -100;
}
body > header.center nav li > ul {
  display: none;
  position: absolute !important;
  top: 100%;
  background-color: var(--udark);
  font-size: 15px;
  font-weight: 700;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  left: 0;
  overflow-x: auto;
  border: 1px solid var(--btd);
  padding: 30px;
  min-width: 300px;
}
body > header.center nav li > ul:has(ul) {
  min-width: 230px;
}
body > header.center nav li > ul:has(ul) ul {
  min-width: 230px;
}
body > header.center nav li > ul:has(li.parent) {
  width: 580px;
}
body > header.center nav li > ul:not(:has(li.parent)) {
  max-width: 300px;
}
body > header.center nav li > ul:not(:has(li.parent)) li {
  width: 100%;
}
body > header.center nav li > ul:not(:has(li.parent)) li a {
  max-width: 100%;
  width: 100%;
}
body > header.center nav li > ul ul {
  position: absolute !important;
  top: 30px;
  bottom: 30px;
  right: 30px;
  left: inherit;
  width: 227px;
  padding: 11px 20px;
  border: 1px solid var(--dtext);
  border-radius: 5px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  z-index: -100;
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  transition: all 200ms linear;
}
body > header.center nav li > ul ul a {
  padding: 0 !important;
  font-size: 14px !important;
  color: var(--c0);
}
body > header.center nav li > ul ul li {
  height: auto;
}
body > header.center nav li > ul > li {
  display: flex;
  align-items: flex-start;
  position: static;
}
body > header.center nav li > ul > li > a {
  color: var(--white-stay);
  max-width: 200px;
  padding: 10px 0 !important;
}
body > header.center nav li > ul > li + li {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid var(--dark-text-stay);
}
body > header.center nav li > ul li a {
  font-size: 15px;
  font-weight: 500;
  padding: 10px 30px 10px 0;
}
body > header.center nav li > ul li a:hover {
  padding-left: 2px;
}
body > header.center nav li > ul li a:after {
  display: none;
}
body > header.center nav ul > li.active > ul {
  opacity: 1;
  pointer-events: all;
  z-index: 100;
  visibility: visible;
}
body > header.center .factContact {
  background-color: var(--main-color);
  color: var(--dark);
  display: inline-flex;
  gap: 10px;
  padding: 0 14px;
  height: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  align-items: center;
}
body > header.center .factContact > i {
  background: var(--dark-text);
  height: 34px;
  width: 34px;
  border-radius: 5px;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
body > header.center .factContact span {
  font-size: 13px;
}
body > header.center .factContact span strong {
  font-size: 15px;
  display: block;
}
body > header.center .beforeTop {
  position: absolute;
  top: -41px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  z-index: -1;
  height: 40px;
  padding: 0 30px;
  align-items: center;
  gap: 20px;
}
body > header.center .beforeTop .currency,
body > header.center .beforeTop .pricetype {
  border-radius: 5px;
  padding: 4px 7px;
  border: 1px solid #e9e9e9;
  text-align: center;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 13px;
  margin-right: 0;
  gap: 10px;
  display: flex;
  align-items: center;
}
body > header.center .beforeTop .currency a,
body > header.center .beforeTop .pricetype a {
  color: var(--c9);
}
body > header.center .beforeTop .currency a.active,
body > header.center .beforeTop .pricetype a.active {
  color: var(--dark-text);
  font-weight: 700;
}
body > header.center .beforeTop .favoritesPath {
  color: var(--dark-text);
  font-weight: 700;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
}
body > footer {
  margin: 40px 0;
}
body > footer .top {
  padding: 26px 20px 80px !important;
}
body > footer .top > .item {
  margin: 20px;
  width: 200px;
}
body > footer .top > .item > * {
  width: 100%;
}
body > footer .top > .item.f-1 {
  width: 260px;
  max-width: 394px;
  flex: auto;
}
body > footer .top > .item.f-1 .bg-logo-black {
  fill: #a7a7a7;
}
body > footer .top > .item.f-1 .second-color,
body > footer .top > .item.f-1 .bg-logo-main {
  fill: #cdcdcd;
}
body > footer .top > .item.f-1 svg {
  max-width: 210px;
  margin-bottom: 35px;
}
body > footer .top > .item.f-1 h3 {
  font-size: 20px;
  color: var(--dark-text);
  font-weight: 800;
  margin-bottom: 6px;
}
body > footer .top > .item.f-1 p {
  font-size: 14px;
  color: var(--lsdark-text);
  line-height: 1.7;
  font-weight: 500;
}
body > footer .top > .item:nth-child(n+2) {
  flex: auto;
  padding-left: 3vw;
  width: 200px;
}
body > footer .top > .item:nth-child(n+2) h3 {
  font-size: 22px;
  color: var(--dark-text);
  font-weight: 800;
  margin-bottom: 20px;
}
body > footer .top > .item:nth-child(n+2) ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
body > footer .top > .item:nth-child(n+2) ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: var(--main-color);
  margin-right: 18px;
}
body > footer .top > .item:nth-child(n+2) ul li a {
  color: var(--lsdark-text);
  font-size: 15px;
  font-weight: 500;
}
body > footer .top > .item:nth-child(n+2) ul li a:hover {
  color: var(--main-color);
}
body > footer .top > .item:nth-child(n+2) ul li + li {
  margin-top: 20px;
}
body > footer .top .boxcontact .item a i {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--lsdark-text);
  height: 40px;
  min-width: 40px;
  font-size: 0;
  color: var(--dark-text);
  border-radius: 5px;
  margin-right: 16px;
  content: "";
}
body > footer .top .boxcontact .item a i:before {
  font-size: 18px;
}
body > footer .top .boxcontact .item a:hover i {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  color: var(--white-stay);
}
body > footer .top .boxcontact .item a .text {
  font-weight: 800;
  font-size: 13px;
  color: var(--lsdark-text);
}
body > footer .top .boxcontact .item a .text strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--dark-text);
}
body > footer .top .boxcontact .item + .item {
  margin-top: 22px;
}
body > footer .socialInfo {
  flex: auto;
}
body > footer .socialInfo p {
  color: var(--dtext);
  font-size: 12px;
  font-weight: 700;
  margin-top: 5px;
}
body > footer .socialInfo p a {
  color: var(--dtext);
  font-weight: 500;
  font-weight: 700;
}
body > footer .socialInfo p + p {
  opacity: 0.7;
  font-size: 11px;
  font-weight: 500;
}
body > footer .socialInfo p + p a {
  font-weight: 500;
}
body > footer .bottom .center {
  min-height: 116px;
  background-color: var(--lb);
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 40px;
  justify-content: center;
}
body > footer .copy {
  align-items: center;
  line-height: 0;
}
body > footer .copy li {
  margin-left: 26px;
}
body > footer .copy p {
  color: var(--dtext);
  font-weight: 700;
}
body > footer .copy a {
  font-size: 12px;
  color: var(--ltext);
}
body > footer .social li + li {
  margin-left: 21px;
}
body > footer .social a {
  font-size: 0;
}
body > footer .social a i {
  font-size: 19px;
  color: var(--dtext);
}
body > footer .social a:hover {
  opacity: 0.8;
}
body > footer .author a {
  font-size: 14px;
  color: var(--ltext);
  margin-right: 26px;
}
body > footer .author .iconfooter {
  font-size: 14px;
  fill: var(--dtext);
  color: var(--dtext);
}
body > footer .author svg {
  height: 25px;
  min-width: 16px;
  margin-right: 7px;
}
body:has(.article.pages) .offerbox .item {
  min-height: inherit;
  padding-bottom: 0;
  background-color: var(--white);
}
body:has(.article.pages) .offerbox .item:before,
body:has(.article.pages) .offerbox .item span,
body:has(.article.pages) .offerbox .item p {
  display: none;
}
body:has(.article.pages) .offerbox .item img {
  position: relative;
  z-index: 10;
}
body:has(.article.pages) .offerbox .item .info {
  position: relative;
  bottom: 0;
  padding: 35px 30px 20px 20px;
  border: 1px solid var(--f2);
  z-index: 0;
  border-radius: 5px;
  margin-bottom: 0;
  margin-top: -15px;
  min-height: 117px;
}
body:has(.article.pages) .offerbox .item .info h2 {
  color: var(--dark-text);
  margin-bottom: 0;
  font-size: 17px;
}
body:has(.article.pages) .offerbox .item:hover .info {
  padding-left: 30px;
}

.leftOptions {
  min-width: 320px;
  max-width: 320px;
  margin-right: 40px;
  padding: 30px 20px;
  border-radius: 5px;
  background-color: var(--dark);
}
.leftOptions h3 {
  color: var(--white-stay);
  font-size: 23px;
  margin-bottom: 20px;
}
.leftOptions > * + * {
  margin-top: 25px;
}

.dlmode {
  width: 66px;
  border: 1px solid var(--lgrey);
  height: 34px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.dlmode .switch {
  min-width: 30px;
  height: 30px;
  background-color: var(--dark);
  border-right: 1px solid var(--lgrey);
  position: absolute;
  border-radius: 5px;
  left: 1px;
  top: 1px;
  bottom: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 200ms linear;
  font-size: 0;
}
.dlmode:before {
  content: "\e387";
  left: 0;
  color: var(--white);
}
.dlmode:after {
  content: "\ea96";
  right: 0;
  color: var(--dark);
}
.dlmode:after, .dlmode:before {
  width: 30px;
  height: 32px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  z-index: 1;
}

body.dark .dlmode {
  border: 1px solid var(--lddark-text);
}
body.dark .dlmode:before {
  color: var(--dark-text);
}
body.dark .dlmode:after {
  color: var(--dark);
}
body.dark .dlmode .switch {
  left: 33px;
  background-color: var(--main-color);
  border-left: 1px solid #374246;
  border-right: none;
  border-radius: 4px;
}
body.dark .langchange {
  border-left: 1px solid var(--lddark-text) !important;
}
body.dark .langchange > .actual .text {
  color: var(--white-stay);
}
body.dark header.center form input {
  color: var(--white-stay);
}
body.dark > header.center nav li > ul {
  border: 1px solid var(--c0);
}

.oabox.center {
  margin-top: 81px;
  gap: 60px 30px;
}
.oabox.center > * {
  flex: auto;
  width: 200px;
}

.counterlist ul {
  gap: 30px;
  padding: 0 !important;
  align-items: flex-start;
}
.counterlist ul li {
  border-radius: 5px;
  min-height: 200px;
  flex: auto;
  width: 230px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--lltext);
}
.counterlist ul li .icon i {
  font-size: 50px;
  color: var(--dark-text);
}
.counterlist ul li h4 {
  font-size: 30px !important;
  color: var(--sdark-text);
  margin: 20px 0 0 !important;
}
.counterlist ul li .text {
  font-size: 15px;
  color: var(--sdark-text);
}
.counterlist ul li + li {
  margin-top: 0 !important;
}

.mapProduct.center.bigger {
  margin-top: 81px;
  padding: 0;
  max-width: 1480px;
}
.mapProduct.center.bigger iframe {
  filter: grayscale(1);
}

body > .hm {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100svh;
  overflow-x: hidden;
  z-index: 9999;
  padding-bottom: 20px;
}
body > .hm .shadowclose {
  opacity: 0.9;
  background-color: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body > .hm .navbox {
  position: absolute;
  top: 114px;
  padding: 20px;
  margin-left: 0;
  left: 40px;
  background-color: var(--dark);
  width: 300px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow-x: auto;
  overflow-y: auto;
  height: calc(100svh - 144px);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body > .hm .navbox::-webkit-scrollbar {
  display: none;
}
body > .hm .navbox > .navInside {
  margin-bottom: 30px;
}
body > .hm .navbox .navInside h3 {
  color: var(--white-stay);
}
body > .hm .navbox .navInside .backlink {
  font-size: 14px;
  color: var(--main-color);
}
body > .hm .navbox .navInside .backlink i {
  font-size: 14px;
  margin-left: 6px;
}
body > .hm .navbox .navInside .shopbox {
  font-size: 14px;
  color: var(--white-stay);
  margin-left: auto;
  padding: 5px 9px;
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 700;
  border-radius: 5px;
  text-transform: uppercase;
  border: 1px solid var(--main-color);
  letter-spacing: 0.5px;
}
body > .hm .navbox .navInside .shopbox i {
  font-size: 16px;
  color: var(--main-color);
}
body > .hm .navbox .navInside .shopbox:hover {
  background-color: var(--main-color);
}
body > .hm .navbox .navInside .shopbox:hover i {
  color: var(--dark-text-stay);
}
body > .hm .navbox .navInside nav > ul:not(.userlink) {
  border-radius: 5px;
  background-color: rgba(16, 32, 51, 0.8);
  padding: 8px 18px;
  text-align: center;
  margin-top: 17px;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100%;
}
body > .hm .navbox .navInside nav > ul:not(.userlink) li {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
body > .hm .navbox .navInside nav > ul:not(.userlink) li i {
  order: 2;
  height: 30px;
  min-width: 30px;
  border-radius: 5px;
  font-size: 18px;
  color: var(--white);
  display: flex;
  background-color: var(--sdark-text);
  opacity: 0.9;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
body > .hm .navbox .navInside nav > ul:not(.userlink) li a {
  flex: auto;
  display: flex;
  color: var(--lgrey);
  min-height: 12px;
  padding: 9px 0;
  min-height: 3vh;
  font-size: 15px;
  order: 1;
  align-items: center;
  width: 100px;
  text-align: left;
  box-sizing: initial;
}
body > .hm .navbox .navInside nav > ul:not(.userlink) li.current > a, body > .hm .navbox .navInside nav > ul:not(.userlink) li.active > a {
  color: var(--main-color);
  font-weight: 700;
}
body > .hm .navbox .navInside nav > ul:not(.userlink) li > a:hover {
  color: var(--main-color);
}
body > .hm .navbox .navInside nav > ul:not(.userlink) li ul {
  display: none;
  order: 3;
  padding: 5px 8px 5px 15px;
  border-radius: 5px;
  width: 100%;
  margin-top: 10px;
  background: rgba(5, 14, 24, 0.25);
}
body > .hm .navbox .navInside nav > ul:not(.userlink) li ul i {
  min-width: 30px;
  height: 30px;
  margin: 4px 10px 4px 4px;
  background: var(--dark-text);
  border: 1px solid var(--sdark-text);
}
body > .hm .navbox .navInside nav > ul:not(.userlink) li li + li {
  margin-top: 3px;
  padding-top: 3px;
}
body > .hm .navbox .navInside nav > ul:not(.userlink) li.active > a {
  font-weight: 700;
  color: var(--white-text);
}
body > .hm .navbox .navInside nav > ul:not(.userlink) li.active > i:before {
  transform: rotate(180deg);
}
body > .hm .navbox .navInside nav > ul:not(.userlink) li + li {
  margin-top: 7px;
  border-top: 1px solid var(--dark-text-stay);
}
body > .hm .navbox .navInside nav > ul:not(.userlink) > li + li {
  padding-top: 7px;
}
body > .hm .navbox .navInside .userlink {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 14px;
  gap: 10px;
}
body > .hm .navbox .navInside .userlink .username {
  color: var(--ldark);
  font-size: 14px;
  flex: auto;
}
body > .hm .navbox .navInside .userlink .username strong {
  display: block;
}
body > .hm .navbox .navInside .userlink .showHiddenList {
  flex: auto;
}
body > .hm .navbox .navInside .userlink img, body > .hm .navbox .navInside .userlink .icon {
  border-radius: 5px;
  height: 34px;
  min-width: 34px;
  border: 1px solid var(--bl);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--white-stay);
}
body > .hm .navbox .navInside .userlink .settingsBox {
  border-radius: 5px;
  background-color: rgba(16, 32, 51, 0.8);
  padding: 5px 10px;
  gap: 10px;
  align-self: stretch;
  min-height: 36px;
}
body > .hm .navbox .navInside .userlink .settingsBox a {
  border-radius: 5px;
  color: var(--lbb);
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
body > .hm .navbox .navInside .userlink .settingsBox .initLinkPop {
  gap: 8px;
}
body > .hm .navbox .navInside .userlink .settingsBox .initLinkPop span {
  font-size: 13px;
}
body > .hm .navbox .navInside .userlink li + li {
  margin-left: 15px;
}
body > .hm .navbox .dl {
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid var(--lddark-text);
  border-radius: 5px;
  padding: 10px;
  margin-top: auto;
}
body > .hm .navbox .dl .dlmode {
  border: 1px solid var(--lddark-text);
}
body > .hm .navbox .dl .dlmode:after {
  color: var(--main-color);
}
body > .hm .navbox .dl .dlmode .switch {
  background: rgba(16, 32, 51, 0.8);
  border-right: 1px solid var(--lddark-text);
}
body > .hm .navbox .langchange {
  border-left: 1px solid var(--lddark-text) !important;
  margin-left: 20px;
  padding-left: 20px !important;
  position: relative;
}
body > .hm .navbox .langchange > .actual .text {
  color: var(--white-stay);
}
body > .hm .navbox .langchange ul {
  display: none;
  border: 1px solid var(--lddark-text);
  border-radius: 5px;
  top: -13px;
  background: var(--dark-text-stay);
  padding-top: 52px;
  width: 146px;
  left: 14px;
  padding-left: 21px;
  border-top-left-radius: 0;
}
body > .hm .navbox .contact {
  margin: 25px 0;
}
body > .hm .navbox .contact h3 {
  color: var(--main-color);
  margin-bottom: 15px;
}
body > .hm .navbox .contact .item a i {
  border: 1px solid var(--lsdark-text);
  color: var(--white-stay);
}
body > .hm .navbox .contact .item a:hover i {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
}
body > .hm .navbox .contact .item a .text {
  color: var(--ltext);
}
body > .hm .navbox .contact .item a .text strong {
  color: var(--white-stay);
}
body > .hm .navbox .copy {
  display: block;
  padding-bottom: 10px;
}
body > .hm .navbox .copy p {
  color: var(--dtext);
  font-weight: 700;
  margin-bottom: 5px;
}
body > .hm .navbox .copy ul {
  justify-content: flex-start;
}
body > .hm .navbox .copy ul a {
  font-size: 12px;
  color: var(--ltext);
}
body > .hm .navbox .copy ul li + li {
  margin-left: 15px;
}
body > .hm .navbox .copy .social a {
  font-size: 0;
}
body > .hm .navbox .copy .social a i {
  font-size: 16px;
}
body > .hm .navbox .copy .footerInfo .break {
  margin: 0 14px;
  height: 20px;
  min-width: 1px;
  background-color: var(--lddark-text);
}
body > .hm .navbox .copy .footerInfo .social-mobile li + li {
  margin-left: 15px;
}
body > .hm .navbox .copy .footerInfo .social-mobile a {
  font-size: 0;
}
body > .hm .navbox .copy .footerInfo .social-mobile a span {
  font-size: 16px;
  color: var(--dtext);
}
body > .hm .navbox .copy .footerInfo .social-mobile a:hover {
  opacity: 0.8;
}
body > .hm .currency {
  display: none;
  max-width: 100% !important;
  width: 100%;
  margin: 0 0 20px !important;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid var(--lddark-text);
  border-radius: 5px;
  padding: 10px;
}
body > .hm .currency form {
  position: relative;
  top: 0;
}
body > .hm .currency form #currency a b {
  color: var(--white);
}

body:has(header.activeSticky) header.center .factContact {
  border-radius: 0;
  position: relative;
}
body:has(header.activeSticky) header.center .factContact:after {
  content: "";
  position: absolute;
  height: 100%;
  right: -20px;
  background: var(--main-color);
  width: 100%;
  z-index: -1;
}
body:has(header.activeSticky) > .hm .navbox {
  top: 61px;
  height: calc(100svh - 81px);
}
/* /templates/assets/scss/rwd.css */
@media (max-width: 1860px) {
  body > header.center.activeSticky:after {
    left: -40px;
    width: calc(100% + 80px);
  }
}
@media (max-width: 1570px) {
  body > footer .socialInfo p {
    max-width: 340px;
    text-align: center;
  }
}
@media (max-width: 1480px) {
  body > header.center nav {
    flex: auto;
  }
  body > header.center form {
    flex: none;
    width: 67px;
    background: transparent;
  }
  body > header.center form > button {
    display: none;
  }
  body > header.center form > i {
    display: inline-flex;
    position: relative;
    margin-right: 15px;
  }
  body > header.center form input {
    width: 230px;
    position: absolute;
    top: 100%;
    background-color: var(--white);
    border: 1px solid var(--lgrey);
    border-top: 0;
    z-index: 4;
    padding: 0px 25px 0px 15px;
    margin-left: -21px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-width: 200px;
    display: none;
    transition: none;
  }
}
@media (max-width: 1320px) {
  body > footer .socialInfo {
    width: 100%;
    margin: 20px auto 15px;
    border-top: 1px solid #e0e3e7;
    border-bottom: 1px solid #e0e3e7;
    padding: 20px;
  }
  body > footer .socialInfo p {
    margin-bottom: 0;
    max-width: 100%;
  }
}
@media (max-width: 1290px) {
  body > header.center .mobile {
    display: inline-flex;
  }
  body > header.center .left {
    flex: auto;
    justify-content: flex-start;
  }
  body > header.center nav {
    display: none;
  }
  body.mobile {
    overflow: hidden;
  }
  body.mobile > header.center {
    border-bottom-left-radius: 0px;
  }
  body.mobile > header.center .mobile {
    background-color: var(--dark-text);
    color: var(--white);
    border-bottom-left-radius: 0px;
  }
  body.mobile > header.center .mobile i {
    transform: rotate(-90deg);
  }
  .pages.renovations .content .list .item {
    width: 200px;
    max-width: inherit;
  }
  .shop.favorites .top.center .gonext,
  .shop.cart .top.center .gonext,
  .shop.order .top.center .gonext {
    min-width: inherit;
    width: 100%;
    max-width: 100%;
  }
  .shop.favorites .top.center .gonext .buttons,
  .shop.cart .top.center .gonext .buttons,
  .shop.order .top.center .gonext .buttons {
    justify-content: flex-start;
  }
  .shop.favorites .top.center .gonext .buttons li,
  .shop.cart .top.center .gonext .buttons li,
  .shop.order .top.center .gonext .buttons li {
    width: 200px;
    max-width: 280px;
  }
  .shop.order .top.center .gonext .buttons {
    justify-content: flex-start;
  }
  .shop.order .top.center .gonext .buttons li {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1250px) {
  .offerbox.center > * .info {
    padding: 20px 20px 30px;
  }
  .offerbox.center > * .info h2 {
    font-size: 17px;
  }
  .offerbox.center > *:hover .info {
    padding-bottom: 5px;
  }
  .customer .userFilter {
    position: absolute;
    z-index: 100;
    display: none;
  }
  body .breadcrumbs:has(.userSettings) .activemore {
    display: inline-flex;
  }
}
@media (max-width: 1150px) {
  .movietextBox.center .movie {
    width: 100%;
  }
  .movietextBox.center .text {
    min-height: auto;
  }
  .pages.homepage .productcategory {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .pages.article div[itemprop=articleBody] div.contentBox > * {
    width: 100%;
    max-width: 100%;
    order: 2;
  }
  .pages.article div[itemprop=articleBody] div.contentBox > *:has(img) {
    order: 1;
  }
  .customer.orders table.products .final .sbi .item,
  .customer.quotations table.products .final .sbi .item {
    max-width: 100%;
    width: 300px;
  }
}
@media (max-width: 1080px) {
  .pages.homepage .formtop h1 {
    display: block;
    text-align: center;
    max-width: 90%;
  }
  .sliderBox {
    flex-wrap: wrap;
  }
  .sliderBox > * {
    width: 100%;
  }
  .sliderBox .extraBox {
    flex-direction: row;
    max-width: 100%;
    flex-wrap: wrap;
  }
  .sliderBox .extraBox > .item {
    width: 250px;
  }
  .shop.product .mainInfo > .top {
    flex-wrap: wrap;
  }
  .shop.product .mainInfo > .top > .image, .shop.product .mainInfo > .top > .startInfo {
    width: 100%;
    max-width: 100%;
  }
  .shop.product .mainInfo > .top > .image .productImage {
    width: 100%;
  }
  .oabox.center .testimonials {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .pages.article-info .image {
    width: 100%;
    order: 1;
  }
  .pages.article-info .el {
    order: 2;
    width: 140px;
    min-width: 130px;
    flex: auto;
    max-width: 100%;
  }
  .pages.article:not(.article-info) {
    flex-wrap: wrap;
  }
  .pages.article:not(.article-info) .leftnav {
    position: relative;
    top: 40px;
    width: 100%;
    max-width: 100%;
    order: 2;
  }
  .pages.article:not(.article-info) .leftnav .fastback {
    display: block;
    color: var(--main-color);
    font-size: 25px;
    margin-bottom: 25px;
  }
  .shop.category .shopFilter {
    position: absolute;
    z-index: 100;
    display: none;
  }
  body .breadcrumbs .activemore {
    display: inline-flex;
  }
  .breadcrumbs h1 {
    margin-bottom: 0;
  }
  .breadcrumbs nav {
    display: none;
  }
  .customer.orders table.products .productThName,
  .customer.quotations table.products .productThName {
    text-align: right;
  }
  .shop table.products,
  .customer table.products {
    border: none;
    padding: 0;
  }
  .shop table.products tr:first-child,
  .customer table.products tr:first-child {
    display: none;
  }
  .shop table.products tr,
  .customer table.products tr {
    display: block;
  }
  .shop table.products tr + tr,
  .customer table.products tr + tr {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--f2);
  }
  .shop table.products tr:nth-child(2),
  .customer table.products tr:nth-child(2) {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  .shop table.products td,
  .customer table.products td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    position: relative;
    gap: 10px;
    text-align: right;
    padding: 0;
    align-items: flex-start;
    width: 100% !important;
  }
  .shop table.products td::before,
  .customer table.products td::before {
    content: attr(data-label);
    font-family: var(--font);
    font-weight: bold;
    flex-basis: 50%;
    text-align: left;
  }
  .shop table.products td:first-child,
  .customer table.products td:first-child {
    max-width: 100%;
    justify-content: flex-start;
  }
  .shop table.products td:first-child:before,
  .customer table.products td:first-child:before {
    display: none;
  }
  .shop table.products td + td,
  .customer table.products td + td {
    padding: 10px 0 0 0;
  }
  .shop .overlink .tr-hover-overlay,
  .customer .overlink .tr-hover-overlay {
    display: none !important;
  }
}
@media (max-width: 980px) {
  footer .author a {
    margin-right: 0 !important;
  }
  footer .author > a:first-child {
    display: none;
  }
  .pages.renovations > * {
    width: 100%;
    max-width: 100%;
  }
  .pages.renovations > *.leftOptions {
    margin: 0 0 40px 0;
  }
}
@media (max-width: 950px) {
  body > header.center .logo {
    max-width: 140px;
  }
  body > header.center .langchange > .actual .text,
  body > header.center .mod_cart .text {
    display: none;
  }
  body > header.center .mod_cart {
    margin-right: 20px;
  }
}
@media (max-width: 920px) {
  .shop .productsList .productItem {
    width: 200px;
  }
}
@media (max-width: 850px) {
  body > footer .top {
    padding: 26px 20px 20px !important;
  }
  body > footer .bottom .center {
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding: 30px;
    gap: 0;
  }
  body > footer .bottom .center .copy {
    line-height: 1em;
  }
  body > footer .bottom .center ul.social {
    display: flex;
    width: 100%;
    margin: 5px auto;
    justify-content: center;
  }
  body > footer .bottom .center ul.social span {
    font-size: 26px;
  }
  body > footer .bottom .center .author {
    height: 36px;
    justify-content: center;
  }
  body > footer .bottom .center .author svg {
    height: 21px;
  }
  .shop .productsList .productItem .text .productCart .buttonLink {
    min-width: 120px;
  }
}
@media (max-width: 830px) {
  body > header.center .langchange,
  body > header.center .dlmode,
  body > header.center .break {
    display: none;
  }
}
@media (max-width: 770px) {
  .movietextBox.center .movie {
    min-height: 50svw;
    width: 100%;
  }
  .sliderBox .slides .item {
    height: 50svw;
    min-height: 300px;
  }
  .sliderBox .slides .item .text h2 {
    font-size: 30px;
  }
  .pages.articlecategory .articlelist .item {
    width: 200px;
  }
  #popup .form-quote.popup--visible .steps {
    flex-wrap: wrap;
  }
  #popup .form-quote.popup--visible .steps > * {
    width: 100% !important;
    max-width: 100% !important;
  }
  #popup .form-quote.popup--visible .steps .firstStep .moreinfo:has(#delivery_address:checked) {
    display: none;
  }
  #popup .form-quote.popup--visible .steps .more .subormore {
    display: flex;
  }
  #popup .form-quote.popup--visible .steps:has(#delivery_address:checked) {
    gap: 0;
  }
}
@media (max-width: 780px) {
  .customer.orders .overlink.list > * > .item > .infobox div,
  .customer.quotations .overlink.list > * > .item > .infobox div {
    text-align: left;
    align-items: flex-start;
    font-size: 12px;
  }
}
@media (max-width: 720px) {
  .shop.favorites .top.center .gonext .buttons li:has(.checkout),
  .shop.favorites .top.center .gonext .buttons li:has(.buttonLink),
  .shop.order .top.center .gonext .buttons li:has(.checkout),
  .shop.order .top.center .gonext .buttons li:has(.buttonLink),
  .shop.cart .top.center .gonext .buttons li:has(.checkout),
  .shop.cart .top.center .gonext .buttons li:has(.buttonLink) {
    width: 200px;
  }
}
@media (max-width: 700px) {
  body > header.center {
    height: 60px;
  }
  body > header.center .mobile {
    padding: 0 15px;
  }
  body > header.center .mobile i {
    font-size: 24px;
  }
  body > .hm .navbox {
    top: 100px;
    height: calc(100svh - 136px);
  }
}
@media (max-width: 690px) {
  .offerbox.center > * {
    min-height: 270px;
    max-height: 270px;
  }
  .shop > .content .sublistbox {
    display: none;
  }
  .shop > .content .sublistbox .item {
    width: 100%;
  }
  .shop > .content .searchField form {
    height: 50px;
  }
  .shop > .content .searchField form input {
    font-size: 15px;
  }
  .shop > .content .searchField form button {
    width: 40px;
    height: 40px;
  }
  .shop > .content .searchField form button i {
    font-size: 20px;
  }
  .shop.order .formBoxElements .element:not(.width100) {
    width: 100%;
    max-width: 100%;
  }
  .customer.register .steps {
    flex-wrap: wrap;
  }
  .customer.register .steps > * {
    width: 100%;
    max-width: 100% !important;
  }
  .breadcrumbs .activemore .fitslist {
    display: inline-flex;
  }
}
@media (max-width: 650px) {
  .mod_login {
    display: none;
  }
}
@media (max-width: 620px) {
  body > footer .top {
    padding: 26px 0px 20px !important;
  }
  body > footer .top > .item:nth-child(n+2) {
    padding-left: 0;
  }
  body > footer .copy ul.flexBlock {
    display: none;
  }
  .shop .productsList .productItem {
    width: 180px;
  }
  .shop .productsList .productItem .text .productCart .buttonLink {
    gap: 10px;
  }
  .shop .productsList .productItem .text .productCart .buttonLink i {
    margin-right: 0;
  }
  .shop.product .afterProduct .tabsbox {
    padding: 15px;
  }
  .shop.order .top.center .userInfo .checkout-step > div.flexBlock {
    flex-wrap: wrap;
    gap: 15px;
  }
  .shop.order .top.center .userInfo .checkout-step h2 {
    width: 100%;
  }
  .breadcrumbs .activemore a {
    font-size: 14px;
  }
}
@media (max-width: 578px) {
  body .center.bigger {
    width: calc(100% - 40px);
    margin-left: 20px !important;
    left: 0;
  }
  body .center,
  body .pages.article-info.center,
  body .mapBox.center {
    padding: 0 20px;
  }
  body .center > .come a,
  body .pages.article-info.center > .come a,
  body .mapBox.center > .come a {
    top: 10px;
    right: 10px;
    height: 40px;
  }
  body .pages.article-info .el .item + .item {
    margin-top: 25px;
  }
  body > .hm .navbox {
    left: 20px;
  }
  body .mapProduct {
    padding: 0;
  }
  body > header.center {
    left: 20px;
  }
  body > header.center .beforeTop {
    padding: 0 20px;
  }
  body > header.center form input {
    right: 1px;
    left: -1px;
    width: calc(100% + 2px);
    margin-left: 0;
    margin-top: -10px;
    border-top: 1px solid var(--lgrey);
  }
  body > header.center.activeSticky:after {
    left: -20px;
    width: calc(100% + 40px);
  }
  body .mod_login {
    display: none;
  }
  body .mod_cart i {
    min-width: 32px;
    height: 32px;
  }
  body .sliderBox .slides .item .text h2 {
    font-size: 25px;
  }
  body .sliderBox .slides .slick-dots {
    right: 15px;
    bottom: 15px;
  }
  body .sliderBox {
    display: none !important;
  }
  .pages.homepage .formtop h1 {
    font-size: 28px;
  }
  .pages.homepage .formtop .second .info {
    flex-direction: column;
  }
  .pages.homepage .productcategory {
    gap: 15px;
  }
  .pages.renovations .content .list {
    padding: 15px;
    gap: 15px;
  }
  .pages.renovations .content .list .item {
    font-size: 14px;
  }
  .pages.article div[itemprop=articleBody] .faqBox ul li h3,
  .faqBox ul li h3 {
    font-size: 20px;
  }
  .pages.homepage .offerbox.center,
  .offerbox.center {
    gap: 15px;
    width: calc(100% - 40px);
    padding: 0;
  }
  .pages.article-info,
  .movietextBox.center,
  .sliderBox,
  .sliderBox .extraBox,
  .pages.article div[itemprop=articleBody] div.contentBox {
    gap: 15px;
  }
  .pages.article-info .item i {
    font-size: 25px;
  }
  .pages.article-info .item span {
    font-size: 12px;
  }
  .pages.article-info .item strong {
    font-size: 17px !important;
  }
  .pages.articlecategory .articlelist {
    gap: 30px 15px;
  }
  body:has(.article.pages) .offerbox .item {
    max-height: inherit;
  }
  body:has(.article.pages) .offerbox .item .info h2 {
    font-size: 17px;
  }
  .movietextBox.center .text > * {
    width: 100%;
  }
  .movietextBox.center .text p.intro {
    font-size: 16px;
  }
  .movietextBox.center .text h3 {
    font-size: 20px;
    line-height: 1.2;
  }
  .pages.article div[itemprop=articleBody] h1,
  .pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) h1 {
    font-size: 2.25rem;
  }
  .pages.article div[itemprop=articleBody] h2,
  .pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) h2 {
    font-size: 1.875rem;
  }
  .pages.article div[itemprop=articleBody] h3,
  .pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) h3 {
    font-size: 1.5rem;
  }
  .pages.article div[itemprop=articleBody] h4,
  .pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) h4 {
    font-size: 1.25rem;
  }
  .pages.article div[itemprop=articleBody] h5,
  .pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) h5 {
    font-size: 1rem;
  }
  .pages.article div[itemprop=articleBody] h6,
  .pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) h6 {
    font-size: 0.75rem;
  }
  .pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) {
    padding: 20px;
  }
  .woot-widget-bubble.woot-elements--right {
    width: 50px;
    height: 50px;
  }
  .woot-widget-bubble.woot-elements--right svg {
    margin: 0;
    width: 18px;
  }
  .shop.product .mainInfo > .top .startInfo {
    padding: 15px;
  }
  .shop.product .mainInfo > .top .startInfo .tobuy {
    flex-wrap: wrap;
  }
  .customer.customerzone .userstart ul {
    gap: 15px;
  }
  .customer.customerzone .userstart ul li {
    width: 150px;
  }
  .customer.customerzone .userstart ul li a span {
    font-size: 16px;
  }
  .editor-content-cke div.contentBox .item:has(.intro) p,
  .pages.article div[itemprop=articleBody] div.contentBox .item:has(.intro) p {
    width: 100%;
  }
  body > header.center .beforeTop {
    gap: 10px;
  }
  body > header.center .beforeTop .shopMobile {
    display: inline-flex;
  }
  .shop.order .register .extraloginSocial {
    gap: 15px;
  }
  .shop.order .register .extraloginSocial li {
    align-self: stretch;
  }
  .shop.order .register .extraloginSocial li a {
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
    height: 100%;
    justify-content: flex-start;
  }
  .shop.order .register .extraloginSocial li a i {
    font-size: 18px;
  }
  .shop.order .register .extraloginSocial li a span {
    font-size: 13px;
  }
  .shop.paylink .width50 {
    width: 100%;
  }
}
@media (max-width: 530px) {
  .offerbox.center > * {
    min-height: 220px;
    max-height: 220px;
    width: 150px;
  }
  .offerbox.center > *:hover .info {
    padding-bottom: 20px;
  }
  .offerbox.center > * .info {
    padding: 20px;
    margin-bottom: 0;
  }
  .offerbox.center > * .info h2 {
    margin-bottom: 0;
  }
  .offerbox.center > * .more,
  .offerbox.center > * p {
    display: none !important;
  }
  .pages.homepage .productcategory {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
  .pagination.front,
  .pagination {
    padding: 15px;
  }
  .pagination.front li a,
  .pagination.front li span,
  .pagination li a,
  .pagination li span {
    height: 28px;
    min-width: 28px;
    font-size: 13px;
  }
  .breadcrumbs {
    flex-wrap: wrap;
  }
  body > header.center .mobile {
    padding: 0 15px !important;
  }
  body > header.center .mobile i {
    font-size: 22px;
  }
  body > header.center .logo {
    max-width: 100px !important;
    margin-left: 15px;
  }
  body > header.center .mod_cart {
    margin-right: 10px;
  }
  body > header.center .factContact {
    width: 140px;
    display: inline-flex;
    justify-content: flex-start;
    padding: 0 10px;
  }
  body > header.center .factContact > i {
    display: none;
  }
  body > header.center .factContact span {
    font-size: 11px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 5px;
  }
  body > header.center .factContact span i {
    display: inline-flex;
    font-size: 11px;
  }
  body > header.center .factContact span strong {
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  .shop.order .top.center .gonext .list {
    width: 100%;
  }
  body > header.center .beforeTop {
    padding: 0px;
  }
  .customer.orders .overlink.list .item h3,
  .customer.quotations .overlink.list .item h3 {
    font-size: 17px;
  }
  .customer.orders .overlink.list > * > .item > .infobox div,
  .customer.quotations .overlink.list > * > .item > .infobox div {
    flex-direction: column;
  }
  .customer.orders .overlink.list > * > .item > .infobox div p:before,
  .customer.quotations .overlink.list > * > .item > .infobox div p:before {
    display: none;
  }
  .shop .productsList .productItem {
    max-width: 100%;
    width: 100%;
  }
  .shop .productsList .productItem img {
    width: 100%;
  }
}
@media (max-width: 460px) {
  body > header.center {
    height: 50px;
  }
  body > header.center .beforeTop .currency {
    display: none;
  }
  body > header.center .mobile {
    padding: 0 10px !important;
  }
  body > header.center .mobile i {
    font-size: 18px !important;
  }
  body > header.center .logo {
    max-width: 85px !important;
  }
  body > header.center form > i {
    margin-left: 15px;
  }
  body > header.center .mod_cart {
    margin-left: 6px;
  }
  body:has(.article.pages) .offerbox .item .info h2 {
    font-size: 15px;
    line-height: 1.6;
  }
  .offerbox.center > * {
    min-height: 200px;
    max-height: 200px;
  }
  .offerbox.center > * .info h2 {
    font-size: 15px;
    line-height: 1.6;
  }
  .offerbox.center > *:before {
    height: 100px;
  }
  .pages.homepage .productcategory .category strong {
    font-size: 14px;
  }
  .pagination, .pagination.front {
    padding: 10px;
  }
  .pagination .list, .pagination.front .list {
    gap: 5px;
    width: 100%;
    justify-content: center;
  }
  .shop .gonext .preheader a.backtocart,
  .shop .arrows,
  .articlelist .gonext .preheader a.backtocart,
  .articlelist .arrows {
    display: none !important;
  }
  .shop.favorites .top.center .gonext .buttons li {
    width: 100%;
    max-width: 100%;
  }
  body > .hm .currency {
    display: flex;
    margin: auto 0 20px !important;
    gap: 10px;
  }
  body > .hm .currency a {
    border-radius: 5px;
    padding: 4px 7px;
    border: 1px solid var(--dtext);
    text-align: center;
    font-size: 13px;
    color: #999999;
  }
  body > .hm .currency a.active {
    color: var(--white-stay);
  }
  body > .hm .dl {
    margin-top: inherit !important;
  }
}
@media (max-width: 440px) {
  .shop.cart .top.center .gonext .buttons li:has(.checkout),
  .shop.cart .top.center .gonext .buttons li:has(.buttonLink),
  .shop.order .top.center .gonext .buttons li:has(.checkout),
  .shop.order .top.center .gonext .buttons li:has(.buttonLink),
  .shop.favorites .top.center .gonext .buttons li:has(.checkout),
  .shop.favorites .top.center .gonext .buttons li:has(.buttonLink) {
    max-width: 100%;
  }
  .shop.cart .top.center .gonext .buttons li:has(.checkout) button,
  .shop.cart .top.center .gonext .buttons li:has(.checkout) a,
  .shop.cart .top.center .gonext .buttons li:has(.buttonLink) button,
  .shop.cart .top.center .gonext .buttons li:has(.buttonLink) a,
  .shop.order .top.center .gonext .buttons li:has(.checkout) button,
  .shop.order .top.center .gonext .buttons li:has(.checkout) a,
  .shop.order .top.center .gonext .buttons li:has(.buttonLink) button,
  .shop.order .top.center .gonext .buttons li:has(.buttonLink) a,
  .shop.favorites .top.center .gonext .buttons li:has(.checkout) button,
  .shop.favorites .top.center .gonext .buttons li:has(.checkout) a,
  .shop.favorites .top.center .gonext .buttons li:has(.buttonLink) button,
  .shop.favorites .top.center .gonext .buttons li:has(.buttonLink) a {
    width: 100%;
    max-width: 100%;
  }
  body > header.center form {
    width: 47px;
  }
  body > header.center form > i {
    margin-right: 0;
  }
  body > header.center .factContact {
    width: 110px;
    padding: 0 5px 0 0;
  }
  body > header.center .factContact span {
    font-size: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
    gap: 0 5px;
    text-transform: uppercase;
    font-weight: 500;
  }
  body > header.center .factContact span i {
    display: inline-flex;
    font-size: 10px;
    position: relative;
    margin-right: -1px;
  }
  body > header.center .factContact span strong {
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 700;
  }
}