@charset "UTF-8";

*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
} html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover,
*:focus {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
i,
em,
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
ul, li, h1, h2, h3 {
margin: 0;
padding: 0;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: none; cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0; padding: 0; }
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} .clearfix {
*zoom: 1;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} @font-face {
font-family: "Roboto Slab";
font-style: normal;
font-weight: 400;
src: url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/roboto-slab-v16-latin-ext_latin-regular.eot); src: local(""), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/roboto-slab-v16-latin-ext_latin-regular.eot?#iefix) format("embedded-opentype"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/roboto-slab-v16-latin-ext_latin-regular.woff2) format("woff2"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/roboto-slab-v16-latin-ext_latin-regular.woff) format("woff"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/roboto-slab-v16-latin-ext_latin-regular.ttf) format("truetype"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/roboto-slab-v16-latin-ext_latin-regular.svg#RobotoSlab) format("svg"); font-display: swap;
}
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-regular.eot); src: local(""), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-regular.eot?#iefix) format("embedded-opentype"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-regular.woff2) format("woff2"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-regular.woff) format("woff"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-regular.ttf) format("truetype"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-regular.svg#DMSans) format("svg"); }
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-700.eot); src: local(""), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-700.eot?#iefix) format("embedded-opentype"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-700.woff2) format("woff2"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-700.woff) format("woff"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-700.ttf) format("truetype"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/dm-sans-v6-latin-ext_latin-700.svg#DMSans) format("svg"); }
@font-face {
font-family: "drpopov";
src: url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/drpopov.eot?51706371);
src: url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/drpopov.eot?51706371#iefix) format("embedded-opentype"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/drpopov.woff2?51706371) format("woff2"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/drpopov.woff?51706371) format("woff"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/drpopov.ttf?51706371) format("truetype"), url(//www.drpopov.cz/wp-content/themes/drpopov/fonts/drpopov.svg?51706371#drpopov) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}   [class^=icon-]:before, [class*=" icon-"]:before {
font-family: "drpopov";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: 0.2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-heart-empty:before {
content: "\e800";
} .icon-arrow-line:before {
content: "\e801";
} .icon-cart:before {
content: "\e802";
} .icon-search-1:before {
content: "\e803";
} .icon-add-to-cart:before {
content: "\e804";
} .icon-facebook:before {
content: "\e806";
} .icon-home:before {
content: "\e807";
} .icon-instagram:before {
content: "\e808";
} .icon-search:before {
content: "\e809";
} .icon-cart-1:before {
content: "\e80a";
} .icon-globe:before {
content: "\e80b";
} .icon-envelope:before {
content: "\e80c";
} .icon-phone:before {
content: "\e80d";
} .icon-user:before {
content: "\e80f";
} .icon-arrow:before {
content: "\e812";
} .icon-info-circled-alt:before {
content: "\f086";
}  html {
font-size: 62.5%;
font-family: "DM Sans", sans-serif;
}
@media screen and (max-width: 1500px) {
html {
font-size: 58%;
}
}
@media screen and (max-width: 1240px) {
html {
font-size: 55%;
}
}
main:not(.site-main) {
padding-top: 17.7rem;
}
@media screen and (max-width: 980px) {
main:not(.site-main) {
padding-top: 18.5rem;
}
}
@media screen and (max-width: 880px) {
main:not(.site-main) {
padding-top: 14.7rem;
}
}
@media screen and (max-width: 520px) {
main:not(.site-main) {
padding-top: 15.7rem;
}
}
.container {
width: 100%;
max-width: 137.5rem;
margin: 0 auto;
padding: 0 2.5rem;
}
@media screen and (max-width: 1000px) {
.container {
padding: 0 1.5rem;
}
}
.container--narrow {
max-width: 115rem;
}
.container--middle {
max-width: 160rem;
}
.container--wider {
max-width: 177.5rem;
}
section, .section {
position: relative;
padding: 5rem 0;
}
@media screen and (max-width: 1000px) {
section, .section {
padding: 3rem 0;
}
}
.section__header {
text-align: center;
max-width: 110rem;
margin: 0 auto;
}
.section__header h1, .section__header h2, .section__header h3, .section__header h4 {
margin-top: 0;
}
.section__footer {
text-align: center;
}
.section--page-header {
padding-top: 8.5rem;
}
@media screen and (max-width: 1500px) {
.section--page-header {
padding-top: 5rem;
}
}
.section--page-header .inner {
max-width: 88rem;
margin: 0 auto;
text-align: center;
}
.section--page-header .inner.inner--smaller {
max-width: 65rem;
}
.section--page-header .inner.inner--smallest {
max-width: 45rem;
}
.section--page-header h1 {
margin: 0;
}
.section--page-header-with-content p {
margin-top: 0;
text-align: left;
}
.section--page-header-with-content p:last-of-type {
margin-bottom: 0;
}
.section--page-header-default {
padding-bottom: 0;
}
.inner__content {
max-width: 66rem;
margin: 0 auto;
}
.section--content {
padding: 0;
}
.section--search-page-header h1 {
font-size: 4rem;
text-align: center;
}
.section--search-page-header h1 strong {
color: #EE4864;
}
.anchor {
position: absolute;
top: -20rem;
}
.square:after {
content: "";
display: block;
padding-bottom: 100%;
}
.text-center {
text-align: center;
}
p, ul, ol {
font-size: 1.6rem;
line-height: 1.625;
color: #1B4026;
margin: 2.4rem 0;
}
a {
position: relative;
color: #00843D;
text-decoration: underline;
-webkit-transition: 0.3s;
transition: 0.3s;
}
a:hover {
text-decoration: none;
color: #EE4864;
}
ul {
margin-left: 1.7rem;
}
ul li:marker {
color: #1B4026;
}
ol {
list-style-type: none !important;
counter-reset: my-awesome-counter;
padding: 0;
}
ol li {
position: relative;
counter-increment: my-awesome-counter;
}
ol li::before {
content: counter(my-awesome-counter) ". ";
font-weight: bold;
left: 0;
}
ol[style="list-style-type: lower-alpha;"] li:before {
content: counter(my-awesome-counter, lower-alpha) ". ";
}
ol[style="list-style-type: upper-alpha;"] li:before {
content: counter(my-awesome-counter, upper-alpha) ". ";
}
ol[style="list-style-type: lower-greek;"] li:before {
content: counter(my-awesome-counter, lower-greek) ". ";
}
ol[style="list-style-type: lower-roman;"] li:before {
content: counter(my-awesome-counter, lower-roman) ". ";
}
ol[style="list-style-type: upper-roman;"] li:before {
content: counter(my-awesome-counter, upper-roman) ". ";
}
h1, p.h1 {
font-size: 5.3rem;
color: #1B4026;
line-height: 1.3;
margin: 2.4rem 0;
font-weight: 400;
font-family: "Roboto Slab", sans-serif;
}
@media screen and (max-width: 1000px) {
h1, p.h1 {
font-size: 4.9rem;
}
}
@media screen and (max-width: 600px) {
h1, p.h1 {
font-size: 3.5rem;
text-align: center;
}
}
h2, p.h2, .h2 {
font-size: 4rem;
color: #1B4026;
line-height: 1.325;
margin: 8rem 0 2.4rem 0;
font-weight: 400;
font-family: "Roboto Slab", sans-serif;
}
@media screen and (max-width: 1000px) {
h2, p.h2, .h2 {
font-size: 3.5rem;
}
}
@media screen and (max-width: 600px) {
h2, p.h2, .h2 {
font-size: 2.5rem;
text-align: center;
}
}
.no-posts-text {
font-size: 4rem;
text-align: center;
}
h3, p.h3 {
font-size: 2.4rem;
color: #1B4026;
line-height: 1.3333;
margin: 3.2rem 0 2.4rem 0;
font-weight: 400;
font-family: "Roboto Slab", sans-serif;
}
@media screen and (max-width: 1000px) {
h3, p.h3 {
font-size: 2.7rem;
}
}
@media screen and (max-width: 600px) {
h3, p.h3 {
font-size: 2.2rem;
text-align: center;
}
}
h4, p.h4 {
font-size: 1.8rem;
color: #1B4026;
line-height: 1.3333;
margin: 2.4rem 0;
font-weight: 400;
font-family: "Roboto Slab", sans-serif;
}
@media screen and (max-width: 600px) {
h4, p.h4 {
text-align: center;
}
}
h4.no-margin-top {
margin-top: 0;
}
h1.title-with-line, h2.title-with-line, h3.title-with-line, h4.title-with-line {
position: relative;
}
h1.title-with-line:before, h2.title-with-line:before, h3.title-with-line:before, h4.title-with-line:before {
position: absolute;
content: "";
z-index: 2;
left: 0;
top: 49%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1.3rem;
height: 1.3rem;
background-image: url(//www.drpopov.cz/wp-content/themes/drpopov/images/title-leap.svg);
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 500px) {
h1.title-with-line:before, h2.title-with-line:before, h3.title-with-line:before, h4.title-with-line:before {
display: none;
}
}
h1.title-with-line:after, h2.title-with-line:after, h3.title-with-line:after, h4.title-with-line:after {
position: absolute;
content: "";
z-index: 2;
right: 0;
top: 49%;
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
width: 1.3rem;
height: 1.3rem;
background-image: url(//www.drpopov.cz/wp-content/themes/drpopov/images/title-leap.svg);
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 500px) {
h1.title-with-line:after, h2.title-with-line:after, h3.title-with-line:after, h4.title-with-line:after {
display: none;
}
}
h1.title-with-line hr, h2.title-with-line hr, h3.title-with-line hr, h4.title-with-line hr {
position: absolute;
width: calc(100% - 1.2rem);
left: 0.6rem;
top: 49%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: none;
height: 1px;
background: #F2CFA6;
margin: 0;
}
@media screen and (max-width: 500px) {
h1.title-with-line hr, h2.title-with-line hr, h3.title-with-line hr, h4.title-with-line hr {
display: none;
}
}
h1.title-with-line span, h2.title-with-line span, h3.title-with-line span, h4.title-with-line span {
position: relative;
z-index: 2;
text-align: center;
padding: 0 8.3rem;
background: white;
}
@media screen and (max-width: 1000px) {
h1.title-with-line span, h2.title-with-line span, h3.title-with-line span, h4.title-with-line span {
padding: 0 4.3rem;
}
}
@media screen and (max-width: 600px) {
h1.title-with-line span, h2.title-with-line span, h3.title-with-line span, h4.title-with-line span {
padding: 0 2.5rem;
}
}
@media screen and (max-width: 500px) {
h1.title-with-line span, h2.title-with-line span, h3.title-with-line span, h4.title-with-line span {
padding: 0;
display: block;
text-align: center;
}
}
.divider {
position: relative;
width: 100%;
margin: 1.8rem 0;
height: 1px;
}
.divider:before {
position: absolute;
content: "";
z-index: 2;
left: 0;
top: 49%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1.3rem;
height: 1.3rem;
background-image: url(//www.drpopov.cz/wp-content/themes/drpopov/images/title-leap.svg);
background-size: contain;
background-repeat: no-repeat;
}
.divider:after {
position: absolute;
content: "";
z-index: 2;
right: 0;
top: 49%;
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
width: 1.3rem;
height: 1.3rem;
background-image: url(//www.drpopov.cz/wp-content/themes/drpopov/images/title-leap.svg);
background-size: contain;
background-repeat: no-repeat;
}
.divider hr {
position: absolute;
width: calc(100% - 1.2rem);
left: 0.6rem;
top: 49%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: none;
height: 1px;
background: #F2CFA6;
margin: 0;
}
img {
max-width: 100%;
height: auto;
}
svg {
max-width: 100%;
max-height: 100%;
}
#cookie-bar {
color: #1B4026;
background: #FFF0DE !important;
-webkit-box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.2) !important;
box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.2) !important;
border: none !important;
max-width: 30rem;
margin: 0 0 1rem 0 !important;
left: 2rem !important;
padding: 1rem !important;
}
#cookie-bar #cookie-bar-button {
background: #00843D;
color: white !important;
margin-right: 0 !important;
}
#cookie-bar #cookie-bar-button:hover {
background: #1B4026;
}
#cookie-bar p {
margin: 0 !important;
color: #1B4026 !important;
}
.wp-block-table {
margin: 2.4rem 0;
}
table {
border: 1px solid #00843D;
width: 100%;
}
table tr {
-webkit-transition: 0.3s;
transition: 0.3s;
}
table tr td {
font-size: 1.4rem;
line-height: 1.4;
padding: 1rem;
}
.default img.aligncenter {
margin: 0 auto;
display: block;
}
.default img.alignright {
float: right;
}
.default img.alignleft {
float: left;
}
figure {
margin: 2.4rem 0;
}
figure.wp-block-image {
margin: 2.4rem 0;
text-align: left;
}
figure.wp-block-image figcaption {
text-align: left;
}
.wp-block-image:before,
.wp-block-image:after {
content: " "; display: table; }
.wp-block-image:after {
clear: both;
} .wp-block-image {
*zoom: 1;
}
.wp-block-image figcaption {
font-size: 1.4rem;
text-align: center;
}
.click-body-placeholder {
position: fixed;
z-index: 80;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.click-body-placeholder.active {
pointer-events: initial;
}
.section--404 {
text-align: center;
}
.section--404 h1 {
margin-bottom: 3rem;
}
.wp-block-quote {
text-align: right;
margin: 2.4rem auto;
padding: 0;
max-width: 59rem; }
.wp-block-quote p {
text-align: center;
color: #1B4026;
font-size: 2.4rem;
font-family: "Roboto Slab", sans-serif;
margin: 0 auto 1.5rem auto;
}
.wp-block-quote cite {
font-size: 1.6rem;
color: #00843D;
font-style: normal;
display: block;
text-align: center;
}
.form-row {
margin-bottom: 2.5rem;
font-size: 0;
}
.form-row label {
font-size: 1.6rem;
line-height: 1;
margin-bottom: 0.8rem;
display: block;
color: #1B4026;
}
.form-row label span.color-red {
color: #EE4864;
}
.form-row .form-group {
margin-bottom: 0;
width: 50%;
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 500px) {
.form-row .form-group {
width: 100%;
}
}
.form-row .form-group.form-group--full {
width: 100%;
}
.form-row .form-group.form-group--left {
padding-right: 1.25rem;
}
@media screen and (max-width: 500px) {
.form-row .form-group.form-group--left {
padding-right: 0;
margin-bottom: 2.5rem;
}
}
.form-row .form-group.form-group--right {
padding-left: 1.25rem;
}
@media screen and (max-width: 500px) {
.form-row .form-group.form-group--right {
padding-left: 0;
}
}
.form-row.form-row--send {
margin-bottom: 0;
font-size: 0;
}
.form-row.form-row--send .left-col {
display: inline-block;
vertical-align: middle;
width: 24rem;
}
@media screen and (max-width: 525px) {
.form-row.form-row--send .left-col {
width: 100%;
}
}
.form-row.form-row--send .right-col {
position: relative;
display: inline-block;
vertical-align: middle;
width: calc(100% - 24rem);
text-align: right;
}
@media screen and (max-width: 525px) {
.form-row.form-row--send .right-col {
display: block;
text-align: center;
width: 25rem;
margin: 2rem auto 0 auto;
}
}
.form-row.form-row--send .right-col .wpcf7-spinner {
margin: 0;
position: absolute;
right: -3rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.form-row.form-row--send .right-col p {
margin: 0;
}
.form-control {
width: 100%;
border: 1px solid #1B4026;
line-height: 6.2rem;
height: 6.2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3.1rem;
font-size: 1.8rem;
display: inline-block;
vertical-align: middle;
padding: 0 3rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 900px) {
.form-control {
font-size: 16px;
}
}
@media screen and (max-width: 500px) {
.form-control {
height: 5rem;
line-height: 5rem;
}
}
.form-control.wpcf7-not-valid {
border-color: #EE4864;
}
textarea.form-control {
height: 13.5rem;
resize: none;
line-height: 1.3;
padding: 1rem 3rem;
}
.form-control--smaller {
line-height: 5rem;
height: 5rem;
}
.form-control.form-control--number {
max-width: 8.2rem;
padding: 0 3rem 0 2rem;
border-radius: 3rem;
}
@media screen and (max-width: 500px) {
.form-control.form-control--number {
padding: 0 1rem;
text-align: center;
}
}
.quantity {
position: relative;
max-width: 8.2rem;
}
.quantity .controls {
position: absolute;
right: 0;
top: 0;
height: 6.2rem;
line-height: 6.2rem;
overflow: hidden;
border-radius: 0rem 3rem 3rem 0rem;
width: 3rem;
}
@media screen and (max-width: 500px) {
.quantity .controls {
display: none;
}
}
.quantity .quantity-control {
position: absolute;
right: 0;
font-size: 12px;
color: #1B4026;
height: 3.2rem;
line-height: 3.2rem;
width: 100%;
padding-left: 0.7rem;
-webkit-transition: 0.3s;
transition: 0.3s;
font-weight: 700;
text-align: left;
}
.quantity .quantity-control:hover {
cursor: pointer;
background: #00843D;
color: white;
}
.quantity .quantity-control.quantity-control--up {
top: 0;
}
.quantity .quantity-control.quantity-control--down {
bottom: 0;
}
.custom-checkbox {
padding-left: 3.5rem;
text-align: left;
}
.custom-checkbox .wpcf7-list-item {
margin: 0;
}
.custom-checkbox .wpcf7-form-control-wrap {
display: inline-block;
max-width: 23rem;
}
.custom-checkbox label {
font-size: 1.5rem;
font-weight: 400;
display: inline-block;
margin-bottom: 0;
color: white; }
.custom-checkbox label .wpcf7-list-item-label {
position: relative;
display: block;
font-size: 1.5rem;
color: #1B4026;
}
.custom-checkbox label:hover {
cursor: pointer;
}
.custom-checkbox label .wpcf7-list-item-label:before {
position: absolute;
content: "";
left: -3.5rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2rem;
height: 2rem;
border: 1px solid #1B4026;
background: white;
border-radius: 1rem;
}
.custom-checkbox label .wpcf7-list-item-label:after {
position: absolute;
content: "";
left: -3.2rem;
top: 50%;
width: 1.4rem;
height: 1.4rem;
background: #1B4026;
border-radius: 1rem;
-webkit-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
-webkit-transform-origin: center;
transform-origin: center;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.custom-checkbox input[type=checkbox] {
display: none;
}
.custom-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label::after {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.wpcf7 form .wpcf7-response-output {
font-size: 1.6rem;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #EE4864 !important;
background: #EE4864;
color: white;
}
.wpcf7 .wpcf7-form-control-wrap {
display: block;
}
.wpcf7-not-valid-tip {
font-size: 12px !important;
margin-left: 4rem;
position: absolute;
left: 1.7rem;
bottom: -14px;
margin-left: 0;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #00843D !important;
background: #00843D;
color: white;
}
.cwgstock_output {
font-size: 1.6rem;
}
.btn,
.wp-block-button__link,
#subscribe-from-modal .cwgstock_button,
.balikovna-cz-body-right footer .popup-balikovna-cz-submit,
.napostu-cz-body-right footer .popup-napostu-cz-submit,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
position: relative;
display: inline-block;
vertical-align: middle;
background: #00843D;
color: #ffffff;
border-radius: 3.1rem;
-webkit-transition: 0.3s;
transition: 0.3s;
text-transform: uppercase;
font-size: 1.6rem;
-webkit-box-sizing: content-box;
box-sizing: content-box;
line-height: 6.2rem;
height: 6.2rem;
border: none;
padding: 0 2rem;
text-decoration: none;
letter-spacing: 2px;
padding: 0 3.5rem;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn:hover,
.wp-block-button__link:hover,
#subscribe-from-modal .cwgstock_button:hover,
.balikovna-cz-body-right footer .popup-balikovna-cz-submit:hover,
.napostu-cz-body-right footer .popup-napostu-cz-submit:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background: #FFF0DE;
color: #1B4026;
}
@media screen and (max-width: 800px) {
.btn,
.wp-block-button__link,
#subscribe-from-modal .cwgstock_button,
.balikovna-cz-body-right footer .popup-balikovna-cz-submit,
.napostu-cz-body-right footer .popup-napostu-cz-submit,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
height: 5rem;
line-height: 5rem;
}
}
.btn:before,
.wp-block-button__link:before,
#subscribe-from-modal .cwgstock_button:before,
.balikovna-cz-body-right footer .popup-balikovna-cz-submit:before,
.napostu-cz-body-right footer .popup-napostu-cz-submit:before,
.woocommerce #respond input#submit:before, .woocommerce a.button:before, .woocommerce button.button:before, .woocommerce input.button:before {
display: none;
}
.btn--smaller {
line-height: 5rem;
height: 5rem;
padding: 0 2.5rem;
}
.btn--hover-brownlighter:hover {
background: #F2CFA6;
}
.btn--brown {
background: #FFF0DE;
color: #1B4026;
}
.btn--brown:hover {
background: #00843D;
color: white;
}
.section--page-content .btn,
.section--page-content .wp-block-button__link, .section--single-content .btn,
.section--single-content .wp-block-button__link {
margin-bottom: 7rem;
}
.btn:disabled {
opacity: 0.4;
pointer-events: none;
}
.btn--with-arrow {
padding: 0 8rem 0 3.5rem;
}
@media screen and (max-width: 800px) {
.btn--with-arrow {
padding: 0 6rem 0 2.5rem;
}
}
.btn--with-arrow:hover span.btn__arrow {
background: #00843D;
}
.btn--with-arrow.btn--brown:hover span.btn__arrow {
background-color: #FFF0DE;
}
.btn--with-arrow.btn--brown span.btn__arrow {
background-color: #F2CFA6;
}
.btn--with-arrow.btn--brown span.btn__arrow i {
color: #1B4026;
}
.btn--with-arrow span:not(.btn__arrow) {
position: relative;
z-index: 2;
}
.btn--with-arrow span.btn__arrow {
position: absolute;
right: 0.7rem;
top: 0.7rem;
width: 4.8rem;
height: 4.8rem;
text-align: center;
line-height: 4.8rem;
font-size: 1.3rem;
color: white;
background-color: #1B4026;
border-radius: 2.4rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 800px) {
.btn--with-arrow span.btn__arrow {
right: 0.4rem;
top: 0.5rem;
width: 3.9rem;
height: 3.9rem;
line-height: 3.9rem;
}
}
.btn--with-arrow span.btn__arrow i:before {
margin-left: 0;
}
.btn--with-icon {
padding: 0 8rem 0 3.5rem;
}
@media screen and (max-width: 800px) {
.btn--with-icon {
padding: 0 6rem 0 2.5rem;
}
}
.btn--with-icon:hover span.btn__icon {
background: #00843D;
}
.btn--with-icon span:not(.btn__arrow) {
position: relative;
z-index: 2;
}
.btn--with-icon span.btn__icon {
position: absolute;
right: 0.7rem;
top: 0.7rem;
width: 4.8rem;
height: 4.8rem;
text-align: center;
line-height: 4.8rem;
font-size: 2rem;
color: white;
background-color: #1B4026;
border-radius: 2.4rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 800px) {
.btn--with-icon span.btn__icon {
right: 0.4rem;
top: 0.5rem;
width: 3.9rem;
height: 3.9rem;
line-height: 3.9rem;
font-size: 1.9rem;
}
}
.btn--with-icon span.btn__icon i:before {
margin-right: 0;
}
.text-btn {
color: #00843D;
font-size: 1.6rem;
text-decoration: underline;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.text-btn:hover {
color: #1B4026;
}
.text-btn i {
font-size: 0.8rem;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
margin-left: 1rem;
display: inline-block;
}
.text-btn svg {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
margin-left: 1rem;
display: inline-block;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
background: #00843D;
color: white;
text-transform: uppercase;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 2.5rem;
line-height: 5rem;
height: 5rem;
padding: 0 2.5rem;
font-weight: 400;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background: #FFF0DE;
color: #1B4026;
}
header.header {
position: fixed;
z-index: 90;
top: 0;
left: 0;
width: 100%;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
header.header .container {
font-size: 0;
}
@media screen and (max-width: 400px) {
header.header .container {
padding: 0 0.5rem;
}
}
.shadow {
position: relative;
z-index: 2;
border-bottom: 1px solid #D6D9D7;
-webkit-box-shadow: 0px 3px 30px 0px rgba(24, 32, 61, 0.14);
box-shadow: 0px 3px 30px 0px rgba(24, 32, 61, 0.14);
padding: 2.4rem 0;
background: white;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
@media screen and (max-width: 880px) {
.shadow {
padding: 1rem 0;
}
}
.woocommerce-checkout header.header,
.woocommerce-cart header.header {
z-index: 1001;
}
.admin-bar header.header {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar header.header {
top: 46px;
}
}
header.header.scrolled .shadow,
header.header.active .shadow {
padding: 1.5rem 0;
}
@media screen and (max-width: 880px) {
header.header.scrolled .shadow,
header.header.active .shadow {
padding: 0.6rem 0;
}
}
.header__left-col {
display: inline-block;
vertical-align: middle;
width: 22.6rem;
}
@media screen and (max-width: 980px) {
.header__left-col {
width: 17.6rem;
}
}
@media screen and (max-width: 520px) {
.header__left-col {
display: none;
}
}
.header__logo {
display: block;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.header__logo h1 {
margin: 0;
line-height: 1;
font-size: 0;
}
.header__logo svg, .header__logo img {
width: 100%;
height: auto;
}
.header__logo.header__logo--mobile {
display: none;
}
@media screen and (max-width: 520px) {
.header__logo.header__logo--mobile {
display: inline-block;
vertical-align: middle;
width: 11rem;
}
}
.header__right-col {
display: inline-block;
vertical-align: middle;
width: calc(100% - 22.6rem);
text-align: right;
padding-left: 3.3rem;
}
@media screen and (max-width: 980px) {
.header__right-col {
width: calc(100% - 17.6rem);
padding-left: 1.8rem;
}
}
@media screen and (max-width: 520px) {
.header__right-col {
width: 100%;
padding: 0;
}
}
.header__first-row {
padding: 0 0 1.6rem 1.8rem;
}
@media screen and (max-width: 980px) {
.header__first-row {
padding: 0 0 1rem 1rem;
}
}
@media screen and (max-width: 750px) {
.header__first-row {
position: relative;
padding: 0 0 1rem 0;
}
}
@media screen and (max-width: 520px) {
.header__first-row .inner {
display: inline-block;
vertical-align: middle;
width: calc(100% - 11rem);
text-align: right;
}
}
.header-cart-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 0.7rem 0 1.45rem;
}
@media screen and (max-width: 1290px) {
.header-cart-icon {
margin: 0 0.4rem 0 1rem;
}
}
@media screen and (max-width: 850px) {
.header-cart-icon {
margin: 0 0.4rem;
}
}
.header-cart-icon i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
font-size: 2.4rem;
color: white;
}
@media screen and (max-width: 880px) {
.header-cart-icon i {
font-size: 1.9rem;
}
}
.header-cart-icon__link {
display: block;
width: 6.2rem;
height: 6.2rem;
border-radius: 3.1rem;
background-color: #00843D;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header-cart-icon__link:hover {
background: #F2CFA6;
}
@media screen and (max-width: 880px) {
.header-cart-icon__link {
width: 3.6rem;
height: 3.6rem;
}
}
.header-cart-icon__count {
position: absolute;
right: -0.2rem;
top: -0.2rem;
width: 2.5rem;
height: 2.5rem;
font-size: 12px;
color: white;
border-radius: 1.75rem;
text-align: center;
line-height: 2.5rem;
background: #2A5C39;
}
@media screen and (max-width: 880px) {
.header-cart-icon__count {
right: -0.3rem;
top: -0.7rem;
width: 2rem;
height: 2rem;
line-height: 2.2rem;
font-size: 10px;
}
}
.header-brown-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 3.6rem;
height: 3.6rem;
border-radius: 1.8rem;
background-color: #F2CFA6;
margin: 0 0.5rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header-brown-icon:hover {
cursor: pointer;
background: #00843D;
}
.header-brown-icon:hover i {
color: white;
}
@media screen and (max-width: 1290px) {
.header-brown-icon {
margin: 0 0.4rem;
}
}
.header-brown-icon i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
font-size: 1.7rem;
color: #1B4026;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header-currency-switcher {
text-decoration: none;
}
@media screen and (max-width: 550px) {
.header-currency-switcher {
display: none;
}
}
.header-currency-switcher:hover span {
color: white;
}
.header-currency-switcher span {
font-size: 13px;
height: 3.6rem;
line-height: 3.6rem;
display: block;
text-align: center;
font-weight: 600;
color: #1B4026;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header-brown-icon--menu-btn {
position: relative;
display: none;
margin-left: 0.8rem;
margin-right: 0;
}
@media screen and (max-width: 850px) {
.header-brown-icon--menu-btn {
display: inline-block;
margin-left: 0.4rem;
}
}
.header-brown-icon--menu-btn.active {
border-radius: 1.8rem 1.8rem 0 0;
}
.header-brown-icon--menu-btn.active:before {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.header-brown-icon--menu-btn:hover:before {
background: #00843D;
}
.header-brown-icon--menu-btn:hover span {
background: white;
}
.header-brown-icon--menu-btn:before {
position: absolute;
content: "";
right: 0;
bottom: -0.9rem;
height: 0.9rem;
width: 3.6rem;
background: #F2CFA6;
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform-origin: top;
transform-origin: top;
}
.header-brown-icon--menu-btn span {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 1px;
width: 14px;
background: #1B4026;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header-brown-icon--menu-btn span:nth-of-type(1) {
top: 11px;
}
.header-brown-icon--menu-btn span:nth-of-type(2) {
top: 15px;
}
.header-brown-icon--menu-btn span:nth-of-type(3) {
top: 19px;
}
@media screen and (max-width: 550px) {
.header-favourites-link {
display: none;
}
}
@media screen and (max-width: 550px) {
.header-my-account-link {
display: none;
}
}
.header-my-account-link i {
font-size: 1.5rem;
}
.header__second-row {
position: relative;
border-top: 1px solid #F2CFA6;
padding: 2.4rem 0 0 1.8rem;
}
@media screen and (max-width: 980px) {
.header__second-row {
padding: 1rem 0 0 1rem;
}
}
@media screen and (max-width: 1070px) {
.header__second-row {
white-space: nowrap;
}
.header__second-row .navigation.navigation--header {
width: 100%;
padding-bottom: 1rem;
}
.header__second-row .navigation.navigation--header:before {
position: absolute;
content: "";
right: 0;
top: 0;
width: 3rem;
height: 3rem;   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(88%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 88%, rgb(255, 255, 255) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 ); z-index: 10;
}
.header__second-row .navigation.navigation--header ul {
overflow: auto;
width: 100%;
padding-right: 4rem;
}
}
@media screen and (max-width: 520px) {
.header__second-row {
padding: 1rem 0 0 0;
}
}
.navigation {
display: inline-block;
vertical-align: middle;
}
ul.menu {
margin: 0;
font-size: 0;
}
li.menu__item {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0 2.4rem;
}
li.menu__item:last-of-type {
margin-right: 0;
}
li.menu__item:first-of-type {
margin-left: 0;
}
@media screen and (max-width: 1280px) {
li.menu__item {
margin: 0 1.5rem;
}
}
@media screen and (max-width: 1150px) {
li.menu__item {
margin: 0 1.2rem;
}
}
li.menu__item.menu__item--active > a {
text-decoration: underline;
}
li.menu__item:before {
display: none;
}
li.menu__item a {
position: relative;
display: block;
line-height: 1.444;
text-decoration: none;
font-size: 1.8rem;
color: #1B4026;
font-family: "Roboto Slab", sans-serif;
}
@media screen and (max-width: 1100px) {
li.menu__item a {
font-size: 1.7rem;
}
}
li.menu__item a:hover {
text-decoration: underline;
}
li.menu__item.menu__item--has-children:hover .menu__sub-menu {
display: none;
}
li.menu__item.menu__item--has-children > a {
padding-right: 0;
}
li.menu__item.menu__item--has-children > a:before {
position: absolute;
content: "";
right: -1.5rem;
top: 50%;
-webkit-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg);
width: 0.6rem;
height: 0.6rem;
border: 1px solid #1B4026;
border-left: 0;
border-bottom: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 1100px) {
li.menu__item.menu__item--has-children > a:before {
right: -1.1rem;
}
}
li.menu__item.menu__item--has-children .menu__sub-menu {
position: absolute;
z-index: 95;
left: 50%;
top: 100%;
-webkit-transform: translate(-50%, 2rem);
transform: translate(-50%, 2rem);
width: 30rem;
background: #D6D9D7;
padding: 2rem 1rem;
border-radius: 1rem;
text-align: left;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
pointer-events: none;
text-align: center;
margin: 0;
}
li.menu__item.menu__item--has-children .menu__sub-menu:before {
position: absolute;
content: "";
left: 50%;
top: 0;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
background: #D6D9D7;
width: 1rem;
height: 1rem;
}
li.menu__item.menu__item--has-children .menu__sub-menu:after {
position: absolute;
content: "";
left: 0;
right: 0;
top: -1rem;
height: 1rem;
}
li.menu__item.menu__item--has-children .menu__sub-menu li.menu__item {
margin: 0;
}
li.menu__item.menu__item--has-children .menu__sub-menu li.menu__item a {
padding: 0.5rem 0;
}
@media screen and (max-width: 200px) {
.navigation.navigation--header {
position: absolute;
width: 100%;
left: 0;
bottom: 1px;
background: #272727;
padding: 1rem 0;
text-align: center;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(100%) scaleY(0);
transform: translateY(100%) scaleY(0);
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
-webkit-transform-origin: top;
transform-origin: top;
}
.navigation.navigation--header.active {
-webkit-transform: translateY(100%) scaleY(1);
transform: translateY(100%) scaleY(1);
opacity: 1;
pointer-events: initial;
}
}
@media screen and (max-width: 200px) {
.navigation.navigation--header li.menu__item {
display: block;
margin: 0;
}
.navigation.navigation--header li.menu__item.menu__item--has-children > a {
padding-right: 0;
}
.navigation.navigation--header li.menu__item.menu__item--has-children > a:before {
display: none;
}
.navigation.navigation--header li.menu__item.menu__item--has-children .menu__sub-menu {
position: static;
-webkit-transform: none;
transform: none;
opacity: 1;
background: no-repeat;
width: 100%;
pointer-events: initial;
padding: 0;
margin: 0;
}
.navigation.navigation--header li.menu__item.menu__item--has-children .menu__sub-menu:before {
display: none;
}
.navigation.navigation--header li.menu__item.menu__item--has-children .menu__sub-menu li.menu__item a {
padding: 1rem 0;
font-weight: 400;
}
}
.navigation.navigation.navigation--header-pages {
margin: 0 0 0 1rem;
}
@media screen and (max-width: 850px) {
.navigation.navigation.navigation--header-pages {
position: absolute;
width: 18rem;
right: 0;
top: 4.5rem;
z-index: 20;
background: #F2CFA6;
padding: 1rem;
border-radius: 1rem 0 1rem 1rem;
-webkit-transition: 0.4s ease-out;
transition: 0.4s ease-out;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(1rem);
transform: translateY(1rem);
}
.navigation.navigation.navigation--header-pages.active {
opacity: 1;
pointer-events: initial;
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
}
}
@media screen and (max-width: 850px) and (max-width: 520px) {
.navigation.navigation.navigation--header-pages {
top: 5.5rem;
}
}
.navigation.navigation.navigation--header-pages li.menu__item {
margin: 0 1.05rem;
}
@media screen and (max-width: 1920px) {
.navigation.navigation.navigation--header-pages li.menu__item {
margin: 0 1rem;
}
}
@media screen and (max-width: 880px) {
.navigation.navigation.navigation--header-pages li.menu__item {
margin: 0 0.5rem;
}
}
@media screen and (max-width: 850px) {
.navigation.navigation.navigation--header-pages li.menu__item {
display: block;
margin: 0.7rem 0;
}
}
.navigation.navigation.navigation--header-pages li.menu__item a {
font-family: "DM Sans", sans-serif;
font-size: 1.6rem;
line-height: 1.625;
}
.navigation.navigation.navigation--header-pages li.menu__item.menu__item--show-on-mobile {
display: none;
}
@media screen and (max-width: 550px) {
.navigation.navigation.navigation--header-pages li.menu__item.menu__item--show-on-mobile {
display: block;
}
}
.header__menu-btn {
display: none;
position: relative;
vertical-align: middle;
width: 4rem;
height: 4rem;
}
.header__menu-btn:hover span {
background: #EE4864;
}
@media screen and (max-width: 200px) {
.header__menu-btn {
display: inline-block;
}
}
.header__menu-btn span {
position: absolute;
left: 0;
width: 100%;
height: 3px;
background: #1B4026;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header__menu-btn span:nth-of-type(1) {
top: 5px;
}
.header__menu-btn span:nth-of-type(2) {
top: 14px;
}
.header__menu-btn span:nth-of-type(3) {
top: 23px;
}
header.header .submenu-wrapper {
position: absolute;
width: 100%;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
display: none;
}
header.header .submenu-wrapper .inner {
background: white;
margin-bottom: 2.4rem;
border-bottom: 1px solid #D6D9D7;
-webkit-box-shadow: 0px 3px 30px 0px rgba(24, 32, 61, 0.14);
box-shadow: 0px 3px 30px 0px rgba(24, 32, 61, 0.14);
}
header.header .submenu-wrapper .container {
position: relative;
padding: 4rem 0 6rem 0;
}
@media screen and (max-width: 400px) {
header.header .submenu-wrapper .container {
padding: 3rem 0 4rem 0;
}
}
.submenu-wrapper-close-btn {
position: absolute;
left: 50%;
bottom: 2.4rem;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
width: 4.8rem;
height: 4.8rem;
line-height: 4.8rem;
text-align: center;
font-size: 1rem;
color: white;
border-radius: 2.4rem;
background: #00843D;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.submenu-wrapper-close-btn:hover {
background: #FFF0DE;
color: #00843D;
}
.submenu-wrapper-close-btn i {
display: block;
-webkit-transform: translate(1px, 2px);
transform: translate(1px, 2px);
}
.submenu-wrapper-close-btn i:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.submenu-items .submenu-item {
font-size: 0;
text-align: center;
margin: 0 -0.8rem;
display: none;
}
@media screen and (max-width: 400px) {
.submenu-items .submenu-item {
margin: 0;
padding: 0 1rem;
}
}
.submenu-items .submenu-item p.h2 {
margin-top: 0;
}
.submenu-items .submenu-item--4-per-row {
margin: -0.8rem;
}
@media screen and (max-width: 500px) {
.submenu-items .submenu-item--4-per-row {
margin: 0;
padding: 0 1rem;
}
}
.submenu-items .submenu-item--4-per-row .submenu-item__link {
width: calc(25% - 1.6rem);
margin: 0.8rem;
font-size: 0;
padding: 1rem;
}
@media screen and (max-width: 900px) {
.submenu-items .submenu-item--4-per-row .submenu-item__link {
width: calc(50% - 1.6rem);
}
}
@media screen and (max-width: 500px) {
.submenu-items .submenu-item--4-per-row .submenu-item__link {
width: 100%;
margin: 0.5rem 0;
}
}
.submenu-items .submenu-item--4-per-row .submenu-item__link .submenu-item__link-thumb {
display: inline-block;
vertical-align: middle;
max-width: 8.5rem;
margin: 0;
}
@media screen and (max-width: 500px) {
.submenu-items .submenu-item--4-per-row .submenu-item__link .submenu-item__link-thumb {
max-width: 4.5rem;
}
}
.submenu-items .submenu-item--4-per-row .submenu-item__link p {
width: calc(100% - 8.5rem);
padding: 0 3rem 0 0.7rem;
text-align: left;
}
@media screen and (max-width: 500px) {
.submenu-items .submenu-item--4-per-row .submenu-item__link p {
width: calc(100% - 4.5rem);
}
}
.submenu-item__link {
display: inline-block;
width: calc(33.333% - 1.6rem);
vertical-align: top;
margin: 0 0.8rem;
border: 1px solid #E5E5E5;
border-radius: 0.8rem;
padding: 2rem;
-webkit-transition: 0.3s;
transition: 0.3s;
color: #1B4026;
}
.submenu-item__link:hover {
border-color: #1B4026;
}
@media screen and (max-width: 900px) {
.submenu-item__link {
width: calc(50% - 1.6rem);
}
}
@media screen and (max-width: 400px) {
.submenu-item__link {
width: 100%;
margin: 0.5rem 0;
}
}
.submenu-item__link p {
margin: 0;
font-family: "Roboto Slab", sans-serif;
font-size: 1.8rem;
position: relative;
display: inline-block;
vertical-align: middle;
line-height: 1.2;
padding-right: 3.5rem;
}
@media screen and (max-width: 400px) {
.submenu-item__link p {
display: inline-block;
vertical-align: middle;
width: calc(100% - 4.5rem);
padding-left: 1rem;
margin: 0;
text-align: left;
}
}
.submenu-item__link p span {
display: inline-block;
vertical-align: middle;
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
text-align: center;
line-height: 3rem;
font-size: 1rem;
color: #1B4026;
background: #FFF0DE;
margin-left: 1.6rem;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.submenu-item__link p span i {
display: block;
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
.submenu-item__link-thumb {
display: block;
position: relative;
width: 100%;
max-width: 13rem;
margin: 0 auto 2rem auto;
}
@media screen and (max-width: 400px) {
.submenu-item__link-thumb {
display: inline-block;
vertical-align: middle;
max-width: 4.5rem;
margin: 0;
}
}
.submenu-item__link-thumb:before {
content: "";
display: block;
padding-bottom: 100%;
}
.submenu-item__link-thumb img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.header-search {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
}
.header-search__icon {
display: block;
font-size: 1.6rem;
color: #1B4026;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header-search__icon:hover {
cursor: pointer;
color: #EE4864;
}
.searchform {
position: relative;
max-width: 100%;
margin: 0 auto 4rem auto;
font-size: 0;
text-align: center;
}
.searchform .form-control {
height: 5rem;
line-height: 5rem;
}
.searchform .btn {
position: absolute;
top: 50%;
right: 0.4rem;
width: 4.2rem;
height: 4.2rem;
line-height: 4.2rem;
font-size: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0;
}
@media screen and (max-width: 850px) {
.searchform .btn {
width: 3.6rem;
height: 3.6rem;
}
}
.searchform .btn i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translate(-47%, -50%);
transform: translate(-47%, -50%);
font-size: 1.4rem;
}
.header-search.header-search--active .searchform--header.searchform--header {
opacity: 1;
pointer-events: auto;
-webkit-transform: translate(-50%, 1rem);
transform: translate(-50%, 1rem);
}
.searchform--header.searchform--header {
position: relative;
width: 30rem;
margin: 0;
}
@media screen and (max-width: 1200px) {
.searchform--header.searchform--header {
width: 25rem;
}
}
@media screen and (max-width: 1130px) {
.searchform--header.searchform--header {
width: 5.2rem;
height: 5rem;
}
}
@media screen and (max-width: 850px) {
.searchform--header.searchform--header {
width: 4.6rem;
height: 4.2rem;
}
}
.searchform--header.searchform--header.opened {
z-index: 100;
}
.searchform--header.searchform--header.opened input.form-control {
opacity: 1;
pointer-events: initial;
-webkit-transform: scale(1);
transform: scale(1);
}
.searchform--header.searchform--header input.form-control {
width: 100%;
height: 5rem;
line-height: 5rem;
font-size: 1.6rem;
}
@media screen and (max-width: 1130px) {
.searchform--header.searchform--header input.form-control {
position: absolute;
right: 0;
top: 0;
width: 30rem;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: right center;
transform-origin: right center;
opacity: 0;
pointer-events: none;
}
}
@media screen and (max-width: 850px) {
.searchform--header.searchform--header input.form-control {
height: 4.1rem;
line-height: 4.1rem;
width: 22rem;
padding: 0 5rem 0 1rem;
}
}
.searchform--header.searchform--header .btn {
position: absolute;
top: 50%;
right: 0.4rem;
width: 4.2rem;
height: 4.2rem;
line-height: 4.2rem;
font-size: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0;
}
@media screen and (max-width: 850px) {
.searchform--header.searchform--header .btn {
width: 3.6rem;
height: 3.6rem;
}
}
.searchform--header.searchform--header .btn i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translate(-47%, -50%);
transform: translate(-47%, -50%);
font-size: 1.4rem;
}
.searchform.searchform--has-ajax-results {
z-index: 100;
}
.searchform.searchform--has-ajax-results .form-control {
border-radius: 2.2rem 2.2rem 0 0;
border-bottom: 0;
}
.searchform.searchform--has-ajax-results .searchform__ajax-results {
opacity: 1;
-webkit-transform: translateY(100%) scaleY(1);
transform: translateY(100%) scaleY(1);
pointer-events: auto;
}
.searchform__ajax-results {
position: absolute;
width: 100%;
border-radius: 0 0 2.2rem 2.2rem;
border: 1px solid #1B4026;
border-top: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
bottom: 0;
-webkit-transform: translateY(100%) scaleY(0);
transform: translateY(100%) scaleY(0);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 0;
pointer-events: none;
background: white;
text-align: left;
max-height: 50rem;
overflow: hidden;
}
@media screen and (max-height: 600px) {
.searchform__ajax-results {
max-height: 74vh;
}
}
.searchform__ajax-results p {
margin: 0;
font-size: 14px;
}
.searchform__ajax-results .inner {
overflow: auto;
width: 100%;
height: 100%;
max-height: 50rem;
padding: 1rem 2rem;
}
@media screen and (max-width: 850px) {
.searchform--header .searchform__ajax-results {
width: 22rem;
right: 0;
}
}
.ajax-result-item {
display: block;
font-size: 0;
margin-bottom: 1rem;
}
.ajax-result-item:last-of-type {
margin-bottom: 0;
}
.ajax-result-item:hover p {
color: #00843D;
}
.ajax-result-item__thumb {
width: 4rem;
display: inline-block;
vertical-align: middle;
}
.ajax-result-item__title {
width: calc(100% - 4rem);
display: inline-block;
vertical-align: middle;
padding-left: 1.5rem;
text-align: left;
}
.ajax-result-item__title p {
margin: 0;
line-height: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.searchform--with-ajax.searchform--ajax-running .btn i {
opacity: 0;
}
.searchform--with-ajax.searchform--ajax-running .btn .loader-05 {
opacity: 1;
}
.searchform--with-ajax .form-control {
padding-left: 2rem;
}
.searchform--with-ajax .btn .loader-05 {
border-top-color: white;
}
.searchform--with-ajax .btn .loader-05:before {
border-color: white;
}
.searchform--with-ajax .btn i {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.searchform.searchform--products .searchform__ajax-results {
max-height: 30rem;
}
.searchform.searchform--products.searchform--has-ajax-result {
z-index: 30;
} [class*=loader-] {
display: block;
width: 3rem;
height: 3rem;
color: inherit;
pointer-events: none;
top: 50%;
left: 50%;
}
.loader-05 {
border: 0.2rem solid transparent;
border-top-color: #00843D;
border-radius: 50%;
-webkit-animation: 1s loader-05 linear infinite;
animation: 1s loader-05 linear infinite;
position: absolute;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
}
.loader-05:before {
content: "";
display: block;
width: inherit;
height: inherit;
position: absolute;
top: -0.2rem;
left: -0.2rem;
border: 0.2rem solid #00843D;
border-radius: 50%;
opacity: 0.5;
}
@-webkit-keyframes loader-05 {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes loader-05 {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
.section--404 .searchform {
max-width: 60rem;
}
.header-language-switcher {
position: relative;
}
@media screen and (max-width: 550px) {
.header-language-switcher {
display: none;
}
}
.header-language-switcher:hover, .header-language-switcher.active {
border-radius: 1.8rem 1.8rem 0 0;
}
.header-language-switcher:hover .wpml-ls-legacy-list-horizontal, .header-language-switcher.active .wpml-ls-legacy-list-horizontal {
opacity: 1;
pointer-events: initial;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.header-language-switcher .wpml-ls-legacy-list-horizontal {
position: absolute;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
left: 0;
bottom: 0;
z-index: 20;
background: #F2CFA6;
padding: 1rem;
border-radius: 0 1rem 1rem 1rem;
-webkit-transition: 0.4s ease-out;
transition: 0.4s ease-out;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(101%);
transform: translateY(101%);
white-space: nowrap;
clear: initial;
border: none;
}
.header-language-switcher .wpml-ls-legacy-list-horizontal li.wpml-ls-item {
display: block;
}
.header-language-switcher .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
display: inline-block;
}
.header-language-switcher .wpml-ls-legacy-list-horizontal .wpml-ls-flag + span {
display: inline-block;
padding-left: 1rem;
margin-left: 0;
}
.header-language-switcher .wpml-ls-legacy-list-horizontal a {
font-family: "DM Sans", sans-serif;
font-size: 1.6rem;
line-height: 1.625;
white-space: nowrap;
color: #1B4026;
padding: 0;
display: block;
}
.header-language-switcher .wpml-ls-legacy-list-horizontal a:hover {
color: #00843D;
}
.menu__item.mobile-language-switcher {
margin: 0;
}
.menu__item.mobile-language-switcher a {
padding-right: 0;
}
.menu__item .wpml-ls-legacy-list-horizontal {
padding: 0;
}
.menu__item .wpml-ls-legacy-list-horizontal a {
padding: 0;
}
.section--top-slider {
padding: 0;
}
.slick-slider.slick-dotted {
margin-bottom: 9rem;
}
.slick-arrow {
position: absolute;
font-size: 0;
width: 4.8rem;
height: 4.8rem;
border-radius: 2.4rem;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 0;
background: #F2CFA6;
border: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 600px) {
.slick-arrow {
width: 3.5rem;
height: 3.5rem;
}
}
.slick-arrow:hover {
background: #00843D;
}
.slick-arrow:hover:before {
color: white;
}
.slick-arrow:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
left: 42%;
font-family: "drpopov";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: 0.2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  content: "\e812";
color: #00843D;
font-size: 1.3rem;
}
.slick-arrow.slick-prev {
left: -10rem;
}
@media screen and (max-width: 1600px) {
.slick-arrow.slick-prev {
left: -6rem;
}
}
@media screen and (max-width: 600px) {
.slick-arrow.slick-prev {
left: -4rem;
}
}
.slick-arrow.slick-prev:before {
left: 48%;
-webkit-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
}
.slick-arrow.slick-next {
right: -10rem;
}
@media screen and (max-width: 1600px) {
.slick-arrow.slick-next {
right: -6rem;
}
}
@media screen and (max-width: 600px) {
.slick-arrow.slick-next {
right: -4rem;
}
}
.slick-dots {
position: absolute;
bottom: -6rem;
left: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
margin: 0;
}
.slick-dots li {
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0 0.8rem;
font-size: 0;
}
.slick-dots li:before {
display: none;
}
.slick-dots li.slick-active button {
background: #1B4026;
border-color: #1B4026;
}
.slick-dots li button {
font-size: 0;
border: none;
width: 1rem;
height: 1rem;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 0.7rem;
border: 2px solid rgba(27, 64, 38, 0.3);
padding: 0;
background: transparent;
}
@media screen and (max-width: 1400px) {
.slick-slider.slick-slider--1400-break {
width: calc(100% - 14rem);
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 600px) {
.slick-slider.slick-slider--1400-break {
width: calc(100% - 8rem);
}
}
@media screen and (max-width: 450px) {
.slick-slider.slick-slider--1400-break {
width: 100%;
}
}
.top-slider-items .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.top-slider-items .slick-slide {
height: inherit !important;
}
.top-slider-items.slick-dotted {
margin-bottom: 2rem;
}
.top-slider-items .slick-dots {
bottom: 0;
}
.top-slider-items .slick-arrow {
position: absolute;
z-index: 10;
left: 2.4rem;
bottom: 2.4rem;
border: 1px solid white;
background: rgba(255, 255, 255, 0.1);
bottom: 2.4rem;
top: auto;
-webkit-transform: none;
transform: none;
}
.top-slider-items .slick-arrow.slick-next {
left: 9rem;
}
@media screen and (max-width: 1000px) {
.top-slider-items .slick-arrow.slick-next {
left: auto;
right: 1.8rem;
}
}
@media screen and (max-width: 1000px) {
.top-slider-items .slick-arrow {
top: 15%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-color: #00843D;
left: 1.8rem;
}
}
@media screen and (max-width: 450px) {
.top-slider-items .slick-arrow {
display: none !important;
}
}
.top-slider-items .slick-arrow:hover {
background: white;
}
.top-slider-items .slick-arrow:hover:before {
color: #00843D;
}
.top-slider-items .slick-arrow:before {
color: white;
}
@media screen and (max-width: 1000px) {
.top-slider-items .slick-arrow:before {
color: #00843D;
}
}
.top-slider-items:not(.slick-initialized) .top-slider-item:nth-of-type(n+2) {
display: none;
}
.top-slider-item {
position: relative;
}
.top-slider-item img {
position: relative;
z-index: 1;
width: 100%;
height: auto;
}
.top-slider-item .container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: 2;
}
.top-slider-item .container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
@media screen and (max-width: 2000px) {
.top-slider-item .container {
max-width: 124rem;
}
}
@media screen and (max-width: 1500px) {
.top-slider-item .container {
max-width: 102rem;
}
}
@media screen and (max-width: 1070px) {
.top-slider-item .container {
max-width: 77rem;
}
}
@media screen and (max-width: 1000px) {
.top-slider-item .container {
position: static;
-webkit-transform: none;
transform: none;
padding: 3rem 1.5rem;
text-align: center;
}
}
.top-slider-item .inner {
width: 99%;
max-width: 60rem;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 1500px) {
.top-slider-item .inner {
max-width: 51rem;
}
}
@media screen and (max-width: 1070px) {
.top-slider-item .inner {
max-width: 41rem;
}
}
@media screen and (max-width: 600px) {
.top-slider-item .inner {
text-align: center;
}
}
.top-slider-item .inner.align-center {
text-align: center;
}
.top-slider-item .inner.align-right {
text-align: right;
}
@media screen and (max-width: 1000px) {
.top-slider-item .inner.align-right {
text-align: center;
}
}
.top-slider-item h1, .top-slider-item p.h1 {
--h1-font-size: 6.4rem;
color: white;
font-size: var(--h1-font-size);
line-height: 1.25;
margin: 0;
}
@media screen and (max-width: 2040px) {
.top-slider-item h1, .top-slider-item p.h1 {
--h1-font-size: 5.5rem;
}
}
@media screen and (max-width: 1500px) {
.top-slider-item h1, .top-slider-item p.h1 {
--h1-font-size: 4.5rem;
}
}
@media screen and (max-width: 1070px) {
.top-slider-item h1, .top-slider-item p.h1 {
--h1-font-size: 3.6rem;
}
}
@media screen and (max-width: 1000px) {
.top-slider-item h1, .top-slider-item p.h1 {
color: #1B4026;
}
}
@media screen and (max-width: 500px) {
.top-slider-item h1, .top-slider-item p.h1 {
--h1-font-size: 3.1rem;
}
}
.top-slider-item h1.color-green, .top-slider-item p.h1.color-green {
color: #1B4026;
}
.top-slider-item h1.font-size-big, .top-slider-item p.h1.font-size-big {
--h1-font-size: 7.4rem;
}
@media screen and (max-width: 2040px) {
.top-slider-item h1.font-size-big, .top-slider-item p.h1.font-size-big {
--h1-font-size: 6.5rem;
}
}
@media screen and (max-width: 1500px) {
.top-slider-item h1.font-size-big, .top-slider-item p.h1.font-size-big {
--h1-font-size: 5.5rem;
}
}
@media screen and (max-width: 1070px) {
.top-slider-item h1.font-size-big, .top-slider-item p.h1.font-size-big {
--h1-font-size: 4.6rem;
}
}
@media screen and (max-width: 500px) {
.top-slider-item h1.font-size-big, .top-slider-item p.h1.font-size-big {
--h1-font-size: 4.1rem;
}
}
.top-slider-item h1.font-size-small, .top-slider-item p.h1.font-size-small {
--h1-font-size: 5.4rem;
}
@media screen and (max-width: 2040px) {
.top-slider-item h1.font-size-small, .top-slider-item p.h1.font-size-small {
--h1-font-size: 4.5rem;
}
}
@media screen and (max-width: 1500px) {
.top-slider-item h1.font-size-small, .top-slider-item p.h1.font-size-small {
--h1-font-size: 3.5rem;
}
}
@media screen and (max-width: 1070px) {
.top-slider-item h1.font-size-small, .top-slider-item p.h1.font-size-small {
--h1-font-size: 2.6rem;
}
}
@media screen and (max-width: 500px) {
.top-slider-item h1.font-size-small, .top-slider-item p.h1.font-size-small {
--h1-font-size: 2.1rem;
}
}
.top-slider-item .btn {
margin-top: 4.8rem;
}
@media screen and (max-width: 1500px) {
.top-slider-item .btn {
margin-top: 4rem;
}
}
@media screen and (max-width: 1070px) {
.top-slider-item .btn {
margin-top: 1.8rem;
}
}
.section--category-tiles {
padding: 4.5rem 0 3.5rem 0;
}
.categories-tiles-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.6rem;
}
@media screen and (max-width: 1250px) {
.categories-tiles-items {
gap: 0.8rem;
}
}
@media screen and (max-width: 970px) {
.categories-tiles-items {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 500px) {
.categories-tiles-items {
grid-template-columns: 1fr;
}
}
.category-tile-item {
position: relative;
border: 1px solid #E5E5E5;
border-radius: 0.8rem;
text-decoration: none;
padding: 0.8rem 7.6rem 0.8rem 0;
font-size: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 1100px) {
.category-tile-item {
padding: 0.8rem 5.6rem 0.8rem 0;
}
}
.category-tile-item:hover {
border-color: #00843D;
}
.category-tile-item:hover .category-tile-item__arrow {
background: #00843D;
}
.category-tile-item:hover .category-tile-item__arrow i {
color: white;
}
.category-tile-item .category-tile-item__thumb {
position: relative;
width: 8.5rem;
height: 8.5rem;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 1250px) {
.category-tile-item .category-tile-item__thumb {
width: 7rem;
height: 7rem;
}
}
.category-tile-item .category-tile-item__thumb img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.category-tile-item p {
display: inline-block;
vertical-align: middle;
width: calc(100% - 8.5rem);
padding-left: 1.2rem;
margin: 0;
font-family: "Roboto Slab", sans-serif;
font-size: 1.8rem;
line-height: 1.4444;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 1250px) {
.category-tile-item p {
padding-left: 0.8rem;
font-size: 1.6rem;
width: calc(100% - 7rem);
}
}
.category-tile-item .category-tile-item__arrow {
position: absolute;
right: 2.3rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 3rem;
height: 3rem;
line-height: 3.1rem;
border-radius: 1.5rem;
background: #F2CFA6;
text-align: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 1100px) {
.category-tile-item .category-tile-item__arrow {
right: 1.2rem;
}
}
.category-tile-item .category-tile-item__arrow i {
font-size: 1rem;
color: #00843D;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.category-tile-item .category-tile-item__arrow i:before {
margin-left: 0;
}
.category-tile-item.category-tile-item--no-image .category-tile-item__thumb {
width: 1px;
}
.category-tile-item.category-tile-item--no-image p {
width: calc(100% - 1px);
}
.hidden-categories-tiles {
display: none;
padding-top: 1.6rem;
}
.show-more-cats-wrap {
text-align: center;
margin-top: 4rem;
}
@media screen and (max-width: 1000px) {
.show-more-cats-wrap {
margin-top: 2.5rem;
}
}
.show-more-cats-wrap p {
margin: 0;
}
.section-header-tags p {
display: inline-block;
vertical-align: middle;
margin: 0 1.5rem;
}
.test {
margin: 0 -0.8rem;
width: calc(100% + 1.6rem);
}
.section--actual-offer {
padding-bottom: 9rem;
}
@media screen and (max-width: 1000px) {
.section--actual-offer {
padding-bottom: 5rem;
}
}
.actual-offer-slider {
margin: 6.3rem -0.8rem 0 -0.8rem;
}
@media screen and (max-width: 1400px) {
.actual-offer-slider {
margin-top: 5rem;
}
}
@media screen and (max-width: 1000px) {
.actual-offer-slider {
margin-top: 3.5rem;
}
}
@media screen and (max-width: 450px) {
.actual-offer-slider.slick-dotted.slick-slider {
margin-bottom: 2rem;
}
}
.actual-offer-slider .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.actual-offer-slider .slick-dots {
bottom: -2rem;
}
.actual-offer-slider .slick-slide {
position: relative;
margin: 0 0.8rem;
height: auto;
}
@media screen and (max-width: 1400px) {
.actual-offer-slider .slick-slide {
margin: 0 0.3rem;
}
}
.actual-offer-slider .slider-image-before {
position: absolute;
left: -16rem;
top: -13rem;
pointer-events: none;
}
@media screen and (max-width: 1700px) {
.actual-offer-slider .slider-image-before {
width: 36rem;
left: -13rem;
top: -10rem;
}
}
@media screen and (max-width: 700px) {
.actual-offer-slider .slider-image-before {
opacity: 0.3;
width: 28rem;
left: -10rem;
}
}
.actual-offer-slider .slider-image-after {
position: absolute;
right: -15rem;
bottom: -14rem;
z-index: -1;
pointer-events: none;
}
@media screen and (max-width: 1700px) {
.actual-offer-slider .slider-image-after {
width: 30rem;
right: -10rem;
bottom: -10rem;
}
}
@media screen and (max-width: 1600px) {
.actual-offer-slider .slider-image-after {
right: -6rem;
}
}
@media screen and (max-width: 700px) {
.actual-offer-slider .slider-image-after {
opacity: 0.3;
}
}
.actual-offer-slider a {
display: block;
}
.actual-offer-slide__inner {
position: absolute;
left: 0;
bottom: 0;
padding: 0 0 4.2rem 4.2rem;
max-width: 30rem;
}
@media screen and (max-width: 1300px) {
.actual-offer-slide__inner {
padding: 0 0 2.2rem 2rem;
}
}
.actual-offer-slide__inner .product-tag {
min-width: 18rem;
text-align: center;
}
@media screen and (max-width: 1000px) {
.actual-offer-slide__inner .product-tag {
min-width: auto;
}
}
p.actual-offer-slide__title {
margin: 2.4rem 0;
color: white;
font-family: "Roboto Slab", sans-serif;
font-size: 3.2rem;
line-height: 1.343;
}
@media screen and (max-width: 1300px) {
p.actual-offer-slide__title {
margin: 1.6rem 0;
font-size: 2.7rem;
}
}
@media screen and (max-width: 1000px) {
p.actual-offer-slide__title {
font-size: 2.3rem;
margin: 1.2rem 0;
}
}
@media screen and (max-width: 360px) {
p.actual-offer-slide__title {
margin: 0.5rem 0;
font-size: 2rem;
}
}
p.actual-offer-slide__title.actual-offer-slide__title--white {
color: white;
}
p.actual-offer-slide__title.actual-offer-slide__title--green {
color: #1B4026;
}
p.actual-offer-slide__btn {
color: white;
margin: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
p.actual-offer-slide__btn.actual-offer-slide__btn--white {
color: white;
}
p.actual-offer-slide__btn.actual-offer-slide__btn--white:hover {
color: #EE4864;
}
p.actual-offer-slide__btn.actual-offer-slide__btn--green {
color: #1B4026;
}
p.actual-offer-slide__btn.actual-offer-slide__btn--green:hover {
color: #EE4864;
}
p.actual-offer-slide__btn span {
text-decoration: underline;
}
p.actual-offer-slide__btn i {
font-size: 0.8rem;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
display: inline-block;
}
.actual-offer-slide.actual-offer-slide--image--right {
font-size: 0;
border: 1px solid #E5E5E5;
border-radius: 0.8rem;
min-height: 35rem;
background: white;
}
.actual-offer-slide.actual-offer-slide--image--right .actual-offer-slide__inner {
width: 50%; }
@media screen and (max-width: 500px) {
.actual-offer-slide.actual-offer-slide--image--right .actual-offer-slide__inner {
position: static;
-webkit-transform: none;
transform: none;
padding: 3rem 2rem 0 2rem;
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 0 auto;
text-align: center;
}
}
.actual-offer-slide.actual-offer-slide--image--right .image-right-wrap {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 50%;
display: inline-block;
vertical-align: middle;
padding: 4.2rem;
}
@media screen and (max-width: 600px) {
.actual-offer-slide.actual-offer-slide--image--right .image-right-wrap {
padding: 2.2rem;
}
}
@media screen and (max-width: 500px) {
.actual-offer-slide.actual-offer-slide--image--right .image-right-wrap {
position: static;
-webkit-transform: none;
transform: none;
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.actual-offer-slide.actual-offer-slide--image--right p.actual-offer-slide__title {
color: #1B4026;
}
.actual-offer-slide.actual-offer-slide--image--right p.actual-offer-slide__title.actual-offer-slide__title--white {
color: white;
}
.actual-offer-slide.actual-offer-slide--image--right p.actual-offer-slide__title.actual-offer-slide__title--green {
color: #1B4026;
}
.actual-offer-slide.actual-offer-slide--image--right p.actual-offer-slide__btn {
color: #00843D;
}
.actual-offer-slide.actual-offer-slide--image--right p.actual-offer-slide__btn:hover {
color: #EE4864;
}
.actual-offer-slide.actual-offer-slide--image--right p.actual-offer-slide__btn.actual-offer-slide__btn--white {
color: white;
}
.actual-offer-slide.actual-offer-slide--image--right p.actual-offer-slide__btn.actual-offer-slide__btn--white:hover {
color: #EE4864;
}
.actual-offer-slide.actual-offer-slide--image--right p.actual-offer-slide__btn.actual-offer-slide__btn--green {
color: #1B4026;
}
.actual-offer-slide.actual-offer-slide--image--right p.actual-offer-slide__btn.actual-offer-slide__btn--green:hover {
color: #EE4864;
}
.section--references {
margin-bottom: 9rem;
}
.section--references .container {
position: relative;
background: #FFF0DE;
padding: 11rem 3rem 8rem 3rem;
}
@media screen and (max-width: 1400px) {
.section--references .container {
padding: 7rem 1rem 4rem 1rem;
}
}
@media screen and (max-width: 700px) {
.section--references .container {
padding: 4rem 1rem;
}
}
.section--references .container > img.kytka-big {
position: absolute;
bottom: -19rem;
left: -27rem;
max-width: calc(50% + 27rem);
}
@media screen and (max-width: 700px) {
.section--references .container > img.kytka-big {
display: none;
}
}
@media screen and (max-width: 600px) {
.section--references .container > img.kytka-big {
bottom: -12rem;
}
}
.section--references .container > img.kytka-small {
position: absolute;
bottom: -19rem;
left: -27rem;
max-width: calc(50% + 27rem);
display: none;
}
@media screen and (max-width: 700px) {
.section--references .container > img.kytka-small {
width: 80%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0.3;
display: block;
}
}
@media screen and (max-width: 600px) {
.section--references .container > img.kytka-small {
bottom: -12rem;
}
}
.section--references .container .inner {
position: relative;
width: 50%;
display: inline-block;
margin-left: 50%;
max-width: 65rem;
}
@media screen and (max-width: 700px) {
.section--references .container .inner {
width: 100%;
max-width: 100%;
margin-left: 0;
}
}
.section--references .container .inner h2 {
margin-top: 0;
}
.section--references .container .inner .text-btn {
position: absolute;
right: 1.5rem;
bottom: 2rem;
}
@media screen and (max-width: 1000px) {
.section--references .container .inner .text-btn {
bottom: 2.6rem;
}
}
@media screen and (max-width: 600px) {
.section--references .container .inner .text-btn {
bottom: 2rem;
}
}
.references-slider.slick-slider.slick-dotted {
margin-bottom: 8.5rem;
}
@media screen and (max-width: 1400px) {
.references-slider.slick-slider.slick-dotted {
margin-bottom: 5.5rem;
}
}
@media screen and (max-width: 1000px) {
.references-slider {
margin-bottom: 6.2rem;
}
}
.references-slider .slick-arrow {
top: auto;
bottom: -8.5rem;
-webkit-transform: translateY(0);
transform: translateY(0);
background: white;
}
.references-slider .slick-arrow:hover {
background: #00843D;
}
@media screen and (max-width: 1400px) {
.references-slider .slick-arrow {
bottom: -5rem;
}
}
.references-slider .slick-arrow.slick-prev {
left: 0;
}
.references-slider .slick-arrow.slick-next {
left: 6.1rem;
right: auto;
}
@media screen and (max-width: 600px) {
.references-slider .slick-arrow.slick-next {
left: 4.1rem;
}
}
.references-slider .slick-dots {
left: 16.4rem;
}
@media screen and (max-width: 1400px) {
.references-slider .slick-dots {
bottom: -2.6rem;
}
}
.references-slider p:not(.reference__name) {
margin: 0;
font-size: 2.2rem;
}
@media screen and (max-width: 1400px) {
.references-slider p:not(.reference__name) {
font-size: 2rem;
}
}
@media screen and (max-width: 1200px) {
.references-slider p:not(.reference__name) {
font-size: 1.8rem;
}
}
.section--usp .container .inner {
max-width: 110rem;
margin: 0 auto;
font-size: 0;
}
.section--usp .container .inner .left-col {
width: 40%;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 800px) {
.section--usp .container .inner .left-col {
width: 100%;
text-align: center;
}
}
.section--usp .container .inner .left-col h2 {
margin-top: 0;
max-width: 30rem;
}
@media screen and (max-width: 800px) {
.section--usp .container .inner .left-col h2 {
max-width: 100%;
}
}
.section--usp .container .inner .right-col {
width: 60%;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 800px) {
.section--usp .container .inner .right-col {
width: 100%;
text-align: center;
margin-top: 3rem;
}
}
.usp-items {
font-size: 0;
}
.usp-item {
display: inline-block;
vertical-align: top;
padding: 0 2rem;
width: 33.3333%;
}
@media screen and (max-width: 1000px) {
.usp-item {
padding: 0 1rem;
}
}
@media screen and (max-width: 450px) {
.usp-item {
width: 50%;
}
}
.usp-item__icon {
position: relative;
display: block;
width: 9rem;
height: 9rem;
background-color: #FFF0DE;
border-radius: 4.5rem;
margin: 0 auto;
}
@media screen and (max-width: 1000px) {
.usp-item__icon {
width: 7rem;
height: 7rem;
}
}
.usp-item__icon img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-width: 5.4rem;
}
@media screen and (max-width: 1000px) {
.usp-item__icon img {
max-width: 3.4rem;
}
}
p.usp-item__text {
text-align: center;
}
.products {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 4rem 1.6rem;
}
@media screen and (max-width: 1250px) {
.products {
grid-template-columns: repeat(3, 1fr);
gap: 4rem 1rem;
}
}
@media screen and (max-width: 1060px) {
.products {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 1000px) {
.products {
gap: 3rem 1rem;
}
}
@media screen and (max-width: 700px) {
.products {
grid-template-columns: repeat(1, 1fr);
}
}
.product {
position: relative;
border: 1px solid #E5E5E5;
border-radius: 0.8rem;
padding: 4rem 2.5rem 9rem 2.5rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.product:hover {
border-color: #1B4026;
}
.product:hover .add-product-to-favourites-btn {
opacity: 1;
pointer-events: initial;
}
@media screen and (max-width: 400px) {
.product {
padding: 2rem 1rem 8rem 1rem;
}
}
.product .product-tags {
position: absolute;
top: -2rem;
right: 0;
z-index: 3;
width: 100%;
text-align: right;
padding-right: 1rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.product .product-tag {
background: #EE4864;
color: white;
}
.product-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.8rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-tag {
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 3.2rem;
height: 3.2rem;
padding: 0 1.6rem;
text-transform: uppercase;
border-radius: 3rem;
font-weight: 700;
background: #EE4864;
color: white;
white-space: nowrap;
}
.product__thumb {
position: relative;
display: block;
width: 100%;
max-width: 20rem;
margin: 0 auto 3rem auto;
}
.product__thumb:before {
display: block;
content: "";
padding-bottom: 100%;
}
.product__thumb img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-width: 100%;
max-height: 100%;
}
.product-price-and-heart-row {
position: relative;
padding-right: 5rem;
}
.product__price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-variation-price span.price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 0;
font-weight: 700;
text-decoration: none;
color: #1B4026;
line-height: 1.3;
font-size: 2rem;
}
.product__price ins,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce-variation-price span.price ins {
text-decoration: none;
font-size: 2rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.product__price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce-variation-price span.price del {
font-size: 1.6rem;
margin-left: 1.3rem;
opacity: 1;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.product__price.product__price--sale ins,
.woocommerce div.product p.price.product__price--sale ins,
.woocommerce div.product span.price.product__price--sale ins,
.woocommerce-variation-price span.price.product__price--sale ins {
color: #EE4864;
}
.product__price .woocommerce-price-suffix,
.woocommerce div.product p.price .woocommerce-price-suffix,
.woocommerce div.product span.price .woocommerce-price-suffix,
.woocommerce-variation-price span.price .woocommerce-price-suffix {
font-weight: 300;
}
.product .product__price,
.product .woocommerce div.product p.price,
.product .woocommerce div.product span.price,
.product .woocommerce-variation-price span.price {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
font-size: 1.7rem;
}
.product .product__price ins,
.product .woocommerce div.product p.price ins,
.product .woocommerce div.product span.price ins,
.product .woocommerce-variation-price span.price ins {
font-size: 1.7rem;
}
.product .product__price del,
.product .woocommerce div.product p.price del,
.product .woocommerce div.product span.price del,
.product .woocommerce-variation-price span.price del {
font-size: 13px;
}
.add-product-to-favourites-btn {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
pointer-events: none;
text-decoration: none;
}
.add-product-to-favourites-btn:hover svg path, .add-product-to-favourites-btn.active svg path {
fill: #EE4864;
stroke: #EE4864;
}
.add-product-to-favourites-btn svg {
display: inline-block;
vertical-align: middle;
}
.add-product-to-favourites-btn svg path {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.add-product-to-favourites-btn p {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 1rem;
font-size: 12px;
}
.product-likes {
display: inline-block;
vertical-align: middle;
margin-left: 4.5rem;
}
.product-likes svg {
display: inline-block;
vertical-align: middle;
width: 1rem;
height: 1rem;
}
.product-likes svg path {
fill: #F2CFA6;
stroke: #F2CFA6;
}
.product-likes p {
margin: 0 0 0 1rem;
font-size: 12px;
display: inline-block;
vertical-align: middle;
}
.product__body {
display: block;
text-decoration: none;
}
.product__title {
font-family: "Roboto Slab", sans-serif;
font-size: 1.8rem;
line-height: 1.4444;
margin: 1.8rem 0 1.8rem 0;
text-decoration: underline;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.product__title:hover {
color: #EE4864;
}
.product__description p {
line-height: 1.5;
margin: 0;
}
.product__alternatives {
position: relative;
z-index: 90;
margin-bottom: 2rem;
}
.product__alternatives label {
font-size: 14px;
line-height: 1;
display: block;
color: #1B4026;
opacity: 0.7;
margin-bottom: 0.5rem;
}
.product__alternatives .choices__inner {
background: white;
border-radius: 0.7rem;
border-color: #fff0de;
}
.product__alternatives .is-focused .choices__inner, .product__alternatives .is-open .choices__inner {
border-radius: 0.7rem 0.7rem 0 0;
border-color: #fff0de;
}
.product__alternatives .is-open .choices__list--dropdown, .product__alternatives .is-open .choices__list[aria-expanded] {
border-color: #fff0de;
border-radius: 0 0 0.7rem 0.7rem;
}
.product__alternatives .choices__list--dropdown .choices__item--selectable.is-highlighted, .product__alternatives .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
background-color: #fff0de;
}
.product__add-to-cart-btn {
position: absolute;
left: -1px;
bottom: -1px;
width: calc(100% + 2px);
padding: 0 4.5rem 0 2.5rem;
height: 6.4rem;
line-height: 6.4rem;
font-size: 1.6rem;
color: #00843D;
-webkit-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
border-radius: 0.6rem;
}
.product__add-to-cart-btn:hover {
background: #00843D;
color: white;
}
.product__add-to-cart-btn:hover i {
color: white;
}
.product__add-to-cart-btn i {
position: absolute;
right: 2.5rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #D6D9D7;
font-size: 2rem;
}
.ajax-add-to-cart.ajax-add-to-cart--adding {
pointer-events: none;
}
.ajax-add-to-cart.ajax-add-to-cart--adding > span {
opacity: 0.2;
}
.ajax-add-to-cart.ajax-add-to-cart--adding .loader-05 {
opacity: 1;
}
.ajax-add-to-cart.ajax-add-to-cart--added .loader-05 {
opacity: 0;
}
.ajax-add-to-cart.ajax-add-to-cart--added .added-check {
opacity: 1;
}
.ajax-add-to-cart.ajax-add-to-cart--added.bad .added-check:before {
height: 0;
border-color: #EE4864;
border-left: 0;
}
.ajax-add-to-cart.ajax-add-to-cart--added.bad .added-check:after {
opacity: 1;
}
.ajax-add-to-cart.ajax-add-to-cart--added.bad > span.add-to-cart-btn__default-text > span.added {
opacity: 0;
}
.ajax-add-to-cart.ajax-add-to-cart--added.bad > span.add-to-cart-btn__default-text > span.added.bad {
opacity: 1;
}
.ajax-add-to-cart.ajax-add-to-cart--added > span.add-to-cart-btn__default-text {
opacity: 1;
}
.ajax-add-to-cart.ajax-add-to-cart--added > span.add-to-cart-btn__default-text > span.added {
opacity: 1;
}
.ajax-add-to-cart.ajax-add-to-cart--added > span.add-to-cart-btn__default-text > span.added.bad {
opacity: 0;
}
.ajax-add-to-cart.ajax-add-to-cart--added > span.add-to-cart-btn__default-text > span.default {
opacity: 0;
}
.ajax-add-to-cart .add-to-cart-btn__default-text {
position: relative;
display: block;
}
.ajax-add-to-cart .add-to-cart-btn__default-text > span.added {
opacity: 0;
position: absolute;
left: 0;
height: 100%;
top: 0;
}
.ajax-add-to-cart .add-to-cart-btn__default-text > span.added.bad {
color: #EE4864;
}
.ajax-add-to-cart .add-to-cart-btn__default-text > span.default {
opacity: 1;
}
.ajax-add-to-cart .loader-05 {
right: 0.7rem;
left: auto;
}
.ajax-add-to-cart .added-check {
position: absolute;
width: 3.6rem;
height: 3.6rem;
opacity: 0;
right: 2rem;
top: 1.2rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ajax-add-to-cart .added-check:before {
position: absolute;
content: "";
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
width: 2.2rem;
height: 1.3rem;
border: 2px solid #00843D;
border-top: 0;
border-right: 0;
}
.ajax-add-to-cart .added-check:after {
position: absolute;
content: "";
left: 54%;
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
width: 2.2rem;
height: 0;
border: 2px solid #EE4864;
border-top: 0;
border-right: 0;
border-left: 0;
opacity: 0;
}
.product.outofstock .product__add-to-cart-btn,
.product.instock:not(.purchasable) .product__add-to-cart-btn {
color: #AE7F4A;
padding: 0 2.5rem;
}
.product.outofstock .product__add-to-cart-btn:hover,
.product.instock:not(.purchasable) .product__add-to-cart-btn:hover {
background: #FFF0DE;
color: #AE7F4A;
}
.product.outofstock .product__add-to-cart-btn .text-btn,
.product.instock:not(.purchasable) .product__add-to-cart-btn .text-btn {
float: right;
}
@media screen and (max-width: 450px) {
.products-slider-items.slick-slider.slick-dotted {
margin-bottom: 6rem;
}
.products-slider-items .slick-dots {
bottom: -4rem;
}
}
.products-slider-items .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.products-slider-items .slick-slide {
height: inherit !important;
}
.products-slider-items .product {
margin: 2rem 0.8rem 0 0.8rem;
}
.section--products-list-order-buttons {
padding: 0;
}
@media screen and (max-width: 1615px) {
.section--products-list-order-buttons {
padding: 0 2.5rem;
}
}
@media screen and (max-width: 1000px) {
.section--products-list-order-buttons {
padding: 0 1.5rem;
}
}
.section--products-list-order-buttons .container {
background: #FFF0DE;
text-align: right;
padding: 1rem 1.4rem;
border-radius: 3rem;
font-size: 0;
}
@media screen and (max-width: 1000px) {
.section--products-list-order-buttons .container {
padding: 0.5rem;
}
}
.ordering-buttons {
font-size: 0;
}
.ordering-button {
display: inline-block;
color: #1A2446;
font-size: 1.6rem;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
white-space: nowrap;
height: 4rem;
line-height: 4rem;
padding: 0 3.3rem;
background: white;
border-radius: 3rem;
margin-left: 1.6rem;
text-decoration: none;
}
.ordering-button:hover, .ordering-button.ordering-button--active {
background-color: #00843D;
color: white;
}
.ordering-button:first-of-type {
margin-left: 0;
}
@media screen and (max-width: 1000px) {
.ordering-button {
margin-left: 0.7rem;
padding: 0 2rem;
}
}
#orderby-select {
display: none;
max-width: 25rem;
height: 4.2rem;
line-height: 4.2rem;
padding: 0 1rem;
}
@media screen and (max-width: 500px) {
#orderby-select {
max-width: 100%;
}
}
@media screen and (max-width: 1100px) {
.section--products-list {
padding-top: 0;
}
}
.section--products-list .container {
font-size: 0;
}
.section--products-list .products-list-left-col {
width: 19rem;
display: inline-block;
vertical-align: top;
font-size: 1rem;
}
@media screen and (max-width: 1100px) {
.section--products-list .products-list-left-col {
width: 100%;
}
}
@media screen and (max-width: 1100px) {
.section--products-list .products-list-left-col .filters {
display: none;
padding-top: 2rem;
}
}
.section--products-list .products-list-left-col .btn {
width: 100%;
margin-top: 1.8rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.section--products-list .products-list-right-col {
width: calc(100% - 19rem);
display: inline-block;
vertical-align: top;
padding-left: 3rem;
}
@media screen and (max-width: 1100px) {
.section--products-list .products-list-right-col {
width: 100%;
padding-left: 0;
}
}
.section--products-list .products-list-right-col.products-list-right-col--without-filters {
width: 100%;
}
.show-filters-btn {
display: none;
}
@media screen and (max-width: 1100px) {
.show-filters-btn {
display: inline-block;
margin: 2rem 0;
}
}
.show-filters-btn:hover {
cursor: pointer;
}
.product-taxonomy-filter-box {
border-top: 1px solid #F2CFA6;
padding: 1.8rem 0;
}
.product-taxonomy-filter-box:last-of-type {
border-bottom: 1px solid #F2CFA6;
}
p.product-taxonomy-filter-box__title {
font-size: 2.4rem;
font-family: "Roboto Slab", sans-serif;
margin: 0 0 1.2rem 0;
}
.product-taxonmy-filter-box__values .custom-checkbox {
padding-left: 0;
margin-bottom: 1.3rem;
}
.product-taxonmy-filter-box__values .custom-checkbox label {
position: relative;
padding-left: 3rem;
color: #1B4026;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.product-taxonmy-filter-box__values .custom-checkbox label:before {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1.8rem;
height: 1.7rem;
border: 1px solid #1B4026;
background: white;
border-radius: 0.3rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.product-taxonmy-filter-box__values .custom-checkbox label:after {
position: absolute;
content: "";
left: 0.5rem;
top: 42%;
width: 8px;
height: 5px;
border: 2px solid white;
border-left: 0;
border-bottom: 0;
-webkit-transform: translateY(-50%) scale(1.1) rotate(135deg);
transform: translateY(-50%) scale(1.1) rotate(135deg);
-webkit-transform-origin: center;
transform-origin: center;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.product-taxonmy-filter-box__values .custom-checkbox input[type=checkbox] {
display: none; }
.product-taxonmy-filter-box__values .custom-checkbox input[type=checkbox]:checked + label:before {
border-color: #00843D;
background: #00843D;
}
.product-taxonmy-filter-box__values .custom-checkbox input[type=checkbox]:checked + label:after {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1) rotate(135deg);
transform: translateY(-50%) scale(1) rotate(135deg);
}
.product-taxonomy-filter-box__values--hidden {
display: none;
}
.section--shop-page-header {
padding-bottom: 6.4rem;
}
@media screen and (max-width: 1000px) {
.section--shop-page-header {
padding-bottom: 3.5rem;
}
}
.section--shop-page-header .searchform {
margin-top: 3.5rem;
}
.section--shop-page-header .category-header-top {
font-size: 0;
}
.section--shop-page-header .category-header-top .left-col {
width: 50%;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 600px) {
.section--shop-page-header .category-header-top .left-col {
width: 100%;
}
}
.section--shop-page-header .category-header-top .left-col .content {
max-width: 50rem;
text-align: left;
}
@media screen and (max-width: 600px) {
.section--shop-page-header .category-header-top .left-col .content {
max-width: 100%;
}
}
.section--shop-page-header .category-header-top .left-col .content h1 {
font-size: 4.8rem;
}
@media screen and (max-width: 900px) {
.section--shop-page-header .category-header-top .left-col .content h1 {
font-size: 3.5rem;
}
}
.section--shop-page-header .category-header-top .left-col .content p {
max-width: 43rem;
}
.section--shop-page-header .category-header-top .left-col .category-thumb-mobile {
display: none;
}
@media screen and (max-width: 600px) {
.section--shop-page-header .category-header-top .left-col .category-thumb-mobile {
display: block;
margin: 0 auto;
}
}
.section--shop-page-header .category-header-top .left-col.left-col--full {
width: 100%;
}
.section--shop-page-header .category-header-top .left-col.left-col--full .content {
max-width: 100%;
}
.section--shop-page-header .category-header-top .right-col {
width: 50%;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 600px) {
.section--shop-page-header .category-header-top .right-col {
display: none;
}
}
.section--shop-page-header .section--category-tiles {
padding: 0;
}
.section--shop-page-header .section--category-tiles .container {
padding: 0;
}
.section--product-lp-page-header .usp-items {
margin-top: 9rem;
}
@media screen and (max-width: 900px) {
.single-product.woocommerce nav.woocommerce-breadcrumb {
display: none;
}
}
.woocommerce nav.woocommerce-breadcrumb {
width: 100%;
max-width: 137.5rem;
margin: 0 auto;
padding: 3rem 2.5rem 0 2.5rem;
font-size: 1.6rem;
line-height: 2.4rem;
}
@media screen and (max-width: 600px) {
.woocommerce nav.woocommerce-breadcrumb {
display: none;
}
}
.woocommerce nav.woocommerce-breadcrumb span {
color: #1B4026;
font-weight: 700;
text-decoration: underline;
}
.woocommerce nav.woocommerce-breadcrumb a {
display: inline-block;
font-size: 1.6rem;
color: #1B4026;
font-weight: 400;
text-decoration: none;
}
.woocommerce nav.woocommerce-breadcrumb a:hover {
text-decoration: underline;
color: #00843D;
}
.woocommerce nav.woocommerce-breadcrumb a:first-of-type {
width: 2.4rem;
height: 2.4rem;
vertical-align: sub;
}
.woocommerce nav.woocommerce-breadcrumb a:first-of-type:hover {
text-decoration: none;
}
.section--favourties-products {
padding-top: 0;
}
.section--product-page {
padding-top: 8rem;
}
@media screen and (max-width: 600px) {
.section--product-page {
padding-top: 4rem;
}
}
.single-product-info {
font-size: 0;
}
.single-product-info .left-col {
padding-left: 12rem;
}
@media screen and (max-width: 1400px) {
.single-product-info .left-col {
padding-left: 6rem;
}
}
@media screen and (max-width: 1000px) {
.single-product-info .left-col {
padding-left: 0;
}
}
@media screen and (max-width: 900px) {
.single-product-info .left-col {
width: 100%;
}
}
.single-product-info .left-col h1.h2.product-mobile-title {
display: none;
margin: 0 0 3rem 0;
}
@media screen and (max-width: 900px) {
.single-product-info .left-col h1.h2.product-mobile-title {
display: block;
}
}
.single-product-info .right-col, .single-product-info .product-mobile-info {
position: relative;
padding-left: 12rem;
}
@media screen and (max-width: 1400px) {
.single-product-info .right-col, .single-product-info .product-mobile-info {
padding-left: 6rem;
}
}
@media screen and (max-width: 1000px) {
.single-product-info .right-col, .single-product-info .product-mobile-info {
padding-left: 3rem;
}
}
@media screen and (max-width: 900px) {
.single-product-info .right-col, .single-product-info .product-mobile-info {
display: none;
}
}
.single-product-info .right-col .product-tags, .single-product-info .product-mobile-info .product-tags {
position: absolute;
top: 0;
-webkit-transform: translateY(calc(-100% - 1.6rem));
transform: translateY(calc(-100% - 1.6rem));
}
.single-product-info .right-col .product-tags .product-tag, .single-product-info .product-mobile-info .product-tags .product-tag {
background: #EE4864;
color: white;
}
.single-product-info .right-col h1.h2, .single-product-info .product-mobile-info h1.h2 {
margin: 0 0 3rem 0;
}
.single-product-info .right-col hr, .single-product-info .product-mobile-info hr {
margin: 2rem 0;
background: #FFF0DE;
border: none;
display: block;
height: 1px;
}
.single-product-info .right-col .product-price-and-heart-row .product__price, .single-product-info .product-mobile-info .product-price-and-heart-row .product__price {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.single-product-info .right-col .product-price-and-heart-row .product__price .price--without-tax, .single-product-info .product-mobile-info .product-price-and-heart-row .product__price .price--without-tax {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
font-weight: 400;
font-size: 1.5rem;
margin-top: 0.4rem;
opacity: 0.7;
}
.single-product-info .right-col .product__description, .single-product-info .product-mobile-info .product__description {
margin-top: 0.4rem;
max-width: 42rem;
}
.single-product-info .right-col .product__stock-info p, .single-product-info .product-mobile-info .product__stock-info p {
margin: 0;
font-weight: 700;
line-height: 1;
}
.single-product-info .right-col .product__stock-info p.stock-info--in-stock, .single-product-info .product-mobile-info .product__stock-info p.stock-info--in-stock {
color: #00843D;
}
.single-product-info .right-col .product__stock-info p.stock-info--out-of-stock, .single-product-info .product-mobile-info .product__stock-info p.stock-info--out-of-stock {
color: #EE4864;
}
@media screen and (max-width: 500px) {
.single-product-info .right-col .product__stock-info p, .single-product-info .product-mobile-info .product__stock-info p {
display: inline-block;
vertical-align: middle;
}
}
.single-product-info .right-col .product__stock-info .add-product-to-favourites-btn, .single-product-info .product-mobile-info .product__stock-info .add-product-to-favourites-btn {
display: none;
}
@media screen and (max-width: 500px) {
.single-product-info .right-col .product__stock-info .add-product-to-favourites-btn, .single-product-info .product-mobile-info .product__stock-info .add-product-to-favourites-btn {
display: inline-block;
vertical-align: middle;
margin-left: 2rem;
}
}
.single-product-info .right-col .product__info-footer, .single-product-info .product-mobile-info .product__info-footer {
margin-top: 2rem;
}
.single-product-info .right-col .product__info-footer form, .single-product-info .product-mobile-info .product__info-footer form {
width: calc(100% - 7.2rem);
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 500px) {
.single-product-info .right-col .product__info-footer form, .single-product-info .product-mobile-info .product__info-footer form {
width: 100%;
}
}
.single-product-info .right-col .product__info-footer form .quantity, .single-product-info .product-mobile-info .product__info-footer form .quantity {
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
}
.single-product-info .right-col .product__info-footer form table.variations, .single-product-info .product-mobile-info .product__info-footer form table.variations {
position: relative;
border: none;
margin-bottom: 2rem;
}
.single-product-info .right-col .product__info-footer form table.variations tr td, .single-product-info .product-mobile-info .product__info-footer form table.variations tr td {
padding: 0;
}
.single-product-info .right-col .product__info-footer form table.variations tr td.label, .single-product-info .product-mobile-info .product__info-footer form table.variations tr td.label {
padding-left: 1rem;
}
.single-product-info .right-col .product__info-footer form table.variations .reset_variations, .single-product-info .product-mobile-info .product__info-footer form table.variations .reset_variations {
position: absolute;
right: -6rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #EE4864;
}
.single-product-info .right-col .product__info-footer form .single_variation_wrap .woocommerce-variation.single_variation, .single-product-info .product-mobile-info .product__info-footer form .single_variation_wrap .woocommerce-variation.single_variation {
display: none !important;
}
.single-product-info .right-col .product__info-footer form .woocommerce-variation-add-to-cart, .single-product-info .product-mobile-info .product__info-footer form .woocommerce-variation-add-to-cart {
text-align: right;
}
.single-product-info .right-col .product__info-footer form .woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-disabled .btn, .single-product-info .product-mobile-info .product__info-footer form .woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-disabled .btn {
pointer-events: none;
opacity: 0.4;
}
.single-product-info .right-col .product__info-footer form .btn.ajax-add-to-cart--adding > span, .single-product-info .product-mobile-info .product__info-footer form .btn.ajax-add-to-cart--adding > span {
opacity: 0.1;
}
.single-product-info .right-col .product__info-footer form .btn.ajax-add-to-cart--added > span.add-to-cart-btn__default-text, .single-product-info .product-mobile-info .product__info-footer form .btn.ajax-add-to-cart--added > span.add-to-cart-btn__default-text {
opacity: 1;
}
.single-product-info .right-col .product__info-footer form .btn.ajax-add-to-cart--added > span.btn__icon, .single-product-info .product-mobile-info .product__info-footer form .btn.ajax-add-to-cart--added > span.btn__icon {
opacity: 0.1;
}
.single-product-info .right-col .product__info-footer form .btn .added-check, .single-product-info .product-mobile-info .product__info-footer form .btn .added-check {
right: 1.1rem;
z-index: 3;
}
@media screen and (max-width: 500px) {
.single-product-info .right-col .product__info-footer form .btn .added-check, .single-product-info .product-mobile-info .product__info-footer form .btn .added-check {
right: 0.3rem;
top: 0.5rem;
}
}
.single-product-info .right-col .product__info-footer form .btn .added-check:before, .single-product-info .right-col .product__info-footer form .btn .added-check:after, .single-product-info .product-mobile-info .product__info-footer form .btn .added-check:before, .single-product-info .product-mobile-info .product__info-footer form .btn .added-check:after {
border-color: white;
}
.single-product-info .right-col .product__info-footer form .btn.bad .added-check:before, .single-product-info .right-col .product__info-footer form .btn.bad .added-check:after, .single-product-info .product-mobile-info .product__info-footer form .btn.bad .added-check:before, .single-product-info .product-mobile-info .product__info-footer form .btn.bad .added-check:after {
border-color: #EE4864;
}
.single-product-info .right-col .product__info-footer form .btn .add-to-cart-btn__default-text > span.added.bad, .single-product-info .product-mobile-info .product__info-footer form .btn .add-to-cart-btn__default-text > span.added.bad {
color: white;
}
.single-product-info .right-col .product__info-footer form .btn .loader-05, .single-product-info .product-mobile-info .product__info-footer form .btn .loader-05 {
right: 0;
border-top-color: white;
z-index: 3;
}
@media screen and (max-width: 500px) {
.single-product-info .right-col .product__info-footer form .btn .loader-05, .single-product-info .product-mobile-info .product__info-footer form .btn .loader-05 {
right: -0.7rem;
}
}
.single-product-info .right-col .product__info-footer form .btn .loader-05:before, .single-product-info .product-mobile-info .product__info-footer form .btn .loader-05:before {
border-color: white;
}
.single-product-info .right-col .product__info-footer .product__add-to-cart-btn, .single-product-info .product-mobile-info .product__info-footer .product__add-to-cart-btn {
position: relative;
-webkit-transform: none;
transform: none;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 500px) {
.single-product-info .right-col .product__info-footer .add-product-to-favourites-btn, .single-product-info .product-mobile-info .product__info-footer .add-product-to-favourites-btn {
display: none;
}
}
.single-product-info .right-col .product__info-footer .woocommerce-variation, .single-product-info .product-mobile-info .product__info-footer .woocommerce-variation {
margin-bottom: 2rem;
text-align: left;
}
.single-product-info .right-col .add-product-to-favourites-btn, .single-product-info .product-mobile-info .add-product-to-favourites-btn {
position: relative;
top: auto;
left: auto;
opacity: 1;
pointer-events: initial;
-webkit-transform: none;
transform: none;
display: inline-block;
vertical-align: top;
margin-right: 1rem;
height: 6.2rem;
line-height: 6.2rem;
width: 6.2rem;
background: #FFF0DE;
border-radius: 3.1rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.single-product-info .right-col .add-product-to-favourites-btn:hover, .single-product-info .right-col .add-product-to-favourites-btn.active, .single-product-info .product-mobile-info .add-product-to-favourites-btn:hover, .single-product-info .product-mobile-info .add-product-to-favourites-btn.active {
background: #00843D;
}
.single-product-info .right-col .add-product-to-favourites-btn:hover svg path, .single-product-info .right-col .add-product-to-favourites-btn.active svg path, .single-product-info .product-mobile-info .add-product-to-favourites-btn:hover svg path, .single-product-info .product-mobile-info .add-product-to-favourites-btn.active svg path {
fill: #FFF0DE;
stroke: #FFF0DE;
}
.single-product-info .right-col .add-product-to-favourites-btn svg, .single-product-info .product-mobile-info .add-product-to-favourites-btn svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.single-product-info .right-col {
position: sticky;
top: 30rem;
padding-bottom: 2.4rem;
}
.single-product-info .product-mobile-info {
display: none;
}
@media screen and (max-width: 900px) {
.single-product-info .product-mobile-info {
display: block;
margin-top: 3rem;
padding-left: 0;
}
}
.single-product-info .product-mobile-info .product-tags {
position: static;
-webkit-transform: none;
transform: none;
}
.single-product-info .product-mobile-info .product-price-and-heart-row {
margin-top: 2rem;
}
.single-product-info .product-mobile-info .product-price-and-heart-row .product-likes {
position: absolute;
top: 0.1rem;
right: 1rem;
}
@media screen and (max-width: 800px) {
.single-product-info .product-mobile-info .btn.btn--with-icon {
height: 6.2rem;
line-height: 6.2rem;
}
}
@media screen and (max-width: 500px) {
.single-product-info .product-mobile-info .btn.btn--with-icon {
height: 5rem;
line-height: 5rem;
}
}
@media screen and (max-width: 800px) {
.single-product-info .product-mobile-info .btn.btn--with-icon span.btn__icon {
right: 0.7rem;
top: 0.7rem;
width: 4.8rem;
height: 4.8rem;
text-align: center;
line-height: 4.8rem;
font-size: 2rem;
}
}
@media screen and (max-width: 500px) {
.single-product-info .product-mobile-info .btn.btn--with-icon span.btn__icon {
right: 0.4rem;
top: 0.5rem;
width: 3.9rem;
height: 3.9rem;
text-align: center;
line-height: 3.9rem;
font-size: 1.8rem;
}
}
.product-gallery {
font-size: 0;
position: relative;
}
.product-gallery > img {
position: absolute;
left: -14rem;
top: -13.7rem;
z-index: -1;
}
@media screen and (max-width: 900px) {
.product-gallery > img {
display: none;
}
}
.product-gallery-slider-big {
border: 1px solid #D6D9D7;
width: 79%;
display: inline-block;
vertical-align: top;
background: white;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.product-gallery-slider-big:hover {
border-color: #00843D;
}
.product-gallery-slider-big.slick-slider {
display: inline-block;
}
.product-gallery-slider-big .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-gallery-slider-big .slick-track .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.product-gallery-slider-big .slick-track .slick-slide:before {
content: "";
display: block;
padding-bottom: 100%;
}
.product-gallery-slider-big .slick-track .slick-slide img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-width: 100%;
display: inline-block;
}
.product-gallery-slider-big:not(.slick-slider):not(.slick-initialized) a {
display: none;
}
.product-gallery-slider-big:not(.slick-slider):not(.slick-initialized) a:first-child {
display: block;
}
.product-gallery-thumbs {
display: inline-block;
vertical-align: top;
width: 21%;
padding-left: 1.6rem;
}
.product-gallery-thumbs__thumb {
position: relative;
display: block;
width: 100%;
border: 1px solid #D6D9D7;
margin-bottom: 1.6rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.product-gallery-thumbs__thumb.product-gallery-thumbs__thumb--more {
border: 1px solid transparent;
}
.product-gallery-thumbs__thumb.product-gallery-thumbs__thumb--more .more-number {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
background: rgba(255, 240, 222, 0.8);
}
.product-gallery-thumbs__thumb.product-gallery-thumbs__thumb--more .more-number p {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
font-weight: 700;
}
.product-gallery-thumbs__thumb:hover {
cursor: pointer;
border-color: #00843D;
}
.product-gallery-thumbs__thumb:before {
content: "";
padding-bottom: 100%;
display: block;
}
.product-gallery-thumbs__thumb img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-width: 100%;
}
.woocommerce-tabs {
margin-top: 8.5rem;
}
.woocommerce-tabs ul.tabs {
margin: 0;
font-size: 0;
border-bottom: 1px solid #D6D9D7;
}
.woocommerce-tabs ul.tabs li {
display: inline-block;
border-bottom: 1px solid #D6D9D7;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: -1px;
}
.woocommerce-tabs ul.tabs li:hover, .woocommerce-tabs ul.tabs li.active {
border-color: #00843D;
}
.woocommerce-tabs ul.tabs li a {
display: block;
line-height: 1;
padding: 1.2rem;
font-size: 1.6rem;
color: #00843D;
text-decoration: none;
}
.woocommerce-tabs .woocommerce-Tabs-panel {
padding-top: 3rem;
}
.woocommerce-tabs .woocommerce-Tabs-panel h1, .woocommerce-tabs .woocommerce-Tabs-panel h2, .woocommerce-tabs .woocommerce-Tabs-panel h3, .woocommerce-tabs .woocommerce-Tabs-panel h4, .woocommerce-tabs .woocommerce-Tabs-panel p, .woocommerce-tabs .woocommerce-Tabs-panel ul {
margin-top: 0;
}
.woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 3rem;
}
.woocommerce #review_form #respond textarea {
padding: 1rem;
}
.seciton--crossell {
margin-top: 7rem;
}
.modal {
padding: 3.5rem 2rem;
}
#subscribe-from-modal .cwginstock-subscribe-form .panel-primary {
border: none;
}
#subscribe-from-modal .cwginstock-subscribe-form {
padding: 0;
}
#subscribe-from-modal .cwginstock-subscribe-form input:not(.cwgstock_button) {
width: 100%;
border: 1px solid #1B4026;
line-height: 5rem;
height: 5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3.1rem;
font-size: 1.8rem;
display: inline-block;
vertical-align: middle;
padding: 0 3rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 900px) {
#subscribe-from-modal .cwginstock-subscribe-form input:not(.cwgstock_button) {
font-size: 16px;
}
}
#subscribe-from-modal .cwginstock-subscribe-form .panel {
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
}
#subscribe-from-modal .cwginstock-panel-heading {
padding: 0;
border-bottom: 0;
background: none;
}
#subscribe-from-modal .cwginstock-panel-heading h4 {
color: #1B4026;
margin-top: 1rem;
}
#subscribe-from-modal .cwgstock_button {
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: auto;
height: 5rem;
line-height: 5rem;
} .load-more-products-button-wrap {
text-align: center;
display: block;
width: 100%;
margin-top: 2rem;
}
.load-more-products-button-wrap .btn.loading:hover .loader-05 {
border-top-color: #00843D;
}
.load-more-products-button-wrap .btn.loading:hover .loader-05:before {
border-color: #00843D;
}
.load-more-products-button-wrap .btn.loading .inner-text {
opacity: 0;
}
.load-more-products-button-wrap .btn.loading .loader-05 {
opacity: 1;
}
.load-more-products-button-wrap .btn .inner-text {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 1;
}
.load-more-products-button-wrap .btn .loader-05 {
border-top-color: white;
}
.load-more-products-button-wrap .btn .loader-05:before {
border-color: white;
}
.product-price-info-bubble {
position: relative;
width: 2rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 2rem;
flex: 0 0 2rem;
height: 2rem;
font-size: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-left: 1rem;
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-bottom: 0.5rem;
}
.product-price-info-bubble:hover .content {
pointer-events: all;
opacity: 1;
}
.product-price-info-bubble .icon {
color: #1B4026;
}
.product-price-info-bubble .icon svg {
opacity: 0.7;
}
.product-price-info-bubble .content {
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translate(-50%, -109%);
transform: translate(-50%, -109%);
width: 27rem;
padding: 0.8rem;
background: #d6d9d7;
border-radius: 0.8rem;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
pointer-events: none;
}
.product-price-info-bubble .content:before {
position: absolute;
content: "";
width: 100%;
height: 1rem;
left: 0;
bottom: -1rem;
}
.product-price-info-bubble .content:after {
position: absolute;
content: "";
width: 0.8rem;
height: 0.8rem;
background: #d6d9d7;
left: 50%;
bottom: 0;
-webkit-transform: translate(-50%, 50%) rotate(45deg);
transform: translate(-50%, 50%) rotate(45deg);
}
.product-price-info-bubble .content p {
font-size: 13px;
font-weight: 300;
line-height: 1.2;
margin: 0;
}
.section--articles-list {
padding-top: 0;
}
@media screen and (max-width: 1000px) {
.section--articles-list .posts-items {
margin-top: 4rem;
}
}
@media screen and (max-width: 600px) {
.section--articles-list .posts-items {
margin-top: 2rem;
}
}
.posts-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.6rem;
margin-top: 8rem;
}
@media screen and (max-width: 900px) {
.posts-items {
gap: 1.4rem 0.6rem;
}
}
@media screen and (max-width: 620px) {
.posts-items {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 450px) {
.posts-items {
grid-template-columns: 1fr;
}
}
.post-item {
position: relative;
display: block;
text-decoration: none;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
padding-top: 2rem;
}
.post-item:hover .post-item__thumbnail:after {
opacity: 1;
}
.post-item:hover p.post-item__title {
text-decoration: underline;
}
.post-item:hover .text-btn {
text-decoration: none;
}
.post-item .post-item__tags {
position: absolute;
top: 0;
right: 0;
z-index: 3;
width: 100%;
text-align: right;
}
.post-item .text-btn {
color: #00843D;
}
.post-item__tags {
font-size: 0;
}
.post-item__tag {
display: inline-block;
vertical-align: middle;
font-size: 1.4rem;
line-height: 4rem;
height: 4rem;
padding: 0 2.5rem;
text-transform: uppercase;
border-radius: 3rem;
font-weight: 700;
background: #EE4864;
color: white;
margin: 0 1.6rem 0 0;
}
@media screen and (max-width: 900px) {
.post-item__tag {
font-size: 12px;
line-height: 3rem;
height: 3rem;
margin-right: 0.7rem;
padding: 0 1.2rem;
}
}
.post-item__thumbnail {
position: relative;
overflow: hidden;
width: 100%;
background: #1B4026;
}
.post-item__thumbnail:before {
display: block;
content: "";
padding-bottom: 75.2%;
}
.post-item__thumbnail:after {
position: absolute;
content: "";
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 132, 61, 0.7);
opacity: 0;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.post-item__thumbnail svg, .post-item__thumbnail img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.post-item__thumbnail img.default-thumb {
max-width: 80%;
}
.post-item__thumbnail svg {
max-width: 80%;
}
p.post-item__author-and-date {
line-height: 1.3;
margin: 3rem 0 1.8rem 0;
}
@media screen and (max-width: 900px) {
p.post-item__author-and-date {
margin: 1.8rem 0;
}
}
p.post-item__author-and-date i {
color: #00843D;
}
p.post-item__title {
font-family: "Roboto Slab", sans-serif;
font-weight: 400;
font-size: 2rem;
line-height: 1.3;
margin-top: 0;
}
.post-item__excerpt {
padding: 0 1rem 1rem 1rem;
background: white;
}
.post-item.post-item--blog-top {
padding-top: 0;
}
@media screen and (max-width: 800px) {
.post-item.post-item--blog-top {
display: none;
}
}
.post-item.post-item--blog-top-three {
padding: 2.5rem 14.5rem 2.5rem 0;
border-top: 1px solid #D6D9D7;
}
.post-item.post-item--blog-top-three:last-of-type {
border-bottom: 1px solid #D6D9D7;
}
.post-item.post-item--blog-top-three.post-item--show-on-mobile {
display: none;
}
@media screen and (max-width: 800px) {
.post-item.post-item--blog-top-three.post-item--show-on-mobile {
display: block;
}
}
@media screen and (max-width: 600px) {
.post-item.post-item--blog-top-three {
padding: 1.5rem 12.5rem 1.5rem 0;
}
}
@media screen and (max-width: 400px) {
.post-item.post-item--blog-top-three {
padding: 1.5rem 0;
}
}
.post-item.post-item--blog-top-three p.post-item__author-and-date {
margin-top: 0;
}
.post-item.post-item--blog-top-three p.post-item__title {
margin-bottom: 0;
}
.post-item.post-item--blog-top-three .post-item__footer {
position: absolute;
right: 1.8rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
.post-item.post-item--blog-top-three .post-item__footer {
position: relative;
right: auto;
top: auto;
-webkit-transform: none;
transform: none;
margin-top: 1.3rem;
}
}
.pagination, .woocommerce nav.woocommerce-pagination {
display: block;
margin: 3.5rem auto auto auto;
text-align: right;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers {
width: 100%;
border: none;
text-align: right;
margin: 0;
}
.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
vertical-align: middle;
border-right: 0;
float: none;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span,
li a.page-numbers {
display: inline-block;
vertical-align: middle;
margin: 0.5rem;
width: 2rem;
height: 2rem;
line-height: 2rem;
text-decoration: none;
font-size: 1.6rem;
color: #1B4026;
-webkit-transition: 0.3s;
transition: 0.3s;
border: none;
padding: 0;
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span:hover,
li a.page-numbers:hover {
color: #00843D;
background: none;
}
.woocommerce nav.woocommerce-pagination ul li a.current, .woocommerce nav.woocommerce-pagination ul li span.current,
li a.page-numbers.current {
font-weight: 700;
color: #1A2446;
background: none;
}
.woocommerce nav.woocommerce-pagination ul li a.next.page-numbers,
.woocommerce nav.woocommerce-pagination ul li a.prev.page-numbers,
.woocommerce nav.woocommerce-pagination ul li span.next.page-numbers,
.woocommerce nav.woocommerce-pagination ul li span.prev.page-numbers,
li a.next.page-numbers, li a.prev.page-numbers {
position: relative;
width: 4.8rem;
height: 4.8rem;
border-radius: 2.4rem;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 0;
background: #00843D;
border: 0;
display: inline-block;
vertical-align: middle;
font-size: 0;
}
@media screen and (max-width: 600px) {
.woocommerce nav.woocommerce-pagination ul li a.next.page-numbers,
.woocommerce nav.woocommerce-pagination ul li a.prev.page-numbers,
.woocommerce nav.woocommerce-pagination ul li span.next.page-numbers,
.woocommerce nav.woocommerce-pagination ul li span.prev.page-numbers,
li a.next.page-numbers, li a.prev.page-numbers {
width: 3.5rem;
height: 3.5rem;
}
}
.woocommerce nav.woocommerce-pagination ul li a.next.page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li a.prev.page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li span.next.page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li span.prev.page-numbers:hover,
li a.next.page-numbers:hover, li a.prev.page-numbers:hover {
background: #F2CFA6;
}
.woocommerce nav.woocommerce-pagination ul li a.next.page-numbers:hover:before,
.woocommerce nav.woocommerce-pagination ul li a.prev.page-numbers:hover:before,
.woocommerce nav.woocommerce-pagination ul li span.next.page-numbers:hover:before,
.woocommerce nav.woocommerce-pagination ul li span.prev.page-numbers:hover:before,
li a.next.page-numbers:hover:before, li a.prev.page-numbers:hover:before {
color: #00843D;
}
.woocommerce nav.woocommerce-pagination ul li a.next.page-numbers:before,
.woocommerce nav.woocommerce-pagination ul li a.prev.page-numbers:before,
.woocommerce nav.woocommerce-pagination ul li span.next.page-numbers:before,
.woocommerce nav.woocommerce-pagination ul li span.prev.page-numbers:before,
li a.next.page-numbers:before, li a.prev.page-numbers:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
left: 42%;
font-family: "drpopov";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: 0.2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  content: "\e812";
color: white;
font-size: 1.3rem;
}
.next.page-numbers {
margin-left: 2rem;
}
.prev.page-numbers {
margin-left: 2rem;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.section--blog .posts-items {
margin-top: 6rem;
}
@media screen and (max-width: 1400px) {
.section--blog .posts-items {
margin-top: 5rem;
}
}
@media screen and (max-width: 1000px) {
.section--blog .posts-items {
margin-top: 3.5rem;
}
}
.section--blog .section__footer {
margin-top: 4rem;
}
.section--blog-header .container {
font-size: 0;
}
.section--blog-header .container .left-col {
width: 50%;
display: inline-block;
vertical-align: top;
padding-right: 0.6rem;
}
@media screen and (max-width: 800px) {
.section--blog-header .container .left-col {
display: none;
}
}
.section--blog-header .container .right-col {
width: 50%;
display: inline-block;
vertical-align: top;
padding-left: 9rem;
}
@media screen and (max-width: 1500px) {
.section--blog-header .container .right-col {
padding-left: 3rem;
}
}
@media screen and (max-width: 800px) {
.section--blog-header .container .right-col {
padding-left: 0;
width: 100%;
}
}
.section--blog-header .container .right-col .blog-page__header {
position: relative;
}
.section--blog-header .container .right-col .blog-page__header .blog-search {
max-width: 28rem;
position: absolute;
right: 0;
top: 1rem;
}
@media screen and (max-width: 800px) {
.section--blog-header .container .right-col .blog-page__header .blog-search {
max-width: 45rem;
position: static;
margin: 3.5rem auto;
}
}
.section--blog-header .container .right-col .blog-page__header p {
margin-top: 1rem;
}
.section--blog-header.section--no-posts-blog-header .blog-search {
margin-top: 3.5rem;
}
.blog-page__header h1 {
margin: 0;
}
@media screen and (max-width: 800px) {
.blog-page__header h1 {
text-align: center;
}
}
.blog-page__header p {
margin: 0;
font-family: "Roboto Slab", sans-serif;
font-size: 2.4rem;
line-height: 1.3333;
text-align: right;
margin-bottom: 1.8rem;
}
@media screen and (max-width: 800px) {
.blog-page__header p {
text-align: left;
margin-top: 1rem;
font-size: 1.8rem;
}
}
.section--categories-list {
padding: 1rem 2.3rem;
}
@media screen and (max-width: 1330px) {
.section--categories-list {
padding: 1rem 0;
}
}
.section--categories-list .container {
font-size: 0;
}
.section--categories-list p.h2 {
margin: 0;
display: inline-block;
vertical-align: middle;
width: 22rem;
}
@media screen and (max-width: 600px) {
.section--categories-list p.h2 {
width: 100%;
margin-bottom: 2rem;
}
}
.category-list-items {
display: inline-block;
vertical-align: middle;
width: calc(100% - 22rem);
}
@media screen and (max-width: 600px) {
.category-list-items {
width: 100%;
text-align: center;
}
}
.category-list-item {
display: inline-block;
vertical-align: middle;
font-size: 1.4rem;
line-height: 4rem;
height: 4rem;
padding: 0 2.5rem;
text-transform: uppercase;
border-radius: 3rem;
font-weight: 700;
background: #FFF0DE;
color: #1B4026;
text-decoration: none;
margin: 0.8rem;
}
.category-list-item:hover, .category-list-item.active {
background: #00843D;
color: white;
}
@media screen and (max-width: 1000px) {
.category-list-item {
font-size: 12px;
line-height: 3.2rem;
height: 3.2rem;
padding: 0 1.5rem;
}
}
.section--newsletter {
margin-top: 3rem;
}
.section--newsletter .container {
position: relative;
padding: 0;
}
@media screen and (max-width: 1751px) {
.section--newsletter .container {
max-width: 120rem;
}
}
@media screen and (max-width: 1371px) {
.section--newsletter .container {
max-width: 100rem;
}
}
.section--newsletter .container > img {
position: absolute;
z-index: 1;
right: -18rem;
top: -25rem;
pointer-events: none;
}
@media screen and (max-width: 1577px) {
.section--newsletter .container > img {
right: -13rem;
}
}
@media screen and (max-width: 1126px) {
.section--newsletter .container > img {
right: -6rem;
max-width: 50rem;
top: -21rem;
}
}
@media screen and (max-width: 1005px) {
.section--newsletter .container > img {
display: none;
}
}
.section--newsletter .container__inner {
position: relative;
z-index: 2;
background: #FFF0DE;
padding: 8.5rem 11.2rem;
font-size: 0;
}
@media screen and (max-width: 1751px) {
.section--newsletter .container__inner {
padding: 5.5rem 7.2rem;
}
}
@media screen and (max-width: 1371px) {
.section--newsletter .container__inner {
padding: 3.5rem 3.2rem;
}
}
@media screen and (max-width: 800px) {
.section--newsletter .container__inner {
padding: 2.5rem 1.5rem;
}
}
.section--newsletter .left-col {
display: inline-block;
vertical-align: middle;
width: 50%;
padding-right: 2rem;
}
@media screen and (max-width: 800px) {
.section--newsletter .left-col {
width: 100%;
padding-right: 0;
}
}
.section--newsletter .left-col .inner {
max-width: 43rem;
}
@media screen and (max-width: 800px) {
.section--newsletter .left-col .inner {
max-width: 100%;
}
}
.section--newsletter .left-col h2 {
margin-top: 0;
max-width: 34rem;
}
@media screen and (max-width: 800px) {
.section--newsletter .left-col h2 {
max-width: 100%;
text-align: center;
}
}
.section--newsletter .right-col {
display: inline-block;
vertical-align: middle;
width: 50%;
text-align: right;
}
@media screen and (max-width: 800px) {
.section--newsletter .right-col {
width: 100%;
text-align: center;
}
}
.section--newsletter .right-col .wpcf7 {
display: inline-block;
text-align: left;
max-width: 49.5rem;
width: 100%;
}
.section--footer-contact {
background: #00843D;
}
.section--contacts {
font-size: 0;
padding-top: 0;
}
@media screen and (max-width: 900px) {
.section--contacts .left-col {
width: 100%;
}
}
@media screen and (max-width: 900px) {
.section--contacts .right-col {
width: 100%;
margin-top: 3rem;
}
}
.left-col {
width: 50%;
display: inline-block;
vertical-align: top;
}
.left-col address {
position: relative;
padding-left: 4.5rem;
}
.left-col address i {
position: absolute;
left: 0;
top: 0.5rem;
font-size: 1.4rem;
color: #00843D;
}
.left-col .social-items {
font-size: 0;
margin-top: 7rem;
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 900px) {
.left-col .social-items {
margin-top: 1rem;
}
}
.left-col .social-items a {
position: relative;
width: 9.6rem;
height: 9.6rem;
background: #FFF0DE;
border-radius: 4.8rem;
margin-right: 1.6rem;
display: inline-block;
}
.left-col .social-items a:hover {
background: #00843D;
color: white;
}
.left-col .social-items a i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
font-size: 4rem;
}
.left-col .web-items {
display: inline-block;
vertical-align: top;
margin-top: 7rem;
}
@media screen and (max-width: 900px) {
.left-col .web-items {
margin-top: 1rem;
}
}
.left-col .web-items a {
display: block;
line-height: 4.4rem;
height: 4.4rem;
background: #FFF0DE;
border-radius: 3rem;
text-decoration: none;
font-size: 1.6rem;
width: 20rem;
text-align: center;
}
.left-col .web-items a:hover {
background: #00843D;
color: white;
}
.left-col .web-items a:nth-of-type(1) {
margin-bottom: 0.8rem;
}
.right-col {
width: 50%;
display: inline-block;
vertical-align: top;
}
.contacts-items p {
position: relative;
padding-left: 4.5rem;
font-size: 2rem;
font-weight: 700;
color: #00843D;
margin: 2rem 0;
}
.contacts-items p a {
text-decoration: none;
color: #1B4026;
}
.contacts-items p a:hover {
color: #00843D;
}
.contacts-items p i {
position: absolute;
left: 0;
}
.section--company-store .container {
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 700px) {
.section--company-store .container {
display: block;
}
}
.section--company-store .container .left-col {
width: 42rem;
background: #FFF0DE;
padding: 4.5rem 4rem 4.9rem 7.7rem;
}
@media screen and (max-width: 900px) {
.section--company-store .container .left-col {
padding: 2.5rem 2rem 2.9rem 2.7rem;
}
}
@media screen and (max-width: 700px) {
.section--company-store .container .left-col {
width: 100%;
}
}
.section--company-store .container .left-col h2 {
margin: 0 0 3rem 0;
}
.section--company-store .container .left-col address i {
color: #1B4026;
}
.section--company-store .container .left-col .contacts-items p {
font-weight: 400;
font-size: 1.6rem;
}
.section--company-store .container .left-col .contacts-items p i {
color: #1B4026;
}
.section--company-store .container .left-col .open-hours {
padding-left: 4.5rem;
}
.section--company-store .container .right-col {
position: relative;
width: calc(100% - 42rem);
padding-left: 1.6rem;
overflow: hidden;
}
@media screen and (max-width: 700px) {
.section--company-store .container .right-col {
width: 100%;
padding-left: 0;
}
}
.section--company-store .container .right-col #m > div {
width: 100% !important;
height: 100% !important;
}
.section--company-store .container .right-col > img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-width: initial;
min-height: 100%;
min-width: 100%;
}
@media screen and (max-width: 700px) {
.section--company-store .container .right-col > img {
position: static;
-webkit-transform: none;
transform: none;
max-width: 100%;
min-height: initial;
}
}
.section--distribution .inner {
max-width: 88rem;
margin: 0 auto;
}
.distribution-items {
font-size: 0;
}
.distribution-items .distribution-item {
display: inline-block;
vertical-align: top;
width: 33.3333%;
padding-right: 2rem;
}
@media screen and (max-width: 700px) {
.distribution-items .distribution-item {
width: 50%;
margin-bottom: 1rem;
}
}
@media screen and (max-width: 500px) {
.distribution-items .distribution-item {
width: 100%;
padding-right: 0;
text-align: center;
}
}
.distribution-items .distribution-item p.h3 {
text-align: left;
margin-top: 0;
}
@media screen and (max-width: 500px) {
.distribution-items .distribution-item p.h3 {
text-align: center;
}
}
.distribution-items .distribution-item .contacts p {
margin: 0;
}
.distribution-items .distribution-item .contacts p.h3 {
margin: 0;
}
.about-shoping-anchors {
font-size: 0;
margin: 2rem 0 5rem;
display: block;
}
@media screen and (max-width: 600px) {
.about-shoping-anchors {
margin: 2rem 0 0 0;
display: none;
}
}
.about-shoping-anchors p {
display: inline-block;
vertical-align: baseline;
padding: 0 1.4rem;
margin: 0;
}
@media screen and (max-width: 600px) {
.about-shoping-anchors p {
width: 50%;
}
}
@media screen and (max-width: 600px) {
.section--timeline {
padding: 0;
}
}
.section--timeline .inner {
max-width: 90rem;
margin: 0 auto;
}
.section--timeline-years {
padding-bottom: 15rem;
}
.section--timeline-years .inner {
max-width: 110rem;
}
.timeline-items {
font-size: 0;
}
.timeline-item {
position: relative;
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 9rem;
}
@media screen and (max-width: 600px) {
.timeline-item {
padding-bottom: 3rem;
}
}
.timeline-item:nth-of-type(2) .timeline-item__icon > img, .timeline-item:nth-of-type(5) .timeline-item__icon > img, .timeline-item:nth-of-type(8) .timeline-item__icon > img {
left: 1.2rem;
top: -5rem;
}
.timeline-item:nth-of-type(3) .timeline-item__icon > img, .timeline-item:nth-of-type(6) .timeline-item__icon > img, .timeline-item:nth-of-type(9) .timeline-item__icon > img {
left: 4.2rem;
top: -4.5rem;
}
@media screen and (max-width: 900px) {
.timeline-item:nth-of-type(3) .timeline-item__icon > img, .timeline-item:nth-of-type(6) .timeline-item__icon > img, .timeline-item:nth-of-type(9) .timeline-item__icon > img {
left: 2.2rem;
top: -2.5rem;
}
}
.timeline-item:last-of-type {
padding-bottom: 0;
}
.timeline-item:last-of-type .middle-col:before {
display: none;
}
.timeline-item:last-of-type .middle-col:after {
display: none;
}
.timeline-item .left-col {
display: inline-block;
vertical-align: top;
width: calc(50% - 11rem);
}
@media screen and (max-width: 900px) {
.timeline-item .left-col {
width: calc(50% - 7rem);
}
}
@media screen and (max-width: 600px) {
.timeline-item .left-col {
width: 100%;
margin-bottom: 2rem;
}
}
.timeline-item .left-col h2 {
margin: 2.4rem 0 0 0;
}
@media screen and (max-width: 600px) {
.timeline-item .left-col h2 {
margin: 0;
}
}
.timeline-item .middle-col {
position: relative;
display: inline-block;
vertical-align: top;
width: 22rem;
text-align: center;
}
@media screen and (max-width: 900px) {
.timeline-item .middle-col {
width: 14rem;
}
}
@media screen and (max-width: 600px) {
.timeline-item .middle-col {
display: none;
}
}
.timeline-item .middle-col:before {
position: absolute;
content: "";
z-index: 1;
width: 2px;
background: #00843D;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 9rem;
bottom: -9rem;
}
@media screen and (max-width: 600px) {
.timeline-item .middle-col:before {
display: none;
}
}
.timeline-item .middle-col:after {
position: absolute;
content: "";
width: 8px;
height: 8px;
border: 2px solid #00843D;
border-left: 0;
border-bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
transform: translateX(-50%) translateY(-50%) rotate(135deg);
top: calc(50% + 9rem);
}
@media screen and (max-width: 600px) {
.timeline-item .middle-col:after {
display: none;
}
}
.timeline-item .right-col {
display: inline-block;
width: calc(50% - 11rem);
vertical-align: top;
}
@media screen and (max-width: 900px) {
.timeline-item .right-col {
width: calc(50% - 7rem);
}
}
@media screen and (max-width: 600px) {
.timeline-item .right-col {
width: 100%;
}
}
.timeline-item.timeline-item--year {
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.timeline-item.timeline-item--year:nth-of-type(1):before {
top: 50%;
}
.timeline-item.timeline-item--year:nth-of-type(2n) .left-col {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
@media screen and (max-width: 600px) {
.timeline-item.timeline-item--year:nth-of-type(2n) .left-col {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.timeline-item.timeline-item--year:nth-of-type(2n) p.timeline-item__year {
text-align: left;
}
@media screen and (max-width: 600px) {
.timeline-item.timeline-item--year:nth-of-type(2n) p.timeline-item__year {
text-align: center;
}
}
.timeline-item.timeline-item--year:nth-of-type(2n) .middle-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.timeline-item.timeline-item--year:nth-of-type(2n) .right-col {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media screen and (max-width: 600px) {
.timeline-item.timeline-item--year:nth-of-type(2n) .right-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.timeline-item.timeline-item--year:last-of-type:before {
bottom: 50%;
}
.timeline-item.timeline-item--year:before {
position: absolute;
content: "";
z-index: 1;
width: 2px;
background: #00843D;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
bottom: -9rem;
}
@media screen and (max-width: 600px) {
.timeline-item.timeline-item--year:before {
display: none;
}
}
.timeline-item.timeline-item--year .middle-col:before, .timeline-item.timeline-item--year .middle-col:after {
display: none;
}
.timeline-item__icon {
position: relative;
}
.timeline-item__icon span:not(.timeline-item__icon-plant) {
position: relative;
z-index: 2;
display: block;
width: 9rem;
height: 9rem;
background-color: #FFF0DE;
border-radius: 4.5rem;
margin: 0 auto;
}
@media screen and (max-width: 1000px) {
.timeline-item__icon span:not(.timeline-item__icon-plant) {
width: 7rem;
height: 7rem;
}
}
.timeline-item__icon span:not(.timeline-item__icon-plant) img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-width: 5.4rem;
}
@media screen and (max-width: 1000px) {
.timeline-item__icon span:not(.timeline-item__icon-plant) img {
max-width: 3.4rem;
}
}
.timeline-item__icon span.timeline-item__no-icon:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 1rem;
height: 1rem;
background-color: #00843D;
border-radius: 1rem;
}
.timeline-item__icon > img {
position: absolute;
z-index: 1;
left: 5.2rem;
top: -6rem;
}
@media screen and (max-width: 900px) {
.timeline-item__icon > img {
width: 10rem;
left: 2.2rem;
top: -5rem;
}
}
.timeline-item__content h1, .timeline-item__content h2, .timeline-item__content h3, .timeline-item__content h4 {
margin-top: 0;
}
.timeline-item__links p {
margin: 0 0 1rem 0;
}
.timeline-item__thumb {
position: relative;
}
@media screen and (max-width: 600px) {
.timeline-item__thumb {
text-align: center;
}
}
.timeline-item__thumb p {
position: absolute;
z-index: 2;
margin: 0;
line-height: 1;
color: white;
font-size: 5.2rem;
font-family: "Roboto Slab", sans-serif;
left: 3rem;
bottom: 1.5rem;
}
@media screen and (max-width: 1000px) {
.timeline-item__thumb p {
font-size: 4rem;
left: 3rem;
}
}
@media screen and (max-width: 600px) {
.timeline-item__thumb p {
font-size: 3.5rem;
left: 1.5rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
p.timeline-item__year {
margin: 0;
line-height: 1;
color: #1B4026;
font-size: 5.2rem;
font-family: "Roboto Slab", sans-serif;
text-align: right;
}
@media screen and (max-width: 1000px) {
p.timeline-item__year {
font-size: 4rem;
}
}
@media screen and (max-width: 600px) {
p.timeline-item__year {
font-size: 3.5rem;
text-align: center;
}
}
.section--more-questions .container {
background-color: #FFF0DE;
padding: 8rem 2.5rem 6.5rem 2.5rem;
text-align: center;
}
@media screen and (max-width: 1000px) {
.section--more-questions .container {
padding: 4rem 1rem 3rem 1rem;
}
}
.section--more-questions .container p.h2 {
margin: 0 0 4rem 0;
}
@media screen and (max-width: 1000px) {
.section--more-questions .container p.h2 {
margin: 0 0 2rem 0;
}
}
.section--references-list .container {
position: relative;
}
.section--references-list .container img.before {
position: absolute;
z-index: 1;
top: -10rem;
right: -5.3rem;
}
@media screen and (max-width: 1400px) {
.section--references-list .container img.before {
right: 3.5rem;
}
}
@media screen and (max-width: 600px) {
.section--references-list .container img.before {
display: none;
}
}
.section--references-list .container img.after {
position: absolute;
z-index: 1;
bottom: -16rem;
left: -13.3rem;
}
@media screen and (max-width: 600px) {
.section--references-list .container img.after {
display: none;
}
}
.references-items {
font-size: 0;
position: relative;
z-index: 2;
margin: 0 -0.8rem 0 -0.8rem;
}
@media screen and (max-width: 900px) {
.references-items {
margin: 0 -0.4rem;
}
}
@media screen and (max-width: 600px) {
.references-items {
margin: 0;
}
}
.reference-item {
width: calc(33.3333% - 1.6rem);
margin: 0.8rem;
padding: 6.5rem 5rem;
background-color: #FFF0DE;
}
@media screen and (max-width: 1100px) {
.reference-item {
padding: 3rem;
}
}
@media screen and (max-width: 900px) {
.reference-item {
width: calc(50% - 0.8rem);
margin: 0.4rem;
}
}
@media screen and (max-width: 600px) {
.reference-item {
width: 100%;
margin: 0.4rem 0;
}
}
.reference-item p {
margin: 0;
}
.reference-item p.reference__name {
margin-top: 1.5rem;
}
.section--subpages {
padding-top: 0;
}
.subpages-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.6rem;
}
@media screen and (max-width: 1000px) {
.subpages-items {
gap: 0.6rem;
}
}
@media screen and (max-width: 740px) {
.subpages-items {
grid-template-columns: 1fr;
max-width: 38rem;
margin: 0 auto;
}
}
.subpage-item {
position: relative;
text-decoration: none;
}
.subpage-item:hover .subpage-item__thumb:after {
opacity: 0.8;
}
.subpage-item:hover .subpage-item__header .inner {
background: transparent;
}
.subpage-item__thumb {
position: relative;
overflow: hidden;
background: #1B4026;
}
.subpage-item__thumb:before {
display: block;
content: "";
padding-bottom: 75.2%;
}
.subpage-item__thumb:after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #00843D;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.subpage-item__thumb svg, .subpage-item__thumb img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.subpage-item__thumb img.default-thumb {
max-width: 80%;
}
.subpage-item__thumb svg {
max-width: 80%;
}
.subpage-item__header {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.subpage-item__header .inner {
position: relative;
padding: 1.8rem 7rem 1.8rem 3.4rem;
-webkit-transition: 0.3s;
transition: 0.3s;
background: rgba(0, 132, 61, 0.8);
}
@media screen and (max-width: 500px) {
.subpage-item__header .inner {
padding: 1.1rem 5.9rem 1.1rem 1rem;
}
}
.subpage-item__header .inner p {
margin: 0;
font-family: "Roboto Slab", sans-serif;
color: white;
font-size: 2.4rem;
line-height: 1.14;
}
@media screen and (max-width: 900px) {
.subpage-item__header .inner p {
font-size: 1.8rem;
}
}
.subpage-item__header-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 1.2rem;
display: block;
width: 4.8rem;
height: 4.8rem;
text-align: center;
line-height: 4.8rem;
font-size: 1.2rem;
color: white;
background-color: #00602A;
border-radius: 2.4rem;
}
@media screen and (max-width: 900px) {
.subpage-item__header-arrow {
width: 3.5rem;
height: 3.5rem;
line-height: 3.5rem;
}
}
.subpage-item__header-arrow i:before {
margin-right: 0;
margin-left: 0;
}
.section.section--with-cite .container .inner {
max-width: 102rem;
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 1000px) {
.section.section--with-cite .container .inner {
max-width: 80rem;
}
}
.section.section--with-cite .container .inner p.h2 {
margin-top: 0;
font-size: 2.4rem;
}
@media screen and (max-width: 1000px) {
.section.section--with-cite .container .inner p.h2 {
font-size: 2rem;
}
}
.section--with-cite-second {
padding-top: 0;
}
.section--with-cite-second .divider {
margin: 5rem 0 6rem 0;
}
@media screen and (max-width: 600px) {
.section--with-cite-second .divider {
margin: 0 0 5rem 0;
}
}
.section--dr-popov-club {
background: #00843D;
margin-bottom: 15rem;
}
.section--dr-popov-club .container {
display: grid;
grid-template-columns: 1fr 1fr;
font-size: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 600px) {
.section--dr-popov-club .container {
display: block;
}
}
.section--dr-popov-club p, .section--dr-popov-club ul, .section--dr-popov-club ol, .section--dr-popov-club h1, .section--dr-popov-club h2, .section--dr-popov-club h3, .section--dr-popov-club h4, .section--dr-popov-club a {
color: white;
}
.section--dr-popov-club h1, .section--dr-popov-club h2, .section--dr-popov-club h3, .section--dr-popov-club h4 {
margin-top: 0;
}
.section--dr-popov-club a:hover {
color: white;
}
.section--dr-popov-club .left-col {
width: 100%;
max-width: 40rem;
}
@media screen and (max-width: 600px) {
.section--dr-popov-club .left-col {
margin: 0 auto 2rem auto;
display: block;
text-align: center;
}
.section--dr-popov-club .left-col p {
text-align: left;
}
}
.section--dr-popov-club .left-col .btn {
margin-top: 3rem;
color: #1B4026;
}
.section--dr-popov-club .left-col .btn:hover {
background: #F2CFA6;
}
.section--dr-popov-club .right-col {
position: relative;
width: 100%;
}
.section--dr-popov-club .right-col:before {
content: "";
padding-bottom: 43%;
display: block;
}
.section--dr-popov-club .right-col img {
position: absolute;
left: 0;
bottom: -27.4rem;
}
@media screen and (max-width: 1500px) {
.section--dr-popov-club .right-col img {
bottom: -29.2rem;
}
}
@media screen and (max-width: 1230px) {
.section--dr-popov-club .right-col img {
bottom: -103%;
}
}
@media screen and (max-width: 600px) {
.section--dr-popov-club .right-col img {
bottom: -79%;
max-width: 79%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.section--partners {
padding-bottom: 8rem;
}
.section--partners .inner {
max-width: 88rem;
margin: 0 auto;
}
.partners-slider-items {
margin-bottom: 6rem;
}
@media screen and (max-width: 600px) {
.partners-slider-items {
margin-top: 3rem;
margin-bottom: 1rem;
}
}
.partners-slider-item {
font-size: 0;
}
.partners-slider-item .left-col {
width: 30%;
vertical-align: middle;
}
@media screen and (max-width: 600px) {
.partners-slider-item .left-col {
width: 100%;
text-align: center;
}
}
@media screen and (max-width: 600px) {
.partners-slider-item .left-col img {
max-width: 17rem;
display: inline-block;
}
}
.partners-slider-item .right-col {
width: 70%;
padding-left: 7rem;
vertical-align: middle;
}
@media screen and (max-width: 600px) {
.partners-slider-item .right-col {
width: 100%;
padding-left: 0;
}
}
.gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.6rem;
}
@media screen and (max-width: 1000px) {
.gallery {
gap: 0.8rem;
}
}
.gallery a:nth-of-type(n+4) {
display: none;
}
.section--modular .gallery {
margin: 5rem -5rem;
}
@media screen and (max-width: 1000px) {
.section--modular .gallery {
margin: 3rem 0;
}
}
.section--gallery {
padding-top: 0;
}
.section--quality-intro {
padding-bottom: 0;
}
.section--quality-intro .divider {
margin: 5rem 0 0 0;
}
.product-line-item {
font-size: 0;
margin-bottom: 4rem;
}
.product-line-item:last-of-type {
margin-bottom: 0;
}
.product-line-item .left-col {
vertical-align: middle;
width: 39%;
}
@media screen and (max-width: 600px) {
.product-line-item .left-col {
display: none;
}
}
.product-line-item .right-col {
vertical-align: middle;
width: 61%;
padding-left: 1.6rem;
}
@media screen and (max-width: 600px) {
.product-line-item .right-col {
width: 100%;
padding-left: 0;
text-align: center;
}
}
.product-line-item .right-col p.h4 {
margin-bottom: 1rem;
}
.product-line-item .right-col img.mobile-image {
display: none;
}
@media screen and (max-width: 600px) {
.product-line-item .right-col img.mobile-image {
display: block;
margin: 1rem auto;
}
}
.product-line-item .product-line-item__content p {
text-align: left;
}
.product-line-item .product-line-item__content p:last-of-type {
margin-bottom: 0;
}
.product-line-item .product-line-item__most-sellers {
margin-bottom: 3rem;
}
@media screen and (max-width: 600px) {
.product-line-item .product-line-item__most-sellers {
text-align: center;
margin-bottom: 2rem;
}
}
.product-line-item .product-line-item__most-sellers p {
display: inline-block;
vertical-align: middle;
margin: 0 2.7rem 0 0;
}
@media screen and (max-width: 600px) {
.product-line-item .product-line-item__most-sellers p {
margin: 0.5rem;
}
}
.section--modular {
padding-top: 0;
}
.section--modular .container {
max-width: 93rem;
}
.section--modular h2 {
margin-top: 3.2rem;
}
.section--sellers-form {
margin-top: 3rem;
}
.section--sellers-form .container {
position: relative;
}
@media screen and (max-width: 1751px) {
.section--sellers-form .container {
max-width: 120rem;
}
}
@media screen and (max-width: 1371px) {
.section--sellers-form .container {
max-width: 100rem;
}
}
.section--sellers-form .container > img {
position: absolute;
z-index: 1;
right: -18rem;
top: -25rem;
}
@media screen and (max-width: 1577px) {
.section--sellers-form .container > img {
right: -13rem;
}
}
@media screen and (max-width: 1126px) {
.section--sellers-form .container > img {
right: -6rem;
max-width: 50rem;
top: -21rem;
}
}
@media screen and (max-width: 1005px) {
.section--sellers-form .container > img {
display: none;
}
}
.section--sellers-form .container__inner {
position: relative;
z-index: 2;
background: #FFF0DE;
padding: 8.5rem 11.2rem;
font-size: 0;
}
@media screen and (max-width: 1751px) {
.section--sellers-form .container__inner {
padding: 5.5rem 7.2rem;
}
}
@media screen and (max-width: 1371px) {
.section--sellers-form .container__inner {
padding: 3.5rem 3.2rem;
}
}
@media screen and (max-width: 800px) {
.section--sellers-form .container__inner {
padding: 2.5rem 1.5rem;
}
}
.section--sellers-form .left-col {
display: inline-block;
vertical-align: top;
width: 50%;
padding-right: 2rem;
}
@media screen and (max-width: 800px) {
.section--sellers-form .left-col {
width: 100%;
padding-right: 0;
}
}
.section--sellers-form .left-col .inner {
max-width: 43rem;
}
@media screen and (max-width: 800px) {
.section--sellers-form .left-col .inner {
max-width: 100%;
}
}
.section--sellers-form .left-col h2 {
margin-top: 0;
max-width: 34rem;
}
@media screen and (max-width: 800px) {
.section--sellers-form .left-col h2 {
max-width: 100%;
text-align: center;
}
}
.section--sellers-form .right-col {
display: inline-block;
vertical-align: top;
width: 50%;
text-align: right;
}
@media screen and (max-width: 800px) {
.section--sellers-form .right-col {
width: 100%;
text-align: center;
}
}
.section--sellers-form .right-col .wpcf7 {
display: inline-block;
text-align: left;
max-width: 49.5rem;
width: 100%;
}
.section--sellers-form .form-control {
height: 4rem;
line-height: 4rem;
}
.section--sellers-form textarea.form-control {
height: 15rem;
}
.cols-with-icons-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12rem;
margin: 4rem 0;
}
@media screen and (max-width: 1000px) {
.cols-with-icons-items {
gap: 5rem;
margin: 2rem 0;
}
}
@media screen and (max-width: 700px) {
.cols-with-icons-items {
gap: 2rem;
}
}
@media screen and (max-width: 600px) {
.cols-with-icons-items {
grid-template-columns: 1fr;
}
}
.col-with-icon-item P.h3 {
margin: 1.9rem 0;
}
.col-with-icon-item__icon {
position: relative;
display: inline-block;
width: 9rem;
height: 9rem;
background-color: #FFF0DE;
border-radius: 4.5rem;
margin: 0;
}
@media screen and (max-width: 1000px) {
.col-with-icon-item__icon {
width: 7rem;
height: 7rem;
}
}
@media screen and (max-width: 600px) {
.col-with-icon-item__icon {
margin: 0 auto 2rem auto;
display: block;
}
}
.col-with-icon-item__icon img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-width: 5.4rem;
}
@media screen and (max-width: 1000px) {
.col-with-icon-item__icon img {
max-width: 3.4rem;
}
}
.col-with-icon-item__content p:first-of-type {
margin-top: 0;
}
.col-with-icon-item__content p:last-of-type {
margin-bottom: 0;
}
.question-item {
background: #FFF0DE;
border-radius: 3.6rem;
margin-bottom: 1.6rem;
}
.question-item:last-of-type {
margin-bottom: 0;
}
.question-item.question-item--opened .question-item__header .arrow {
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.question-item__header {
position: relative;
padding: 2.5rem 12rem 2.5rem 3.8rem;
}
@media screen and (max-width: 700px) {
.question-item__header {
padding: 1.5rem 6rem 1.5rem 2.5rem;
}
}
.question-item__header:hover {
cursor: pointer;
}
.question-item__header:hover .arrow {
background: #00843D;
color: white;
}
.question-item__header p {
margin: 0;
}
.question-item__header .arrow {
position: absolute;
right: 1.2rem;
top: 50%;
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
width: 4.8rem;
height: 4.8rem;
text-align: center;
line-height: 4.8rem;
font-size: 1.2rem;
color: #00843D;
background-color: white;
border-radius: 2.4rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 700px) {
.question-item__header .arrow {
width: 3.6rem;
height: 3.6rem;
line-height: 3.6rem;
}
}
.question-item__header .arrow i:before {
margin: 0;
}
.question-item__content {
padding: 0 12rem 0 3.8rem;
display: none;
}
@media screen and (max-width: 700px) {
.question-item__content {
padding: 0 2.5rem;
}
}
.question-item__content p:first-of-type {
margin-top: 0;
}
.question-item__content p:last-of-type {
margin-bottom: 0;
}
.question-item__content .content__footer {
text-align: right;
padding: 2rem 0;
}
@media screen and (max-width: 600px) {
.question-item__content .content__footer {
text-align: center;
}
}
.question-item__content .content__footer a {
margin-left: 2rem;
}
@media screen and (max-width: 600px) {
.question-item__content .content__footer a {
margin-left: 0;
display: block;
}
}
.section--single-page-header .container {
max-width: 93rem;
}
.section--single-page-header .inner {
max-width: 100%;
text-align: left;
}
.section--post-content h1, .section--post-content h2, .section--post-content h3, .section--post-content h4 {
position: relative;
}
.single-content-links ul {
margin: 0;
}
.single-content-links ul li {
position: relative;
list-style-type: none;
padding-left: 2rem;
}
.single-content-links ul li:before {
position: absolute;
left: 0;
top: 0.4rem;
content: ">";
font-size: 2rem;
color: #1B4026;
line-height: 1;
}
.single-content-links ul li a {
color: #1B4026;
}
.single-content-links ul li a:hover {
color: #00843D;
}
.wp-block-embed iframe {
max-width: 100%;
width: 100%;
aspect-ratio: 16/9;
height: auto;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
font-size: 1.5rem;
}
.woocommerce-info[data-class=free-delivery] {
border-top-color: #f77f30;
}
.woocommerce-info[data-class=free-delivery]:before {
color: #f77f30;
content: "\e019";
}
.woocommerce-error {
border-top-color: #EE4864;
}
.woocommerce-error:before {
color: #EE4864;
}
.woocommerce-message {
border-top-color: #00843D;
}
.woocommerce-message:before {
color: #00843D;
}
.section--cart {
padding-top: 2rem;
}
.woocommerce table.shop_table {
border-color: #FFF0DE;
font-size: 1.5rem;
color: #1B4026;
}
.woocommerce table.shop_table tr td {
font-weight: 400;
font-size: 1.6rem;
border-top: 1px solid #FFF0DE;
}
.woocommerce table.shop_table thead tr {
background: #FFF0DE;
}
.woocommerce table.shop_table thead tr th {
font-weight: 400;
}
.woocommerce table.shop_table tbody tr:hover {
background: white;
}
.woocommerce table.shop_table tbody tr:first-of-type {
background: white;
}
.woocommerce table.shop_table .price--without-tax {
font-size: 14px;
}
.cart_totals table tr.order-total {
display: none;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
border-top: 1px solid #FFF0DE;
}
.woocommerce .woocommerce-customer-details tfoot tr:last-child, .woocommerce .woocommerce-order-details tfoot tr:last-child, .woocommerce .woocommerce-order-downloads tfoot tr:last-child {
background: #FFF0DE;
}
.woocommerce table.shop_table.woocommerce-cart-form__contents tbody tr:last-of-type {
background: #FFF0DE;
}
.woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-of-type {
background: #FFF0DE;
}
.product-subtotal .woocommerce-Price-amount bdi {
font-weight: 600;
}
.woocommerce-cart table.cart td.actions .coupon,
.woocommerce-checkout table.cart td.actions .coupon {
font-size: 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
width: 16rem;
padding: 0 1.3rem;
color: #1B4026;
border-color: #1B4026;
border-radius: 3.1rem 0 0 3.1rem;
margin: 0;
}
@media screen and (max-width: 400px) {
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
border-radius: 3.1rem;
margin: 0 auto 1rem auto;
display: block;
width: 100%;
float: none;
}
}
.woocommerce-cart table.cart td.actions .coupon .btn,
.woocommerce-checkout table.cart td.actions .coupon .btn {
border-radius: 0 3.1rem 3.1rem 0;
}
@media screen and (max-width: 400px) {
.woocommerce-cart table.cart td.actions .coupon .btn,
.woocommerce-checkout table.cart td.actions .coupon .btn {
border-radius: 3.1rem;
margin: 0 auto;
width: 100%;
float: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
text-align: right;
}
.woocommerce-checkout h3:nth-of-type(1) {
margin-top: 0;
}
h3#order_review_heading {
margin-top: 2rem;
}
.woocommerce form .form-row {
position: relative;
padding: 0;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
width: 100%;
border: 1px solid #1B4026;
line-height: 5rem;
height: 5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3.1rem;
font-size: 1.8rem;
display: inline-block;
vertical-align: middle;
padding: 0 3rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 900px) {
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
font-size: 16px;
}
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 5rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 1rem;
}
.select2-search--dropdown .select2-search__field {
font-size: 16px;
}
.woocommerce form .form-row textarea {
height: 13.5rem;
resize: none;
line-height: 1.3;
padding: 1rem 3rem;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: white;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 0 12px 1rem 12px;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: #FFF0DE;
}
#add_payment_method #payment div.payment_box:before,
.woocommerce-cart #payment div.payment_box:before,
.woocommerce-checkout #payment div.payment_box:before {
border-bottom-color: #FFF0DE;
}
@media screen and (max-width: 600px) {
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 600px) {
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr td {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 600px) {
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping td {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
} .woocommerce ul#shipping_method.woocommerce-shipping-methods li {
position: relative;
padding-left: 2.2rem;
}
.woocommerce ul#shipping_method.woocommerce-shipping-methods li input {
margin-top: 9px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
}
.woocommerce ul#shipping_method.woocommerce-shipping-methods label > img {
display: inline-block;
vertical-align: middle;
width: 7rem;
margin-right: 0.7rem;
}
.woocommerce ul#shipping_method.woocommerce-shipping-methods label div {
display: inline-block;
vertical-align: middle;
width: calc(100% - 10.7rem);
}
.woocommerce ul#shipping_method.woocommerce-shipping-methods label div img {
display: none;
}
.shipping-box {
position: relative;
background: #FFF0DE;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 40rem;
display: none;
padding: 1em;
margin: 1em 0;
font-size: 0.92em;
border-radius: 2px;
line-height: 1.5;
color: #515151;
}
.shipping-box.active {
display: block;
}
.shipping-box:before {
content: "";
display: block;
border: 1em solid #dfdcde;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
border-bottom-color: #FFF0DE;
position: absolute;
top: -0.75em;
left: 0;
margin: -1em 0 0 2em;
}
.shipping-box p {
margin: 0;
}
#add_payment_method #payment div.payment_box p:first-child,
.woocommerce-cart #payment div.payment_box p:first-child,
.woocommerce-checkout #payment div.payment_box p:first-child {
margin-top: 0;
}
#payment {
margin-top: 3rem;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
position: relative;
position: relative;
display: inline-block;
vertical-align: middle;
background: #00843D;
color: #ffffff;
border-radius: 3.1rem;
-webkit-transition: 0.3s;
transition: 0.3s;
text-transform: uppercase;
font-size: 1.6rem;
-webkit-box-sizing: content-box;
box-sizing: content-box;
line-height: 6.2rem;
height: 6.2rem;
border: none;
padding: 0 2rem;
text-decoration: none;
letter-spacing: 2px;
padding: 0 8rem 0 3.5rem;
}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
background: #FFF0DE;
color: #1B4026;
}
.woocommerce #payment #place_order:after, .woocommerce-page #payment #place_order:after {
font-family: "drpopov";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: 0.2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  content: "\e812";
position: absolute;
right: 0.6rem;
right: 0.4rem;
top: 0.7rem;
width: 4.8rem;
height: 4.8rem;
text-align: center;
line-height: 4.8rem;
font-size: 1.3rem;
color: white;
background: #1B4026;
border-radius: 2.4rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 768px) {
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
padding: 0 8rem 0 3.5rem;
height: 6.2rem;
line-height: 6.2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 430px) {
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
padding: 0 3.5rem;
font-size: 1.4rem;
}
.woocommerce #payment #place_order:after, .woocommerce-page #payment #place_order:after {
display: none;
}
}
@media screen and (max-width: 370px) {
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
padding: 0 1.5rem;
letter-spacing: 1px;
}
}
.woocommerce #payment #place_order:hover:after, .woocommerce-page #payment #place_order:hover:after {
background: #00843D;
}
.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
padding: 0;
}
.woocommerce .woocommerce-customer-details h2,
.woocommerce .woocommerce-order-details h2,
.woocommerce .woocommerce-order-downloads h2 {
margin-top: 0;
}
.woocommerce-columns {
padding-top: 0;
padding-bottom: 0;
}
.woocommerce .woocommerce-customer-details address {
font-size: 1.6rem;
padding: 1rem 2rem;
border: 1px solid #FFF0DE;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1.4;
}
.woocommerce .woocommerce-customer-details address p {
margin-top: 0;
}
.woocommerce .woocommerce-customer-details address p:first-of-type {
margin-top: 1rem;
}
.woocommerce ul.order_details li {
font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
.woocommerce-cart-form__cart-item .quantity {
display: inline-block;
}
}
@media screen and (max-width: 768px) {
.woocommerce-cart-form__cart-item .quantity .quantity-control {
padding-left: 0;
padding-right: 1.4rem;
}
}
@media screen and (max-width: 768px) {
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
float: left;
}
}
@media screen and (max-width: 620px) {
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
float: none;
max-width: 34.8rem;
margin-bottom: 1rem;
}
}
#billing_number_prefix_field {
width: 12rem;
display: inline-block;
}
#billing_phone_field {
display: inline-block;
width: calc(100% - 13rem);
margin-left: 1rem;
}
ul.smap-suggest {
width: 100% !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #00843D;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: #1B4026;
}
.branch-list-balikovna-item,
.branch-list-item {
font-size: 1.6rem;
}
.data-pobocky-balikovna-left,
.data-pobocky-left {
font-size: 1.6rem;
}
.balikovna-cz-body-left input,
.napostu-cz-body-left input {
font-size: 1.5rem;
}
.woocommerce td.product-name dl.variation {
margin-top: 0;
}
.woocommerce td.product-name dl.variation p {
margin: 0;
}
.section--footer-contact {
margin-top: 5rem;
}
.section--footer-contact .container {
font-size: 0;
}
.section--footer-contact .container .left-col {
width: 33.6%;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 1000px) {
.section--footer-contact .container .left-col {
width: 100%;
text-align: center;
margin-bottom: 2rem;
}
}
.section--footer-contact .container .left-col p {
margin: 0;
}
.section--footer-contact .container .middle-col {
width: 49%;
display: inline-grid;
vertical-align: middle;
grid-template-columns: 1fr 1fr;
gap: 1.6rem;
}
@media screen and (max-width: 1000px) {
.section--footer-contact .container .middle-col {
width: calc(100% - 16rem);
}
}
@media screen and (max-width: 700px) {
.section--footer-contact .container .middle-col {
width: 100%;
}
}
@media screen and (max-width: 530px) {
.section--footer-contact .container .middle-col {
grid-template-columns: 1fr;
}
}
.section--footer-contact .container .right-col {
width: 17.4%;
display: inline-block;
vertical-align: middle;
text-align: right;
}
@media screen and (max-width: 1000px) {
.section--footer-contact .container .right-col {
width: 16rem;
}
}
@media screen and (max-width: 700px) {
.section--footer-contact .container .right-col {
width: 100%;
text-align: center;
margin-top: 2rem;
}
}
.section--footer-contact p, .section--footer-contact a {
color: white;
}
.footer-contact-info-box {
border: 1px solid #1B4026;
border-radius: 0.6rem;
padding: 2.7rem 3.7rem 2.1rem 3.7rem;
}
@media screen and (max-width: 1215px) {
.footer-contact-info-box {
padding: 1.7rem 1.7rem 1.1rem 1.7rem;
}
}
.footer-contact-info-box.footer-contact-info-box--contacts p {
font-weight: 700;
}
.footer-contact-info-box.footer-contact-info-box--contacts p i {
font-size: 2rem;
}
.footer-contact-info-box p {
margin: 0;
}
.footer-contact-info-box p.phone-link, .footer-contact-info-box .footer-contact-info-box__title {
margin: 0 0 1.2rem 0;
}
.footer-contact-info-box p.social-icon {
display: inline-block;
vertical-align: middle;
margin: 0 0.8rem 0 0;
font-size: 2.8rem;
}
.footer-contact-info-box a:hover {
color: #1B4026;
} footer.footer {
padding: 8.5rem 0 6.5rem 0;
}
@media screen and (max-width: 1000px) {
footer.footer {
padding: 5.5rem 0 3.5rem 0;
}
}
footer.footer .container {
display: grid;
grid-template-columns: 1.17fr 3.05fr 3.05fr;
grid-template-rows: auto auto auto;
gap: 4rem 1.6rem;
}
@media screen and (max-width: 820px) {
footer.footer .container {
grid-template-columns: 1fr 2fr 2fr;
gap: 2.5rem 1rem;
}
}
@media screen and (max-width: 700px) {
footer.footer .container {
grid-template-columns: 1fr 1fr;
}
}
footer.footer hr {
display: block;
margin: 1.3rem 0 2rem 0;
border: none;
width: 100%;
height: 1px;
background-color: #F2CFA6;
}
@media screen and (max-width: 1000px) {
footer.footer hr {
margin: 0.6rem 0 1.2rem 0;
}
}
.footer_sitemap {
grid-column: 1/2;
grid-row: 1/1;
}
@media screen and (max-width: 700px) {
.footer_sitemap {
grid-column: 1/2;
grid-row: 1/1;
}
}
@media screen and (max-width: 360px) {
.footer_sitemap {
grid-column: 1/3;
}
}
.footer__products {
grid-column: 2/3;
grid-row: 1/1;
}
@media screen and (max-width: 700px) {
.footer__products {
grid-column: 2/3;
grid-row: 1/1;
}
}
@media screen and (max-width: 360px) {
.footer__products {
grid-column: 1/3;
grid-row: 2/2;
}
}
.footer_address {
grid-column: 3/4;
grid-row: 1/3;
padding-left: 23rem;
}
@media screen and (max-width: 1100px) {
.footer_address {
padding-left: 12rem;
}
}
@media screen and (max-width: 820px) {
.footer_address {
padding-left: 0;
}
}
@media screen and (max-width: 700px) {
.footer_address {
grid-column: 1/2;
grid-row: 4/4;
}
}
@media screen and (max-width: 500px) {
.footer_address {
grid-column: 1/3;
}
}
@media screen and (max-width: 360px) {
.footer_address {
grid-row: 5/5;
}
}
.footer_address p {
margin: 0;
}
.footer_address p a {
text-decoration: none;
color: #1B4026;
}
.footer_address p a:hover {
color: #00843D;
text-decoration: underline;
}
.footer__search {
grid-column: 1/3;
grid-row: 2/3;
}
@media screen and (max-width: 700px) {
.footer__search {
grid-column: 1/3;
grid-row: 3/3;
}
}
@media screen and (max-width: 360px) {
.footer__search {
grid-row: 4/4;
}
}
.footer__how-help {
grid-column: 1/3;
grid-row: 3/3;
}
@media screen and (max-width: 700px) {
.footer__how-help {
grid-column: 1/3;
grid-row: 2/2;
}
}
@media screen and (max-width: 360px) {
.footer__how-help {
grid-row: 3/3;
}
}
.footer__info {
grid-column: 3/4;
grid-row: 3/3;
padding-left: 23rem;
}
@media screen and (max-width: 1100px) {
.footer__info {
padding-left: 12rem;
}
}
@media screen and (max-width: 820px) {
.footer__info {
padding-left: 0;
}
}
@media screen and (max-width: 700px) {
.footer__info {
grid-column: 2/4;
grid-row: 4/4;
}
}
@media screen and (max-width: 500px) {
.footer__info {
grid-row: 5/5;
grid-column: 1/3;
}
}
@media screen and (max-width: 360px) {
.footer__info {
grid-row: 6/6;
}
}
p.footer__title {
font-family: "Roboto Slab", sans-serif;
font-size: 2.4rem;
line-height: 1.3333;
margin: 0;
}
@media screen and (max-width: 1000px) {
p.footer__title {
font-size: 2.1rem;
}
}
@media screen and (max-width: 600px) {
p.footer__title {
font-size: 1.9rem;
}
}
.navigation.navigation--footer.navigation--footer-products li.menu__item {
width: 50%;
display: inline-block;
vertical-align: top;
padding-right: 1.5rem;
}
@media screen and (max-width: 600px) {
.navigation.navigation--footer.navigation--footer-products li.menu__item {
width: 100%;
padding-right: 0;
}
}
.navigation.navigation--footer.navigation--important-info li.menu__item a {
text-decoration: underline;
}
.navigation.navigation--footer li.menu__item {
display: block;
margin: 0;
}
@media screen and (max-width: 600px) {
.navigation.navigation--footer li.menu__item {
margin: 0.25rem 0;
}
}
.navigation.navigation--footer li.menu__item a {
font-family: "DM Sans", sans-serif;
line-height: 1.625;
font-size: 14px;
}
.navigation.navigation--footer li.menu__item a:hover {
color: #00843D;
}
.navigation.navigation--footer li#menu-item-29862,
.navigation.navigation--footer li#menu-item-36775 {
position: relative;
padding-left: 3.8rem;
}
.navigation.navigation--footer li#menu-item-29862:before,
.navigation.navigation--footer li#menu-item-36775:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 3.2rem;
aspect-ratio: 810/540;
display: block;
background-image: url(//www.drpopov.cz/wp-content/themes/drpopov/images/eu.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.searchform.searchform--footer {
position: relative;
width: 100%;
max-width: 100%;
margin-bottom: 0;
}
.searchform.searchform--footer .form-control {
height: 5rem;
line-height: 5rem;
padding: 0 7rem 0 3rem;
}
.searchform.searchform--footer button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0.4rem;
height: 4.2rem;
width: 4.2rem;
line-height: 4.2rem;
font-size: 0;
padding: 0;
}
.searchform.searchform--footer button i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translate(-47%, -50%);
transform: translate(-47%, -50%);
font-size: 1.4rem;
}
address {
font-style: normal;
margin: 2rem 0;
}
.how-to-help-links {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.6rem;
}
@media screen and (max-width: 500px) {
.how-to-help-links {
grid-template-columns: 1fr 1fr;
}
}
.how-to-help-links a {
position: relative;
font-family: "DM Sans", sans-serif;
line-height: 1.625;
font-size: 1.4rem;
color: #1B4026;
text-decoration: none;
}
.how-to-help-links a:hover {
color: #00843D;
}
.footer__info-images {
margin-top: 2.5rem;
}
.footer__info-images img {
margin-right: 0.6rem;
margin-bottom: 0.6rem;
}
.copyright {
position: relative;
border-top: 1px solid #1B4026;
padding: 1.5rem 1.5rem;
font-size: 0;
}
.copyright .left-col {
width: 100%;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.copyright .right-col {
position: absolute;
display: inline-block;
vertical-align: middle;
text-align: right;
right: 1.5rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
.copyright .right-col {
position: static;
width: 100%;
text-align: center;
-webkit-transform: none;
transform: none;
margin-top: 1.2rem;
}
}
.copyright .right-col span {
font-size: 1.6rem;
color: #1B4026;
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
}
.copyright .right-col a {
display: inline-block;
vertical-align: middle;
max-width: 11rem;
}
.copyright .right-col a svg {
width: 100%;
height: auto;
}
.copyright p {
margin: 0;
}
.notification-bar {
position: fixed;
z-index: 50;
bottom: 0;
left: 0;
background: #EE4864;
width: 100%;
padding: 2rem 7rem;
}
@media screen and (max-width: 600px) {
.notification-bar {
padding: 1rem 5.5rem 1rem 1rem;
text-align: left;
}
}
.notification-bar .container {
padding: 0;
}
@media screen and (max-width: 600px) {
.notification-bar .container {
text-align: left;
}
}
.notification-bar p {
color: white;
}
.notification-bar p:nth-of-type(1) {
margin-top: 0;
}
.notification-bar p:last-of-type {
margin-bottom: 0;
}
.notification-bar p a {
text-decoration: underline;
color: white;
}
.notification-bar p a:hover {
text-decoration: none;
}
.notification-bar .close-notification-bar-btn {
position: absolute;
right: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 4.8rem;
height: 4.8rem;
background: #D43853;
border-radius: 2.4rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.notification-bar .close-notification-bar-btn:hover {
background: #00843D;
cursor: pointer;
}
@media screen and (max-width: 600px) {
.notification-bar .close-notification-bar-btn {
width: 3.5rem;
height: 3.5rem;
}
}
.notification-bar .close-notification-bar-btn svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.section--share-article {
padding: 0;
}
.section--share-article p, .section--share-article .addtoany_shortcode {
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
}
.blocker {
z-index: 999999 !important;
}
.modal.user-group-popup {
padding: 35px 20px;
text-align: center;
}
p.user-group-popup__title {
text-align: center;
font-size: 28px;
font-weight: 600;
color: #007b39;
margin-bottom: 25px;
}
.user-group-popup__content {
margin: 0;
text-align: left;
}
.user-group-popup__content p {
margin-bottom: 10px;
}
.user-group-popup__content p:last-of-type {
margin-bottom: 0;
}
.user-group-popup__btn {
margin: 25px auto 0 auto !important;
}
.modal .modal-content {
text-align: center;
}
.modal .modal-content p {
text-align: left;
}
.modal .modal-content p.title {
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: block;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button {
padding: 0;
text-decoration: underline;
color: #1B4026;
height: auto;
background: none;
line-height: 1.3;
display: block;
margin: 0.5rem 0;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button:hover {
color: #00843D;
background: none;
}
.woocommerce-Address address {
font-size: 1.6rem;
line-height: 1.3;
}
.woocommerce-password-strength {
font-size: 1.6rem;
margin-top: 1rem;
}
.section--cart-1 table.shop_table tr.fee {
display: none;
}
.tppl-selected-branche th:nth-of-type(1) {
min-width: 42rem;
}
@media screen and (max-width: 600px) {
.tppl-selected-branche th:nth-of-type(1) {
display: none;
}
}
@media screen and (max-width: 600px) {
.tppl-selected-branche #ppl-content {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media screen and (max-width: 600px) {
th.zasikovna-ico, th.tcp-choose-branche-th {
display: none;
}
}
@media screen and (max-width: 600px) {
.woocommerce table.shop_table tfoot tr:not(.cart-subtotal, .woocommerce-shipping-totals, .order-total) td {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 1.8rem;
margin-bottom: 1.3rem;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
border-radius: 9999px;
border: none;
padding: 0;
width: 2.4rem;
top: 2px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
position: relative;
margin-left: 3.6rem;
background: white;
padding: 0.7rem 1rem;
border-color: #FFF0DE;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text:before {
position: absolute;
content: "";
top: 8px;
left: -1px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
width: 11px;
height: 11px;
border: 1px solid #FFF0DE;
border-right: 0;
border-top: 0;
background: white;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
letter-spacing: 2px;
width: 5.8em;
color: #00843D;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating:before {
color: #00843D;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date {
white-space: nowrap;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
margin-top: 0.8rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description:empty {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description p {
font-size: 1.6rem;
line-height: 1.3;
margin: 0;
}
.woocommerce #reviews #comments ol.commentlist li ul.children {
margin: 0.9rem 0 0 3.6rem;
}
.woocommerce #reviews #comments ol.commentlist li ul.children li:before {
display: none;
}
.woocommerce #review_form_wrapper {
position: relative;
margin-top: 1rem;
}
.woocommerce #review_form_wrapper:before {
content: "Ohodnoťte produkt";
color: #1B4026;
line-height: 1.325;
margin: 8rem 0 2.4rem 0;
font-weight: 400;
font-family: "Roboto Slab", sans-serif;
font-size: 2rem;
margin-bottom: 0.6rem;
display: block;
margin-top: 0;
}
.woocommerce #review_form_wrapper p.stars {
margin-bottom: 0;
}
.woocommerce #review_form_wrapper p.stars a:hover {
color: #00843D;
}
.woocommerce #review_form_wrapper .comment-form-comment label {
font-size: 1.6rem;
line-height: 1.625;
color: #1B4026;
}
.woocommerce #review_form_wrapper .comment-form-comment label[for=comment] span {
display: none;
}
.woocommerce #review_form_wrapper .comment-form-rating {
display: inline-block;
margin-bottom: 1rem;
}
.woocommerce #review_form_wrapper .comment-form-rating label {
font-size: 1.6rem;
line-height: 1.625;
color: #1B4026;
}
.woocommerce #review_form_wrapper .comment-form-rating p {
line-height: 1;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border-radius: 1rem;
}
.woocommerce #review_form #respond textarea {
border-radius: 1rem;
border: 1px solid #1B4026;
resize: none;
height: 20rem;
}
.woocommerce #review_form #respond p {
margin-bottom: 0;
}
.woocommerce #review_form #respond p.comment-notes {
margin: -0.5rem 0 1.6rem 0;
line-height: 1.2;
}
.woocommerce #review_form #respond p.comment-form-author {
margin-bottom: 1rem;
}
.woocommerce #review_form #respond p.comment-form-author, .woocommerce #review_form #respond p.comment-form-email {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.8rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce #review_form #respond p.comment-form-author label, .woocommerce #review_form #respond p.comment-form-email label {
-webkit-box-flex: 0;
-ms-flex: 0 0 6rem;
flex: 0 0 6rem;
}
.woocommerce #review_form #respond p.comment-form-author input, .woocommerce #review_form #respond p.comment-form-email input {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 1rem;
border: 1px solid #1B4026;
padding: 1rem;
}
.woocommerce #review_form #respond p.comment-form-cookies-consent {
margin: 1rem 0;
}
.single-product-info .right-col h1.h2, .single-product-info .product-mobile-info h1.h2 {
margin-bottom: 0;
}
.single-product-info .left-col h1.h2.product-mobile-title {
text-align: left;
}
.woocommerce .product-rating,
.search-results .section--content .product .product-rating {
margin-top: 1rem;
margin-bottom: 2rem;
}
.woocommerce .product-rating.mobile,
.search-results .section--content .product .product-rating.mobile {
display: none;
}
@media screen and (max-width: 900px) {
.woocommerce .product-rating.mobile,
.search-results .section--content .product .product-rating.mobile {
display: block;
}
}
.woocommerce .product-rating .par-average-rating,
.search-results .section--content .product .product-rating .par-average-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce .product-rating .star-rating,
.search-results .section--content .product .product-rating .star-rating {
float: none;
letter-spacing: 1px;
font-size: 1.6rem;
color: #1B4026;
width: 5.8em;
}
.woocommerce .product-rating .star-rating:before,
.search-results .section--content .product .product-rating .star-rating:before {
color: #00843D;
}
.woocommerce .product-rating .star-rating span,
.search-results .section--content .product .product-rating .star-rating span {
color: #00843D;
}
.par-average-text, .par-count {
font-size: 13px;
line-height: 1;
opacity: 0.7;
color: #1B4026;
}
.products-list-right-col .product .product-rating,
.products-slider-items .product .product-rating,
.search-results .section--content .product .product-rating {
margin: 0;
margin-top: -1.5rem;
margin-bottom: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
.products-list-right-col .product .product-rating .star-rating,
.products-slider-items .product .product-rating .star-rating,
.search-results .section--content .product .product-rating .star-rating {
margin: 0;
font-size: 12px;
width: 5.7em;
}
.products-list-right-col .product .product-rating .par-average-text, .products-list-right-col .product .product-rating .par-count,
.products-slider-items .product .product-rating .par-average-text,
.products-slider-items .product .product-rating .par-count,
.search-results .section--content .product .product-rating .par-average-text,
.search-results .section--content .product .product-rating .par-count {
font-size: 11px;
}
.woocommerce #review_form #respond p.form-submit {
margin-top: 1rem;
}