@font-face {
font-display: swap; font-family: "Oswald";
font-style: normal;
font-weight: 200;
src: url(//darynatury.pl/wp-content/themes/darynatury/fonts/oswald-v57-latin_latin-ext-200.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Oswald";
font-style: normal;
font-weight: 300;
src: url(//darynatury.pl/wp-content/themes/darynatury/fonts/oswald-v57-latin_latin-ext-300.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Oswald";
font-style: normal;
font-weight: 400;
src: url(//darynatury.pl/wp-content/themes/darynatury/fonts/oswald-v57-latin_latin-ext-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Oswald";
font-style: normal;
font-weight: 500;
src: url(//darynatury.pl/wp-content/themes/darynatury/fonts/oswald-v57-latin_latin-ext-500.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Oswald";
font-style: normal;
font-weight: 600;
src: url(//darynatury.pl/wp-content/themes/darynatury/fonts/oswald-v57-latin_latin-ext-600.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Oswald";
font-style: normal;
font-weight: 700;
src: url(//darynatury.pl/wp-content/themes/darynatury/fonts/oswald-v57-latin_latin-ext-700.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Lora";
font-style: normal;
font-weight: 400;
src: url(//darynatury.pl/wp-content/themes/darynatury/fonts/lora-v37-latin_latin-ext-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Lora";
font-style: normal;
font-weight: 500;
src: url(//darynatury.pl/wp-content/themes/darynatury/fonts/lora-v37-latin_latin-ext-500.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Lora";
font-style: normal;
font-weight: 600;
src: url(//darynatury.pl/wp-content/themes/darynatury/fonts/lora-v37-latin_latin-ext-600.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Lora";
font-style: normal;
font-weight: 700;
src: url(//darynatury.pl/wp-content/themes/darynatury/fonts/lora-v37-latin_latin-ext-700.woff2) format("woff2"); } * {
font: inherit;
margin: 0;
padding: 0;
border: 0;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
body {
min-height: 100vh;
font-size: 16px;
font-weight: normal;
line-height: 1.618;
font-family: "Lora", Arial, Helvetica, sans-serif;
color: #000;
position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
font-family: "Lora", Arial, Helvetica, sans-serif;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border-style: none;
padding: 0;
border: 0;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
cursor: pointer;
-webkit-appearance: button;
}
textarea {
overflow: auto;
vertical-align: top;
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
a,
ins,
del {
text-decoration: none;
}
ul,
ol {
list-style: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
caption,
th {
text-align: left;
}
q:after,
q:before {
content: "";
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
:focus {
outline: 0;
}
blockquote,
q {
quotes: "" "";
}
.clear {
clear: both;
} body, h1, h2, h3, h4,
figure, blockquote, dl, dd {
-webkit-margin-after: 0;
margin-block-end: 0;
} p {
margin-bottom: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lora", Arial, Helvetica, sans-serif;
font-weight: 700;
color: #000;
text-wrap: balance;
line-height: 1.2;
}
h1 {
font-size: 32px;
}
@media screen and (min-width: 768px) {
h1 {
font-size: calc(32px + 16 * (100vw - 768px) / 672);
}
}
@media screen and (min-width: 1440px) {
h1 {
font-size: 48px;
}
}
h2 {
font-size: 24px;
}
@media screen and (min-width: 768px) {
h2 {
font-size: calc(24px + 8 * (100vw - 768px) / 672);
}
}
@media screen and (min-width: 1440px) {
h2 {
font-size: 32px;
}
}
h3 {
font-size: 23px;
}
@media screen and (min-width: 768px) {
h3 {
font-size: calc(23px + 4 * (100vw - 768px) / 672);
}
}
@media screen and (min-width: 1440px) {
h3 {
font-size: 27px;
}
}
h4 {
font-size: 21px;
}
@media screen and (min-width: 768px) {
h4 {
font-size: calc(21px + 3 * (100vw - 768px) / 672);
}
}
@media screen and (min-width: 1440px) {
h4 {
font-size: 24px;
}
}
h5 {
font-size: 18px;
}
@media screen and (min-width: 768px) {
h5 {
font-size: calc(18px + 2 * (100vw - 768px) / 672);
}
}
@media screen and (min-width: 1440px) {
h5 {
font-size: 20px;
}
}
h6 {
font-size: 16px;
}
@media screen and (min-width: 768px) {
h6 {
font-size: calc(16px + 3 * (100vw - 768px) / 672);
}
}
@media screen and (min-width: 1440px) {
h6 {
font-size: 19px;
}
}  a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
color: currentColor;
}
:root :where(a:where(:not(.wp-element-button))) {
text-decoration: none;
}
strong,
b {
font-weight: bold;
}
em,
i {
font-style: italic;
}
sup {
vertical-align: super;
font-size: smaller;
} ul {
list-style: outside disc;
}
ol {
list-style: outside decimal;
} blockquote {
font-style: italic;
}
::-moz-selection {
background: #000;
color: #fff;
}
::selection {
background: #000;
color: #fff;
}
::-moz-selection {
background: #000;
color: #fff;
}
::-webkit-selection {
background: #000;
color: #fff;
}
::-webkit-input-placeholder {
color: #999;
}
::-moz-placeholder {
color: #999;
}
:-ms-input-placeholder {
color: #999;
} .clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after {
clear: both;
}  @font-face {
font-display: swap;
}
#wrap {
padding-top: 100px;
position: relative;
z-index: 20;
}
@media (max-width: 1180px) {
#wrap {
padding-top: 64px;
}
}
.container,
.container-flex {
display: block;
width: 100%;
max-width: 1600px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 1600px) {
.container,
.container-flex {
padding-left: 60px;
padding-right: 60px;
}
}
@media (max-width: 1440px) {
.container,
.container-flex {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 1280px) {
.container,
.container-flex {
padding-left: 32px;
padding-right: 32px;
}
}
@media (max-width: 1024px) {
.container,
.container-flex {
padding-left: 24px;
padding-right: 24px;
}
}
@media (max-width: 768px) {
.container,
.container-flex {
padding: 0 24px;
}
}
.container-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.subtitle {
display: block;
text-align: center;
margin-bottom: 32px;
}
.subtitle span {
font-size: 30px;
text-transform: uppercase;
font-weight: 300;
font-family: "Oswald";
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .videoWrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.videoWrapper object,
.videoWrapper embed,
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 1180px) {
.top-fixed-wrapper {
display: block;
position: fixed;
left: 0;
top: 0;
right: 0;
width: 100%;
z-index: 1100;
background: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top-fixed-wrapper * {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top-fixed-wrapper .mobile-content {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 64px;
padding: 0 24px;
}
.top-fixed-wrapper .content {
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;
padding: 8px 32px;
max-width: 1536px;
position: relative;
height: 84px;
margin: 0 auto;
}
.top-fixed-wrapper .logo {
display: block;
height: 84px;
margin: 0 40px;
}
.top-fixed-wrapper .logo a,
.top-fixed-wrapper .logo img {
height: 84px;
width: auto;
}
.top-fixed-wrapper .content > .logo {
display: none;
}
.top-fixed-wrapper .main-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.top-fixed-wrapper .main-nav .logo {
margin: 0 40px;
}
.top-fixed-wrapper #nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.top-fixed-wrapper #nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 0;
}
.top-fixed-wrapper #nav > ul li {
margin-right: 40px;
position: relative;
line-height: 40px;
}
.top-fixed-wrapper #nav > ul li:last-child {
margin-right: 0;
}
.top-fixed-wrapper #nav > ul li a {
font-family: "Oswald";
font-weight: 300;
text-transform: uppercase;
color: #000;
}
.top-fixed-wrapper #nav > ul li a:hover {
color: #3E8639;
}
.top-fixed-wrapper #nav > ul .menu-item-has-children > a {
padding-right: 20px;
background: url(//darynatury.pl/wp-content/themes/darynatury/images/arrow-down-black.svg) right center no-repeat;
background-size: 10px 10px;
}
.top-fixed-wrapper #nav > ul ul {
position: absolute;
display: none;
background: #3E8639;
list-style: none;
margin: 0;
}
.top-fixed-wrapper #nav > ul ul li {
margin-right: 0;
line-height: 1.3;
}
.top-fixed-wrapper #nav > ul ul a {
color: #F7ECD3;
white-space: nowrap;
padding: 12px;
display: block;
}
.top-fixed-wrapper #nav > ul ul a:hover {
background: #1d521a;
color: #fff;
}
.top-fixed-wrapper #nav > ul li:hover ul {
display: block;
}
.top-fixed-wrapper .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
}
.top-fixed-wrapper .search-toggle {
display: block;
width: 32px;
height: 32px;
margin: 0;
margin-right: 24px;
margin-left: auto;
padding: 0;
border: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #000;
background: none;
}
.top-fixed-wrapper .search-toggle svg {
width: 24px;
height: 24px;
display: inline-block;
fill: currentColor;
}
.top-fixed-wrapper .search-toggle .close-icon {
display: none;
}
.top-fixed-wrapper .search-toggle:hover {
background-size: 28px 28px;
}
.top-fixed-wrapper .search-toggle.active .close-icon {
display: inline-block;
}
.top-fixed-wrapper .search-toggle.active .search-icon {
display: none;
}
.top-fixed-wrapper .social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 0;
margin-right: 24px;
}
.top-fixed-wrapper .social li {
margin-right: 24px;
}
.top-fixed-wrapper .social li:last-child {
margin-right: 0;
}
.top-fixed-wrapper .social a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
font-family: "Oswald";
font-weight: 400;
color: #3E8639;
}
.top-fixed-wrapper .social a svg {
fill: #3E8639;
height: 20px;
}
.top-fixed-wrapper .lang select {
padding: 10px 0;
border: none;
background: none;
margin: 0;
}
.top-fixed-wrapper .wpml-ls > ul {
list-style: none;
margin: 0;
}
.top-fixed-wrapper .wpml-ls > ul > li {
position: relative;
}
.top-fixed-wrapper .wpml-ls > ul a {
font-size: 18px;
font-family: "Oswald";
font-weight: 300;
text-transform: uppercase;
color: #000;
-webkit-transition: none;
transition: none;
}
.top-fixed-wrapper .wpml-ls > ul span {
-webkit-transition: none;
transition: none;
}
.top-fixed-wrapper .wpml-ls > ul .wpml-ls-item-toggle {
padding-right: 20px;
background: url(//darynatury.pl/wp-content/themes/darynatury/images/arrow-down-black.svg) right center no-repeat;
background-size: 10px 10px;
}
.top-fixed-wrapper .wpml-ls > ul ul {
position: absolute;
right: 0;
top: 100%;
background: #fff;
list-style: none;
margin: 0;
text-align: right;
z-index: 100;
display: none;
}
.top-fixed-wrapper .wpml-ls > ul ul a {
display: block;
padding: 8px 16px;
}
.top-fixed-wrapper .wpml-ls > ul ul a:hover {
background: #3E8639;
color: #fff;
}
.top-fixed-wrapper .wpml-ls > ul li:hover ul {
display: block;
}
}
@media (min-width: 1180px) and (max-width: 1600px) {
.top-fixed-wrapper .right {
right: 24px;
}
.top-fixed-wrapper .search-toggle {
margin-right: 24px;
}
.top-fixed-wrapper .social {
margin-right: 24px;
}
}
@media (min-width: 1180px) and (max-width: 1500px) {
.top-fixed-wrapper .logo {
margin: 0 24px;
}
.top-fixed-wrapper #nav {
font-size: 17px;
}
.top-fixed-wrapper #nav > ul li {
margin-right: 32px;
}
}
@media (min-width: 1180px) and (max-width: 1440px) {
.top-fixed-wrapper .search-toggle {
margin-right: 20px;
}
.top-fixed-wrapper .social {
margin-right: 20px;
}
.top-fixed-wrapper .social li {
margin-right: 20px;
}
.top-fixed-wrapper .lang select {
font-size: 13px;
}
}
@media (min-width: 1180px) and (max-width: 1366px) {
.top-fixed-wrapper #nav {
font-size: 17px;
}
.top-fixed-wrapper #nav > ul li {
margin-right: 28px;
}
.top-fixed-wrapper .search-toggle {
margin-right: 28px;
}
.top-fixed-wrapper .social li {
margin-right: 20px;
}
.top-fixed-wrapper .lang select {
font-size: 12px;
}
}
@media (min-width: 1180px) and (max-width: 1280px) {
.top-fixed-wrapper #nav {
font-size: 16px;
}
.top-fixed-wrapper #nav > ul li {
margin-right: 24px;
}
}
@media (max-width: 1180px) {
.top-fixed-wrapper {
display: block;
position: fixed;
left: 0;
top: 0;
right: 0;
width: 100%;
z-index: 1100;
background: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top-fixed-wrapper * {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top-fixed-wrapper .mobile-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 64px;
padding: 0 24px;
}
.top-fixed-wrapper .logo {
display: block;
height: 56px;
}
.top-fixed-wrapper .logo a,
.top-fixed-wrapper .logo img {
height: 56px;
width: auto;
}
.top-fixed-wrapper .mobile-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.top-fixed-wrapper .nav-toggle {
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;
height: 44px;
width: 44px;
align-items: center;
color: #3E8639;
border: 2px solid #3E8639;
border-radius: 4px;
background: none;
}
.top-fixed-wrapper .nav-toggle svg {
width: 18px;
height: 18px;
fill: currentColor;
display: inline-block;
}
.top-fixed-wrapper .search-toggle {
display: block;
width: 32px;
height: 32px;
margin: 0;
margin-right: 24px;
margin-left: auto;
padding: 0;
border: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #000;
background: none;
}
.top-fixed-wrapper .search-toggle svg {
width: 24px;
height: 24px;
display: inline-block;
fill: currentColor;
}
.top-fixed-wrapper .search-toggle .close-icon {
display: none;
width: 18px;
height: 18px;
}
.top-fixed-wrapper .search-toggle.active .close-icon {
display: inline-block;
}
.top-fixed-wrapper .search-toggle.active .search-icon {
display: none;
}
.top-fixed-wrapper .content {
position: fixed;
top: 64px;
left: 0;
right: 0;
height: calc(100vh - 64px);
background: #fff;
z-index: 1100;
display: none;
overflow-y: scroll;
}
.top-fixed-wrapper .content.active {
display: block;
}
.top-fixed-wrapper .content .search-toggle {
display: none;
}
.top-fixed-wrapper #nav {
margin-bottom: 48px;
padding-top: 40px;
}
.top-fixed-wrapper #nav > ul {
list-style: none;
margin: 0;
text-align: center;
margin-bottom: 16px;
}
.top-fixed-wrapper #nav > ul:last-child {
margin-bottom: 0;
}
.top-fixed-wrapper #nav > ul > li {
margin-bottom: 16px;
}
.top-fixed-wrapper #nav > ul > li:last-child {
margin-bottom: 0;
}
.top-fixed-wrapper #nav > ul a {
font-family: "Oswald";
font-weight: 300;
text-transform: uppercase;
color: #000;
font-size: 23px;
}
.top-fixed-wrapper #nav > ul a:hover {
color: #3E8639;
}
.top-fixed-wrapper #nav > ul ul {
list-style: none;
margin: 0;
margin-bottom: 32px;
}
.top-fixed-wrapper #nav > ul ul li {
margin-bottom: 8px;
}
.top-fixed-wrapper #nav > ul ul a {
font-size: 18px;
text-transform: none;
}
.top-fixed-wrapper #nav .logo {
display: none;
}
.top-fixed-wrapper .social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 0;
margin-bottom: 48px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.top-fixed-wrapper .social li {
margin-right: 24px;
}
.top-fixed-wrapper .social li:last-child {
margin-right: 0;
}
.top-fixed-wrapper .social a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
font-family: "Oswald";
font-weight: 400;
color: #3E8639;
}
.top-fixed-wrapper .social a svg {
fill: #3E8639;
height: 20px;
}
.top-fixed-wrapper .lang {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 40px;
}
.top-fixed-wrapper .lang select {
padding: 10px 8px;
border: 1px solid #e1e1e1;
border-radius: 4px;
}
}
body.with-mobile {
overflow: hidden;
}
body.scroll .top-fixed-wrapper .content:not(.active) {
height: 64px;
}
body.scroll .top-fixed-wrapper .logo {
padding: 8px;
height: 64px;
}
body.scroll .top-fixed-wrapper .logo a,
body.scroll .top-fixed-wrapper .logo img {
height: 64px;
width: auto;
}
@media (max-width: 1280px) {
body.scroll .top-fixed-wrapper .content:not(.active) {
height: 56px;
}
body.scroll .top-fixed-wrapper .logo {
padding: 8px;
height: 56px;
}
body.scroll .top-fixed-wrapper .logo a,
body.scroll .top-fixed-wrapper .logo img {
height: 56px;
}
}
@media (max-width: 1180px) {
body.scroll .top-fixed-wrapper .logo {
height: 56px;
padding: 0;
}
body.scroll .top-fixed-wrapper .logo a,
body.scroll .top-fixed-wrapper .logo img {
height: 56px;
}
}
#goog-gt-tt {
display: none !important;
}
.goog-te-banner-frame {
display: none !important;
}
.goog-te-menu-value:hover {
text-decoration: none !important;
}
.goog-text-highlight {
background-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
body {
top: 0 !important;
}
#google_translate_element2 {
display: none !important;
}
.footer {
background: #3E8639;
padding: 48px 0;
color: #F7ECD3;
font-size: 21px;
}
.footer a {
color: #F7ECD3;
}
.footer a:hover {
color: #9AC43A;
}
.footer .logo-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 48px;
}
.footer .logo-row img {
height: 100px;
position: relative;
z-index: 10;
}
.footer .logo-row:after {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 50px;
z-index: 5;
content: "";
height: 1px;
background: #F7ECD3;
z-index: 2;
}
.footer .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 32px;
gap: 0 80px;
}
.footer .desc {
color: #F7ECD3;
}
.footer .desc p {
margin-bottom: 16px;
}
.footer .social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 0;
gap: 16px;
}
.footer .social a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
border: 2px solid #F7ECD3;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
font-size: 12px;
font-family: "Oswald";
font-weight: 400;
}
.footer .social a svg {
fill: #F7ECD3;
height: 16px;
}
.footer .social a:hover {
background: #F7ECD3;
color: #3E8639;
text-decoration: none;
}
.footer .social a:hover svg {
fill: #3E8639;
}
.footer .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 40px;
}
.footer .menu ul {
list-style: none;
margin: 0;
}
.footer .menu ul li {
margin-bottom: 8px;
}
.footer .menu ul li:last-child {
margin-bottom: 0;
}
.footer .menu ul a {
text-transform: uppercase;
font-family: "Oswald";
font-weight: 300;
}
.footer .menu ul ul {
display: none;
}
.footer .eko-logo-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer .eko-logo-row img {
height: 64px;
width: auto;
}
@media (max-width: 1440px) {
.footer .content {
font-size: 17px;
}
}
@media (max-width: 1280px) {
.footer {
padding: 40px 0;
}
.footer .content {
gap: 0 40px;
}
.footer .logo-row {
margin-bottom: 40px;
}
}
@media (max-width: 1180px) {
.footer .content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
}
}
@media (max-width: 768px) {
.footer {
padding: 32px 0;
}
.footer .desc {
text-align: center;
width: 100%;
margin-right: 0;
}
.footer .social {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer .menu {
text-align: center;
width: 100%;
}
}
@media (max-width: 550px) {
.footer .menu {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer .menu ul {
width: 100%;
}
}
.footer-map {
display: block;
width: 100%;
height: 400px;
}
.footer-map iframe {
width: 100%;
height: 100%;
}
.footer-logos {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 32px 0;
}
.footer-logos .box {
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;
}
.footer-logos img {
height: 80px;
width: auto;
}
@media (max-width: 768px) {
.footer-logos {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.copyright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
padding: 16px 0;
border-top: 1px solid #e1e1e1;
}
.copyright p {
margin-bottom: 0;
}
.copyright a {
color: inherit;
}
.copyright a:hover {
text-decoration: underline;
}
.user-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 900;
width: 100vw;
height: 100vh;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
opacity: 0;
visibility: hidden;
background: #1d521a;
}
.user-overlay.active {
opacity: 0.8;
visibility: visible;
}
.go-to-top {
position: fixed;
right: 16px;
bottom: 16px;
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;
visibility: hidden;
overflow: hidden;
width: 48px;
height: 48px;
border-radius: 4px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
opacity: 0;
background: #e9ecef;
z-index: 2000;
}
.go-to-top .icon {
width: 16px;
height: 16px;
fill: #999;
}
@media (max-width: 1280px) {
.go-to-top {
width: 40px;
height: 50px;
}
.go-to-top .icon {
width: 20px;
height: 20px;
}
}
.go-to-top.is-visible {
visibility: visible;
opacity: 1;
}
.go-to-top.fade-out {
opacity: 1;
}
.go-to-top:hover {
background: #3E8639;
}
.go-to-top:hover .icon {
fill: #fff;
}
.home-slider {
margin-bottom: 32px;
}
.home-slider .owl-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 0;
bottom: 16px;
right: 0;
z-index: 100;
}
.home-slider .owl-dots button.owl-dot {
display: block;
width: 15px;
height: 15px;
background: #fff;
border-radius: 50%;
margin: 0 4px;
border: none;
padding: 0;
text-indent: -9999px;
opacity: 0.5;
}
.home-slider .owl-dots button.owl-dot:hover, .home-slider .owl-dots button.owl-dot.active {
opacity: 1;
}
@media (max-width: 1366px) {
.home-slider {
margin-bottom: 24px;
}
}
@media (max-width: 1280px) {
.home-slider {
margin-bottom: 16px;
}
}
.home-slider picture, .home-slider img {
width: 100%;
}
.home-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 32px 1fr 32px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 32px 32px;
margin-bottom: 64px;
}
.home-grid .box {
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;
position: relative;
}
.home-grid .box.green {
background: #3E8639;
}
.home-grid .box.beige {
background: #F7ECD3;
}
.home-grid .text {
font-size: 22px;
text-align: center;
padding: 0 48px;
}
.home-grid .green {
color: #F7ECD3;
}
.home-grid .beige {
color: #3E8639;
}
.home-grid .photo {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.home-grid .photo img {
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.home-grid .photo a {
display: block;
position: absolute;
inset: 0;
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.home-grid .photo a:hover {
background: rgba(62, 134, 57, 0.45);
}
.home-grid .photo span {
display: block;
font-size: 25px;
color: #F7ECD3;
background: #3E8639;
line-height: 1;
padding: 12px 32px;
margin-bottom: 40px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.home-grid .photo:hover img {
-webkit-transform: scale(1.07);
transform: scale(1.07);
}
.home-grid .photo:hover span {
background: #F7ECD3;
color: #3E8639;
}
@media (max-width: 1440px) {
.home-grid .text {
font-size: 19px;
}
}
@media (max-width: 1366px) {
.home-grid {
grid-gap: 24px 24px;
}
.home-grid .text {
font-size: 19px;
padding: 40px;
}
}
@media (max-width: 1280px) {
.home-grid {
grid-gap: 16px 16px;
}
.home-grid .text {
font-size: 17px;
padding: 32px;
}
}
@media (max-width: 1180px) {
.home-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
width: 100%;
max-width: 650px;
margin: 0 auto 48px;
}
}
.partners-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr;
grid-template-columns: repeat(6, 1fr);
grid-gap: 0 32px;
width: 100%;
max-width: 1200px;
margin: 0 auto 64px;
}
.partners-grid a {
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;
}
.partners-grid img {
height: 120px;
width: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.5 ease;
transition: all 0.5 ease;
}
.partners-grid a:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
@media (max-width: 1024px) {
.partners-grid {
-ms-grid-columns: 1fr 32px 1fr 32px 1fr;
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 650px) {
.partners-grid {
-ms-grid-columns: 1fr 32px 1fr;
grid-template-columns: repeat(2, 1fr);
}
}
#sb_instagram {
margin-bottom: 64px;
}
.page-title {
display: block;
background-color: #f1f1f1;
padding: 32px 0;
}
.page-title h1 {
font-size: 28px;
}
@media screen and (min-width: 768px) {
.page-title h1 {
font-size: calc(28px + 12 * (100vw - 768px) / 672);
}
}
@media screen and (min-width: 1440px) {
.page-title h1 {
font-size: 40px;
}
}
.page-title h1 {
font-weight: normal;
margin-bottom: 0;
color: #1d521a;
}
.photo-with-text {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
margin-bottom: 64px;
}
.photo-with-text.green {
background-color: #3E8639;
color: #fff;
}
.photo-with-text.beige {
background-color: #F7ECD3;
color: #1d521a;
}
.photo-with-text .photo {
overflow: hidden;
position: relative;
}
.photo-with-text .photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 1.2s ease;
transition: all 1.2s ease;
position: absolute;
}
.photo-with-text .photo:hover img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.photo-with-text.left-photo .photo {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
}
.photo-with-text.left-photo .text {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
}
.photo-with-text.right-photo .photo {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
}
.photo-with-text.right-photo .text {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
}
.photo-with-text .desc {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.photo-with-text .desc a {
color: inherit;
text-decoration: underline;
}
.photo-with-text h2 {
color: inherit;
font-size: 27px;
margin-bottom: 24px;
font-weight: normal;
}
.photo-with-text .text {
padding: 128px;
}
@media (max-width: 1600px) {
.photo-with-text .text {
padding: 104px;
}
}
@media (max-width: 1440px) {
.photo-with-text .text {
padding: 88px;
}
}
@media (max-width: 1366px) {
.photo-with-text .text {
padding: 64px;
}
}
@media (max-width: 1280px) {
.photo-with-text .text {
padding: 48px;
}
}
@media (max-width: 1024px) {
.photo-with-text {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.photo-with-text .photo img {
position: static;
}
.photo-with-text.left-photo .photo {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
}
.photo-with-text.left-photo .text {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2;
}
.photo-with-text.right-photo .photo {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
}
.photo-with-text.right-photo .text {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2;
}
.photo-with-text .text {
padding: 40px;
}
}
.photo-with-text + .photo-with-text {
margin-top: -64px;
}
.download-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 32px 1fr 32px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 32px 32px;
margin-bottom: 64px;
}
.download-list a {
display: block;
padding-left: 72px;
background-color: #fff;
background-size: 56px 56px;
background-position: 0px 0px;
background-repeat: no-repeat;
min-height: 56px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.download-list a.pdf {
background-image: url(//darynatury.pl/wp-content/themes/darynatury/images/filetype/folder1.svg);
}
.download-list a.zip {
background-image: url(//darynatury.pl/wp-content/themes/darynatury/images/filetype/folder2.svg);
}
.download-list a.jpg {
background-image: url(//darynatury.pl/wp-content/themes/darynatury/images/filetype/jpg.svg);
}
.download-list a strong {
display: block;
font-size: 21px;
color: #000;
}
.download-list a span {
display: block;
font-size: 17px;
color: #999;
}
.download-list a:hover strong {
color: #1d521a;
}
.download-list a:hover span {
color: #3E8639;
}
@media (max-width: 1024px) {
.download-list {
-ms-grid-columns: 1fr 32px 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 650px) {
.download-list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.video-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
grid-template-columns: repeat(4, 1fr);
grid-gap: 32px 32px;
margin-bottom: 40px;
}
@media (max-width: 1024px) {
.video-list {
-ms-grid-columns: 1fr 32px 1fr;
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 650px) {
.video-list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.simple-text {
display: block;
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 40px 0;
}
.simple-text {
font-size: 18px;
}
@media screen and (min-width: 768px) {
.simple-text {
font-size: calc(18px + 2 * (100vw - 768px) / 672);
}
}
@media screen and (min-width: 1440px) {
.simple-text {
font-size: 20px;
}
}
.simple-text a {
color: #3E8639;
text-decoration: underline;
}
.simple-text a:hover {
color: #000;
}
.simple-text hr {
display: block;
width: 100%;
height: 2px;
background: #3E8639;
margin: 32px 0;
}
.contact-wrapper {
display: block;
border-top: 1px solid #e1e1e1;
padding-bottom: 64px;
}
.contact-info {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 64px 1fr 64px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 32px 64px;
font-size: 19px;
background: #1d521a;
margin-bottom: 8px;
color: #fff;
}
.contact-info .small {
font-size: 16px;
color: #d1d1d1;
line-height: 1.4;
}
.contact-info .map-box {
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-column: 2/span 2;
}
.contact-info .box {
padding: 40px;
}
.contact-info a {
color: #fff;
}
.contact-info a:hover {
text-decoration: underline;
}
.contact-info .big {
font-size: 30px;
}
.contact-info .big a {
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 3px;
}
.contact-info .big a:hover {
text-decoration: none;
border-color: #9AC43A;
color: #9AC43A;
}
.contact-info hr {
display: block;
margin: 40px 0;
width: 100%;
height: 1px;
background: #3E8639;
border: none;
}
@media (max-width: 1024px) {
.contact-info {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.contact-info .box {
padding: 20px;
}
.contact-info .box .big {
font-size: 24px;
}
.contact-info .map-box {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2;
}
}
.contact-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 8px 1fr 8px 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 8px 8px;
font-size: 21px;
}
.contact-grid .box {
display: block;
padding: 40px;
background: #F7ECD3;
}
.contact-grid .box:first-child {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/span 2;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.contact-grid .box:first-child > p:first-child {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/span 2;
}
.contact-grid a {
color: inherit;
}
.contact-grid a:hover {
color: #000;
text-decoration: underline;
}
.contact-grid .in-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 1366px) {
.contact-grid {
-ms-grid-columns: 1fr 8px 1fr;
grid-template-columns: 1fr 1fr;
}
.contact-grid .box {
padding: 32px;
font-size: 20px;
}
}
@media (max-width: 800px) {
.contact-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.contact-grid .box {
padding: 20px;
font-size: 19px;
}
.contact-grid .box:first-child {
-ms-grid-column: 1;
grid-column: 1;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.contact-grid .box:first-child > p:first-child {
-ms-grid-column: 1;
grid-column: 1;
}
}
@media (max-width: 650px) {
.contact-grid .box {
font-size: 18px;
}
}
@media (max-width: 450px) {
.contact-grid .box {
font-size: 17px;
overflow: hidden;
}
}
.extra-contact {
padding: 24px;
background: #3E8639;
border-radius: 5px;
color: #fff;
}
.extra-contact a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 12px 16px;
font-size: 16px;
font-weight: bold;
color: #3E8639;
background: #fff;
border-radius: 3px;
}
#map {
display: block;
width: 100%;
height: 50vh;
}
@media (min-width: 1024px) {
#map {
height: 100%;
}
}
.footer-map #map {
height: 400px;
}
@media (min-width: 1180px) {
.products-cat-menu-wrapper {
display: block;
height: 64px;
margin-bottom: 40px;
}
.products-cat-menu-fixed {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
position: fixed;
top: 100px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
body.scroll .products-cat-menu-fixed {
top: 80px;
}
.products-cat-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #3E8639;
}
.products-cat-menu .cat-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
list-style: none;
background: #3E8639;
}
.products-cat-menu .cat-menu li {
position: relative;
}
.products-cat-menu .cat-menu a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 64px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0px 24px;
color: #F7ECD3;
white-space: nowrap;
font-size: 18px;
}
.products-cat-menu .cat-menu ul {
position: absolute;
background: #3E8639;
display: none;
z-index: 100;
list-style: none;
margin: 0;
}
.products-cat-menu .cat-menu > li.menu-item-has-children > a {
background: url(//darynatury.pl/wp-content/themes/darynatury/images/arrow-down-beige.svg) right 10px center no-repeat;
padding-right: 32px;
background-size: 10px 10px;
}
.products-cat-menu .cat-menu > li.menu-item-has-children:hover > a,
.products-cat-menu .cat-menu > li.menu-item-has-children > a:hover {
background-image: url(//darynatury.pl/wp-content/themes/darynatury/images/arrow-down-white.svg);
}
.products-cat-menu .cat-menu li:hover > a,
.products-cat-menu .cat-menu a:hover {
color: #fff;
}
.products-cat-menu .cat-menu > li > ul {
top: 100%;
left: 0;
background: rgb(53.722513089, 116.109947644, 49.390052356);
}
.products-cat-menu .cat-menu > li:last-child > ul {
left: auto;
right: 0;
}
.products-cat-menu .cat-menu > li:hover {
background: rgb(53.722513089, 116.109947644, 49.390052356);
}
.products-cat-menu .cat-menu > li > ul > li > ul {
left: 100%;
top: 0;
background: rgb(45.445026178, 98.219895288, 41.780104712);
}
.products-cat-menu .cat-menu > li > ul > li:hover {
background: rgb(45.445026178, 98.219895288, 41.780104712);
}
.products-cat-menu .cat-menu > li > ul > li > ul > li:hover {
background: rgb(37.167539267, 80.3298429319, 34.1701570681);
}
.products-cat-menu .cat-menu li:hover > ul {
display: block;
}
.products-cat-menu .cat-menu > li > ul > li.menu-item-has-children > a {
background: url(//darynatury.pl/wp-content/themes/darynatury/images/arrow-right-beige.svg) right 10px center no-repeat;
padding-right: 32px;
background-size: 10px 10px;
}
.products-cat-menu .cat-menu > li > ul > li.menu-item-has-children:hover > a,
.products-cat-menu .cat-menu > li > ul > li.menu-item-has-children > a:hover {
background-image: url(//darynatury.pl/wp-content/themes/darynatury/images/arrow-right-white.svg);
}
}
@media (min-width: 1180px) and (max-width: 1440px) {
.products-cat-menu .cat-menu a {
padding: 0 20px;
font-size: 17px;
}
}
@media (min-width: 1180px) and (max-width: 1366px) {
.products-cat-menu .cat-menu a {
padding: 0 18px;
font-size: 16px;
}
}
@media (min-width: 1180px) and (max-width: 1280px) {
.products-cat-menu .cat-menu a {
padding: 0 16px;
font-size: 15px;
}
}
.products-cat-menu-mobile {
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 16px;
}
@media (max-width: 1180px) {
.products-cat-menu-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.products-cat-menu-mobile a {
display: block;
width: 100%;
max-width: 500px;
text-align: center;
padding: 16px 0;
background: #3E8639;
color: #F7ECD3;
}
.products-cat-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 32px;
}
.products-cat-title h1 {
font-weight: 600;
color: #3E8639;
}
.products-cat-title h1 {
font-size: 27px;
}
@media screen and (min-width: 768px) {
.products-cat-title h1 {
font-size: calc(27px + 9 * (100vw - 768px) / 672);
}
}
@media screen and (min-width: 1440px) {
.products-cat-title h1 {
font-size: 36px;
}
}
.products-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr;
grid-template-columns: repeat(5, 1fr);
grid-gap: 32px 32px;
margin-bottom: 40px;
}
.products-grid .box {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #3E8639;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.products-grid .box .photo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 24px;
background: #fff;
aspect-ratio: 1/1;
}
.products-grid .box .photo a {
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;
}
.products-grid .box .photo img {
height: 100%;
}
.products-grid .box .title {
display: block;
padding: 16px;
text-align: center;
background: #3E8639;
min-height: 46px;
}
.products-grid .box .title a {
color: #F7ECD3;
font-size: 17px;
display: block;
line-height: 1.4;
font-family: "Oswald";
font-weight: 300;
text-transform: uppercase;
display: inline-block;
}
.products-grid h2 {
font-size: 24px;
font-weight: normal;
}
.products-grid .box:hover {
-webkit-box-shadow: 0 14.2px 19.5px rgba(0, 0, 0, 0.02), 0 26.3px 30.8px rgba(0, 0, 0, 0.03), 0 63px 58px rgba(0, 0, 0, 0.05);
box-shadow: 0 14.2px 19.5px rgba(0, 0, 0, 0.02), 0 26.3px 30.8px rgba(0, 0, 0, 0.03), 0 63px 58px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1366px) {
.products-grid {
-ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1180px) {
.products-grid {
-ms-grid-columns: 1fr 24px 1fr 24px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 24px 24px;
}
}
@media (max-width: 768px) {
.products-grid {
-ms-grid-columns: 1fr 24px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 24px 24px;
}
.products-grid .box .photo {
padding: 10px 0;
}
.products-grid .box .title {
padding: 12px 8px;
}
}
.single-product-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 64px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 0 64px;
margin-bottom: 80px;
padding: 64px 0;
}
.single-product-wrapper .desc-wrap h1 {
font-size: 30px;
color: #3E8639;
margin-bottom: 40px;
text-transform: uppercase;
}
.single-product-wrapper .desc {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #e1e1e1;
}
.single-product-wrapper .additional-info {
margin-bottom: 24px;
}
.single-product-wrapper .additional {
display: -ms-grid;
display: grid;
-ms-grid-columns: -webkit-min-content 1fr;
-ms-grid-columns: min-content 1fr;
grid-template-columns: -webkit-min-content 1fr;
grid-template-columns: min-content 1fr;
font-size: 14px;
}
.single-product-wrapper .additional strong {
padding: 8px 16px 8px 0;
border-bottom: 1px solid #e1e1e1;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid #e1e1e1;
}
.single-product-wrapper .additional p {
padding: 8px 16px;
border-bottom: 1px solid #e1e1e1;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.single-product-wrapper .product-url {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single-product-wrapper .product-url a {
display: block;
font-size: 18px;
background: #3E8639;
padding: 16px 32px;
color: #F7ECD3;
border-radius: 4px;
}
.single-product-wrapper .product-url a span {
padding-right: 44px;
background: url(//darynatury.pl/wp-content/themes/darynatury/images/arrow-right-long-beige.svg) right center no-repeat;
background-size: 28px 28px;
}
.single-product-wrapper .product-url a:hover {
background: #1d521a;
}
.single-product-wrapper .tabs-wrapper {
display: block;
margin-bottom: 32px;
}
.single-product-wrapper .tabs-nav {
display: block;
margin-bottom: 24px;
}
.single-product-wrapper .tabs-nav ul {
list-style: none;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single-product-wrapper .tabs-nav ul li {
margin-right: 2px;
}
.single-product-wrapper .tabs-nav ul a {
font-family: "Lora";
font-size: 15px;
font-weight: 600;
text-align: left;
padding: 12px 25px 10px 25px;
border-radius: 6px 6px 0px 0px;
color: #1A1A1A;
background-color: #F0F0F0;
}
.single-product-wrapper .tabs-nav ul a:hover,
.single-product-wrapper .tabs-nav ul .active a {
background: #3E8639;
color: #F7ECD3;
}
.single-product-wrapper .tabs .tab {
display: none;
}
.single-product-wrapper .tabs .tab#opis {
display: block;
}
@media (max-width: 1024px) {
.single-product-wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 32px 0;
padding: 40px 0;
}
}
.contact-wrapper-v1 {
text-align: center;
}
.contact-wrapper-v1 p a {
font-size: 24px;
}
@media screen and (min-width: 768px) {
.contact-wrapper-v1 p a {
font-size: calc(24px + 12 * (100vw - 768px) / 672);
}
}
@media screen and (min-width: 1440px) {
.contact-wrapper-v1 p a {
font-size: 36px;
}
}
.contact-wrapper-v1 p a:hover {
text-decoration: underline;
}
.contact-wrapper + .contact-wrapper {
margin-top: 40px;
}
.form-grid {
width: 100%;
max-width: 800px;
margin: 0 auto;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 24px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 24px 24px;
}
.form-grid .row {
position: relative;
}
.form-grid .row label {
font-size: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1;
margin-bottom: 8px;
}
.form-grid .row label em {
color: #e02424;
font-weight: bold;
}
.form-grid .row p {
margin-bottom: 0;
}
.form-grid .row p a {
font-size: 14px;
color: #0BBF59;
text-decoration: underline;
}
.form-grid .full {
-ms-grid-column-span: 2;
grid-column: span 2;
}
@media (max-width: 768px) {
.form-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.form-grid .full {
-ms-grid-column: 1;
grid-column: 1;
}
}
.form-grid input[type=text],
.form-grid input[type=email],
.form-grid input[type=tel],
.form-grid input[type=number],
.form-grid textarea {
display: block;
width: 100%;
padding: 16px 12px;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #000;
background-color: #fff;
background-clip: padding-box;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 4px;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset 0 0 0 1px #e1e1e1;
box-shadow: inset 0 0 0 1px #e1e1e1;
}
.form-grid input[type=text]:focus,
.form-grid input[type=email]:focus,
.form-grid input[type=tel]:focus,
.form-grid input[type=number]:focus,
.form-grid textarea:focus {
background: #fff;
-webkit-box-shadow: inset 0 0 0 2px #3E8639;
box-shadow: inset 0 0 0 2px #3E8639;
outline: 0;
}
.form-grid input[type=text].wpcf7-not-valid,
.form-grid input[type=email].wpcf7-not-valid,
.form-grid input[type=tel].wpcf7-not-valid,
.form-grid input[type=number].wpcf7-not-valid,
.form-grid textarea.wpcf7-not-valid {
background: #fff;
-webkit-box-shadow: inset 0 0 0 2px #e02424;
box-shadow: inset 0 0 0 2px #e02424;
outline: 0;
}
.form-grid input[type=file] {
border: 1px solid #e1e1e1;
font-size: 15px;
padding: 8px;
border-radius: 4px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-grid .hint {
display: block;
width: 20px;
height: 20px;
background: url(//darynatury.pl/wp-content/themes/darynatury/images/information.svg) center no-repeat;
background-size: 20px 20px;
text-indent: -9999px;
margin-left: 12px;
cursor: pointer;
}
.form-grid .wpcf7-form-control-wrap[data-name=zgoda] label {
position: relative;
cursor: pointer;
display: block;
}
.form-grid .wpcf7-form-control-wrap[data-name=zgoda] label input[type=checkbox],
.form-grid .wpcf7-form-control-wrap[data-name=zgoda] label input[type=radio] {
position: absolute;
left: 4px;
top: 4px;
z-index: 5;
}
.form-grid .wpcf7-form-control-wrap[data-name=zgoda] label .wpcf7-list-item-label {
display: block;
position: relative;
padding-left: 32px;
font-size: 13px;
}
.form-grid .wpcf7-form-control-wrap[data-name=zgoda] label .wpcf7-list-item-label:before {
display: block;
width: 18px;
height: 18px;
content: "";
position: absolute;
left: 0;
top: 0;
border: 1px solid #e1e1e1;
background: #fff;
z-index: 10;
border-radius: 2px;
}
.form-grid .wpcf7-form-control-wrap[data-name=zgoda] label .wpcf7-list-item-label a {
color: inherit;
text-decoration: underline;
}
.form-grid .wpcf7-form-control-wrap[data-name=zgoda] label .wpcf7-list-item-label a:hover {
color: #0BBF59;
}
.form-grid .wpcf7-form-control-wrap[data-name=zgoda] label .wpcf7-list-item-label em {
font-weight: 600;
color: #e02424;
}
.form-grid .wpcf7-form-control-wrap[data-name=zgoda] label input[type=radio]:checked ~ .wpcf7-list-item-label:before,
.form-grid .wpcf7-form-control-wrap[data-name=zgoda] label input[type=checkbox]:checked ~ .wpcf7-list-item-label:before {
background: #0BBF59 url(//darynatury.pl/wp-content/themes/darynatury/images/check-white.svg) center no-repeat;
background-size: 8px 8px;
border-color: #0BBF59;
}
.form-grid .wpcf7-form-control-wrap[data-name=zgoda] label.invoice-checkbox {
font-weight: 600;
}
.form-grid .last {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-grid button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 0 solid transparent;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 17px;
font-weight: 600;
line-height: 1.5;
min-height: 64px;
padding: 12px 24px;
text-align: center;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: background-color, color, border-color;
transition-property: background-color, color, border-color;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
border-radius: 4px;
color: #fff;
background: #3E8639;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-grid button span {
padding-right: 34px;
background: url(//darynatury.pl/wp-content/themes/darynatury/images/arrow-right-long-white.svg) right center no-repeat;
background-size: 20px 20px;
}
.form-grid button:hover {
background: #1d521a;
color: #f1f1f1;
}
#hint-info-wrapper {
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;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
#hint-info-wrapper.displaynone {
display: none;
}
.hint-info {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
width: 1000px;
padding: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
-webkit-box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028), 12.5px 12.5px 10px rgba(0, 0, 0, 0.035), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042), 41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05), 100px 100px 80px rgba(0, 0, 0, 0.07);
box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028), 12.5px 12.5px 10px rgba(0, 0, 0, 0.035), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042), 41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05), 100px 100px 80px rgba(0, 0, 0, 0.07);
}
.message404 {
display: block;
text-align: center;
padding: 64px 0 128px;
width: 100%;
max-width: 650px;
margin: 0 auto;
}
.message404 .image {
display: block;
margin-bottom: 32px;
}
.message404 .title {
display: block;
margin-bottom: 32px;
}
.message404 .title span {
display: block;
font-size: 44px;
font-weight: bold;
}
.message404 .content {
font-size: 21px;
}
.message404 .content a {
text-decoration: underline;
color: #000;
}
#cc-main {
background: transparent;
color: var(--cc-primary-color);
font-family: var(--cc-font-family);
font-size: 16px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.15;
position: relative;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
position: fixed;
z-index: var(--cc-z-index);
}
#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p,
#cc-main span {
all: unset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#cc-main .pm__badge,
#cc-main button {
all: initial;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: unset;
visibility: unset;
}
#cc-main .pm__badge,
#cc-main a,
#cc-main button,
#cc-main input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
font-family: inherit;
font-size: 100%;
line-height: normal;
margin: 0;
outline: revert;
outline-offset: 2px;
overflow: hidden;
}
#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
all: revert;
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
:root {
--cc-font-family: $base-font-family, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--cc-modal-border-radius: .2rem;
--cc-btn-border-radius: .125rem;
--cc-modal-transition-duration: .25s;
--cc-link-color: var(--cc-btn-primary-bg);
--cc-modal-margin: 1rem;
--cc-z-index: 2147483647;
--cc-bg: #fff;
--cc-primary-color: #000;
--cc-secondary-color: #333;
--cc-btn-primary-bg: #0BBF59;
--cc-btn-primary-color: #fff;
--cc-btn-primary-border-color: var(--cc-btn-primary-bg);
--cc-btn-primary-hover-bg: #1F8C4E;
--cc-btn-primary-hover-color: #fff;
--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
--cc-btn-secondary-bg: #eaeff2;
--cc-btn-secondary-color: var(--cc-primary-color);
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
--cc-btn-secondary-hover-bg: #d4dae0;
--cc-btn-secondary-hover-color: #000;
--cc-btn-secondary-hover-border-color: #d4dae0;
--cc-separator-border-color: #f0f4f7;
--cc-toggle-on-bg: var(--cc-btn-primary-bg);
--cc-toggle-off-bg: #667481;
--cc-toggle-on-knob-bg: #fff;
--cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
--cc-toggle-enabled-icon-color: var(--cc-bg);
--cc-toggle-disabled-icon-color: var(--cc-bg);
--cc-toggle-readonly-bg: #d5dee2;
--cc-toggle-readonly-knob-bg: #fff;
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
--cc-section-category-border: var(--cc-cookie-category-block-bg);
--cc-cookie-category-block-bg: #f0f4f7;
--cc-cookie-category-block-border: #f0f4f7;
--cc-cookie-category-block-hover-bg: #e9eff4;
--cc-cookie-category-block-hover-border: #e9eff4;
--cc-cookie-category-expanded-block-bg: transparent;
--cc-cookie-category-expanded-block-hover-bg: #dee4e9;
--cc-overlay-bg: rgba(0, 0, 0, .65);
--cc-webkit-scrollbar-bg: var(--cc-section-category-border);
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
--cc-footer-bg: var(--cc-btn-secondary-bg);
--cc-footer-color: var(--cc-secondary-color);
--cc-footer-border-color: #e4eaed;
--cc-pm-toggle-border-radius: 4em ;
}
#cc-main.cc--rtl {
direction: rtl;
}
#cc-main .cm__title,
#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong {
font-weight: 600;
}
#cc-main button > span {
pointer-events: none;
}
#cc-main .cc__link,
#cc-main a {
background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
background-image: linear-gradient(currentColor, currentColor);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 0 1px;
font-weight: 600;
position: relative;
-webkit-transition: background-size 0.25s, color 0.25s ease;
transition: background-size 0.25s, color 0.25s ease;
}
#cc-main .cc__link:hover,
#cc-main a:hover {
background-size: 100% 1px;
color: var(--cc-primary-color);
}
#cc-main .cc__link {
color: var(--cc-link-color);
}
#cc-main .cm__desc,
#cc-main .pm__body {
-ms-scroll-chaining: auto contain;
overscroll-behavior: auto contain;
scrollbar-width: thin;
}
@media screen and (min-width: 640px) {
#cc-main ::-webkit-scrollbar,
#cc-main ::-webkit-scrollbar-thumb,
#cc-main ::-webkit-scrollbar-track {
all: revert;
}
#cc-main ::-webkit-scrollbar-thumb {
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: var(--cc-toggle-readonly-bg);
border: 0.25rem solid var(--cc-bg);
border-radius: 1rem;
}
#cc-main ::-webkit-scrollbar-thumb:hover {
background: var(--cc-toggle-off-bg);
}
#cc-main ::-webkit-scrollbar {
background: transparent;
width: 12px;
}
}
html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
height: auto !important;
overflow: hidden !important;
}
@media (prefers-reduced-motion) {
#cc-main {
--cc-modal-transition-duration: 0s ;
}
}
.cc--darkmode {
--cc-bg: #161a1c;
--cc-primary-color: #ebf3f6;
--cc-secondary-color: #aebbc5;
--cc-btn-primary-bg: #c2d0e0;
--cc-btn-primary-color: var(--cc-bg);
--cc-btn-primary-border-color: var(--cc-btn-primary-bg);
--cc-btn-primary-hover-bg: #98a7b6;
--cc-btn-primary-hover-color: #000;
--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
--cc-btn-secondary-bg: #242c31;
--cc-btn-secondary-color: var(--cc-primary-color);
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
--cc-btn-secondary-hover-bg: #353d43;
--cc-btn-secondary-hover-color: #fff;
--cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
--cc-separator-border-color: #222a30;
--cc-toggle-on-bg: var(--cc-btn-primary-bg);
--cc-toggle-off-bg: #525f6b;
--cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
--cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
--cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
--cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
--cc-toggle-readonly-bg: #343e45;
--cc-toggle-readonly-knob-bg: #5f6b72;
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
--cc-section-category-border: #1e2428;
--cc-cookie-category-block-bg: #1e2428;
--cc-cookie-category-block-border: var(--cc-section-category-border);
--cc-cookie-category-block-hover-bg: #242c31;
--cc-cookie-category-block-hover-border: #232a2f;
--cc-cookie-category-expanded-block-bg: transparent;
--cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
--cc-overlay-bg: rgba(0, 0, 0, .65);
--cc-webkit-scrollbar-bg: var(--cc-section-category-border);
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
--cc-footer-bg: #0c0e0f;
--cc-footer-color: var(--cc-secondary-color);
--cc-footer-border-color: #060809 ;
}
.cc--darkmode #cc-main {
color-scheme: dark;
}
#cc-main .cm {
background: var(--cc-bg);
border-radius: var(--cc-modal-border-radius);
-webkit-box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 24em;
opacity: 0;
overflow: hidden;
position: fixed;
-webkit-transform: translateY(1.6em);
transform: translateY(1.6em);
visibility: hidden;
z-index: 1;
}
#cc-main .cm--top {
top: var(--cc-modal-margin);
}
#cc-main .cm--middle {
top: 50%;
-webkit-transform: translateY(calc(-50% + 1.6em));
transform: translateY(calc(-50% + 1.6em));
}
#cc-main .cm--bottom {
bottom: var(--cc-modal-margin);
}
#cc-main .cm--center {
left: var(--cc-modal-margin);
margin: 0 auto;
right: var(--cc-modal-margin);
width: unset;
}
#cc-main .cm--left {
left: var(--cc-modal-margin);
margin-right: var(--cc-modal-margin);
}
#cc-main .cm--right {
margin-left: var(--cc-modal-margin);
right: var(--cc-modal-margin);
}
#cc-main .cm__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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
#cc-main .cm__btns,
#cc-main .cm__links {
padding: 1em 1.3em;
width: unset;
}
#cc-main .cm__texts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-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;
padding: 1em 0 0;
}
#cc-main .cm__desc,
#cc-main .cm__title {
padding: 0 1.3em;
}
#cc-main .cm__title {
font-size: 1.05em;
}
#cc-main .cm__title + .cm__desc {
margin-top: 1.1em;
}
#cc-main .cm__desc {
color: var(--cc-secondary-color);
font-size: 0.9em;
line-height: 1.5;
max-height: 40vh;
overflow-x: visible;
overflow-y: auto;
padding-bottom: 1em;
}
#cc-main .cm__btns {
border-top: 1px solid var(--cc-separator-border-color);
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;
}
#cc-main .cm__btn-group {
display: -ms-grid;
display: grid;
grid-auto-columns: minmax(0, 1fr);
}
#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
margin-top: 0.375rem;
}
#cc-main .cm--flip .cm__btn + .cm__btn,
#cc-main .cm--flip .cm__btn-group + .cm__btn-group {
margin-bottom: 0.375rem;
margin-top: 0;
}
#cc-main .cm--inline .cm__btn + .cm__btn {
margin-left: 0.375rem;
margin-top: 0;
}
#cc-main .cm--inline.cm--flip .cm__btn + .cm__btn {
margin-bottom: 0;
margin-left: 0;
margin-right: 0.375rem;
}
#cc-main .cm--inline.cm--flip .cm__btn-group + .cm__btn-group {
margin-bottom: 0.375rem;
margin-right: 0;
}
#cc-main .cm--wide .cm__btn + .cm__btn,
#cc-main .cm--wide .cm__btn-group + .cm__btn-group {
margin-left: 0.375rem;
margin-top: 0;
}
#cc-main .cm--wide.cm--flip .cm__btn + .cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group + .cm__btn-group {
margin-bottom: 0;
margin-right: 0.375rem;
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#cc-main .cm__btn {
background: var(--cc-btn-primary-bg);
border: 1px solid var(--cc-btn-primary-border-color);
border-radius: var(--cc-btn-border-radius);
color: var(--cc-btn-primary-color);
font-size: 0.82em;
font-weight: 600;
min-height: 42px;
padding: 0.5em 1em;
text-align: center;
}
#cc-main .cm__btn:hover {
background: var(--cc-btn-primary-hover-bg);
border-color: var(--cc-btn-primary-hover-border-color);
color: var(--cc-btn-primary-hover-color);
}
#cc-main .cm__btn--secondary {
background: var(--cc-btn-secondary-bg);
border-color: var(--cc-btn-secondary-border-color);
color: var(--cc-btn-secondary-color);
}
#cc-main .cm__btn--secondary:hover {
background: var(--cc-btn-secondary-hover-bg);
border-color: var(--cc-btn-secondary-hover-border-color);
color: var(--cc-btn-secondary-hover-color);
}
#cc-main .cm__btn--close {
border-radius: 0;
border-bottom-left-radius: var(--cc-btn-border-radius);
border-right: none;
border-top: none;
display: none;
font-size: 1em;
height: 42px;
min-width: auto !important;
overflow: hidden;
padding: 0 !important;
position: absolute;
right: 0;
top: 0;
width: 42px;
}
#cc-main .cm__btn--close svg {
stroke: var(--cc-btn-primary-color);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: stroke 0.15s ease;
transition: stroke 0.15s ease;
}
#cc-main .cm__btn--close:hover svg {
stroke: var(--cc-btn-primary-hover-color);
}
#cc-main .cm__btn--close.cm__btn--secondary svg {
stroke: var(--cc-btn-secondary-color);
}
#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
stroke: var(--cc-btn-secondary-hover-color);
}
#cc-main .cm__btn--close + .cm__texts .cm__title {
padding-right: 2em;
}
#cc-main .cm--inline .cm__btn-group {
grid-auto-flow: column;
}
#cc-main .cm__footer {
background: var(--cc-footer-bg);
border-top: 1px solid var(--cc-footer-border-color);
color: var(--cc-footer-color);
padding: 0.4em 0 0.5em;
}
#cc-main .cm__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 0;
padding-top: 0;
}
#cc-main .cm__link-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 0.8em;
width: 100%;
}
#cc-main .cm__link-group > * + * {
margin-left: 1.3em;
}
#cc-main .cm--flip .cm__btn:last-child {
-ms-grid-row: 1;
grid-row: 1;
}
#cc-main .cm--inline.cm--flip .cm__btn:last-child {
-ms-grid-column: 1;
grid-column: 1;
}
#cc-main .cm--box .cm__btn--close {
display: block;
}
#cc-main .cm--box.cm--flip .cm__btns {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#cc-main .cm--box.cm--wide {
max-width: 36em;
}
#cc-main .cm--box.cm--wide .cm__btns {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#cc-main .cm--box.cm--wide .cm__btn-group {
grid-auto-flow: column;
}
#cc-main .cm--box.cm--wide .cm__btn {
min-width: 120px;
padding-left: 1.8em;
padding-right: 1.8em;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
-ms-grid-column: 1;
grid-column: 1;
}
#cc-main .cm--cloud {
max-width: 54em;
width: unset;
}
#cc-main .cm--cloud .cm__body {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#cc-main .cm--cloud .cm__texts {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#cc-main .cm--cloud .cm__desc {
max-height: 9.4em;
}
#cc-main .cm--cloud .cm__btns {
border-left: 1px solid var(--cc-separator-border-color);
border-top: none;
max-width: 23em;
}
#cc-main .cm--cloud .cm__btn-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#cc-main .cm--cloud .cm__btn {
min-width: 19em;
}
#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#cc-main .cm--cloud.cm--inline .cm__btn-group {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#cc-main .cm--cloud.cm--inline .cm__btn {
min-width: 10em;
}
#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#cc-main .cm--bar {
border-radius: 0;
left: 0;
margin: 0;
max-width: unset;
opacity: 1;
right: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
width: 100vw;
--cc-modal-transition-duration: .35s ;
}
#cc-main .cm--bar.cm--top {
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
#cc-main .cm--bar.cm--bottom {
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
margin: 0 auto;
max-width: 55em;
width: 100%;
}
#cc-main .cm--bar .cm__body {
padding: 0.5em 0 0.9em;
}
#cc-main .cm--bar .cm__btns {
border-top: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#cc-main .cm--bar .cm__btn-group {
grid-auto-flow: column;
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn + .cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group + .cm__btn-group {
margin-left: 0.375rem;
margin-top: 0;
}
#cc-main .cm--bar .cm__btn {
min-width: 120px;
padding-left: 2em;
padding-right: 2em;
}
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn + .cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group + .cm__btn-group {
margin-bottom: 0;
margin-left: 0;
margin-right: 0.375rem;
}
#cc-main .cm--bar.cm--flip .cm__btns {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#cc-main .cm--bar.cm--flip .cm__btn:last-child {
-ms-grid-column: 1;
grid-column: 1;
}
#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
max-width: 74em;
}
#cc-main .cm--bar.cm--inline .cm__body {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0;
}
#cc-main .cm--bar.cm--inline .cm__btns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 23em;
}
#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
-webkit-transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, -webkit-transform var(--cc-modal-transition-duration) ease;
transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, -webkit-transform var(--cc-modal-transition-duration) ease;
transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease;
transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease, -webkit-transform var(--cc-modal-transition-duration) ease;
}
#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
-webkit-transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.disable--interaction #cc-main .cm-wrapper:before {
background: var(--cc-overlay-bg);
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 0;
}
.show--consent #cc-main .cc--anim .cm {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
visibility: visible !important;
}
.show--consent #cc-main .cc--anim .cm--middle {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.show--consent #cc-main .cc--anim .cm--bar {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.show--consent #cc-main .cc--anim.cm-wrapper:before {
opacity: 1;
visibility: visible;
}
#cc-main.cc--rtl .cm__btn--close {
border-bottom-left-radius: unset;
border-bottom-right-radius: var(--cc-btn-border-radius);
left: 0;
right: unset;
}
#cc-main.cc--rtl .cm__btn--close + .cm__texts .cm__title {
padding-left: 2em;
padding-right: unset;
}
#cc-main.cc--rtl .cm--inline .cm__btn + .cm__btn {
margin-left: 0;
margin-right: 0.375rem;
}
#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn + .cm__btn {
margin-left: 0.375rem;
margin-right: 0;
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group + .cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group + .cm__btn-group {
margin-left: 0;
margin-right: 0.375rem;
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn + .cm__btn {
margin-left: 0.375rem;
margin-right: 0;
}
#cc-main.cc--rtl .cm__link-group > * + * {
margin-left: 0;
margin-right: 1.3em;
}
@media screen and (max-width: 640px) {
#cc-main {
--cc-modal-margin: .5em ;
}
#cc-main .cm {
max-width: none !important;
width: auto !important;
}
#cc-main .cm__body {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
padding: 0 !important;
}
#cc-main .cm__btns,
#cc-main .cm__desc,
#cc-main .cm__links,
#cc-main .cm__title {
padding-left: 1.1em !important;
padding-right: 1.1em !important;
}
#cc-main .cm__btns {
border-left: none !important;
border-top: 1px solid var(--cc-separator-border-color) !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
max-width: none !important;
min-width: auto !important;
}
#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
margin: 0.375rem 0 0 !important;
}
#cc-main .cm--flip .cm__btn + .cm__btn,
#cc-main .cm--flip .cm__btn-group + .cm__btn-group {
margin-bottom: 0.375rem !important;
margin-top: 0 !important;
}
#cc-main .cm__btn-group {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
min-width: auto !important;
}
#cc-main .cm__btn {
-webkit-box-flex: 1 !important;
-ms-flex: auto !important;
flex: auto !important;
}
#cc-main .cm__link-group {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
#cc-main .cm--flip .cm__btn-group,
#cc-main .cm--flip .cm__btns {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
}
#cc-main .pm-wrapper {
position: relative;
z-index: 2;
}
#cc-main .pm {
background: var(--cc-bg);
border-radius: var(--cc-modal-border-radius);
-webkit-box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
overflow: hidden;
position: fixed;
visibility: hidden;
width: 100%;
width: unset;
z-index: 1;
}
#cc-main svg {
fill: none;
width: 100%;
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
padding: 1em 1.4em;
}
#cc-main .pm__header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid var(--cc-separator-border-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#cc-main .pm__title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: 600;
margin-right: 2em;
}
#cc-main .pm__close-btn {
background: var(--cc-btn-secondary-bg);
border: 1px solid var(--cc-btn-secondary-border-color);
border-radius: var(--cc-btn-border-radius);
height: 40px;
position: relative;
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
width: 40px;
}
#cc-main .pm__close-btn span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
}
#cc-main .pm__close-btn svg {
stroke: var(--cc-btn-secondary-color);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: stroke 0.15s ease;
transition: stroke 0.15s ease;
}
#cc-main .pm__close-btn:hover {
background: var(--cc-btn-secondary-hover-bg);
border-color: var(--cc-btn-secondary-hover-border-color);
}
#cc-main .pm__close-btn:hover svg {
stroke: var(--cc-btn-secondary-hover-color);
}
#cc-main .pm__body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: auto;
overflow-y: overlay;
}
#cc-main .pm__section,
#cc-main .pm__section--toggle {
border-radius: var(--cc-btn-border-radius);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0.5em;
}
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
border: 1px solid var(--cc-cookie-category-block-border);
border-radius: var(--cc-btn-border-radius);
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
display: none;
margin-top: 0 !important;
overflow: hidden;
}
#cc-main .pm__section {
border: 1px solid var(--cc-separator-border-color);
padding: 1em;
-webkit-transition: background-color 0.25s ease, border-color 0.25s ease;
transition: background-color 0.25s ease, border-color 0.25s ease;
}
#cc-main .pm__section:first-child {
border: none;
margin-bottom: 2em;
margin-top: 0;
padding: 0;
-webkit-transition: none;
transition: none;
}
#cc-main .pm__section:not(:first-child):hover {
background: var(--cc-cookie-category-block-bg);
border-color: var(--cc-cookie-category-block-border);
}
#cc-main .pm__section-toggles + .pm__section {
margin-top: 2em;
}
#cc-main .pm__section--toggle {
background: var(--cc-cookie-category-block-bg);
border-top: none;
margin-bottom: 0.375rem;
}
#cc-main .pm__section--toggle .pm__section-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--cc-cookie-category-block-bg);
border: 1px solid var(--cc-cookie-category-block-border);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 58px;
padding: 1.1em 5.4em 1.1em 1.2em;
position: relative;
-webkit-transition: background-color 0.25s ease, border-color 0.25s ease;
transition: background-color 0.25s ease, border-color 0.25s ease;
width: 100%;
}
#cc-main .pm__section--toggle .pm__section-title:hover {
background: var(--cc-cookie-category-block-hover-bg);
border-color: var(--cc-cookie-category-block-hover-border);
}
#cc-main .pm__section--toggle .pm__section-desc {
margin-top: 0;
padding: 1em;
}
#cc-main .pm__section--toggle.is-expanded {
--cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
--cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg) ;
}
#cc-main .pm__section--toggle.is-expanded .pm__section-title {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
-webkit-transform: scale(0.5) rotate(180deg);
transform: scale(0.5) rotate(180deg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#cc-main .pm__section--expandable .pm__section-title {
cursor: pointer;
padding-left: 3.4em;
}
#cc-main .pm__section--expandable .pm__section-arrow {
background: var(--cc-toggle-readonly-bg);
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 18px;
pointer-events: none;
position: absolute;
width: 20px;
}
#cc-main .pm__section--expandable .pm__section-arrow svg {
stroke: var(--cc-btn-secondary-color);
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
#cc-main .pm__section-title-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
#cc-main .pm__section-title-wrapper + .pm__section-desc-wrapper {
margin-top: 0.85em;
}
#cc-main .pm__section-title {
border-radius: var(--cc-btn-border-radius);
font-size: 0.95em;
font-weight: 600;
}
#cc-main .pm__badge {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--cc-btn-secondary-bg);
border-radius: 5em;
color: var(--cc-secondary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-size: 0.8em;
font-weight: 600;
height: 23px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 1em;
min-width: 23px;
overflow: hidden;
padding: 0 0.6em 1px;
position: relative;
text-align: center;
white-space: nowrap;
width: auto;
}
#cc-main .pm__service-counter {
background: var(--cc-btn-primary-bg);
color: var(--cc-btn-primary-color);
padding: 0;
width: 23px;
}
#cc-main .pm__service-counter[data-counterlabel] {
padding: 0 0.6em 1px;
width: auto;
}
#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
border-radius: var(--cc-pm-toggle-border-radius);
height: 23px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 50px;
}
#cc-main .section__toggle-wrapper {
cursor: pointer;
position: absolute;
right: 18px;
z-index: 1;
}
#cc-main .toggle-service {
height: 19px;
position: relative;
right: 0;
width: 42px;
}
#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
height: 19px;
width: 42px;
}
#cc-main .toggle-service .toggle__icon {
position: relative;
}
#cc-main .toggle-service .toggle__icon-circle {
height: 19px;
width: 19px;
}
#cc-main .toggle-service .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
-webkit-transform: translateX(23px);
transform: translateX(23px);
}
#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
display: none !important;
}
#cc-main .section__toggle {
border: 0;
cursor: pointer;
display: block;
left: 0;
margin: 0;
position: absolute;
top: 0;
}
#cc-main .section__toggle:disabled {
cursor: not-allowed;
}
#cc-main .toggle__icon {
background: var(--cc-toggle-off-bg);
-webkit-box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
pointer-events: none;
position: absolute;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#cc-main .toggle__icon-circle {
background: var(--cc-toggle-off-knob-bg);
border: none;
border-radius: var(--cc-pm-toggle-border-radius);
-webkit-box-shadow: 0 1px 2px rgba(24, 32, 3, 0.36);
box-shadow: 0 1px 2px rgba(24, 32, 3, 0.36);
display: block;
height: 23px;
left: 0;
position: absolute;
top: 0;
-webkit-transition: background-color 0.25s ease, -webkit-transform 0.25s ease;
transition: background-color 0.25s ease, -webkit-transform 0.25s ease;
transition: transform 0.25s ease, background-color 0.25s ease;
transition: transform 0.25s ease, background-color 0.25s ease, -webkit-transform 0.25s ease;
width: 23px;
}
#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
height: 100%;
position: absolute;
-webkit-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
width: 100%;
}
#cc-main .toggle__icon-on {
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#cc-main .toggle__icon-on svg {
stroke: var(--cc-toggle-on-bg);
-webkit-transform: scale(0.55) rotate(-45deg);
transform: scale(0.55) rotate(-45deg);
}
#cc-main .toggle__icon-off {
opacity: 1;
}
#cc-main .toggle__icon-off svg {
stroke: var(--cc-toggle-off-bg);
-webkit-transform: scale(0.55);
transform: scale(0.55);
}
#cc-main .section__toggle:checked ~ .toggle__icon {
background: var(--cc-toggle-on-bg);
-webkit-box-shadow: 0 0 0 1px var(--cc-toggle-on-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-on-bg);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
background-color: var(--cc-toggle-on-knob-bg);
-webkit-transform: translateX(27px);
transform: translateX(27px);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on {
opacity: 1;
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-off {
opacity: 0;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
background: var(--cc-toggle-readonly-bg);
-webkit-box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg);
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle {
background: var(--cc-toggle-readonly-knob-bg);
-webkit-box-shadow: none;
box-shadow: none;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon svg {
stroke: var(--cc-toggle-readonly-knob-icon-color);
}
#cc-main .toggle__label {
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
z-index: -1;
}
#cc-main .pm__section-desc-wrapper {
color: var(--cc-secondary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 0.9em;
}
#cc-main .pm__section-desc-wrapper > :not(:last-child) {
border-bottom: 1px solid var(--cc-cookie-category-block-border);
}
#cc-main .pm__section-services {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#cc-main .pm__service {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.4em 1.2em;
position: relative;
-webkit-transition: background-color 0.15s ease;
transition: background-color 0.15s ease;
}
#cc-main .pm__service:hover {
background-color: var(--cc-cookie-category-block-hover-bg);
}
#cc-main .pm__service-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 1em;
width: 100%;
}
#cc-main .pm__service-icon {
border: 2px solid;
border-radius: 100%;
height: 8px;
margin-left: 6px;
margin-right: 20px;
margin-top: 1px;
min-width: 8px;
}
#cc-main .pm__service-title {
font-size: 0.95em;
width: 100%;
word-break: break-word;
}
#cc-main .pm__section-desc {
line-height: 1.5em;
}
#cc-main .pm__section-table {
border-collapse: collapse;
font-size: 0.9em;
margin: 0;
overflow: hidden;
padding: 0;
text-align: left;
width: 100%;
}
#cc-main .pm__table-caption {
text-align: left;
}
#cc-main .pm__table-caption,
#cc-main .pm__table-head > tr {
border-bottom: 1px dashed var(--cc-separator-border-color);
color: var(--cc-primary-color);
font-weight: 600;
}
#cc-main .pm__table-tr {
-webkit-transition: background-color 0.15s ease;
transition: background-color 0.15s ease;
}
#cc-main .pm__table-tr:hover {
background: var(--cc-cookie-category-block-hover-bg);
}
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
padding: 0.625em 0.625em 0.625em 1.2em;
vertical-align: top;
}
#cc-main .pm__footer {
border-top: 1px solid var(--cc-separator-border-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#cc-main .pm__btn-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
margin-left: 0.375rem;
}
#cc-main .pm--flip .pm__btn + .pm__btn,
#cc-main .pm--flip .pm__btn-group + .pm__btn-group {
margin-left: 0;
margin-right: 0.375rem;
}
#cc-main .pm__btn {
background: var(--cc-btn-primary-bg);
border: 1px solid var(--cc-btn-primary-border-color);
border-radius: var(--cc-btn-border-radius);
color: var(--cc-btn-primary-color);
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
font-size: 0.82em;
font-weight: 600;
min-height: 42px;
min-width: 110px;
padding: 0.5em 1.5em;
text-align: center;
-webkit-transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
#cc-main .pm__btn:hover {
background: var(--cc-btn-primary-hover-bg);
border-color: var(--cc-btn-primary-hover-border-color);
color: var(--cc-btn-primary-hover-color);
}
#cc-main .pm__btn--secondary {
background: var(--cc-btn-secondary-bg);
border-color: var(--cc-btn-secondary-border-color);
color: var(--cc-btn-secondary-color);
}
#cc-main .pm__btn--secondary:hover {
background: var(--cc-btn-secondary-hover-bg);
border-color: var(--cc-btn-secondary-hover-border-color);
color: var(--cc-btn-secondary-hover-color);
}
#cc-main .pm--box {
height: calc(100% - 2em);
left: var(--cc-modal-margin);
margin: 0 auto;
max-height: 37.5em;
max-width: 43em;
right: var(--cc-modal-margin);
top: 50%;
-webkit-transform: translateY(calc(-50% + 1.6em));
transform: translateY(calc(-50% + 1.6em));
}
#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#cc-main .pm--bar {
border-radius: 0;
bottom: 0;
height: 100%;
margin: 0;
max-height: none;
max-width: 29em;
opacity: 1;
top: 0;
width: 100%;
--cc-modal-transition-duration: .35s ;
}
#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
display: block;
}
#cc-main .pm--bar .pm__table-head {
display: none;
}
#cc-main .pm--bar .pm__table-caption {
display: block;
}
#cc-main .pm--bar .pm__table-tr:not(:last-child) {
border-bottom: 1px solid var(--cc-separator-border-color);
}
#cc-main .pm--bar .pm__table-td {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#cc-main .pm--bar .pm__table-td:before {
color: var(--cc-primary-color);
content: attr(data-column);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: 600;
min-width: 100px;
overflow: hidden;
padding-right: 2em;
text-overflow: ellipsis;
}
#cc-main .pm--bar .pm__table-td > div {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
}
#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
padding: 1em 1.3em;
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn + .pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
margin: 0.375rem 0 0;
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn + .pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group + .pm__btn-group {
margin-bottom: 0.375rem;
margin-top: 0;
}
#cc-main .pm--bar:not(.pm--wide) .pm__badge {
display: none;
}
#cc-main .pm--bar.pm--left {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
#cc-main .pm--bar.pm--right {
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
#cc-main .pm--bar.pm--wide {
max-width: 35em;
}
#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
padding: 1em 1.4em;
}
#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#cc-main .pm-overlay {
background: var(--cc-overlay-bg);
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 1;
}
#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
-webkit-transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, -webkit-transform var(--cc-modal-transition-duration) ease;
transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, -webkit-transform var(--cc-modal-transition-duration) ease;
transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease;
transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease, -webkit-transform var(--cc-modal-transition-duration) ease;
}
.show--preferences #cc-main .cc--anim .pm {
opacity: 1;
visibility: visible !important;
}
.show--preferences #cc-main .cc--anim .pm--box {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.show--preferences #cc-main .cc--anim .pm--bar {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.show--preferences #cc-main .cc--anim .pm-overlay {
opacity: 1;
visibility: visible;
}
#cc-main.cc--rtl .pm__service-header {
margin-left: 1em;
margin-right: 0;
}
#cc-main.cc--rtl .pm__section-arrow {
left: unset;
right: 18px;
}
#cc-main.cc--rtl .section__toggle-wrapper {
left: 18px;
right: unset;
-webkit-transform-origin: left;
transform-origin: left;
}
#cc-main.cc--rtl .toggle-service {
left: 0;
}
#cc-main.cc--rtl .pm__service-icon {
margin-left: 20px;
margin-right: 5px;
}
#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
padding-left: 5.4em;
padding-right: 1.2em;
}
#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
padding-right: 3.4em;
}
#cc-main.cc--rtl .pm__badge {
margin-left: unset;
margin-right: 1em;
}
#cc-main.cc--rtl .toggle__icon-circle {
-webkit-transform: translateX(27px);
transform: translateX(27px);
}
#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
-webkit-transform: translateX(23px);
transform: translateX(23px);
}
#cc-main.cc--rtl .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
padding-left: unset;
padding-right: 1.2em;
text-align: right;
}
#cc-main.cc--rtl .pm__table-td {
padding-left: unset;
padding-right: 1.2em;
}
#cc-main.cc--rtl .pm__table-td:before {
padding-left: 2em;
padding-right: unset;
}
#cc-main.cc--rtl .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm__btn-group + .pm__btn-group {
margin-left: 0;
margin-right: 0.375rem;
}
#cc-main.cc--rtl .pm--flip .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group + .pm__btn-group {
margin-left: 0.375rem;
margin-right: 0;
}
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
margin-left: 0;
}
@media screen and (max-width: 640px) {
#cc-main .pm {
border-radius: 0;
bottom: 0;
height: auto;
left: 0;
max-height: 100%;
max-width: none !important;
right: 0;
top: 0;
-webkit-transform: translateY(1.6em);
transform: translateY(1.6em);
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
padding: 0.9em !important;
}
#cc-main .pm__badge {
display: none;
}
#cc-main .pm__section-table,
#cc-main .pm__table-body,
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th,
#cc-main .pm__table-tr {
display: block;
}
#cc-main .pm__table-head {
display: none;
}
#cc-main .pm__table-tr:not(:last-child) {
border-bottom: 1px solid var(--cc-separator-border-color);
}
#cc-main .pm__table-td {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#cc-main .pm__table-td:before {
color: var(--cc-primary-color);
content: attr(data-column);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: 600;
min-width: 100px;
overflow: hidden;
padding-right: 2em;
text-overflow: ellipsis;
}
#cc-main .pm__table-td > div {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
}
#cc-main .pm__btn-group,
#cc-main .pm__footer {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
#cc-main .pm__btn-group {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
margin: 0.375rem 0 0 !important;
}
#cc-main .pm--flip .pm__btn + .pm__btn,
#cc-main .pm--flip .pm__btn-group + .pm__btn-group {
margin-bottom: 0.375rem !important;
margin-top: 0 !important;
}
#cc-main .pm--flip .pm__btn-group,
#cc-main .pm--flip .pm__footer {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.show--preferences #cc-main .cc--anim .pm {
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
}   .cd-icon {
--size: 1em;
font-size: var(--size);
height: 1em;
width: 1em;
display: inline-block;
color: inherit;
fill: currentColor;
line-height: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: initial;
}
.cd-icon use { color: inherit;
fill: currentColor;
} .back-to-top {
--size: 50px;
width: var(--size);
height: var(--size);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
right: 16px;
bottom: 16px;
z-index: 10;
border-radius: 50%;
background: #3E8639;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
color: #fff;
}
.back-to-top:hover {
background: #000;
}
.back-to-top .icon {
--size: 20px;
width: 20px;
height: 20px;
fill: currentColor;
display: block;
margin: auto;
color: hsl(0, 0%, 100%);
}
.back-to-top--is-visible {
visibility: visible;
opacity: 1;
}   .dp8-icon {
height: var(--dp8-size, 1em);
width: var(--dp8-size, 1em);
display: inline-block;
color: inherit;
fill: currentColor;
line-height: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: initial;
}
.dp8-icon--xs {
--dp8-size: 16px;
} :root {
--drawer-width: 400px;
}
.drawer {
position: fixed;
z-index: 1500;
height: 100%;
width: 100%;
max-width: var(--drawer-width);
top: 0;
right: 0;
visibility: hidden;
-webkit-transition: visibility 0s 0.3s;
transition: visibility 0s 0.3s;
}
.drawer:focus {
outline: none;
}
.drawer--is-visible {
visibility: visible;
-webkit-transition: none;
transition: none;
}
.drawer--open-left {
right: auto;
left: 0;
}
.drawer__content {
background: #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
transition: -webkit-transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.drawer--open-left .drawer__content {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.drawer--is-visible .drawer__content {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.drawer__body {
padding: 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
overflow: auto;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.drawer__close-btn {
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: 32px;
height: 32px;
background: #000;
color: #fff;
border-radius: 50%;
position: fixed;
right: 8px;
top: 8px;
z-index: 100;
}
.drawer__close-btn svg {
width: 12px;
height: 12px;
fill: currentColor;
display: inline-block;
}
.drawer--modal {
max-width: none;
background: rgba(0, 0, 0, 0);
-webkit-transition: background-color 0.3s, visibility 0s 0.3s;
transition: background-color 0.3s, visibility 0s 0.3s;
}
.drawer--modal.drawer--is-visible {
background: rgba(0, 0, 0, 0.7);
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.drawer--modal.drawer--open-left .drawer__content {
right: auto;
left: 0;
}
.drawer--modal .drawer__content {
max-width: var(--drawer-width);
}
.drawer__body .text-component {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
.drawer__body .first-menu,
.drawer__body .second-menu {
list-style: none;
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;
font-size: 21px;
}
.drawer__body .first-menu a,
.drawer__body .second-menu a {
color: #000;
display: inline-block;
padding: 4px 0;
}
.drawer__body .first-menu a:hover,
.drawer__body .second-menu a:hover {
color: #3E8639;
text-decoration: underline;
}
.drawer__body .first-menu ul,
.drawer__body .second-menu ul {
list-style: none;
padding-left: 10px;
margin: 0;
margin-bottom: 16px;
font-size: 15px;
}
.drawer__body .social {
list-style: none;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 48px;
}
.drawer__body .social a {
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: center;
-ms-flex-pack: center;
justify-content: center;
width: 24px;
height: 24px;
color: #3E8639;
}
.drawer__body .social a svg {
width: 24px;
height: 24px;
fill: currentColor;
display: inline-block;
}
.is-screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
word-break: normal;
}
.is-menu {
position: relative;
}
.is-menu a {
background: transparent !important;
line-height: 1;
outline: 0;
}
.is-menu a::before,
.is-menu a::after {
display: none !important;
}
.is-menu:hover > a,
.is-menu a:hover,
.is-menu a:focus {
background: transparent !important;
outline: none;
}
.is-menu.default form {
max-width: 310px;
}
.is-menu.is-dropdown form {
display: none;
min-width: 310px;
max-width: 100%;
position: absolute;
right: 0;
top: 100%;
z-index: 9;
}
.is-menu.full-width-menu form,
.is-menu.sliding form {
min-width: 0 !important;
overflow: hidden;
position: absolute;
right: 0;
top: 25%;
width: 0;
z-index: 9;
padding: 0;
margin: 0;
}
.is-menu.is-dropdown form:not(.is-search-form) input[type=text],
.is-menu.full-width-menu form:not(.is-search-form) input[type=text],
.is-menu.sliding form:not(.is-search-form) input[type=text],
.is-popup-search-form form:not(.is-search-form) input[type=text],
.is-popup-search-form form:not(.is-search-form) input[type=search],
.is-menu.is-dropdown form:not(.is-search-form) input[type=search],
.is-menu.full-width-menu form:not(.is-search-form) input[type=search],
.is-menu.sliding form:not(.is-search-form) input[type=search] {
background: #FFF;
color: #000;
}
.is-menu.is-first form {
right: auto;
left: 0;
}
.is-menu.full-width-menu:not(.open) form,
.is-menu.sliding:not(.open) form {
display: block;
}
.is-menu form .screen-reader-text {
display: none;
}
.is-menu form label {
margin: 0;
padding: 0;
}
.is-menu-wrapper {
display: none;
position: absolute;
right: 5px;
top: 5px;
width: auto;
z-index: 9999;
}
.is-menu-wrapper.is-expanded {
width: 100%;
}
.admin-bar .is-menu-wrapper {
top: 51px;
}
.is-menu-wrapper .is-menu {
float: right;
}
.is-menu-wrapper .is-menu form {
right: 0;
left: auto;
}
.gsc-cse-search-menu {
max-width: 310px;
float: right;
}
.gsc-cse-search-menu .cse .gsc-control-cse,
.gsc-cse-search-menu .gsc-control-cse {
padding: 0;
}
.is-menu .search-icon-path {
fill: #848484;
}
.search-close {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: -22px;
top: 33%;
width: 20px;
z-index: 99999;
}
.is-menu.is-first .search-close {
right: auto;
left: -22px;
}
.is-menu.is-dropdown .search-close {
top: calc(100% + 7px);
}
.popup-search-close {
cursor: pointer;
height: 20px;
width: 20px;
z-index: 99999;
float: right;
position: relative;
margin: 20px 20px 0 0;
}
#is-popup-wrapper {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgb(76, 76, 76);
background: rgba(4, 4, 4, 0.91);
z-index: 999999;
}
.is-popup-search-form form {
width: 80%;
margin: 20% auto 0;
}
.is-popup-search-form form.is-ajax-search {
margin: 10% auto 0;
}
.popup-search-close:after,
.search-close:after {
border-left: 2px solid #848484;
content: "";
height: 20px;
left: 9px;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.popup-search-close:before,
.search-close:before {
border-left: 2px solid #848484;
content: "";
height: 20px;
left: 9px;
position: absolute;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.is-menu.is-dropdown form[style="display: block;"] + .search-close,
.is-menu.full-width-menu.open .search-close,
.is-menu.sliding.open .search-close {
display: block;
}
.is-highlight {
background-color: #FFFFB9;
color: #222;
}
@media screen and (max-width: 910px) {
.is-menu form {
left: 0;
min-width: 50%;
right: auto;
}
.is-menu.default form {
max-width: 100%;
}
.is-menu.full-width-menu.active-search {
position: relative;
}
.is-menu-wrapper {
display: block;
}
}
.is-link-container {
display: none;
}
form .is-link-container {
position: relative;
}
form .is-link-container div {
position: absolute;
width: 200px;
bottom: -25px;
left: 5px;
z-index: 99999;
height: auto;
line-height: 14px;
padding: 10px 15px;
}
form .is-link-container a {
text-decoration: none;
font-size: 14px;
font-weight: 100;
font-family: arial;
-webkit-box-shadow: none;
box-shadow: none;
}
form .is-link-container a:hover {
text-decoration: underline;
}
form .is-link-container a.is-customize-link {
margin-left: 15px;
}
form:hover > .is-link-container,
form:hover + .is-link-container {
display: block;
}
.is-form-style {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 16px 24px;
grid-template-columns: 1fr 24px;
grid-gap: 0 16px;
padding: 8px 16px;
border: 1px solid #e1e1e1;
width: 100%;
max-width: 800px;
}
.is-form-style input {
height: 40px;
border: none;
font-size: 18px;
width: 100%;
padding: 0;
margin: 0;
}
.is-form-style button {
display: block;
width: 24px;
height: 24px;
background: url(//darynatury.pl/wp-content/themes/darynatury/images/search.svg) center no-repeat;
background-size: contain;
border: none;
padding: 0;
margin: 0;
text-indent: -9999px;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
} .is-ajax-search .is-loader-image {
display: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 25px;
right: 5px;
z-index: 9999;
width: 25px;
background-repeat: no-repeat;
background-size: contain;
}
.is-ajax-search.processing .is-loader-image {
display: block;
}
.is-ajax-search label {
position: relative;
}
.is-ajax-search-details,
.is-ajax-search-result,
.is-ajax-search-details *,
.is-ajax-search-result * {
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
padding: 0;
outline: 0 !important;
margin: 0;
border: 0;
border-radius: 0;
text-transform: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
text-align: left;
letter-spacing: normal;
font-size: 13px;
line-height: 18px;
vertical-align: baseline;
}
.is-ajax-search-details a,
.is-ajax-search-result a {
color: #3E8639;
}
.is-ajax-search-details a:hover,
.is-ajax-search-result a:hover {
text-decoration: underline;
}
div.is-ajax-search-details,
div.is-ajax-search-result {
display: none;
height: auto;
width: 500px;
max-width: 100%;
position: absolute;
z-index: 999999;
background: #fff;
color: #313131;
padding: 4px;
border: 1px solid #e1e1e1;
}
.is-ajax-search-items {
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
}
.is-search-sections {
display: -ms-grid;
display: grid;
-ms-grid-columns: 70px 16px 1fr;
grid-template-columns: 70px 1fr;
grid-gap: 0 16px;
}
.is-search-sections .right-section {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.is-show-more-results {
border-top: none;
background: #3E8639;
}
.is-show-more-results-text {
cursor: pointer;
padding: 12px 0;
text-align: center;
color: #fff;
}
.is-load-more-image {
display: block;
margin: 0 auto;
max-height: 25px;
}
.is-ajax-search-no-result {
padding: 10px;
background: #FFF;
text-align: center;
}
.is-ajax-search-items .post-title {
display: inline-block;
font-weight: normal;
font-size: 15px;
text-transform: capitalize;
}
.is-search-sections .meta {
margin: 5px 0;
}
.is-search-sections .meta i {
font-size: 11px;
}
.is-search-sections .meta > div {
margin-bottom: 5px;
}
.is-search-sections .meta > div > span {
margin-left: 10px;
}
.is-search-sections .meta > div > span:first-child {
margin-left: 0;
}
.is-has-badge .is-search-sections .is-title {
margin-right: 35px;
}
.is-has-badge .is-search-sections .meta > div > span:last-child {
margin-right: 10px;
}
.is-search-sections .meta > span:not(:last-child):after {
margin: 0 2px;
content: "/";
display: inline-block;
}
.is-search-sections .thumbnail {
margin-right: 10px;
width: 70px;
}
.is-search-sections .thumbnail img {
float: left;
max-width: 70px;
height: auto;
}
.is-ajax-term-label {
display: block;
font-style: italic;
font-size: 10px;
text-transform: uppercase;
color: #7b7b7b;
line-height: 12px;
letter-spacing: 2px;
}
.is-ajax-result-description {
font-size: 14px;
margin-top: 10px;
}
.is-ajax-search-post-details,
.is-ajax-search-post {
clear: both;
padding: 15px;
border-bottom: 1px solid #eceff1;
}
.is-ajax-search-details .is-ajax-search-items > div,
.is-ajax-search-post {
background: #fff;
}
.is-ajax-search-details .is-title a,
.is-ajax-search-post .is-title a {
text-transform: capitalize;
font-size: 14px;
}
.is-ajax-search-post-details:last-child,
.is-ajax-search-posts .is-ajax-search-post:last-child {
border: 0;
}
.is-ajax-woocommerce-actions {
clear: both;
margin-top: 10px;
display: inline-block;
}
.is-ajax-woocommerce-actions > * {
display: inline-block;
}
.is-ajax-woocommerce-actions .qty {
width: 60px;
height: auto;
padding: 4px 8px;
background: #fff;
font-size: 14px;
min-height: 0;
}
.is-ajax-woocommerce-actions .add_to_cart_inline {
margin: 0 0 0 5px;
}
.is-ajax-woocommerce-actions .added_to_cart {
font-size: 15px;
text-transform: capitalize;
font-weight: 800;
padding: 4px 8px;
}
.is-ajax-woocommerce-actions .add_to_cart_inline a.button {
padding: 4px 10px;
background: #0073aa;
color: #FFF;
font-weight: 800;
text-decoration: none;
}
.is-ajax-search-details .is-ajax-woocommerce-actions .add_to_cart_inline a.button.loading {
opacity: 0.4;
cursor: wait;
}
.is-ajax-woocommerce-actions .add_to_cart_inline a.button:hover {
opacity: 0.9;
}
.is-ajax-search-items .stock-status {
color: #7ad03a;
}
.is-ajax-search-items .is-prices del {
text-decoration: line-through;
}
.is-ajax-search-items .is-prices .amount {
background: none;
font-weight: 800;
}
.is-ajax-search-items .is-prices del .amount {
font-weight: lighter;
font-size: 90%;
opacity: 0.6;
}
.is-ajax-search-items .is-prices ins {
background: none;
}
.is-ajax-search-items .stock-status.is-out-of-stock {
color: #a44;
}
.is-featured-icon {
display: inline-block;
width: 13px;
fill: #FFC107;
vertical-align: text-top;
}
.is-ajax-search-items .is-sale-badge {
background: #77a464;
color: #fff;
height: 20px;
padding-top: 2px;
position: absolute;
right: -24px;
text-align: center;
top: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 77px;
}
.is-ajax-search-post-details .is-ajax-term-label {
display: inline-block;
}
.is-ajax-term-name {
font-size: 16px;
text-transform: capitalize;
}
.is-ajax-term-wrap {
margin-bottom: 10px;
}
div.is-ajax-search-details {
width: 400px;
}
.is-ajax-search-post-details {
display: none;
}
.is-ajax-search-posts-details .is-search-sections .thumbnail {
width: 150px;
}
.is-ajax-search-posts-details .is-search-sections .thumbnail img {
max-width: 150px;
float: none;
}
@media screen and (max-width: 910px) {
div.is-ajax-search-result {
max-width: 97%;
}
.is-ajax-search-details {
display: none !important;
}
}
@media screen and (max-width: 510px) {
.is-ajax-search-result {
left: 3px !important;
}
} [data-simplebar] {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0;
}
.simplebar-offset {
direction: inherit !important;
-webkit-box-sizing: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
direction: inherit;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%; width: auto;
max-width: 100%; max-height: 100%; scrollbar-width: none;
-ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
width: 0;
height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
content: " ";
display: table;
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
-webkit-box-sizing: inherit !important;
box-sizing: inherit !important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
-webkit-box-flex: inherit;
-ms-flex-positive: inherit;
flex-grow: inherit;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.simplebar-height-auto-observer {
-webkit-box-sizing: inherit;
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all;
}
.simplebar-scrollbar {
position: absolute;
left: 0;
right: 0;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: "";
background: black;
border-radius: 7px;
left: 2px;
right: 2px;
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before { opacity: 0.5;
-webkit-transition: opacity 0s linear;
transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
} [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
right: auto;
left: 0;
}
.hs-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
}
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
.breadcrumb {
font-size: 13px;
color: #1a1a1a;
padding-bottom: 10px;
border-bottom: 1px solid #F7ECD3;
margin-top: -32px;
width: 100%;
white-space: nowrap;
}
.breadcrumb a {
font-weight: bold;
color: inherit;
}
.breadcrumb a:hover {
color: #3E8639;
}
@media (max-width: 1180px) {
.breadcrumb {
margin-top: 0;
overflow-x: scroll;
}
} .leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::-moz-selection {
background: transparent;
}
.leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
-webkit-filter: inherit;
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
} .leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
} .leaflet-bar {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px "Lucida Console", Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
} .leaflet-control-layers {
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//darynatury.pl/wp-content/themes/darynatury/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//darynatury.pl/wp-content/themes/darynatury/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path { background-image: url(//darynatury.pl/wp-content/themes/darynatury/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
-webkit-box-shadow: none;
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
-webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
} @media print { .leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 64px;
}
.pagination a, .pagination span {
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: center;
-ms-flex-pack: center;
justify-content: center;
background: #9AC43A;
font-size: 18px;
font-weight: bold;
color: #fff;
width: 64px;
height: 64px;
margin: 0 4px 4px;
}
.pagination a:hover,
.pagination span {
background: #1d521a;
}
@media (max-width: 1366px) {
.pagination a, .pagination span {
width: 56px;
height: 56px;
font-size: 17px;
}
}
@media (max-width: 1280px) {
.pagination a, .pagination span {
width: 48px;
height: 48px;
font-size: 16px;
}
}
@media (max-width: 1024px) {
.pagination {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow-y: scroll;
}
}
.search-form-wrapper {
position: fixed;
left: 0;
top: 100px;
right: 0;
background: #fff;
padding: 16px 0;
z-index: 1000;
-webkit-transform: translateY(-92px);
transform: translateY(-92px);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.search-form-wrapper.active {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.search-form-wrapper .container-flex {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.search-form-wrapper .searchform {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 16px 24px;
grid-template-columns: 1fr 24px;
grid-gap: 0 16px;
padding: 8px 16px;
border: 1px solid #e1e1e1;
width: 100%;
max-width: 800px;
}
.search-form-wrapper .searchform input {
height: 40px;
border: none;
font-size: 18px;
}
.search-form-wrapper .searchform button {
display: block;
width: 24px;
height: 24px;
background: url(//darynatury.pl/wp-content/themes/darynatury/images/search.svg) center no-repeat;
background-size: contain;
border: none;
padding: 0;
margin: 0;
text-indent: -9999px;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
@media (max-width: 1180px) {
.search-form-wrapper {
-webkit-transform: translateY(-128px);
transform: translateY(-128px);
}
.search-form-wrapper.active {
-webkit-transform: translateY(-36px);
transform: translateY(-36px);
}
}
body.scroll .search-form-wrapper {
-webkit-transform: translateY(-110px);
transform: translateY(-110px);
}
body.scroll .search-form-wrapper.active {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
@media (max-width: 1280px) {
body.scroll .search-form-wrapper {
-webkit-transform: translateY(-120px);
transform: translateY(-120px);
}
body.scroll .search-form-wrapper.active {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
.ml-form-embedContainer {
max-width: 400px;
}
.ml-form-embedContainer .ml-block-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.ml-form-embedContainer .ml-field-group input {
padding: 16px;
background: #fff;
border: none;
font-size: 16px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ml-form-embedContainer .ml-form-embedSubmit button {
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;
padding: 16px 24px;
font-size: 16px;
margin: 0;
border: none;
background: #000;
color: #fff;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ml-form-successBody .ml-form-successContent {
padding: 12px;
font-size: 15px;
color: #fff;
background: #0BBF59;
}
.newsletter-wrap {
margin-right: 0;
margin-left: auto;
width: 100%;
max-width: 400px;
}
.newsletter-wrap .title {
display: block;
margin-bottom: 12px;
}
.newsletter-wrap .title span {
display: block;
font-family: "Oswald";
font-weight: 400;
text-transform: uppercase;
font-size: 30px;
line-height: 1;
margin-bottom: 4px;
}
.newsletter-wrap .title em {
display: block;
font-style: normal;
font-size: 21px;
}
@media (max-width: 1366px) {
.newsletter-wrap {
max-width: 360px;
}
}
@media (max-width: 1180px) {
.newsletter-wrap {
max-width: 100%;
}
}
@media (max-width: 768px) {
.newsletter-wrap .title {
text-align: center;
}
}
.newsletter-wrap2 {
margin-right: 0;
margin-left: auto;
}
.newsletter-wrap2 .title {
text-align: right;
display: block;
margin-bottom: 12px;
}
.newsletter-wrap2 .title span {
display: block;
font-family: "Oswald";
font-weight: 400;
text-transform: uppercase;
font-size: 30px;
line-height: 1;
margin-bottom: 4px;
}
.newsletter-wrap2 .title em {
display: block;
font-style: normal;
font-size: 21px;
}
.newsletter-wrap2 form input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
}
.newsletter-wrap2 .message_error {
background: #e02424;
color: #fff;
display: block;
font-size: 13px;
padding: 12px;
}
.newsletter-wrap2 .success_error {
background: #e02424;
color: #fff;
display: block;
font-size: 13px;
padding: 12px;
}
@media (max-width: 1180px) {
.newsletter-wrap2 {
margin: 40px auto 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.newsletter-wrap2 .title {
text-align: center;
}
} :root {
--mm-ocd-width: 80%;
--mm-ocd-min-width: 200px;
--mm-ocd-max-width: 440px ;
}
body.mm-ocd-opened {
overflow-y: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: none;
}
.mm-ocd {
position: fixed;
top: 0;
right: 0;
bottom: 100%;
left: 0;
z-index: 9999;
overflow: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
background: rgba(0, 0, 0, 0);
-webkit-transition-property: bottom, background-color;
transition-property: bottom, background-color;
-webkit-transition-duration: 0s, 0.3s;
transition-duration: 0s, 0.3s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-delay: 0.45s, 0.15s;
transition-delay: 0.45s, 0.15s;
}
.mm-ocd--open {
bottom: 0;
background: rgba(29, 82, 26, 0.95);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.mm-ocd__content {
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
width: 80%;
min-width: 200px;
max-width: 440px;
background: #fff;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.mm-ocd--left .mm-ocd__content {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.mm-ocd--right .mm-ocd__content {
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mm-ocd--open .mm-ocd__content {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-ocd__backdrop {
position: absolute;
top: 0;
bottom: 0;
z-index: 3;
width: 20%;
min-width: calc(100% - 440px);
max-width: calc(100% - 200px);
background: rgba(3, 2, 1, 0);
}
.mm-ocd--left .mm-ocd__backdrop {
right: 0;
}
.mm-ocd--right .mm-ocd__backdrop {
left: 0;
}
.mm-spn,
.mm-spn a,
.mm-spn li,
.mm-spn span,
.mm-spn ul {
display: block;
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mm-spn {
width: 100%;
height: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
overflow: hidden;
clip-path: inset(0 0 0 0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.mm-spn ul {
-webkit-overflow-scrolling: touch;
position: fixed;
top: 0;
left: 100%;
bottom: 0;
z-index: 2;
width: 130%;
padding-right: 30%;
line-height: 24px;
overflow: visible;
overflow-y: auto;
background: inherit;
-webkit-transition: left 0.3s ease 0s;
transition: left 0.3s ease 0s;
cursor: default;
}
.mm-spn ul:after {
content: "";
display: block;
height: 50px;
}
.mm-spn > ul {
left: 0;
}
.mm-spn ul.mm-spn--open {
left: 0;
}
.mm-spn ul.mm-spn--parent {
left: -30%;
overflow-y: hidden;
}
.mm-spn li {
position: relative;
background: inherit;
cursor: pointer;
}
.mm-spn li:before {
content: "";
display: block;
position: absolute;
top: 25px;
right: 25px;
z-index: 0;
width: 10px;
height: 10px;
border-top: 2px solid;
border-right: 2px solid;
-webkit-transform: rotate(45deg) translate(0, -50%);
transform: rotate(45deg) translate(0, -50%);
opacity: 0.4;
}
.mm-spn li:after {
content: "";
display: block;
margin-left: 20px;
border-top: 1px solid;
opacity: 0.15;
}
.mm-spn a,
.mm-spn span {
position: relative;
z-index: 1;
padding: 13px 20px;
}
.mm-spn a {
background: inherit;
color: inherit;
text-decoration: none;
}
.mm-spn a:not(:last-child) {
width: calc(100% - 50px);
}
.mm-spn a:not(:last-child):after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
border-right: 1px solid;
opacity: 0.15;
}
.mm-spn span {
background: 0 0;
}
.mm-spn.mm-spn--navbar {
cursor: pointer;
}
.mm-spn.mm-spn--navbar:before {
content: "";
display: block;
position: absolute;
top: 25px;
left: 20px;
width: 10px;
height: 10px;
margin-top: 2px;
border-top: 2px solid;
border-left: 2px solid;
-webkit-transform: rotate(-45deg) translate(50%, -50%);
transform: rotate(-45deg) translate(50%, -50%);
opacity: 0.4;
}
.mm-spn.mm-spn--navbar.mm-spn--main {
cursor: default;
}
.mm-spn.mm-spn--navbar.mm-spn--main:before {
content: none;
display: none;
}
.mm-spn.mm-spn--navbar:after {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50px;
padding: 0 40px;
line-height: 50px;
opacity: 0.4;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.mm-spn.mm-spn--navbar.mm-spn--main:after {
padding-left: 20px;
}
.mm-spn.mm-spn--navbar ul {
top: 51px;
}
.mm-spn.mm-spn--navbar ul:before {
content: "";
display: block;
position: fixed;
top: inherit;
z-index: 2;
width: 100%;
border-top: 1px solid currentColor;
opacity: 0.15;
}
.mm-spn.mm-spn--light {
color: #fff;
background: #3E8639;
}
.mm-spn.mm-spn--dark {
color: #ddd;
background: #333;
}
.mm-spn.mm-spn--vertical {
overflow-y: auto;
}
.mm-spn.mm-spn--vertical ul {
width: 100%;
padding-right: 0;
position: static;
}
.mm-spn.mm-spn--vertical ul ul {
display: none;
padding-left: 20px;
}
.mm-spn.mm-spn--vertical ul ul:after {
height: 25px;
}
.mm-spn.mm-spn--vertical ul.mm-spn--open {
display: block;
}
.mm-spn.mm-spn--vertical li.mm-spn--open:before {
-webkit-transform: rotate(135deg) translate(-50%, 0);
transform: rotate(135deg) translate(-50%, 0);
}
.mm-spn.mm-spn--vertical ul ul li:last-child:after {
content: none;
display: none;
} @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff ;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 16px;
position: absolute;
left: 0;
bottom: 20px;
right: 0;
width: 100%;
z-index: 100;
}
.swiper-pagination .swiper-pagination-bullet {
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
background: #fff;
opacity: 0.5;
cursor: pointer;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.wpcf7 form .wpcf7-response-output {
padding: 16px;
border-radius: 6px;
font-size: 16px;
color: #fff;
width: 100%;
max-width: 800px;
margin: 16px auto 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
background: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
background: #e02424; }
.wpcf7 form.spam .wpcf7-response-output {
background: #e02424; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
background: #e02424; }
.wpcf7-form-control-wrap {
position: relative;
display: block;
}
.wpcf7-not-valid-tip {
font-size: 13px;
padding-top: 8px;
color: #e02424;
font-weight: bold;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #e02424;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
}
.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
.wpcf7 form.submitting .ajax-loader {
visibility: visible;
}
.wpcf7 .ajax-loader::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
-webkit-transform-origin: 8px 8px;
transform-origin: 8px 8px;
-webkit-animation-name: spin;
animation-name: spin;
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7 .ajax-loader::before {
-webkit-animation-name: blink;
animation-name: blink;
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms;
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type=file] {
cursor: pointer;
}
.wpcf7 input[type=file]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type=url],
.wpcf7 input[type=email],
.wpcf7 input[type=tel] {
direction: ltr;
}