a#przepisy span, body.form button, body.glowna a#przyciskvideo:before, body.glowna a.przycisk, #video > a, #formtematy a { box-sizing: border-box; height: 8.5vh; font-size: 4vh; line-height: 8vh; background-color: #009a49; border-radius: 4.25vh; border: 0.52vh solid #ffffff; color: #ffffff; text-transform: uppercase; }

html { width: 100vw; overflow-x: hidden; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

* { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: inherit; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }

a { color: #009a49; text-decoration: none; }

a:hover { text-decoration: underline; }

body { position: relative; color: #ffffff; font-family: 'BlockProOsadzony', sans-serif; text-align: center; width: 100%; overflow-x: hidden; overflow-y: auto; background-color: #aa0000; background-attachment: fixed; background-image: -moz-radial-gradient(50% 50%, circle closest-side, #f52323 1%, #d31b1d 52%, #b01316 100%); background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #f52323 1%, #d31b1d 52%, #b01316 100%); background-image: -ms-radial-gradient(50% 50%, circle closest-side, #f52323 1%, #d31b1d 52%, #b01316 100%); }

body input#nav { position: fixed; top: 10vh; right: -10vw; }

body input#nav:checked ~ label { border: 0.38vh solid #ffffff; }

body input#nav:checked ~ label:after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

body input#nav:checked ~ label:before { height: 0px; top: 2.27vh; border-top: 0.19vh solid #ffffff; border-bottom: 0.19vh solid #ffffff; background-color: white; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 2.22vh; transition: transform 0.2s linear 0s, top 0.2s linear 0s, width 0.2s linear 0s, border 0.2s linear 0s, height 0.2s linear 0s, background-color 0.05s linear 0.15s; }

@media (min-aspect-ratio: 6 / 5) { body:before { content: ""; display: block; height: 0.1vh; width: 4.5vh; position: fixed; right: 0vh; top: 8.3vh; background-color: #790018; } }

@media (max-aspect-ratio: 3 / 2) and (orientation: landscape) { body:before { top: 5.6vh; } }

body > label, body a.info { display: block; position: fixed; z-index: 210; border: 0.38vh solid #86001d; transition: border 0.2s; width: 4.92vh; height: 0vh; overflow: hidden; padding: 4.92vh 0px 0px 0px; border-radius: 2.84vh; cursor: pointer; box-sizing: content-box; right: 6.67vh; }

@media (max-aspect-ratio: 6 / 5) { body > label, body a.info { right: 2.4vh; } }

@media (orientation: portrait) { body > label, body a.info { right: 1.6vh; } }

body a.info { top: 14vh; }

@media (max-aspect-ratio: 3 / 2) and (orientation: landscape) { body a.info { top: 10vh; } }

@media (orientation: portrait) { body a.info { top: 7vh; } }

body a.info:before { content: "i"; display: block; position: absolute; top: 15%; right: 52%; color: #ffffff; font-family: 'BlockProOsadzony', sans-serif; font-size: 3vh; }

body a.info:after { content: "*"; display: block; position: absolute; top: 8%; left: 52%; color: #ffffff; font-size: 2vh; }

body > label { top: 5.74vh; }

@media (max-aspect-ratio: 3 / 2) and (orientation: landscape) { body > label { top: 3vh; } }

@media (max-aspect-ratio: 6 / 5) { body > label { top: 3vh; } }

@media (orientation: portrait) { body > label { top: 1.2vh; } }

body > label:after { content: ""; display: block; position: absolute; top: 2.27vh; left: 1.35vh; height: 0.38vh; width: 2.22vh; background-color: #ffffff; transition: transform 0.2s linear 0s; transform-origin: 50% 50%; }

body > label:before { content: ""; display: block; position: absolute; background-color: rgba(255, 255, 255, 0); top: 1.53vh; left: 1.35vh; height: 1.14vh; width: 1.46vh; border-top: 0.38vh solid #ffffff; border-bottom: 0.38vh solid #ffffff; transition: transform 0.2s linear 0s, top 0.2s linear 0s, width 0.2s linear 0s, border 0.2s linear 0s, height 0.2s linear 0s, background-color 0.05s linear 0s; transform-origin: 50% 50%; }

body > nav { z-index: 205; display: block; position: fixed; background-color: transparent; left: 110vw; right: -110vw; top: 0px; bottom: 0px; transition: right 0.5s, background-color 0.5s; }

body > nav ul { display: block; list-style: none; background-color: #009a49; position: absolute; padding-top: 20vh; top: 0px; right: 0px; left: auto; bottom: 0px; width: 50vh; }

@media (orientation: portrait) { body > nav ul { width: 100%; } }

body > nav ul li { padding: 1vh 0px 1vh 0px; display: block; width: 40vh; margin: 0px auto 0px auto; }

body > nav ul li a { white-space: nowrap; color: #ffffff; display: inline-block; width: auto; font-family: 'BlockProOsadzony', sans-serif; text-transform: uppercase; font-size: 5vh; padding: 0px 0px 1vh 0px; background-size: 40vh 0.54641vh; background-position: 50% 100%; }

body > nav ul li a:hover { text-decoration: none; }

body > nav ul li a:hover { text-decoration: underline; }

body input#nav:checked + nav { background-color: rgba(0, 0, 0, 0.5); left: 0vw; right: 0vw; }

a.info:hover, a.info.dotkniety { border-color: #ffffff; }

a.info + p { z-index: 190; position: absolute; transition: right 0.2s, opacity 0.2s; pointer-events: none; background-color: #ff0000; border: 0.38vh solid #ffffff; text-align: left; text-transform: uppercase; padding: 2vh 2vh 2vh 2vh; font-size: 2vh; max-width: 30vh; opacity: 0; -moz-transform: translateY(7vh); -ms-transform: translateY(7vh); -webkit-transform: translateY(7vh); -o-transform: translateY(7vh); transform: translateY(7vh); top: 14vh; right: -40vh; }

@media (max-aspect-ratio: 6 / 5) { a.info + p { top: 10vh; } }

.glowna a.info + p { max-width: 50vw; }

@media (orientation: portrait) { .glowna a.info + p { max-width: 40vh; } }

a.info:hover + p, a.info.dotkniety + p { right: 6.67vh; opacity: 1; }

@media (max-aspect-ratio: 6 / 5) { a.info:hover + p, a.info.dotkniety + p { right: 2.4vh; } }

@media (orientation: portrait) { a.info:hover + p, a.info.dotkniety + p { right: 1.6vh; } }

a#przepisy { position: absolute; display: block; left: 3.65vw; bottom: 7.4vh; z-index: 6; }

a#przepisy img { border: 0.42vh solid #ffffff; border-radius: 2vh; margin: 0px auto -4vh auto; width: 34vh; height: auto; position: relative; z-index: 1; }

@media (max-aspect-ratio: 1 / 1) { a#przepisy img { display: none; } }

a#przepisy span { width: 40vh; display: block; position: relative; z-index: 2; }

@media (max-aspect-ratio: 15 / 9) { a#przepisy { -moz-transform: scaleX(0.8) scaleY(0.8); -ms-transform: scaleX(0.8) scaleY(0.8); -webkit-transform: scaleX(0.8) scaleY(0.8); -o-transform: scaleX(0.8) scaleY(0.8); transform: scaleX(0.8) scaleY(0.8); -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; } }

@media (max-aspect-ratio: 10 / 9) and (min-aspect-ratio: 10 / 10) { a#przepisy { display: none; } }

@media (max-aspect-ratio: 1 / 1) { a#przepisy { left: 50%; -moz-transform: translateX(-50%) scaleX(0.7) scaleY(0.7); -ms-transform: translateX(-50%) scaleX(0.7) scaleY(0.7); -webkit-transform: translateX(-50%) scaleX(0.7) scaleY(0.7); -o-transform: translateX(-50%) scaleX(0.7) scaleY(0.7); transform: translateX(-50%) scaleX(0.7) scaleY(0.7); -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; bottom: 5vh; } }

a#logo { z-index: 10; display: block; position: absolute; left: 6.48vh; top: 6.48vh; height: 0px; width: 21vh; padding: 8.89vh 0vw 0vw 0vw; overflow: hidden; background-image: url(../images/KotlinLogo.svg); }

@media (max-aspect-ratio: 3 / 2) { a#logo { left: 3vh; top: 3vh; } }

@media (orientation: portrait) { a#logo { top: 1vh; left: 1.5vh; width: 11.98vh; padding: 5.2vh 0vw 0vw 0vw; } }

body.produkty { overflow: hidden; }

body.produkty img#dodatkowelogo { display: block; position: absolute; right: 5vh; bottom: 300px; -moz-transform: translateY(-20vh); -ms-transform: translateY(-20vh); -webkit-transform: translateY(-20vh); -o-transform: translateY(-20vh); transform: translateY(-20vh); height: auto; width: 100px; z-index: 6; }

@media (max-aspect-ratio: 3 / 2) { body.produkty img#dodatkowelogo { -moz-transform: translateY(0vw); -ms-transform: translateY(0vw); -webkit-transform: translateY(0vw); -o-transform: translateY(0vw); transform: translateY(0vw); right: auto; bottom: auto; left: 25vh; top: 2vh; height: 10vh; width: auto; } }

@media (orientation: portrait) { body.produkty img#dodatkowelogo { top: 6vh; left: 2.5vh; height: auto; width: 10vh; } }

@media (max-aspect-ratio: 8 / 15) { body.produkty img#dodatkowelogo { left: 0vh; top: 6vh; width: 10vh; } }

footer { display: block; background-color: #a70a0e; z-index: 4; position: absolute; bottom: 0px; right: 0px; left: 0px; height: 0.8vw; padding: 3.2vw 3.28125vw 3vw 3.28125vw; }

.form footer, .slajdy + footer { position: relative; }

@media (orientation: portrait) { footer { height: 13.2vh; padding: 0px 0px 0px 0px; } }

footer p:first-child { font-family: 'BlockProPochylyOsadzony', sans-serif; font-size: 1.22vw; text-transform: uppercase; position: absolute; top: -2.8vw; left: 3.28125vw; }

@media (orientation: portrait) { footer p:first-child { position: relative; left: 0px; top: -5vh; font-size: 2vh; } }

footer p:first-child span { display: inline-block; width: 4vw; height: 6.8vw; margin-left: 0.2vw; background-image: url(../images/footer-ketchup.png); -moz-transform: translateY(1vw); -ms-transform: translateY(1vw); -webkit-transform: translateY(1vw); -o-transform: translateY(1vw); transform: translateY(1vw); }

@media (orientation: portrait) { footer p:first-child span { height: 10.8vh; width: 8vh; -moz-transform: translateY(2vh); -ms-transform: translateY(2vh); -webkit-transform: translateY(2vh); -o-transform: translateY(2vh); transform: translateY(2vh); } }

footer p + p { font-family: 'BlockProOsadzony', sans-serif; font-size: 1vw; text-align: center; text-transform: uppercase; }

footer p + p strong { font-weight: normal; }

@media (min-aspect-ratio: 22 / 10) { footer p + p { position: absolute; right: 3.28125vw; } }

@media (orientation: portrait) { footer p + p { font-size: 1.5vh; position: relative; top: -1.6vh; } }

@font-face { font-family: 'BlockProOsadzony'; src: url("../fonts/blockproreg-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'BlockProOsadzony'; src: url("../fonts/blockprobol-webfont.woff") format("woff"); font-weight: bold; font-style: normal; }

.slajdy { height: 100vh; width: 100%; max-width: 100vw; overflow: hidden; position: relative; z-index: 5; }

.slajdy section { position: absolute; width: 100%; pointer-events: none; opacity: 0; transition: opacity 1s ease 0s, transform 1s ease 0s; transform: scaleX(0.5) scaleY(0.5) translateX(-200vh); display: none; }

.slajdy section.akt { transform: scaleX(1) scaleY(1) translateX(0vw); opacity: 1; pointer-events: auto; display: block; }

.slajdy section.nast, .slajdy section.pop { display: block; }

.slajdy section.akt ~ section { transform: scaleX(0.5) scaleY(0.5) translateX(200vh); }

@keyframes napisywtle { 0% { top: -20vh;
    opacity: 0; }
  5% { top: 0vw;
    opacity: 1; }
  45% { top: 0vw;
    opacity: 1; }
  50% { top: 20vh;
    opacity: 0; }
  100% { top: 20vh;
    opacity: 0; } }

*:focus { outline: none; }

body.form { width: 100vw; overflow-x: hidden; }

body.form button { font-family: 'BlockProOsadzony', sans-serif; }

@media (min-aspect-ratio: 1 / 1) { body.form { height: 100vh; }
  body.form div#form { background-color: transparent; border-radius: 4.25vh; border: 0.42vh solid #ffffff; color: #ffffff; z-index: 5; position: relative; margin: 3vh auto 0px auto; width: 41.6vh; height: 58.24vh; padding: 2.496vh 6.656vh 0px 6.656vh; text-align: left; font-family: 'BlockProOsadzony', sans-serif; font-size: 2.08vh; }
  body.form div#form a { text-decoration: underline; color: #ffffff; }
  body.form div#form.tematy { width: 49.92vh; padding: 4.16vh 0px 0px 0px; border: none; }
  body.form div#form > form { margin-top: 1.664vh; display: none; }
  body.form div#form span.required { display: none; }
  body.form div#form .notices { margin-bottom: 0.832vh; }
  body.form div#form b, body.form div#form strong { font-weight: bold; }
  body.form div#form textarea { resize: none; overflow: auto; }
  body.form div#form input[type=email], body.form div#form textarea { border: none; margin-bottom: 3.328vh; font-family: 'DekkoOsadzony', sans-serif; font-size: 1.6vh; line-height: 1.92vh; width: 100%; padding: 0px 0px 0.416vh 0px; border-bottom: 0.48vh solid #ffffff; background: transparent; color: #ffffff; }
  body.form div#form input[type=email]:focus:invalid, body.form div#form input[type=email]:not(output):-moz-ui-invalid, body.form div#form textarea:focus:invalid, body.form div#form textarea:not(output):-moz-ui-invalid { box-shadow: none; }
  body.form div#form .notices ~ form textarea { margin-bottom: 0.416vh; }
  body.form div#form input[type=checkbox] { position: relative; width: 1px; height: 1px; left: 1.0816vh; top: 1.0816vh; opacity: 0.01; }
  body.form div#form label { text-transform: uppercase; }
  body.form div#form input[type=checkbox] ~ label { text-transform: none; display: block; font-size: 1.76vh; line-height: 2.08vh; text-align: justify; padding: 0px 0px 0px 0px; position: relative; }
  body.form div#form input[type=checkbox] ~ label:before { content: ""; display: block; position: static; float: left; background-color: #009a49; top: 0px; left: 0px; width: 1.76vh; height: 1.76vh; margin: 0px 1.28vh 0.8vh 0px; border: 0.416vh solid #ffffff; border-radius: 0.8vh; }
  body.form div#form input[type=checkbox]:checked ~ label:after { content: ""; display: block; position: absolute; top: 0.416vh; left: 0.3328vh; width: 1.3312vh; height: 1.3312vh; background-repeat: no-repeat; background-position: 50% 50%; background-size: 0.9984vh 0.9984vh; background-image: url(../images/ContactFormCheckboxSelected.svg); }
  body.form div#form .buttons { position: absolute; bottom: 0px; right: 0px; left: 0px; }
  body.form div#form .buttons button { width: 20vh; position: absolute; left: 50%; bottom: -4vh; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  body.form div#form.form > form { display: block; } }

@media (max-aspect-ratio: 1 / 1) { body.form { height: 100vh; }
  body.form div#form { background-color: transparent; border-radius: 4.25vh; border: 0.42vh solid #ffffff; color: #ffffff; z-index: 5; position: relative; margin: 3vh auto 0px auto; width: 52vw; height: 72.8vw; padding: 3.12vw 8.32vw 0px 8.32vw; text-align: left; font-family: 'BlockProOsadzony', sans-serif; font-size: 2.6vw; }
  body.form div#form a { text-decoration: underline; color: #ffffff; }
  body.form div#form.tematy { width: 62.4vw; padding: 5.2vw 0px 0px 0px; border: none; }
  body.form div#form > form { margin-top: 2.08vw; display: none; }
  body.form div#form span.required { display: none; }
  body.form div#form .notices { margin-bottom: 1.04vw; }
  body.form div#form b, body.form div#form strong { font-weight: bold; }
  body.form div#form textarea { resize: none; overflow: auto; }
  body.form div#form input[type=email], body.form div#form textarea { border: none; margin-bottom: 4.16vw; font-family: 'DekkoOsadzony', sans-serif; font-size: 2vw; line-height: 2.4vw; width: 100%; padding: 0px 0px 0.52vw 0px; border-bottom: 0.6vw solid #ffffff; background: transparent; color: #ffffff; }
  body.form div#form input[type=email]:focus:invalid, body.form div#form input[type=email]:not(output):-moz-ui-invalid, body.form div#form textarea:focus:invalid, body.form div#form textarea:not(output):-moz-ui-invalid { box-shadow: none; }
  body.form div#form .notices ~ form textarea { margin-bottom: 0.52vw; }
  body.form div#form input[type=checkbox] { position: relative; width: 1px; height: 1px; left: 1.352vw; top: 1.352vw; opacity: 0.01; }
  body.form div#form label { text-transform: uppercase; }
  body.form div#form input[type=checkbox] ~ label { text-transform: none; display: block; font-size: 2.2vw; line-height: 2.6vw; text-align: justify; padding: 0px 0px 0px 0px; position: relative; }
  body.form div#form input[type=checkbox] ~ label:before { content: ""; display: block; position: static; float: left; background-color: #009a49; top: 0px; left: 0px; width: 2.2vw; height: 2.2vw; margin: 0px 1.6vw 1vw 0px; border: 0.52vw solid #ffffff; border-radius: 1vw; }
  body.form div#form input[type=checkbox]:checked ~ label:after { content: ""; display: block; position: absolute; top: 0.52vw; left: 0.416vw; width: 1.664vw; height: 1.664vw; background-repeat: no-repeat; background-position: 50% 50%; background-size: 1.248vw 1.248vw; background-image: url(../images/ContactFormCheckboxSelected.svg); }
  body.form div#form .buttons { position: absolute; bottom: 0px; right: 0px; left: 0px; }
  body.form div#form .buttons button { width: 20vh; position: absolute; left: 50%; bottom: -4vh; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  body.form div#form.form > form { display: block; }
  body.form div#form { margin-top: 0vh; }
  body.form h1 { margin-bottom: 0vh; } }

@media (max-aspect-ratio: 8 / 10) { body.form { height: 100vh; }
  body.form div#form { background-color: transparent; border-radius: 4.25vh; border: 0.42vh solid #ffffff; color: #ffffff; z-index: 5; position: relative; margin: 3vh auto 0px auto; width: 62.4vw; height: 87.36vw; padding: 3.744vw 9.984vw 0px 9.984vw; text-align: left; font-family: 'BlockProOsadzony', sans-serif; font-size: 3.12vw; }
  body.form div#form a { text-decoration: underline; color: #ffffff; }
  body.form div#form.tematy { width: 74.88vw; padding: 6.24vw 0px 0px 0px; border: none; }
  body.form div#form > form { margin-top: 2.496vw; display: none; }
  body.form div#form span.required { display: none; }
  body.form div#form .notices { margin-bottom: 1.248vw; }
  body.form div#form b, body.form div#form strong { font-weight: bold; }
  body.form div#form textarea { resize: none; overflow: auto; }
  body.form div#form input[type=email], body.form div#form textarea { border: none; margin-bottom: 4.992vw; font-family: 'DekkoOsadzony', sans-serif; font-size: 2.4vw; line-height: 2.88vw; width: 100%; padding: 0px 0px 0.624vw 0px; border-bottom: 0.72vw solid #ffffff; background: transparent; color: #ffffff; }
  body.form div#form input[type=email]:focus:invalid, body.form div#form input[type=email]:not(output):-moz-ui-invalid, body.form div#form textarea:focus:invalid, body.form div#form textarea:not(output):-moz-ui-invalid { box-shadow: none; }
  body.form div#form .notices ~ form textarea { margin-bottom: 0.624vw; }
  body.form div#form input[type=checkbox] { position: relative; width: 1px; height: 1px; left: 1.6224vw; top: 1.6224vw; opacity: 0.01; }
  body.form div#form label { text-transform: uppercase; }
  body.form div#form input[type=checkbox] ~ label { text-transform: none; display: block; font-size: 2.64vw; line-height: 3.12vw; text-align: justify; padding: 0px 0px 0px 0px; position: relative; }
  body.form div#form input[type=checkbox] ~ label:before { content: ""; display: block; position: static; float: left; background-color: #009a49; top: 0px; left: 0px; width: 2.64vw; height: 2.64vw; margin: 0px 1.92vw 1.2vw 0px; border: 0.624vw solid #ffffff; border-radius: 1.2vw; }
  body.form div#form input[type=checkbox]:checked ~ label:after { content: ""; display: block; position: absolute; top: 0.624vw; left: 0.4992vw; width: 1.9968vw; height: 1.9968vw; background-repeat: no-repeat; background-position: 50% 50%; background-size: 1.4976vw 1.4976vw; background-image: url(../images/ContactFormCheckboxSelected.svg); }
  body.form div#form .buttons { position: absolute; bottom: 0px; right: 0px; left: 0px; }
  body.form div#form .buttons button { width: 20vh; position: absolute; left: 50%; bottom: -4vh; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  body.form div#form.form > form { display: block; } }

h1 { font-weight: normal; font-size: 10vh; text-transform: uppercase; margin-top: 4vh; margin-bottom: 4vh; }

body.przepisy h1 ~ p { padding: 0px 20vw 2vh 20vw; font-size: 20px; line-height: 22px; }

body.glowna { width: 100vw; height: 100vh; }

body.glowna #kv { height: 20.5vmax; position: absolute; top: 45.2vh; right: 42.5vw; -moz-transform: translateY(-7vw); -ms-transform: translateY(-7vw); -webkit-transform: translateY(-7vw); -o-transform: translateY(-7vw); transform: translateY(-7vw); }

body.glowna #kv video, body.glowna #kv img { display: block; width: auto; height: 100%; max-height: 100%; margin: 0px 0px 0px auto; }

@media (max-aspect-ratio: 10 / 9) { body.glowna #kv { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; top: 40%; height: 90vmin; width: 90vmin; }
  body.glowna #kv img, body.glowna #kv video { width: 100%; } }

body.glowna a#przyciskvideo { height: 100%; display: block; }

body.glowna a#przyciskvideo:before { width: 8.5vh; content: ""; display: block; position: absolute; left: 50%; top: 50%; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

body.glowna a#przyciskvideo:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; -moz-transform: translateY(-50%) translateX(-40%); -ms-transform: translateY(-50%) translateX(-40%); -webkit-transform: translateY(-50%) translateX(-40%); -o-transform: translateY(-50%) translateX(-40%); transform: translateY(-50%) translateX(-40%); width: 4vh; height: 4vh; transition: all 0.5s; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; background-image: url(../images/Play_Btn.svg); }

body.glowna a#przyciskvideo:hover:after { width: 5vh; height: 5vh; }

@media (orientation: portrait) { body.glowna a.info { top: 1.2vh; right: 9vh; } }

body.glowna a.przycisk { white-space: nowrap; width: 56vh; display: block; position: absolute; bottom: -14vh; left: 0px; }

body.glowna a.przycisk:hover { text-decoration: none; }

@media (max-aspect-ratio: 10 / 9) { body.glowna a.przycisk { -moz-transform: translateX(-50%) scaleX(0.7) scaleY(0.7); -ms-transform: translateX(-50%) scaleX(0.7) scaleY(0.7); -webkit-transform: translateX(-50%) scaleX(0.7) scaleY(0.7); -o-transform: translateX(-50%) scaleX(0.7) scaleY(0.7); transform: translateX(-50%) scaleX(0.7) scaleY(0.7); left: 50%; bottom: auto; top: 70vmin; } }

body.glowna img#produkt { position: absolute; right: 17.5vw; bottom: 5vh; display: block; width: 26.3vmin; height: auto; }

@media (max-aspect-ratio: 10 / 9) { body.glowna img#produkt { width: auto; height: 20vh; left: 50vw; bottom: 25vh; right: auto; -moz-transform: translateX(-50%) translateY(20vw); -ms-transform: translateX(-50%) translateY(20vw); -webkit-transform: translateX(-50%) translateY(20vw); -o-transform: translateX(-50%) translateY(20vw); transform: translateX(-50%) translateY(20vw); } }

body.glowna h1 { position: absolute; bottom: 58vh; left: 46.5vw; z-index: 8; width: 36vw; text-align: right; text-transform: uppercase; font-size: 4.6vw; line-height: 5.1vw; }

@media (max-aspect-ratio: 10 / 9) { body.glowna h1 { position: relative; height: 20vw; top: 6vh; bottom: auto; left: 0px; } }

@media (max-aspect-ratio: 10 / 9) { body.glowna h1 { width: auto; position: absolute; left: 10vw; right: 30vw; top: 6vh; font-size: 4vh; line-height: 4.1vh; } }

#kwit_brandwidget_pop_wrapper { background-size: 10vh 10vh; }

#kwit_brandwidget_btn { position: fixed; right: 5vh; bottom: 5vh; display: block; position: fixed; z-index: 199; }

@media (max-aspect-ratio: 6 / 5), (max-width: 740px) { #kwit_brandwidget_btn { right: -110vw; z-index: 220; -moz-transform: translateX(100px) translateY(-3px); -ms-transform: translateX(100px) translateY(-3px); -webkit-transform: translateX(100px) translateY(-3px); -o-transform: translateX(100px) translateY(-3px); transform: translateX(100px) translateY(-3px); transition: none; }
  input#nav:checked ~ #kwit_brandwidget_btn { right: 25vh; transition: right 1s; } }

@media (max-aspect-ratio: 6 / 5) and (orientation: portrait), (max-width: 740px) and (orientation: portrait) { input#nav:checked ~ #kwit_brandwidget_btn { right: 50vw; } }

body > aside { position: fixed; right: 5vh; bottom: 140px; z-index: 100; width: 0px; white-space: nowrap; }

body > aside a { color: #ffffff; display: block; font-size: 5vh; text-transform: uppercase; font-family: "BlockProOsadzony", sans-serif; -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; }

body > aside a:hover { text-decoration: none; }

body > aside a:before { content: ""; width: 84px; height: 85px; display: inline-block; vertical-align: middle; margin-right: 2vh; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-image: url(../images/facebook.png); }

@media (max-aspect-ratio: 6 / 5), (max-width: 740px) { body > aside { right: -100vw; transition: none; bottom: 5vh; }
  body > aside a { width: 84px; height: 85px; overflow: hidden; }
  body > aside a:before { margin-right: 0px; }
  input#nav:checked ~ body > aside { display: block; z-index: 220; right: 50vw; transition: right 0.75s; } }

@media (max-aspect-ratio: 6 / 5) and (orientation: landscape), (max-width: 740px) and (orientation: landscape) { input#nav:checked ~ body > aside { right: 25vh; } }

@media (max-aspect-ratio: 6 / 5), (max-width: 740px) { input#nav:checked ~ body > aside a { -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -webkit-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); }
  input#nav:checked ~ body > aside a:before { -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } }

#video { display: none; z-index: 120; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.6); }

#video > div { width: 80vmin; height: 45vmin; position: absolute; left: 50%; top: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding: 5vh 5vh 5vh 5vh; background-color: #000000; z-index: 121; }

#video > div video, #video > div iframe { width: 100%; height: 100%; }

@media (max-aspect-ratio: 1 / 1) { #video > div { width: 100vw; height: 68.25vw; padding: 6vw 0px 6vw 0px; } }

#video > a { width: 8.5vh; position: absolute; left: 50%; top: 50%; -moz-transform: translateX(40vmin) translateY(-32vmin); -ms-transform: translateX(40vmin) translateY(-32vmin); -webkit-transform: translateX(40vmin) translateY(-32vmin); -o-transform: translateX(40vmin) translateY(-32vmin); transform: translateX(40vmin) translateY(-32vmin); z-index: 122; }

@media (max-aspect-ratio: 1 / 1) { #video > a { left: auto; right: 2vw; -moz-transform: translateX(0vmin) translateY(-42vmin); -ms-transform: translateX(0vmin) translateY(-42vmin); -webkit-transform: translateX(0vmin) translateY(-42vmin); -o-transform: translateX(0vmin) translateY(-42vmin); transform: translateX(0vmin) translateY(-42vmin); } }

#video > a:after { content: ""; position: absolute; left: 2vh; top: 2vh; bottom: 2vh; right: 2vh; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url(../images/x.svg); }

@keyframes wyjazdciastka { from { -moz-transform: translateY(110%);
    -ms-transform: translateY(110%);
    -webkit-transform: translateY(110%);
    -o-transform: translateY(110%);
    transform: translateY(110%); }
  to { -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }

div#ciastka { position: fixed; z-index: 280; background-color: #000000; left: 0px; bottom: 0px; right: 0px; padding: 2vh 2vh 2vh 2vh; font-size: 2vh; text-align: left; animation-name: wyjazdciastka; animation-duration: 1s; animation-iteration-count: 1; animation-delay: 0.1s; }

div#ciastka > a { font-size: 3vh; font-family: 'BlockProOsadzony', sans-serif; white-space: nowrap; display: block; float: right; margin: 1vh 1vh 1vh 1vh; padding: 1vh 1vh 1vh 1vh; background-color: #aa0000; color: #ffffff; }

div#ciastka > a:hover { text-decoration: none; }

section.produkt .belka > a { width: 8.8vh; height: 0px; overflow: hidden; padding: 8.8vh 0px 0px 0px; background-color: #ffffff; border-radius: 4.4vh; position: relative; }

section.produkt .belka > a:after { content: ""; display: block; position: absolute; top: 2.2vh; left: 3vh; right: 3vh; width: auto; height: 4vh; background-image: url(../images/Arrow_Btn.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }

section.produkt .belka > a:last-child:after { -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }

@media (max-aspect-ratio: 3 / 5) { section.produkt .belka > a { -moz-transform: scaleX(0.8) scaleY(0.8); -ms-transform: scaleX(0.8) scaleY(0.8); -webkit-transform: scaleX(0.8) scaleY(0.8); -o-transform: scaleX(0.8) scaleY(0.8); transform: scaleX(0.8) scaleY(0.8); } }

section.produkt { height: 100vh; }

@media (max-aspect-ratio: 3 / 2) and (orientation: landscape) { section.produkt a.info { top: 10vh; } }

section.produkt .suwak { display: block; transition: opacity 1s; opacity: 0; pointer-events: none; width: 36vh; height: 6vh; position: absolute; top: 74vh; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

section.produkt .suwak .slider { width: 36vh; height: 6vh; }

section.produkt .suwak .slider:before { display: block; content: ""; background-color: #ffffff; position: absolute; left: 0px; right: 0px; top: 2.7vh; bottom: 2.7vh; }

section.produkt .suwak .slider .handle { position: absolute; width: 0vh; height: 6vh; }

section.produkt .suwak .slider .handle:after { content: ""; display: block; position: absolute; top: 0vh; left: -4.9vh; width: 9.8vh; height: 6vh; background-image: url(../images/360_Btn.svg); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }

section.produkt .suwak .slider .handle.handle-left { display: none; }

section.produkt .opakowanieladowacz { opacity: 0.1; width: 1px; height: 1px; position: absolute; }

@media (orientation: portrait) { section.produkt .opakowanieladowacz { display: none; } }

section.produkt .opakowanieladowacz.lazyloaded { display: none; }

section.produkt .opakowanieladowacz.lazyloaded ~ .suwak { opacity: 1; pointer-events: auto; z-index: 3; }

@media (orientation: portrait) { section.produkt .opakowanieladowacz.lazyloaded ~ .suwak { display: none; } }

section.produkt .opakowanie { position: absolute; width: 36vh; height: 70.2vh; position: absolute; top: 5vh; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin: 0px auto 0px auto; z-index: 2; }

@media (orientation: portrait) { section.produkt .opakowanie { width: 30vh; height: 58.5vh; top: 19vh; } }

@media (max-aspect-ratio: 8 / 15) { section.produkt .opakowanie { top: 20vh; } }

section.produkt .opakowanie div, section.produkt .opakowanie img { display: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

section.produkt .opakowanie div { background-size: 100% auto; background-position: 50% 0%; }

section.produkt .opakowanie.roto0 img { display: block; }

section.produkt .opakowanie.roto1 div { display: block; background-position: 50% 3.44828%; }

section.produkt .opakowanie.roto2 div { display: block; background-position: 50% 6.89655%; }

section.produkt .opakowanie.roto3 div { display: block; background-position: 50% 10.34483%; }

section.produkt .opakowanie.roto4 div { display: block; background-position: 50% 13.7931%; }

section.produkt .opakowanie.roto5 div { display: block; background-position: 50% 17.24138%; }

section.produkt .opakowanie.roto6 div { display: block; background-position: 50% 20.68966%; }

section.produkt .opakowanie.roto7 div { display: block; background-position: 50% 24.13793%; }

section.produkt .opakowanie.roto8 div { display: block; background-position: 50% 27.58621%; }

section.produkt .opakowanie.roto9 div { display: block; background-position: 50% 31.03448%; }

section.produkt .opakowanie.roto10 div { display: block; background-position: 50% 34.48276%; }

section.produkt .opakowanie.roto11 div { display: block; background-position: 50% 37.93103%; }

section.produkt .opakowanie.roto12 div { display: block; background-position: 50% 41.37931%; }

section.produkt .opakowanie.roto13 div { display: block; background-position: 50% 44.82759%; }

section.produkt .opakowanie.roto14 div { display: block; background-position: 50% 48.27586%; }

section.produkt .opakowanie.roto15 div { display: block; background-position: 50% 51.72414%; }

section.produkt .opakowanie.roto16 div { display: block; background-position: 50% 55.17241%; }

section.produkt .opakowanie.roto17 div { display: block; background-position: 50% 58.62069%; }

section.produkt .opakowanie.roto18 div { display: block; background-position: 50% 62.06897%; }

section.produkt .opakowanie.roto19 div { display: block; background-position: 50% 65.51724%; }

section.produkt .opakowanie.roto20 div { display: block; background-position: 50% 68.96552%; }

section.produkt .opakowanie.roto21 div { display: block; background-position: 50% 72.41379%; }

section.produkt .opakowanie.roto22 div { display: block; background-position: 50% 75.86207%; }

section.produkt .opakowanie.roto23 div { display: block; background-position: 50% 79.31034%; }

section.produkt .opakowanie.roto24 div { display: block; background-position: 50% 82.75862%; }

section.produkt .opakowanie.roto25 div { display: block; background-position: 50% 86.2069%; }

section.produkt .opakowanie.roto26 div { display: block; background-position: 50% 89.65517%; }

section.produkt .opakowanie.roto27 div { display: block; background-position: 50% 93.10345%; }

section.produkt .opakowanie.roto28 div { display: block; background-position: 50% 96.55172%; }

section.produkt .opakowanieladowacz.lazyloaded ~ .opakowanie div { display: block; }

section.produkt .wtle { position: absolute; top: 29vh; left: 0px; right: 0px; color: #8b021c; font-family: 'BlockProOsadzony', sans-serif; font-size: 24vh; text-transform: uppercase; }

@media (orientation: portrait) { section.produkt .wtle { top: 28vh; font-size: 14vh; display: none; } }

section.produkt .wtle span { display: block; position: absolute; top: 0px; left: 0px; right: 0px; opacity: 0; white-space: nowrap; animation-name: napisywtle; animation-duration: 8s; animation-iteration-count: infinite; }

section.produkt .wtle span:last-child { animation-delay: 4s; }

section.produkt img.sloganyzdrowotne { display: block; width: auto; position: absolute; height: 8vh; left: 60vw; bottom: 32vh; }

@media (max-aspect-ratio: 3 / 2) { section.produkt img.sloganyzdrowotne { left: 65vw; } }

@media (max-aspect-ratio: 11 / 8) { section.produkt img.sloganyzdrowotne { height: 7vh; } }

@media (max-aspect-ratio: 10 / 8) { section.produkt img.sloganyzdrowotne { height: 6vh; } }

@media (max-aspect-ratio: 2 / 2) { section.produkt img.sloganyzdrowotne { display: none; } }

section.produkt .tekst { position: absolute; top: 12vh; left: 60vw; width: 40vh; z-index: 3; color: #ffffff; font-size: 2vh; line-height: 2.4vh; text-align: left; }

section.produkt .tekst strong { text-transform: uppercase; display: block; font-weight: normal; font-size: 4vh; line-height: 5vh; padding-bottom: 1vh; }

@media (max-aspect-ratio: 3 / 2) { section.produkt .tekst { left: 65vw; width: 36vh; } }

@media (max-aspect-ratio: 1 / 1) { section.produkt .tekst { left: 55%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 36vh; top: 11vh; line-height: 2vh; }
  section.produkt .tekst strong { font-size: 3vh; line-height: 3.2vh; padding-bottom: 0.4vh; } }

@media (max-aspect-ratio: 10 / 15) { section.produkt .tekst { width: 34vh; } }

@media (max-aspect-ratio: 17 / 30) { section.produkt .tekst { width: 32vh; } }

@media (max-aspect-ratio: 8 / 15) { section.produkt .tekst { top: 15vh; } }

section.produkt .belka { position: absolute; left: 0px; right: 0px; bottom: 7vh; white-space: nowrap; z-index: 2; }

@media (orientation: portrait) { section.produkt .belka { bottom: 16vh; } }

section.produkt .belka * { display: inline-block; vertical-align: middle; }

section.produkt .belka h2 { font-family: 'BlockProOsadzony', sans-serif; font-size: 4vh; font-weight: normal; margin: 0px 3vh 0px 3vh; }

section.produkt .belka h2:first-child { margin-left: 12vh; }

section.produkt .belka h2:last-child { margin-right: 12vh; }

@media (min-aspect-ratio: 3 / 2) { section.produkt .belka h2 br { display: none; } }

@media (max-aspect-ratio: 11 / 6) { section.produkt .belka h2 { font-size: 3vh; } }

@media (max-aspect-ratio: 3 / 2) { section.produkt .belka h2 { white-space: normal; margin: 0px 1vh 0px 1vh; width: 22vh; } }

@media (orientation: portrait) { section.produkt .belka h2 { font-size: 4vh; line-height: 4.2vh; width: 30vh; white-space: normal; } }

body.error h1 { position: static; text-transform: none; margin-top: 30vh; }

ul#przepisy { list-style: none; padding: 0px 0px 0px 0px; }

body.przepisy ul#przepisy { margin: 7vh 120px 0px 120px; }

@media (max-aspect-ratio: 3 / 2) { body.przepisy ul#przepisy { margin-top: 5vh; } }

@media (max-aspect-ratio: 6 / 5) { body.przepisy ul#przepisy { margin-top: 3vh; } }

@media (max-aspect-ratio: 1 / 1) { body.przepisy ul#przepisy { margin-top: 2vh; } }

@media (max-aspect-ratio: 3 / 4) { body.przepisy ul#przepisy { margin-top: 0vh; } }

@media (max-width: 740px), (max-aspect-ratio: 6 / 5) and (min-width: 740px) and (max-width: 920px) { body.przepisy ul#przepisy { margin-right: 0px; margin-left: 0px; } }

@media (max-width: 400px) { body.przepisy ul#przepisy { margin-top: 0px; position: relative; left: 50%; width: 400px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } }

ul#przepisy li { display: inline-block; vertical-align: top; position: relative; white-space: normal; }

body.przepisy ul#przepisy li { height: auto; font-size: 20px; line-height: 22px; width: 350px; margin: 0px 33px 80px 33px; }

@media (max-width: 1600px) { body.przepisy ul#przepisy li { width: 300px; margin: 0px 20px 50px 20px; } }

@media (max-width: 350px) { body.przepisy ul#przepisy li { height: auto; } }

@media (min-width: 350px) and (max-width: 920px) { body.przepisy ul#przepisy li { width: 154px; margin: 0px 15px 30px 15px; font-size: 12px; line-height: 12px; } }

ul#przepisy li a { display: block; text-align: left; color: #ffffff; }

ul#przepisy li a:hover { text-decoration: none; }

ul#przepisy li a img { display: block; border: 0.42vh solid #ffffff; border-radius: 2vh; height: auto; width: 315px; margin-bottom: 20px; }

@media (max-width: 1600px) { ul#przepisy li a img { width: 280px; margin-bottom: 10px; } }

@media (min-width: 350px) and (max-width: 920px) { ul#przepisy li a img { width: 140px; margin-bottom: 5px; } }

#formtematy { display: none; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#form.tematy #formtematy { display: block; }

#formtematy a { font-size: 2.6vh; line-height: 2.6vh; text-align: center; display: block; position: relative; margin-top: 1vh; margin-bottom: 2vh; }

#formtematy a span { display: block; position: absolute; width: 80%; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

body.form, body.glowna { height: 100vh; }

body.default section { width: 64vw; margin: 0px auto 0px auto; text-align: left; font-size: 2vh; line-height: 3vh; }

body.default section ul, body.default section ol, body.default section p { margin-top: 2vw; margin-bottom: 2vw; }

body.default section ol, body.default section ul { padding-left: 2vh; }

body.default section a { color: #ffffff; }

body.default section iframe { display: block; margin: 2vw auto 2vw auto; }

body.default section iframe[src^="https://www.youtube.com/embed/"] { width: 100%; height: 36vw; }

body.default section img { width: auto; height: auto; max-width: 100%; }

body.default section h1, body.default section h2, body.default section h3, body.default section h4 { margin-top: 2vw; text-align: center; font-weight: normal; text-transform: uppercase; font-family: 'BlockProOsadzony', sans-serif; }

body.default section h1 { line-height: 12vh; }

body.default section h2 { font-size: 6vh; line-height: 7.2vh; }

body.default section h3 { font-size: 4vh; line-height: 5vh; }

body.default section h4 { font-size: 3vh; line-height: 3.6vh; }

@media (max-aspect-ratio: 6 / 5), (max-width: 740px) { body.default section { width: 90vw; }
  body.default section iframe[src^="https://www.youtube.com/embed/"] { height: 50.625vw; } }

/* Container style */
.ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; }

/* Scrollbar rail styles */
.ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; }

.ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ 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: #ffffff; opacity: 0.9; }

/* Scrollbar thumb styles */
.ps__thumb-x { background-color: #009a49; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; }

.ps__thumb-y { background-color: #009a49; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ 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: #009a49; 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: #009a49; width: 11px; }

/* MS supports */
@supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } }