@charset "UTF-8";
         @import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");
:root {
--grid-gap: 40px;
--container-max-width: 1320px;
--container-max-width-2: 1600px;
--vw: calc(100vw - (100vw - 100%));
--brand-color-1: #e73c49;
--brand-color-1-a00: #e73c4900;
--brand-color-1-a10: #e73c4910;
--brand-color-1-a20: #e73c4920;
--brand-color-1-a30: #e73c4930;
--brand-color-1-a40: #e73c4940;
--brand-color-1-a50: #e73c4950;
--brand-color-1-a60: #e73c4960;
--brand-color-1-a70: #e73c4970;
--brand-color-1-a80: #e73c4980;
--brand-color-1-a90: #e73c4990;
--brand-color-2: #2b2b2b;
--brand-color-2-a00: #2b2b2b00;
--brand-color-2-a10: #2b2b2b10;
--brand-color-2-a20: #2b2b2b20;
--brand-color-2-a30: #2b2b2b30;
--brand-color-2-a40: #2b2b2b40;
--brand-color-2-a50: #2b2b2b50;
--brand-color-2-a60: #2b2b2b60;
--brand-color-2-a70: #2b2b2b70;
--brand-color-2-a80: #2b2b2b80;
--brand-color-2-a90: #2b2b2b90;
--brand-color-3: #fcf3e0;
--brand-color-3-a00: #fcf3e000;
--brand-color-3-a10: #fcf3e010;
--brand-color-3-a20: #fcf3e020;
--brand-color-3-a30: #fcf3e030;
--brand-color-3-a40: #fcf3e040;
--brand-color-3-a50: #fcf3e050;
--brand-color-3-a60: #fcf3e060;
--brand-color-3-a70: #fcf3e070;
--brand-color-3-a80: #fcf3e080;
--brand-color-3-a90: #fcf3e090;
--brand-color-4: #84121b;
--brand-color-4-a00: #84121b00;
--brand-color-4-a10: #84121b10;
--brand-color-4-a20: #84121b20;
--brand-color-4-a30: #84121b30;
--brand-color-4-a40: #84121b40;
--brand-color-4-a50: #84121b50;
--brand-color-4-a60: #84121b60;
--brand-color-4-a70: #84121b70;
--brand-color-4-a80: #84121b80;
--brand-color-4-a90: #84121b90;
--state-color-success: #22da66;
--state-color-success-2: #159f48;
--state-color-warning: #ebb748;
--state-color-warning-2: #daa32d;
--state-color-error: #cc002f;
--state-color-error-2: #a21721;
--font-family-1: Space Grotesk, sans-serif;
--font-family-2: Hatch Platz, sans-serif;
--font-family-icon: icomoon;
--font-color-1: #000000;
--font-color-1-a00: #00000000;
--font-color-1-a10: #00000010;
--font-color-1-a20: #00000020;
--font-color-1-a30: #00000030;
--font-color-1-a40: #00000040;
--font-color-1-a50: #00000050;
--font-color-1-a60: #00000060;
--font-color-1-a70: #00000070;
--font-color-1-a80: #00000080;
--font-color-1-a90: #00000090;
--font-color-2: #ffffff;
--font-color-2-a00: #ffffff00;
--font-color-2-a10: #ffffff10;
--font-color-2-a20: #ffffff20;
--font-color-2-a30: #ffffff30;
--font-color-2-a40: #ffffff40;
--font-color-2-a50: #ffffff50;
--font-color-2-a60: #ffffff60;
--font-color-2-a70: #ffffff70;
--font-color-2-a80: #ffffff80;
--font-color-2-a90: #ffffff90;
--font-color-3: #2b2b2b;
--font-color-3-a00: #2b2b2b00;
--font-color-3-a10: #2b2b2b10;
--font-color-3-a20: #2b2b2b20;
--font-color-3-a30: #2b2b2b30;
--font-color-3-a40: #2b2b2b40;
--font-color-3-a50: #2b2b2b50;
--font-color-3-a60: #2b2b2b60;
--font-color-3-a70: #2b2b2b70;
--font-color-3-a80: #2b2b2b80;
--font-color-3-a90: #2b2b2b90;
--font-line-height-1: 1.25em;
--font-line-height-2: 1.35em;
--font-line-height-3: 1.5em;
--link-color-1: inherit;
--link-color-1-hover: inherit;
--background-fill-color-1: #ffffff;
--background-fill-color-1-a00: #ffffff00;
--background-fill-color-1-a10: #ffffff10;
--background-fill-color-1-a20: #ffffff20;
--background-fill-color-1-a30: #ffffff30;
--background-fill-color-1-a40: #ffffff40;
--background-fill-color-1-a50: #ffffff50;
--background-fill-color-1-a60: #ffffff60;
--background-fill-color-1-a70: #ffffff70;
--background-fill-color-1-a80: #ffffff80;
--background-fill-color-1-a90: #ffffff90;
--background-fill-color-2: #000000;
--background-fill-color-2-a00: #00000000;
--background-fill-color-2-a10: #00000010;
--background-fill-color-2-a20: #00000020;
--background-fill-color-2-a30: #00000030;
--background-fill-color-2-a40: #00000040;
--background-fill-color-2-a50: #00000050;
--background-fill-color-2-a60: #00000060;
--background-fill-color-2-a70: #00000070;
--background-fill-color-2-a80: #00000080;
--background-fill-color-2-a90: #00000090;
--background-fill-color-3: #0a0a0a;
--background-fill-color-3-a00: #0a0a0a00;
--background-fill-color-3-a10: #0a0a0a10;
--background-fill-color-3-a20: #0a0a0a20;
--background-fill-color-3-a30: #0a0a0a30;
--background-fill-color-3-a40: #0a0a0a40;
--background-fill-color-3-a50: #0a0a0a50;
--background-fill-color-3-a60: #0a0a0a60;
--background-fill-color-3-a70: #0a0a0a70;
--background-fill-color-3-a80: #0a0a0a80;
--background-fill-color-3-a90: #0a0a0a90;
--background-fill-color-4: #e73c49;
--background-fill-color-4-a00: #e73c4900;
--background-fill-color-4-a10: #e73c4910;
--background-fill-color-4-a20: #e73c4920;
--background-fill-color-4-a30: #e73c4930;
--background-fill-color-4-a40: #e73c4940;
--background-fill-color-4-a50: #e73c4950;
--background-fill-color-4-a60: #e73c4960;
--background-fill-color-4-a70: #e73c4970;
--background-fill-color-4-a80: #e73c4980;
--background-fill-color-4-a90: #e73c4990;
--background-fill-color-5: #fcf3e0;
--background-fill-color-5-a00: #fcf3e000;
--background-fill-color-5-a10: #fcf3e010;
--background-fill-color-5-a20: #fcf3e020;
--background-fill-color-5-a30: #fcf3e030;
--background-fill-color-5-a40: #fcf3e040;
--background-fill-color-5-a50: #fcf3e050;
--background-fill-color-5-a60: #fcf3e060;
--background-fill-color-5-a70: #fcf3e070;
--background-fill-color-5-a80: #fcf3e080;
--background-fill-color-5-a90: #fcf3e090;
--border-color-1: #000000;
--border-color-1-a00: #00000000;
--border-color-1-a10: #00000010;
--border-color-1-a20: #00000020;
--border-color-1-a30: #00000030;
--border-color-1-a40: #00000040;
--border-color-1-a50: #00000050;
--border-color-1-a60: #00000060;
--border-color-1-a70: #00000070;
--border-color-1-a80: #00000080;
--border-color-1-a90: #00000090;
--border-color-2: #ffffff;
--border-color-2-a00: #ffffff00;
--border-color-2-a10: #ffffff10;
--border-color-2-a20: #ffffff20;
--border-color-2-a30: #ffffff30;
--border-color-2-a40: #ffffff40;
--border-color-2-a50: #ffffff50;
--border-color-2-a60: #ffffff60;
--border-color-2-a70: #ffffff70;
--border-color-2-a80: #ffffff80;
--border-color-2-a90: #ffffff90;
--border-color-3: #de1f26;
--border-color-3-a00: #de1f2600;
--border-color-3-a10: #de1f2610;
--border-color-3-a20: #de1f2620;
--border-color-3-a30: #de1f2630;
--border-color-3-a40: #de1f2640;
--border-color-3-a50: #de1f2650;
--border-color-3-a60: #de1f2660;
--border-color-3-a70: #de1f2670;
--border-color-3-a80: #de1f2680;
--border-color-3-a90: #de1f2690;
--border-radius-1: 20px;
--border-radius-2: 10px;
--animation-default-duration: 0.5s;
}       article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}  @font-face {
font-family: "Hatch Platz";
src: url(//www.platzgroup.sk/wp-content/themes/platz/assets/fonts/Hatch-Platz-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "icomoon";
src: url(//www.platzgroup.sk/wp-content/themes/platz/assets/fonts/icomoon.eot?web);
src: url(//www.platzgroup.sk/wp-content/themes/platz/assets/fonts/icomoon.eot?#iefixweb) format("embedded-opentype"), url(//www.platzgroup.sk/wp-content/themes/platz/assets/fonts/icomoon.woff?web) format("woff"), url(//www.platzgroup.sk/wp-content/themes/platz/assets/fonts/icomoon.ttf?web) format("truetype"), url(//www.platzgroup.sk/wp-content/themes/platz/assets/fonts/icomoon.svg?web#icomoon) format("svg");
font-weight: normal;
font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
font-family: "icomoon";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow-up:before {
content: "\e900";
}
.icon-arrow-down:before {
content: "\e901";
}
.icon-arrow-left:before {
content: "\e902";
}
.icon-arrow-right:before {
content: "\e903";
}
.icon-arrow-up-2:before {
content: "\e904";
}
.icon-arrow-down-2:before {
content: "\e905";
}
.icon-arrow-left-2:before {
content: "\e906";
}
.icon-arrow-right-2:before {
content: "\e907";
}
.icon-plus:before {
content: "\e908";
}
.icon-check:before {
content: "\e909";
}
.icon-times:before {
content: "\e90a";
}
.icon-drag:before {
content: "\e90b";
}
.icon-basket:before {
content: "\e90c";
}
.icon-facebook:before {
content: "\e90d";
}
.icon-instagram:before {
content: "\e90e";
}
.icon-linkedin:before {
content: "\e90f";
}
.icon-twitter:before {
content: "\e910";
}
.icon-youtube:before {
content: "\e911";
}
.icon-pinterest:before {
content: "\e912";
}
.icon-tiktok:before {
content: "\e913";
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-center {
from {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
to {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes rotate-center {
from {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
to {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
-webkit-transition-duration: 50ms;
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
-webkit-transition-delay: 50ms;
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
-webkit-transition-duration: 0.45s;
transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
-webkit-transition-duration: 0.55s;
transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
-webkit-transition-delay: 0.55s;
transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
-webkit-transition-duration: 0.65s;
transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
-webkit-transition-delay: 0.65s;
transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
-webkit-transition-duration: 0.75s;
transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
-webkit-transition-duration: 0.85s;
transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
-webkit-transition-delay: 0.85s;
transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
-webkit-transition-duration: 0.9s;
transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
-webkit-transition-duration: 0.95s;
transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
-webkit-transition-delay: 0.95s;
transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
-webkit-transition-duration: 1.05s;
transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
-webkit-transition-duration: 1.1s;
transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
-webkit-transition-duration: 1.15s;
transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
-webkit-transition-duration: 1.25s;
transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
-webkit-transition-delay: 1.25s;
transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
-webkit-transition-duration: 1.35s;
transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
-webkit-transition-delay: 1.35s;
transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
-webkit-transition-duration: 1.4s;
transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
-webkit-transition-duration: 1.45s;
transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
-webkit-transition-delay: 1.45s;
transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
-webkit-transition-duration: 1.55s;
transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
-webkit-transition-delay: 1.55s;
transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
-webkit-transition-duration: 1.6s;
transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
-webkit-transition-duration: 1.65s;
transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
-webkit-transition-delay: 1.65s;
transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
-webkit-transition-duration: 1.7s;
transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
-webkit-transition-duration: 1.75s;
transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
-webkit-transition-delay: 1.75s;
transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
-webkit-transition-duration: 1.8s;
transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
-webkit-transition-duration: 1.85s;
transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
-webkit-transition-delay: 1.85s;
transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
-webkit-transition-duration: 1.95s;
transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
-webkit-transition-delay: 1.95s;
transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
-webkit-transition-duration: 2.05s;
transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
-webkit-transition-delay: 2.05s;
transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
-webkit-transition-duration: 2.1s;
transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
-webkit-transition-duration: 2.15s;
transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
-webkit-transition-delay: 2.15s;
transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
-webkit-transition-duration: 2.2s;
transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
-webkit-transition-duration: 2.25s;
transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
-webkit-transition-delay: 2.25s;
transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
-webkit-transition-duration: 2.3s;
transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
-webkit-transition-duration: 2.35s;
transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
-webkit-transition-delay: 2.35s;
transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
-webkit-transition-duration: 2.4s;
transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
-webkit-transition-duration: 2.45s;
transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
-webkit-transition-delay: 2.45s;
transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
-webkit-transition-duration: 2.5s;
transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
-webkit-transition-duration: 2.55s;
transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
-webkit-transition-delay: 2.55s;
transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
-webkit-transition-duration: 2.6s;
transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
-webkit-transition-delay: 2.6s;
transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
-webkit-transition-duration: 2.65s;
transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
-webkit-transition-delay: 2.65s;
transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
-webkit-transition-duration: 2.7s;
transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
-webkit-transition-duration: 2.75s;
transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
-webkit-transition-delay: 2.75s;
transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
-webkit-transition-duration: 2.8s;
transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
-webkit-transition-delay: 2.8s;
transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
-webkit-transition-duration: 2.85s;
transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
-webkit-transition-delay: 2.85s;
transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
-webkit-transition-duration: 2.9s;
transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
-webkit-transition-delay: 2.9s;
transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
-webkit-transition-duration: 2.95s;
transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
-webkit-transition-delay: 2.95s;
transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
-webkit-transition-duration: 3s;
transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
-webkit-transition-delay: 0;
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
-webkit-transition-timing-function: ease-in-out;
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] {
-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[data-aos=fade-up] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
[data-aos=fade-down] {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
[data-aos=fade-right] {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0);
}
[data-aos=fade-left] {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
[data-aos=fade-up-right] {
-webkit-transform: translate3d(-100px, 100px, 0);
transform: translate3d(-100px, 100px, 0);
}
[data-aos=fade-up-left] {
-webkit-transform: translate3d(100px, 100px, 0);
transform: translate3d(100px, 100px, 0);
}
[data-aos=fade-down-right] {
-webkit-transform: translate3d(-100px, -100px, 0);
transform: translate3d(-100px, -100px, 0);
}
[data-aos=fade-down-left] {
-webkit-transform: translate3d(100px, -100px, 0);
transform: translate3d(100px, -100px, 0);
}
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
[data-aos=zoom-in] {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
[data-aos=zoom-in-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(0.6);
transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos=zoom-in-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(0.6);
transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos=zoom-in-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos=zoom-in-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(0.6);
transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos=zoom-out] {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
[data-aos=zoom-out-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(1.2);
transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos=zoom-out-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(1.2);
transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos=zoom-out-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos=zoom-out-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(1.2);
transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[data-aos=slide-up] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
[data-aos=slide-down] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
[data-aos=slide-right] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
[data-aos=slide-left] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
[data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos=flip-left] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
} .choices {
position: relative;
overflow: hidden;
margin-bottom: 24px;
font-size: 16px;
}
.choices:focus {
outline: none;
}
.choices:last-child {
margin-bottom: 0;
}
.choices.is-open {
overflow: initial;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
background-color: #eaeaea;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.choices.is-disabled .choices__item {
cursor: not-allowed;
}
.choices [hidden] {
display: none !important;
}
.choices[data-type*=select-one] {
cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
padding-bottom: 7.5px;
}
.choices[data-type*=select-one] .choices__input {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #dddddd;
background-color: #ffffff;
margin: 0;
}
.choices[data-type*=select-one] .choices__button {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
margin-right: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: 0.25;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
-webkit-box-shadow: 0px 0px 0px 2px #00bcd4;
box-shadow: 0px 0px 0px 2px #00bcd4;
}
.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
display: none;
}
.choices[data-type*=select-one]:after {
content: "";
height: 0;
width: 0;
border-style: solid;
border-color: #333333 transparent transparent transparent;
border-width: 5px;
position: absolute;
right: 11.5px;
top: 50%;
margin-top: -2.5px;
pointer-events: none;
}
.choices[data-type*=select-one].is-open:after {
border-color: transparent transparent #333333 transparent;
margin-top: -7.5px;
}
.choices[data-type*=select-one][dir=rtl]:after {
left: 11.5px;
right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
right: auto;
left: 0;
margin-left: 25px;
margin-right: 0;
}
.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
position: relative;
display: inline-block;
margin-top: 0;
margin-right: -4px;
margin-bottom: 0;
margin-left: 8px;
padding-left: 16px;
border-left: 1px solid rgb(0, 142.7735849057, 161);
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
background-size: 8px;
width: 8px;
line-height: 1;
opacity: 0.75;
border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
opacity: 1;
}
.choices__inner {
display: inline-block;
vertical-align: top;
width: 100%;
background-color: #f9f9f9;
padding: 7.5px 7.5px 3.75px;
border: 1px solid #dddddd;
border-radius: 2.5px;
font-size: 14px;
min-height: 44px;
overflow: hidden;
}
.is-focused .choices__inner, .is-open .choices__inner {
border-color: rgb(182.75, 182.75, 182.75);
}
.is-open .choices__inner {
border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
border-radius: 0 0 2.5px 2.5px;
}
.choices__list {
margin: 0;
padding-left: 0;
list-style: none;
}
.choices__list--single {
display: inline-block;
padding: 4px 16px 4px 4px;
width: 100%;
}
[dir=rtl] .choices__list--single {
padding-right: 4px;
padding-left: 16px;
}
.choices__list--single .choices__item {
width: 100%;
}
.choices__list--multiple {
display: inline;
}
.choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
border-radius: 20px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
margin-right: 3.75px;
margin-bottom: 3.75px;
background-color: #00bcd4;
border: 1px solid rgb(0, 165.3867924528, 186.5);
color: #ffffff;
word-break: break-all;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
padding-right: 5px;
}
[dir=rtl] .choices__list--multiple .choices__item {
margin-right: 0;
margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
background-color: rgb(0, 165.3867924528, 186.5);
border: 1px solid rgb(0, 142.7735849057, 161);
}
.is-disabled .choices__list--multiple .choices__item {
background-color: rgb(170.25, 170.25, 170.25);
border: 1px solid rgb(144.75, 144.75, 144.75);
}
.choices__list--dropdown {
visibility: hidden;
z-index: 1;
position: absolute;
width: 100%;
background-color: #ffffff;
border: 1px solid #dddddd;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
overflow: hidden;
word-break: break-all;
will-change: visibility;
}
.choices__list--dropdown.is-active {
visibility: visible;
}
.is-open .choices__list--dropdown {
border-color: rgb(182.75, 182.75, 182.75);
}
.is-flipped .choices__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
}
.choices__list--dropdown .choices__item {
position: relative;
padding: 10px;
font-size: 14px;
}
[dir=rtl] .choices__list--dropdown .choices__item {
text-align: right;
}
@media (min-width: 640px) {
.choices__list--dropdown .choices__item--selectable {
padding-right: 100px;
}
.choices__list--dropdown .choices__item--selectable:after {
content: attr(data-select-text);
font-size: 12px;
opacity: 0;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[dir=rtl] .choices__list--dropdown .choices__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px;
}
[dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
right: auto;
left: 10px;
}
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: rgb(242.25, 242.25, 242.25);
}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
opacity: 0.5;
}
.choices__item {
cursor: default;
}
.choices__item--selectable {
cursor: pointer;
}
.choices__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0.5;
}
.choices__heading {
font-weight: 500;
font-size: 12px;
padding: 10px;
border-bottom: 1px solid rgb(246.5, 246.5, 246.5);
color: rgb(127.5, 127.5, 127.5);
}
.choices__button {
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.choices__button:focus {
outline: none;
}
.choices__input {
display: inline-block;
vertical-align: baseline;
background-color: #f9f9f9;
font-size: 14px;
margin-bottom: 5px;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 4px 0 4px 2px;
}
.choices__input:focus {
outline: 0;
}
[dir=rtl] .choices__input {
padding-right: 2px;
padding-left: 0;
}
.choices__placeholder {
opacity: 0.5;
} @font-face {
font-family: "lg";
src: url(//www.platzgroup.sk/wp-content/themes/platz/assets/fonts/lg.woff2?io9a6k) format("woff2"), url(//www.platzgroup.sk/wp-content/themes/platz/assets/fonts/lg.ttf?io9a6k) format("truetype"), url(//www.platzgroup.sk/wp-content/themes/platz/assets/fonts/lg.woff?io9a6k) format("woff"), url(//www.platzgroup.sk/wp-content/themes/platz/assets/fonts/lg.svg?io9a6k#lg) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.lg-icon { font-family: "lg" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-container {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.lg-next,
.lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1084;
outline: none;
border: none;
}
.lg-next.disabled,
.lg-prev.disabled {
opacity: 0 !important;
cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
color: #fff;
}
.lg-single-item .lg-next, .lg-single-item .lg-prev {
display: none;
}
.lg-next {
right: 20px;
}
.lg-next:before {
content: "\e095";
}
.lg-prev {
left: 20px;
}
.lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.lg-media-overlap .lg-toolbar {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
will-change: color;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.lg-toolbar .lg-icon.lg-icon-18 {
font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
color: #fff;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-maximize {
font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
content: "\e90a";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
color: #eee;
font-size: 16px;
padding: 10px 40px;
text-align: center;
z-index: 1080;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out 0s;
transition: opacity 0.2s ease-out 0s;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
.lg-sub-html a {
color: inherit;
}
.lg-sub-html a:hover {
text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.lg-item .lg-sub-html {
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.lg-error-msg {
font-size: 14px;
color: #999;
}
.lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
height: 47px;
vertical-align: middle;
}
.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
opacity: 0;
-webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
-webkit-transition: opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.lg-icon:focus-visible {
color: #fff;
border-radius: 3px;
outline: 1px dashed rgba(255, 255, 255, 0.6);
}
.lg-toolbar .lg-icon:focus-visible {
border-radius: 8px;
outline-offset: -5px;
}
.lg-outer .lg-thumb-outer {
background-color: #0d0a0a;
width: 100%;
max-height: 350px;
overflow: hidden;
float: left;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
text-align: center;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-left {
text-align: left;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-right {
text-align: right;
}
.lg-outer.lg-single-item .lg-thumb-outer {
display: none;
}
.lg-outer .lg-thumb {
padding: 5px 0;
height: 100%;
margin-bottom: -5px;
display: inline-block;
vertical-align: middle;
}
@media (min-width: 768px) {
.lg-outer .lg-thumb {
padding: 10px 0;
}
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border-radius: 2px;
margin-bottom: 5px;
will-change: border-color;
}
@media (min-width: 768px) {
.lg-outer .lg-thumb-item {
border-radius: 4px;
border: 2px solid #fff;
-webkit-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer .lg-toggle-thumb:after {
content: "\e1ff";
}
.lg-outer.lg-animate-thumb .lg-thumb {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lg-outer .lg-video-cont {
text-align: center;
display: inline-block;
vertical-align: middle;
position: relative;
}
.lg-outer .lg-video-cont .lg-object {
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-video-cont {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-video-object {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
z-index: 3;
}
.lg-outer .lg-video-poster {
z-index: 1;
}
.lg-outer .lg-has-video .lg-video-object {
opacity: 0;
will-change: opacity;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
opacity: 0 !important;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
opacity: 1;
}
@-webkit-keyframes lg-play-stroke {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes lg-play-stroke {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@-webkit-keyframes lg-play-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lg-play-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lg-video-play-button {
width: 18%;
max-width: 140px;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
cursor: pointer;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
will-change: opacity, transform;
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
-webkit-transition: opacity 0.1s, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
transition: opacity 0.1s, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
}
.lg-video-play-button:hover .lg-video-play-icon-bg,
.lg-video-play-button:hover .lg-video-play-icon {
opacity: 1;
}
.lg-video-play-icon-bg {
fill: none;
stroke-width: 3%;
stroke: #fcfcfc;
opacity: 0.6;
will-change: opacity;
-webkit-transition: opacity 0.12s ease-in;
transition: opacity 0.12s ease-in;
}
.lg-video-play-icon-circle {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
fill: none;
stroke-width: 3%;
stroke: rgba(30, 30, 30, 0.9);
stroke-opacity: 1;
stroke-linecap: round;
stroke-dasharray: 200;
stroke-dashoffset: 200;
}
.lg-video-play-icon {
position: absolute;
width: 25%;
max-width: 120px;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
opacity: 0.6;
will-change: opacity;
-webkit-transition: opacity 0.12s ease-in;
transition: opacity 0.12s ease-in;
}
.lg-video-play-icon .lg-video-play-icon-inner {
fill: #fcfcfc;
}
.lg-video-loading .lg-video-play-icon-circle {
-webkit-animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
}
.lg-video-loaded .lg-video-play-button {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(0.7);
transform: translate(-50%, -50%) scale(0.7);
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
will-change: opacity;
-webkit-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-single-item .lg-autoplay-button {
opacity: 0.75;
pointer-events: none;
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0ms !important;
transition-duration: 0ms !important;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
will-change: transform;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
}
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
will-change: transform;
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
-webkit-transition: opacity 0.15s, -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s !important;
transition: opacity 0.15s, -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s !important;
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s, -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
-webkit-transition: none !important;
transition: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
-webkit-transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
max-width: none !important;
max-height: none !important;
top: 50% !important;
left: 50% !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
-webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
top: 0 !important;
left: 50% !important;
max-width: none !important;
max-height: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
top: 50% !important;
left: 0% !important;
max-width: none !important;
max-height: none !important;
}
.lg-icon.lg-zoom-in:after {
content: "\e311";
}
.lg-actual-size .lg-icon.lg-zoom-in {
opacity: 0.5;
pointer-events: none;
}
.lg-icon.lg-actual-size {
font-size: 20px;
}
.lg-icon.lg-actual-size:after {
content: "\e033";
}
.lg-icon.lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
.lg-icon.lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed .lg-icon.lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer[data-lg-slide-type=video] .lg-zoom-in,
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
.lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-out {
opacity: 0.75;
pointer-events: none;
}
.lg-outer .lg-pager-outer {
text-align: center;
z-index: 1080;
height: 10px;
margin-bottom: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer.lg-single-item .lg-pager-outer {
display: none;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
-webkit-box-shadow: 0 0 0 2px white inset;
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #fff;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
will-change: transform, opacity;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-webkit-transition: -webkit-box-shadow 0.3s ease 0s;
transition: -webkit-box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
-webkit-box-shadow: 0 0 0 8px white inset;
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer .lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
will-change: visibility, opacity;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active .lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active .lg-share {
color: #fff;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
will-change: visibility, opacity, transform;
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #fff;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer .lg-share {
position: relative;
}
.lg-outer .lg-share:after {
content: "\e80d";
}
.lg-outer .lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer .lg-share-facebook .lg-icon:after {
content: "\e904";
}
.lg-outer .lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer .lg-share-twitter .lg-icon:after {
content: "\e907";
}
.lg-outer .lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer .lg-share-pinterest .lg-icon:after {
content: "\e906";
}
.lg-comment-box {
width: 420px;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
background-color: #fff;
will-change: transform;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-comment-box .lg-comment-title {
margin: 0;
color: #fff;
font-size: 18px;
}
.lg-comment-box .lg-comment-header {
background-color: #000;
padding: 12px 20px;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.lg-comment-box .lg-comment-body {
height: 100% !important;
padding-top: 43px !important;
width: 100% !important;
}
.lg-comment-box .fb-comments {
height: 100%;
width: 100%;
background: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/loading.gif) no-repeat scroll center center #fff;
overflow-y: auto;
display: inline-block;
}
.lg-comment-box .fb-comments[fb-xfbml-state=rendered] {
background-image: none;
}
.lg-comment-box .fb-comments > span {
max-width: 100%;
}
.lg-comment-box .lg-comment-close {
position: absolute;
right: 5px;
top: 12px;
cursor: pointer;
font-size: 20px;
color: #999;
will-change: color;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-comment-box .lg-comment-close:hover {
color: #fff;
}
.lg-comment-box .lg-comment-close:after {
content: "\e070";
}
.lg-comment-box iframe {
max-width: 100% !important;
width: 100% !important;
}
.lg-comment-box #disqus_thread {
padding: 0 20px;
}
.lg-outer .lg-comment-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
will-change: visibility, opacity;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer .lg-comment-toggle:after {
content: "\e908";
}
.lg-outer.lg-comment-active .lg-comment-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-comment-active .lg-comment-toggle {
color: #fff;
}
.lg-outer.lg-comment-active .lg-comment-box {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-img-rotate {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer[data-lg-slide-type=video] .lg-rotate-left,
.lg-outer[data-lg-slide-type=video] .lg-rotate-right,
.lg-outer[data-lg-slide-type=video] .lg-flip-ver,
.lg-outer[data-lg-slide-type=video] .lg-flip-hor, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,
.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,
.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,
.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor {
opacity: 0.75;
pointer-events: none;
}
.lg-outer .lg-img-rotate:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.lg-rotate-left:after {
content: "\e900";
}
.lg-rotate-right:after {
content: "\e901";
}
.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
font-size: 26px;
}
.lg-flip-ver:after {
content: "\e903";
}
.lg-flip-hor:after {
content: "\e902";
}
.lg-medium-zoom-item {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.lg-medium-zoom .lg-outer {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.lg-medium-zoom .lg-outer.lg-grab img.lg-object {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.lg-relative-caption .lg-outer .lg-sub-html {
white-space: normal;
bottom: auto;
padding: 0;
background-image: none;
}
.lg-relative-caption .lg-outer .lg-relative-caption-item {
opacity: 0;
padding: 16px 0;
-webkit-transition: 0.5s opacity ease;
transition: 0.5s opacity ease;
}
.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {
opacity: 1;
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-container {
display: none;
outline: none;
}
.lg-container.lg-show {
display: block;
}
.lg-on {
scroll-behavior: unset;
}
.lg-overlay-open {
overflow: hidden;
}
.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
opacity: 0;
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: 0.001;
outline: none;
will-change: auto;
overflow: hidden;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
opacity: 1;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.lg-outer .lg-inner {
width: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
-webkit-transition: opacity 0s;
transition: opacity 0s;
white-space: nowrap;
}
.lg-outer .lg-item {
display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
background: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/loading.gif) no-repeat scroll center center transparent;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.lg-outer .lg-img-wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
white-space: nowrap;
font-size: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-object {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: relative;
}
.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
display: none;
}
.lg-outer.lg-hide-download .lg-download {
opacity: 0.75;
pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
position: absolute;
top: 50%;
left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
opacity: 1;
-webkit-transition: opacity 0.2s ease-out 0.15s;
transition: opacity 0.2s ease-out 0.15s;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
will-change: auto;
-webkit-transition: opacity 333ms ease-in 0s;
transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-container {
display: none;
}
.lg-container.lg-show {
display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
position: absolute;
}
.lg-inline .lg-backdrop {
z-index: 1;
}
.lg-inline .lg-outer {
z-index: 2;
}
.lg-inline .lg-maximize:after {
content: "\e909";
}
.lg-components {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
will-change: transform;
-webkit-transition: -webkit-transform 0.35s ease-out 0s;
transition: -webkit-transform 0.35s ease-out 0s;
transition: transform 0.35s ease-out 0s;
transition: transform 0.35s ease-out 0s, -webkit-transform 0.35s ease-out 0s;
z-index: 1080;
position: absolute;
bottom: 0;
right: 0;
left: 0;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close, .mfp-zoom-out-cur .mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-zoom-out-cur .mfp-image-holder .mfp-close,
.mfp-zoom-out-cur .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-zoom-out-cur .mfp-image-holder .mfp-wrap .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap button.mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:hover,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:hover, .mfp-close:focus, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:focus,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:active,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close, .mfp-close-btn-in .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close-btn-in .mfp-close,
.mfp-close-btn-in .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-iframe-holder .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close, .mfp-img-mobile .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-img-mobile .mfp-close,
.mfp-img-mobile .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close, .mfp-ie7 .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-ie7 .mfp-close,
.mfp-ie7 .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
} .ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
} .ps__rail-x {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
height: 15px; bottom: 0px; position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
width: 15px; right: 0; position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
} .ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, height 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
height: 6px; bottom: 2px; position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, width 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
width: 6px; right: 2px; position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
} @supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
} .pika-single {
z-index: 9999;
display: block;
position: relative;
color: #333;
background: #fff;
border: 1px solid #ccc;
border-bottom-color: #bbb;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pika-single.is-hidden {
display: none;
}
.pika-single.is-bound {
position: absolute;
-webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-single {
*zoom: 1;
}
.pika-single:before, .pika-single:after {
content: " ";
display: table;
}
.pika-single:after {
clear: both;
}
.pika-lendar {
float: left;
width: 240px;
margin: 8px;
}
.pika-title {
position: relative;
text-align: center;
}
.pika-title select {
cursor: pointer;
position: absolute;
z-index: 9998;
margin: 0;
left: 0;
top: 5px;
filter: alpha(opacity=0);
opacity: 0;
}
.pika-label {
display: inline-block;
*display: inline;
position: relative;
z-index: 9999;
overflow: hidden;
margin: 0;
padding: 5px 3px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: #333;
background-color: #fff;
}
.pika-prev,
.pika-next {
display: block;
cursor: pointer;
position: relative;
outline: none;
border: 0;
padding: 0;
width: 20px;
height: 30px;
text-indent: 20px;
white-space: nowrap;
overflow: hidden;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: 75% 75%;
opacity: 0.5;
*position: absolute;
*top: 0;
}
.pika-prev:hover,
.pika-next:hover {
opacity: 1;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
cursor: default;
opacity: 0.2;
}
.pika-prev,
.is-rtl .pika-next {
float: left;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
*left: 0;
}
.pika-next,
.is-rtl .pika-prev {
float: right;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
*right: 0;
}
.pika-select {
display: inline-block;
*display: inline;
}
.pika-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 0;
}
.pika-table th,
.pika-table td {
width: 14.2857142857%;
padding: 0;
}
.pika-table th {
color: #999;
font-size: 12px;
line-height: 25px;
font-weight: 500;
text-align: center;
}
.pika-table abbr {
border-bottom: none;
cursor: help;
}
.pika-button {
cursor: pointer;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
border: 0;
margin: 0;
width: 100%;
padding: 5px;
color: #666;
font-size: 12px;
line-height: 15px;
text-align: right;
background: #f5f5f5;
}
.is-today .pika-button {
color: #33aaff;
font-weight: 500;
}
.is-selected .pika-button {
color: #fff;
font-weight: 500;
background: #33aaff;
-webkit-box-shadow: inset 0 1px 3px #178fe5;
box-shadow: inset 0 1px 3px #178fe5;
border-radius: 3px;
}
.is-disabled .pika-button, .is-outside-current-month .pika-button {
color: #999;
opacity: 0.3;
}
.is-disabled .pika-button {
pointer-events: none;
cursor: default;
}
.pika-button:hover {
color: #fff;
background: #ff8000;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 3px;
}
.pika-button .is-selection-disabled {
pointer-events: none;
cursor: default;
}
.pika-week {
font-size: 11px;
color: #999;
}
.is-inrange .pika-button {
background: #D5E9F7;
}
.is-startrange .pika-button {
color: #fff;
background: #6CB31D;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 3px;
}
.is-endrange .pika-button {
color: #fff;
background: #33aaff;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 3px;
}
.select2-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-moz-user-select: none;
-ms-user-select: none;
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 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-moz-user-select: none;
-ms-user-select: none;
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 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0;
}
.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;
-webkit-box-sizing: border-box;
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;
-moz-user-select: none;
-ms-user-select: none;
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%;
-webkit-box-sizing: border-box;
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;
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: #444;
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;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 20px;
margin-right: 10px;
margin-top: 5px;
padding: 1px;
}
.select2-container--default .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--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;
}
.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;
-webkit-box-shadow: none;
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-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
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-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
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-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
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-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
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;
-webkit-box-shadow: none;
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;
} .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
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: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
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;
}
body.stop-scrolling {
height: 100%;
overflow: hidden;
}
.sweet-overlay {
background-color: black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000;
}
.sweet-alert {
background-color: white;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999;
}
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px;
}
}
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 700;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block;
}
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal;
}
.sweet-alert fieldset {
border: none;
position: relative;
}
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
-webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
-webkit-transition: padding 0.25s, max-height 0.25s;
transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px;
}
.sweet-alert .sa-error-container p {
display: inline-block;
}
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.sweet-alert input {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.sweet-alert input:focus {
outline: none;
-webkit-box-shadow: 0px 0px 3px #c4e6f5;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder {
-moz-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus:-ms-input-placeholder {
-ms-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input::-moz-placeholder {
color: #bdbdbd;
}
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd;
}
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd;
}
.sweet-alert.show-input input {
display: block;
}
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative;
}
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden;
}
.sweet-alert button {
background-color: #8CD4F5;
color: white;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer;
}
.sweet-alert button:focus {
outline: none;
-webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover {
background-color: #7ecff4;
}
.sweet-alert button:active {
background-color: #5dc2f1;
}
.sweet-alert button.cancel {
background-color: #C1C1C1;
}
.sweet-alert button.cancel:hover {
background-color: #b9b9b9;
}
.sweet-alert button.cancel:active {
background-color: #a8a8a8;
}
.sweet-alert button.cancel:focus {
-webkit-box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}
.sweet-alert button[disabled] {
opacity: 0.6;
cursor: default;
}
.sweet-alert button.confirm[disabled] {
color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.sweet-alert button::-moz-focus-inner {
border: 0;
}
.sweet-alert[data-has-cancel-button=false] button {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px;
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color: #F27474;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #F27474;
display: block;
top: 37px;
border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
border-radius: 2px;
margin-left: -2px;
background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-success {
border-color: #A5DC86;
}
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
content: "";
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0px 60px;
transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 40px;
border-radius: 50%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #A5DC86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat;
} @-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@-webkit-keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
@keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop 0.3s;
animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom 0.3s;
animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert 0.2s;
animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop 0.4s;
animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom 0.3s;
animation: slideToBottom 0.3s;
}
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
.animateErrorIcon {
-webkit-animation: animateErrorIcon 0.5s;
animation: animateErrorIcon 0.5s;
}
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s;
}
@-webkit-keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #F8BB86;
}
}
@keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #F8BB86;
}
}
.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #F8BB86;
}
}
@keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #F8BB86;
}
}
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate;
}
@-webkit-keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}    .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9 ;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9 ;
} .sweet-alert .sa-icon.sa-success {
border-color: transparent\9 ;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9 ;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9 ;
} .la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-fall {
display: block;
font-size: 0;
color: #fff;
}
.la-ball-fall.la-dark {
color: #333;
}
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-fall {
width: 54px;
height: 18px;
}
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0ms;
animation-delay: 0ms;
}
.la-ball-fall.la-sm {
width: 26px;
height: 8px;
}
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px;
}
.la-ball-fall.la-2x {
width: 108px;
height: 36px;
}
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px;
}
.la-ball-fall.la-3x {
width: 162px;
height: 54px;
}
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px;
} @-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%);
}
}
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%);
}
}
.mfp-wrap { }
.mfp-wrap .mfp-container {
padding: 0 calc(var(--grid-gap) / 2);
}
.mfp-wrap .mfp-container.mfp-s-loading .mfp-preloader {
margin-left: 0;
margin-top: 0;
padding: 0;
padding-top: 70px;
left: 50%;
top: 50%;
width: auto;
height: 60px;
color: var(--font-color-2);
background: transparent url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/loader-light.svg) no-repeat 50% 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: rotate-center 2s infinite linear;
animation: rotate-center 2s infinite linear;
}
.mfp-wrap .mfp-container.mfp-s-error .mfp-preloader {
margin: 0 auto;
padding: 1em;
max-width: 300px;
background-color: var(--state-color-error);
}
.mfp-wrap.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: default;
}
.mfp-wrap .mfp-content {
padding: 0;
background-color: transparent;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration);
}
.mfp-wrap .mfp-content .mfp-arrow {
opacity: 0 !important;
}
.mfp-wrap .mfp-content:hover .mfp-arrow {
opacity: 1 !important;
}
.mfp-wrap .mfp-ajax-holder,
.mfp-wrap .mfp-iframe-scaler {
overflow: visible;
}
.mfp-wrap .mfp-ajax-holder .mfp-bottom-bar,
.mfp-wrap .mfp-iframe-scaler .mfp-bottom-bar {
margin-top: 0;
}
.mfp-wrap .mfp-figure {
border: none;
}
.mfp-wrap .mfp-figure .mfp-close, .mfp-wrap .mfp-figure .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-figure .mfp-close,
.mfp-wrap .mfp-figure .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-figure .mfp-close {
right: -10px;
display: block;
z-index: 2;
cursor: pointer;
}
.mfp-wrap .mfp-figure:after {
display: none;
top: 0;
bottom: 0;
background-color: #000;
-webkit-box-shadow: none;
box-shadow: none;
}
.mfp-wrap .mfp-figure img.mfp-img {
margin-top: -40px;
margin-bottom: -40px;
padding: 40px 0;
}
.mfp-wrap .mfp-figure .mfp-bottom-bar {
margin-bottom: 0;
margin-top: 0;
padding: 20px 0;
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
width: auto;
background-color: transparent;
}
.mfp-wrap .mfp-figure .mfp-bottom-bar .mfp-title {
padding: 0;
font-size: 1.5em;
font-weight: 700;
line-height: 1em;
color: var(--font-color-2);
text-align: center;
}
.mfp-wrap .mfp-figure .mfp-bottom-bar .mfp-counter {
position: absolute;
top: 50%;
right: 15px;
font-size: 0.75em;
color: var(--font-color-2);
display: block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.mfp-wrap .mfp-arrow {
margin: 0;
top: 50%;
left: auto;
right: auto;
width: 40px;
height: 40px;
display: block;
text-align: center;
text-indent: 0;
background: none;
border: none !important;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration);
}
.mfp-wrap .mfp-arrow:after, .mfp-wrap .mfp-arrow:before {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 1px;
display: block;
background-color: var(--brand-color-1);
border: none;
opacity: 1;
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mfp-wrap .mfp-arrow.mfp-arrow-left {
left: 0;
}
.mfp-wrap .mfp-arrow.mfp-arrow-left:after, .mfp-wrap .mfp-arrow.mfp-arrow-left:before {
left: 60%;
}
.mfp-wrap .mfp-arrow.mfp-arrow-left:before {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: translate(-50%, -50%) rotate(-50deg);
transform: translate(-50%, -50%) rotate(-50deg);
}
.mfp-wrap .mfp-arrow.mfp-arrow-left:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translate(-50%, -50%) rotate(50deg);
transform: translate(-50%, -50%) rotate(50deg);
}
.mfp-wrap .mfp-arrow.mfp-arrow-right {
right: 0;
}
.mfp-wrap .mfp-arrow.mfp-arrow-right:after, .mfp-wrap .mfp-arrow.mfp-arrow-right:before {
left: 40%;
}
.mfp-wrap .mfp-arrow.mfp-arrow-right:before {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: translate(-50%, -50%) rotate(50deg);
transform: translate(-50%, -50%) rotate(50deg);
}
.mfp-wrap .mfp-arrow.mfp-arrow-right:after {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: translate(-50%, -50%) rotate(-50deg);
transform: translate(-50%, -50%) rotate(-50deg);
}
.mfp-wrap .mfp-arrow:hover:after, .mfp-wrap .mfp-arrow:hover:before {
background-color: var(--brand-color-1);
}
.mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close {
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
text-align: center;
color: var(--font-color-2);
background: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
}
.mfp-wrap .mfp-close:after, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:after,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:after, .mfp-wrap .mfp-close:before, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:before,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:before {
position: absolute;
content: "";
display: block;
width: 30px;
height: 1px;
top: 50%;
left: 50%;
opacity: 1;
background-color: currentColor;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration);
}
.mfp-wrap .mfp-close:before, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:before,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.mfp-wrap .mfp-close:after, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:after,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:after {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
}
.mfp-wrap .mfp-close:hover:before, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:hover:before,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:hover:before, .mfp-wrap .mfp-close:hover:after, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close:hover:after,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close:hover:after {
background-color: var(--state-color-error);
}
.mfp-wrap .mfp-iframe-holder .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-iframe-holder .mfp-close {
display: none;
}
.mfp-wrap .mfp-image-holder .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-image-holder .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close {
margin-top: 0;
}
.mfp-wrap .mfp-ajax-holder .mfp-content {
width: auto;
}
.mfp-zoom-out-cur {
cursor: default;
}
.mfp-animation-zoom .dialog,
.mfp-animation-zoom .mfp-figure,
.mfp-animation-zoom .mfp-iframe-scaler {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.mfp-animation-zoom .mfp-content {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
background-color: rgba(255, 255, 255, 0);
}
.mfp-animation-zoom.mfp-ready .dialog,
.mfp-animation-zoom.mfp-ready .mfp-figure,
.mfp-animation-zoom.mfp-ready .mfp-iframe-scaler {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mfp-animation-zoom.mfp-ready .mfp-content {
opacity: 1;
background-color: rgba(255, 255, 255, 0);
}
.mfp-animation-zoom.mfp-removing .dialog,
.mfp-animation-zoom.mfp-removing .mfp-figure,
.mfp-animation-zoom.mfp-removing .mfp-iframe-scaler {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.mfp-animation-zoom.mfp-removing .mfp-content {
opacity: 0;
background-color: rgba(255, 255, 255, 0);
}
.mfp-animation-zoom.mfp-bg {
opacity: 0.001;
background-color: var(--background-fill-color-2-a90);
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.mfp-animation-zoom.mfp-ready.mfp-bg {
opacity: 1;
}
.mfp-animation-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-animation-zoom.mfp-arrow, .mfp-animation-zoom.mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-animation-zoom.mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-animation-zoom.mfp-close {
opacity: 0;
}
.mfp-animation-zoom.mfp-ready .mfp-arrow,
.mfp-animation-zoom.mfp-ready .mfp-close,
.mfp-animation-zoom.mfp-ready .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-animation-zoom.mfp-ready .mfp-close,
.mfp-animation-zoom.mfp-ready .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-animation-zoom.mfp-ready .mfp-close {
opacity: 1;
}
.mfp-animation-zoom.mfp-removing .mfp-arrow,
.mfp-animation-zoom.mfp-removing .mfp-close,
.mfp-animation-zoom.mfp-removing .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-animation-zoom.mfp-removing .mfp-close,
.mfp-animation-zoom.mfp-removing .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .mfp-animation-zoom.mfp-removing .mfp-close {
opacity: 0;
}
.mfp-animation-zoom.mfp-preloader {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mfp-animation-zoom.mfp-ready .mfp-preloader {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mfp-animation-zoom.mfp-removing .mfp-preloader {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.mfp-wrap.external .mfp-iframe-scaler {
padding: 0;
height: 100%;
}
.mfp-wrap.external .mfp-iframe-scaler .mfp-iframe {
position: relative;
top: auto;
left: auto;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
.lg-prev,
.lg-next {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.sweet-alert.form-alert fieldset {
display: none;
}
.sweet-alert.form-alert h2 {
font-family: var(--font-family-1);
}
@-webkit-keyframes loader-numbers {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(calc(80px - 100%));
transform: translateY(calc(80px - 100%));
}
}
@keyframes loader-numbers {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(calc(80px - 100%));
transform: translateY(calc(80px - 100%));
}
}
#page-loading {
position: fixed;
z-index: 99;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
background-color: #fff;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
@media only screen and (min-width: 768px) {
#page-loading {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
body.page-loading #page-loading {
opacity: 1;
}
body.page-loaded #page-loading {
opacity: 0;
}
body.page-loading-finish #page-loading {
display: none;
opacity: 0;
z-index: -1;
visibility: hidden;
pointer-events: none;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
body.page-loading-finish #page-loading:before {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
#page-loading .logo {
padding: 40px;
opacity: 1;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
@media only screen and (min-width: 768px) {
#page-loading .logo {
width: 33.33%;
}
}
body.page-loading #page-loading .logo, body.page-loaded #page-loading .logo, body.page-loading-finish #page-loading .logo {
opacity: 1;
}
#page-loading .logo img {
margin: 0 auto;
display: block;
width: 240px;
height: auto;
}
#page-loading .loader {
width: 100%;
height: 1px;
opacity: 1;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
@media only screen and (min-width: 768px) {
#page-loading .loader {
position: absolute;
top: 0;
bottom: 0;
left: 33.33%;
width: 1px;
height: 100%;
}
}
body.page-loading #page-loading .loader, body.page-loaded #page-loading .loader, body.page-loading-finish #page-loading .loader {
opacity: 1;
}
#page-loading .loader .progress-bar {
--percent: 0;
width: var(--percent);
height: 1px;
display: block;
background-color: var(--brand-color-1);
}
@media only screen and (min-width: 768px) {
#page-loading .loader .progress-bar {
position: absolute;
bottom: 0;
left: 0;
width: 1px;
height: var(--percent);
}
}
#page-loading .content {
padding: 40px;
text-align: center;
color: var(--brand-color-1);
}
@media only screen and (min-width: 768px) {
#page-loading .content {
padding-left: calc((33.33% - 240px) / 2 + 40px);
text-align: left;
}
}
@media only screen and (min-width: 992px) {
#page-loading .content {
padding: 50px 40px;
padding-left: calc((33.33% - 240px) / 2 + 30px);
}
}
#page-loading .content .value-container {
font-weight: 900;
font-size: 5rem;
line-height: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
#page-loading .content .value-container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
#page-loading .content .value-container .value {
margin-right: 5px;
position: relative;
overflow: hidden;
width: 95px;
}
#page-loading .content .value-container .value .placeholder {
pointer-events: none;
opacity: 0;
}
#page-loading .content .value-container .value .numbers-1,
#page-loading .content .value-container .value .numbers-2 {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-animation: loader-numbers 3s cubic-bezier(0.17, 0.67, 0.7, 0.94);
animation: loader-numbers 3s cubic-bezier(0.17, 0.67, 0.7, 0.94);
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
#page-loading .content .value-container .value .numbers-1 {
top: 0;
left: 0;
}
#page-loading .content .value-container .value .numbers-2 {
top: 0;
right: 0;
}
#page-loading .content .sub-value {
margin-top: 0;
font-weight: bold;
font-size: 1.375rem;
line-height: 1em;
}
@media only screen and (max-width: 480px) {
#page-loading .content .sub-value {
margin-top: 0;
}
}
.slick-slider .slick-dots {
margin: 0;
padding: 0;
list-style-type: none;
}
.slick-slider .slick-dots li {
margin: 0;
padding: 0;
}
.slick-slider .slick-dots li:before {
display: none;
}
.slick-slider .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.slick-slider .slick-dots li {
margin: 0;
padding: 0;
width: 26px;
height: 26px;
line-height: 0;
display: block;
}
.slick-slider .slick-dots li:before, .slick-slider .slick-dots li:after {
display: none;
}
.slick-slider .slick-dots li button {
margin: 0;
padding: 0;
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: left;
text-indent: -9999em;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
cursor: pointer;
}
.slick-slider .slick-dots li button:before {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
display: block;
content: "";
opacity: 1;
background: none;
background-color: transparent;
border: 1px solid var(--brand-color-1);
border-radius: 50%;
-webkit-transition: width var(--animation-default-duration), height var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: width var(--animation-default-duration), height var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slick-slider .slick-dots li button:after {
display: none;
}
.slick-slider .slick-dots li button:hover {
border: none;
background: none;
}
.slick-slider .slick-dots li button:hover:before {
background-color: var(--brand-color-1);
}
.slick-slider .slick-dots li button:hover:after {
opacity: 1;
}
.slick-slider .slick-dots li.slick-active button:before {
width: 10px;
height: 10px;
background-color: var(--brand-color-1);
}
.slick-slider .slick-dots li.slick-active button:after {
opacity: 1;
}
.slick-slider .slick-arrow {
margin: 0;
padding: 0;
position: relative;
width: 60px;
height: 60px;
display: block;
color: var(--brand-color-1);
background: none;
background-color: transparent;
border: 1px solid currentColor;
border-radius: 50%;
cursor: pointer;
opacity: 1;
}
.slick-slider .slick-arrow:before, .slick-slider .slick-arrow:after {
display: none;
}
.slick-slider .slick-arrow [class^=icon-],
.slick-slider .slick-arrow [class*=" icon-"] {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
display: block;
font-size: 18px;
line-height: 18px;
width: 18px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.slick-slider .slick-arrow [class^=icon-]:before,
.slick-slider .slick-arrow [class*=" icon-"]:before {
display: block;
}
.slick-slider .slick-arrow.prev [class^=icon-],
.slick-slider .slick-arrow.prev [class*=" icon-"] {
left: calc(50% - 1px);
}
.slick-slider .slick-arrow.next [class^=icon-],
.slick-slider .slick-arrow.next [class*=" icon-"] {
left: calc(50% + 1px);
}
.slick-slider .slick-arrow:hover, .slick-slider .slick-arrow:focus {
margin: 0;
padding: 0;
color: var(--font-color-3);
background-color: transparent;
border-color: currentColor;
-webkit-transform: none;
transform: none;
}
.slick-slider .slick-arrow.slick-disabled {
color: var(--border-color-1-a10);
background-color: transparent;
pointer-events: none;
cursor: default;
}
.slick-slider .navigation-container.light .slick-dots li button:before {
background-color: var(--border-color-2-a30);
}
.slick-slider .navigation-container.light .slick-dots li button:hover:before {
background-color: var(--brand-color-1);
}
.slick-slider .navigation-container.light .slick-dots li.slick-active button:before {
background-color: var(--brand-color-1);
}
.slick-slider .navigation-container.light .slick-arrow {
color: var(--font-color-2);
}
.slick-slider .navigation-container.light .slick-arrow:hover {
color: var(--brand-color-1);
}
.slick-slider .navigation-container.light .slick-arrow.slick-disabled {
color: var(--border-color-2-a10);
}
address {
font-style: normal;
font-size: 0.9375rem;
line-height: var(--font-line-height-2);
}
address p {
font-size: 0.9375rem;
}
address p:first-child {
margin-top: 0;
}
address p:last-child {
margin-bottom: 0;
}
address p a {
text-decoration: none;
}
address p a:hover {
text-decoration: underline;
}
blockquote {
margin: 2.5rem 0;
padding: 2.5em 0;
position: relative;
border-top: 1px solid var(--border-color-1-a30);
border-bottom: 1px solid var(--border-color-1-a30);
}
blockquote p {
font-size: 1.4375rem;
}
@media only screen and (max-width: 480px) {
blockquote p {
font-size: 1.375rem;
}
}
@media only screen and (min-width: 768px) {
blockquote p {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 992px) {
blockquote p {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 1200px) {
blockquote p {
font-size: 1.6875rem;
}
}
blockquote p:first-of-type {
margin-top: 0;
}
blockquote p:first-of-type:before {
display: inline-block;
content: "„";
}
blockquote p:last-of-type {
margin-bottom: 0;
}
blockquote p:last-of-type:after {
display: inline-block;
content: "“";
}
blockquote footer {
margin-top: 25px;
}
blockquote footer .author {
font-size: 0.9375rem;
line-height: 1.25em;
}
.button, button, input[type=button], input[type=submit], input[type=reset] {
margin: 0;
padding: 14px 40px;
position: relative;
z-index: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
text-align: center;
font-family: var(--font-family-2);
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: var(--input-line-height);
color: var(--brand-color-1);
letter-spacing: 0;
background: none;
background-color: transparent;
border: 2px solid var(--brand-color-1);
border-radius: 50px;
-webkit-box-shadow: 0 3px 0 0 currentColor;
box-shadow: 0 3px 0 0 currentColor;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
text-decoration: none;
}
.button:focus, button:focus, input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus {
outline: none;
color: inherit;
}
.button.disabled, button.disabled, input.disabled[type=button], input.disabled[type=submit], input.disabled[type=reset], .button.disabled:hover, .button.disabled:focus, .button.disabled:active, .button.disabled.active, .button[disabled], button[disabled], input[disabled][type=button], input[disabled][type=submit], input[disabled][type=reset], .button[disabled]:hover, .button[disabled]:focus, .button[disabled]:active, .button[disabled].active, .button:disabled, button:disabled, input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled, .button:disabled:hover, .button:disabled:focus, .button:disabled:active, .button:disabled.active, .button:disabled[disabled], .button:disabled[disabled]:hover, .button:disabled[disabled]:focus, .button:disabled[disabled]:active, .button:disabled[disabled].active {
opacity: 0.4;
cursor: not-allowed;
pointer-events: none;
}
.button.button-inverse, button.button-inverse, input.button-inverse[type=button], input.button-inverse[type=submit], input.button-inverse[type=reset] {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-4);
-webkit-box-shadow: 0 3px 0 0 var(--brand-color-4);
box-shadow: 0 3px 0 0 var(--brand-color-4);
}
.button.button-inverse:hover, button.button-inverse:hover, input.button-inverse[type=button]:hover, input.button-inverse[type=submit]:hover, input.button-inverse[type=reset]:hover {
color: var(--brand-color-1);
background-color: transparent;
border-color: var(--brand-color-1);
-webkit-box-shadow: 0 3px 0 0 var(--brand-color-1);
box-shadow: 0 3px 0 0 var(--brand-color-1);
}
.button.button-brand-color-1, button.button-brand-color-1, input.button-brand-color-1[type=button], input.button-brand-color-1[type=submit], input.button-brand-color-1[type=reset] {
color: var(--brand-color-1);
background-color: transparent;
border-color: var(--brand-color-1);
}
.button.button-brand-color-1:hover, button.button-brand-color-1:hover, input.button-brand-color-1[type=button]:hover, input.button-brand-color-1[type=submit]:hover, input.button-brand-color-1[type=reset]:hover {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
.button.button-brand-color-1.button-inverse, button.button-brand-color-1.button-inverse, input.button-brand-color-1.button-inverse[type=button], input.button-brand-color-1.button-inverse[type=submit], input.button-brand-color-1.button-inverse[type=reset] {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
}
.button.button-brand-color-1.button-inverse:hover, button.button-brand-color-1.button-inverse:hover, input.button-brand-color-1.button-inverse[type=button]:hover, input.button-brand-color-1.button-inverse[type=submit]:hover, input.button-brand-color-1.button-inverse[type=reset]:hover {
color: var(--brand-color-1);
background-color: transparent;
border-color: var(--brand-color-1);
-webkit-box-shadow: 0 3px 0 0 var(--brand-color-1);
box-shadow: 0 3px 0 0 var(--brand-color-1);
}
.button.button-brand-color-2, button.button-brand-color-2, input.button-brand-color-2[type=button], input.button-brand-color-2[type=submit], input.button-brand-color-2[type=reset] {
color: var(--brand-color-2);
background-color: transparent;
border-color: var(--brand-color-2);
}
.button.button-brand-color-2:hover, button.button-brand-color-2:hover, input.button-brand-color-2[type=button]:hover, input.button-brand-color-2[type=submit]:hover, input.button-brand-color-2[type=reset]:hover {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2);
}
.button.button-brand-color-2.button-inverse, button.button-brand-color-2.button-inverse, input.button-brand-color-2.button-inverse[type=button], input.button-brand-color-2.button-inverse[type=submit], input.button-brand-color-2.button-inverse[type=reset] {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2);
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
}
.button.button-brand-color-2.button-inverse:hover, button.button-brand-color-2.button-inverse:hover, input.button-brand-color-2.button-inverse[type=button]:hover, input.button-brand-color-2.button-inverse[type=submit]:hover, input.button-brand-color-2.button-inverse[type=reset]:hover {
color: var(--brand-color-2);
background-color: transparent;
border-color: var(--brand-color-2);
-webkit-box-shadow: 0 3px 0 0 var(--brand-color-2);
box-shadow: 0 3px 0 0 var(--brand-color-2);
}
.button.button-brand-color-3, button.button-brand-color-3, input.button-brand-color-3[type=button], input.button-brand-color-3[type=submit], input.button-brand-color-3[type=reset] {
color: var(--brand-color-3);
background-color: transparent;
border-color: var(--brand-color-3);
}
.button.button-brand-color-3:hover, button.button-brand-color-3:hover, input.button-brand-color-3[type=button]:hover, input.button-brand-color-3[type=submit]:hover, input.button-brand-color-3[type=reset]:hover {
color: var(--font-color-2);
background-color: var(--brand-color-3);
border-color: var(--brand-color-3);
}
.button.button-brand-color-3.button-inverse, button.button-brand-color-3.button-inverse, input.button-brand-color-3.button-inverse[type=button], input.button-brand-color-3.button-inverse[type=submit], input.button-brand-color-3.button-inverse[type=reset] {
color: var(--font-color-2);
background-color: var(--brand-color-3);
border-color: var(--brand-color-3);
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
}
.button.button-brand-color-3.button-inverse:hover, button.button-brand-color-3.button-inverse:hover, input.button-brand-color-3.button-inverse[type=button]:hover, input.button-brand-color-3.button-inverse[type=submit]:hover, input.button-brand-color-3.button-inverse[type=reset]:hover {
color: var(--brand-color-3);
background-color: transparent;
border-color: var(--brand-color-3);
-webkit-box-shadow: 0 3px 0 0 var(--brand-color-3);
box-shadow: 0 3px 0 0 var(--brand-color-3);
}
.button.button-brand-color-4, button.button-brand-color-4, input.button-brand-color-4[type=button], input.button-brand-color-4[type=submit], input.button-brand-color-4[type=reset] {
color: var(--brand-color-4);
background-color: transparent;
border-color: var(--brand-color-4);
}
.button.button-brand-color-4:hover, button.button-brand-color-4:hover, input.button-brand-color-4[type=button]:hover, input.button-brand-color-4[type=submit]:hover, input.button-brand-color-4[type=reset]:hover {
color: var(--font-color-2);
background-color: var(--brand-color-4);
border-color: var(--brand-color-4);
}
.button.button-brand-color-4.button-inverse, button.button-brand-color-4.button-inverse, input.button-brand-color-4.button-inverse[type=button], input.button-brand-color-4.button-inverse[type=submit], input.button-brand-color-4.button-inverse[type=reset] {
color: var(--font-color-2);
background-color: var(--brand-color-4);
border-color: var(--brand-color-4);
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
}
.button.button-brand-color-4.button-inverse:hover, button.button-brand-color-4.button-inverse:hover, input.button-brand-color-4.button-inverse[type=button]:hover, input.button-brand-color-4.button-inverse[type=submit]:hover, input.button-brand-color-4.button-inverse[type=reset]:hover {
color: var(--brand-color-4);
background-color: transparent;
border-color: var(--brand-color-4);
-webkit-box-shadow: 0 3px 0 0 var(--brand-color-4);
box-shadow: 0 3px 0 0 var(--brand-color-4);
}
.button.button-color-white, button.button-color-white, input.button-color-white[type=button], input.button-color-white[type=submit], input.button-color-white[type=reset] {
color: var(--font-color-2);
background-color: transparent;
border-color: var(--font-color-2);
}
.button.button-color-white:hover, button.button-color-white:hover, input.button-color-white[type=button]:hover, input.button-color-white[type=submit]:hover, input.button-color-white[type=reset]:hover {
color: var(--font-color-3);
background-color: var(--font-color-2);
border-color: var(--font-color-2);
}
.button.button-color-white.button-inverse, button.button-color-white.button-inverse, input.button-color-white.button-inverse[type=button], input.button-color-white.button-inverse[type=submit], input.button-color-white.button-inverse[type=reset] {
color: var(--font-color-2);
}
.button.button-color-white.button-inverse:hover, button.button-color-white.button-inverse:hover, input.button-color-white.button-inverse[type=button]:hover, input.button-color-white.button-inverse[type=submit]:hover, input.button-color-white.button-inverse[type=reset]:hover {
color: var(--font-color-1);
background-color: var(--font-color-2);
border-color: var(--font-color-2);
}
.button.button-has-icon, button.button-has-icon, input.button-has-icon[type=button], input.button-has-icon[type=submit], input.button-has-icon[type=reset] {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.button.button-has-icon [class^=icon-], button.button-has-icon [class^=icon-], input.button-has-icon[type=button] [class^=icon-], input.button-has-icon[type=submit] [class^=icon-], input.button-has-icon[type=reset] [class^=icon-],
.button.button-has-icon [class*=" icon-"],
button.button-has-icon [class*=" icon-"],
input.button-has-icon[type=button] [class*=" icon-"],
input.button-has-icon[type=submit] [class*=" icon-"],
input.button-has-icon[type=reset] [class*=" icon-"] {
margin-left: 10px;
}
.button.button-has-icon [class^=icon-]:before, button.button-has-icon [class^=icon-]:before, input.button-has-icon[type=button] [class^=icon-]:before, input.button-has-icon[type=submit] [class^=icon-]:before, input.button-has-icon[type=reset] [class^=icon-]:before,
.button.button-has-icon [class*=" icon-"]:before,
button.button-has-icon [class*=" icon-"]:before,
input.button-has-icon[type=button] [class*=" icon-"]:before,
input.button-has-icon[type=submit] [class*=" icon-"]:before,
input.button-has-icon[type=reset] [class*=" icon-"]:before {
display: inline-block;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.button.button-has-icon.button-icon-left [class^=icon-], button.button-has-icon.button-icon-left [class^=icon-], input.button-has-icon.button-icon-left[type=button] [class^=icon-], input.button-has-icon.button-icon-left[type=submit] [class^=icon-], input.button-has-icon.button-icon-left[type=reset] [class^=icon-],
.button.button-has-icon.button-icon-left [class*=" icon-"],
button.button-has-icon.button-icon-left [class*=" icon-"],
input.button-has-icon.button-icon-left[type=button] [class*=" icon-"],
input.button-has-icon.button-icon-left[type=submit] [class*=" icon-"],
input.button-has-icon.button-icon-left[type=reset] [class*=" icon-"] {
margin-left: 0;
margin-right: 10px;
}
.button.button-no-shadow, button.button-no-shadow, input.button-no-shadow[type=button], input.button-no-shadow[type=submit], input.button-no-shadow[type=reset] {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.button.full-width, button.full-width, input.full-width[type=button], input.full-width[type=submit], input.full-width[type=reset] {
width: 100%;
}
.buttons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.buttons-container.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.buttons-container.align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-family-2);
line-height: var(--font-line-height-1);
font-weight: normal;
}
h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
h5.align-center,
h6.align-center {
text-align: center;
}
h1,
.h1 {
margin: 0;
margin-bottom: 0.5em;
font-size: 2rem;
line-height: 1.25em;
}
@media only screen and (max-width: 480px) {
h1,
.h1 {
font-size: max(1.875em, 6.5vw);
}
}
@media only screen and (min-width: 768px) {
h1,
.h1 {
font-size: 2.3125rem;
}
}
@media only screen and (min-width: 992px) {
h1,
.h1 {
font-size: 2.5rem;
}
}
@media only screen and (min-width: 1200px) {
h1,
.h1 {
font-size: 2.8125rem;
}
}
h2,
.h2 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 1.625rem;
}
@media only screen and (max-width: 480px) {
h2,
.h2 {
font-size: max(1.5rem, 6vw);
}
}
@media only screen and (min-width: 768px) {
h2,
.h2 {
font-size: 1.875rem;
}
}
@media only screen and (min-width: 992px) {
h2,
.h2 {
font-size: 2rem;
}
}
@media only screen and (min-width: 1200px) {
h2,
.h2 {
font-size: 2.125rem;
}
}
h3,
.h3 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 1.375rem;
}
@media only screen and (max-width: 480px) {
h3,
.h3 {
font-size: max(1.3125rem, 5.5vw);
}
}
@media only screen and (min-width: 768px) {
h3,
.h3 {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 992px) {
h3,
.h3 {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 1200px) {
h3,
.h3 {
font-size: 1.75rem;
}
}
h4,
.h4 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 1.375rem;
}
@media only screen and (max-width: 480px) {
h4,
.h4 {
font-size: max(1.3125rem, 5vw);
}
}
@media only screen and (min-width: 768px) {
h4,
.h4 {
font-size: 1.4375rem;
}
}
@media only screen and (min-width: 992px) {
h4,
.h4 {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1200px) {
h4,
.h4 {
font-size: 1.5625rem;
}
}
h5,
.h5 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 1.3125rem;
}
@media only screen and (max-width: 480px) {
h5,
.h5 {
font-size: max(1.25rem, 4.5vw);
}
}
@media only screen and (min-width: 768px) {
h5,
.h5 {
font-size: 1.375rem;
}
}
@media only screen and (min-width: 992px) {
h5,
.h5 {
font-size: 1.4375rem;
}
}
@media only screen and (min-width: 1200px) {
h5,
.h5 {
font-size: 1.5rem;
}
}
h6,
.h6 {
margin-top: 1.5em;
margin-bottom: 0.75em;
font-size: 1.25rem;
}
@media only screen and (max-width: 480px) {
h6,
.h6 {
font-size: max(1.1875rem, 4vw);
}
}
@media only screen and (min-width: 768px) {
h6,
.h6 {
font-size: 1.3125rem;
}
}
@media only screen and (min-width: 992px) {
h6,
.h6 {
font-size: 1.375rem;
}
}
@media only screen and (min-width: 1200px) {
h6,
.h6 {
font-size: 1.4375rem;
}
}
header.align-center {
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
figure {
margin: 0;
}
figure img {
display: block;
}
small {
font-size: 0.75em;
}
sup,
sub {
position: relative;
height: 0;
line-height: 1em;
vertical-align: baseline;
}
sup {
bottom: 0.75em;
font-size: 0.5em;
}
sub {
top: 0;
}
em {
font-style: italic;
}
del {
text-decoration: line-through;
}
ins {
text-decoration: none;
}
mark {
font-style: italic;
}
code,
pre,
samp {
font-family: monospace;
}
var {
font-style: italic;
}
b,
strong {
font-weight: bold;
font-variation-settings: "wght" 700;
}
a {
color: var(--link-color-1);
text-decoration: underline;
outline: none;
border: none;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration);
}
a:hover {
color: var(--link-color-1-hover);
text-decoration: none;
}
a:focus {
color: var(--link-color-1-hover);
text-decoration: none;
outline: underline;
}
a img {
border: 0;
}
.link {
padding: 0;
position: relative;
text-decoration: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: inherit;
font-weight: bold;
line-height: 1.25em;
background: none;
border: none;
}
.link [class^=icon-],
.link [class*=" icon-"] {
margin-left: 10px;
display: block;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.link:hover .icon-arrow-right,
.link:hover .icon-arrow-right-2 {
-webkit-transform: translate(10px, 0);
transform: translate(10px, 0);
}
ul {
margin: 1.5em 0;
padding: 0;
list-style-type: none;
}
ul li {
margin-top: 8px;
margin-bottom: 8px;
padding-left: 25px;
font-size: 0.9375rem;
line-height: var(--font-line-height-2);
}
ul li:last-child {
margin-bottom: 0;
}
ul li:before {
content: "";
margin-left: -20px;
margin-right: 15px;
position: relative;
top: -2px;
left: 0;
width: 5px;
height: 5px;
display: inline-block;
background-color: var(--brand-color-1);
border: none;
}
ul.round li:before {
border-radius: 50%;
}
ol {
margin: 1.5em 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
counter-reset: section;
}
ol li {
margin-top: 8px;
margin-bottom: 8px;
padding-left: 25px;
font-size: 0.9375rem;
line-height: var(--font-line-height-2);
}
ol li:last-child {
margin-bottom: 0;
}
ol li:before {
margin-left: -25px;
margin-right: 0;
position: relative;
top: 0;
counter-increment: section;
content: counter(section) ".";
width: 26px;
display: inline-block;
font-weight: normal;
font-style: normal;
font-size: 1em;
text-align: left;
color: inherit;
background-color: transparent;
}
iframe {
border: none;
}
iframe img {
max-width: 100%;
}
hr {
margin: 3em 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 1px;
background-color: var(--border-color-1);
border: none;
}
hr.no-pad {
margin: 0;
}
p {
margin: 1.5em 0;
font-size: 0.9375rem;
line-height: var(--font-line-height-2);
}
button, input[type=button], input[type=submit], input[type=reset] {
font-family: var(--font-family-1);
cursor: pointer;
-webkit-appearance: none;
}
label.checkbox {
position: relative;
padding-left: 40px;
display: block;
line-height: 1;
cursor: pointer;
}
label.checkbox .input-wrapper {
position: absolute;
top: 0;
left: 0;
width: 22px;
height: 22px;
color: var(--input-font-color);
background-color: var(--input-background-color);
border: 1px solid var(--input-border-color);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
label.checkbox .input-wrapper:before {
position: absolute;
top: 50%;
left: 50%;
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e909";
font-size: 8px;
display: block;
opacity: 0;
color: var(--input-font-color);
border-radius: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
label.checkbox .input-wrapper input {
margin: 0;
opacity: 0;
visibility: hidden;
width: 20px;
height: 20px;
display: block;
}
label.checkbox .input-wrapper.checked:before {
opacity: 1;
}
label.checkbox > span {
padding: 4px 0;
display: inline-block;
line-height: 1.125em;
font-size: 0.9375rem;
color: var(--input-font-color-label);
}
label.checkbox > span a {
color: inherit;
}
label.checkbox.checked .input-wrapper {
background-color: var(--input-background-color-selected);
border-color: var(--input-border-color-selected);
}
label.checkbox.checked .input-wrapper:before {
color: var(--input-font-color-selected);
opacity: 1;
}
label.checkbox:hover .input-wrapper {
border-color: var(--input-border-color-hover);
-webkit-box-shadow: 0 3px 0 0 var(--input-border-color);
box-shadow: 0 3px 0 0 var(--input-border-color);
}
.form-control-group.checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-control-group.checkbox label + label {
margin-top: 16px;
}
.form-control-group.checkbox.inline {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.form-control-group.checkbox.inline label {
margin: 0;
margin-right: 30px;
margin-bottom: 10px;
}
.form-control-group.has-success label.radio .input-wrapper {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success);
}
.form-control-group.has-warning label.radio .input-wrapper {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning);
}
.form-control-group.has-error label.radio .input-wrapper {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error);
}
.choices {
margin: 0;
}
.choices > .choices__inner {
padding: 0;
height: auto;
min-height: 0;
color: var(--input-font-color);
display: block;
background: var(--input-background-color);
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
.choices .choices__item {
color: var(--input-font-color);
}
.choices .choices__item:hover {
color: var(--input-font-color-hover);
}
.choices .choices__list--single .choices__item:hover {
color: var(--input-font-color-hover);
}
.choices .choices__list--single .choices__item.choices__placeholder {
color: var(--input-placeholder-font-color);
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration);
}
.choices .choices__list--single .choices__item.choices__placeholder:hover {
color: var(--input-font-color-hover);
}
.choices .choices__list--dropdown {
margin-top: 0;
color: var(--input-font-color);
background-color: var(--input-background-color-2);
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius);
}
.choices .choices__list--dropdown .choices__list {
padding: 0;
}
.choices .choices__list--dropdown .choices__item {
padding: var(--input-padding);
font-size: var(--input-font-size);
line-height: var(--input-line-height);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
}
.choices .choices__list--dropdown .choices__item.is-highlighted {
color: var(--input-font-color-selected);
background-color: var(--input-background-color-selected);
}
.choices.is-focused {
z-index: 2;
}
.choices.is-focused > .choices__inner {
border-color: var(--input-border-color-hover);
}
.choices.is-open {
z-index: 2;
}
.choices.is-open:after {
margin: 0;
opacity: 1;
border: none;
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg);
}
.choices.is-open > .choices__inner {
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
border-color: var(--input-border-color-hover);
border-bottom-color: var(--input-border-color);
}
.choices.is-open .choices__list--dropdown {
border: 1px solid var(--input-border-color-hover);
border-top: none;
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
}
.choices.is-open.is-flipped > .choices__inner {
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
border-color: var(--input-border-color-hover);
border-top-color: var(--input-border-color);
}
.choices.is-open.is-flipped .choices__list--dropdown {
border: 1px solid var(--input-border-color-hover);
border-bottom: none;
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
}
.choices:hover > .choices__inner {
border-color: var(--input-border-color-hover);
}
.choices[data-type*=select-one]:after {
margin: 0;
position: absolute;
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e905";
top: 50%;
right: 20px;
font-size: 12px;
pointer-events: none;
color: var(--input-font-color);
width: auto;
height: auto;
border: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.choices[data-type*=select-one] > .choices__inner {
padding: 0;
}
.choices[data-type*=select-one] .choices__input {
padding: var(--input-padding);
background-color: transparent;
border: none;
border-bottom: 1px solid var(--input-border-color);
}
.choices[data-type*=select-one] .choices__list--single {
padding: var(--input-padding);
padding-right: 60px;
display: block;
width: 100%;
height: auto;
font-size: var(--input-font-size);
line-height: var(--input-line-height);
}
.choices[data-type*=select-one] .choices__list--single .choices__item {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.choices[data-type*=select-one] .choices__placeholder {
opacity: 1;
font-size: var(--input-font-size);
line-height: var(--input-line-height);
min-height: var(--input-line-height);
}
.choices[data-type*=select-one].is-open:after {
margin: 0;
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg);
}
.choices[data-type*=select-multiple] .choices__list--multiple {
padding: var(--input-padding);
min-height: var(--input-line-height);
display: inline-block;
}
.choices[data-type*=select-multiple] .choices__list--multiple + .choices__input {
margin: 0;
padding-left: 0;
padding-right: 0;
width: 100px !important;
display: inline-block;
vertical-align: top;
border: none;
}
.choices[data-type*=select-multiple] .choices__list--multiple .choices__item {
margin: 2px;
padding: 4px 8px;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--border-color-1);
border-radius: var(--input-border-radius);
background-color: var(--border-color-1);
}
.choices[data-type*=select-multiple] .choices__list--multiple .choices__item .choices__button {
margin: 0;
margin-left: 5px;
padding: 0;
position: relative;
width: 10px;
height: 10px;
text-align: left;
text-indent: -9999em;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.choices[data-type*=select-multiple] .choices__list--multiple .choices__item .choices__button:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
right: 0;
display: block;
font-size: 10px;
width: 10px;
height: 10px;
color: #fff;
content: "\e90c";
text-indent: 0;
}
.form-control-group.has-success .choices > .choices__inner {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success);
}
.form-control-group.has-warning .choices > .choices__inner {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning);
}
.form-control-group.has-error .choices > .choices__inner {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error);
}
.form-control-group.has-effect .choices[data-type*=select-one] .choices__list--single {
padding-top: 32px;
}
.form-control-group.has-effect.filled .choices > .choices__inner {
border-color: var(--input-border-color-focus);
}
.pika-lendar .pika-label {
color: var(--input-font-color);
background-color: transparent;
}
.pika-table .pika-button {
color: var(--input-font-color);
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.pika-table .pika-button:hover {
color: var(--font-color-2);
background-color: var(--brand-color-1);
}
.pika-table th {
color: var(--input-placeholder-font-color);
background-color: transparent;
}
.pika-table td.is-today .pika-button {
color: var(--font-color-2);
background-color: var(--input-font-color);
}
.pika-table td.is-today .pika-button:hover {
color: var(--font-color-2);
}
.pika-table td.is-selected .pika-button {
color: var(--font-color-2);
background-color: var(--input-selected-color);
}
.pika-table td.is-selected .pika-button:hover {
color: var(--font-color-2);
}
.pika-table td.is-disabled .pika-button {
color: var(--input-placeholder-font-color);
opacity: 0.35;
cursor: default;
pointer-events: none;
}
.pika-title .pika-next,
.pika-title .pika-prev {
position: relative;
top: 4px;
color: var(--input-font-color);
background: none;
width: 24px;
height: 24px;
font-size: 24px;
opacity: 1;
border: 1px solid currentColor;
border-radius: 50%;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration);
-webkit-transform: none;
transform: none;
}
.pika-title .pika-next.is-disabled,
.pika-title .pika-prev.is-disabled {
opacity: 0.2;
}
.pika-title .pika-next:before,
.pika-title .pika-prev:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 8px;
height: 8px;
font-size: 8px;
text-indent: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pika-title .pika-next:hover,
.pika-title .pika-prev:hover {
color: var(--input-selected-color);
}
.pika-title .pika-prev:before {
content: "\e906";
}
.pika-title .pika-next:before {
content: "\e907";
}
.pika-single {
position: block !important;
background-color: var(--background-fill-color-1);
border: 1px solid var(--input-border-color);
border-radius: 20px;
}
.pika-single.is-bound {
display: block !important;
-webkit-transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.pika-single.is-bound.is-hidden {
display: none !important;
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.pika-single.is-bound:not(.is-hidden) {
position: absolute !important;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.calentim-container .calentim-input {
margin: 0;
border: 1px solid var(--input-border-color);
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-start-day {
color: var(--brand-color-1);
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-month-switch:hover,
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-year-switch:hover {
color: var(--brand-color-1);
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next i:before,
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev i:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1rem;
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next i:hover,
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev i:hover {
color: var(--brand-color-1);
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev i:before {
content: "\e902";
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next i:before {
content: "\e903";
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day span {
border-radius: 0;
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today {
color: var(--brand-color-1);
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start.calentim-end {
background-color: var(--brand-color-1);
border-radius: 0 !important;
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end span {
background-color: var(--brand-color-1);
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day:hover:not(.calentim-hovered):not(.calentim-selected) {
border-radius: 0;
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-weekend {
color: var(--font-color-1);
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-weekend:hover {
color: var(--font-color-1);
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled,
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled-range,
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-not-in-month {
color: var(--font-color-1);
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled:hover,
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled-range:hover,
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-not-in-month:hover {
color: var(--font-color-1) !important;
}
.calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year:hover {
background-color: var(--brand-color-1);
}
.calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year.current {
background-color: var(--brand-color-1);
}
.calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month:hover {
background-color: var(--brand-color-1);
}
.calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month.current {
background-color: var(--brand-color-1);
}
.form-control-group.has-error .calentim-container .calentim-input {
border-color: var(--state-color-error);
}
:root {
--input-padding-vertical: 15px;
--input-padding-horizontal: 24px;
--input-padding: 15px 24px;
--input-font-size: 0.9375rem;
--input-font-size-2: 0.9375rem;
--input-font-color: #2b2b2b;
--input-font-color-hover: #e73c49;
--input-font-color-selected: #ffffff;
--input-font-color-success: #2b2b2b;
--input-font-color-warning: #2b2b2b;
--input-font-color-error: #cc002f;
--input-line-height: 20px;
--input-placeholder-font-color: rgba(43, 43, 43, 0.27);
--input-label-font-color: #e73c49;
--input-background-color: #ffffff;
--input-background-color-2: #ffffff;
--input-background-color-hover: #ffffff;
--input-background-color-focus: #ffffff;
--input-background-color-selected: #e73c49;
--input-background-color-disabled: rgba(255, 255, 255, 0.04);
--input-background-color-success: #ffffff;
--input-background-color-warning: #ffffff;
--input-background-color-error: #ffffff;
--input-border-color: #2b2b2b;
--input-border-color-hover: #2b2b2b;
--input-border-color-focus: #2b2b2b;
--input-border-color-selected: #e73c49;
--input-border-color-disabled: rgba(0, 0, 0, 0.04);
--input-border-color-success: #22da66;
--input-border-color-warning: #ebb748;
--input-border-color-error: #cc002f;
--input-border-radius: 10px;
--input-selected-color: #e73c49;
}
.form-theme-dark {
--input-font-color: #ffffff;
--input-font-color-hover: #2b2b2b;
--input-font-color-selected: #2b2b2b;
--input-font-color-success: #ffffff;
--input-font-color-warning: #ffffff;
--input-font-color-error: #cc002f;
--input-placeholder-font-color: rgba(255, 255, 255, 0.4);
--input-label-font-color: #ffffff;
--input-background-color: transparent;
--input-background-color-2: transparent;
--input-background-color-hover: transparent;
--input-background-color-focus: transparent;
--input-background-color-selected: #e73c49;
--input-background-color-disabled: rgba(255, 255, 255, 0.04);
--input-background-color-success: transparent;
--input-background-color-warning: transparent;
--input-background-color-error: transparent;
--input-border-color: #ffffff;
--input-border-color-hover: #ffffff;
--input-border-color-focus: #ffffff;
--input-border-color-selected: #e73c49;
--input-border-color-disabled: rgba(255, 255, 255, 0.04);
--input-selected-color: #e73c49;
}
form {
position: relative;
}
form fieldset {
margin: 0;
padding: 0;
display: block;
border: none;
}
form fieldset legend,
form fieldset .legend {
margin: 0;
margin-bottom: 15px;
padding: 0;
font-family: var(--font-family-1);
font-style: normal;
font-weight: bold;
display: block;
width: 100%;
font-size: 1.4375rem;
color: var(--input-font-color);
}
@media only screen and (min-width: 768px) {
form fieldset legend,
form fieldset .legend {
font-size: 1.4375rem;
}
}
@media only screen and (min-width: 992px) {
form fieldset legend,
form fieldset .legend {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1200px) {
form fieldset legend,
form fieldset .legend {
font-size: 1.5rem;
}
}
form .columns-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
form .columns-wrapper.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
form .columns-wrapper.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
form .columns-wrapper.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
form .columns-wrapper.justify-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
form .columns-wrapper.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
form .columns-wrapper.justify-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
form .columns-wrapper > .column {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%;
}
form .columns-wrapper > .column.grid-1 {
width: 8.3333333333%;
}
form .columns-wrapper > .column.grid-2 {
width: 16.6666666667%;
}
form .columns-wrapper > .column.grid-3 {
width: 25%;
}
form .columns-wrapper > .column.grid-4 {
width: 33.3333333333%;
}
form .columns-wrapper > .column.grid-5 {
width: 41.6666666667%;
}
form .columns-wrapper > .column.grid-6 {
width: 50%;
}
form .columns-wrapper > .column.grid-7 {
width: 58.3333333333%;
}
form .columns-wrapper > .column.grid-8 {
width: 66.6666666667%;
}
form .columns-wrapper > .column.grid-9 {
width: 75%;
}
form .columns-wrapper > .column.grid-10 {
width: 83.3333333333%;
}
form .columns-wrapper > .column.grid-11 {
width: 91.6666666667%;
}
form .columns-wrapper > .column.grid-12 {
width: 100%;
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-1 {
width: 8.3333333333%;
}
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-2 {
width: 16.6666666667%;
}
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-3 {
width: 25%;
}
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-4 {
width: 33.3333333333%;
}
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-5 {
width: 41.6666666667%;
}
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-6 {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-7 {
width: 58.3333333333%;
}
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-8 {
width: 66.6666666667%;
}
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-9 {
width: 75%;
}
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-10 {
width: 83.3333333333%;
}
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-11 {
width: 91.6666666667%;
}
}
@media only screen and (max-width: 480px) {
form .columns-wrapper > .column.grid-xs-12 {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-3 {
width: 25%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-6 {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-9 {
width: 75%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 768px) {
form .columns-wrapper > .column.grid-sm-12 {
width: 100%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-3 {
width: 25%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-6 {
width: 50%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-9 {
width: 75%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 992px) {
form .columns-wrapper > .column.grid-md-12 {
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-1 {
width: 8.3333333333%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-2 {
width: 16.6666666667%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-3 {
width: 25%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-4 {
width: 33.3333333333%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-5 {
width: 41.6666666667%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-6 {
width: 50%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-7 {
width: 58.3333333333%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-8 {
width: 66.6666666667%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-9 {
width: 75%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-10 {
width: 83.3333333333%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-11 {
width: 91.6666666667%;
}
}
@media only screen and (min-width: 1200px) {
form .columns-wrapper > .column.grid-lg-12 {
width: 100%;
}
}
form .columns-wrapper > .column.full-width {
width: 100%;
}
form .columns-wrapper > .column.auto-width {
width: auto;
}
form .columns-wrapper > .column.align-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
form .columns-wrapper > .column.align-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
form .columns-wrapper > .column.align-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
form .columns-wrapper > .column.justify-left {
margin-left: 0;
margin-right: auto;
justify-self: flex-start;
}
form .columns-wrapper > .column.justify-center {
-ms-grid-column-align: center;
justify-self: center;
}
form .columns-wrapper > .column.justify-right {
margin-left: auto;
margin-right: 0;
justify-self: flex-end;
}
form .overlay {
padding: 20px;
position: absolute;
z-index: 3;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
pointer-events: none;
background: var(--background-fill-color-1);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
form .overlay .content {
text-align: center;
color: var(--input-font-color);
}
form .overlay .content p {
margin: 0;
font-size: 0.975rem;
font-weight: normal;
}
form .overlay .content .loader {
margin: 30px auto 0;
width: 60px;
height: 60px;
-webkit-animation: rotate 2s infinite linear;
animation: rotate 2s infinite linear;
}
form.processing .overlay {
opacity: 1;
pointer-events: auto;
}
.form-control-label {
margin-bottom: 8px;
display: block;
font-family: var(--font-family-2);
font-weight: normal;
font-size: 0.9375rem;
line-height: 1.25em;
color: var(--input-label-font-color);
}
.form-control-label .required {
margin-left: 5px;
position: relative;
top: 0;
display: inline-block;
font-size: 1em;
color: var(--input-label-font-color);
}
.form-control-error {
font-size: 0.75rem;
color: var(--state-color-error);
display: none;
}
.form-control-info {
margin-top: 2px;
font-size: 0.6875rem;
color: var(--font-color-2);
}
.form-control-group {
margin-bottom: 15px;
}
.form-control-group:last-child {
margin-bottom: 0;
}
.form-control-group.has-effect {
position: relative;
}
.form-control-group.has-effect label {
margin-bottom: 0;
position: absolute;
z-index: 3;
top: 34px;
left: 20px;
opacity: 1;
pointer-events: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration);
}
.form-control-group.has-effect label .required {
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration);
}
.form-control-group.has-effect.focus label, .form-control-group.has-effect.filled label {
top: 5px;
left: 0;
opacity: 1;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.form-control-group.has-effect.focus label .required, .form-control-group.has-effect.filled label .required {
opacity: 0;
}
.form-control-group.has-success {
position: relative;
}
.form-control-group.has-error {
position: relative;
}
.form-control-group.has-error .form-control-error {
margin-top: 10px;
margin-bottom: 0;
display: block;
}
.grecaptcha-badge {
display: none !important;
}
.form-theme-dark .overlay {
background: var(--background-fill-color-2);
}
.number-input-element {
padding: 0;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.number-input-element input[type=number] {
margin: 0;
padding: 16px 52px;
display: block;
font-size: var(--input-font-size);
line-height: var(--input-line-height);
text-align: center;
min-width: 150px;
width: 150px;
height: auto;
border-color: var(--brand-color-1);
border-radius: 50px;
}
.number-input-element button {
padding: 0;
position: absolute;
top: 50%;
width: 50px;
height: 50px;
color: var(--font-color-1);
font-weight: normal;
background: none;
background-color: var(--brand-color-1);
border: none;
border-radius: 50%;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.number-input-element button [class^=icon-],
.number-input-element button [class*=" icon-"] {
display: none;
}
.number-input-element button:before, .number-input-element button:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
content: "";
width: 20px;
height: 4px;
background-color: var(--font-color-2);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.number-input-element button:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.number-input-element button.plus {
right: 2px;
}
.number-input-element button.minus {
left: 2px;
}
.number-input-element button.minus:after {
display: none;
}
.number-input-element button:hover {
background-color: var(--font-color-3);
}
.number-input-element .affix {
position: absolute;
top: 50%;
right: 45px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.number-input-element.no-controls button {
display: none;
}
.number-input-element.no-controls .affix {
display: none;
}
label.radio {
position: relative;
padding-left: 40px;
display: inline-block;
line-height: 1;
cursor: pointer;
}
label.radio .input-wrapper {
position: absolute;
top: 0;
left: 0;
width: 22px;
height: 22px;
color: var(--input-font-color);
background-color: transparent;
border: 1px solid var(--input-background-color-selected);
border-radius: 50%;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
label.radio .input-wrapper:before {
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
display: block;
opacity: 0;
content: "";
background-color: var(--input-background-color-selected);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
label.radio .input-wrapper input {
margin: 0;
opacity: 0;
visibility: hidden;
width: 20px;
height: 20px;
display: block;
}
label.radio .input-wrapper.checked:before {
opacity: 1;
}
label.radio > span {
padding: 4px 0;
display: inline-block;
line-height: 1.125em;
font-size: 0.9375rem;
color: var(--input-font-color);
}
label.radio > span a {
color: inherit;
}
label.radio.checked .input-wrapper {
background-color: transparent;
border-color: var(--input-background-color-selected);
}
label.radio.checked .input-wrapper:before {
opacity: 1;
background-color: var(--input-background-color-selected);
}
label.radio:hover .input-wrapper {
border-color: var(--input-border-color-hover);
-webkit-box-shadow: 0 3px 0 0 var(--input-border-color);
box-shadow: 0 3px 0 0 var(--input-border-color);
}
.form-control-group.radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-control-group.radio label + label {
margin-top: 16px;
}
.form-control-group.radio.inline {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.form-control-group.radio.inline label {
margin: 0;
margin-right: 30px;
margin-bottom: 10px;
}
.form-control-group.has-success label.radio .input-wrapper {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success);
}
.form-control-group.has-warning label.radio .input-wrapper {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning);
}
.form-control-group.has-error label.radio .input-wrapper {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error);
}
.select2-container .select2-selection {
position: relative;
padding: 0;
height: auto;
min-height: 0;
color: var(--input-font-color);
vertical-align: bottom;
background: var(--input-background-color);
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
.select2-container .select2-selection .select2-selection__rendered {
padding: var(--input-padding);
padding-right: 40px;
display: block;
width: 100%;
height: auto;
font-size: var(--input-font-size);
line-height: var(--input-line-height);
color: var(--input-font-color);
background-color: transparent;
border: none;
border-radius: var(--input-border-radius);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
}
.select2-container .select2-selection .select2-selection__placeholder {
color: var(--input-placeholder-font-color);
}
.select2-container .select2-selection .select2-selection__arrow {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 40px;
height: auto;
color: var(--input-font-color);
}
.select2-container .select2-selection .select2-selection__arrow b {
margin: 0;
width: auto;
height: auto;
border: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.select2-container .select2-selection .select2-selection__arrow b:before {
margin: 0;
position: absolute;
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e901";
top: 50%;
left: calc(50% - 5px);
font-size: 14px;
pointer-events: none;
color: inherit;
width: auto;
height: auto;
border: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.select2-container .select2-selection:hover, .select2-container .select2-selection:focus {
outline: none;
border-color: var(--input-border-color-hover);
}
.select2-container.select2-container--open .select2-selection {
border-color: var(--input-border-color-hover);
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
outline: none;
}
.select2-container.select2-container--open .select2-selection .select2-selection__rendered {
background-color: transparent;
}
.select2-container.select2-container--open .select2-selection .select2-selection__arrow b:before {
margin: 0;
opacity: 1;
border: none;
-webkit-transform: translate(-50%, -50%) rotateX(180deg);
transform: translate(-50%, -50%) rotateX(180deg);
}
.select2-container.select2-container--open:focus {
outline: none;
}
.select2-container.select2-container--open.select2-container--above .select2-selection {
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
}
.select2-container .select2-dropdown {
left: -1px;
border: 1px solid var(--input-border-color-hover);
border-top: none;
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
}
.select2-container .select2-dropdown.select2-dropdown--above {
border-top: 1px solid var(--input-border-color-hover);
border-bottom: none;
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
}
.select2-container .select2-dropdown.select2-dropdown--above .select2-results > .select2-results__options li:first-child {
border-top-left-radius: var(--input-border-radius);
border-top-right-radius: var(--input-border-radius);
}
.select2-container .select2-dropdown.select2-dropdown--above .select2-results > .select2-results__options li:last-child {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container .select2-dropdown .select2-search {
display: none;
}
.select2-container .select2-dropdown .select2-results > .select2-results__options {
max-height: 240px;
}
.select2-container .select2-dropdown .select2-results > .select2-results__options li {
margin: 0;
padding: 10px 18px;
font-size: 0.8125rem;
line-height: 16px;
color: var(--input-font-color);
}
.select2-container .select2-dropdown .select2-results > .select2-results__options li:last-child {
border-bottom-left-radius: var(--input-border-radius);
border-bottom-right-radius: var(--input-border-radius);
}
.select2-container .select2-dropdown .select2-results > .select2-results__options li:before {
display: none;
}
.select2-container .select2-dropdown .select2-results > .select2-results__options li.select2-results__option--highlighted[aria-selected] {
background-color: var(--input-border-color);
}
.select2-container .select2-dropdown .select2-results > .select2-results__options li[aria-selected=true], .select2-container .select2-dropdown .select2-results > .select2-results__options li.select2-results__option--highlighted[aria-selected=true] {
color: #fff;
background-color: var(--font-color-1);
}
.select2-container:hover .select2-selection {
border-color: var(--input-border-color-hover);
}
.select2-hidden-accessible.form-control {
padding: 0 !important;
width: 1px !important;
height: 1px !important;
border: none !important;
}
.select-checkbox-container {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select-checkbox-container .header {
position: relative;
z-index: 2;
cursor: pointer;
min-height: 50px;
background-color: var(--input-background-color);
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius);
-webkit-transition: border-color var(--animation-default-duration), border-radius var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: border-color var(--animation-default-duration), border-radius var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: border-color var(--animation-default-duration), border-radius var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: border-color var(--animation-default-duration), border-radius var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
.select-checkbox-container .header .selected {
padding: var(--input-padding);
padding-right: 40px;
position: relative;
font-size: var(--inut-font-size);
line-height: 20px;
color: var(--input-font-color);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
}
.select-checkbox-container .header .selected:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e905";
position: absolute;
top: 50%;
right: 20px;
font-size: 14px;
display: block;
color: var(--input-font-color);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.select-checkbox-container .header:hover {
-webkit-box-shadow: 0 3px 0 0 var(--input-border-color);
box-shadow: 0 3px 0 0 var(--input-border-color);
}
.select-checkbox-container .header:hover .selected {
color: var(--input-font-color-hover);
}
.select-checkbox-container .body {
margin-top: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
width: 100%;
max-height: 0;
overflow-y: auto;
background-color: var(--background-fill-color-1);
border: 1px solid var(--input-border-color);
border-radius: 0;
-webkit-transition: max-height var(--animation-default-duration);
transition: max-height var(--animation-default-duration);
}
.select-checkbox-container .body > .inner {
padding: 20px;
}
.select-checkbox-container:hover .header .selected {
color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
.select-checkbox-container.opened {
z-index: 3;
}
.select-checkbox-container.opened .header {
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.select-checkbox-container.opened .header .selected {
border-color: var(--brand-color-1);
}
.select-checkbox-container.opened .header .selected:after {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg);
}
.select-checkbox-container.opened .body {
max-height: 360px;
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
}
.select-checkbox-container label.checkbox,
.select-checkbox-container label.radio {
margin: 0;
padding: 6px;
padding-left: 24px;
padding-right: 0;
position: relative;
line-height: 1;
display: block;
}
.select-checkbox-container label.checkbox:last-child,
.select-checkbox-container label.radio:last-child {
border-bottom: none;
}
.select-checkbox-container label.checkbox.hidden,
.select-checkbox-container label.radio.hidden {
display: none;
}
.select-checkbox-container label.checkbox .input-wrapper,
.select-checkbox-container label.radio .input-wrapper {
margin: 0;
position: absolute;
left: 0;
right: auto;
top: 50%;
width: 16px;
height: 16px;
line-height: 14px;
background-color: transparent;
border: 1px solid var(--input-border-color);
border-radius: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.select-checkbox-container label.checkbox .input-wrapper:before,
.select-checkbox-container label.radio .input-wrapper:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e909";
position: absolute;
top: 50%;
left: 50%;
right: auto;
bottom: auto;
display: block;
font-size: 8px;
color: inherit;
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.select-checkbox-container label.checkbox .input-wrapper input,
.select-checkbox-container label.radio .input-wrapper input {
margin: 0;
width: 14px;
height: 14px;
}
.select-checkbox-container label.checkbox .input-wrapper.checked,
.select-checkbox-container label.radio .input-wrapper.checked {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
.select-checkbox-container label.checkbox .input-wrapper.checked:before,
.select-checkbox-container label.radio .input-wrapper.checked:before {
opacity: 1;
}
.select-checkbox-container label.checkbox > span,
.select-checkbox-container label.radio > span {
margin: 0;
padding: 0;
font-size: 0.875rem;
line-height: 16px;
display: inline-block;
color: var(--input-font-color);
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration);
}
.select-checkbox-container label.checkbox + label,
.select-checkbox-container label.radio + label {
margin-top: 0;
}
.select-checkbox-container label.checkbox:focus,
.select-checkbox-container label.radio:focus {
outline: none;
}
.select-checkbox-container label.checkbox.checked .input-wrapper,
.select-checkbox-container label.radio.checked .input-wrapper {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
.select-checkbox-container label.checkbox.checked .input-wrapper:before,
.select-checkbox-container label.radio.checked .input-wrapper:before {
opacity: 1;
}
.select-checkbox-container .more-container {
margin-top: 15px;
}
.select-checkbox-container .more-container .content {
display: none;
}
.select-checkbox-container .more-container a {
display: inline-block;
font-size: 0.9375rem;
line-height: 1.25em;
text-decoration: none;
}
.select-checkbox-container .more-container a:hover {
text-decoration: underline;
}
.select-checkbox-container .more-container.opened {
margin-top: 0;
}
.select-checkbox-container .more-container.opened .content {
display: block;
}
.select-checkbox-container .more-container.opened a {
display: none;
}
.select-dropdown-container {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select-dropdown-container .header {
position: relative;
z-index: 2;
cursor: pointer;
min-height: 50px;
background-color: var(--input-background-color);
border: none;
border-radius: var(--input-border-radius);
-webkit-transition: border-color var(--animation-default-duration);
transition: border-color var(--animation-default-duration);
}
.select-dropdown-container .header .selected {
padding: var(--input-padding);
padding-right: 40px;
position: relative;
font-size: var(--input-font-size);
line-height: var(--input-line-height);
color: var(--input-font-color);
background-color: var(--input-background-color);
border: 1px solid var(--input-border-color);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
}
.select-dropdown-container .header .selected:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e901";
position: absolute;
top: 50%;
right: 20px;
font-size: 10px;
display: block;
color: inherit;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.select-dropdown-container .header:hover .selected {
color: var(--font-color-2);
background-color: var(--background-fill-color-1);
border-color: var(--background-fill-color-1);
}
.select-dropdown-container .body {
margin-top: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
width: 100%;
max-height: 0;
overflow-y: auto;
background-color: var(--background-fill-color-1);
border-radius: 0;
-webkit-transition: max-height var(--animation-default-duration);
transition: max-height var(--animation-default-duration);
}
.select-dropdown-container .body > .inner {
padding: 0;
}
.select-dropdown-container:hover .header .selected {
color: var(--font-color-2);
background-color: var(--background-fill-color-1);
border-color: var(--background-fill-color-1);
}
.select-dropdown-container.opened {
z-index: 3;
}
.select-dropdown-container.opened .header .selected {
color: var(--font-color-2);
background-color: var(--background-fill-color-1);
border-color: var(--background-fill-color-1);
border-bottom-color: var(--border-color-1);
}
.select-dropdown-container.opened .header .selected:after {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg);
}
.select-dropdown-container.opened .body {
max-height: 360px;
}
.select-dropdown-container ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.select-dropdown-container ul li {
margin: 0;
padding: 0;
}
.select-dropdown-container ul li:before {
display: none;
}
.select-dropdown-container ul li a {
padding: 10px 20px;
display: block;
font-size: 0.9375rem;
line-height: 1.25em;
text-decoration: none;
color: var(--font-color-2);
background-color: var(--background-fill-color-1);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
}
.select-dropdown-container ul li a:hover {
color: var(--font-color-2);
background-color: var(--font-color-2);
}
.select-dropdown-container ul li a:hover .highlight {
color: var(--font-color-2);
}
.select-dropdown-container ul li .highlight {
margin-left: 5px;
display: inline-block;
text-transform: uppercase;
color: var(--font-color-2);
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration);
}
.form-control,
input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
input[type=search],
input[type=url] {
padding: var(--input-padding);
display: block;
width: 100%;
height: auto;
font-size: var(--input-font-size);
font-weight: normal;
line-height: var(--input-line-height);
font-family: var(--font-family-1);
color: var(--input-font-color);
background-color: var(--input-background-color);
border: 1.5px solid var(--input-border-color);
border-radius: var(--input-border-radius);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
.form-control:hover,
input[type=text]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=email]:hover,
input[type=number]:hover,
input[type=search]:hover,
input[type=url]:hover {
border-color: var(--input-border-color-hover);
background-color: var(--input-background-color-hover);
-webkit-box-shadow: 0 3px 0 0 var(--input-border-color);
box-shadow: 0 3px 0 0 var(--input-border-color);
}
.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=url]:focus {
border-color: var(--input-border-color-focus);
background-color: var(--input-background-color-focus);
-webkit-box-shadow: 0 3px 0 0 var(--input-border-color);
box-shadow: 0 3px 0 0 var(--input-border-color);
outline: none;
}
.form-control::-moz-selection, input[type=text]::-moz-selection, input[type=password]::-moz-selection, input[type=tel]::-moz-selection, input[type=email]::-moz-selection, input[type=number]::-moz-selection, input[type=search]::-moz-selection, input[type=url]::-moz-selection {
color: #fff;
background-color: #000;
}
.form-control::selection,
input[type=text]::selection,
input[type=password]::selection,
input[type=tel]::selection,
input[type=email]::selection,
input[type=number]::selection,
input[type=search]::selection,
input[type=url]::selection {
color: #fff;
background-color: #000;
}
.form-control::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=url]::-moz-placeholder {
color: var(--input-placeholder-font-color);
}
.form-control::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder {
color: var(--input-placeholder-font-color);
}
.form-control:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder {
color: var(--input-placeholder-font-color);
}
.form-control::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder {
color: var(--input-placeholder-font-color);
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control,
input[type=text][disabled],
input[type=text][readonly],
fieldset[disabled] input[type=text],
input[type=password][disabled],
input[type=password][readonly],
fieldset[disabled] input[type=password],
input[type=tel][disabled],
input[type=tel][readonly],
fieldset[disabled] input[type=tel],
input[type=email][disabled],
input[type=email][readonly],
fieldset[disabled] input[type=email],
input[type=number][disabled],
input[type=number][readonly],
fieldset[disabled] input[type=number],
input[type=search][disabled],
input[type=search][readonly],
fieldset[disabled] input[type=search],
input[type=url][disabled],
input[type=url][readonly],
fieldset[disabled] input[type=url] {
cursor: not-allowed;
opacity: 0.4;
background-color: transparent;
}
.form-control[disabled]:hover, .form-control[disabled]:focus, .form-control[readonly]:hover, .form-control[readonly]:focus, fieldset[disabled] .form-control:hover, fieldset[disabled] .form-control:focus,
input[type=text][disabled]:hover,
input[type=text][disabled]:focus,
input[type=text][readonly]:hover,
input[type=text][readonly]:focus,
fieldset[disabled] input[type=text]:hover,
fieldset[disabled] input[type=text]:focus,
input[type=password][disabled]:hover,
input[type=password][disabled]:focus,
input[type=password][readonly]:hover,
input[type=password][readonly]:focus,
fieldset[disabled] input[type=password]:hover,
fieldset[disabled] input[type=password]:focus,
input[type=tel][disabled]:hover,
input[type=tel][disabled]:focus,
input[type=tel][readonly]:hover,
input[type=tel][readonly]:focus,
fieldset[disabled] input[type=tel]:hover,
fieldset[disabled] input[type=tel]:focus,
input[type=email][disabled]:hover,
input[type=email][disabled]:focus,
input[type=email][readonly]:hover,
input[type=email][readonly]:focus,
fieldset[disabled] input[type=email]:hover,
fieldset[disabled] input[type=email]:focus,
input[type=number][disabled]:hover,
input[type=number][disabled]:focus,
input[type=number][readonly]:hover,
input[type=number][readonly]:focus,
fieldset[disabled] input[type=number]:hover,
fieldset[disabled] input[type=number]:focus,
input[type=search][disabled]:hover,
input[type=search][disabled]:focus,
input[type=search][readonly]:hover,
input[type=search][readonly]:focus,
fieldset[disabled] input[type=search]:hover,
fieldset[disabled] input[type=search]:focus,
input[type=url][disabled]:hover,
input[type=url][disabled]:focus,
input[type=url][readonly]:hover,
input[type=url][readonly]:focus,
fieldset[disabled] input[type=url]:hover,
fieldset[disabled] input[type=url]:focus {
border-color: var(--input-border-color);
}
fieldset[disabled] .form-control,
fieldset[disabled] input[type=text],
fieldset[disabled] input[type=password],
fieldset[disabled] input[type=tel],
fieldset[disabled] input[type=email],
fieldset[disabled] input[type=number],
fieldset[disabled] input[type=search],
fieldset[disabled] input[type=url] {
opacity: 1;
}
input[type=search] {
-webkit-appearance: none;
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
display: none;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.form-control-group.has-success .form-control,
.form-control-group.has-success input[type=text],
.form-control-group.has-success input[type=password],
.form-control-group.has-success input[type=tel],
.form-control-group.has-success input[type=email],
.form-control-group.has-success input[type=number],
.form-control-group.has-success input[type=search],
.form-control-group.has-success input[type=url] {
color: var(--input-font-color-success);
background-color: var(--input-background-color-success);
border-color: var(--input-border-color-success);
}
.form-control-group.has-warning .form-control,
.form-control-group.has-warning input[type=text],
.form-control-group.has-warning input[type=password],
.form-control-group.has-warning input[type=tel],
.form-control-group.has-warning input[type=email],
.form-control-group.has-warning input[type=number],
.form-control-group.has-warning input[type=search],
.form-control-group.has-warning input[type=url] {
color: var(--input-font-color-warning);
background-color: var(--input-background-color-warning);
border-color: var(--input-border-color-warning);
}
.form-control-group.has-error .form-control,
.form-control-group.has-error input[type=text],
.form-control-group.has-error input[type=password],
.form-control-group.has-error input[type=tel],
.form-control-group.has-error input[type=email],
.form-control-group.has-error input[type=number],
.form-control-group.has-error input[type=search],
.form-control-group.has-error input[type=url] {
color: var(--input-font-color-error);
background-color: var(--input-background-color-error);
border-color: var(--input-border-color-error);
}
.form-control-group.has-effect .form-control,
.form-control-group.has-effect input[type=text],
.form-control-group.has-effect input[type=password],
.form-control-group.has-effect input[type=tel],
.form-control-group.has-effect input[type=email],
.form-control-group.has-effect input[type=number],
.form-control-group.has-effect input[type=search],
.form-control-group.has-effect input[type=url] {
padding-top: 30px;
}
.form-control-group.has-effect.filled .form-control,
.form-control-group.has-effect.filled input[type=text],
.form-control-group.has-effect.filled input[type=password],
.form-control-group.has-effect.filled input[type=tel],
.form-control-group.has-effect.filled input[type=email],
.form-control-group.has-effect.filled input[type=number],
.form-control-group.has-effect.filled input[type=search],
.form-control-group.has-effect.filled input[type=url] {
border-color: var(--input-border-color-focus);
}
.form-control-group.has-effect.filled.has-error .form-control,
.form-control-group.has-effect.filled.has-error input[type=text],
.form-control-group.has-effect.filled.has-error input[type=password],
.form-control-group.has-effect.filled.has-error input[type=tel],
.form-control-group.has-effect.filled.has-error input[type=email],
.form-control-group.has-effect.filled.has-error input[type=number],
.form-control-group.has-effect.filled.has-error input[type=search],
.form-control-group.has-effect.filled.has-error input[type=url] {
border-color: var(--input-border-color-error);
}
@-webkit-keyframes form-input-autofill {
100% {
background-color: transparent !important;
background-image: none !important;
color: inherit;
}
}
@keyframes form-input-autofill {
100% {
background-color: transparent !important;
background-image: none !important;
color: inherit;
}
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
background-color: rgba(0, 0, 0, 0) !important;
-webkit-transition: background-color 84600s ease-in-out 0s;
transition: background-color 84600s ease-in-out 0s;
-webkit-text-fill-color: var(--input-font-color) !important;
}
textarea {
margin: 0;
overflow: auto;
resize: vertical;
}
table {
width: 100%;
border: none;
border-collapse: collapse;
border-spacing: 0;
empty-cells: hide;
}
table > thead > tr > th {
padding: 15px;
font-size: 0.9375rem;
text-align: left;
}
table > thead > tr > th:last-child {
border-right: none;
}
table > thead > tr > th.align-center {
text-align: center;
}
table > thead > tr > th.align-right {
text-align: right;
}
@media only screen and (max-width: 480px) {
table > thead > tr > th {
word-wrap: break-word;
}
}
table > tbody > tr > td {
padding: 15px;
font-size: 0.9375rem;
background-color: transparent;
}
table > tbody > tr > td:last-child {
border-right: none;
}
table > tbody > tr > td.align-center {
text-align: center;
}
table > tbody > tr > td.align-right {
text-align: right;
}
@media only screen and (max-width: 480px) {
table > tbody > tr > td {
word-wrap: break-word;
}
}
table > tbody > tr:nth-child(even) > td {
background-color: transparent;
}
.table-wrapper {
overflow-x: auto;
}
table.add-to-cart thead tr {
border-bottom: 1px solid var(--border-color-1-a20);
}
table.add-to-cart thead tr th {
padding: 0 10px 20px 10px;
font-weight: normal;
font-size: 0.9375rem;
}
table.add-to-cart thead tr th:first-child {
padding-left: 0;
}
table.add-to-cart thead tr th:last-child {
padding-right: 0;
}
table.add-to-cart tbody tr {
border-bottom: 1px solid var(--border-color-1-a20);
}
table.add-to-cart tbody tr td {
padding: 25px 10px;
font-size: 0.9375rem;
}
table.add-to-cart tbody tr td:first-child {
padding-left: 0;
}
table.add-to-cart tbody tr td:last-child {
padding-right: 0;
}
table.add-to-cart tbody tr td:nth-child(1) {
width: 40px;
}
table.add-to-cart tbody tr td:nth-child(2) .title a {
font-family: var(--font-family-2);
color: var(--brand-color-1);
text-decoration: none;
}
table.add-to-cart tbody tr td:nth-child(2) .title a:hover {
text-decoration: underline;
}
table.add-to-cart tbody tr td:nth-child(3) {
white-space: nowrap;
}
table.add-to-cart .remove {
position: relative;
text-decoration: none;
width: 20px;
height: 20px;
display: block;
border-radius: 50%;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
}
table.add-to-cart .remove:before, table.add-to-cart .remove:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
content: "";
width: 12px;
height: 2px;
background-color: var(--state-color-error);
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
table.add-to-cart .remove:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
table.add-to-cart .remove:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
table.add-to-cart .remove:hover {
background-color: var(--state-color-error);
}
table.add-to-cart .remove:hover:before, table.add-to-cart .remove:hover:after {
background-color: var(--font-color-2);
}
table.cart thead {
border-bottom: 1px solid var(--border-color-1-a20);
}
@media (max-width: 679px) {
table.cart thead {
display: none;
}
}
table.cart thead tr th {
padding: 0 10px 20px 10px;
font-weight: normal;
font-size: 0.9375rem;
}
table.cart thead tr th:first-child {
padding-left: 0;
}
table.cart thead tr th:last-child {
padding-right: 0;
}
table.cart tbody tr {
border-bottom: 1px solid var(--border-color-1-a20);
}
@media (max-width: 679px) {
table.cart tbody tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
}
@media (max-width: 679px) {
table.cart tbody tr td {
padding-top: 8px;
padding-bottom: 8px;
position: relative;
}
table.cart tbody tr td:before {
margin-bottom: 5px;
display: block;
font-size: 0.9375rem;
font-weight: normal;
content: attr(data-title);
}
}
@media (max-width: 679px) {
table.cart tbody tr td:before {
margin-bottom: 10px;
display: block;
content: attr(data-title);
-ms-flex-item-align: start;
align-self: flex-start;
text-align: left;
}
}
table.cart tbody tr td:first-child {
padding-left: 0;
}
table.cart tbody tr td:last-child {
padding-right: 0;
}
@media (max-width: 679px) {
table.cart tbody tr td:last-child {
margin-left: auto;
margin-right: 0;
}
}
table.cart tbody tr td:nth-child(1) {
width: 40px;
}
@media (max-width: 679px) {
table.cart tbody tr td:nth-child(2) {
padding-left: 0;
padding-right: 0;
width: calc(100% - 40px);
}
}
table.cart tbody tr td:nth-child(2) .title a {
font-family: var(--font-family-2);
color: var(--brand-color-1);
text-decoration: none;
}
table.cart tbody tr td:nth-child(2) .title a:hover {
text-decoration: underline;
}
table.cart tbody tr td:nth-child(3) {
white-space: nowrap;
}
@media (max-width: 679px) {
table.cart tbody tr td:nth-child(3) {
display: none;
}
}
@media (max-width: 679px) {
table.cart tbody tr td:nth-child(4) {
padding-left: 40px;
}
}
table.cart tbody tr td:nth-child(5) {
white-space: nowrap;
font-weight: bold;
}
table.cart .remove {
position: relative;
text-decoration: none;
width: 20px;
height: 20px;
display: block;
border-radius: 50%;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
}
table.cart .remove:before, table.cart .remove:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
content: "";
width: 12px;
height: 2px;
background-color: var(--state-color-error);
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
table.cart .remove:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
table.cart .remove:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
table.cart .remove:hover {
background-color: var(--state-color-error);
}
table.cart .remove:hover:before, table.cart .remove:hover:after {
background-color: var(--font-color-2);
}
table.cart-totals tbody tr {
background-color: transparent;
border: none;
}
@media (max-width: 559px) {
table.cart-totals tbody tr:first-child td {
padding-top: 25px;
}
}
@media (max-width: 559px) {
table.cart-totals tbody tr {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom-width: 0;
}
table.cart-totals tbody tr:last-child {
border-bottom-width: 1px;
}
}
@media (max-width: 559px) and (max-width: 559px) {
table.cart-totals tbody tr:last-child td {
padding-bottom: 25px;
}
}
table.cart-totals tbody tr th {
padding: 10px;
padding-left: 0;
text-align: left;
font-weight: 400;
font-size: 0.9375rem;
vertical-align: top;
}
@media (max-width: 559px) {
table.cart-totals tbody tr th {
display: none;
}
}
@media (max-width: 559px) {
table.cart-totals tbody tr th + td {
padding-left: 0;
}
}
table.cart-totals tbody tr td {
padding: 10px;
font-size: 0.9375rem;
}
@media (max-width: 559px) {
table.cart-totals tbody tr td {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
table.cart-totals tbody tr td:before {
margin-left: 0;
margin-right: auto;
display: inline-block;
font-size: 0.9375rem;
font-weight: normal;
content: attr(data-title);
}
}
table.cart-totals tbody tr td:last-child {
padding-right: 0;
}
table.cart-totals tbody tr.cart-discount td .remove-item {
position: relative;
top: -1px;
width: 18px;
height: 18px;
text-align: left;
text-indent: -999em;
display: inline-block;
vertical-align: middle;
text-decoration: none;
color: var(--font-color-2);
line-height: 0;
background-color: var(--state-color-error);
border: 1px solid var(--state-color-error);
border-radius: 50%;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
}
@media (max-width: 559px) {
table.cart-totals tbody tr.cart-discount td .remove-item {
margin-left: 5px;
}
}
table.cart-totals tbody tr.cart-discount td .remove-item:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90a";
position: absolute;
top: 50%;
left: 50%;
display: block;
text-indent: 0;
font-size: 9px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
table.cart-totals tbody tr.cart-discount td .remove-item:hover {
color: var(--state-color-error);
background-color: var(--font-color-2);
}
@media (max-width: 559px) {
table.checkout thead {
display: none;
}
}
table.checkout thead tr th {
padding: 0 10px 20px 10px;
font-weight: bold;
font-size: 0.9375rem;
}
table.checkout thead tr th:first-child {
padding-left: 0;
}
table.checkout thead tr th:last-child {
padding-right: 0;
}
table.checkout tbody tr,
table.checkout tfoot tr {
border-top: 1px solid var(--border-color-1-a40);
}
@media (max-width: 559px) {
table.checkout tbody tr,
table.checkout tfoot tr {
padding-top: 10px;
padding-bottom: 10px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
table.checkout tbody tr th.align-right,
table.checkout tbody tr td.align-right,
table.checkout tfoot tr th.align-right,
table.checkout tfoot tr td.align-right {
margin-left: auto;
margin-right: 0;
}
}
@media (max-width: 559px) {
table.checkout tbody tr:first-child,
table.checkout tfoot tr:first-child {
border-top: none;
}
}
@media (max-width: 559px) {
table.checkout tbody tr:nth-child(1) td:last-child,
table.checkout tfoot tr:nth-child(1) td:last-child {
margin-left: auto;
}
}
table.checkout tbody tr.cart-subtotal th:first-child,
table.checkout tbody tr.cart-subtotal td:first-child, table.checkout tbody tr.cart-subtotal ~ tr th:first-child,
table.checkout tbody tr.cart-subtotal ~ tr td:first-child,
table.checkout tfoot tr.cart-subtotal th:first-child,
table.checkout tfoot tr.cart-subtotal td:first-child,
table.checkout tfoot tr.cart-subtotal ~ tr th:first-child,
table.checkout tfoot tr.cart-subtotal ~ tr td:first-child {
font-family: var(--font-family-2);
font-size: 1.125rem;
color: var(--brand-color-1);
}
@media only screen and (max-width: 480px) {
table.checkout tbody tr.cart-subtotal th:first-child,
table.checkout tbody tr.cart-subtotal td:first-child, table.checkout tbody tr.cart-subtotal ~ tr th:first-child,
table.checkout tbody tr.cart-subtotal ~ tr td:first-child,
table.checkout tfoot tr.cart-subtotal th:first-child,
table.checkout tfoot tr.cart-subtotal td:first-child,
table.checkout tfoot tr.cart-subtotal ~ tr th:first-child,
table.checkout tfoot tr.cart-subtotal ~ tr td:first-child {
font-size: 1.0625rem;
}
}
@media only screen and (min-width: 768px) {
table.checkout tbody tr.cart-subtotal th:first-child,
table.checkout tbody tr.cart-subtotal td:first-child, table.checkout tbody tr.cart-subtotal ~ tr th:first-child,
table.checkout tbody tr.cart-subtotal ~ tr td:first-child,
table.checkout tfoot tr.cart-subtotal th:first-child,
table.checkout tfoot tr.cart-subtotal td:first-child,
table.checkout tfoot tr.cart-subtotal ~ tr th:first-child,
table.checkout tfoot tr.cart-subtotal ~ tr td:first-child {
font-size: 1.1875rem;
}
}
@media only screen and (min-width: 992px) {
table.checkout tbody tr.cart-subtotal th:first-child,
table.checkout tbody tr.cart-subtotal td:first-child, table.checkout tbody tr.cart-subtotal ~ tr th:first-child,
table.checkout tbody tr.cart-subtotal ~ tr td:first-child,
table.checkout tfoot tr.cart-subtotal th:first-child,
table.checkout tfoot tr.cart-subtotal td:first-child,
table.checkout tfoot tr.cart-subtotal ~ tr th:first-child,
table.checkout tfoot tr.cart-subtotal ~ tr td:first-child {
font-size: 1.25rem;
}
}
table.checkout tbody tr th,
table.checkout tbody tr td,
table.checkout tfoot tr th,
table.checkout tfoot tr td {
vertical-align: top;
}
@media (max-width: 559px) {
table.checkout tbody tr th,
table.checkout tbody tr td,
table.checkout tfoot tr th,
table.checkout tfoot tr td {
padding-top: 0;
padding-bottom: 0;
position: relative;
}
table.checkout tbody tr th:before,
table.checkout tbody tr td:before,
table.checkout tfoot tr th:before,
table.checkout tfoot tr td:before {
margin-bottom: 5px;
display: block;
font-size: 0.9375rem;
font-weight: normal;
content: attr(data-title);
}
}
@media (max-width: 559px) {
table.checkout tbody tr th:nth-child(2),
table.checkout tbody tr td:nth-child(2),
table.checkout tfoot tr th:nth-child(2),
table.checkout tfoot tr td:nth-child(2) {
padding-left: 0;
}
}
table.checkout tbody tr th:first-child,
table.checkout tbody tr td:first-child,
table.checkout tfoot tr th:first-child,
table.checkout tfoot tr td:first-child {
padding-left: 0;
}
table.checkout tbody tr th:last-child,
table.checkout tbody tr td:last-child,
table.checkout tfoot tr th:last-child,
table.checkout tfoot tr td:last-child {
padding-right: 0;
}
table.checkout tbody tr.cart-discount td .remove-item,
table.checkout tfoot tr.cart-discount td .remove-item {
position: relative;
top: -1px;
width: 18px;
height: 18px;
text-align: left;
text-indent: -999em;
display: inline-block;
vertical-align: middle;
text-decoration: none;
color: var(--font-color-2);
line-height: 0;
background-color: var(--state-color-error);
border: 1px solid var(--state-color-error);
border-radius: 50%;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
}
@media (max-width: 559px) {
table.checkout tbody tr.cart-discount td .remove-item,
table.checkout tfoot tr.cart-discount td .remove-item {
margin-left: 5px;
}
}
table.checkout tbody tr.cart-discount td .remove-item:before,
table.checkout tfoot tr.cart-discount td .remove-item:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90a";
position: absolute;
top: 50%;
left: 50%;
display: block;
text-indent: 0;
font-size: 9px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
table.checkout tbody tr.cart-discount td .remove-item:hover,
table.checkout tfoot tr.cart-discount td .remove-item:hover {
color: var(--state-color-error);
background-color: var(--font-color-2);
}
table.menu tr th,
table.menu tr td {
padding: 8px 5px;
font-size: 0.9375rem;
text-align: left;
line-height: 1.125em;
}
table.menu tr th:first-child,
table.menu tr td:first-child {
padding-left: 0;
}
table.menu tr th:last-child,
table.menu tr td:last-child {
padding-right: 0;
}
table.menu tr th.align-left,
table.menu tr td.align-left {
text-align: left;
}
table.menu tr th.align-center,
table.menu tr td.align-center {
text-align: center;
}
table.menu tr th.align-right,
table.menu tr td.align-right {
text-align: right;
}
table.menu tr th {
padding-bottom: 18px;
position: relative;
font-family: var(--font-family-2);
color: var(--brand-color-1);
font-size: 1.25rem;
}
table.menu tr th:after {
position: absolute;
bottom: 6px;
left: 0;
right: 0;
height: 1px;
display: block;
content: "";
background-color: var(--brand-color-1);
}
table.menu tr th .small {
font-size: 0.6875rem;
}
table.menu tr td .title {
font-family: var(--font-family-2);
display: block;
}
table.menu tr td .title img {
width: auto;
max-inline-size: 112px;
max-block-size: 60px;
display: inline-block;
vertical-align: middle;
}
table.menu tr td .sub-title {
font-size: 0.6875rem;
}
table.menu tr td .price {
font-family: var(--font-family-2);
}
table.order-details thead {
border-bottom: 1px solid var(--border-color-1-a20);
}
table.order-details thead th {
padding: 0 10px 20px 10px;
font-weight: bold;
font-size: 0.9375rem;
}
table.order-details thead th:first-child {
padding-left: 0;
}
table.order-details thead th:last-child {
padding-right: 0;
}
table.order-details tbody tr,
table.order-details tfoot tr {
border-bottom: 1px solid var(--border-color-1-a20);
}
table.order-details tbody tr th,
table.order-details tbody tr td,
table.order-details tfoot tr th,
table.order-details tfoot tr td {
padding: 10px;
color: inherit;
text-align: left;
}
table.order-details tbody tr th:first-child,
table.order-details tbody tr td:first-child,
table.order-details tfoot tr th:first-child,
table.order-details tfoot tr td:first-child {
padding-left: 0;
}
table.order-details tbody tr th:last-child,
table.order-details tbody tr td:last-child,
table.order-details tfoot tr th:last-child,
table.order-details tfoot tr td:last-child {
padding-right: 0;
}
table.order-details tbody tr th .amount,
table.order-details tbody tr th .price,
table.order-details tbody tr td .amount,
table.order-details tbody tr td .price,
table.order-details tfoot tr th .amount,
table.order-details tfoot tr th .price,
table.order-details tfoot tr td .amount,
table.order-details tfoot tr td .price {
font-weight: bold;
}
table.order-details tbody tr th .small,
table.order-details tbody tr td .small,
table.order-details tfoot tr th .small,
table.order-details tfoot tr td .small {
font-size: 0.8125em;
font-weight: normal;
}
table.order-details tbody tr th ul.wc-item-meta,
table.order-details tbody tr td ul.wc-item-meta,
table.order-details tfoot tr th ul.wc-item-meta,
table.order-details tfoot tr td ul.wc-item-meta {
margin: 0;
padding: 0;
list-style-type: none;
}
table.order-details tbody tr th ul.wc-item-meta li,
table.order-details tbody tr td ul.wc-item-meta li,
table.order-details tfoot tr th ul.wc-item-meta li,
table.order-details tfoot tr td ul.wc-item-meta li {
margin: 0;
padding: 0;
}
table.order-details tbody tr th ul.wc-item-meta li:before,
table.order-details tbody tr td ul.wc-item-meta li:before,
table.order-details tfoot tr th ul.wc-item-meta li:before,
table.order-details tfoot tr td ul.wc-item-meta li:before {
display: none;
}
table.order-details tbody tr th ul.wc-item-meta li:before,
table.order-details tbody tr td ul.wc-item-meta li:before,
table.order-details tfoot tr th ul.wc-item-meta li:before,
table.order-details tfoot tr td ul.wc-item-meta li:before {
padding-left: 0;
display: none;
}
table.order-details tbody tr th ul.wc-item-meta li p,
table.order-details tbody tr td ul.wc-item-meta li p,
table.order-details tfoot tr th ul.wc-item-meta li p,
table.order-details tfoot tr td ul.wc-item-meta li p {
margin-top: 0;
}
table.orders thead th {
color: inherit;
}
table.orders thead th:first-child {
padding-left: 0;
}
table.orders thead th:last-child {
padding-right: 0;
}
table.orders tbody tr {
border-bottom: 1px solid var(--border-color-1-a20);
}
table.orders tbody tr th,
table.orders tbody tr td {
padding: 10px;
color: inherit;
}
table.orders tbody tr th:first-child,
table.orders tbody tr td:first-child {
padding-left: 0;
}
table.orders tbody tr th:last-child,
table.orders tbody tr td:last-child {
padding-right: 0;
}
table.orders tbody tr th .button, table.orders tbody tr th button, table.orders tbody tr th input[type=button], table.orders tbody tr th input[type=submit], table.orders tbody tr th input[type=reset],
table.orders tbody tr td .button,
table.orders tbody tr td button,
table.orders tbody tr td input[type=button],
table.orders tbody tr td input[type=submit],
table.orders tbody tr td input[type=reset] {
padding: 6px 15px;
font-family: var(--font-family-1);
font-size: 0.875rem;
}
table.orders tbody tr th .button:before, table.orders tbody tr th button:before, table.orders tbody tr th input[type=button]:before, table.orders tbody tr th input[type=submit]:before, table.orders tbody tr th input[type=reset]:before, table.orders tbody tr th .button:after, table.orders tbody tr th button:after, table.orders tbody tr th input[type=button]:after, table.orders tbody tr th input[type=submit]:after, table.orders tbody tr th input[type=reset]:after,
table.orders tbody tr td .button:before,
table.orders tbody tr td button:before,
table.orders tbody tr td input[type=button]:before,
table.orders tbody tr td input[type=submit]:before,
table.orders tbody tr td input[type=reset]:before,
table.orders tbody tr td .button:after,
table.orders tbody tr td button:after,
table.orders tbody tr td input[type=button]:after,
table.orders tbody tr td input[type=submit]:after,
table.orders tbody tr td input[type=reset]:after {
display: none;
}
table.orders tbody tr th .button:hover, table.orders tbody tr th button:hover, table.orders tbody tr th input[type=button]:hover, table.orders tbody tr th input[type=submit]:hover, table.orders tbody tr th input[type=reset]:hover,
table.orders tbody tr td .button:hover,
table.orders tbody tr td button:hover,
table.orders tbody tr td input[type=button]:hover,
table.orders tbody tr td input[type=submit]:hover,
table.orders tbody tr td input[type=reset]:hover {
padding: 6px 16px;
}
form.account .columns-wrapper {
margin: -8px -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.account .columns-wrapper > .column {
padding: 8px 10px;
width: 100%;
}
@media only screen and (min-width: 768px) {
form.account .columns-wrapper > .column {
width: 50%;
}
}
form.account .columns-wrapper > .column.full-width {
width: 100%;
}
form.account .columns-wrapper > .column.auto-width {
width: auto;
}
form.account fieldset {
margin: 30px 0;
}
form.account fieldset:first-child {
margin-top: 0;
}
form.account fieldset:last-child {
margin-bottom: 0;
}
form.account .form-control-label .required {
margin-left: 0;
text-decoration: none;
}
form.account .form-control-label .optional {
display: none;
}
form.account .fill-bg {
padding: 20px;
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
form.account .fill-bg {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) {
form.account .fill-bg {
padding-left: 35px;
padding-right: 35px;
}
}
form.account .form-control-label {
margin-bottom: 8px;
}
form.account .form-control-group {
margin-bottom: 16px;
}
form.account .form-control-group:last-child {
margin-bottom: 0;
}
form.account .buttons-container {
margin-top: 20px;
}
form.account button[type=submit] {
padding: 15px 35px;
}
form.add-to-cart fieldset {
padding: 0;
}
form.add-to-cart .form-control-group {
margin: 0;
}
form.add-to-cart .form-control-label {
margin: 0;
display: block;
width: 100px;
}
form.add-to-cart .number-input-element {
width: 100%;
max-width: 160px;
}
form.add-to-cart .number-input-element input[type=number] {
width: 100%;
min-width: 160px;
}
@media (max-width: 239px) {
form.add-to-cart .number-input-element input[type=number] {
min-width: 120px;
}
}
form.add-to-cart .buttons-container {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
form.add-to-cart .buttons-container .button [class^=icon-], form.add-to-cart .buttons-container button [class^=icon-], form.add-to-cart .buttons-container input[type=button] [class^=icon-], form.add-to-cart .buttons-container input[type=submit] [class^=icon-], form.add-to-cart .buttons-container input[type=reset] [class^=icon-],
form.add-to-cart .buttons-container .button [class*=" icon-"],
form.add-to-cart .buttons-container button [class*=" icon-"],
form.add-to-cart .buttons-container input[type=button] [class*=" icon-"],
form.add-to-cart .buttons-container input[type=submit] [class*=" icon-"],
form.add-to-cart .buttons-container input[type=reset] [class*=" icon-"] {
margin-left: -15px;
margin-right: 12px;
font-size: 1.375em;
}
form.add-to-cart .availability {
margin: 0;
padding: 5px 20px;
display: inline-block;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
color: var(--brand-color-1);
border: 1px solid currentColor;
border-radius: var(--border-radius-1);
}
form.add-to-cart .availability.brand-color-1 {
color: var(--font-color-2);
background-color: var(--brand-color-1);
}
form.add-to-cart .availability.brand-color-2 {
color: var(--font-color-2);
background-color: var(--brand-color-2);
}
form.add-to-cart .availability.brand-color-3 {
color: var(--font-color-2);
background-color: var(--brand-color-3);
}
form.add-to-cart .availability.brand-color-4 {
color: var(--font-color-2);
background-color: var(--brand-color-4);
}
form.add-to-cart .prices-container {
margin: -5px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
form.add-to-cart .prices-container .price-row {
padding: 1px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
form.add-to-cart .prices-container .price-row .value {
font-family: var(--font-family-2);
font-size: 1.5rem;
white-space: nowrap;
color: var(--brand-color-1);
}
@media only screen and (max-width: 480px) {
form.add-to-cart .prices-container .price-row .value {
font-size: 1.4375rem;
}
}
@media only screen and (min-width: 768px) {
form.add-to-cart .prices-container .price-row .value {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 992px) {
form.add-to-cart .prices-container .price-row .value {
font-size: 1.75rem;
}
}
@media only screen and (min-width: 1200px) {
form.add-to-cart .prices-container .price-row .value {
font-size: 1.875rem;
}
}
form.add-to-cart .prices-container .price-row .value:last-child {
margin-right: 0;
}
form.add-to-cart .prices-container .price-row .value:empty {
display: none;
}
form.add-to-cart .prices-container .price-row .value.regular-price {
font-size: 0.9375rem;
color: inherit;
}
form.add-to-cart .prices-container .price-row .strike-through {
text-decoration: line-through;
}
form.add-to-cart .prices-container .price-row .prefix,
form.add-to-cart .prices-container .price-row .suffix {
display: inline-block;
font-size: 0.9375rem;
}
form.add-to-cart .prices-container .price-row .prefix {
margin-right: 10px;
}
form.add-to-cart .prices-container .price-row .suffix {
margin-left: 10px;
}
form.add-to-cart .prices-container .price-row:last-child {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
form.add-to-cart.simple .columns-wrapper {
margin: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 480px) {
form.add-to-cart.simple .columns-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
form.add-to-cart.simple .columns-wrapper > .column {
padding: 10px;
width: auto;
}
form.add-to-cart.simple .columns-wrapper > .column:nth-child(2) {
margin: -5px -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.add-to-cart.simple .columns-wrapper > .column:nth-child(2) > div {
padding: 5px 10px;
}
form.add-to-cart.variable .columns-wrapper {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 20px;
}
@media only screen and (max-width: 480px) {
form.add-to-cart.variable .columns-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
form.add-to-cart.variable .columns-wrapper > .column {
padding: 12px 0;
width: 100%;
}
@media only screen and (max-width: 480px) {
form.add-to-cart.variable .columns-wrapper > .column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
form.add-to-cart.variable .columns-wrapper > .column.half-size {
width: calc(50% - 10px);
}
@media only screen and (max-width: 480px) {
form.add-to-cart.variable .columns-wrapper > .column.half-size {
width: 100%;
}
}
form.add-to-cart.variable .columns-wrapper > .column.hidden {
display: none;
}
form.add-to-cart.variable .columns-wrapper > .column.big-pad {
padding-top: 20px;
padding-bottom: 20px;
}
form.add-to-cart.variable .columns-wrapper > .column.big-pad > .two-side-wrapper {
margin: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.add-to-cart.variable .columns-wrapper > .column.big-pad > .two-side-wrapper > .left-side,
form.add-to-cart.variable .columns-wrapper > .column.big-pad > .two-side-wrapper > .right-side {
padding: 10px;
width: auto;
}
@media only screen and (max-width: 480px) {
form.add-to-cart.variable .columns-wrapper > .column.big-pad > .two-side-wrapper > .left-side,
form.add-to-cart.variable .columns-wrapper > .column.big-pad > .two-side-wrapper > .right-side {
width: 100%;
}
}
form.add-to-cart.variable .columns-wrapper > .column.big-pad > .two-side-wrapper > .right-side {
margin: -5px -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.add-to-cart.variable .columns-wrapper > .column.big-pad > .two-side-wrapper > .right-side > div {
padding: 5px 10px;
}
form.add-to-cart.variable .select2 {
width: 100% !important;
max-width: 100% !important;
}
form.add-to-cart.variable select {
display: none;
}
form.add-to-cart.variable .prices-container {
text-align: right;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.select {
display: none;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color {
margin: -4px 0;
padding-top: 14px;
padding-bottom: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color:before, form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color:after {
display: none;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color label.radio {
margin: 4px;
padding: 0;
position: relative;
width: 24px;
height: 24px;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color label.radio .input-wrapper {
width: 24px;
height: 24px;
border: 1px solid transparent;
border-radius: 50%;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color label.radio .input-wrapper:before {
display: none;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color label.radio .input-wrapper input {
margin: 0;
width: 22px;
height: 22px;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color label.radio .dot {
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
display: block;
background-color: var(--color);
border-radius: 50%;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color label.radio .dot:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
content: "";
background-color: var(--color);
border-radius: 50%;
border: 1px solid var(--color);
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color label.radio .dot.light:before {
border-color: #e8e8e8;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color label.radio:hover {
z-index: 2;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color label.radio:hover .input-wrapper {
border-color: var(--font-color-2);
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color label.radio.checked {
z-index: 2;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.color label.radio.checked .input-wrapper {
border-color: var(--font-color-2);
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image:before, form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image:after {
display: none;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image label.radio {
margin: 0;
padding: 20px 12px;
position: relative;
width: 40px;
height: 64px;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image label.radio + label {
margin-left: -1px;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image label.radio .input-wrapper {
width: 40px;
height: 64px;
border: 1px solid var(--border-color-1);
border-radius: 0;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image label.radio .input-wrapper:before {
display: none;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image label.radio .input-wrapper input {
margin: 0;
width: 100%;
height: 100%;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image label.radio .image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image label.radio .image img {
margin: auto;
width: 24px;
height: 24px;
display: block;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image label.radio:hover {
z-index: 2;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image label.radio:hover .input-wrapper {
border-color: var(--font-color-1);
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image label.radio.checked {
z-index: 2;
}
form.add-to-cart.variable .select-radio-switcher-container .form-control-group.radio.image label.radio.checked .input-wrapper {
border-color: var(--font-color-1);
}
form.add-to-cart.cart .buttons-container {
margin: 0;
}
form.cart .coupon-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 480px) {
form.cart .coupon-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
form.cart .coupon-container .form-control-group {
margin-bottom: 0;
margin-right: 15px;
}
@media only screen and (max-width: 480px) {
form.cart .coupon-container .form-control-group {
margin-bottom: 10px;
margin-right: 0;
width: 100%;
}
}
form.cart .coupon-container .form-control {
padding-top: 15px;
padding-bottom: 15px;
border-radius: 50px;
}
form.cart .coupon-container .button, form.cart .coupon-container button, form.cart .coupon-container input[type=button], form.cart .coupon-container input[type=submit], form.cart .coupon-container input[type=reset] {
font-family: var(--font-family-1);
}
form.cart .buttons-container {
margin: -10px calc(var(--grid-gap) / -2);
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.cart .buttons-container > .left-side,
form.cart .buttons-container > .right-side {
padding: 10px calc(var(--grid-gap) / 2);
}
form.cart .buttons-container > .right-side {
margin-left: auto;
margin-right: 0;
}
@media only screen and (min-width: 1200px) {
form.cart table.cart + .buttons-container {
width: 60%;
}
}
form.contact .overlay {
background: var(--background-fill-color-5-a90);
}
form.contact .columns-wrapper {
margin-left: -8px;
margin-right: -8px;
}
form.contact .columns-wrapper > .column {
padding: 0 8px;
width: 100%;
}
@media only screen and (min-width: 768px) {
form.contact .columns-wrapper > .column {
width: 50%;
}
}
form.contact .columns-wrapper > .column.full-width {
width: 100%;
}
form.contact fieldset {
margin: 0;
}
form.contact .form-control-group {
margin-bottom: 30px;
}
form.contact .form-control-group.checkbox {
margin-bottom: 0;
}
form.contact .form-control-label {
margin-bottom: 5px;
}
form.contact .form-control-error {
margin-top: 5px;
}
form.contact textarea {
min-height: 112px;
}
form.contact label.checkbox .input-wrapper {
border-radius: 50%;
}
form.contact .buttons-container {
margin-top: 30px;
padding-bottom: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact-form-container {
padding: 40px 20px;
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.contact-form-container {
padding: 50px 30px;
}
}
@media only screen and (min-width: 992px) {
.contact-form-container {
padding: 55px 40px;
}
}
@media only screen and (min-width: 992px) {
.contact-form-container {
padding: 60px 45px;
}
}
.contact-form-container .form-title {
margin-bottom: 20px;
font-family: var(--font-family-2);
text-align: center;
}
.contact-form-container form {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 620px;
}
form.coupon .columns-wrapper {
margin-left: -10px;
margin-right: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.coupon .columns-wrapper > .column {
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
@media only screen and (min-width: 768px) {
form.coupon .columns-wrapper > .column {
width: 50%;
}
}
form.coupon .columns-wrapper > .column.full-width {
width: 100%;
}
form.coupon .columns-wrapper > .column.auto-width {
width: auto;
}
form.coupon .columns-wrapper > .column.align-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
form.coupon .form-control-group {
margin-bottom: 16px;
}
form.coupon .form-control-group:last-child {
margin-bottom: 0;
}
form.coupon .buttons-container {
margin-top: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) {
form.coupon .buttons-container {
margin-top: 0;
}
}
form.coupon p:first-child {
margin-top: 0;
}
form.coupon p:last-child {
margin-bottom: 0;
}
.form-coupon-container .form-info {
margin-bottom: 20px;
}
form.delivery .overlay {
background: transparent;
}
form.delivery fieldset {
margin: 0;
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
form.delivery fieldset:first-of-type:not(:last-child) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
form.delivery fieldset:last-of-type:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
form.delivery fieldset:first-of-type > .inner {
padding-bottom: 25px;
}
form.delivery fieldset:last-of-type {
background-color: rgba(229, 206, 180, 0.5);
}
form.delivery fieldset:last-of-type > .inner {
padding-top: 20px;
}
form.delivery fieldset:last-of-type > .inner > .top p {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border-color-1-a30);
font-size: 0.8125rem;
text-align: center;
}
form.delivery fieldset:last-of-type > .inner > .top p:first-child {
margin-top: 0;
}
form.delivery fieldset:last-of-type > .inner > .top p:empty {
margin-bottom: 10px;
padding-bottom: 0;
border-bottom: none;
}
form.delivery fieldset > .inner {
margin-left: auto;
margin-right: auto;
padding: 40px 20px;
width: 100%;
max-width: 720px;
}
form.delivery .columns-wrapper {
margin-left: -8px;
margin-right: -8px;
}
form.delivery .columns-wrapper > .column {
padding: 0 8px;
width: 100%;
}
@media only screen and (min-width: 768px) {
form.delivery .columns-wrapper > .column {
width: 50%;
}
}
form.delivery .columns-wrapper > .column.full-width {
width: 100%;
}
form.delivery .form-control-group {
margin-bottom: 30px;
}
form.delivery .form-control-group.checkbox {
margin-bottom: 0;
}
form.delivery .form-control-label {
margin-bottom: 10px;
}
form.delivery .form-control-error {
margin-top: 5px;
}
form.delivery textarea {
min-height: 112px;
}
form.delivery label.checkbox .input-wrapper {
border-radius: 50%;
}
form.delivery .number-input-element input[type=number] {
padding: 0 20px;
min-width: 60px;
width: 60px;
background: none !important;
border: none !important;
border-radius: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
form.delivery .number-input-element button {
width: 20px;
height: 20px;
}
form.delivery .number-input-element button:before, form.delivery .number-input-element button:after {
width: 10px;
height: 1px;
}
form.delivery .input-wrapper.has-suffix {
position: relative;
}
form.delivery .input-wrapper.has-suffix input {
padding-right: 80px;
}
form.delivery .input-wrapper.has-suffix .suffix {
position: absolute;
top: 50%;
right: 15px;
display: block;
font-size: 0.9375rem;
color: var(--state-color-success);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
form.delivery .input-wrapper.has-suffix .suffix:after {
padding-left: 10px;
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e909";
display: inline-block;
}
form.delivery .input-wrapper.has-suffix .suffix.hidden {
display: none;
}
form.delivery .notification-component {
margin-top: 20px;
margin-bottom: 20px;
}
form.delivery .dynamic-input-wrapper [data-input=menu-default] {
display: none;
}
form.delivery .dynamic-input-wrapper .list .selected-input {
margin-bottom: 10px;
}
form.delivery .dynamic-input-wrapper .selected-input-wrapper {
padding: var(--input-padding);
padding-right: 15px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid var(--border-color-1-a30);
border-radius: var(--input-border-radius);
}
form.delivery .dynamic-input-wrapper .selected-input-wrapper .title,
form.delivery .dynamic-input-wrapper .selected-input-wrapper .price {
display: inline-block;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
}
form.delivery .dynamic-input-wrapper .selected-input-wrapper .title {
padding-right: 20px;
width: calc(100% - 220px);
}
@media (max-width: 559px) {
form.delivery .dynamic-input-wrapper .selected-input-wrapper .title {
width: calc(100% - 150px);
}
}
form.delivery .dynamic-input-wrapper .selected-input-wrapper .price {
padding-right: 10px;
width: 60px;
text-align: right;
}
form.delivery .dynamic-input-wrapper .selected-input-wrapper .number-input-element {
padding-right: 10px;
width: 60px;
}
form.delivery .dynamic-input-wrapper .selected-input-wrapper .remove {
width: 100px;
display: inline-block;
text-align: right;
}
@media (max-width: 559px) {
form.delivery .dynamic-input-wrapper .selected-input-wrapper .remove {
width: 30px;
}
}
form.delivery .dynamic-input-wrapper .selected-input-wrapper .remove a {
padding-right: 30px;
position: relative;
font-size: 0.8125rem;
font-weight: bold;
text-decoration: none;
display: block;
color: var(--brand-color-1);
}
@media (max-width: 559px) {
form.delivery .dynamic-input-wrapper .selected-input-wrapper .remove a {
padding-left: 0;
width: 30px;
height: 30px;
text-align: left;
text-indent: -9999em;
}
}
form.delivery .dynamic-input-wrapper .selected-input-wrapper .remove a:before, form.delivery .dynamic-input-wrapper .selected-input-wrapper .remove a:after {
position: absolute;
top: 50%;
right: 0;
display: block;
content: "";
width: 20px;
height: 1px;
background-color: currentColor;
}
@media (max-width: 559px) {
form.delivery .dynamic-input-wrapper .selected-input-wrapper .remove a:before, form.delivery .dynamic-input-wrapper .selected-input-wrapper .remove a:after {
right: 5px;
}
}
form.delivery .dynamic-input-wrapper .selected-input-wrapper .remove a:before {
-webkit-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg);
}
form.delivery .dynamic-input-wrapper .selected-input-wrapper .remove a:after {
-webkit-transform: translate(0, -50%) rotate(-45deg);
transform: translate(0, -50%) rotate(-45deg);
}
form.delivery .dynamic-input-wrapper .selected-input-wrapper .remove a:hover {
text-decoration: underline;
color: var(--font-color-3);
}
form.delivery .menu-select-container {
margin-bottom: 20px;
max-height: none;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
form.delivery .menu-select-container .scrollbar-container {
position: relative;
padding-right: 15px;
max-height: 260px;
}
form.delivery .menu-select-container .scrollbar-container .ps__rail-y {
width: 6px;
background-color: rgba(43, 43, 43, 0.12);
opacity: 1;
}
form.delivery .menu-select-container .scrollbar-container .ps__rail-y:hover .ps__thumb-y {
width: 6px;
}
form.delivery .menu-select-container .scrollbar-container .ps__thumb-y {
width: 6px;
right: 0;
background-color: var(--brand-color-1);
border-radius: 0;
}
form.delivery .menu-select-container > .header {
position: relative;
z-index: 2;
cursor: pointer;
min-height: 50px;
background-color: var(--input-background-color);
border: 1px solid var(--input-border-color);
border-radius: var(--input-border-radius);
-webkit-transition: border-color var(--animation-default-duration), border-radius var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: border-color var(--animation-default-duration), border-radius var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: border-color var(--animation-default-duration), border-radius var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: border-color var(--animation-default-duration), border-radius var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
form.delivery .menu-select-container > .header .selected {
padding: var(--input-padding);
padding-right: 40px;
position: relative;
font-size: var(--inut-font-size);
line-height: 20px;
color: var(--input-font-color);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
}
form.delivery .menu-select-container > .header .selected:after {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e905";
position: absolute;
top: 50%;
right: 20px;
font-size: 14px;
display: block;
color: var(--input-font-color);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
form.delivery .menu-select-container > .header:hover {
-webkit-box-shadow: 0 3px 0 0 var(--input-border-color);
box-shadow: 0 3px 0 0 var(--input-border-color);
}
form.delivery .menu-select-container > .header:hover .selected {
color: var(--input-font-color-hover);
}
form.delivery .menu-select-container > .body {
margin-top: calc(var(--input-border-radius) * -1);
position: absolute;
top: 100%;
left: 0;
z-index: 1;
width: 100%;
max-height: 0;
overflow: hidden;
background-color: var(--background-fill-color-1);
border: 1px solid var(--input-border-color);
border-radius: 0;
-webkit-transition: max-height var(--animation-default-duration);
transition: max-height var(--animation-default-duration);
}
form.delivery .menu-select-container > .body > .inner {
padding: 20px;
}
form.delivery .menu-select-container > .body .section-title {
margin-top: 15px;
margin-bottom: 10px;
padding-top: 15px;
font-family: var(--font-family-2);
font-size: 0.9375rem;
color: var(--brand-color-1);
border-top: 1px solid var(--border-color-1);
}
form.delivery .menu-select-container > .body .section-title:first-child {
margin-top: 15px;
padding-top: 0;
border-top: none;
}
form.delivery .menu-select-container > .body ul {
margin: 0;
padding: 0;
list-style-type: none;
}
form.delivery .menu-select-container > .body ul li {
margin: 0;
padding: 0;
}
form.delivery .menu-select-container > .body ul li:before {
display: none;
}
form.delivery .menu-select-container > .body ul li {
margin: 0;
padding: 6px 0;
font-size: 0.9375rem;
cursor: pointer;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration);
}
form.delivery .menu-select-container > .body ul li .text,
form.delivery .menu-select-container > .body ul li .price {
display: inline-block;
}
form.delivery .menu-select-container > .body ul li .text {
width: calc(100% - 100px);
}
form.delivery .menu-select-container > .body ul li .price {
width: 100px;
text-align: right;
}
form.delivery .menu-select-container > .body ul li:hover {
color: var(--brand-color-1);
}
form.delivery .menu-select-container.opened {
z-index: 3;
}
form.delivery .menu-select-container.opened > .header {
border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
-webkit-box-shadow: none;
box-shadow: none;
}
form.delivery .menu-select-container.opened > .header .selected {
border-color: var(--brand-color-1);
}
form.delivery .menu-select-container.opened > .header .selected:after {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg);
}
form.delivery .menu-select-container.opened > .body {
max-height: 360px;
border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
}
form.delivery { }
form.delivery .buttons-container {
display: block;
}
form.delivery .buttons-container .two-side-wrapper {
margin: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.delivery .buttons-container .two-side-wrapper > .left-side,
form.delivery .buttons-container .two-side-wrapper > .right-side {
margin: 10px;
}
form.delivery .buttons-container .button, form.delivery .buttons-container button, form.delivery .buttons-container input[type=button], form.delivery .buttons-container input[type=submit], form.delivery .buttons-container input[type=reset] {
padding: 1.125em 3.5em;
font-size: 1rem;
}
@media only screen and (min-width: 768px) {
form.delivery .buttons-container .button, form.delivery .buttons-container button, form.delivery .buttons-container input[type=button], form.delivery .buttons-container input[type=submit], form.delivery .buttons-container input[type=reset] {
font-size: 1.0625rem;
}
}
@media only screen and (min-width: 992px) {
form.delivery .buttons-container .button, form.delivery .buttons-container button, form.delivery .buttons-container input[type=button], form.delivery .buttons-container input[type=submit], form.delivery .buttons-container input[type=reset] {
font-size: 1.125rem;
}
}
@media only screen and (min-width: 1200px) {
form.delivery .buttons-container .button, form.delivery .buttons-container button, form.delivery .buttons-container input[type=button], form.delivery .buttons-container input[type=submit], form.delivery .buttons-container input[type=reset] {
font-size: 1.1875rem;
}
}
form.delivery .price-container {
margin: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
form.delivery .price-container .price-row {
margin: 10px;
margin-right: 60px;
font-size: 0.9375rem;
}
form.delivery .price-container .price-row:last-child {
margin-right: 10px;
}
form.delivery .price-container .price-row .label {
margin-bottom: 5px;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
font-weight: bold;
}
form.delivery .price-container .price-row .value {
font-family: var(--font-family-2);
font-size: 1.5rem;
color: var(--brand-color-1);
}
@media only screen and (max-width: 480px) {
form.delivery .price-container .price-row .value {
font-size: 1.4375rem;
}
}
@media only screen and (min-width: 768px) {
form.delivery .price-container .price-row .value {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 992px) {
form.delivery .price-container .price-row .value {
font-size: 1.75rem;
}
}
@media only screen and (min-width: 1200px) {
form.delivery .price-container .price-row .value {
font-size: 1.875rem;
}
}
form.delivery .price-container .price-row .value.small {
margin-top: 0.5em;
font-family: var(--font-family-1);
font-size: 0.9375rem;
color: var(--font-color-3);
}
.delivery-form-container .form-title {
margin-bottom: 20px;
font-family: var(--font-family-2);
text-align: center;
}
.delivery-form-container form {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 840px;
}
form.login .columns-wrapper {
margin: -8px -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.login .columns-wrapper > .column {
padding: 8px 10px;
width: 100%;
}
@media only screen and (min-width: 768px) {
form.login .columns-wrapper > .column {
width: 50%;
}
}
form.login .columns-wrapper > .column.full-width {
width: 100%;
}
form.login .columns-wrapper > .column.auto-width {
width: auto;
}
form.login .form-control-group {
margin-bottom: 16px;
}
form.login .form-control-group:last-child {
margin-bottom: 0;
}
form.login .buttons-container {
margin-top: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
form.login .buttons-container .link {
font-size: 0.875rem;
}
form.login .buttons-container .form-control-group {
margin-bottom: 0;
}
form.login .actions-container {
margin-top: 15px;
}
form.login .actions-container a {
font-size: 0.75rem;
color: inherit;
}
form.login .actions-container a:hover {
color: var(--link-color-1-hover);
}
form.login p:first-child {
margin-top: 0;
}
form.login p:last-child {
margin-bottom: 0;
}
form.login .lost-password-link {
font-size: 0.875rem;
}
.login-form-container .form-title {
margin-bottom: 25px;
font-weight: 700;
font-size: 1.125rem;
}
@media only screen and (min-width: 768px) {
.login-form-container .form-title {
font-size: 1.1875rem;
}
}
@media only screen and (min-width: 992px) {
.login-form-container .form-title {
font-size: 1.25rem;
}
}
form.lost-password .columns-wrapper {
margin: -8px -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.lost-password .columns-wrapper > .column {
padding: 8px 10px;
width: 100%;
}
@media only screen and (min-width: 768px) {
form.lost-password .columns-wrapper > .column {
width: 50%;
}
}
form.lost-password .columns-wrapper > .column.full-width {
width: 100%;
}
form.lost-password .columns-wrapper > .column.auto-width {
width: auto;
}
form.lost-password .form-control-group {
margin-bottom: 16px;
}
form.lost-password .form-control-group:last-child {
margin-bottom: 0;
}
form.lost-password .buttons-container {
margin-top: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
form.lost-password p:first-child {
margin-top: 0;
}
form.lost-password p:last-child {
margin-bottom: 0;
}
.lost-password-form-container .form-info {
margin-bottom: 20px;
}
form.order .columns-wrapper {
margin-left: -10px;
margin-right: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.order .columns-wrapper > .column {
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
@media only screen and (min-width: 768px) {
form.order .columns-wrapper > .column {
width: 50%;
}
}
form.order .columns-wrapper > .column.full-width {
width: 100%;
}
form.order .columns-wrapper > .column.auto-width {
width: auto;
}
@media only screen and (min-width: 768px) {
form.order .columns-wrapper > .column.third-width {
width: 33.33%;
}
}
form.order fieldset {
margin: 40px 0;
}
form.order fieldset:first-child {
margin-top: 0;
}
form.order fieldset:last-child {
margin-bottom: 0;
}
form.order .fill-bg {
padding: 30px 20px;
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
form.order .fill-bg {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) {
form.order .fill-bg {
padding-left: 35px;
padding-right: 35px;
}
}
form.order .toggle-content-wrapper .toggle-content {
display: none;
}
form.order .toggle-content-wrapper.opened .toggle-content {
display: block;
}
form.order .form-control-group {
margin-bottom: 20px;
}
form.order textarea {
min-height: 150px;
height: 150px;
}
form.order .buttons-container {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
form.order .buttons-container .button, form.order .buttons-container button, form.order .buttons-container input[type=button], form.order .buttons-container input[type=submit], form.order .buttons-container input[type=reset] {
padding: 1.125em 2.625em;
font-size: 1rem;
}
@media only screen and (min-width: 768px) {
form.order .buttons-container .button, form.order .buttons-container button, form.order .buttons-container input[type=button], form.order .buttons-container input[type=submit], form.order .buttons-container input[type=reset] {
font-size: 1.0625rem;
}
}
@media only screen and (min-width: 992px) {
form.order .buttons-container .button, form.order .buttons-container button, form.order .buttons-container input[type=button], form.order .buttons-container input[type=submit], form.order .buttons-container input[type=reset] {
font-size: 1.212rem;
}
}
@media only screen and (min-width: 1200px) {
form.order .buttons-container .button, form.order .buttons-container button, form.order .buttons-container input[type=button], form.order .buttons-container input[type=submit], form.order .buttons-container input[type=reset] {
font-size: 1.1875rem;
}
}
.order-form-container:not(:first-child) {
margin-top: 40px;
}
form.product-filter {
--input-font-color-selected: #ffffff;
margin-top: 40px;
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
form.product-filter .form-control-group.checkbox label.checkbox + label,
form.product-filter .form-control-group.checkbox label.radio + label, form.product-filter .form-control-group.radio label.checkbox + label,
form.product-filter .form-control-group.radio label.radio + label {
margin-top: 10px;
}
form.product-filter .form-control-group.checkbox label.checkbox .input-wrapper,
form.product-filter .form-control-group.checkbox label.radio .input-wrapper, form.product-filter .form-control-group.radio label.checkbox .input-wrapper,
form.product-filter .form-control-group.radio label.radio .input-wrapper {
top: 0;
width: 20px;
height: 20px;
}
form.product-filter .form-control-group.checkbox label.checkbox .input-wrapper:before,
form.product-filter .form-control-group.checkbox label.radio .input-wrapper:before, form.product-filter .form-control-group.radio label.checkbox .input-wrapper:before,
form.product-filter .form-control-group.radio label.radio .input-wrapper:before {
font-size: 10px;
}
form.product-filter .form-control-group.checkbox label.checkbox .input-wrapper input,
form.product-filter .form-control-group.checkbox label.radio .input-wrapper input, form.product-filter .form-control-group.radio label.checkbox .input-wrapper input,
form.product-filter .form-control-group.radio label.radio .input-wrapper input {
width: 18px;
height: 18px;
}
form.product-filter .form-control-group.checkbox label.checkbox > span,
form.product-filter .form-control-group.checkbox label.radio > span, form.product-filter .form-control-group.radio label.checkbox > span,
form.product-filter .form-control-group.radio label.radio > span {
padding: 3px 0;
}
form.product-filter .buttons-container {
margin: 15px -10px;
display: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
form.product-filter .buttons-container .button, form.product-filter .buttons-container button, form.product-filter .buttons-container input[type=button], form.product-filter .buttons-container input[type=submit], form.product-filter .buttons-container input[type=reset] {
margin: 5px 10px;
padding: 15px 25px;
font-size: 1rem;
font-weight: normal;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
form.register .columns-wrapper {
margin-left: -10px;
margin-right: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.register .columns-wrapper > .column {
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
@media only screen and (min-width: 768px) {
form.register .columns-wrapper > .column {
width: 50%;
}
}
form.register .columns-wrapper > .column.full-width {
width: 100%;
}
form.register .columns-wrapper > .column.auto-width {
width: auto;
}
form.register .form-control-group {
margin-bottom: 16px;
}
form.register .form-control-group:last-child {
margin-bottom: 0;
}
form.register .buttons-container {
margin-top: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
form.register .buttons-container .form-control-group {
margin-bottom: 0;
}
form.register .form-info {
margin-top: 20px;
}
form.register p {
font-size: 0.875rem;
}
form.register p:first-child {
margin-top: 0;
}
form.register p:last-child {
margin-bottom: 0;
}
.register-form-container .form-title {
margin-bottom: 25px;
font-weight: 700;
font-size: 1.125rem;
}
@media only screen and (min-width: 768px) {
.register-form-container .form-title {
font-size: 1.1875rem;
}
}
@media only screen and (min-width: 992px) {
.register-form-container .form-title {
font-size: 1.25rem;
}
}
form.reset-password .columns-wrapper {
margin: -8px -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form.reset-password .columns-wrapper > .column {
padding: 8px 10px;
width: 100%;
}
@media only screen and (min-width: 768px) {
form.reset-password .columns-wrapper > .column {
width: 50%;
}
}
form.reset-password .columns-wrapper > .column.full-width {
width: 100%;
}
form.reset-password .columns-wrapper > .column.auto-width {
width: auto;
}
form.reset-password .form-control-group {
margin-bottom: 16px;
}
form.reset-password .form-control-group:last-child {
margin-bottom: 0;
}
form.reset-password .buttons-container {
margin-top: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
form.reset-password p:first-child {
margin-top: 0;
}
form.reset-password p:last-child {
margin-bottom: 0;
}
.reset-password-form-container .form-info {
margin-bottom: 20px;
}
.article-list-item-container a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: var(--font-color-3);
text-decoration: none;
border: 1px solid var(--brand-color-1);
border-radius: calc(var(--border-radius-1) + 2px) calc(var(--border-radius-1) + 2px) var(--border-radius-1) var(--border-radius-1);
-webkit-box-shadow: 0 0 0 0 var(--brand-color-1);
box-shadow: 0 0 0 0 var(--brand-color-1);
-webkit-transition: background-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
.article-list-item-container a:hover {
-webkit-box-shadow: 0 5px 0 0 var(--brand-color-1);
box-shadow: 0 5px 0 0 var(--brand-color-1);
}
.article-list-item-container a:hover .body .buttons-container .button, .article-list-item-container a:hover .body .buttons-container button, .article-list-item-container a:hover .body .buttons-container input[type=button], .article-list-item-container a:hover .body .buttons-container input[type=submit], .article-list-item-container a:hover .body .buttons-container input[type=reset] {
color: var(--brand-color-1);
background-color: var(--font-color-2);
-webkit-box-shadow: 0 3px 0 0 var(--brand-color-1);
box-shadow: 0 3px 0 0 var(--brand-color-1);
}
.article-list-item-container figure {
margin: -1px;
margin-bottom: 0;
position: relative;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.article-list-item-container figure > .inner {
position: relative;
overflow: hidden;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.article-list-item-container figure > .inner:before {
padding-top: 56%;
display: block;
content: "";
}
.article-list-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px);
height: auto;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.article-list-item-container .body {
padding: 30px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
@media only screen and (max-width: 480px) {
.article-list-item-container .body {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (min-width: 768px) {
.article-list-item-container .body {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) {
.article-list-item-container .body {
padding-left: 35px;
padding-right: 35px;
}
}
@media only screen and (min-width: 1200px) {
.article-list-item-container .body {
padding-left: 40px;
padding-right: 40px;
}
}
.article-list-item-container .body > .top {
margin-bottom: 20px;
}
.article-list-item-container .body > .bottom {
margin-top: auto;
margin-bottom: 0;
}
.article-list-item-container .body .title {
margin-top: 6px;
font-family: var(--font-family-2);
font-weight: normal;
font-size: 1.25rem;
line-height: 1em;
}
.article-list-item-container .body .description {
margin-top: 10px;
margin-bottom: auto;
}
.article-list-item-container .body .description p {
display: block;
display: -webkit-box;
font-size: 0.9375rem;
line-height: 1.205em;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 4.6875rem;
overflow: hidden;
text-overflow: ellipsis;
}
.article-list-item-container .body .description p:first-child {
margin-top: 0;
}
.article-list-item-container .body .description p:last-child {
margin-bottom: 0;
}
.article-list-item-container .body p:first-of-type {
margin-top: 0;
}
.article-list-item-container .body p:last-child {
margin-bottom: 0;
}
.article-list-item-container .body .buttons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.article-list-item-container .body .buttons-container .button, .article-list-item-container .body .buttons-container button, .article-list-item-container .body .buttons-container input[type=button], .article-list-item-container .body .buttons-container input[type=submit], .article-list-item-container .body .buttons-container input[type=reset] {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.article-list-item-container .body .buttons-container .button:hover, .article-list-item-container .body .buttons-container button:hover, .article-list-item-container .body .buttons-container input[type=button]:hover, .article-list-item-container .body .buttons-container input[type=submit]:hover, .article-list-item-container .body .buttons-container input[type=reset]:hover {
color: var(--brand-color-1);
background-color: var(--font-color-2);
-webkit-box-shadow: 0 3px 0 0 var(--brand-color-1);
box-shadow: 0 3px 0 0 var(--brand-color-1);
}
.article-slider-item-container a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: var(--font-color-3);
text-decoration: none;
border: 1px solid var(--brand-color-1);
border-radius: calc(var(--border-radius-1) + 2px) calc(var(--border-radius-1) + 2px) var(--border-radius-1) var(--border-radius-1);
-webkit-box-shadow: 0 0 0 0 var(--brand-color-1);
box-shadow: 0 0 0 0 var(--brand-color-1);
-webkit-transition: background-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
.article-slider-item-container a:hover {
-webkit-box-shadow: 0 5px 0 0 var(--brand-color-1);
box-shadow: 0 5px 0 0 var(--brand-color-1);
}
.article-slider-item-container a:hover .body .buttons-container .button, .article-slider-item-container a:hover .body .buttons-container button, .article-slider-item-container a:hover .body .buttons-container input[type=button], .article-slider-item-container a:hover .body .buttons-container input[type=submit], .article-slider-item-container a:hover .body .buttons-container input[type=reset] {
color: var(--brand-color-1);
background-color: var(--font-color-2);
-webkit-box-shadow: 0 3px 0 0 var(--brand-color-1);
box-shadow: 0 3px 0 0 var(--brand-color-1);
}
.article-slider-item-container figure {
margin: -1px;
margin-bottom: 0;
position: relative;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.article-slider-item-container figure > .inner {
position: relative;
overflow: hidden;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.article-slider-item-container figure > .inner:before {
padding-top: 56%;
display: block;
content: "";
}
.article-slider-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px);
height: auto;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.article-slider-item-container .body {
padding: 30px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
@media only screen and (max-width: 480px) {
.article-slider-item-container .body {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (min-width: 768px) {
.article-slider-item-container .body {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) {
.article-slider-item-container .body {
padding-left: 35px;
padding-right: 35px;
}
}
@media only screen and (min-width: 1200px) {
.article-slider-item-container .body {
padding-left: 40px;
padding-right: 40px;
}
}
.article-slider-item-container .body > .top {
margin-bottom: 20px;
}
.article-slider-item-container .body > .bottom {
margin-top: auto;
margin-bottom: 0;
}
.article-slider-item-container .body .title {
margin-top: 6px;
font-family: var(--font-family-2);
font-weight: normal;
font-size: 1.25rem;
line-height: 1em;
}
.article-slider-item-container .body .description {
margin-top: 10px;
margin-bottom: auto;
}
.article-slider-item-container .body .description p {
display: block;
display: -webkit-box;
font-size: 0.9375rem;
line-height: 1.205em;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 4.6875rem;
overflow: hidden;
text-overflow: ellipsis;
}
.article-slider-item-container .body .description p:first-child {
margin-top: 0;
}
.article-slider-item-container .body .description p:last-child {
margin-bottom: 0;
}
.article-slider-item-container .body p:first-of-type {
margin-top: 0;
}
.article-slider-item-container .body p:last-child {
margin-bottom: 0;
}
.article-slider-item-container .body .buttons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.article-slider-item-container .body .buttons-container .button, .article-slider-item-container .body .buttons-container button, .article-slider-item-container .body .buttons-container input[type=button], .article-slider-item-container .body .buttons-container input[type=submit], .article-slider-item-container .body .buttons-container input[type=reset] {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.article-slider-item-container .body .buttons-container .button:hover, .article-slider-item-container .body .buttons-container button:hover, .article-slider-item-container .body .buttons-container input[type=button]:hover, .article-slider-item-container .body .buttons-container input[type=submit]:hover, .article-slider-item-container .body .buttons-container input[type=reset]:hover {
color: var(--brand-color-1);
background-color: var(--font-color-2);
-webkit-box-shadow: 0 3px 0 0 var(--brand-color-1);
box-shadow: 0 3px 0 0 var(--brand-color-1);
}
.brand-slider-item-container figure img {
margin: auto;
max-width: calc(100% - 20px);
max-height: 60px;
width: auto;
height: auto;
display: block;
}
.event-list-item-container a {
position: relative;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.event-list-item-container a:hover figure img {
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.event-list-item-container a:hover figure .overlay {
opacity: 1;
}
.event-list-item-container a:hover figure .overlay .button, .event-list-item-container a:hover figure .overlay button, .event-list-item-container a:hover figure .overlay input[type=button], .event-list-item-container a:hover figure .overlay input[type=submit], .event-list-item-container a:hover figure .overlay input[type=reset] {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.event-list-item-container figure {
position: relative;
overflow: hidden;
max-height: 420px;
border-radius: var(--border-radius-1);
}
.event-list-item-container figure:before {
padding-top: 68%;
display: block;
content: "";
}
.event-list-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px);
border-radius: var(--border-radius-1);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.event-list-item-container figure .overlay {
position: absolute;
inset: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
.event-list-item-container figure .overlay .button, .event-list-item-container figure .overlay button, .event-list-item-container figure .overlay input[type=button], .event-list-item-container figure .overlay input[type=submit], .event-list-item-container figure .overlay input[type=reset] {
position: relative;
color: var(--brand-color-1);
background-color: var(--background-fill-color-1);
border-color: var(--brand-color-1);
-webkit-box-shadow: 0 3px 0 0 currentColor;
box-shadow: 0 3px 0 0 currentColor;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.event-list-item-container .body {
margin-top: 20px;
}
.event-list-item-container .body > .bottom {
margin-top: 5px;
}
.event-list-item-container .body .title {
font-family: var(--font-family-2);
font-size: 1.875rem;
line-height: 1em;
color: var(--brand-color-1);
}
@media only screen and (max-width: 480px) {
.event-list-item-container .body .title {
font-size: max(1.6275rem, 6vw);
}
}
@media only screen and (min-width: 768px) {
.event-list-item-container .body .title {
font-size: 2rem;
}
}
@media only screen and (min-width: 992px) {
.event-list-item-container .body .title {
font-size: 2.25rem;
}
}
@media only screen and (min-width: 1200px) {
.event-list-item-container .body .title {
font-size: 2.5rem;
}
}
.event-slider-item-container a {
padding: 35px 0;
position: relative;
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.event-slider-item-container a {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 992px) {
.event-slider-item-container a {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) {
.event-slider-item-container a {
padding-top: 55px;
padding-bottom: 55px;
}
}
.event-slider-item-container a:hover figure img {
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.event-slider-item-container figure {
position: relative;
}
.event-slider-item-container .body .title {
position: relative;
padding-left: 40px;
font-size: 1.25rem;
line-height: 1.125em;
}
@media only screen and (min-width: 768px) {
.event-slider-item-container .body .title {
font-size: 1.3125rem;
}
}
@media only screen and (min-width: 992px) {
.event-slider-item-container .body .title {
font-size: 1.4375rem;
}
}
@media only screen and (min-width: 1200px) {
.event-slider-item-container .body .title {
font-size: 1.5625rem;
}
}
.feature-list-item-container {
text-align: center;
}
.feature-list-item-container .value {
font-size: clamp(1.5rem, 3.5vw, 2.5rem);
font-family: var(--font-family-2);
color: var(--brand-color-1);
}
.feature-list-item-container .title {
margin-top: 12px;
font-size: clamp(1.25rem, 2.5vw, 1.625rem);
line-height: var(--font-line-height-2);
}
.portfolio-list-item-container a {
position: relative;
display: -ms-grid;
display: grid;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
grid-template-areas: "both";
color: var(--brand-color-1);
text-decoration: none;
border-radius: var(--border-radius-1);
}
.portfolio-list-item-container a:hover .body .buttons-container .button, .portfolio-list-item-container a:hover .body .buttons-container button, .portfolio-list-item-container a:hover .body .buttons-container input[type=button], .portfolio-list-item-container a:hover .body .buttons-container input[type=submit], .portfolio-list-item-container a:hover .body .buttons-container input[type=reset] {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
.portfolio-list-item-container figure {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: both;
overflow: hidden;
border-radius: var(--border-radius-1);
}
.portfolio-list-item-container figure img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
aspect-ratio: 0.73;
display: block;
height: auto;
border-radius: var(--border-radius-1);
}
.portfolio-list-item-container .body {
-ms-grid-row: 1;
-ms-grid-column: 1;
padding: 30px;
padding-block: clamp(20px, 3vw, 35px);
position: relative;
grid-area: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
@media only screen and (max-width: 480px) {
.portfolio-list-item-container .body {
padding-block: clamp(20px, 8vw, 35px);
}
}
.portfolio-list-item-container .body > .top {
margin-bottom: 20px;
}
.portfolio-list-item-container .body > .bottom {
margin-top: auto;
margin-bottom: 0;
}
.portfolio-list-item-container .body .title {
margin-inline: -20px;
font-family: var(--font-family-2);
font-weight: normal;
font-size: clamp(1.5rem, 2.5vw, 2.5rem);
line-height: 1em;
}
@media only screen and (max-width: 480px) {
.portfolio-list-item-container .body .title {
font-size: clamp(1.5rem, 6vw, 2.5rem);
}
}
.portfolio-list-item-container .body .buttons-container .button, .portfolio-list-item-container .body .buttons-container button, .portfolio-list-item-container .body .buttons-container input[type=button], .portfolio-list-item-container .body .buttons-container input[type=submit], .portfolio-list-item-container .body .buttons-container input[type=reset] {
color: var(--brand-color-1);
background-color: var(--font-color-2);
border-color: var(--brand-color-1);
}
.portfolio-list-item-container .body .buttons-container .button:hover, .portfolio-list-item-container .body .buttons-container button:hover, .portfolio-list-item-container .body .buttons-container input[type=button]:hover, .portfolio-list-item-container .body .buttons-container input[type=submit]:hover, .portfolio-list-item-container .body .buttons-container input[type=reset]:hover {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
.portfolio-slider-item-container a {
position: relative;
display: -ms-grid;
display: grid;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
grid-template-areas: "both";
color: var(--font-color-2);
text-decoration: none;
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.portfolio-slider-item-container a:hover .body .buttons-container {
opacity: 1;
}
}
.portfolio-slider-item-container figure {
-ms-grid-row: 1;
-ms-grid-column: 1;
position: relative;
z-index: 1;
grid-area: both;
overflow: hidden;
border-radius: var(--border-radius-1);
}
.portfolio-slider-item-container figure:before {
position: absolute;
z-index: 0;
top: 0;
left: 0;
right: 0;
height: 50%;
display: block;
content: "";
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--background-fill-color-2-a90)), to(var(--background-fill-color-2-a00)));
background-image: linear-gradient(to bottom, var(--background-fill-color-2-a90) 0%, var(--background-fill-color-2-a00) 100%);
pointer-events: none;
}
.portfolio-slider-item-container figure img {
max-height: 480px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
aspect-ratio: 4/3;
display: block;
height: auto;
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.portfolio-slider-item-container figure img {
aspect-ratio: 802/1054;
max-height: none;
}
}
.portfolio-slider-item-container .body {
-ms-grid-row: 1;
-ms-grid-column: 1;
padding: clamp(20px, 5vw, 35px) clamp(20px, 5vw, 45px);
position: relative;
z-index: 2;
grid-area: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.portfolio-slider-item-container .body > .top {
margin-bottom: 20px;
}
.portfolio-slider-item-container .body > .bottom {
margin-top: auto;
margin-bottom: 0;
}
.portfolio-slider-item-container .body .title {
margin-bottom: 6px;
font-family: var(--font-family-2);
font-weight: normal;
font-size: clamp(1.5rem, 3vw, 2.1875rem);
line-height: var(--font-line-height-1);
}
.portfolio-slider-item-container .body .sub-title {
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
}
.portfolio-slider-item-container .body .buttons-container {
opacity: 1;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
@media only screen and (min-width: 768px) {
.portfolio-slider-item-container .body .buttons-container {
opacity: 0;
}
}
.portfolio-slider-item-container .body .buttons-container .button, .portfolio-slider-item-container .body .buttons-container button, .portfolio-slider-item-container .body .buttons-container input[type=button], .portfolio-slider-item-container .body .buttons-container input[type=submit], .portfolio-slider-item-container .body .buttons-container input[type=reset] {
color: var(--brand-color-1);
background-color: var(--font-color-2);
border-color: var(--brand-color-1);
}
.portfolio-slider-item-container .body .buttons-container .button:hover, .portfolio-slider-item-container .body .buttons-container button:hover, .portfolio-slider-item-container .body .buttons-container input[type=button]:hover, .portfolio-slider-item-container .body .buttons-container input[type=submit]:hover, .portfolio-slider-item-container .body .buttons-container input[type=reset]:hover {
color: var(--brand-color-1);
background-color: var(--font-color-2);
border-color: var(--brand-color-1);
}
.product-list-item-container a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: var(--font-color-3);
text-decoration: none;
border: 1px solid var(--brand-color-1);
border-radius: calc(var(--border-radius-1) + 2px) calc(var(--border-radius-1) + 2px) var(--border-radius-1) var(--border-radius-1);
-webkit-box-shadow: 0 0 0 0 var(--brand-color-1);
box-shadow: 0 0 0 0 var(--brand-color-1);
-webkit-transition: background-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
.product-list-item-container a:hover {
-webkit-box-shadow: 0 5px 0 0 var(--brand-color-1);
box-shadow: 0 5px 0 0 var(--brand-color-1);
}
@media only screen and (min-width: 768px) {
.product-list-item-container a:hover figure > .inner:before {
padding-top: calc(56% - 20px);
}
}
.product-list-item-container a:hover figure .label {
-webkit-transform: translateY(30%);
transform: translateY(30%);
}
@media only screen and (min-width: 768px) {
.product-list-item-container a:hover .body {
padding-top: 40px;
}
}
@media only screen and (min-width: 768px) {
.product-list-item-container a:hover .body > .top {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@media only screen and (min-width: 768px) {
.product-list-item-container a:hover .body > .bottom {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@media only screen and (min-width: 768px) {
.product-list-item-container a:hover .body .description {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media only screen and (min-width: 768px) {
.product-list-item-container a:hover .body .buttons-container {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.product-list-item-container figure {
margin: -1px;
margin-bottom: 0;
position: relative;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.product-list-item-container figure > .inner {
position: relative;
overflow: hidden;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.product-list-item-container figure > .inner:before {
padding-top: 56%;
display: block;
content: "";
-webkit-transition: padding var(--animation-default-duration);
transition: padding var(--animation-default-duration);
}
.product-list-item-container figure .meta-component {
position: absolute;
z-index: 2;
top: 5px;
left: 5px;
}
.product-list-item-container figure .meta-component ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.product-list-item-container figure .meta-component ul li {
margin: 0;
padding: 0;
}
.product-list-item-container figure .meta-component ul li:before {
display: none;
}
.product-list-item-container figure .meta-component ul {
margin: -3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-list-item-container figure .meta-component ul li {
margin: 3px;
padding: 6px 20px;
text-align: center;
color: var(--font-color-3);
font-weight: normal;
font-size: 0.9375rem;
background-color: var(--background-fill-color-1);
border-radius: calc(var(--border-radius-1) - 2px);
}
.product-list-item-container figure .meta-component ul li.count {
text-align: left;
color: var(--font-color-2);
background-color: var(--background-fill-color-2-a60);
border: 1px solid currentColor;
border-radius: var(--border-radius-1);
}
.product-list-item-container figure .meta-component ul li.count.brand-color-1 {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
.product-list-item-container figure .meta-component ul li.count.brand-color-2 {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2);
}
.product-list-item-container figure .meta-component ul li.count.brand-color-3 {
color: var(--font-color-2);
background-color: var(--brand-color-3);
border-color: var(--brand-color-3);
}
.product-list-item-container figure .meta-component ul li.count.brand-color-4 {
color: var(--font-color-2);
background-color: var(--brand-color-4);
border-color: var(--brand-color-4);
}
.product-list-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px);
height: auto;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.product-list-item-container figure .label {
--bg-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/icons/label-green.svg);
position: absolute;
z-index: 2;
bottom: 0;
left: 30px;
width: 84px;
height: 84px;
background-image: var(--bg-image);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
-webkit-transform: translateY(30%);
transform: translateY(30%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
@media only screen and (max-width: 480px) {
.product-list-item-container figure .label {
left: 25px;
}
}
@media only screen and (min-width: 768px) {
.product-list-item-container figure .label {
left: 30px;
}
}
@media only screen and (min-width: 992px) {
.product-list-item-container figure .label {
left: 35px;
}
}
@media only screen and (min-width: 1200px) {
.product-list-item-container figure .label {
left: 40px;
}
}
.product-list-item-container figure .label .text {
position: absolute;
top: 50%;
left: 50%;
font-family: var(--font-family-2);
font-size: 0.75rem;
line-height: 1em;
color: var(--font-color-2);
display: block;
text-transform: uppercase;
-webkit-transform: translate(-50%, -50%) rotate(-15deg);
transform: translate(-50%, -50%) rotate(-15deg);
}
.product-list-item-container .body {
padding: 30px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-transition: padding var(--animation-default-duration);
transition: padding var(--animation-default-duration);
}
@media only screen and (max-width: 480px) {
.product-list-item-container .body {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (min-width: 768px) {
.product-list-item-container .body {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) {
.product-list-item-container .body {
padding-left: 35px;
padding-right: 35px;
}
}
@media only screen and (min-width: 1200px) {
.product-list-item-container .body {
padding-left: 40px;
padding-right: 40px;
}
}
.product-list-item-container .body > .top {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
@media only screen and (min-width: 768px) {
.product-list-item-container .body > .top {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
}
.product-list-item-container .body > .top .two-side-wrapper {
margin: -5px -10px;
margin-top: 0;
margin-bottom: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-list-item-container .body > .top .two-side-wrapper > .left-side,
.product-list-item-container .body > .top .two-side-wrapper > .right-side {
padding: 5px 10px;
}
.product-list-item-container .body > .bottom {
margin-top: auto;
margin-bottom: 0;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.product-list-item-container .body .title {
margin-top: 6px;
font-family: var(--font-family-2);
font-weight: normal;
font-size: 1.25rem;
line-height: 1em;
}
.product-list-item-container .body .description {
margin-top: auto;
margin-bottom: auto;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
@media only screen and (min-width: 768px) {
.product-list-item-container .body .description {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
.product-list-item-container .body .description p {
display: block;
display: -webkit-box;
font-size: 0.9375rem;
line-height: 1.205em;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 4.6875rem;
overflow: hidden;
text-overflow: ellipsis;
}
.product-list-item-container .body .description p:first-child {
margin-top: 0;
}
.product-list-item-container .body .description p:last-child {
margin-bottom: 0;
}
.product-list-item-container .body .price .value {
color: var(--brand-color-1);
font-weight: normal;
white-space: nowrap;
font-size: 1.5rem;
line-height: 1em;
}
@media only screen and (max-width: 480px) {
.product-list-item-container .body .price .value {
font-size: min(1.4375rem, 6vw);
}
}
@media only screen and (min-width: 768px) {
.product-list-item-container .body .price .value {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 992px) {
.product-list-item-container .body .price .value {
font-size: 1.75rem;
}
}
@media only screen and (min-width: 1200px) {
.product-list-item-container .body .price .value {
font-size: 1.875rem;
}
}
.product-list-item-container .body .price.regular {
text-align: right;
}
.product-list-item-container .body .price.regular .value {
color: var(--font-color-3);
font-size: 0.875rem;
text-decoration: line-through;
font-weight: 700;
}
.product-list-item-container .body p:first-of-type {
margin-top: 0;
}
.product-list-item-container .body p:last-child {
margin-bottom: 0;
}
.product-list-item-container .body .buttons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.product-list-item-container .body .buttons-container {
-webkit-transform: translateY(calc(100% + 40px));
transform: translateY(calc(100% + 40px));
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
}
.product-list-item-container .body .buttons-container .button, .product-list-item-container .body .buttons-container button, .product-list-item-container .body .buttons-container input[type=button], .product-list-item-container .body .buttons-container input[type=submit], .product-list-item-container .body .buttons-container input[type=reset] {
background-color: var(--font-color-2);
}
.product-list-item-container .body .buttons-container .button:hover, .product-list-item-container .body .buttons-container button:hover, .product-list-item-container .body .buttons-container input[type=button]:hover, .product-list-item-container .body .buttons-container input[type=submit]:hover, .product-list-item-container .body .buttons-container input[type=reset]:hover {
color: var(--font-color-2);
background-color: var(--brand-color-1);
}
.product-slider-item-container a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: var(--font-color-3);
text-decoration: none;
border: 1px solid var(--brand-color-1);
border-radius: calc(var(--border-radius-1) + 2px) calc(var(--border-radius-1) + 2px) var(--border-radius-1) var(--border-radius-1);
-webkit-box-shadow: 0 0 0 0 var(--brand-color-1);
box-shadow: 0 0 0 0 var(--brand-color-1);
-webkit-transition: background-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
.product-slider-item-container a:hover {
-webkit-box-shadow: 0 5px 0 0 var(--brand-color-1);
box-shadow: 0 5px 0 0 var(--brand-color-1);
}
@media only screen and (min-width: 768px) {
.product-slider-item-container a:hover figure > .inner:before {
padding-top: calc(56% - 20px);
}
}
.product-slider-item-container a:hover figure .label {
-webkit-transform: translateY(30%);
transform: translateY(30%);
}
@media only screen and (min-width: 768px) {
.product-slider-item-container a:hover .body {
padding-top: 40px;
}
}
@media only screen and (min-width: 768px) {
.product-slider-item-container a:hover .body > .top {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@media only screen and (min-width: 768px) {
.product-slider-item-container a:hover .body > .bottom {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@media only screen and (min-width: 768px) {
.product-slider-item-container a:hover .body .description {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media only screen and (min-width: 768px) {
.product-slider-item-container a:hover .body .buttons-container {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.product-slider-item-container figure {
margin: -1px;
margin-bottom: 0;
position: relative;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.product-slider-item-container figure > .inner {
position: relative;
overflow: hidden;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.product-slider-item-container figure > .inner:before {
padding-top: 56%;
display: block;
content: "";
-webkit-transition: padding var(--animation-default-duration);
transition: padding var(--animation-default-duration);
}
.product-slider-item-container figure .meta-component {
position: absolute;
z-index: 2;
top: 5px;
left: 5px;
}
.product-slider-item-container figure .meta-component ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.product-slider-item-container figure .meta-component ul li {
margin: 0;
padding: 0;
}
.product-slider-item-container figure .meta-component ul li:before {
display: none;
}
.product-slider-item-container figure .meta-component ul {
margin: -3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-slider-item-container figure .meta-component ul li {
margin: 3px;
padding: 6px 20px;
text-align: center;
color: var(--font-color-3);
font-weight: normal;
font-size: 0.9375rem;
background-color: var(--background-fill-color-1);
border-radius: calc(var(--border-radius-1) - 2px);
}
.product-slider-item-container figure .meta-component ul li.count {
text-align: left;
color: var(--font-color-2);
background-color: var(--background-fill-color-2-a60);
border: 1px solid currentColor;
border-radius: var(--border-radius-1);
}
.product-slider-item-container figure .meta-component ul li.count.brand-color-1 {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
.product-slider-item-container figure .meta-component ul li.count.brand-color-2 {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2);
}
.product-slider-item-container figure .meta-component ul li.count.brand-color-3 {
color: var(--font-color-2);
background-color: var(--brand-color-3);
border-color: var(--brand-color-3);
}
.product-slider-item-container figure .meta-component ul li.count.brand-color-4 {
color: var(--font-color-2);
background-color: var(--brand-color-4);
border-color: var(--brand-color-4);
}
.product-slider-item-container figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px);
height: auto;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.product-slider-item-container figure .label {
position: absolute;
z-index: 2;
bottom: 0;
left: 30px;
width: 84px;
height: 84px;
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/icons/label-green.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
-webkit-transform: translateY(30%);
transform: translateY(30%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
@media only screen and (max-width: 480px) {
.product-slider-item-container figure .label {
left: 25px;
}
}
@media only screen and (min-width: 768px) {
.product-slider-item-container figure .label {
left: 30px;
}
}
@media only screen and (min-width: 992px) {
.product-slider-item-container figure .label {
left: 35px;
}
}
@media only screen and (min-width: 1200px) {
.product-slider-item-container figure .label {
left: 40px;
}
}
.product-slider-item-container figure .label .text {
position: absolute;
top: 50%;
left: 50%;
font-family: var(--font-family-2);
font-size: 0.875rem;
line-height: 1em;
color: var(--font-color-2);
display: block;
text-transform: uppercase;
-webkit-transform: translate(-50%, -50%) rotate(-15deg);
transform: translate(-50%, -50%) rotate(-15deg);
}
.product-slider-item-container .body {
padding: 30px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-transition: padding var(--animation-default-duration);
transition: padding var(--animation-default-duration);
}
@media only screen and (max-width: 480px) {
.product-slider-item-container .body {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (min-width: 768px) {
.product-slider-item-container .body {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) {
.product-slider-item-container .body {
padding-left: 35px;
padding-right: 35px;
}
}
@media only screen and (min-width: 1200px) {
.product-slider-item-container .body {
padding-left: 40px;
padding-right: 40px;
}
}
.product-slider-item-container .body > .top {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
@media only screen and (min-width: 768px) {
.product-slider-item-container .body > .top {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
}
.product-slider-item-container .body > .top .two-side-wrapper {
margin: -5px -10px;
margin-top: 0;
margin-bottom: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-slider-item-container .body > .top .two-side-wrapper > .left-side,
.product-slider-item-container .body > .top .two-side-wrapper > .right-side {
padding: 5px 10px;
}
.product-slider-item-container .body > .bottom {
margin-top: auto;
margin-bottom: 0;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.product-slider-item-container .body .title {
margin-top: 6px;
font-family: var(--font-family-2);
font-weight: normal;
font-size: 1.25rem;
line-height: 1em;
}
.product-slider-item-container .body .description {
margin-top: auto;
margin-bottom: auto;
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
@media only screen and (min-width: 768px) {
.product-slider-item-container .body .description {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
.product-slider-item-container .body .description p {
display: block;
display: -webkit-box;
font-size: 0.9375rem;
line-height: 1.205em;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 4.6875rem;
overflow: hidden;
text-overflow: ellipsis;
}
.product-slider-item-container .body .description p:first-child {
margin-top: 0;
}
.product-slider-item-container .body .description p:last-child {
margin-bottom: 0;
}
.product-slider-item-container .body .price .value {
color: var(--brand-color-1);
font-weight: normal;
white-space: nowrap;
font-size: 1.5rem;
line-height: 1em;
}
@media only screen and (max-width: 480px) {
.product-slider-item-container .body .price .value {
font-size: min(1.4375rem, 6vw);
}
}
@media only screen and (min-width: 768px) {
.product-slider-item-container .body .price .value {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 992px) {
.product-slider-item-container .body .price .value {
font-size: 1.75rem;
}
}
@media only screen and (min-width: 1200px) {
.product-slider-item-container .body .price .value {
font-size: 1.875rem;
}
}
.product-slider-item-container .body .price.regular {
text-align: right;
}
.product-slider-item-container .body .price.regular .value {
color: var(--font-color-3);
font-size: 0.875rem;
text-decoration: line-through;
font-weight: 700;
}
.product-slider-item-container .body p:first-of-type {
margin-top: 0;
}
.product-slider-item-container .body p:last-child {
margin-bottom: 0;
}
.product-slider-item-container .body .buttons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.product-slider-item-container .body .buttons-container {
-webkit-transform: translateY(calc(100% + 40px));
transform: translateY(calc(100% + 40px));
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
}
.product-slider-item-container .body .buttons-container .button, .product-slider-item-container .body .buttons-container button, .product-slider-item-container .body .buttons-container input[type=button], .product-slider-item-container .body .buttons-container input[type=submit], .product-slider-item-container .body .buttons-container input[type=reset] {
background-color: var(--font-color-2);
}
.product-slider-item-container .body .buttons-container .button:hover, .product-slider-item-container .body .buttons-container button:hover, .product-slider-item-container .body .buttons-container input[type=button]:hover, .product-slider-item-container .body .buttons-container input[type=submit]:hover, .product-slider-item-container .body .buttons-container input[type=reset]:hover {
color: var(--font-color-2);
background-color: var(--brand-color-1);
}
.space-slider-item-container a {
display: block;
outline: none;
text-decoration: none;
}
.space-slider-item-container figure {
position: relative;
}
.space-slider-item-container figure img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
aspect-ratio: 16/9;
display: block;
height: auto;
border-radius: var(--border-radius-1);
}
.space-slider-item-container .body {
margin-top: 15px;
color: var(--brand-color-1);
}
.space-slider-item-container .body > .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
.space-slider-item-container .body .title {
max-width: 240px;
font-family: var(--font-family-2);
font-weight: normal;
font-size: clamp(1.625rem, 2.5vw, 2.5rem);
line-height: var(--font-line-height-1);
}
.space-slider-item-container .body p {
margin: 0;
max-width: 260px;
font-size: 1.25rem;
line-height: var(--font-line-height-1);
}
.space-slider-item-container .body .buttons-container .button, .space-slider-item-container .body .buttons-container button, .space-slider-item-container .body .buttons-container input[type=button], .space-slider-item-container .body .buttons-container input[type=submit], .space-slider-item-container .body .buttons-container input[type=reset] {
background-color: var(--font-color-2);
}
.space-slider-item-container .body .buttons-container .button:hover, .space-slider-item-container .body .buttons-container button:hover, .space-slider-item-container .body .buttons-container input[type=button]:hover, .space-slider-item-container .body .buttons-container input[type=submit]:hover, .space-slider-item-container .body .buttons-container input[type=reset]:hover {
color: var(--font-color-2);
background-color: var(--brand-color-1);
}
.testimonial-slider-item-container p:first-child {
margin-top: 0;
}
.testimonial-slider-item-container p:last-child {
margin-bottom: 0;
}
.testimonial-slider-item-container p.author {
margin-top: calc(15px - 1.5em);
font-family: var(--font-family-2);
font-size: 1.125rem;
}
@media only screen and (min-width: 768px) {
.testimonial-slider-item-container p.author {
font-size: 1.125rem;
}
}
@media only screen and (min-width: 992px) {
.testimonial-slider-item-container p.author {
font-size: 1.1875rem;
}
}
@media only screen and (min-width: 1200px) {
.testimonial-slider-item-container p.author {
font-size: 1.25rem;
}
}
.testimonial-slider-item-container p.author:before {
margin-right: 5px;
display: inline-block;
content: "-";
}
nav ul {
margin: 0;
padding: 0;
}
nav ul li {
margin: 0;
padding: 0;
font-size: 1em;
font-style: normal;
font-weight: normal;
background: none;
}
nav ul li:before {
display: none;
content: "";
background: none;
}
nav ul li a {
text-decoration: none;
}
nav ul li a:hover, nav ul li a:focus, nav ul li a:active {
text-decoration: none;
outline: none;
}
nav.account {
position: relative;
}
nav.account > .header {
padding: 18px 20px;
padding-right: 40px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
border: 1px solid var(--font-color-3);
border-radius: calc(var(--border-radius-1) / 2);
cursor: pointer;
}
@media only screen and (min-width: 992px) {
nav.account > .header {
display: none !important;
}
}
nav.account > .header:hover {
color: var(--font-color-2);
background-color: var(--font-color-3);
}
nav.account > .header:after {
position: absolute;
top: 50%;
right: 20px;
display: block;
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e905";
font-size: 10px;
-webkit-transform: translate(0, -50%) rotateX(0deg);
transform: translate(0, -50%) rotateX(0deg);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
nav.account > .header .title {
position: relative;
display: block;
font-weight: normal;
font-size: 0.9375rem;
color: inherit;
background-color: transparent;
}
nav.account ul {
padding: 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--font-color-3);
border-radius: calc(var(--border-radius-1) / 2);
}
@media only screen and (min-width: 992px) {
nav.account ul {
display: block !important;
}
}
nav.account ul li {
margin: 2px 0;
}
nav.account ul li a {
padding: 5px 0;
position: relative;
display: block;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
text-decoration: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
}
nav.account ul li a:hover {
text-decoration: underline;
}
nav.account ul li.active a {
text-decoration: underline;
}
nav.account > ul {
position: absolute;
z-index: 2;
top: calc(100% - 1px);
right: 0;
width: 100%;
display: none;
background-color: var(--background-fill-color-1);
}
@media (max-width: 379px) {
nav.account > ul {
margin-top: 10px;
position: relative;
top: auto;
right: auto;
width: auto;
}
}
nav.account.opened > .header:after {
-webkit-transform: translate(0, -50%) rotateX(180deg);
transform: translate(0, -50%) rotateX(180deg);
}
nav.category {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
nav.category > .title {
margin-top: 8px;
margin-bottom: 8px;
margin-right: 20px;
font-size: 1.125rem;
font-weight: bold;
line-height: 1.25em;
color: var(--brand-color-1);
}
@media only screen and (min-width: 768px) {
nav.category > .title {
margin-right: 30px;
}
}
@media only screen and (min-width: 992px) {
nav.category > .title {
margin-right: 40px;
}
}
@media only screen and (min-width: 1200px) {
nav.category > .title {
margin-right: 50px;
}
}
nav.category ul {
margin: -5px min(-15px, max(-5px, -1vw));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
nav.category ul li {
margin: 5px min(15px, max(5px, 1vw));
font-size: 0.9375rem;
font-weight: normal;
}
nav.category ul li > a {
padding: 5px 20px;
position: relative;
display: block;
font-size: 0.9375rem;
text-align: center;
color: var(--brand-color-1);
background-color: transparent;
border: 1px solid currentColor;
border-radius: 20px;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
}
nav.category ul li > a:hover {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
nav.category ul li.active a {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
nav.category.vertical ul {
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
nav.category.vertical ul li {
margin: 0;
margin-bottom: 10px;
width: 100%;
}
nav.category.vertical ul li:last-child {
margin-bottom: 0;
}
nav.category.vertical ul li a {
padding: 7px 20px;
}
nav.category.light ul li a {
color: var(--font-color-2);
}
nav.footer ul li {
margin-bottom: 10px;
padding: 0;
font-size: 0.875rem;
line-height: 1em;
}
nav.footer ul li:last-child {
margin-bottom: 0;
}
nav.footer ul li a {
font-size: inherit;
line-height: var(--font-line-height-1);
text-decoration: none;
}
nav.footer ul li a:hover {
color: var(--brand-color-1);
}
nav.footer ul li.active a {
color: var(--brand-color-1);
}
nav.footer-links ul li {
margin-bottom: 10px;
padding: 0;
font-size: 0.875rem;
line-height: 1em;
}
nav.footer-links ul li:last-child {
margin-bottom: 0;
}
nav.footer-links ul li a {
position: relative;
font-size: inherit;
line-height: var(--font-line-height-2);
color: inherit;
text-decoration: none;
}
nav.footer-links ul li a:after {
position: absolute;
bottom: -2px;
left: 50%;
height: 1px;
width: 100%;
display: block;
content: "";
opacity: 0;
background-color: currentColor;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
nav.footer-links ul li a:hover {
color: var(--brand-color-1);
}
nav.footer-links ul li.active a {
color: var(--brand-color-1);
}
nav.footer-links ul li.active a:after {
opacity: 1;
}
@media only screen and (min-width: 1200px) {
nav.primary {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
nav.primary ul li {
line-height: 1.125em;
}
nav.primary ul li a {
font-family: var(--font-family-2);
line-height: 1.25em;
display: inline-block;
}
nav.primary > ul {
z-index: 1;
}
@media only screen and (min-width: 1200px) {
nav.primary > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
nav.primary > ul > li {
line-height: 1;
}
nav.primary > ul > li + li {
margin-top: 12px;
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li + li {
margin-top: 0;
margin-left: 40px;
}
}
nav.primary > ul > li:last-child {
margin-bottom: 0;
margin-right: 0;
}
nav.primary > ul > li > a {
padding: 5px;
position: relative;
font-size: 1.375rem;
line-height: 1.25em;
font-weight: normal;
white-space: nowrap;
color: var(--header-theme-color);
text-decoration: none;
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li > a {
padding: 35px 0;
font-size: 0.9375rem;
line-height: 20px;
color: var(--header-theme-color);
}
}
nav.primary > ul > li > a:after {
position: absolute;
bottom: 0;
left: 50%;
width: 62px;
height: 12px;
display: none;
content: "";
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/menu-arrow.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center top;
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li > a:after {
display: block;
}
}
nav.primary > ul > li > a:hover {
color: var(--brand-color-3);
}
nav.primary > ul > li.active > a:after {
opacity: 1;
}
nav.primary > ul > li.parent {
position: relative;
}
nav.primary > ul > li.parent > a {
padding-right: 20px;
position: relative;
}
nav.primary > ul > li.parent > a:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
padding: 0;
content: "\e905";
position: absolute;
top: calc(50% - 0.125em);
right: 0;
display: block;
font-size: 0.5em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
nav.primary > ul > li.parent > a:after {
display: none;
}
nav.primary > ul > li.parent > .sub {
display: none;
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li.parent > .sub {
margin: 0;
padding: 0;
position: absolute;
top: calc(100% - 10px);
left: calc(50% - 10px);
opacity: 0;
pointer-events: none;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--background-fill-color-1);
border-radius: var(--border-radius-2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li.parent > .sub:before {
position: absolute;
top: 0;
left: 50%;
width: 62px;
height: 12px;
display: block;
content: "";
opacity: 1;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/menu-arrow.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center top;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
}
nav.primary > ul > li.parent > .sub > ul {
padding: 20px 5px;
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li.parent > .sub > ul {
padding: 20px 25px;
width: 100%;
min-width: 280px;
}
}
nav.primary > ul > li.parent > .sub > ul > li + li {
margin-top: 15px;
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li.parent > .sub > ul > li + li {
margin-top: 0;
border-top: 1px solid var(--border-color-1-a30);
}
}
nav.primary > ul > li.parent > .sub > ul > li > a {
margin-top: 0;
position: relative;
font-weight: normal;
font-size: 1.125rem;
color: var(--header-theme-color);
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li.parent > .sub > ul > li > a {
padding: 15px 0;
padding-right: 15px;
font-size: 1rem;
color: var(--font-color-3);
display: block;
}
}
nav.primary > ul > li.parent > .sub > ul > li > a:hover {
color: var(--brand-color-3);
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li.parent > .sub > ul > li > a:hover {
color: var(--brand-color-1);
}
}
nav.primary > ul > li.parent > .sub > ul > li > a:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
padding: 0;
content: "\e907";
position: absolute;
top: calc(50% - 0.125em);
right: 0;
display: none;
font-size: 0.625em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li.parent > .sub > ul > li > a:before {
display: block;
}
}
nav.primary > ul > li.parent > .sub > ul > li.active > a {
color: var(--brand-color-3);
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li.parent > .sub > ul > li.active > a {
color: var(--brand-color-1);
}
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li.parent:hover > a:before {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg);
}
}
nav.primary > ul > li.parent:hover > a:after {
opacity: 1;
width: calc(100% + 20px);
}
@media only screen and (min-width: 1200px) {
nav.primary > ul > li.parent:hover > .sub {
opacity: 1;
pointer-events: auto;
}
}
nav.primary > ul > li.parent.opened > a:before {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg);
}
nav.product-category > .header {
margin-bottom: 15px;
}
nav.product-category > .header .title {
text-align: center;
font-size: 1.25rem;
line-height: var(--font-line-height-1);
color: var(--brand-color-1);
}
nav.product-category > ul {
margin: -4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
nav.product-category > ul > li {
padding: 4px;
line-height: 1;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 220px;
}
@media only screen and (min-width: 992px) {
nav.product-category > ul > li {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 33.33%;
}
}
nav.product-category > ul > li > a {
padding: 10px;
padding-right: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
font-weight: bold;
color: var(--font-color-3);
text-decoration: none;
background-color: var(--background-fill-color-1);
border-radius: calc(var(--border-radius-1) / 2);
}
nav.product-category > ul > li > a:hover {
color: var(--brand-color-1);
}
nav.product-category > ul > li > a figure {
margin-top: -5px;
margin-bottom: -5px;
margin-right: 10px;
position: relative;
width: 100px;
overflow: hidden;
}
nav.product-category > ul > li > a figure:before {
padding-top: 80%;
display: block;
content: "";
}
nav.product-category > ul > li > a figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
nav.product-category > ul > li > a .text {
width: calc(100% - 110px);
}
nav.product-category > ul > li.active > a {
color: var(--brand-color-1);
}
.accordion-component > .item {
position: relative;
border-bottom: 1px solid var(--brand-color-1);
}
.accordion-component > .item:first-child {
border-top: 1px solid var(--brand-color-1);
}
.accordion-component > .item > .header {
padding: 0;
padding: 18px 0;
padding-right: 25px;
position: relative;
cursor: pointer;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration);
}
.accordion-component > .item > .header .toggle-button {
position: absolute;
top: 50%;
right: 0;
display: block;
width: 14px;
height: 14px;
color: var(--brand-color-1);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration);
}
.accordion-component > .item > .header .toggle-button:before, .accordion-component > .item > .header .toggle-button:after {
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 2px;
display: block;
content: "";
background-color: currentColor;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: width var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: width var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), width var(--animation-default-duration);
transition: transform var(--animation-default-duration), width var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.accordion-component > .item > .header .toggle-button:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.accordion-component > .item > .header .title {
font-family: var(--font-family-2);
line-height: var(--font-line-height-1);
font-size: 1.1875rem;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration);
}
@media only screen and (max-width: 480px) {
.accordion-component > .item > .header .title {
font-size: max(1.1875rem, 4vw);
}
}
@media only screen and (min-width: 768px) {
.accordion-component > .item > .header .title {
font-size: 1.25rem;
}
}
.accordion-component > .item > .header:hover .title {
color: var(--brand-color-1);
}
.accordion-component > .item > .body {
padding: 0;
display: none;
}
.accordion-component > .item > .body .content {
padding-bottom: 25px;
}
.accordion-component > .item > .body .content h1:first-child,
.accordion-component > .item > .body .content h2:first-child,
.accordion-component > .item > .body .content h3:first-child,
.accordion-component > .item > .body .content h4:first-child,
.accordion-component > .item > .body .content h5:first-child,
.accordion-component > .item > .body .content h6:first-child,
.accordion-component > .item > .body .content p:first-child,
.accordion-component > .item > .body .content ul:first-child,
.accordion-component > .item > .body .content ol:first-child {
margin-top: 0;
}
.accordion-component > .item > .body .content h1:last-child,
.accordion-component > .item > .body .content h2:last-child,
.accordion-component > .item > .body .content h3:last-child,
.accordion-component > .item > .body .content h4:last-child,
.accordion-component > .item > .body .content h5:last-child,
.accordion-component > .item > .body .content h6:last-child,
.accordion-component > .item > .body .content p:last-child,
.accordion-component > .item > .body .content ul:last-child,
.accordion-component > .item > .body .content ol:last-child {
margin-bottom: 0;
}
.accordion-component > .item.opened > .header .toggle-button:after {
width: 0;
}
.accordion-component > .item.opened > .body {
display: block;
}
.accordion-container {
margin-left: auto;
margin-right: auto;
max-width: 860px;
}
.accordion-container .accordion-title {
margin-bottom: 25px;
font-size: 2.125rem;
color: var(--brand-color-1);
}
@media only screen and (max-width: 480px) {
.accordion-container .accordion-title {
font-size: 2rem;
}
}
@media only screen and (min-width: 768px) {
.accordion-container .accordion-title {
font-size: 2.25rem;
}
}
@media only screen and (min-width: 992px) {
.accordion-container .accordion-title {
font-size: 2.375rem;
}
}
@media only screen and (min-width: 1200px) {
.accordion-container .accordion-title {
font-size: 2.5rem;
}
}
.accordion-container + .accordion-container {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.accordion-container + .accordion-container {
margin-top: 40px;
}
}
@media only screen and (min-width: 992px) {
.accordion-container + .accordion-container {
margin-top: 50px;
}
}
@media only screen and (min-width: 1200px) {
.accordion-container + .accordion-container {
margin-top: 60px;
}
}
.account-component .layout-two-columns-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
}
.account-component .layout-two-columns-wrapper > .left-column,
.account-component .layout-two-columns-wrapper > .main-column {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
}
@media only screen and (min-width: 992px) {
.account-component .layout-two-columns-wrapper > .left-column {
width: 320px;
}
}
@media only screen and (min-width: 992px) {
.account-component .layout-two-columns-wrapper > .main-column {
width: calc(100% - 320px);
}
}
.account-component .content-inner-side-pad {
margin-left: auto;
margin-right: auto;
max-width: 1060px;
}
.account-component form.login .columns-wrapper .column {
width: 100%;
}
.account-component .login-form-container {
margin: 0 auto;
max-width: 480px;
}
.account-component .register-form-container {
margin: 0 auto;
max-width: 480px;
}
.account-component .lost-password-form-container {
margin: 0 auto;
max-width: 480px;
}
.account-component .content-two-side-wrapper .login-form-container {
margin: 0;
max-width: none;
}
.account-component .content-two-side-wrapper .register-form-container {
margin: 0;
max-width: none;
}
.account-dashboard-component p:first-child {
margin-top: 0;
}
.account-dashboard-component p:last-child {
margin-bottom: 0;
}
.account-dashboard-component div:empty + p:first-child {
margin-top: 0;
}
.account-dashboard-component div:empty + p:last-child {
margin-bottom: 0;
}
.account-address-component p:first-child {
margin-top: 0;
}
.account-address-component p:last-child {
margin-bottom: 0;
}
.account-address-component div:empty + p:first-child {
margin-top: 0;
}
.account-address-component div:empty + p:last-child {
margin-bottom: 0;
}
.account-address-component .addresses-list-component .list {
margin: -20px calc(var(--grid-gap) / -2);
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.account-address-component .addresses-list-component .list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.account-address-component .addresses-list-component .list > .item {
padding: 20px calc(var(--grid-gap) / 2);
width: 100%;
}
@media only screen and (min-width: 768px) {
.account-address-component .addresses-list-component .list > .item {
width: 50%;
}
}
.account-address-component .addresses-list-component .list > .item header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.account-address-component .addresses-list-component .list > .item header a {
font-size: 0.875rem;
}
@media only screen and (min-width: 992px) {
.article-component .layout-two-columns-wrapper > .main-column {
width: calc(100% - 400px - var(--grid-gap) / 2);
}
}
@media only screen and (min-width: 1200px) {
.article-component .layout-two-columns-wrapper > .main-column {
width: calc(100% - 440px - var(--grid-gap) / 2);
}
}
@media only screen and (min-width: 992px) {
.article-component .layout-two-columns-wrapper > .left-column,
.article-component .layout-two-columns-wrapper > .right-column {
width: calc(400px + var(--grid-gap) / 2);
}
}
@media only screen and (min-width: 1200px) {
.article-component .layout-two-columns-wrapper > .left-column,
.article-component .layout-two-columns-wrapper > .right-column {
width: calc(440px + var(--grid-gap) / 2);
}
}
.article-component .meta-component {
margin-bottom: 25px;
}
.article-component .meta-component ul li {
text-transform: uppercase;
letter-spacing: 0.15em;
color: var(--font-color-2);
}
.article-component .article-excerpt {
margin-bottom: 40px;
}
.article-component .article-excerpt p {
font-size: min(1.625rem, max(1.3125rem, 2.5vw));
font-weight: bold;
line-height: var(--font-line-height-2);
}
.article-component .article-excerpt p:first-child {
margin-top: 0;
}
.article-component .article-excerpt p:last-child {
margin-bottom: 0;
}
.article-component .article-content {
margin-left: auto;
margin-right: auto;
max-width: 760px;
position: relative;
}
.article-component .article-content > *:first-child {
margin-top: 0;
}
.article-component .article-content > *:last-child {
margin-bottom: 0;
}
.article-component .article-content p {
line-height: var(--font-line-height-2);
}
.article-component .article-content p:last-of-type {
margin-bottom: 0;
}
.article-component .article-content ul li,
.article-component .article-content ol li {
line-height: var(--font-line-height-2);
}
.article-component .article-content h2 + *,
.article-component .article-content h3 + *,
.article-component .article-content h4 + *,
.article-component .article-content h5 + *,
.article-component .article-content h6 + * {
margin-top: 0;
}
.article-component .article-content h2 {
font-size: min(2.5rem, max(1.5rem, 3.5vw));
color: var(--brand-color-1);
}
.article-component .article-content h3 {
font-size: min(1.625rem, max(1.3125rem, 2.5vw));
}
.article-component .article-content figure {
margin: 20px 0;
}
@media only screen and (min-width: 768px) {
.article-component .article-content figure {
margin-top: 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) {
.article-component .article-content figure {
margin-top: 35px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1200px) {
.article-component .article-content figure {
margin-top: 40px;
margin-bottom: 40px;
}
}
.article-component .article-content figure img {
margin-left: auto;
margin-right: auto;
display: block;
height: auto;
}
.article-component .article-content figure figcaption {
padding-top: 15px;
line-height: 1.25em;
font-size: 0.9375rem;
text-align: center;
}
.article-component .article-content blockquote {
margin: 3.5rem 0;
padding: 3.5em 0;
}
.article-component .article-content blockquote p {
padding-left: 40px;
position: relative;
}
.article-component .article-content blockquote p:first-of-type {
margin-top: 0;
}
.article-component .article-content blockquote p:first-of-type:before {
position: absolute;
top: -0.125em;
left: 0;
font-size: 2.5em;
display: block;
content: "„";
line-height: 0;
}
.article-component .article-content blockquote p:last-of-type:after {
display: none;
}
@media (min-width: 800px) {
.article-component .article-content .inline-section-wrapper {
margin-left: calc((100vw - 800px) / -2 - var(--grid-gap) / 2);
margin-right: calc((100vw - 800px) / -2 - var(--grid-gap) / 2);
}
}
.article-component footer {
margin-top: 35px;
padding-top: 30px;
border-top: 1px solid var(--border-color-3);
}
.article-component footer > .two-side-wrapper {
margin: -10px -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.article-component footer > .two-side-wrapper > .left-side,
.article-component footer > .two-side-wrapper > .right-side {
padding: 10px 20px;
}
.article-component footer .author-info-container .label {
font-size: 0.9375rem;
}
.article-component footer .author-info-container .name {
font-size: 0.9375rem;
font-weight: bold;
}
.article-component footer .published .label {
font-size: 0.9375rem;
}
.article-component footer .published .name {
font-size: 0.9375rem;
}
.article-list-component .list {
margin: -4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.article-list-component .list > .item {
padding: 4px;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 599px) {
.article-list-component .list > .item {
width: 100%;
}
}
@media only screen and (min-width: 992px) {
.article-list-component .list > .item {
width: 33.33%;
}
}
.article-list-component .list > .item .article-list-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.article-list-component .list > .item .article-list-item-container a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.article-list-component .list > .item .article-list-item-container a .body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.article-nav-component {
margin-bottom: 0;
}
.article-slider-component .slider {
padding-bottom: 100px;
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.article-slider-component .slider {
margin-left: -10px;
margin-right: -10px;
padding-bottom: 60px;
padding-left: 90px;
padding-right: 90px;
}
}
@media only screen and (min-width: 992px) {
.article-slider-component .slider {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) {
.article-slider-component .slider {
padding-bottom: 80px;
}
}
@media (min-width: 1600px) {
.article-slider-component .slider {
margin-left: -90px;
margin-right: -90px;
}
}
.article-slider-component .slider .slick-list {
margin-left: -4px;
margin-right: -4px;
padding-bottom: 5px;
}
.article-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.article-slider-component .slider .slider-item {
padding-left: 4px;
padding-right: 4px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none;
}
.article-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none;
}
.article-slider-component .slider .slider-item .article-list-item-container,
.article-slider-component .slider .slider-item .article-slider-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.article-slider-component .slider .slider-item .article-list-item-container a,
.article-slider-component .slider .slider-item .article-slider-item-container a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.article-slider-component .slider .slider-item .article-list-item-container a .body,
.article-slider-component .slider .slider-item .article-slider-item-container a .body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.article-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.article-slider-component .slider .navigation-container .arrows .slick-arrow {
position: absolute;
z-index: 3;
bottom: 5px;
left: 50%;
}
.article-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
-webkit-transform: translateX(calc(-50% - 50px));
transform: translateX(calc(-50% - 50px));
}
@media only screen and (min-width: 768px) {
.article-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.article-slider-component .slider .navigation-container .arrows .slick-arrow.next {
-webkit-transform: translateX(calc(-50% + 50px));
transform: translateX(calc(-50% + 50px));
}
@media only screen and (min-width: 768px) {
.article-slider-component .slider .navigation-container .arrows .slick-arrow.next {
top: 50%;
left: auto;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.article-slider-component .slider .navigation-container .dots {
position: absolute;
bottom: 0;
left: 50%;
display: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.article-slider-component .slider .navigation-container .dots {
display: block;
}
}
.brand-slider-component .slider {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.brand-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.brand-slider-component .slider .slider-item {
height: auto;
outline: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.brand-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none;
}
.brand-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.brand-slider-component .slider .navigation-container .arrows {
display: none;
}
.brand-slider-component .slider .navigation-container .dots {
display: none;
}
.brand-slider-component .slider .navigation-container .slides-number-container {
display: none;
}
.cart-component {
margin: 0 auto;
max-width: 1280px;
}
.cart-component .cart-totals-container {
margin-top: 30px;
margin-left: auto;
margin-right: 0;
padding: 30px;
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.cart-component .cart-totals-container {
margin-top: 40px;
padding: 35px 30px;
max-width: 440px;
}
}
@media only screen and (min-width: 992px) {
.cart-component .cart-totals-container {
margin-top: 45px;
padding: 40px 30px;
}
}
@media only screen and (min-width: 1200px) {
.cart-component .cart-totals-container {
margin-top: -64px;
}
}
.cart-component .cart-totals-container .buttons-container {
margin-top: 30px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cart-component .cart-totals-container .free-shipping-info {
margin-top: 20px;
margin-bottom: 30px;
font-weight: bold;
font-size: 0.9375rem;
}
.course-person-component .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 419px) {
.course-person-component .two-side-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.course-person-component .two-side-wrapper > .left-side {
margin-right: 40px;
width: 120px;
}
@media only screen and (max-width: 480px) {
.course-person-component .two-side-wrapper > .left-side {
margin-right: 30px;
width: 100px;
}
}
@media (max-width: 419px) {
.course-person-component .two-side-wrapper > .left-side {
margin-right: 0;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.course-person-component .two-side-wrapper > .left-side {
margin-right: 50px;
width: 150px;
}
}
.course-person-component .two-side-wrapper > .right-side {
width: calc(100% - 160px);
}
@media only screen and (max-width: 480px) {
.course-person-component .two-side-wrapper > .right-side {
width: calc(100% - 130px);
}
}
@media (max-width: 419px) {
.course-person-component .two-side-wrapper > .right-side {
margin-right: 0;
margin-top: 20px;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.course-person-component .two-side-wrapper > .right-side {
width: calc(100% - 200px);
}
}
.course-person-component figure {
position: relative;
z-index: 1;
}
@media (max-width: 419px) {
.course-person-component figure {
margin-left: auto;
margin-right: auto;
max-width: 80%;
}
}
.course-person-component figure:before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 120%;
height: 80%;
display: block;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/patterns/grid-brand-1.svg);
background-position: 48% 42%;
background-repeat: repeat;
background-size: 40px auto;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.course-person-component figure img {
width: 100%;
height: auto;
border-radius: 50%;
}
.course-person-component .title {
font-family: var(--font-family-2);
font-size: 1.25rem;
line-height: var(--font-line-height-1);
}
.course-person-component .title .highlight {
color: var(--brand-color-1);
}
.course-person-component .description {
margin-top: 10px;
}
.course-person-component .description p:first-child {
margin-top: 0;
}
.course-person-component .description p:last-child {
margin-bottom: 0;
}
@-webkit-keyframes loader-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.entity-list-component .list-container {
position: relative;
}
.entity-list-component .list-container:before {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
content: "";
pointer-events: none;
}
.entity-list-component .list-container > .buttons-container {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
@media only screen and (min-width: 768px) {
.entity-list-component .list-container > .buttons-container {
margin-top: 50px;
}
}
.entity-list-component .list-container > .buttons-container.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.entity-list-component .list-container .loader {
position: absolute;
z-index: 3;
opacity: 0;
bottom: -35px;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: var(--font-color-2); -webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
pointer-events: none;
}
.entity-list-component .list-container .loader .icon {
margin-left: auto;
margin-right: auto;
width: 80px;
height: 80px;
display: block;
-webkit-animation: loader-rotate 3s linear infinite;
animation: loader-rotate 3s linear infinite;
}
.entity-list-component .list-container .loader .icon-dots {
position: absolute;
top: 40px;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.entity-list-component .list-container .loader .icon-dots .dot {
margin: 5px;
width: 3px;
height: 3px;
display: block;
background-color: var(--font-color-2);
border-radius: 50%;
}
.entity-list-component .list-container .loader .text {
margin-top: 10px;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
}
.entity-list-component .list-container .list {
opacity: 1;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
.entity-list-component[data-lazy-load=true] .list-container > .buttons-container {
margin-top: 0;
pointer-events: none;
overflow: hidden;
height: 0;
}
.entity-list-component.loading .list-container:before {
display: block;
}
.entity-list-component.loading .list-container .loader {
opacity: 1;
}
.entity-list-component.loading .list-container .list {
opacity: 0.5;
}
.entity-list-component.loading .list-container .buttons-container {
opacity: 0;
}
.entity-list-component.loaded .list-container .buttons-container {
margin-top: 0;
display: none;
}
.entity-list-filter-component {
padding: 0;
position: relative;
}
.entity-list-filter-component > .title {
margin-bottom: 20px;
text-align: center;
font-size: 0.9375rem;
}
.entity-list-filter-component .section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.entity-list-filter-component .section > .title {
margin-right: 20px;
font-size: 0.9375rem;
}
.entity-list-filter-component nav.list-filter {
margin: 0;
position: relative;
}
.entity-list-filter-component nav.list-filter > .title {
padding: 15px 20px;
padding-right: 40px;
position: relative;
width: 100vw;
max-width: 230px;
font-size: 0.9375rem;
line-height: 20px;
border: 1px var(--border-color-1) solid;
}
.entity-list-filter-component nav.list-filter > .title:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e901";
position: absolute;
top: 50%;
right: 15px;
display: block;
font-size: 0.875rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.entity-list-filter-component nav.list-filter ul {
position: absolute;
top: 52px;
left: 0;
width: 100%;
display: none;
}
.entity-list-filter-component nav.list-filter ul li {
margin-top: -1px;
font-size: 1rem;
background-color: var(--background-fill-color-1);
border: 1px var(--border-color-1) solid;
}
.entity-list-filter-component nav.list-filter ul li a {
padding: 15px 20px;
position: relative;
display: block;
font-size: 0.9375rem;
line-height: 16px;
font-weight: normal;
color: var(--font-color-1);
text-decoration: none;
}
.entity-list-filter-component nav.list-filter:hover ul {
display: block;
z-index: 2;
}
.entity-list-component .entity-list-filter-component {
margin-bottom: 25px;
}
.entity-navigation-component {
padding: 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.entity-navigation-component ul li {
line-height: 1em;
}
.entity-navigation-component ul li.prev, .entity-navigation-component ul li.next {
display: none;
}
@media only screen and (min-width: 768px) {
.entity-navigation-component ul li.prev, .entity-navigation-component ul li.next {
display: block;
}
}
.entity-navigation-component ul li.prev a, .entity-navigation-component ul li.next a {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: var(--brand-color-1);
}
.entity-navigation-component ul li.prev a:hover, .entity-navigation-component ul li.next a:hover {
color: var(--font-color-3);
}
.entity-navigation-component ul li.prev a:hover [class^=icon-],
.entity-navigation-component ul li.prev a:hover [class*=" icon-"], .entity-navigation-component ul li.next a:hover [class^=icon-],
.entity-navigation-component ul li.next a:hover [class*=" icon-"] {
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
}
.entity-navigation-component ul li.prev [class^=icon-],
.entity-navigation-component ul li.prev [class*=" icon-"], .entity-navigation-component ul li.next [class^=icon-],
.entity-navigation-component ul li.next [class*=" icon-"] {
margin: 0;
padding: 0;
position: relative;
width: 76px;
height: 76px;
display: block;
background: none;
background-color: transparent;
border: 1px solid currentColor;
border-radius: 50%;
-webkit-box-shadow: 0 3px 0 0 currentColor;
box-shadow: 0 3px 0 0 currentColor;
cursor: pointer;
opacity: 1;
-webkit-transition: background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
.entity-navigation-component ul li.prev [class^=icon-]:before,
.entity-navigation-component ul li.prev [class*=" icon-"]:before, .entity-navigation-component ul li.next [class^=icon-]:before,
.entity-navigation-component ul li.next [class*=" icon-"]:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
font-size: 18px;
line-height: 18px;
width: 18px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.entity-navigation-component ul li.prev .text, .entity-navigation-component ul li.next .text {
display: none;
color: var(--font-color-3);
}
@media only screen and (min-width: 992px) {
.entity-navigation-component ul li.prev .text, .entity-navigation-component ul li.next .text {
display: block;
}
}
.entity-navigation-component ul li.prev.disabled a, .entity-navigation-component ul li.next.disabled a {
cursor: default !important;
pointer-events: none;
color: var(--font-color-3-a10) !important;
background-color: transparent !important;
border-color: transparent !important;
}
.entity-navigation-component ul li.prev.disabled a [class^=icon-],
.entity-navigation-component ul li.prev.disabled a [class*=" icon-"], .entity-navigation-component ul li.next.disabled a [class^=icon-],
.entity-navigation-component ul li.next.disabled a [class*=" icon-"] {
color: currentColor !important;
background-color: transparent !important;
border-color: currentColor !important;
}
.entity-navigation-component ul li.prev.disabled a:hover, .entity-navigation-component ul li.next.disabled a:hover {
color: var(--font-color-3-a10) !important;
background-color: transparent !important;
border-color: transparent !important;
}
.entity-navigation-component ul li.prev.disabled a:hover [class^=icon-],
.entity-navigation-component ul li.prev.disabled a:hover [class*=" icon-"], .entity-navigation-component ul li.next.disabled a:hover [class^=icon-],
.entity-navigation-component ul li.next.disabled a:hover [class*=" icon-"] {
color: currentColor !important;
background-color: transparent !important;
border-color: currentColor !important;
}
.entity-navigation-component ul li.prev a {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.entity-navigation-component ul li.prev [class^=icon-],
.entity-navigation-component ul li.prev [class*=" icon-"] {
margin-right: 20px;
}
.entity-navigation-component ul li.prev [class^=icon-]:before,
.entity-navigation-component ul li.prev [class*=" icon-"]:before {
left: calc(50% - 1px);
}
.entity-navigation-component ul li.next [class^=icon-],
.entity-navigation-component ul li.next [class*=" icon-"] {
margin-left: 20px;
}
.entity-navigation-component ul li.next [class^=icon-]:before,
.entity-navigation-component ul li.next [class*=" icon-"]:before {
left: calc(50% + 1px);
}
.entity-navigation-component ul li.number {
margin: 2px !important;
font-size: 0.9375em;
font-weight: normal;
line-height: 1;
}
.entity-navigation-component ul li.number a {
margin: 0;
padding: 2px 5px;
position: relative;
min-width: 0;
z-index: 2;
font-size: 0.9375rem;
line-height: 22px;
min-width: 26px;
display: block;
text-align: center;
text-decoration: none;
color: var(--font-color-3);
background-color: transparent;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
border-radius: 4px;
}
.entity-navigation-component ul li.number a:hover {
color: var(--brand-color-1);
}
.entity-navigation-component ul li.number.disabled a {
pointer-events: none;
}
.entity-navigation-component ul li.number.active a {
color: var(--font-color-2);
background-color: var(--brand-color-1);
}
.entity-navigation-component ul li.separator {
margin-left: 4px !important;
margin-right: 4px !important;
}
.entity-navigation-component ul li.separator a {
text-decoration: none;
}
.entity-navigation-component ul.paging {
margin: 0;
padding: 0;
list-style-type: none;
}
.entity-navigation-component ul.paging li {
margin: 0;
padding: 0;
}
.entity-navigation-component ul.paging li:before {
display: none;
}
.entity-navigation-component ul.paging {
margin-left: 0;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
@media only screen and (min-width: 768px) {
.entity-navigation-component ul.paging {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.entity-navigation-component ul.paging li.prev {
margin-left: 0;
margin-right: auto;
}
.entity-navigation-component ul.paging li.next {
margin-left: auto;
margin-right: 0;
}
.entity-navigation-component ul.paging.first-last-only li {
display: none;
}
.entity-navigation-component ul.paging.first-last-only li:first-child, .entity-navigation-component ul.paging.first-last-only li:last-child {
display: block;
}
.entity-list-component .entity-navigation-component:first-child {
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
.entity-list-component .entity-navigation-component:first-child {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 992px) {
.entity-list-component .entity-navigation-component:first-child {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) {
.entity-list-component .entity-navigation-component:first-child {
margin-bottom: 55px;
}
}
.entity-list-component .entity-navigation-component:last-child {
margin-top: 40px;
}
@media only screen and (min-width: 768px) {
.entity-list-component .entity-navigation-component:last-child {
margin-top: 45px;
}
}
@media only screen and (min-width: 992px) {
.entity-list-component .entity-navigation-component:last-child {
margin-top: 50px;
}
}
@media only screen and (min-width: 1200px) {
.entity-list-component .entity-navigation-component:last-child {
margin-top: 55px;
}
}
.event-list-component .list {
margin: calc(var(--grid-gap) / -2) calc(var(--grid-gap) / -4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
.event-list-component .list {
margin: calc(var(--grid-gap) / -2);
}
}
.event-list-component .list > .item {
padding: calc(var(--grid-gap) / 2) calc(var(--grid-gap) / 4);
width: 100%;
}
@media only screen and (min-width: 768px) {
.event-list-component .list > .item {
width: 50%;
}
}
@media only screen and (min-width: 992px) {
.event-list-component .list > .item {
padding: calc(var(--grid-gap) / 2);
}
}
.event-list-component .list > .item .event-list-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.event-list-component .list > .item .event-list-item-container > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.event-list-component .list + .buttons-container {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.event-list-component .list + .buttons-container {
margin-top: 35px;
}
}
@media only screen and (min-width: 992px) {
.event-list-component .list + .buttons-container {
margin-top: 40px;
}
}
@media only screen and (min-width: 1200px) {
.event-list-component .list + .buttons-container {
margin-top: 45px;
}
}
.event-dialog-slider-component .slider {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.event-dialog-slider-component .slider .slick-list {
width: 100%;
border-radius: var(--border-radius-1);
}
.event-dialog-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.event-dialog-slider-component .slider .slider-item {
height: auto;
outline: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.event-dialog-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none;
}
.event-dialog-slider-component .slider .slider-item figure {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: var(--border-radius-1);
}
.event-dialog-slider-component .slider .slider-item figure:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 200px;
display: block;
content: "";
background-image: -webkit-gradient(linear, left bottom, left top, from(var(--background-fill-color-2)), to(var(--background-fill-color-2-a00)));
background-image: linear-gradient(to top, var(--background-fill-color-2) 0%, var(--background-fill-color-2-a00) 100%);
border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
}
.event-dialog-slider-component .slider .slider-item figure img {
display: block;
height: auto;
border-radius: var(--border-radius-1);
}
.event-dialog-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.event-dialog-slider-component .slider .navigation-container .arrows {
position: absolute;
bottom: 20px;
right: 20px;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) {
.event-dialog-slider-component .slider .navigation-container .arrows {
bottom: 30px;
right: 30px;
}
}
@media only screen and (min-width: 992px) {
.event-dialog-slider-component .slider .navigation-container .arrows {
bottom: 40px;
right: 40px;
}
}
.event-dialog-slider-component .slider .navigation-container .arrows .slick-arrow.next {
margin-left: 25px;
}
.event-dialog-slider-component .slider .navigation-container .arrows .slick-arrow:hover, .event-dialog-slider-component .slider .navigation-container .arrows .slick-arrow:focus {
color: var(--font-color-2);
}
.event-dialog-slider-component .slider .navigation-container .arrows .slick-arrow.slick-disabled {
color: var(--border-color-2-a10);
}
.event-dialog-slider-component .slider .navigation-container .dots {
display: none;
}
.event-dialog-slider-component .slider .navigation-container .slides-number-container {
position: absolute;
bottom: 41px;
right: 160px;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.9375rem;
line-height: 20px;
color: var(--font-color-2);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
@media only screen and (min-width: 768px) {
.event-dialog-slider-component .slider .navigation-container .slides-number-container {
bottom: 51px;
right: 180px;
}
}
@media only screen and (min-width: 992px) {
.event-dialog-slider-component .slider .navigation-container .slides-number-container {
bottom: 61px;
right: 200px;
}
}
.event-dialog-slider-component .slider .navigation-container .slides-number-container .separator {
margin: 0 5px;
display: inline-block;
}
.feature-list-component .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.feature-list-component .list {
margin-inline: calc(var(--grid-gap) / -2);
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.feature-list-component .list > .item {
margin-bottom: 40px;
position: relative;
}
@media only screen and (min-width: 768px) {
.feature-list-component .list > .item {
margin-bottom: 0;
padding: 0 20px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.feature-list-component .list > .item:last-child {
margin-bottom: 0;
}
.feature-list-component .list > .item:last-child:after {
display: none;
}
.feature-list-component .list > .item:after {
position: absolute;
bottom: -20px;
left: 20px;
right: 20px;
height: 1px;
display: block;
content: "";
background-color: var(--border-color-1-a30);
}
@media only screen and (min-width: 768px) {
.feature-list-component .list > .item:after {
left: auto;
right: 0;
top: 10px;
bottom: 10px;
width: 1px;
height: auto;
}
}
#footer {
padding-bottom: 80px;
position: relative;
color: var(--font-color-2);
background-color: var(--background-fill-color-3);
border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
}
#footer:before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
height: 400px;
display: block;
content: "";
background-image: -webkit-gradient(linear, left bottom, left top, from(var(--background-fill-color-3)), to(var(--background-fill-color-3-a00)));
background-image: linear-gradient(to top, var(--background-fill-color-3) 0%, var(--background-fill-color-3-a00) 100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
pointer-events: none;
}
#footer:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 80px;
display: block;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/patterns/grid-white.svg);
background-position: 50% 50%;
background-repeat: repeat;
background-size: 40px auto;
border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
pointer-events: none;
}
#footer .footer-top .container {
max-width: 1440px;
}
#footer .footer-top .footer-inner {
padding-top: 50px;
padding-bottom: 40px;
text-align: center;
}
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-inner {
padding-top: 60px;
text-align: left;
}
}
@media only screen and (min-width: 992px) {
#footer .footer-top .footer-inner {
padding-top: 70px;
}
}
@media only screen and (min-width: 1200px) {
#footer .footer-top .footer-inner {
padding-top: 80px;
}
}
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-sections-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#footer .footer-top .footer-sections-wrapper > .footer-section {
margin-bottom: 40px;
padding-bottom: 40px;
position: relative;
width: 100%;
}
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-sections-wrapper > .footer-section {
margin-bottom: 0;
padding-bottom: 0;
padding-right: 5vw;
width: 33.33%;
}
}
@media only screen and (min-width: 992px) {
#footer .footer-top .footer-sections-wrapper > .footer-section {
width: 22%;
}
}
@media only screen and (min-width: 1200px) {
#footer .footer-top .footer-sections-wrapper > .footer-section {
width: 22%;
}
}
@media (min-width: 1440px) {
#footer .footer-top .footer-sections-wrapper > .footer-section {
padding-right: 70px;
}
}
#footer .footer-top .footer-sections-wrapper > .footer-section:after {
position: absolute;
bottom: 0;
left: calc(var(--grid-gap) / 2);
right: calc(var(--grid-gap) / 2);
height: 1px;
display: block;
content: "";
opacity: 0.24;
background-color: var(--font-color-2);
}
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-sections-wrapper > .footer-section:after {
top: 0;
left: auto;
right: 2.5vw;
width: 1px;
height: auto;
}
}
@media (min-width: 1440px) {
#footer .footer-top .footer-sections-wrapper > .footer-section:after {
right: 35px;
}
}
#footer .footer-top .footer-sections-wrapper > .footer-section:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
#footer .footer-top .footer-sections-wrapper > .footer-section:last-child:after {
display: none;
}
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-sections-wrapper > .footer-section:last-child {
margin-top: 50px;
width: 50%;
}
}
@media only screen and (min-width: 992px) {
#footer .footer-top .footer-sections-wrapper > .footer-section:last-child {
margin-top: 0;
width: 34%;
}
}
@media only screen and (min-width: 1200px) {
#footer .footer-top .footer-sections-wrapper > .footer-section:last-child {
width: 34%;
}
}
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-sections-wrapper > .footer-section:nth-child(n+3) {
padding-right: calc(var(--grid-gap) / 2);
}
}
@media only screen and (min-width: 768px) {
#footer .footer-top .footer-sections-wrapper > .footer-section:nth-child(n+3):after {
display: none;
}
}
#footer .footer-bottom .container {
max-width: 1440px;
}
#footer .footer-bottom .footer-inner {
position: relative;
text-align: center;
}
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-inner {
margin-top: -140px;
margin-left: calc(50% + var(--grid-gap) / 4);
}
}
@media only screen and (min-width: 992px) {
#footer .footer-bottom .footer-inner {
margin-top: -120px;
margin-left: calc(66% + var(--grid-gap) / 1.66);
}
}
#footer .footer-bottom .footer-inner:before {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
display: block;
content: "";
background-color: var(--brand-color-1);
}
#footer .footer-bottom .footer-inner .two-side-wrapper {
margin: -10px calc(var(--grid-gap) / -2);
padding-top: 30px;
padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-inner .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: right;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 992px) {
#footer .footer-bottom .footer-inner .two-side-wrapper {
padding-top: 50px;
padding-bottom: 50px;
}
}
#footer .footer-bottom .footer-inner .two-side-wrapper > .left-side,
#footer .footer-bottom .footer-inner .two-side-wrapper > .right-side {
padding: 10px calc(var(--grid-gap) / 2);
width: auto;
}
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-inner .two-side-wrapper > .left-side,
#footer .footer-bottom .footer-inner .two-side-wrapper > .right-side {
width: auto;
}
}
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-inner .two-side-wrapper > .left-side {
padding-right: 10px;
}
}
#footer .footer-bottom .footer-inner .two-side-wrapper > .right-side {
padding-top: 20px;
}
@media only screen and (min-width: 768px) {
#footer .footer-bottom .footer-inner .two-side-wrapper > .right-side {
padding-top: 10px;
padding-left: 10px;
}
}
#footer .footer-sections-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
#footer .footer-sections-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
#footer .footer-sections-wrapper > .footer-section {
margin-bottom: 40px;
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
position: relative;
width: 100%;
}
@media only screen and (min-width: 768px) {
#footer .footer-sections-wrapper > .footer-section {
margin-bottom: 0;
}
}
#footer .footer-sections-wrapper > .footer-section:last-child {
margin-bottom: 0;
}
#footer .footer-section > .header {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
#footer .footer-section > .header {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 992px) {
#footer .footer-section > .header {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) {
#footer .footer-section > .header {
margin-bottom: 80px;
}
}
#footer .footer-section > .header .title {
margin: 0;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
}
#footer .footer-section.collapse > .header {
position: relative;
}
#footer .footer-section.collapse > .header:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
right: 0;
content: "\e901";
display: block;
font-size: 12px;
color: inherit;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
@media only screen and (min-width: 768px) {
#footer .footer-section.collapse > .header:before {
display: none;
}
}
#footer .footer-section.collapse > .header .title {
padding-right: 30px;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
#footer .footer-section.collapse > .header .title {
padding: 0;
cursor: default;
}
}
#footer .footer-section.collapse > .body {
padding-top: 10px;
padding-bottom: 30px;
display: none;
}
@media only screen and (min-width: 768px) {
#footer .footer-section.collapse > .body {
padding-top: 0;
padding-bottom: 0;
display: block !important;
}
}
#footer .footer-section.collapse.opened > .header:before {
-webkit-transform: translate(0, -50%) rotateX(180deg);
transform: translate(0, -50%) rotateX(180deg);
}
#footer .contact-info-container {
margin-left: auto;
margin-right: auto;
max-width: 360px;
}
@media only screen and (min-width: 768px) {
#footer .contact-info-container {
margin-left: 0;
margin-right: 0;
max-width: none;
}
}
@media only screen and (min-width: 768px) {
#footer .contact-info-container .two-side-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
#footer .contact-info-container .logo {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
#footer .contact-info-container .logo {
margin-top: 0;
margin-left: 20px;
}
}
#footer .contact-info-container .logo img,
#footer .contact-info-container .logo svg {
margin: 0 auto;
display: block;
width: 80px;
height: auto;
}
#footer .contact-info-container .logo a {
display: block;
}
#footer .quick-contact-component {
text-align: center;
}
@media only screen and (min-width: 768px) {
#footer .quick-contact-component {
text-align: left;
}
}
#footer .quick-contact-component ul li {
font-size: 1.125rem;
}
@media only screen and (max-width: 480px) {
#footer .quick-contact-component ul li {
font-size: min(1.0625rem, 5vw);
}
}
@media only screen and (min-width: 768px) {
#footer .quick-contact-component ul li {
font-size: 1.125rem;
}
}
@media only screen and (min-width: 992px) {
#footer .quick-contact-component ul li {
font-size: 1.1875rem;
}
}
@media only screen and (min-width: 1200px) {
#footer .quick-contact-component ul li {
font-size: 1.25rem;
}
}
#footer .quick-contact-component ul li a {
color: var(--brand-color-1);
}
#footer .quick-contact-component ul li a:hover {
text-decoration: underline;
}
#footer .social-media-component > .title {
display: none;
}
#footer .social-media-component ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) {
#footer .social-media-component ul {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
#footer .copyright,
#footer .designed {
font-size: 0.875rem;
line-height: var(--font-line-height-1);
}
#footer .copyright .nowrap,
#footer .designed .nowrap {
white-space: nowrap;
}
#footer .copyright a,
#footer .designed a {
color: inherit;
text-decoration: none;
}
#footer .copyright a:hover,
#footer .designed a:hover {
color: var(--brand-color-1);
}
#footer .copyright {
margin-top: 3px;
}
#header {
--header-height: 90px;
--header-theme-color: var(--font-color-2);
--header-theme-color-reverse: var(--font-color-2);
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 21;
-webkit-transition: background-color var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: background-color var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: transform var(--animation-default-duration), background-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: transform var(--animation-default-duration), background-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
body.header-opened #header, body.header-opening #header {
position: fixed;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
#header { }
#header .header-top {
position: relative;
background-color: transparent;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration);
}
body.header-opened #header .header-top, body.header-opening #header .header-top {
background-color: transparent;
}
body.overlay-primary-nav #header .header-top {
background-color: transparent;
}
#header .header-top .container {
max-width: var(--container-max-width-2);
}
#header .header-top .header-inner {
position: relative;
padding: 0;
min-height: var(--header-height);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: border-color var(--animation-default-duration);
transition: border-color var(--animation-default-duration);
}
body:not(.header-top) #header .header-top .header-inner {
border-color: transparent;
}
body.header-opened #header .header-top .header-inner:before, body.header-opening #header .header-top .header-inner:before {
opacity: 1;
}
#header .header-top .header-inner > .left-side,
#header .header-top .header-inner > .right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .header-bottom {
position: relative;
display: none;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration);
}
#header .header-bottom .container {
max-width: var(--container-max-width-2);
}
body.header-opened #header .header-bottom, body.header-opening #header .header-bottom {
background-color: transparent;
}
#header .header-bottom .header-inner {
padding: 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .header-bottom .header-inner > .left-side,
#header .header-bottom .header-inner > .right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .logo {
position: absolute;
z-index: 23;
top: 50%;
left: 35%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 480px) {
#header .logo {
left: 50%;
}
}
@media only screen and (min-width: 768px) {
#header .logo {
left: 50%;
}
}
@media only screen and (min-width: 992px) {
#header .logo {
position: relative;
top: auto;
left: auto;
-webkit-transform: none;
transform: none;
}
}
#header .logo img,
#header .logo svg {
margin: 0;
display: block;
width: 25vw;
max-width: 130px;
height: auto;
}
#header .logo img path,
#header .logo svg path {
-webkit-transition: fill var(--animation-default-duration);
transition: fill var(--animation-default-duration);
}
#header .logo a {
display: block;
}
#header .logo a:hover path {
fill: var(--brand-color-2);
}
#header #header-mini-cart-container {
margin-left: 20px;
}
@media only screen and (max-width: 480px) {
#header #header-actions-container {
display: none;
}
}
@media only screen and (max-width: 480px) {
#header #header-actions-container .actions-container .button, #header #header-actions-container .actions-container button, #header #header-actions-container .actions-container input[type=button], #header #header-actions-container .actions-container input[type=submit], #header #header-actions-container .actions-container input[type=reset] {
padding-left: 25px;
padding-right: 25px;
}
}
#header #header-actions-container .actions-container .button.active, #header #header-actions-container .actions-container button.active, #header #header-actions-container .actions-container input.active[type=button], #header #header-actions-container .actions-container input.active[type=submit], #header #header-actions-container .actions-container input.active[type=reset] {
position: relative;
}
#header #header-actions-container .actions-container .button.active:after, #header #header-actions-container .actions-container button.active:after, #header #header-actions-container .actions-container input.active[type=button]:after, #header #header-actions-container .actions-container input.active[type=submit]:after, #header #header-actions-container .actions-container input.active[type=reset]:after {
position: absolute;
bottom: -26px;
left: 50%;
width: 62px;
height: 12px;
display: block;
content: "";
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/menu-arrow.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center top;
}
@media only screen and (max-width: 480px) {
#header #header-actions-container .actions-container .button.active:after, #header #header-actions-container .actions-container button.active:after, #header #header-actions-container .actions-container input.active[type=button]:after, #header #header-actions-container .actions-container input.active[type=submit]:after, #header #header-actions-container .actions-container input.active[type=reset]:after {
display: none;
}
}
#header .actions-container .button, #header .actions-container button, #header .actions-container input[type=button], #header .actions-container input[type=submit], #header .actions-container input[type=reset] {
padding-top: 9px;
padding-bottom: 9px;
}
#header #header-primary-nav-container {
display: none;
}
@media only screen and (min-width: 1200px) {
#header #header-primary-nav-container {
display: block;
}
}
#header #header-compact-nav-button-container {
margin-right: 20px;
position: relative;
z-index: 21;
display: block;
-webkit-transition: color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), border-color var(--animation-default-duration);
}
@media only screen and (min-width: 1200px) {
#header #header-compact-nav-button-container {
display: none;
}
}
#header-compact-nav-button {
margin: 0;
padding: 0;
position: relative;
z-index: 21;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--header-theme-color);
cursor: pointer;
text-decoration: none;
}
body.header-opened #header-compact-nav-button, body.header-opening #header-compact-nav-button {
color: var(--header-theme-color-reverse);
}
body:not(.header-top) #header-compact-nav-button {
color: var(--header-theme-color-reverse);
}
#header-compact-nav-button .text {
margin-top: 0;
position: absolute;
bottom: 0;
font-size: 0.9375rem;
font-weight: normal;
display: none;
}
@media only screen and (max-width: 480px) {
#header-compact-nav-button .text {
display: none;
}
}
#header-compact-nav-button .text.open {
display: none;
}
body.header-opened #header-compact-nav-button .text.open, body.header-opening #header-compact-nav-button .text.open {
display: none;
}
body.header-opened #header-compact-nav-button .text.close, body.header-opening #header-compact-nav-button .text.close {
display: none;
}
#header-compact-nav-button .patty {
position: relative;
width: 46px;
height: 46px;
background-color: transparent;
border: 2px solid var(--header-theme-color);
border-radius: 50%;
-webkit-box-shadow: 0 3px 0 0 var(--header-theme-color);
box-shadow: 0 3px 0 0 var(--header-theme-color);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
}
#header-compact-nav-button .patty .line {
position: absolute;
top: 50%;
left: 50%;
width: 50%;
height: 2px;
background-color: var(--header-theme-color);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), transform var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration);
transition: background-color var(--animation-default-duration), opacity var(--animation-default-duration), transform var(--animation-default-duration), width var(--animation-default-duration), top var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
#header-compact-nav-button .patty .line:nth-child(1) {
top: calc(50% - 6px);
}
#header-compact-nav-button .patty .line:nth-child(2) {
top: 50%;
}
#header-compact-nav-button .patty .line:nth-child(3) {
top: calc(50% + 6px);
}
body.header-opened #header-compact-nav-button .patty .line, body.header-opening #header-compact-nav-button .patty .line {
background-color: var(--header-theme-color-reverse);
}
body:not(.header-top) #header-compact-nav-button .patty .line {
background-color: var(--header-theme-color-reverse);
}
#header-compact-nav-button .dots {
position: relative;
width: 20px;
height: 20px;
}
#header-compact-nav-button .dots .dot {
position: absolute;
display: block;
width: 3px;
height: 3px;
background-color: currentColor;
border-radius: 0;
-webkit-transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), opacity var(--animation-default-duration);
transition: transform var(--animation-default-duration), opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
#header-compact-nav-button .dots .dot:nth-child(1) {
top: 0;
left: 0;
}
#header-compact-nav-button .dots .dot:nth-child(2) {
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#header-compact-nav-button .dots .dot:nth-child(3) {
top: 0;
right: 0;
}
#header-compact-nav-button .dots .dot:nth-child(4) {
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#header-compact-nav-button .dots .dot:nth-child(5) {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#header-compact-nav-button .dots .dot:nth-child(6) {
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#header-compact-nav-button .dots .dot:nth-child(7) {
bottom: 0;
left: 0;
}
#header-compact-nav-button .dots .dot:nth-child(8) {
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#header-compact-nav-button .dots .dot:nth-child(9) {
bottom: 0;
right: 0;
}
#header-compact-nav-button:hover {
text-decoration: none;
outline: none;
color: var(--brand-color-1);
}
#header-compact-nav-button:hover .patty {
background-color: var(--header-theme-color);
}
#header-compact-nav-button:hover .patty .line {
background-color: var(--brand-color-1);
}
body.header-opened #header-compact-nav-button, body.header-opening #header-compact-nav-button {
color: var(--header-theme-color-reverse);
}
body.header-opened #header-compact-nav-button .text, body.header-opening #header-compact-nav-button .text {
display: none;
}
body.header-opened #header-compact-nav-button .patty .line, body.header-opening #header-compact-nav-button .patty .line {
background-color: var(--header-theme-color-reverse);
}
body.header-opened #header-compact-nav-button .patty .line:nth-child(1), body.header-opening #header-compact-nav-button .patty .line:nth-child(1) {
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
body.header-opened #header-compact-nav-button .patty .line:nth-child(2), body.header-opening #header-compact-nav-button .patty .line:nth-child(2) {
opacity: 0;
}
body.header-opened #header-compact-nav-button .patty .line:nth-child(3), body.header-opening #header-compact-nav-button .patty .line:nth-child(3) {
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
body.header-opened #header-compact-nav-button:hover, body.header-opening #header-compact-nav-button:hover {
color: var(--brand-color-1);
}
body.header-opened #header-compact-nav-button:hover .patty .line, body.header-opening #header-compact-nav-button:hover .patty .line {
background-color: var(--brand-color-1);
}
#header-compact-nav-container {
position: fixed;
z-index: 20;
top: 0;
left: 0;
bottom: 0;
opacity: 1;
display: block;
pointer-events: none;
visibility: hidden;
}
body.header-opened #header-compact-nav-container, body.header-opening #header-compact-nav-container {
visibility: visible;
pointer-events: auto;
}
body.header-closing #header-compact-nav-container {
visibility: visible;
}
#header.closed #header-compact-nav-container {
pointer-events: none;
}
#header-compact-nav-container > .outer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100vw;
height: 100vh;
opacity: 0;
overflow: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
background-color: var(--background-fill-color-2);
-webkit-transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear var(--animation-default-duration);
transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear var(--animation-default-duration);
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear var(--animation-default-duration);
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear var(--animation-default-duration), -webkit-transform 0s linear var(--animation-default-duration);
}
body.header-opened #header-compact-nav-container > .outer, body.header-opening #header-compact-nav-container > .outer {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear 0s;
transition: opacity var(--animation-default-duration) linear 0s, -webkit-transform 0s linear 0s;
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear 0s;
transition: opacity var(--animation-default-duration) linear 0s, transform 0s linear 0s, -webkit-transform 0s linear 0s;
}
#header-compact-nav-container > .outer > .inner {
margin-left: auto;
margin-right: 0;
position: relative;
width: 100%;
height: 100vh;
color: var(--font-color-2);
background-color: var(--background-fill-color-2);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
body.header-opened #header-compact-nav-container > .outer > .inner, body.header-opening #header-compact-nav-container > .outer > .inner {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#header-compact-nav-container > .outer > .inner:before {
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
height: var(--header-height);
display: block;
content: "";
background-color: var(--background-fill-color-2);
pointer-events: none;
}
#header-compact-nav-container .content-outer {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
color: var(--font-color-1);
overflow: auto;
}
#header-compact-nav-container .content-inner {
margin: 0 auto;
position: relative;
width: 100%;
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#header-compact-nav-container .content-inner .content-top {
margin-top: 0;
margin-bottom: 0;
height: 0;
overflow: hidden;
}
#header-compact-nav-container .content-inner .content-middle {
padding: var(--header-height) 0 20px;
}
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper {
padding-left: 94px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (min-width: 992px) {
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper {
padding-left: 189px;
}
}
@media only screen and (min-width: 1200px) {
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper {
padding-left: 339px;
}
}
@media (min-width: 1560px) {
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper {
padding-left: 265px;
}
}
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .left-side,
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%;
}
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .left-side,
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .right-side {
width: 50%;
}
}
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .left-side {
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .left-side {
margin-bottom: 0;
width: 33.33%;
}
}
@media only screen and (min-width: 768px) {
#header-compact-nav-container .content-inner .content-middle .two-side-wrapper > .right-side {
width: 66.66%;
}
}
#header-compact-nav-container .content-inner .content-bottom {
margin-top: 0;
margin-bottom: 0;
height: 0;
overflow: hidden;
}
#header-compact-nav-container .actions-container {
margin-top: 40px;
}
#header-compact-nav-container .close-button {
position: absolute;
padding-left: 51px;
z-index: 3;
top: 0;
left: 20px;
width: auto;
height: 76px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-size: 0.8125rem;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--header-theme-color);
outline: none;
background-color: transparent;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration);
}
@media (min-width: var(--container-max-width)) {
#header-compact-nav-container .close-button {
left: calc((100vw - var(--container-max-width)) / 2 + var(--grid-gap) / 2);
}
}
#header-compact-nav-container .close-button:before, #header-compact-nav-container .close-button:after {
position: absolute;
top: 50%;
left: 0;
display: block;
content: "";
width: 36px;
height: 2px;
background-color: var(--header-theme-color);
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration);
}
#header-compact-nav-container .close-button:before {
-webkit-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg);
}
#header-compact-nav-container .close-button:after {
-webkit-transform: translate(0, -50%) rotate(-45deg);
transform: translate(0, -50%) rotate(-45deg);
}
#header-compact-nav-container .close-button:hover {
color: var(--brand-color-2);
}
#header-compact-nav-container .close-button:hover:before, #header-compact-nav-container .close-button:hover:after {
background-color: var(--brand-color-2);
}
.hero-component.home {
position: relative;
}
.hero-component.home .container {
max-width: var(--container-max-width-2);
}
.hero-component.home .container > .hero-inner {
padding: 40px 0 20px;
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.hero-component.home .container > .hero-inner {
padding-top: 10px;
padding-bottom: 10px;
}
}
.hero-component.home .two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.hero-component.home .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.hero-component.home .two-side-wrapper > .left-side,
.hero-component.home .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%;
}
@media only screen and (min-width: 768px) {
.hero-component.home .two-side-wrapper > .left-side,
.hero-component.home .two-side-wrapper > .right-side {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.hero-component.home .two-side-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 768px) {
.hero-component.home .two-side-wrapper > .left-side,
.hero-component.home .two-side-wrapper > .right-side {
width: 50%;
}
}
.hero-component.home .two-side-wrapper > .right-side {
margin-top: 40px;
}
@media only screen and (min-width: 768px) {
.hero-component.home .two-side-wrapper > .right-side {
margin-top: 0;
}
}
.hero-component.home figure.main {
margin-left: 20px;
margin-right: 20px;
position: relative;
z-index: 1;
}
.hero-component.home figure.main:before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 60%;
display: block;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/patterns/grid-brand-1.svg);
background-position: 48% 50%;
background-repeat: repeat;
background-size: 40px auto;
-webkit-transform: translate(-10%, 5%);
transform: translate(-10%, 5%);
}
.hero-component.home figure.main img {
display: block;
height: auto;
}
.hero-component.home figure.main svg {
position: absolute;
bottom: 12%;
right: 15%;
width: 24%;
height: auto;
display: block;
}
.hero-component.home .content {
position: relative;
z-index: 2;
color: var(--brand-color-1);
}
.hero-component.home .content .content-inner {
padding: 0 20px;
text-align: center;
}
.hero-component.home .content .hero-title {
font-family: var(--font-family-2);
font-weight: normal;
line-height: var(--font-line-height-1);
font-size: 1.4375rem;
}
@media only screen and (max-width: 480px) {
.hero-component.home .content .hero-title {
font-size: max(1.375rem, 4.5vw);
}
}
@media only screen and (min-width: 768px) {
.hero-component.home .content .hero-title {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 992px) {
.hero-component.home .content .hero-title {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 1200px) {
.hero-component.home .content .hero-title {
font-size: 1.875rem;
}
}
.hero-component.home .content .hero-sub-title {
margin-top: 5px;
font-family: var(--font-family-2);
font-weight: normal;
font-size: 2.875rem;
line-height: 1em;
}
@media only screen and (max-width: 480px) {
.hero-component.home .content .hero-sub-title {
font-size: max(1.875rem, 9.5vw);
}
}
@media only screen and (min-width: 768px) {
.hero-component.home .content .hero-sub-title {
font-size: 3.25rem;
}
}
@media only screen and (min-width: 992px) {
.hero-component.home .content .hero-sub-title {
font-size: 3.75rem;
}
}
@media only screen and (min-width: 1200px) {
.hero-component.home .content .hero-sub-title {
font-size: 4.0625rem;
}
}
.hero-component.home .content p {
font-size: 1rem;
line-height: 1em;
}
.hero-component.home .content .buttons-container {
margin: -10px;
margin-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.hero-component.home .content .buttons-container {
margin-top: 30px;
}
}
@media only screen and (min-width: 992px) {
.hero-component.home .content .buttons-container {
margin-top: 35px;
}
}
@media only screen and (min-width: 1200px) {
.hero-component.home .content .buttons-container {
margin-top: 40px;
}
}
.hero-component.home .content .buttons-container .button, .hero-component.home .content .buttons-container button, .hero-component.home .content .buttons-container input[type=button], .hero-component.home .content .buttons-container input[type=submit], .hero-component.home .content .buttons-container input[type=reset] {
margin: 10px;
background-color: var(--font-color-2);
}
.hero-component.home .content .buttons-container .button:hover, .hero-component.home .content .buttons-container button:hover, .hero-component.home .content .buttons-container input[type=button]:hover, .hero-component.home .content .buttons-container input[type=submit]:hover, .hero-component.home .content .buttons-container input[type=reset]:hover {
background-color: var(--brand-color-1);
}
.hero-component.home .hero-slider-component .slider {
padding-bottom: 46px;
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider {
padding-bottom: 0;
}
}
.hero-component.home .hero-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hero-component.home .hero-slider-component .slider .slider-item {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none;
}
.hero-component.home .hero-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none;
}
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .left-side,
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%;
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .left-side,
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .right-side {
width: 50%;
}
}
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .left-side,
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .right-side {
width: 50%;
}
}
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .left-side {
padding-top: 30px;
padding-bottom: 30px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .left-side {
padding-block: 110px;
padding-left: 5vw;
}
}
@media only screen and (min-width: 992px) {
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .left-side {
padding-left: 6.5vw;
}
}
@media only screen and (min-width: 1200px) {
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .left-side {
padding-left: 8.75vw;
}
}
@media (min-width: 1600px) {
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .left-side {
padding-left: 140px;
}
}
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .right-side {
margin-top: 40px;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider .slider-item .two-side-wrapper > .right-side {
margin-top: 0;
padding-left: 0;
}
}
.hero-component.home .hero-slider-component .slider .slider-item figure.main {
margin-left: 10px;
margin-right: 10px;
position: relative;
z-index: 1;
height: 100%;
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider .slider-item figure.main {
margin-left: 0;
}
}
.hero-component.home .hero-slider-component .slider .slider-item figure.main img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
display: block;
height: auto;
min-width: 100%;
min-height: 100%;
border-radius: calc(var(--border-radius-1) - 10px);
}
.hero-component.home .hero-slider-component .slider .slider-item figure.main:before {
display: none;
}
.hero-component.home .hero-slider-component .slider .slider-item .content {
position: relative;
z-index: 2;
color: var(--brand-color-1);
}
.hero-component.home .hero-slider-component .slider .slider-item .content .content-inner {
padding: 0 20px;
text-align: left;
}
.hero-component.home .hero-slider-component .slider .slider-item .content .hero-title {
font-family: var(--font-family-2);
font-weight: normal;
line-height: var(--font-line-height-1);
font-size: 1.4375rem;
}
@media only screen and (max-width: 480px) {
.hero-component.home .hero-slider-component .slider .slider-item .content .hero-title {
font-size: max(1.375rem, 4.5vw);
}
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider .slider-item .content .hero-title {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 992px) {
.hero-component.home .hero-slider-component .slider .slider-item .content .hero-title {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 1200px) {
.hero-component.home .hero-slider-component .slider .slider-item .content .hero-title {
font-size: 1.875rem;
}
}
.hero-component.home .hero-slider-component .slider .slider-item .content .hero-sub-title {
margin-top: 5px;
font-family: var(--font-family-2);
font-weight: normal;
font-size: 2.875rem;
line-height: 1em;
}
@media only screen and (max-width: 480px) {
.hero-component.home .hero-slider-component .slider .slider-item .content .hero-sub-title {
font-size: max(1.875rem, 9.5vw);
}
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider .slider-item .content .hero-sub-title {
font-size: 3.25rem;
}
}
@media only screen and (min-width: 992px) {
.hero-component.home .hero-slider-component .slider .slider-item .content .hero-sub-title {
font-size: 3.75rem;
}
}
@media only screen and (min-width: 1200px) {
.hero-component.home .hero-slider-component .slider .slider-item .content .hero-sub-title {
font-size: 4.0625rem;
}
}
.hero-component.home .hero-slider-component .slider .slider-item .content .buttons-container {
margin: -10px;
margin-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.hero-component.home .hero-slider-component .slider .slider-item .content .buttons-container .button, .hero-component.home .hero-slider-component .slider .slider-item .content .buttons-container button, .hero-component.home .hero-slider-component .slider .slider-item .content .buttons-container input[type=button], .hero-component.home .hero-slider-component .slider .slider-item .content .buttons-container input[type=submit], .hero-component.home .hero-slider-component .slider .slider-item .content .buttons-container input[type=reset] {
margin: 10px;
background-color: var(--font-color-2);
}
.hero-component.home .hero-slider-component .slider .slider-item .content .buttons-container .button:hover, .hero-component.home .hero-slider-component .slider .slider-item .content .buttons-container button:hover, .hero-component.home .hero-slider-component .slider .slider-item .content .buttons-container input[type=button]:hover, .hero-component.home .hero-slider-component .slider .slider-item .content .buttons-container input[type=submit]:hover, .hero-component.home .hero-slider-component .slider .slider-item .content .buttons-container input[type=reset]:hover {
background-color: var(--brand-color-1);
}
.hero-component.home .hero-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hero-component.home .hero-slider-component .slider .navigation-container .arrows {
position: absolute;
z-index: 3;
bottom: 0;
left: 50%;
display: none;
gap: 30px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider .navigation-container .arrows {
bottom: 20px;
left: 5vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transform: none;
transform: none;
}
}
@media only screen and (min-width: 992px) {
.hero-component.home .hero-slider-component .slider .navigation-container .arrows {
left: 6.5vw;
}
}
@media only screen and (min-width: 1200px) {
.hero-component.home .hero-slider-component .slider .navigation-container .arrows {
left: 8.75vw;
}
}
@media (min-width: 1600px) {
.hero-component.home .hero-slider-component .slider .navigation-container .arrows {
left: 140px;
}
}
.hero-component.home .hero-slider-component .slider .navigation-container .dots {
position: absolute;
bottom: 0;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.hero-component.home .hero-slider-component .slider .navigation-container .dots {
bottom: 37px;
left: calc(5vw + 190px);
-webkit-transform: none;
transform: none;
}
}
@media only screen and (min-width: 992px) {
.hero-component.home .hero-slider-component .slider .navigation-container .dots {
left: calc(6.5vw + 190px);
}
}
@media only screen and (min-width: 1200px) {
.hero-component.home .hero-slider-component .slider .navigation-container .dots {
left: calc(8.75vw + 190px);
}
}
@media (min-width: 1600px) {
.hero-component.home .hero-slider-component .slider .navigation-container .dots {
left: 330px;
}
}
.hero-component.landing {
position: relative;
}
.hero-component.landing .container {
max-width: var(--container-max-width-2);
}
.hero-component.landing .container > .hero-inner {
padding: 0;
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
.hero-component.landing .container > .hero-inner.brand-color-1 {
background-color: var(--brand-color-1);
}
.hero-component.landing .container > .hero-inner.brand-color-2 {
background-color: var(--brand-color-2);
}
.hero-component.landing .container > .hero-inner.brand-color-3 {
background-color: var(--brand-color-3);
}
.hero-component.landing .container > .hero-inner.brand-color-4 {
background-color: var(--brand-color-4);
}
.hero-component.landing .two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.hero-component.landing .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.hero-component.landing .two-side-wrapper > .left-side,
.hero-component.landing .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%;
}
@media only screen and (min-width: 768px) {
.hero-component.landing .two-side-wrapper > .left-side,
.hero-component.landing .two-side-wrapper > .right-side {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.hero-component.landing .two-side-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 768px) {
.hero-component.landing .two-side-wrapper > .left-side,
.hero-component.landing .two-side-wrapper > .right-side {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.hero-component.landing .two-side-wrapper > .left-side {
margin-left: auto;
margin-right: 0;
max-width: calc(var(--container-max-width) / 2 + var(--grid-gap) / 2);
}
}
.hero-component.landing .two-side-wrapper > .right-side {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.hero-component.landing .two-side-wrapper > .right-side {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
}
.hero-component.landing figure.main {
margin: 10px;
margin-top: 0;
position: relative;
overflow: hidden;
max-height: 420px;
border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.hero-component.landing figure.main {
margin-top: 10px;
margin-bottom: 10px;
margin-left: calc(var(--grid-gap) / -2);
margin-right: 10px;
max-height: none;
height: calc(100% - 20px);
border-radius: var(--border-radius-1);
}
}
.hero-component.landing figure.main:before {
padding-top: 60%;
display: block;
content: "";
}
.hero-component.landing figure.main img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px);
border-radius: var(--border-radius-1);
}
@media (max-width: 767px) {
.hero-component.landing figure.main.contain:before {
display: none;
}
}
.hero-component.landing figure.main.contain img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
max-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 0;
min-height: 0;
max-height: 420px;
}
@media (max-width: 767px) {
.hero-component.landing figure.main.contain img {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
width: 100%;
max-width: 100%;
height: auto;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hero-component.landing .content {
position: relative;
z-index: 2;
color: var(--brand-color-1);
}
.hero-component.landing .content.align-center {
text-align: center;
}
.hero-component.landing .content.align-center .hero-title,
.hero-component.landing .content.align-center .hero-sub-title {
margin-left: auto;
margin-right: auto;
}
.hero-component.landing .content.align-center .buttons-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hero-component.landing .content .content-inner {
padding: 10vw 20px 40px;
}
@media only screen and (min-width: 768px) {
.hero-component.landing .content .content-inner {
padding-bottom: 10vw;
}
}
@media (min-width: 1320px) {
.hero-component.landing .content .content-inner {
padding-top: 100px;
padding-bottom: 100px;
}
}
.hero-component.landing .content .content-inner.small-pad {
padding: 6vw 20px;
}
@media only screen and (min-width: 768px) {
.hero-component.landing .content .content-inner.small-pad {
padding-top: 4vw;
padding-bottom: 4vw;
}
}
@media only screen and (min-width: 992px) {
.hero-component.landing .content .content-inner.small-pad {
padding-top: 3.5vw;
padding-bottom: 3.5vw;
}
}
@media (min-width: 1320px) {
.hero-component.landing .content .content-inner.small-pad {
padding-top: 45px;
padding-bottom: 45px;
}
}
.hero-component.landing .content .hero-title {
margin: 0;
font-family: var(--font-family-2);
font-weight: normal;
line-height: 1em;
font-size: clamp(1.875rem, 6vw, 3.4375rem);
color: var(--brand-color-1);
max-width: 680px;
}
.hero-component.landing .content .hero-title:not(:last-child) {
padding-bottom: 0.25em;
position: relative;
}
.hero-component.landing .content .hero-title:not(:last-child):before {
position: absolute;
bottom: 0;
left: 0;
width: 54px;
height: 3px;
display: block;
content: "";
background-color: var(--brand-color-1);
border-radius: 50vw;
}
.hero-component.landing .content .hero-title.small,
.hero-component.landing .content .hero-title .small {
display: inline-block;
font-size: 1.5rem;
line-height: 1.25em;
}
@media only screen and (max-width: 480px) {
.hero-component.landing .content .hero-title.small,
.hero-component.landing .content .hero-title .small {
font-size: max(1.375em, 6vw);
}
}
@media only screen and (min-width: 768px) {
.hero-component.landing .content .hero-title.small,
.hero-component.landing .content .hero-title .small {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 992px) {
.hero-component.landing .content .hero-title.small,
.hero-component.landing .content .hero-title .small {
font-size: 1.75rem;
}
}
@media only screen and (min-width: 1200px) {
.hero-component.landing .content .hero-title.small,
.hero-component.landing .content .hero-title .small {
font-size: 1.875rem;
}
}
.hero-component.landing .content .hero-pre-title {
margin-bottom: 15px;
font-size: clamp(1.125rem, 3vw, 1.375rem);
line-height: var(--font-line-height-1);
}
@media only screen and (min-width: 992px) {
.hero-component.landing .content .hero-pre-title {
max-width: 420px;
}
}
.hero-component.landing .content .hero-sub-title {
margin-top: 20px;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
}
@media only screen and (min-width: 768px) {
.hero-component.landing .content .hero-sub-title {
margin-top: 25px;
}
}
@media only screen and (min-width: 992px) {
.hero-component.landing .content .hero-sub-title {
margin-top: 30px;
max-width: 420px;
}
}
.hero-component.landing .content .buttons-container {
margin: -10px;
margin-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.hero-component.landing .content .buttons-container {
margin-top: 30px;
}
}
@media only screen and (min-width: 992px) {
.hero-component.landing .content .buttons-container {
margin-top: 35px;
}
}
@media only screen and (min-width: 1200px) {
.hero-component.landing .content .buttons-container {
margin-top: 40px;
}
}
.hero-component.landing .content .buttons-container .button, .hero-component.landing .content .buttons-container button, .hero-component.landing .content .buttons-container input[type=button], .hero-component.landing .content .buttons-container input[type=submit], .hero-component.landing .content .buttons-container input[type=reset] {
margin: 10px;
background-color: var(--font-color-2);
}
.hero-component.landing .content .buttons-container .button:hover, .hero-component.landing .content .buttons-container button:hover, .hero-component.landing .content .buttons-container input[type=button]:hover, .hero-component.landing .content .buttons-container input[type=submit]:hover, .hero-component.landing .content .buttons-container input[type=reset]:hover {
background-color: var(--brand-color-1);
}
.hero-component.landing .content .actions-container a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 25px;
font-size: 1.25rem;
line-height: var(--font-line-height-1);
text-decoration: none;
outline: none;
}
.hero-component.landing .content .actions-container a:hover [class^=icon-],
.hero-component.landing .content .actions-container a:hover [class*=" icon-"] {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
-webkit-box-shadow: 0 0 0 0 currentColor;
box-shadow: 0 0 0 0 currentColor;
}
.hero-component.landing .content .actions-container a [class^=icon-],
.hero-component.landing .content .actions-container a [class*=" icon-"] {
width: 60px;
height: 60px;
display: -ms-grid;
display: grid;
place-items: center;
color: currentColor;
font-size: 0.75em;
background-color: var(--font-color-2);
border: 2px solid currentColor;
border-radius: 50%;
-webkit-box-shadow: 0 3px 0 0 currentColor;
box-shadow: 0 3px 0 0 currentColor;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration), box-shadow var(--animation-default-duration), -webkit-box-shadow var(--animation-default-duration);
}
.hero-component.landing .content:has(.actions-container) .actions-container {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.hero-component.landing .content:has(.actions-container) .actions-container {
margin-top: 40px;
margin-bottom: -40px;
}
}
.hero-component.page-landing .container > .hero-inner {
background-color: var(--background-fill-color-5);
}
.hero-component.article-landing .two-side-wrapper {
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) {
.hero-component.article-landing .two-side-wrapper:before {
position: absolute;
z-index: -1;
bottom: 0;
right: 50%;
width: 15vw;
max-width: 170px;
height: 15vw;
max-height: 170px;
display: block;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/patterns/grid-brand-1.svg);
background-position: 48% 42%;
background-repeat: repeat;
background-size: 40px auto;
}
}
.hero-component.article-detail .two-side-wrapper {
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) {
.hero-component.article-detail .two-side-wrapper:before {
position: absolute;
z-index: -1;
bottom: 0;
right: 50%;
width: 15vw;
max-width: 170px;
height: 15vw;
max-height: 170px;
display: block;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/patterns/grid-brand-1.svg);
background-position: 48% 42%;
background-repeat: repeat;
background-size: 40px auto;
}
}
.hero-component.product-landing .content .hero-title {
padding-left: 0.75em;
position: relative;
display: inline-block;
white-space: nowrap;
font-size: 2.875rem;
}
@media only screen and (max-width: 480px) {
.hero-component.product-landing .content .hero-title {
font-size: min(2.5rem, 9vw);
}
}
@media only screen and (min-width: 768px) {
.hero-component.product-landing .content .hero-title {
font-size: 3.25rem;
}
}
@media only screen and (min-width: 992px) {
.hero-component.product-landing .content .hero-title {
font-size: 3.625rem;
}
}
@media only screen and (min-width: 1200px) {
.hero-component.product-landing .content .hero-title {
font-size: 4.0625rem;
}
}
.hero-component.product-landing .content .hero-title:first-letter {
color: transparent;
}
@-webkit-keyframes marquee {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(calc(-100% - 80px));
transform: translateX(calc(-100% - 80px));
}
}
@keyframes marquee {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(calc(-100% - 80px));
transform: translateX(calc(-100% - 80px));
}
}
.marquee-component {
padding-top: 20px;
padding-bottom: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: 80px;
}
.marquee-component:before, .marquee-component:after {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
width: var(--grid-gap);
height: 100%;
display: block;
content: "";
pointer-events: none;
}
@media (min-width: 1600px) {
.marquee-component:before, .marquee-component:after {
width: calc((100vw - var(--container-max-width-2)) / 2 + var(--grid-gap));
}
}
.marquee-component:before {
left: 0;
background-image: -webkit-gradient(linear, left top, right top, from(var(--brand-color-1)), color-stop(var(--brand-color-1)), to(var(--brand-color-1-a00)));
background-image: linear-gradient(to right, var(--brand-color-1) 0%, var(--brand-color-1) calc(100% - var(--grid-gap) / 2), var(--brand-color-1-a00) 100%);
}
.marquee-component:after {
right: 0;
background-image: -webkit-gradient(linear, right top, left top, from(var(--brand-color-1)), color-stop(var(--brand-color-1)), to(var(--brand-color-1-a00)));
background-image: linear-gradient(to left, var(--brand-color-1) 0%, var(--brand-color-1) calc(100% - var(--grid-gap) / 2), var(--brand-color-1-a00) 100%);
}
.marquee-component .content {
margin: 0;
padding: 0;
list-style-type: none;
}
.marquee-component .content li {
margin: 0;
padding: 0;
}
.marquee-component .content li:before {
display: none;
}
.marquee-component .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 100%;
gap: 80px;
-webkit-animation-name: marquee;
animation-name: marquee;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: 60s;
animation-duration: 60s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.marquee-component .content li {
position: relative;
font-family: var(--font-family-2);
font-weight: normal;
line-height: 1em;
font-size: 1.875rem;
color: var(--font-color-2);
}
@media only screen and (max-width: 480px) {
.marquee-component .content li {
font-size: min(1.625rem, 7vw);
}
}
@media only screen and (min-width: 768px) {
.marquee-component .content li {
font-size: 2rem;
}
}
@media only screen and (min-width: 992px) {
.marquee-component .content li {
font-size: 2.25rem;
}
}
@media only screen and (min-width: 1200px) {
.marquee-component .content li {
font-size: 2.5rem;
}
}
.marquee-component .content li:after {
position: absolute;
top: calc(50% - 0.125em);
right: -40px;
display: block;
content: "";
width: 1em;
height: 1em;
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/icons/letter-p.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.marquee-component.small {
padding-top: 15px;
padding-bottom: 15px;
}
.marquee-component.small .content li {
font-size: 1.5rem;
}
@media only screen and (max-width: 480px) {
.marquee-component.small .content li {
font-size: min(1.4375rem, 6vw);
}
}
@media only screen and (min-width: 768px) {
.marquee-component.small .content li {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 992px) {
.marquee-component.small .content li {
font-size: 1.75rem;
}
}
@media only screen and (min-width: 1200px) {
.marquee-component.small .content li {
font-size: 1.875rem;
}
}
.menu-list-component .list > .header {
margin-bottom: 15px;
text-align: center;
color: var(--brand-color-1);
}
.menu-list-component .list > .header .title {
padding-left: 0.75em;
position: relative;
display: inline-block;
font-family: var(--font-family-2);
font-size: 2rem;
white-space: nowrap;
}
@media only screen and (max-width: 480px) {
.menu-list-component .list > .header .title {
font-size: min(1.5rem, 8vw);
}
}
@media only screen and (min-width: 768px) {
.menu-list-component .list > .header .title {
font-size: 2.4375rem;
}
}
@media only screen and (min-width: 992px) {
.menu-list-component .list > .header .title {
font-size: 2.75rem;
}
}
@media only screen and (min-width: 1200px) {
.menu-list-component .list > .header .title {
font-size: 3.4375rem;
}
}
.menu-list-component .list > .header .title:first-letter {
color: transparent;
}
.menu-list-component .list > .header .title:before {
width: 0.625em;
height: 0.625em;
position: absolute;
top: calc(50% - 0.0625em);
left: 0.75em;
display: block;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/icons/letter-p.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: translate(0, -50%) scale(2.25);
transform: translate(0, -50%) scale(2.25);
}
.menu-list-component .list > .header .sub-title {
margin-top: 2px;
font-size: 0.9375rem;
}
.meta-component > .title {
margin-bottom: 10px;
font-size: 0.9375rem;
}
.meta-component ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.meta-component ul li {
margin: 0;
padding: 0;
}
.meta-component ul li:before {
display: none;
}
.meta-component ul {
margin: -3px -5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.meta-component ul li {
margin: 3px 5px;
position: relative;
font-size: 0.9375rem;
line-height: 1.25em;
}
.meta-component ul li a {
text-decoration: none;
}
.meta-component ul li.highlight {
color: var(--brand-color-1);
}
.mini-cart-component .header a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: var(--header-theme-color);
line-height: 1em;
text-align: left;
}
.mini-cart-component .header a:hover {
color: var(--brand-color-1);
}
.mini-cart-component .header a:hover .icon {
background-color: var(--header-theme-color);
}
.mini-cart-component .header .icon {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 46px;
height: 46px;
font-size: 22px;
background-color: transparent;
border: 2px solid var(--header-theme-color);
border-radius: 50%;
-webkit-box-shadow: 0 3px 0 0 var(--header-theme-color);
box-shadow: 0 3px 0 0 var(--header-theme-color);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
}
.mini-cart-component .header .icon [class^=icon-],
.mini-cart-component .header .icon [class*=" icon-"] {
position: relative;
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
.mini-cart-component .header .count {
position: absolute;
z-index: 2;
top: -3px;
right: -10px;
width: 12px;
height: 12px;
text-align: center;
display: none;
font-size: 0.5rem;
line-height: 12px;
color: var(--header-theme-color-reverse);
background-color: var(--header-theme-color);
border-radius: 50%;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration);
}
.mini-cart-component .header .price {
margin-right: 10px;
font-size: 0.875rem;
white-space: nowrap;
display: none;
}
@media only screen and (max-width: 480px) {
.mini-cart-component .header .price {
display: none;
}
}
.mini-cart-component .header .title {
margin-right: 10px;
font-size: 0.875rem;
display: none;
}
.notification-component {
padding: 30px;
position: relative;
border: 1px solid transparent;
border-radius: 0;
}
.notification-component .title {
margin: 0;
font-size: 1.125rem;
line-height: 1.25em;
}
@media only screen and (max-width: 480px) {
.notification-component .title {
font-size: 1.0625rem;
}
}
@media only screen and (min-width: 768px) {
.notification-component .title {
font-size: 1.1875rem;
}
}
@media only screen and (min-width: 992px) {
.notification-component .title {
font-size: 1.25rem;
}
}
@media only screen and (min-width: 1200px) {
.notification-component .title {
font-size: 1.3125rem;
}
}
.notification-component .title + * {
margin-top: 0;
}
.notification-component .buttons-container {
margin-top: 20px;
}
.notification-component p:first-child,
.notification-component ul:first-child,
.notification-component ol:first-child {
margin-top: 0;
}
.notification-component p:last-child,
.notification-component ul:last-child,
.notification-component ol:last-child {
margin-bottom: 0;
}
.notification-component p.no-pad,
.notification-component ul.no-pad,
.notification-component ol.no-pad {
margin: 0;
}
.notification-component.notice {
background-color: var(--background-fill-color-1);
border-color: rgba(0, 0, 0, 0.1);
}
.notification-component.align-center {
text-align: center;
}
.notification-component.no-style {
padding: 0;
background: none;
border: none;
border-radius: 0;
}
.notification-component.brand-color-1 {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
.notification-component .brand-color-1 {
color: var(--brand-color-1);
}
.notification-component.brand-color-2 {
color: var(--font-color-2);
background-color: var(--brand-color-2);
border-color: var(--brand-color-2);
}
.notification-component .brand-color-2 {
color: var(--brand-color-2);
}
.notification-component.brand-color-3 {
color: var(--font-color-2);
background-color: var(--brand-color-3);
border-color: var(--brand-color-3);
}
.notification-component .brand-color-3 {
color: var(--brand-color-3);
}
.notification-component.brand-color-4 {
color: var(--font-color-2);
background-color: var(--brand-color-4);
border-color: var(--brand-color-4);
}
.notification-component .brand-color-4 {
color: var(--brand-color-4);
}
.notification-component .close-button {
position: absolute;
z-index: 2;
top: 20px;
right: 20px;
display: block;
font-size: 14px;
text-decoration: none;
}
.notification-component .close-button:hover {
color: var(--state-color-error);
}
.order-component {
margin: 0 auto;
}
.order-component .content-inner-side-pad {
margin-left: auto;
margin-right: auto;
max-width: 760px;
}
.order-component form.order:not(:first-child) {
margin-top: 30px;
}
.order-complete-component {
margin: 0 auto;
padding: 30px 20px;
max-width: 1060px;
}
@media only screen and (max-width: 480px) {
.order-complete-component {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
}
}
@media only screen and (min-width: 768px) {
.order-complete-component {
padding: 35px 30px;
}
}
@media only screen and (min-width: 992px) {
.order-complete-component {
padding: 40px 35px;
}
}
@media only screen and (min-width: 1200px) {
.order-complete-component {
padding: 40px;
}
}
.order-complete-component .content-inner-side-pad {
margin-left: auto;
margin-right: auto;
max-width: 680px;
}
.order-complete-component .fill-bg {
padding: 30px 20px;
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.order-complete-component .fill-bg {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) {
.order-complete-component .fill-bg {
padding-left: 35px;
padding-right: 35px;
}
}
.order-detail-component .content-section header {
margin-bottom: 20px;
}
.order-detail-component h3 {
margin-top: 0;
font-family: var(--font-family-2);
color: var(--brand-color-1);
font-size: 1.25rem;
font-weight: normal;
}
.order-detail-component .main-info {
font-size: 1rem;
}
.order-detail-component .main-info mark {
font-weight: 700;
font-style: normal;
background-color: transparent;
}
.order-detail-component ul.order-details {
margin: 0;
padding: 0;
list-style-type: none;
}
.order-detail-component ul.order-details li {
margin: 0;
padding: 0;
}
.order-detail-component ul.order-details li:before {
display: none;
}
.order-detail-component ul.order-details {
margin: 0;
}
.order-detail-component ul.order-details li {
margin: 0;
padding: 8px 0;
float: none;
border: none;
border-bottom: 1px solid var(--border-color-1-a20);
}
.order-detail-component address {
font-size: 0.875rem;
}
.order-detail-component address p {
margin: 15px 0;
font-size: 0.875rem;
line-height: 1.5em;
}
.order-detail-component address p:first-child {
margin-top: 0;
}
.order-detail-component address p:last-child {
margin-bottom: 0;
}
.order-detail-component address p .label {
margin-right: 10px;
display: inline-block;
font-weight: 700;
}
.page-component .page-content h1:first-child,
.page-component .page-content h2:first-child,
.page-component .page-content h3:first-child,
.page-component .page-content h4:first-child,
.page-component .page-content h5:first-child,
.page-component .page-content h6:first-child {
margin-top: 0;
}
.page-component .page-content h1:last-child,
.page-component .page-content h2:last-child,
.page-component .page-content h3:last-child,
.page-component .page-content h4:last-child,
.page-component .page-content h5:last-child,
.page-component .page-content h6:last-child {
margin-bottom: 0;
}
.page-component .page-content ul:first-child,
.page-component .page-content ol:first-child,
.page-component .page-content p:first-child {
margin-top: 0;
}
.page-component .page-content ul:last-child,
.page-component .page-content ol:last-child,
.page-component .page-content p:last-child {
margin-bottom: 0;
}
.page-component .page-content figure figcaption {
margin-top: 20px;
}
@media (min-width: var(--container-max-width)) {
.page-component .inline-section-wrapper {
margin-left: calc((100vw - var(--container-max-width)) / -2 - var(--grid-gap) / 2);
margin-right: calc((100vw - var(--container-max-width)) / -2 - var(--grid-gap) / 2);
}
}
.page-component .content-link-component {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-component .content-link-component > .top {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
padding-top: calc(40px + 3vw);
padding-bottom: calc(40px + 3vw);
padding-left: 20px;
padding-right: 20px;
position: relative;
color: var(--font-color-2);
background-color: var(--background-fill-color-3);
}
@media only screen and (min-width: 768px) {
.page-component .content-link-component > .top {
margin-left: 42%;
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 992px) {
.page-component .content-link-component > .top {
padding-left: 70px;
padding-right: 50px;
}
}
@media only screen and (min-width: 1200px) {
.page-component .content-link-component > .top {
padding-top: 80px;
padding-bottom: 80px;
padding-left: 90px;
padding-right: 60px;
}
}
.page-component .content-link-component > .bottom {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
}
@media only screen and (min-width: 768px) {
.page-component .content-link-component > .bottom {
margin-left: 0;
margin-right: 58%;
}
}
.page-component .content-link-component > .bottom figure {
position: relative;
overflow: hidden;
max-height: 320px;
}
@media only screen and (min-width: 768px) {
.page-component .content-link-component > .bottom figure {
max-height: none;
}
}
.page-component .content-link-component > .bottom figure:before {
padding-top: 75%;
display: block;
content: "";
}
.page-component .content-link-component > .bottom figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page-component .content-link-component .icon {
margin-bottom: 25px;
}
.page-component .content-link-component .icon img {
display: block;
max-width: 240px;
max-height: 60px;
}
.page-component .content-link-component .title {
font-size: 1.875rem;
font-weight: normal;
line-height: var(--font-line-height-1);
}
@media only screen and (max-width: 480px) {
.page-component .content-link-component .title {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 768px) {
.page-component .content-link-component .title {
font-size: 2.125rem;
}
}
@media only screen and (min-width: 992px) {
.page-component .content-link-component .title {
font-size: 2.5rem;
}
}
@media only screen and (min-width: 1200px) {
.page-component .content-link-component .title {
font-size: 2.8125rem;
}
}
.page-component .content-link-component .sub-title {
margin-top: 10px;
max-width: 380px;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
}
.page-component .content-link-component .buttons-container {
margin-top: 40px;
}
@media only screen and (min-width: 768px) {
.page-component .content-link-component .buttons-container {
margin-top: 50px;
}
}
@media only screen and (min-width: 992px) {
.page-component .content-link-component .buttons-container {
margin-top: 60px;
}
}
@media only screen and (min-width: 1200px) {
.page-component .content-link-component .buttons-container {
margin-top: 70px;
}
}
.page-component .content-link-component .buttons-container .button:hover, .page-component .content-link-component .buttons-container button:hover, .page-component .content-link-component .buttons-container input[type=button]:hover, .page-component .content-link-component .buttons-container input[type=submit]:hover, .page-component .content-link-component .buttons-container input[type=reset]:hover {
color: var(--font-color-2);
}
.container .page-component .container {
padding-left: 0;
padding-right: 0;
}
.portfolio-list-component .list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr);
-ms-grid-rows: auto;
grid-template-rows: auto;
gap: 20px;
}
.portfolio-list-component .list > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.portfolio-list-component .list > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
@media only screen and (max-width: 480px) {
.portfolio-list-component .list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 768px) {
.portfolio-list-component .list {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
.portfolio-list-component .list > .item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.portfolio-list-component .list > .item:first-child, .portfolio-list-component .list > .item:last-child {
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
}
}
.portfolio-list-component .list > .item:last-child {
margin-left: calc(50% + 10px);
}
@media only screen and (max-width: 480px) {
.portfolio-list-component .list > .item:last-child {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) {
.portfolio-list-component .list > .item:last-child {
margin-left: 0;
}
}
.portfolio-slider-component .slider {
padding-bottom: 95px;
position: relative;
}
@media only screen and (min-width: 768px) {
.portfolio-slider-component .slider {
margin-left: -10px;
margin-right: -10px;
}
}
@media (min-width: 1600px) {
.portfolio-slider-component .slider {
margin-right: -90px;
}
}
.portfolio-slider-component .slider .slick-list {
margin-left: -4px;
margin-right: -4px;
}
@media only screen and (min-width: 768px) {
.portfolio-slider-component .slider .slick-list {
margin-right: -10px;
padding-right: calc(10px + 10vw);
}
}
@media (min-width: 1360px) {
.portfolio-slider-component .slider .slick-list {
margin-right: calc((100vw - 1360px) / -2 - 10px);
}
}
@media (min-width: 1600px) {
.portfolio-slider-component .slider .slick-list {
margin-right: -50px;
padding-right: 170px;
}
}
.portfolio-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.portfolio-slider-component .slider .slider-item {
padding-left: 4px;
padding-right: 4px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none;
}
.portfolio-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none;
}
.portfolio-slider-component .slider .slider-item .portfolio-slider-item-container {
display: -ms-grid;
display: grid;
}
.portfolio-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.portfolio-slider-component .slider .navigation-container .arrows {
position: absolute;
z-index: 3;
bottom: 5px;
left: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.portfolio-slider-component .slider .navigation-container .arrows {
left: auto;
right: calc(10px + 10vw);
-webkit-transform: none;
transform: none;
}
}
@media (min-width: 1360px) {
.portfolio-slider-component .slider .navigation-container .arrows {
right: calc(10vw + 10px - (100vw - 1360px) / 2);
}
}
@media (min-width: 1600px) {
.portfolio-slider-component .slider .navigation-container .arrows {
right: 130px;
}
}
.portfolio-slider-component .slider .navigation-container .dots {
position: absolute;
bottom: 0;
left: 50%;
display: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.portfolio-slider-component .slider .navigation-container .dots {
left: 10px;
right: calc(230px + 10vw);
bottom: 22px;
display: block;
-webkit-transform: none;
transform: none;
}
}
@media (min-width: 1360px) {
.portfolio-slider-component .slider .navigation-container .dots {
right: calc(10vw + 10px - (100vw - 1360px) / 2 + 220px);
}
}
@media (min-width: 1600px) {
.portfolio-slider-component .slider .navigation-container .dots {
right: 350px;
}
}
.portfolio-slider-component .slider .navigation-container .dots ul {
width: 100%;
}
.portfolio-slider-component .slider .navigation-container .dots ul li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: auto;
}
.portfolio-slider-component .slider .navigation-container .dots ul li button:before {
width: 100%;
height: 1px;
background-color: var(--font-color-3-a40);
border: none;
border-radius: 0;
}
.portfolio-slider-component .slider .navigation-container .dots ul li button:after {
position: absolute;
top: 50%;
left: 0;
right: 0;
display: block;
content: "";
height: 3px;
opacity: 0;
background-color: var(--brand-color-1);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50vw;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
.portfolio-slider-component .slider .navigation-container .dots ul li.slick-active button:after {
opacity: 1;
}
.portfolio-slider-component .slider .navigation-container .dots ul li:hover button:after {
opacity: 1;
}
.product-category-component nav.product-category {
margin-bottom: 40px;
}
.product-content-gallery-component .list {
margin: -6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-content-gallery-component .list > .item {
padding: 6px;
width: 33.33%;
}
@media (max-width: 559px) {
.product-content-gallery-component .list > .item {
width: 50%;
}
}
@media (max-width: 379px) {
.product-content-gallery-component .list > .item {
width: 100%;
}
}
@media only screen and (min-width: 992px) {
.product-content-gallery-component .list > .item {
width: 50%;
}
}
@media only screen and (min-width: 1200px) {
.product-content-gallery-component .list > .item {
width: 33.33%;
}
}
.product-content-gallery-component .list > .item figure {
margin: 0;
position: relative;
overflow: hidden;
border-radius: calc(var(--border-radius-1) / 2);
}
.product-content-gallery-component .list > .item figure:before {
padding-top: 72.5%;
display: block;
content: "";
}
.product-content-gallery-component .list > .item figure img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px);
border-radius: calc(var(--border-radius-1) / 2);
}
.product-content-gallery-component .list > .item figure.video::after {
position: absolute;
z-index: 2;
inset: 0;
margin: auto;
content: "";
display: block;
width: 0px;
height: 0px;
opacity: 0.4;
border-style: solid;
border-width: 16px 0 16px 26px;
border-color: transparent transparent transparent var(--font-color-2);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
pointer-events: none;
}
.product-content-gallery-component .list > .item figure.video:hover::after {
opacity: 1;
}
.product-content-gallery-component .list > .item .lg-selector {
cursor: pointer;
}
.product-detail-component {
margin-left: auto;
margin-right: auto;
max-width: 1360px;
}
.product-detail-component .layout-two-side-wrapper {
margin-left: 0;
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
@media only screen and (min-width: 992px) {
.product-detail-component .layout-two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.product-detail-component .layout-two-side-wrapper > .left-side,
.product-detail-component .layout-two-side-wrapper > .right-side {
padding: calc(var(--grid-gap) / 2);
}
@media only screen and (min-width: 992px) {
.product-detail-component .layout-two-side-wrapper > .left-side,
.product-detail-component .layout-two-side-wrapper > .right-side {
width: 50%;
}
}
@media only screen and (min-width: 992px) {
.product-detail-component .layout-two-side-wrapper > .left-side {
padding-bottom: 30px;
width: 53%;
}
}
.product-detail-component .layout-two-side-wrapper > .right-side {
padding-top: 40px;
padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
.product-detail-component .layout-two-side-wrapper > .right-side {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 992px) {
.product-detail-component .layout-two-side-wrapper > .right-side {
padding-top: 60px;
padding-bottom: 60px;
width: 47%;
}
}
@media only screen and (min-width: 992px) {
.product-detail-component .layout-two-side-wrapper.swap {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.product-detail-component .product-basic-info-container {
margin: calc(var(--grid-gap) / -2);
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.product-detail-component .product-basic-info-container {
margin: -5px;
border-radius: calc(var(--border-radius-1) - 5px);
}
}
@media (min-width: 1400px) {
.product-detail-component .product-basic-info-container {
margin-left: calc((100vw - 1400px) / -2 - 5px);
}
}
@media (min-width: 1600px) {
.product-detail-component .product-basic-info-container {
margin-left: -105px;
}
}
.product-detail-component .product-basic-info-container > .top {
padding: calc(var(--grid-gap) / 2);
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.product-detail-component .product-basic-info-container > .top {
border-radius: calc(var(--border-radius-1) - 5px);
}
}
.product-detail-component .product-basic-info-container > .top > .offset {
padding-top: 10px;
padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.product-detail-component .product-basic-info-container > .top > .offset {
padding-top: 20px;
padding-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (min-width: 992px) {
.product-detail-component .product-basic-info-container > .top > .offset {
padding-top: 25px;
padding-bottom: 45px;
}
}
@media only screen and (min-width: 1200px) {
.product-detail-component .product-basic-info-container > .top > .offset {
padding-top: 30px;
padding-bottom: 50px;
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1600px) {
.product-detail-component .product-basic-info-container > .top > .offset {
padding-left: 30px;
padding-right: 30px;
}
}
.product-detail-component .product-basic-info-container > .top .header {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--brand-color-1);
}
@media only screen and (min-width: 768px) {
.product-detail-component .product-basic-info-container > .top .header {
margin-bottom: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 992px) {
.product-detail-component .product-basic-info-container > .top .header {
margin-bottom: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) {
.product-detail-component .product-basic-info-container > .top .header {
margin-bottom: 35px;
padding-bottom: 35px;
}
}
.product-detail-component .product-basic-info-container > .top .header .title {
margin: 0;
font-family: var(--font-family-2);
font-size: 2.125rem;
color: var(--brand-color-1);
}
@media only screen and (max-width: 480px) {
.product-detail-component .product-basic-info-container > .top .header .title {
font-size: 2rem;
}
}
@media only screen and (min-width: 768px) {
.product-detail-component .product-basic-info-container > .top .header .title {
font-size: 2.25rem;
}
}
@media only screen and (min-width: 992px) {
.product-detail-component .product-basic-info-container > .top .header .title {
font-size: 2.375rem;
}
}
@media only screen and (min-width: 1200px) {
.product-detail-component .product-basic-info-container > .top .header .title {
font-size: 2.5rem;
}
}
.product-detail-component .product-basic-info-container > .top .header .availability {
margin-top: 12px;
}
.product-detail-component .product-basic-info-container > .top .header .availability .stock {
margin: 0;
padding: 5px 20px;
display: inline-block;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
color: var(--brand-color-1);
border: 1px solid currentColor;
border-radius: var(--border-radius-1);
}
.product-detail-component .product-basic-info-container > .top .header .availability .stock.brand-color-1 {
color: var(--font-color-2);
background-color: var(--brand-color-1);
}
.product-detail-component .product-basic-info-container > .top .header .availability .stock.brand-color-2 {
color: var(--font-color-2);
background-color: var(--brand-color-2);
}
.product-detail-component .product-basic-info-container > .top .header .availability .stock.brand-color-3 {
color: var(--font-color-2);
background-color: var(--brand-color-3);
}
.product-detail-component .product-basic-info-container > .top .header .availability .stock.brand-color-4 {
color: var(--font-color-2);
background-color: var(--brand-color-4);
}
.product-detail-component .product-basic-info-container > .bottom {
margin-top: 20px;
}
.product-detail-component .product-basic-info-container > .bottom .social-share-component ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-detail-component .product-basic-info-container .product-image-wrapper {
position: relative;
z-index: 1;
}
.product-detail-component .product-basic-info-container .product-image-wrapper:before {
position: absolute;
z-index: -1;
bottom: 0;
right: 0;
width: 30%;
height: 80px;
display: block;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/patterns/grid-brand-1.svg);
background-position: 48% 42%;
background-repeat: repeat;
background-size: 40px auto;
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
}
.product-detail-component .product-basic-info-container figure.main {
margin: calc(var(--grid-gap) / -2);
margin-top: 0;
position: relative;
overflow: hidden;
border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.product-detail-component .product-basic-info-container figure.main {
border-radius: 0 0 calc(var(--border-radius-1) - 5px) calc(var(--border-radius-1) - 5px);
}
}
.product-detail-component .product-basic-info-container figure.main img {
border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.product-detail-component .product-basic-info-container figure.main img {
border-radius: 0 0 calc(var(--border-radius-1) - 5px) calc(var(--border-radius-1) - 5px);
}
}
.product-detail-component .product-basic-info-container figure.main .label {
--bg-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/icons/label-green.svg);
position: absolute;
z-index: 2;
bottom: 5vw;
right: 5vw;
width: 20vw;
max-width: 142px;
height: 20vw;
max-height: 142px;
background-image: var(--bg-image);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
@media only screen and (min-width: 992px) {
.product-detail-component .product-basic-info-container figure.main .label {
right: 40px;
bottom: 40px;
width: 10vw;
height: 10vw;
}
}
.product-detail-component .product-basic-info-container figure.main .label .text {
position: absolute;
top: 50%;
left: 50%;
font-family: var(--font-family-2);
font-size: min(1.125rem, 3vw);
line-height: 1em;
color: var(--font-color-2);
display: block;
text-transform: uppercase;
-webkit-transform: translate(-50%, -50%) rotate(-15deg);
transform: translate(-50%, -50%) rotate(-15deg);
}
@media only screen and (min-width: 992px) {
.product-detail-component .product-basic-info-container figure.main .label .text {
font-size: min(1.125rem, 1.5vw);
}
}
@media only screen and (min-width: 1200px) {
.product-detail-component .product-basic-info-container figure.main .label .text {
font-size: 1.125rem;
}
}
.product-detail-component .product-more-info-container {
margin-top: 0;
}
.product-detail-component .product-more-info-container .meta-component ul {
margin: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-detail-component .product-more-info-container .meta-component ul li {
margin: 10px;
margin-right: 40px;
}
@media only screen and (min-width: 768px) {
.product-detail-component .product-more-info-container .meta-component ul li {
max-width: 260px;
}
}
.product-detail-component .product-more-info-container .meta-component ul li:last-child {
margin-right: 0;
margin-right: 10px;
}
.product-detail-component .product-more-info-container .meta-component ul li .label {
margin-bottom: 5px;
display: block;
font-family: var(--font-family-2);
line-height: var(--font-line-height-1);
font-size: 0.9375rem;
color: var(--brand-color-1);
}
.product-detail-component .product-more-info-container .meta-component ul li .value {
line-height: var(--font-line-height-1);
font-size: 0.9375rem;
}
.product-detail-component .product-more-info-container .product-description {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--font-color-3);
}
@media only screen and (min-width: 768px) {
.product-detail-component .product-more-info-container .product-description {
margin-bottom: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 992px) {
.product-detail-component .product-more-info-container .product-description {
margin-bottom: 30px;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) {
.product-detail-component .product-more-info-container .product-description {
margin-bottom: 35px;
padding-bottom: 35px;
}
}
.product-detail-component .product-more-info-container .product-description p {
font-family: var(--font-family-2);
font-size: 1.25rem;
}
.product-detail-component .product-more-info-container .product-description p:first-child {
margin-top: 0;
}
.product-detail-component .product-more-info-container .product-description p:last-child {
margin-bottom: 0;
}
.product-detail-component .product-more-info-container h1,
.product-detail-component .product-more-info-container h2,
.product-detail-component .product-more-info-container h3,
.product-detail-component .product-more-info-container h4,
.product-detail-component .product-more-info-container h5,
.product-detail-component .product-more-info-container h6 {
color: var(--brand-color-1);
}
.product-detail-component .product-more-info-container h3,
.product-detail-component .product-more-info-container h4,
.product-detail-component .product-more-info-container h5 {
font-size: 1.25rem;
}
@media only screen and (max-width: 480px) {
.product-detail-component .product-more-info-container h3,
.product-detail-component .product-more-info-container h4,
.product-detail-component .product-more-info-container h5 {
font-size: max(1.1875rem, 4vw);
}
}
@media only screen and (min-width: 768px) {
.product-detail-component .product-more-info-container h3,
.product-detail-component .product-more-info-container h4,
.product-detail-component .product-more-info-container h5 {
font-size: 1.3125rem;
}
}
@media only screen and (min-width: 992px) {
.product-detail-component .product-more-info-container h3,
.product-detail-component .product-more-info-container h4,
.product-detail-component .product-more-info-container h5 {
font-size: 1.375rem;
}
}
@media only screen and (min-width: 1200px) {
.product-detail-component .product-more-info-container h3,
.product-detail-component .product-more-info-container h4,
.product-detail-component .product-more-info-container h5 {
font-size: 1.4375rem;
}
}
.product-detail-component .product-content-gallery-component {
margin-top: 20px;
}
.product-detail-component .course-person-component {
margin-top: 50px;
}
@media only screen and (min-width: 768px) {
.product-detail-component .course-person-component {
margin-top: 60px;
}
}
@media only screen and (min-width: 992px) {
.product-detail-component .course-person-component {
margin-top: 70px;
}
}
@media only screen and (min-width: 1200px) {
.product-detail-component .course-person-component {
margin-top: 80px;
}
}
.product-detail-component .accordion-container {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.product-detail-component .accordion-container {
margin-top: 35px;
}
}
.product-detail-component .testimonial-slider-wrapper {
margin-top: 40px;
padding: 30px;
border: 1px solid var(--brand-color-1);
border-radius: var(--border-radius-1);
}
@media only screen and (max-width: 480px) {
.product-detail-component .testimonial-slider-wrapper {
padding: 30px 20px;
}
}
@media only screen and (min-width: 768px) {
.product-detail-component .testimonial-slider-wrapper {
padding: 40px 40px;
}
}
@media only screen and (min-width: 1200px) {
.product-detail-component .testimonial-slider-wrapper {
padding: 40px 50px;
}
}
.product-detail-component .testimonial-slider-wrapper > .header {
margin-bottom: 20px;
}
.product-detail-component .testimonial-slider-wrapper > .header .title {
color: var(--brand-color-1);
font-family: var(--font-family-2);
font-size: 1.5rem;
line-height: var(--font-line-height-1);
}
@media only screen and (max-width: 480px) {
.product-detail-component .testimonial-slider-wrapper > .header .title {
font-size: min(1.4375rem, 6vw);
}
}
@media only screen and (min-width: 768px) {
.product-detail-component .testimonial-slider-wrapper > .header .title {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 992px) {
.product-detail-component .testimonial-slider-wrapper > .header .title {
font-size: 1.75rem;
}
}
@media only screen and (min-width: 1200px) {
.product-detail-component .testimonial-slider-wrapper > .header .title {
font-size: 1.875rem;
}
}
.product-filter-component .sections-header {
cursor: pointer;
}
@media only screen and (min-width: 992px) {
.product-filter-component .sections-header {
cursor: default;
}
}
.product-filter-component .sections-header .title {
padding: 10px 0;
position: relative;
font-size: 0.9375rem;
}
.product-filter-component .sections-header .title:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e905";
position: absolute;
top: 50%;
right: 0;
display: block;
font-size: 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
@media only screen and (min-width: 992px) {
.product-filter-component .sections-header .title:before {
display: none;
}
}
.product-filter-component .sections-container {
display: none;
}
@media only screen and (min-width: 992px) {
.product-filter-component .sections-container {
display: block !important;
}
}
.product-filter-component .sections-container > .section {
padding: 0;
background-color: var(--background-fill-color-1);
border: 1px solid var(--border-color-1);
border-top: none;
border-radius: calc(var(--border-radius-1) / 2);
}
.product-filter-component .sections-container > .section:first-child {
border-top: 1px solid var(--border-color-1);
}
.product-filter-component .sections-container > .section:last-child {
border: none;
}
.product-filter-component .sections-container > .section.no-top-pad {
padding-top: 0;
}
.product-filter-component .sections-container > .section.no-bottom-pad {
padding-bottom: 0;
}
.product-filter-component .sections-container > .section.no-pad {
padding-top: 0;
padding-bottom: 0;
}
.product-filter-component .sections-container > .section > .header .title {
padding: 15px 20px;
padding-right: 35px;
position: relative;
font-size: 0.9375rem;
-webkit-transition: color var(--animation-default-duration);
transition: color var(--animation-default-duration);
}
.product-filter-component .sections-container > .section > .header .title:before {
font-family: var(--font-family-icon);
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e905";
position: absolute;
top: 50%;
right: 15px;
display: block;
font-size: 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform var(--animation-default-duration);
transition: -webkit-transform var(--animation-default-duration);
transition: transform var(--animation-default-duration);
transition: transform var(--animation-default-duration), -webkit-transform var(--animation-default-duration);
}
.product-filter-component .sections-container > .section > .header:hover .title {
color: var(--brand-color-1);
}
.product-filter-component .sections-container > .section > .body {
padding: 5px 20px 20px;
}
.product-filter-component .sections-container > .section.toggle-show > .header .title {
position: relative;
cursor: pointer;
}
.product-filter-component .sections-container > .section.toggle-show > .body {
display: none;
}
.product-filter-component .sections-container > .section.toggle-show.opened > .header .title:before {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg);
}
.product-filter-component .sections-container > .section.toggle-show.opened-on-init > .header .title:before {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg);
}
.product-filter-component .sections-container > .section.toggle-show.opened-on-init > .body {
display: block;
}
.product-filter-component .sections-container > .section.absolute {
position: relative;
}
.product-filter-component .sections-container > .section.absolute.opened {
border-radius: calc(var(--border-radius-1) / 2) calc(var(--border-radius-1) / 2) 0 0;
}
.product-filter-component .sections-container > .section.absolute > .body {
margin-left: -1px;
margin-right: -1px;
padding: 20px;
position: absolute;
z-index: 99;
width: calc(100% + 2px);
background-color: var(--background-fill-color-1);
border: 1px solid var(--border-color-1);
border-radius: calc(var(--border-radius-1) / 2);
}
.product-filter-component .sections-container > .section.absolute.opened > .body {
border-radius: 0 0 calc(var(--border-radius-1) / 2) calc(var(--border-radius-1) / 2);
}
.product-filter-component.opened .sections-header .title:before {
-webkit-transform: translateY(-50%) rotateX(180deg);
transform: translateY(-50%) rotateX(180deg);
}
.product-filter-component.visible-always .sections-header .title:before {
display: none;
}
.product-filter-component.visible-always .sections-container {
margin-left: 20px;
display: block;
}
.product-list-component .list {
margin: -4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-list-component .list > .item {
padding: 4px;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 599px) {
.product-list-component .list > .item {
width: 100%;
}
}
@media only screen and (min-width: 992px) {
.product-list-component .list > .item {
width: 33.33%;
}
}
.product-list-component .list > .item .product-list-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.product-list-component .list > .item .product-list-item-container a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.product-list-component .list > .item .product-list-item-container a .body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.product-slider-component .slider {
padding-bottom: 100px;
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.product-slider-component .slider {
margin-left: -10px;
margin-right: -10px;
padding-bottom: 60px;
padding-left: 90px;
padding-right: 90px;
}
}
@media only screen and (min-width: 992px) {
.product-slider-component .slider {
padding-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) {
.product-slider-component .slider {
padding-bottom: 80px;
}
}
@media (min-width: 1600px) {
.product-slider-component .slider {
margin-left: -90px;
margin-right: -90px;
}
}
.product-slider-component .slider .slick-list {
margin-left: -4px;
margin-right: -4px;
padding-bottom: 5px;
}
.product-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-slider-component .slider .slider-item {
padding-left: 4px;
padding-right: 4px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none;
}
.product-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none;
}
.product-slider-component .slider .slider-item .product-list-item-container,
.product-slider-component .slider .slider-item .product-slider-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.product-slider-component .slider .slider-item .product-list-item-container a,
.product-slider-component .slider .slider-item .product-slider-item-container a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.product-slider-component .slider .slider-item .product-list-item-container a .body,
.product-slider-component .slider .slider-item .product-slider-item-container a .body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.product-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-slider-component .slider .navigation-container .arrows .slick-arrow {
position: absolute;
z-index: 3;
bottom: 5px;
left: 50%;
}
.product-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
-webkit-transform: translateX(calc(-50% - 50px));
transform: translateX(calc(-50% - 50px));
}
@media only screen and (min-width: 768px) {
.product-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.product-slider-component .slider .navigation-container .arrows .slick-arrow.next {
-webkit-transform: translateX(calc(-50% + 50px));
transform: translateX(calc(-50% + 50px));
}
@media only screen and (min-width: 768px) {
.product-slider-component .slider .navigation-container .arrows .slick-arrow.next {
top: 50%;
left: auto;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.product-slider-component .slider .navigation-container .dots {
position: absolute;
bottom: 0;
left: 50%;
display: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.product-slider-component .slider .navigation-container .dots {
display: block;
}
}
.quick-contact-component > .title {
margin: 0;
margin-bottom: 12px;
font-size: 0.9375rem;
line-height: 1.25em;
}
.quick-contact-component ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.quick-contact-component ul li {
margin: 0;
padding: 0;
}
.quick-contact-component ul li:before {
display: none;
}
.quick-contact-component ul li {
margin: 0;
margin-bottom: 2px;
font-family: var(--font-family-2);
font-size: 1.125rem;
line-height: 1.25em;
}
@media only screen and (max-width: 480px) {
.quick-contact-component ul li {
font-size: min(1.0625rem, 5vw);
}
}
@media only screen and (min-width: 768px) {
.quick-contact-component ul li {
font-size: 1.125rem;
}
}
@media only screen and (min-width: 992px) {
.quick-contact-component ul li {
font-size: 1.1875rem;
}
}
@media only screen and (min-width: 1200px) {
.quick-contact-component ul li {
font-size: 1.25rem;
}
}
.quick-contact-component ul li:last-child {
margin-right: 0;
margin-bottom: 0;
}
.quick-contact-component ul li a {
font-size: inherit;
line-height: 1em;
color: inherit;
text-decoration: none;
}
.quick-contact-component ul li a:hover {
color: var(--brand-color-1);
}
.social-media-component > .title {
margin: 0;
margin-bottom: 10px;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.9375rem;
line-height: 1.25em;
}
.social-media-component ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.social-media-component ul li {
margin: 0;
padding: 0;
}
.social-media-component ul li:before {
display: none;
}
.social-media-component ul li {
margin: 0;
margin-bottom: 10px;
position: relative;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
}
.social-media-component ul li:last-child {
margin-bottom: 0;
}
.social-media-component ul li a {
font-size: inherit;
line-height: 1em;
color: inherit;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social-media-component ul li a:hover {
color: var(--brand-color-1);
}
.social-media-component ul li a [class^=icon-],
.social-media-component ul li a [class*=" icon-"] {
margin-right: 10px;
display: block;
}
.social-share-component > .title {
margin-bottom: 5px;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
}
.social-share-component ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.social-share-component ul li {
margin: 0;
padding: 0;
}
.social-share-component ul li:before {
display: none;
}
.social-share-component ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.social-share-component ul li {
margin: 0;
margin-right: 20px;
font-size: 0.9375rem;
line-height: 1.25em;
}
.social-share-component ul li:last-child {
margin-right: 0;
}
.social-share-component ul li a {
padding: 0;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: var(--font-family-2);
font-style: normal;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
color: var(--brand-color-1);
text-decoration: underline;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
}
.social-share-component ul li a:before, .social-share-component ul li a:after {
display: none;
}
.social-share-component ul li a [class^=icon-],
.social-share-component ul li a [class*=" icon-"] {
margin-right: 12px;
position: relative;
top: 50%;
width: 32px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid currentColor;
border-radius: 50%;
}
.social-share-component ul li a [class^=icon-]:before,
.social-share-component ul li a [class*=" icon-"]:before {
position: absolute;
top: 50%;
left: 50%;
font-size: 10px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.social-share-component ul li a:hover {
text-decoration: underline;
}
.space-slider-component .slider {
padding-bottom: 85px;
position: relative;
}
@media only screen and (min-width: 768px) {
.space-slider-component .slider {
padding-bottom: 0;
}
}
.space-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 768px) {
.space-slider-component .slider .slick-list {
margin-inline: -20px;
padding-inline: 100px;
}
}
@media (min-width: 1360px) {
.space-slider-component .slider .slick-list {
margin-inline: calc((100vw - 1360px) / -2 - 20px);
padding-inline: calc((100vw - 1360px) / 2 + 100px);
}
}
@media (min-width: 1600px) {
.space-slider-component .slider .slick-list {
margin-inline: -140px;
padding-inline: 220px;
}
}
.space-slider-component .slider .slider-item {
padding-bottom: 5px;
outline: none;
}
.space-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none;
}
.space-slider-component .slider .slider-item .space-slider-item-container {
-webkit-transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-transform-origin var(--animation-default-duration);
transition: opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-transform-origin var(--animation-default-duration);
transition: transform var(--animation-default-duration), transform-origin var(--animation-default-duration), opacity var(--animation-default-duration);
transition: transform var(--animation-default-duration), transform-origin var(--animation-default-duration), opacity var(--animation-default-duration), -webkit-transform var(--animation-default-duration), -webkit-transform-origin var(--animation-default-duration);
}
@media only screen and (min-width: 768px) {
.space-slider-component .slider .slider-item .space-slider-item-container .body {
opacity: 0;
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
}
@media only screen and (min-width: 768px) {
.space-slider-component .slider .slider-item.slick-current .space-slider-item-container .body {
opacity: 1;
}
}
@media only screen and (min-width: 768px) {
.space-slider-component .slider .slider-item.slick-current + .slider-item .space-slider-item-container {
-webkit-transform: translate(100px, calc((100vw - 160px - 80px) * 9 / 16 / 6)) scale(0.75);
transform: translate(100px, calc((100vw - 160px - 80px) * 9 / 16 / 6)) scale(0.75);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
}
@media (min-width: 1360px) {
.space-slider-component .slider .slider-item.slick-current + .slider-item .space-slider-item-container {
-webkit-transform: translate(100px, 105px) scale(0.75);
transform: translate(100px, 105px) scale(0.75);
}
}
@media only screen and (min-width: 768px) {
.space-slider-component .slider .slider-item:has(+ .slick-current) .space-slider-item-container {
-webkit-transform: translate(-100px, calc((100vw - 160px - 80px) * 9 / 16 / 6)) scale(0.75);
transform: translate(-100px, calc((100vw - 160px - 80px) * 9 / 16 / 6)) scale(0.75);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
}
@media (min-width: 1360px) {
.space-slider-component .slider .slider-item:has(+ .slick-current) .space-slider-item-container {
-webkit-transform: translate(-100px, 105px) scale(0.75);
transform: translate(-100px, 105px) scale(0.75);
}
}
.space-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.space-slider-component .slider .navigation-container .arrows .slick-arrow {
position: absolute;
bottom: 5px;
z-index: 3;
background-color: var(--font-color-2);
}
@media only screen and (min-width: 768px) {
.space-slider-component .slider .navigation-container .arrows .slick-arrow {
top: calc((100vw - 160px - 80px) * 9 / 16 / 2);
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media (min-width: 1320px) {
.space-slider-component .slider .navigation-container .arrows .slick-arrow {
top: 315px;
}
}
.space-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
left: calc(50% - 75px);
}
@media only screen and (min-width: 768px) {
.space-slider-component .slider .navigation-container .arrows .slick-arrow.prev {
left: 0;
}
}
.space-slider-component .slider .navigation-container .arrows .slick-arrow.next {
left: calc(50% + 15px);
}
@media only screen and (min-width: 768px) {
.space-slider-component .slider .navigation-container .arrows .slick-arrow.next {
left: auto;
right: 0;
}
}
.space-slider-component .slider .navigation-container .dots {
position: absolute;
bottom: 0;
left: 50%;
display: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.space-slider-component .slider .navigation-container .dots {
display: block;
}
}
.tabs-component {
position: relative;
z-index: 1;
}
.tabs-component .tabs-header ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.tabs-component .tabs-header ul li {
margin: 0;
padding: 0;
}
.tabs-component .tabs-header ul li:before {
display: none;
}
.tabs-component .tabs-header ul {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: var(--brand-color-1);
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.tabs-component .tabs-header ul li {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.0625rem;
font-weight: normal;
text-align: center;
line-height: 1em;
}
@media only screen and (max-width: 480px) {
.tabs-component .tabs-header ul li {
font-size: max(0.875rem, 3vw);
}
}
@media only screen and (min-width: 768px) {
.tabs-component .tabs-header ul li {
font-size: 1.125rem;
}
}
@media only screen and (min-width: 992px) {
.tabs-component .tabs-header ul li {
font-size: 1.1875rem;
}
}
@media only screen and (min-width: 1200px) {
.tabs-component .tabs-header ul li {
font-size: 1.25rem;
}
}
.tabs-component .tabs-header ul li > a {
position: relative;
padding: 20px 15px;
color: var(--font-color-2);
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--brand-color-1);
border: 1px solid var(--brand-color-1);
border-bottom: none;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration);
}
.tabs-component .tabs-header ul li > a:before {
position: absolute;
top: 100%;
left: 0;
right: 0;
height: var(--border-radius-1);
display: block;
content: "";
opacity: 0;
background-color: var(--background-fill-color-1);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
pointer-events: none;
}
.tabs-component .tabs-header ul li > a:hover {
color: var(--brand-color-1);
background-color: var(--font-color-2);
}
.tabs-component .tabs-header ul li > a:hover:before {
opacity: 1;
}
.tabs-component .tabs-header ul li.active a {
color: var(--brand-color-1);
background-color: var(--font-color-2);
}
.tabs-component .tabs-header ul li.active a:before {
opacity: 1;
}
.tabs-component .tabs-header.vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tabs-component .tabs-header.vertical li {
margin-bottom: -1px;
width: 100%;
}
.tabs-component .tabs-header.vertical li a {
width: 100%;
}
.tabs-component .tabs-body {
position: relative;
border: 1px solid var(--brand-color-1);
border-top: none;
border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
}
.tabs-component .tabs-body:before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
display: block;
content: "";
height: var(--border-radius-1);
background-color: var(--brand-color-1);
pointer-events: none;
}
.tabs-component .tabs-body .tab-content {
padding: 30px;
display: none;
background-color: var(--background-fill-color-1);
border-radius: var(--border-radius-1);
}
@media only screen and (max-width: 480px) {
.tabs-component .tabs-body .tab-content {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (min-width: 768px) {
.tabs-component .tabs-body .tab-content {
padding: 35px 40px;
}
}
@media only screen and (min-width: 992px) {
.tabs-component .tabs-body .tab-content {
padding: 40px 50px;
}
}
@media only screen and (min-width: 1200px) {
.tabs-component .tabs-body .tab-content {
padding: 50px 60px;
}
}
.tabs-component .tabs-body .tab-content.active {
display: block;
}
.tabs-component .tabs-body .tab-content:first-child {
border-top-left-radius: 0;
}
.tabs-component .tabs-body .tab-content:last-child {
border-top-right-radius: 0;
}
.testimonial-slider-component .slider {
padding-bottom: 65px;
position: relative;
}
.testimonial-slider-component .slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.testimonial-slider-component .slider .slider-item {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none;
}
.testimonial-slider-component .slider .slider-item:not(:nth-child(1)) {
display: none;
}
.testimonial-slider-component .slider .slider-item .testimonial-slider-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.testimonial-slider-component .slider.slick-initialized .slider-item:not(:nth-child(1)) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.testimonial-slider-component .slider .navigation-container .arrows {
display: none;
}
.testimonial-slider-component .slider .navigation-container .dots {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.panel-overflow-hidden {
overflow: hidden;
}
.panel-about {
position: relative;
background-color: var(--background-fill-color-1);
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/panels/about/left.jpg), url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/panels/about/right.jpg);
background-repeat: no-repeat, no-repeat;
background-position: 5% 100%, 95% 100%;
background-size: 40% auto, 40% auto;
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.panel-about {
background-size: 35% auto, 35% auto;
}
}
@media only screen and (min-width: 992px) {
.panel-about {
background-size: 30% auto, 30% auto;
}
}
@media only screen and (min-width: 1200px) {
.panel-about {
background-size: 25% auto, 25% auto;
}
}
.panel-about .content-section-header {
margin-bottom: 0;
text-align: center;
}
.panel-about .content-section-title {
color: var(--brand-color-1);
}
.panel-about article {
margin-left: auto;
margin-right: auto;
max-width: 860px;
text-align: center;
}
.panel-about article p {
font-size: 1.875rem;
}
@media only screen and (max-width: 480px) {
.panel-about article p {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 768px) {
.panel-about article p {
font-size: 2rem;
}
}
@media only screen and (min-width: 992px) {
.panel-about article p {
font-size: 2.25rem;
}
}
@media only screen and (min-width: 1200px) {
.panel-about article p {
font-size: 2.5rem;
}
}
.panel-about article p:first-of-type {
margin-top: 0;
}
.panel-about article p:last-of-type {
margin-bottom: 0;
}
.panel-about article p .highlight {
color: var(--brand-color-1);
text-decoration: underline;
}
.panel-about article p a {
color: var(--brand-color-1);
text-decoration: underline;
}
.panel-about article p a:hover {
text-decoration: none;
}
.panel-about article .logo {
margin-top: 35px;
margin-left: auto;
margin-right: auto;
width: 46px;
}
@media only screen and (min-width: 768px) {
.panel-about article .logo {
margin-top: 40px;
}
}
@media only screen and (min-width: 992px) {
.panel-about article .logo {
margin-top: 45px;
}
}
@media only screen and (min-width: 1200px) {
.panel-about article .logo {
margin-top: 50px;
}
}
.panel-about article .logo img,
.panel-about article .logo svg {
width: 100%;
height: auto;
display: block;
}
.panel-brands.content-section {
padding: 0;
}
.panel-brands .content-section-header {
margin-bottom: 10px;
}
.panel-brands .content-section-title {
font-size: 1.375rem;
color: var(--brand-color-1);
}
.panel-brands .brand-slider-component {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
padding-block: 25px;
border-top: 1px solid var(--border-color-1-a30);
}
.panel-contact {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: var(--background-fill-color-1);
border-radius: var(--border-radius-1);
}
.panel-contact.content-section {
padding-bottom: calc(var(--grid-gap) / 2);
}
.panel-contact .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.panel-contact .content-section-header {
position: relative;
}
.panel-contact .content-section-sub-title {
margin-top: 0;
}
.panel-contact .two-side-wrapper {
margin: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.panel-contact .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.panel-contact .two-side-wrapper > .left-side,
.panel-contact .two-side-wrapper > .right-side {
padding: 10px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.panel-contact .two-side-wrapper > .left-side,
.panel-contact .two-side-wrapper > .right-side {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.panel-contact .two-side-wrapper > .left-side {
padding-top: calc(var(--grid-gap) / 2);
padding-bottom: calc(var(--grid-gap) / 2);
}
}
@media only screen and (min-width: 992px) {
.panel-contact .two-side-wrapper > .left-side p {
padding-right: 60px;
max-width: 320px;
}
}
.panel-contact .two-side-wrapper > .right-side {
margin-top: 15vw;
}
@media only screen and (min-width: 768px) {
.panel-contact .two-side-wrapper > .right-side {
margin-top: 0;
-ms-flex-item-align: end;
align-self: flex-end;
}
}
.panel-contact article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media only screen and (min-width: 768px) {
.panel-contact article {
padding-left: 20px;
}
}
@media only screen and (min-width: 1200px) {
.panel-contact article {
padding-left: 3.75vw;
padding-right: 2vw;
}
}
@media (min-width: 1600px) {
.panel-contact article {
padding-left: 60px;
padding-right: 40px;
}
}
.panel-contact article > .top {
margin-bottom: 40px;
}
.panel-contact article > .bottom {
margin-top: auto;
margin-bottom: 0;
}
.panel-contact article p {
margin-top: 0.25em;
margin-bottom: 0.25em;
}
.panel-contact article p:first-of-type {
margin-top: 0;
}
.panel-contact article p:last-of-type {
margin-bottom: 0;
}
.panel-contact article p.big {
padding-left: 60px;
position: relative;
font-size: 1.25rem;
}
.panel-contact article p.big:before {
position: absolute;
top: 0;
left: 0;
width: 46px;
height: 46px;
display: block;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/icons/letter-p.svg);
background-repeat: no-repeat;
background-position: top right;
background-size: contain;
}
.panel-contact article p.highlight {
color: var(--brand-color-1);
}
.panel-contact article .buttons-container {
margin-top: 20px;
}
.panel-contact article figure {
margin-bottom: -12px;
margin-right: -12px;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 1200px) {
.panel-contact article figure {
margin-right: calc(-2vw - 12px);
}
}
@media (min-width: 1600px) {
.panel-contact article figure {
margin-right: -52px;
}
}
.panel-contact article figure:before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
height: 70%;
display: block;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/patterns/grid-brand-1.svg);
background-position: 48% 50%;
background-repeat: repeat;
background-size: 40px auto;
-webkit-transform: translate(0, -35%);
transform: translate(0, -35%);
}
@media only screen and (min-width: 992px) {
.panel-contact article figure:before {
left: -4vw;
}
}
@media only screen and (min-width: 1200px) {
.panel-contact article figure:before {
left: -72px;
}
}
.panel-contact article figure img {
margin-left: auto;
margin-right: 0;
width: 80%;
height: auto;
display: block;
border-radius: calc(var(--border-radius-1) - 4px);
}
@media only screen and (min-width: 992px) {
.panel-contact article figure img {
width: 100%;
}
}
.panel-contact-form {
margin-top: 12px;
margin-bottom: 12px;
position: relative;
}
@media only screen and (min-width: 992px) {
.panel-contact-form {
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/panels/contact/form-bg.jpg);
background-position: bottom 0 right calc(55% + 150px);
background-size: min(20%, 350px) auto;
background-repeat: no-repeat;
}
}
.panel-contact-form:before {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0;
display: none;
content: "";
background-color: var(--background-fill-color-5);
border-radius: 0 var(--border-radius-1) var(--border-radius-1) 0;
}
@media only screen and (min-width: 992px) {
.panel-contact-form:before {
display: block;
}
}
.panel-contact-form:after {
position: absolute;
z-index: 0;
top: 0;
right: 10%;
width: 40%;
height: 120px;
display: block;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/patterns/grid-brand-1.svg);
background-position: 48% 50%;
background-repeat: repeat;
background-size: 40px auto;
}
@media only screen and (min-width: 992px) {
.panel-contact-form:after {
right: 55%;
width: 20%;
background-position: 42% 50%;
}
}
.panel-contact-form .content-section-header {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.panel-contact-form .content-section-header {
margin-left: auto;
margin-right: auto;
max-width: 420px;
}
}
@media only screen and (min-width: 992px) {
.panel-contact-form .content-section-header {
margin-left: 0;
margin-right: auto;
max-width: 420px;
}
}
.panel-contact-form .content-section-title,
.panel-contact-form .content-section-sub-title {
max-width: calc(100% - 120px);
}
@media only screen and (max-width: 480px) {
.panel-contact-form .content-section-title,
.panel-contact-form .content-section-sub-title {
max-width: none;
}
}
@media only screen and (min-width: 992px) {
.panel-contact-form .content-section-title {
max-width: none;
}
}
.panel-contact-form .content-section-sub-title {
margin-top: 10px;
}
.panel-contact-form article > .two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 992px) {
.panel-contact-form article > .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.panel-contact-form article > .two-side-wrapper > .left-side,
.panel-contact-form article > .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%;
}
@media only screen and (min-width: 992px) {
.panel-contact-form article > .two-side-wrapper > .left-side,
.panel-contact-form article > .two-side-wrapper > .right-side {
width: 50%;
}
}
.panel-contact-form article > .two-side-wrapper > .left-side {
padding-bottom: 50px;
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/panels/contact/form-bg.jpg);
background-position: bottom 0 right 5%;
background-size: max(20%, 150px) auto;
background-repeat: no-repeat;
}
@media only screen and (max-width: 480px) {
.panel-contact-form article > .two-side-wrapper > .left-side {
padding-bottom: 40px;
background-image: none;
}
}
@media only screen and (min-width: 768px) {
.panel-contact-form article > .two-side-wrapper > .left-side {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 992px) {
.panel-contact-form article > .two-side-wrapper > .left-side {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 0;
background-image: none;
}
}
@media only screen and (min-width: 1200px) {
.panel-contact-form article > .two-side-wrapper > .left-side {
padding-left: 100px;
padding-right: 100px;
}
}
.panel-contact-form article > .two-side-wrapper > .right-side {
margin-bottom: calc(var(--content-section-padding) * -1);
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 992px) {
.panel-contact-form article > .two-side-wrapper > .right-side {
margin-top: calc(var(--content-section-padding) * -1);
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: calc(50% + var(--grid-gap));
}
}
.panel-contact-form article p:has(+ .quick-contact-component) {
margin-bottom: 4px;
}
.panel-contact-form article .quick-contact-component ul li a {
color: var(--brand-color-1);
text-decoration: underline;
}
.panel-contact-form article .quick-contact-component ul li a:hover {
text-decoration: none;
}
.panel-contact-form article .contact-form-container {
border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
}
@media only screen and (min-width: 992px) {
.panel-contact-form article .contact-form-container {
border-radius: 0 var(--border-radius-1) var(--border-radius-1) 0;
}
}
@media (min-width: 1380px) {
.panel-contact-form article .contact-form-container {
margin-right: calc((100vw - 1380px) / -2);
}
}
@media (min-width: 1600px) {
.panel-contact-form article .contact-form-container {
margin-right: -100px;
}
}
@media (min-width: 1320px) {
.panel-contact-form article .tabs-component {
margin-right: calc((100vw - var(--container-max-width)) / -2 + var(--grid-gap) / 2);
}
}
@media (min-width: 1600px) {
.panel-contact-form article .tabs-component {
margin-right: -120px;
}
}
.panel-contact-form article .tabs-component .tabs-body {
border-bottom: none;
border-bottom-left-radius: 0;
}
.panel-contact-form article .tabs-component .tab-content {
padding: 0;
}
.panel-contact-form article .tabs-component .contact-form-container {
margin-right: 0;
}
.panel-contact-us {
position: relative;
background-color: var(--background-fill-color-1);
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/panels/contact-us/left.jpg), url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/panels/contact-us/right.jpg);
background-repeat: no-repeat, no-repeat;
background-position: 5% 101%, 95% 101%;
background-size: 40% auto, 40% auto;
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.panel-contact-us {
background-size: 35% auto, 35% auto;
}
}
@media only screen and (min-width: 992px) {
.panel-contact-us {
background-size: 30% auto, 30% auto;
}
}
@media only screen and (min-width: 1200px) {
.panel-contact-us {
background-size: 25% auto, 25% auto;
}
}
.panel-contact-us .content-section-header {
margin-bottom: 0;
text-align: center;
}
.panel-contact-us .content-section-title {
color: var(--brand-color-1);
}
.panel-contact-us article {
margin-left: auto;
margin-right: auto;
max-width: 860px;
text-align: center;
}
.panel-contact-us article p {
font-size: 1.875rem;
}
@media only screen and (max-width: 480px) {
.panel-contact-us article p {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 768px) {
.panel-contact-us article p {
font-size: 2rem;
}
}
@media only screen and (min-width: 992px) {
.panel-contact-us article p {
font-size: 2.25rem;
}
}
@media only screen and (min-width: 1200px) {
.panel-contact-us article p {
font-size: 2.5rem;
}
}
.panel-contact-us article p:first-of-type {
margin-top: 0;
}
.panel-contact-us article p:last-of-type {
margin-bottom: 0;
}
.panel-contact-us article p .highlight {
color: var(--brand-color-1);
text-decoration: underline;
}
.panel-contact-us article p a {
color: var(--brand-color-1);
text-decoration: underline;
}
.panel-contact-us article p a:hover {
text-decoration: none;
}
.panel-contact-us article .logo {
margin-top: 35px;
margin-left: auto;
margin-right: auto;
width: 46px;
}
@media only screen and (min-width: 768px) {
.panel-contact-us article .logo {
margin-top: 40px;
}
}
@media only screen and (min-width: 992px) {
.panel-contact-us article .logo {
margin-top: 45px;
}
}
@media only screen and (min-width: 1200px) {
.panel-contact-us article .logo {
margin-top: 50px;
}
}
.panel-contact-us article .logo img,
.panel-contact-us article .logo svg {
width: 100%;
height: auto;
display: block;
}
.panel-courses.content-section {
padding-top: 0;
padding-bottom: 0;
}
.panel-courses .container {
max-width: var(--container-max-width-2);
}
.panel-courses .container > .outer {
margin-left: auto;
margin-right: auto;
padding-top: var(--content-section-padding);
padding-bottom: var(--content-section-padding);
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
.panel-courses .container > .outer > .inner {
margin-left: auto;
margin-right: auto;
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
max-width: var(--container-max-width);
}
.panel-courses .content-section-header {
margin-bottom: 35px;
color: var(--brand-color-1);
}
.panel-courses article {
position: relative;
}
.panel-courses article .actions-container {
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 992px) {
.panel-courses article .actions-container {
position: absolute;
bottom: 3px;
right: 80px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (min-width: 1600px) {
.panel-courses article .actions-container {
right: 0;
}
}
.panel-courses article .actions-container a {
font-size: 1.25rem;
line-height: 20px;
color: var(--brand-color-1);
text-decoration: underline;
}
.panel-courses article .actions-container a:hover {
text-decoration: none;
}
.panel-cta {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--font-color-2);
background-color: var(--background-fill-color-2);
border-radius: var(--border-radius-1);
}
.panel-cta .content-section-header {
margin-bottom: 60px;
position: relative;
z-index: 1;
max-width: 480px;
}
@media only screen and (min-width: 768px) {
.panel-cta .content-section-header {
margin-bottom: 80px;
padding-left: 20px;
}
}
@media only screen and (min-width: 992px) {
.panel-cta .content-section-header {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1200px) {
.panel-cta .content-section-header {
margin-bottom: 120px;
padding-left: 3.75vw;
padding-right: 3.75vw;
}
}
@media (min-width: 1600px) {
.panel-cta .content-section-header {
padding-left: 60px;
padding-right: 60px;
}
}
.panel-cta article {
position: relative;
z-index: 1;
max-width: 360px;
}
@media only screen and (min-width: 768px) {
.panel-cta article {
padding-left: 20px;
}
}
@media only screen and (min-width: 1200px) {
.panel-cta article {
padding-left: 3.75vw;
padding-right: 3.75vw;
}
}
@media (min-width: 1600px) {
.panel-cta article {
padding-left: 60px;
padding-right: 60px;
}
}
.panel-cta article p {
margin-top: 0.25em;
margin-bottom: 0.25em;
}
.panel-cta article p:first-of-type {
margin-top: 0;
}
.panel-cta article p:last-of-type {
margin-bottom: 0;
}
.panel-cta article .buttons-container {
margin-top: 30px;
}
.panel-cta article .buttons-container .button, .panel-cta article .buttons-container button, .panel-cta article .buttons-container input[type=button], .panel-cta article .buttons-container input[type=submit], .panel-cta article .buttons-container input[type=reset] {
color: var(--font-color-2);
background-color: var(--brand-color-1);
border-color: var(--brand-color-1);
-webkit-box-shadow: 0 3px 0 0 var(--brand-color-4);
box-shadow: 0 3px 0 0 var(--brand-color-4);
}
.panel-cta article .buttons-container .button:hover, .panel-cta article .buttons-container button:hover, .panel-cta article .buttons-container input[type=button]:hover, .panel-cta article .buttons-container input[type=submit]:hover, .panel-cta article .buttons-container input[type=reset]:hover {
color: var(--font-color-3);
background-color: var(--font-color-2);
border-color: var(--font-color-2);
-webkit-box-shadow: 0 3px 0 0 var(--font-color-2);
box-shadow: 0 3px 0 0 var(--font-color-2);
}
.panel-cta figure.bg {
position: absolute;
z-index: 0;
inset: 0;
overflow: hidden;
pointer-events: none;
border-radius: var(--border-radius-1);
}
.panel-cta figure.bg img {
position: absolute;
top: 50%;
left: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% + 2px);
min-height: calc(100% + 2px);
border-radius: var(--border-radius-1);
}
.panel-cta .overlay-link {
position: absolute;
z-index: 2;
inset: 0;
display: block;
text-decoration: none;
border-radius: var(--border-radius-1);
}
.panel-cta:has(> a):hover article .buttons-container .button, .panel-cta:has(> a):hover article .buttons-container button, .panel-cta:has(> a):hover article .buttons-container input[type=button], .panel-cta:has(> a):hover article .buttons-container input[type=submit], .panel-cta:has(> a):hover article .buttons-container input[type=reset] {
color: var(--font-color-3);
background-color: var(--font-color-2);
border-color: var(--font-color-2);
-webkit-box-shadow: 0 3px 0 0 var(--font-color-2);
box-shadow: 0 3px 0 0 var(--font-color-2);
}
.panel-events .content-section-header {
margin-left: auto;
margin-right: auto;
padding-bottom: 70px;
position: relative;
max-width: 680px;
}
.panel-events .content-section-header:after {
position: absolute;
bottom: 0;
left: 50%;
display: block;
width: 45px;
height: 45px;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/icons/letter-p.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.panel-events .content-section-title {
line-height: 1em;
font-size: 2.25rem;
}
@media only screen and (max-width: 480px) {
.panel-events .content-section-title {
font-size: max(1.5rem, 7.25vw);
}
}
@media only screen and (min-width: 768px) {
.panel-events .content-section-title {
font-size: 2.5rem;
}
}
@media only screen and (min-width: 992px) {
.panel-events .content-section-title {
font-size: 3rem;
}
}
@media only screen and (min-width: 1200px) {
.panel-events .content-section-title {
font-size: 3.4375rem;
}
}
.content-sections-wrapper .panel-features.content-section {
padding-block: var(--content-section-small-padding);
}
.panel-instagram {
position: relative;
border-radius: var(--border-radius-1);
}
.panel-instagram .content-section-header {
margin-bottom: 10px;
}
.panel-instagram .content-section-title {
margin-left: auto;
margin-right: auto;
max-width: 480px;
color: var(--brand-color-1);
}
.panel-instagram article {
position: relative;
text-align: center;
}
.panel-instagram article .body {
padding: 55px;
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.panel-instagram article .body {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 992px) {
.panel-instagram article .body {
padding-top: 65px;
padding-bottom: 65px;
}
}
@media only screen and (min-width: 1200px) {
.panel-instagram article .body {
padding-top: 70px;
padding-bottom: 70px;
}
}
.panel-instagram article .buttons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.panel-instagram article .buttons-container .button, .panel-instagram article .buttons-container button, .panel-instagram article .buttons-container input[type=button], .panel-instagram article .buttons-container input[type=submit], .panel-instagram article .buttons-container input[type=reset] {
background-color: var(--font-color-2);
}
.panel-instagram article .buttons-container .button:hover, .panel-instagram article .buttons-container button:hover, .panel-instagram article .buttons-container input[type=button]:hover, .panel-instagram article .buttons-container input[type=submit]:hover, .panel-instagram article .buttons-container input[type=reset]:hover {
background-color: var(--brand-color-1);
}
.panel-instagram figure.top img, .panel-instagram figure.bottom img {
margin-left: auto;
margin-right: auto;
display: block;
height: auto;
}
.panel-instagram figure.top img {
margin-bottom: -5%;
width: 85%;
max-width: 480px;
}
@media (min-width: 579px) {
.panel-instagram figure.top img {
margin-bottom: -3vw;
}
}
@media only screen and (min-width: 992px) {
.panel-instagram figure.top img {
margin-bottom: -5%;
}
}
.panel-instagram figure.bottom img {
margin-top: -5%;
width: 75%;
max-width: 420px;
}
@media (min-width: 579px) {
.panel-instagram figure.bottom img {
margin-top: -3vw;
}
}
@media only screen and (min-width: 992px) {
.panel-instagram figure.bottom img {
margin-top: -5%;
}
}
.panel-intro {
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/panels/intro/bg.jpg);
background-position: top 0 right 2%;
background-size: max(30%, 300px) auto;
background-repeat: no-repeat;
border-radius: var(--border-radius-1);
}
.panel-intro .content-section-header {
margin-bottom: 10px;
max-width: 480px;
color: var(--brand-color-1);
}
.panel-intro .content-section-pre-title {
margin-bottom: 20px;
}
.panel-intro article > .two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.panel-intro article > .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.panel-intro article > .two-side-wrapper > .left-side,
.panel-intro article > .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%;
}
@media only screen and (min-width: 768px) {
.panel-intro article > .two-side-wrapper > .left-side,
.panel-intro article > .two-side-wrapper > .right-side {
width: 50%;
}
}
.panel-intro article > .two-side-wrapper > .left-side {
padding-top: 50px;
}
@media only screen and (min-width: 768px) {
.panel-intro article > .two-side-wrapper > .left-side {
padding-left: 0;
}
}
.panel-intro article > .two-side-wrapper > .right-side {
margin-top: 50px;
-ms-flex-item-align: start;
align-self: flex-start;
}
@media only screen and (min-width: 768px) {
.panel-intro article > .two-side-wrapper > .right-side {
margin-top: 0;
}
}
.panel-intro article .body {
max-width: 480px;
}
@media only screen and (min-width: 768px) {
.panel-intro article figure.main {
margin-top: calc(var(--content-section-padding) * -1);
margin-left: calc(var(--grid-gap) / -2);
}
}
@media (min-width: 1320px) {
.panel-intro article figure.main {
margin-left: calc((100vw - var(--container-max-width)) / -2);
}
}
@media (min-width: 1600px) {
.panel-intro article figure.main {
margin-left: -90px;
}
}
.panel-intro article figure.main img {
display: block;
border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
}
@media only screen and (min-width: 768px) {
.panel-intro article figure.main img {
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
}
@media only screen and (max-width: 480px) {
.panel-menu.content-section {
padding-top: 0;
padding-bottom: var(--content-section-small-padding);
}
}
@media only screen and (max-width: 480px) {
.panel-menu article {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
}
}
.panel-menu .tabs-component {
position: relative;
}
.panel-menu .tabs-component:before {
position: absolute;
z-index: -1;
bottom: 0;
right: 0;
width: 50%;
max-width: 280px;
height: 40%;
max-height: 210px;
display: block;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/patterns/grid-brand-1.svg);
background-position: 42% 40%;
background-repeat: repeat;
background-size: 40px auto;
-webkit-transform: translate(30%, 40%);
transform: translate(30%, 40%);
}
.panel-portfolio .content-section-header {
margin-bottom: 35px;
}
.panel-portfolio .content-section-title {
position: relative;
}
@media only screen and (min-width: 768px) {
.panel-portfolio .content-section-title {
margin-left: 40px;
}
}
.panel-portfolio .content-section-title:after {
margin-left: 0.75em;
position: relative;
font-size: 0.625em;
width: 0.625em;
height: 0.625em;
display: inline-block;
vertical-align: top;
content: "";
background-image: url(//www.platzgroup.sk/wp-content/themes/platz/assets/img/icons/letter-p.svg);
background-repeat: no-repeat;
background-position: top right;
background-size: contain;
}
.content-sections-wrapper .panel-portfolio.content-section {
padding-block: 0;
}
.panel-portfolio-2 .content-section-header .content-section-title {
margin-left: auto;
margin-right: auto;
max-width: 480px;
}
@media only screen and (min-width: 768px) {
.panel-portfolio-2 .content-section-header .content-section-title {
max-width: min(300px, 30%);
}
}
.panel-portfolio-2 .content-section-header .logo {
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
width: 46px;
}
.panel-portfolio-2 .content-section-header .logo img,
.panel-portfolio-2 .content-section-header .logo svg {
width: 100%;
height: auto;
display: block;
}
.panel-related-articles.content-section {
padding-top: 0;
padding-bottom: 0;
}
.panel-related-articles .container {
max-width: var(--container-max-width-2);
}
.panel-related-articles .container > .outer {
margin-left: auto;
margin-right: auto;
padding-top: var(--content-section-padding);
padding-bottom: var(--content-section-padding);
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
.panel-related-articles .container > .outer > .inner {
margin-left: auto;
margin-right: auto;
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
max-width: var(--container-max-width);
}
.panel-related-articles .content-section-header {
margin-bottom: 35px;
color: var(--brand-color-1);
}
.panel-related-articles article {
position: relative;
}
.panel-related-articles article .actions-container {
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 992px) {
.panel-related-articles article .actions-container {
position: absolute;
bottom: 3px;
right: 80px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (min-width: 1600px) {
.panel-related-articles article .actions-container {
right: 0;
}
}
.panel-related-articles article .actions-container a {
font-size: 1.25rem;
line-height: 20px;
color: var(--brand-color-1);
text-decoration: underline;
}
.panel-related-articles article .actions-container a:hover {
text-decoration: none;
}
.panel-related-courses.content-section {
padding-top: 0;
padding-bottom: 0;
}
.panel-related-courses .container {
max-width: var(--container-max-width-2);
}
.panel-related-courses .container > .outer {
margin-left: auto;
margin-right: auto;
padding-top: var(--content-section-padding);
padding-bottom: var(--content-section-padding);
background-color: var(--background-fill-color-5);
border-radius: var(--border-radius-1);
}
.panel-related-courses .container > .outer > .inner {
margin-left: auto;
margin-right: auto;
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
max-width: var(--container-max-width);
}
.panel-related-courses .content-section-header {
margin-bottom: 35px;
color: var(--brand-color-1);
}
.panel-related-courses article {
position: relative;
}
.panel-related-courses article .actions-container {
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 992px) {
.panel-related-courses article .actions-container {
position: absolute;
bottom: 3px;
right: 80px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (min-width: 1600px) {
.panel-related-courses article .actions-container {
right: 0;
}
}
.panel-related-courses article .actions-container a {
font-size: 1.25rem;
line-height: 20px;
color: var(--brand-color-1);
text-decoration: underline;
}
.panel-related-courses article .actions-container a:hover {
text-decoration: none;
}
.panel-spaces .content-section-header {
margin-bottom: 20px;
}
.panel-spaces .content-section-title {
color: var(--brand-color-1);
}
.panel-spaces .tabs-component .tabs-header {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.panel-spaces .tabs-component .tabs-header ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 20px;
background-color: transparent;
border-radius: 0;
}
.panel-spaces .tabs-component .tabs-header ul li a {
padding: 8px clamp(20px, 2vw, 35px);
white-space: nowrap;
color: var(--font-color-3);
background-color: transparent;
border: 1px solid var(--font-color-3-a30);
border-radius: 50vw;
-webkit-transition: color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), border-color var(--animation-default-duration);
}
.panel-spaces .tabs-component .tabs-header ul li a:before {
display: none;
}
.panel-spaces .tabs-component .tabs-header ul li a:hover {
color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
.panel-spaces .tabs-component .tabs-header ul li.active a {
color: var(--brand-color-1);
border-color: var(--brand-color-1);
}
.panel-spaces .tabs-component .tabs-body {
border: none;
border-radius: 0;
}
.panel-spaces .tabs-component .tabs-body:before {
display: none;
}
.panel-spaces .tabs-component .tabs-body .tab-content {
padding: 0;
background-color: transparent;
border-radius: 0;
}
.panel-testimonials .content-section-header {
margin-bottom: 20px;
}
.panel-testimonials .content-section-title {
color: var(--brand-color-1);
}
.dialog {
padding: 0;
position: relative;
background-color: var(--background-fill-color-1);
border-radius: var(--border-radius-1);
-webkit-box-shadow: none;
box-shadow: none;
}
.dialog .dialog-header {
padding: 30px;
border-radius: var(--border-radius-1) var(--border-radius-1) 0 0;
}
.dialog .dialog-header:last-child {
border-radius: var(--border-radius-1);
}
.dialog .dialog-header .title {
margin: 0;
padding-right: 80px;
font-size: 2.125rem;
line-height: 1.25em;
}
@media only screen and (max-width: 480px) {
.dialog .dialog-header .title {
font-size: 7vw;
}
}
@media only screen and (min-width: 768px) {
.dialog .dialog-header .title {
font-size: 2.4375rem;
}
}
@media only screen and (min-width: 992px) {
.dialog .dialog-header .title {
font-size: 2.75rem;
}
}
@media only screen and (min-width: 1200px) {
.dialog .dialog-header .title {
font-size: 3.125rem;
}
}
.dialog .dialog-header + .dialog-body {
padding-top: 0;
}
.dialog .dialog-body {
padding: 30px;
}
.dialog .dialog-body:last-child {
border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
}
.dialog .dialog-footer {
padding: 30px;
padding-top: 0;
border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);
}
.dialog .dialog-close-button {
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
text-align: center;
color: var(--font-color-3);
background: none;
border-radius: 0;
border: none;
-webkit-transition: all var(--animation-default-duration);
transition: all var(--animation-default-duration);
-webkit-transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
transition: color var(--animation-default-duration), background-color var(--animation-default-duration), border-color var(--animation-default-duration);
}
.dialog .dialog-close-button:after, .dialog .dialog-close-button:before {
position: absolute;
content: "";
display: block;
width: 30px;
height: 1px;
top: 50%;
left: 50%;
opacity: 1;
background-color: currentColor;
-webkit-transition: background-color var(--animation-default-duration);
transition: background-color var(--animation-default-duration);
}
.dialog .dialog-close-button:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.dialog .dialog-close-button:after {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
}
.dialog .dialog-close-button:hover:before, .dialog .dialog-close-button:hover:after {
background-color: var(--state-color-error);
}
.add-to-cart-dialog {
margin: 0 auto;
width: calc(100vw - 80px);
max-width: 760px;
}
.add-to-cart-dialog .mfp-close, .add-to-cart-dialog .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .add-to-cart-dialog .mfp-close,
.add-to-cart-dialog .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .add-to-cart-dialog .mfp-close {
top: 15px;
right: 15px;
display: none;
}
.add-to-cart-dialog .dialog-header {
padding-top: 40px;
padding-bottom: 40px;
background-color: var(--background-fill-color-5);
border-bottom: none;
}
.add-to-cart-dialog .dialog-header .title {
padding: 0;
position: relative;
font-family: var(--font-family-2);
font-weight: normal;
font-size: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: left;
}
.add-to-cart-dialog .dialog-header .title [class^=icon-],
.add-to-cart-dialog .dialog-header .title [class*=" icon-"] {
margin-right: 10px;
position: relative;
display: block;
width: 46px;
height: 46px;
color: var(--font-color-2);
background-color: var(--font-color-3);
border: 2px solid var(--font-color-3);
border-radius: 50%;
-webkit-box-shadow: 0 3px 0 0 var(--font-color-3);
box-shadow: 0 3px 0 0 var(--font-color-3);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.add-to-cart-dialog .dialog-header .title [class^=icon-]:before,
.add-to-cart-dialog .dialog-header .title [class*=" icon-"]:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
color: var(--font-color-2);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.add-to-cart-dialog .dialog-header .title.color-success [class^=icon-],
.add-to-cart-dialog .dialog-header .title.color-success [class*=" icon-"] {
background-color: var(--state-color-success);
border-color: var(--state-color-success-2);
-webkit-box-shadow: 0 3px 0 0 var(--state-color-success-2);
box-shadow: 0 3px 0 0 var(--state-color-success-2);
}
.add-to-cart-dialog .dialog-header .title.color-warning [class^=icon-],
.add-to-cart-dialog .dialog-header .title.color-warning [class*=" icon-"] {
background-color: var(--state-color-warning);
border-color: var(--state-color-warning-2);
-webkit-box-shadow: 0 3px 0 0 var(--state-color-warning-2);
box-shadow: 0 3px 0 0 var(--state-color-warning-2);
}
.add-to-cart-dialog .dialog-header .title.color-danger [class^=icon-],
.add-to-cart-dialog .dialog-header .title.color-danger [class*=" icon-"] {
background-color: var(--state-color-error);
border-color: var(--state-color-error-2);
-webkit-box-shadow: 0 3px 0 0 var(--state-color-error-2);
box-shadow: 0 3px 0 0 var(--state-color-error-2);
}
.add-to-cart-dialog .dialog-body {
padding-top: 20px !important;
}
.add-to-cart-dialog .dialog-body p:first-child,
.add-to-cart-dialog .dialog-body ul:first-child,
.add-to-cart-dialog .dialog-body ol:first-child {
margin-top: 0;
}
.add-to-cart-dialog .dialog-body p:last-child,
.add-to-cart-dialog .dialog-body ul:last-child,
.add-to-cart-dialog .dialog-body ol:last-child {
margin-bottom: 0;
}
.add-to-cart-dialog .add-to-cart-container {
margin-left: auto;
margin-right: auto;
max-width: 600px;
}
.add-to-cart-dialog .totals {
margin: 15px -10px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.add-to-cart-dialog .totals > .left-side,
.add-to-cart-dialog .totals > .right-side {
padding: 5px 10px;
}
.add-to-cart-dialog .totals > .right-side {
margin-left: auto;
text-align: right;
}
.add-to-cart-dialog .totals .price {
font-family: var(--font-family-2);
font-size: 1.25rem;
color: var(--brand-color-1);
}
.add-to-cart-dialog .totals .price .value {
margin-left: 20px;
display: inline-block;
}
.add-to-cart-dialog .free-shipping-info {
font-size: 0.9375rem;
line-height: var(--font-line-height-2);
}
.add-to-cart-dialog .buttons-container {
margin: 20px -10px;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.add-to-cart-dialog .buttons-container > .left-side,
.add-to-cart-dialog .buttons-container > .right-side {
padding: 5px 10px;
}
.add-to-cart-dialog .buttons-container .button[data-trigger], .add-to-cart-dialog .buttons-container button[data-trigger], .add-to-cart-dialog .buttons-container input[data-trigger][type=button], .add-to-cart-dialog .buttons-container input[data-trigger][type=submit], .add-to-cart-dialog .buttons-container input[data-trigger][type=reset] {
-webkit-box-shadow: none;
box-shadow: none;
}
.dialog-event {
width: calc(100vw - var(--grid-gap));
max-width: 1080px;
background: transparent;
}
.dialog-event .dialog-body {
padding: 0;
}
.dialog-event .mfp-close, .dialog-event .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .dialog-event .mfp-close,
.dialog-event .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .dialog-event .mfp-close {
top: 20px;
right: 20px;
}
@media only screen and (min-width: 768px) {
.dialog-event .mfp-close, .dialog-event .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .dialog-event .mfp-close,
.dialog-event .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .dialog-event .mfp-close {
top: 30px;
right: 30px;
}
}
@media only screen and (min-width: 992px) {
.dialog-event .mfp-close, .dialog-event .mfp-wrap .mfp-iframe-holder .mfp-wrap .mfp-close, .mfp-wrap .mfp-iframe-holder .mfp-wrap .dialog-event .mfp-close,
.dialog-event .mfp-wrap .mfp-image-holder .mfp-wrap .mfp-close,
.mfp-wrap .mfp-image-holder .mfp-wrap .dialog-event .mfp-close {
top: 40px;
right: 40px;
}
}
:root {
--content-section-padding: 60px;
--content-section-small-padding: 40px;
--content-section-big-padding: 100px;
}
@media only screen and (min-width: 768px) {
:root {
--content-section-padding: 80px;
--content-section-small-padding: 60px;
--content-section-big-padding: 120px;
}
}
@media only screen and (min-width: 992px) {
:root {
--content-section-padding: 90px;
--content-section-small-padding: 70px;
--content-section-big-padding: 135px;
}
}
@media only screen and (min-width: 1200px) {
:root {
--content-section-padding: 100px;
--content-section-small-padding: 80px;
--content-section-big-padding: 150px;
}
}
.content-section {
padding-top: var(--content-section-padding);
padding-bottom: var(--content-section-padding);
}
.content-section.small-top-pad {
padding-top: var(--content-section-small-padding);
}
.content-section.small-bottom-pad {
padding-bottom: var(--content-section-small-padding);
}
.content-section.small-pad {
padding-top: var(--content-section-small-padding);
padding-bottom: var(--content-section-small-padding);
}
.content-section.big-top-pad {
padding-top: var(--content-section-big-padding);
}
.content-section.big-bottom-pad {
padding-bottom: var(--content-section-big-padding);
}
.content-section.big-pad {
padding-top: var(--content-section-big-padding);
padding-bottom: var(--content-section-big-padding);
}
.content-section.no-top-pad {
padding-top: 0;
}
.content-section.no-bottom-pad {
padding-bottom: 0;
}
.content-section.no-pad {
padding-top: 0;
padding-bottom: 0;
}
.content-section header h1,
.content-section header h2,
.content-section header h3,
.content-section header h4,
.content-section header h5,
.content-section header h6 {
margin-top: 0;
margin-bottom: 0;
}
.content-section header.align-center {
text-align: center;
}
.content-section.overflow-hidden {
overflow: hidden;
}
.content-section.fill-bg {
background-color: var(--background-fill-color-3);
}
.content-section.white-bg {
color: var(--font-color-1);
background-color: var(--background-fill-color-1);
}
.content-sections-wrapper + .content-sections-wrapper {
margin-top: 12px;
}
.content-sections-wrapper .content-sections-wrapper-outer {
margin-left: auto;
margin-right: auto;
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
max-width: var(--container-max-width-2);
}
.content-sections-wrapper .content-sections-wrapper-outer .has-negative-offset {
margin-inline: calc(var(--grid-gap) / -2);
padding-inline: calc(var(--grid-gap) / 2);
}
@media (min-width: 1360px) {
.content-sections-wrapper .content-sections-wrapper-outer .has-negative-offset {
margin-inline: calc((100vw - var(--container-max-width)) / -2);
padding-inline: calc((100vw - var(--container-max-width)) / 2);
}
}
@media (min-width: 1600px) {
.content-sections-wrapper .content-sections-wrapper-outer .has-negative-offset {
margin-inline: -140px;
padding-inline: 140px;
}
}
.content-sections-wrapper .content-sections-wrapper-inner {
background-color: var(--background-fill-color-1);
border-radius: var(--border-radius-1);
}
.content-sections-wrapper .content-sections-wrapper-inner.brand-color-1 {
background-color: var(--brand-color-1);
}
.content-sections-wrapper .content-sections-wrapper-inner.brand-color-2 {
background-color: var(--brand-color-2);
}
.content-sections-wrapper .content-sections-wrapper-inner.brand-color-3 {
background-color: var(--brand-color-3);
}
.content-sections-wrapper .content-sections-wrapper-inner.brand-color-4 {
background-color: var(--brand-color-4);
}
#hero + .content-sections-wrapper {
margin-top: 12px;
}
.content-section-header,
header {
margin-bottom: 35px;
position: relative;
}
@media only screen and (min-width: 768px) {
.content-section-header,
header {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 992px) {
.content-section-header,
header {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 1200px) {
.content-section-header,
header {
margin-bottom: 50px;
}
}
.content-section-header.align-center,
header.align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.content-section-header.align-center .content-section-pre-title,
.content-section-header.align-center .content-section-sub-title,
header.align-center .content-section-pre-title,
header.align-center .content-section-sub-title {
display: inline-block;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.content-section-header.two-side-wrapper,
.content-section-header .two-side-wrapper,
header.two-side-wrapper,
header .two-side-wrapper {
margin-left: var(--grid-gap)/-2;
margin-right: var(--grid-gap)/-2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.content-section-header.two-side-wrapper,
.content-section-header .two-side-wrapper,
header.two-side-wrapper,
header .two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.content-section-header.two-side-wrapper > .left-side,
.content-section-header.two-side-wrapper > .right-side,
.content-section-header .two-side-wrapper > .left-side,
.content-section-header .two-side-wrapper > .right-side,
header.two-side-wrapper > .left-side,
header.two-side-wrapper > .right-side,
header .two-side-wrapper > .left-side,
header .two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
}
.content-section-header.two-side-wrapper > .right-side,
.content-section-header .two-side-wrapper > .right-side,
header.two-side-wrapper > .right-side,
header .two-side-wrapper > .right-side {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.content-section-header.two-side-wrapper > .right-side,
.content-section-header .two-side-wrapper > .right-side,
header.two-side-wrapper > .right-side,
header .two-side-wrapper > .right-side {
margin-top: 0;
}
}
.content-section-title {
margin: 0;
font-family: var(--font-family-2);
font-weight: normal;
font-size: 1.5rem;
line-height: var(--font-line-height-1);
}
@media only screen and (max-width: 480px) {
.content-section-title {
font-size: min(1.4375rem, 6vw);
}
}
@media only screen and (min-width: 768px) {
.content-section-title {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 992px) {
.content-section-title {
font-size: 1.75rem;
}
}
@media only screen and (min-width: 1200px) {
.content-section-title {
font-size: 1.875rem;
}
}
.content-section-title.big {
font-size: 2.25rem;
}
@media only screen and (max-width: 480px) {
.content-section-title.big {
font-size: max(2rem, 7vw);
}
}
@media only screen and (min-width: 768px) {
.content-section-title.big {
font-size: 2.625rem;
}
}
@media only screen and (min-width: 992px) {
.content-section-title.big {
font-size: 3rem;
}
}
@media only screen and (min-width: 1200px) {
.content-section-title.big {
font-size: 3.4375rem;
}
}
.content-section-title.medium {
font-size: 1.875rem;
}
@media only screen and (max-width: 480px) {
.content-section-title.medium {
font-size: max(1.625rem, 5.5vw);
}
}
@media only screen and (min-width: 768px) {
.content-section-title.medium {
font-size: 2rem;
}
}
@media only screen and (min-width: 992px) {
.content-section-title.medium {
font-size: 2.25rem;
}
}
@media only screen and (min-width: 1200px) {
.content-section-title.medium {
font-size: 2.5rem;
}
}
.content-section-title.small {
font-size: 1.1875rem;
}
@media only screen and (max-width: 480px) {
.content-section-title.small {
font-size: 1.125rem;
}
}
@media only screen and (min-width: 768px) {
.content-section-title.small {
font-size: 1.25rem;
}
}
.content-section-title.highlight,
.content-section-title .highlight {
color: var(--brand-color-1);
}
.content-section-pre-title {
margin: 0;
margin-bottom: 15px;
font-size: 1.25rem;
line-height: var(--font-line-height-1);
}
.content-section-sub-title {
margin: 0;
margin-top: 15px;
font-size: 0.9375rem;
line-height: var(--font-line-height-1);
}
.content-section-sub-title.as-title {
font-family: var(--font-family-2);
font-size: 1.5rem;
}
@media only screen and (max-width: 480px) {
.content-section-sub-title.as-title {
font-size: min(1.4375rem, 6vw);
}
}
@media only screen and (min-width: 768px) {
.content-section-sub-title.as-title {
font-size: 1.625rem;
}
}
@media only screen and (min-width: 992px) {
.content-section-sub-title.as-title {
font-size: 1.75rem;
}
}
@media only screen and (min-width: 1200px) {
.content-section-sub-title.as-title {
font-size: 1.875rem;
}
}
.content-two-side-wrapper {
margin-left: calc(var(--grid-gap) / -2);
margin-right: calc(var(--grid-gap) / -2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.content-two-side-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.content-two-side-wrapper > .left-side,
.content-two-side-wrapper > .right-side {
padding-left: calc(var(--grid-gap) / 2);
padding-right: calc(var(--grid-gap) / 2);
width: 100%;
}
@media only screen and (min-width: 768px) {
.content-two-side-wrapper > .left-side {
width: 50%;
}
}
.content-two-side-wrapper > .right-side {
margin-top: 50px;
margin-left: auto;
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.content-two-side-wrapper > .right-side {
margin-top: 0;
width: 50%;
}
}
.content-two-side-wrapper > .right-side:only-child {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.side-md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 992px) {
.content-two-side-wrapper.side-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.side-md > .left-side,
.content-two-side-wrapper.side-md > .right-side {
width: 100%;
}
}
@media only screen and (min-width: 992px) {
.content-two-side-wrapper.side-md > .left-side,
.content-two-side-wrapper.side-md > .right-side {
width: 50%;
}
}
.content-two-side-wrapper.side-md > .right-side {
margin-top: 50px;
}
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.side-md > .right-side {
margin-top: 50px;
}
}
@media only screen and (min-width: 992px) {
.content-two-side-wrapper.side-md > .right-side {
margin-top: 0;
}
}
.content-two-side-wrapper.no-side-pad {
margin-left: 0;
margin-right: 0;
}
.content-two-side-wrapper.no-side-pad > .left-side,
.content-two-side-wrapper.no-side-pad > .right-side {
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.content-two-side-wrapper.align-center > .left-side,
.content-two-side-wrapper.align-center > .right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 768px) {
.content-two-side-wrapper.swap {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.layout-two-columns-wrapper {
margin-left: -var(--grid-gap)/4;
margin-right: -var(--grid-gap)/4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.layout-two-columns-wrapper > .left-column,
.layout-two-columns-wrapper > .main-column,
.layout-two-columns-wrapper > .right-column {
padding-left: var(--grid-gap)/4;
padding-right: var(--grid-gap)/4;
}
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .left-column.no-left-pad,
.layout-two-columns-wrapper > .main-column.no-left-pad,
.layout-two-columns-wrapper > .right-column.no-left-pad {
padding-left: 0;
}
}
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .left-column.no-right-pad,
.layout-two-columns-wrapper > .main-column.no-right-pad,
.layout-two-columns-wrapper > .right-column.no-right-pad {
padding-right: 0;
}
}
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .left-column {
width: 36%;
}
}
@media only screen and (min-width: 1200px) {
.layout-two-columns-wrapper > .left-column {
width: 42%;
}
}
.layout-two-columns-wrapper > .left-column.swap {
margin-top: 50px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.layout-two-columns-wrapper > .left-column.swap + .main-column {
margin-top: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .left-column.swap {
margin-top: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.layout-two-columns-wrapper > .left-column.swap + .main-column {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.layout-two-columns-wrapper > .main-column {
margin-top: 50px;
}
.layout-two-columns-wrapper > .main-column:first-child {
margin-top: 0;
}
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .main-column {
margin-top: 0;
width: 64%;
}
}
@media only screen and (min-width: 1200px) {
.layout-two-columns-wrapper > .main-column {
width: 58%;
}
}
.layout-two-columns-wrapper > .right-column {
margin-top: 50px;
}
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper > .right-column {
margin-top: 0;
width: 36%;
}
}
@media only screen and (min-width: 1200px) {
.layout-two-columns-wrapper > .right-column {
width: 42%;
}
}
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper.swap {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.layout-two-columns-wrapper.swap > .main-column {
margin-top: 0;
margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
.layout-two-columns-wrapper.swap > .main-column {
margin-bottom: 0;
}
}
@media only screen and (min-width: 992px) {
.floating-sidebar-wrapper .floating-sidebar-container {
position: sticky;
top: 20px;
-webkit-transition: top var(--animation-default-duration);
transition: top var(--animation-default-duration);
}
body.header-down .floating-sidebar-wrapper .floating-sidebar-container {
top: 20px;
}
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:after,
*:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
--body-font-size: 16px;
margin: 0;
min-height: 100%;
font-size: var(--body-font-size);
}
body {
--body-font-color: var(--font-color-3);
--body-background-color: var(--background-fill-color-4);
margin: 0;
padding-top: 90px;
position: relative;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: var(--font-family-1);
color: var(--body-font-color);
background-color: var(--body-background-color);
overflow-x: hidden;
}
body:before {
position: fixed;
z-index: 20;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
display: block;
content: "";
pointer-events: none;
background-color: var(--background-fill-color-7);
-webkit-transition: opacity var(--animation-default-duration);
transition: opacity var(--animation-default-duration);
}
body.has-overlay:before {
opacity: 0.7;
pointer-events: auto;
}
::-moz-selection {
color: #fff;
background-color: #000;
}
::selection {
color: #fff;
background-color: #000;
}
.clearfix:after, .container:after, .mfp-wrap .mfp-figure .mfp-bottom-bar:after, .form-control-group:after, .clearfix:before, .container:before, .mfp-wrap .mfp-figure .mfp-bottom-bar:before, .form-control-group:before {
content: " ";
display: table;
}
.clearfix:after, .container:after, .mfp-wrap .mfp-figure .mfp-bottom-bar:after, .form-control-group:after {
clear: both;
}
.container {
margin: 0 auto;
padding: 0 calc(var(--grid-gap) / 2);
width: 100%;
max-width: var(--container-max-width);
}
.container.width-max-2 {
max-width: var(--container-max-width-2);
}
.container.no-pad {
padding-left: 0;
padding-right: 0;
}
body .panels-grid-container > .container {
max-width: var(--container-max-width-2);
}
body .panels-grid-container .panels-grid {
overflow: hidden;
background-color: var(--background-fill-color-1);
border-radius: var(--border-radius-1);
}
@media only screen and (min-width: 992px) {
body .panels-grid-container .panels-grid {
display: -ms-grid;
display: grid;
gap: var(--grid-gutter-gap);
-ms-grid-rows: auto;
grid-template-rows: auto;
-ms-grid-columns: 50% var(--grid-gutter-gap) 50%;
grid-template-columns: repeat(2, 50%);
}
body .panels-grid-container .panels-grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
body .panels-grid-container .panels-grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
}
@media only screen and (min-width: 992px) {
body .panels-grid-container .panels-grid > .item.full-width {
grid-column: auto/span 2;
}
}
@media only screen and (min-width: 992px) {
body .panels-grid-container .panels-grid > .item:nth-child(1) .content-section {
margin-left: auto;
margin-right: 0;
width: 100%;
max-width: 680px;
}
}
@media only screen and (min-width: 992px) {
body .panels-grid-container .panels-grid > .item:nth-child(2) .content-section {
margin-left: 0;
margin-right: auto;
width: 100%;
max-width: 680px;
}
}
body .panels-row-container {
margin-top: 12px;
}
body .panels-row-container > .container {
max-width: var(--container-max-width-2);
}
body .panels-row-container .panels-row {
margin: -6px;
}
@media only screen and (min-width: 992px) {
body .panels-row-container .panels-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
body .panels-row-container .panels-row > .item {
padding: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 992px) {
body .panels-row-container .panels-row > .item {
width: 50%;
}
}
body .panels-row-container .panels-row > .item.full-width {
width: 100%;
}
body .panels-row-container .panels-row > .item .content-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
body.page-home nav.primary > ul > li > a:after {
-webkit-filter: none;
filter: none;
}
body.page-home nav.primary > ul > li > a:after {
-webkit-filter: none;
filter: none;
}
body.page-cart nav.primary > ul > li > a:after {
-webkit-filter: none;
filter: none;
}
body.page-checkout nav.primary > ul > li > a:after {
-webkit-filter: none;
filter: none;
}