404 Not Found

PATH: root / polmet2css

@charset "UTF-8";
/* FUNCTIONS */
/* MIXINS */
/* DEFINITIONS */
/* 32px */
/* DEFAULT SETTINGS */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #f7f7f7;
}

::-webkit-scrollbar-thumb {
  background: #ad9765;
}

::selection {
  color: #fff;
  background: #ad9765;
}

@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello.eot?44388426");
  src: url("../fonts/fontello.eot?44388426#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?44388426") format("woff2"), url("../fonts/fontello.woff?44388426") format("woff"), url("../fonts/fontello.ttf?44388426") format("truetype"), url("../fonts/fontello.svg?44388426#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'fontello';
      src: url('../font/fontello.svg?44388426#fontello') format('svg');
    }
  }
  */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-phone:before {
  content: '\e800';
}

/* '' */
.icon-home:before {
  content: '\e801';
}

/* '' */
.icon-email:before {
  content: '\e802';
}

/* '' */
.icon-twitter:before {
  content: '\f099';
}

/* '' */
.icon-facebook:before {
  content: '\f09a';
}

/* '' */
.icon-youtube-play:before {
  content: '\f16a';
}

/* '' */
.icon-instagram:before {
  content: '\f16d';
}

/* '' */
* {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  background: #efefef;
}

html {
  scroll-behavior: smooth;
}

header, main, footer, section, article {
  display: block;
}

em, i {
  font-style: italic;
}

/* FUNCTIONS */
/* MIXINS */
/* DEFINITIONS */
/* 32px */
@keyframes intro-back {
  from {
    filter: blur(50px);
    filter: blur(3.125rem);
  }
  to {
    filter: none;
  }
}

@keyframes intro-front {
  from {
    filter: blur(25px);
    filter: blur(1.5625rem);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    filter: none;
  }
}

@keyframes intro-slogan {
  from {
    filter: blur(25px);
    filter: blur(1.5625rem);
    opacity: 0;
  }
  to {
    filter: none;
    opacity: 1;
  }
}

/* FUNCTIONS */
/* MIXINS */
/* DEFINITIONS */
/* 32px */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
/*
$hamburger-types: (
  3dx,
  3dx-r,
  3dy,
  3dy-r,
  3dxy,
  3dxy-r,
  arrow,
  arrow-r,
  arrowalt,
  arrowalt-r,
  arrowturn,
  arrowturn-r,
  boring,
  collapse,
  collapse-r,
  elastic,
  elastic-r,
  emphatic,
  emphatic-r,
  minus,
  slider,
  slider-r,
  spin,
  spin-r,
  spring,
  spring-r,
  stand,
  stand-r,
  squeeze,
  vortex,
  vortex-r
) !default;
*/
.hamburger {
  padding: 0.9375rem 0.9375rem;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 2.5rem;
  height: 1.5rem;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -0.125rem;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 2.5rem;
  height: 0.25rem;
  background-color: #000;
  border-radius: 0.25rem;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -0.625rem;
}

.hamburger-inner::after {
  bottom: -0.625rem;
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu .socials .hamburger-button {
  display: none;
}

.hamburger-label {
  position: relative;
  top: -0.25rem !important;
}

.cookies-bar {
  background-color: rgba(0, 0, 0, 0.6);
  border-top: 0.125rem solid rgba(0, 0, 0, 0.6);
  color: white;
  position: fixed;
  bottom: 0;
  z-index: 100;
  padding: 1rem 1rem;
  line-height: 1.5rem;
  text-align: center;
  width: 100%;
}

.cookies-bar > div {
  float: left;
  width: 100%;
}

.cookies-bar > div > div {
  float: left;
  width: 50%;
  text-transform: uppercase;
}

.lg-actions {
  top: 50%;
  top: calc(50% - 39px / 2);
}

.slicknav_menu {
  display: block;
}

.slicknav_nav {
  position: relative !important;
  top: 0px !important;
}

/* PROJECT SPECIFIC SETTINGS */
:root {
  --color-theme-1: #010101;
  --color-theme-2: #ad9765;
  --color-top-bar: rgba(255, 255, 255, 0.79);
  --color-footer: #ad9765;
  --color-page-nav: #d2deed;
  --color-theme-1-darker-1: black;
  --color-theme-1-darker-2: black;
  --color-theme-1-darker-3: black;
  --color-theme-1-darker-4: black;
  --color-theme-2-darker-1: #5e5032;
  --color-theme-2-darker-2: #39311e;
  --color-theme-2-darker-3: #342c1c;
  --color-theme-2-darker-4: #211c12;
  --color-theme-1-lighter-1: #424242;
  --color-theme-1-lighter-2: #5e5e5e;
  --color-theme-1-lighter-3: #626262;
  --color-theme-1-lighter-4: #717171;
  --color-theme-2-lighter-1: #dad1ba;
  --color-theme-2-lighter-2: #eee9df;
  --color-theme-2-lighter-3: #f1ede4;
  --color-theme-2-lighter-4: #fbf9f7;
  --file-header-bg-main-back: url("../userfiles/backgrounds/top-main-background.jpg");
  --file-header-bg-main-back-edge: url("userfiles/backgrounds/top-main-background.jpg");
  --file-header-bg-page: url("../userfiles/backgrounds/top-page.jpg");
  --file-header-bg-page-edge: url("userfiles/backgrounds/top-page.jpg");
  --font-main: Montserrat;
  --font-special: Merriweather;
  --font-fallback: Arial, sans-serif;
  --font: var(--font-main), var(--font-fallback);
  --font-size: 16px;
  --font-size: 1rem;
  --delay: 0.33s;
}

strong, b {
  font-weight: 600;
  font-weight: calc(var(--font-weight) + 300);
}

em, i {
  font-style: italic;
}

sup, sub {
  font-size: 80%;
}

sup {
  top: -0.5em;
}

sub {
  top: 0.5em;
}

hr {
  border-bottom: #bda673 3px solid;
  margin: 2rem 0;
}

main p {
  color: #4f4f4f;
  line-height: 1.8;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 2rem;
}

main strong {
  font-weight: 700;
}

main ul {
  margin: 1rem 0;
}

main li {
  color: #4f4f4f;
  line-height: 1.8;
  font-size: 1.2rem;
  font-weight: 500;
}

.main__nav ul {
  margin: 0;
}

main ul.list li::before {
  content: "\2022";
  color: #bda673;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  font-size: 1.5rem;
  margin-left: -1em;
}

a {
  color: inherit;
  text-decoration: none;
  transition: 0.33s all;
  transition: var(--delay) all;
}

a:hover {
  color: #424242;
  color: var(--color-theme-1-lighter-1);
}

a.theme-1.darker:hover {
  color: black;
  color: var(--color-theme-1-darker-1);
}

a.theme-2.darker:hover {
  color: #5e5032;
  color: var(--color-theme-2-darker-1);
}

a.theme-1.lighter:hover {
  color: #5e5e5e;
  color: var(--color-theme-1-lighter-2);
}

a.theme-2.lighter:hover {
  color: #dad1ba;
  color: var(--color-theme-2-lighter-1);
}

body {
  display: flex;
  flex-flow: column;
  font-family: "Montserrat", "Arial", "sans-serif";
  font-family: var(--font);
  font-size: 16px;
  font-size: 1rem;
  font-size: var(--font-size);
  justify-content: space-between;
}

h1 {
  font-size: 2.3rem;
  color: #ad9765;
  color: var(--color-theme-2);
 
  font-weight: 500;
  margin-bottom: 2rem;
  line-height: 1.4;
}

h3 {
  font-size: 1.3rem;
  color: #ad9765;
  color: var(--color-theme-2);
 
  font-weight: 500;
  margin-bottom: 2rem;
}

.container-wide {
  max-width: 100%;
  padding: 0 9rem;
  width: 100%;
}

.container-narrow {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 16px;
  padding: 0 1rem;
  width: 1442px;
  width: 90.125rem;
}

.header {
  background-image: url("../userfiles/backgrounds/top-page.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-flow: column;
  /* min-height: percent($height-top) / 1% * 1vw; */
  min-height: 457px;
  min-height: 28.5625rem;
}

.header__bg-anim-back {
  background-image: url("../userfiles/backgrounds/top-main-background.jpg");
  background-position: top center;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.header__bg-anim-front {
  background-position: top center;
  background-size: cover;
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  right: 0;
  bottom: 0;
}

.header .container-wide {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header.header--main {
  background-image: none;
  /* min-height: percent($height-top-main) / 1% * 1vw; */
  min-height: 618px;
  min-height: 38.625rem;
  overflow: visible;
}

.header__bar {
  padding: 2rem 0;
  overflow: hidden;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header .bar__logo {
  float: left;
  margin-right: 52px;
  margin-right: 3.25rem;
  max-width: 293px;
}

.header .bar__logo a {
  float: left;
  width: inherit;
}

.header .bar__logo img {
  float: left;
  width: auto;
}

.header .bar__logo::after {
  content: "";
  display: block;
  clear: both;
  float: none;
}

.header .bar__data {
  color: #010101;
  color: var(--color-theme-1);
  float: left;
  font-weight: 700;
  line-height: 29px;
  line-height: 1.8125rem;
  width: 1428px;
  width: 89.25rem;
  width: calc(100% - 6.75rem - 3.25rem);
}

.header .data__container {
  float: left;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  width: 100%;
}

.header .data__address {
  color: #424242;
  color: var(--color-theme-1-lighter-1);
  font-size: 16px;
  font-size: 1rem;
  float: left;
  line-height: 18px;
  line-height: 1.125rem;
  width: 50%;
}

.header .data__contact {
  color: #010101;
  color: var(--color-theme-1);
  font-size: 18px;
  font-size: 1.125rem;
}

.header .data__contact a {
  background: #fff;
  border-radius: 30px;
  padding: .6rem 2rem .7rem 1rem;
  font-weight: 600;
  white-space: nowrap;
}

.header .data__contact a::before {
  background: #ad9765;
  background: var(--color-theme-2);
  width: 2rem;
  height: 2rem;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  content: '\e800';
  display: inline-block;
  border-radius: 50%;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  margin-right: .6rem;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  font-size: .8rem;
}

.header .data__contact a:hover {
  background: #ad9765;
  background: var(--color-theme-2);
  color: #fff;
}

.header .data__contact a:hover::before {
  background: #fff;
  color: #ad9765;
  color: var(--color-theme-2);
}

.header .bar__nav {
  font-size: 20px;
  font-size: 1.25rem;
}

.header .nav__menu {
  /* 727.69px */
  /* 8 - 2 */
}

.header .nav__menu li {
  margin: 0 .7rem;
}

.header .nav__menu a {
  color: #fff;
  font-size: .9rem;
  padding: 0.5rem;
  font-weight: 500;
}

.header .nav__item {
  float: left;
  letter-spacing: 0;
}

.header .nav__item.active a, .header .nav__item:hover a {
  color: #bda673;
}

.header__slogan {
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
  line-height: 36px;
  line-height: 2.25rem;
  max-width: 100%;
  position: absolute;
  bottom: -6rem;
  left: 0;
  right: 0;
}

.header__slogan h1, .header__slogan .slogan__big, .header__slogan h2 {
  font-size: 4rem;
  width: 52%;
  bottom:300px;
  position: absolute;
  font-family: 'Merriweather', serif;
  font-weight: 300;
  color: #fff;
}

.header__slogan h1 span, .header__slogan .slogan__big span, .header__slogan h2 span {
  margin-left: 14rem;
  margin-top: 2rem;
  clear: both;
  display: block;
}

.header__slogan img {
  float: right;
}

.header.header--page, .header.header--category {
  justify-content: space-between;
}
.item{
  opacity: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transform: translateX(-5%);
-ms-transform: translateX(-5%);
transform: translateX(-5%);
transition: .66s all;

}
.item.active{
  opacity: 1;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.header__heading {
  color: white;
  font-family: "Montserrat";
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 34px;
  line-height: 2.125rem;
  padding: 67px 0;
  padding: 4.1875rem 0;
  text-align: center;
  z-index: 1;
}

.header__heading p {
  opacity: 1;
  z-index: 2;
}

.header__heading::before {
  background-color: #010101;
  background-color: var(--color-theme-1);
  background-image: linear-gradient(-87deg, #424242 0%, #626262 100%, #717171 100%);
  opacity: 0.75;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.section {
  padding-bottom: 59px;
  padding-bottom: 3.6875rem;
}

.section__heading {
  color: #010101;
  color: var(--color-theme-1);
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
  line-height: 29px;
  line-height: 1.8125rem;
  margin-bottom: 34px;
  margin-top: 34px;
  margin-bottom: 2.125rem;
  margin-top: 2.125rem;
  text-align: center;
}

.offer__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 16px;
  margin-top: 1rem;
}

.offer h2 {
 
  font-size: 2rem;
  font-weight: 600;
}

.offer h2 span {
  font-size: 1.3rem;
  margin-top: 7px;
  display: block;
}

.offer__item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  cursor: pointer;
  float: left;
  margin-bottom: 3.5rem;
  height: 475px;
  overflow: hidden;
  text-align: center;
  transition: 0.33s all;
  transition: var(--delay) all;
  white-space: nowrap;
  width: 30%;
  width: calc(30% - 2px);
  width: calc(30% - 0.125rem);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #9a9a9a;
  padding-bottom: 1rem;
}

.offer__item::before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  bottom: -50px;
  height: 170px;
  transition: 0.33s all;
  transition: var(--delay) all;
  width: 100%;
  background: #3d3d3d;
  background: linear-gradient(48deg, #3d3d3d 0%, #5a5a5a 100%);
  transform: skewY(-10deg);
}

.offer__item:hover .item__image {
  transform: scale(1.125);
}

.offer .item__name {
  color: white;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 700;
  transition: 0.33s all;
  transition: var(--delay) all;
  z-index: 2;
  position: absolute;
  bottom: 2rem;
}

.offer .item__image {
  margin-bottom: 6rem;
  transition: 0.33s all;
  transition: var(--delay) all;
  top: 3rem;
  z-index: 1;
  filter: drop-shadow(-7px 5px 5px rgba(0, 0, 0, 0.2));
}

.footer {
  background-color: #ad9765;
  background-color: var(--color-footer);
  color: #3c3c3b;
  font-size: 1.2rem;
  line-height: 29px;
  line-height: 1.8125rem;
  padding-top: 63px;
  padding-top: 3.9375rem;

font-weight: 400;
}

.footer strong {
  font-weight: 600;
}

.footer i {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  display: block;
}

.footer a:hover {
  text-decoration: underline;
}

.footer__container {
  display: flex;
  justify-content: space-between;
}

.footer__container > div {
  width: 25%;
  text-align: center;
  padding: 2rem 0;
}

.footer__container > div:nth-of-type(1) {
  border-right: 2px solid #a3916a;
  text-align: left;
  display: flex;
  align-items: center;
  width: 20%;
}

.footer__nav {
  flex-basis: 590px;
  flex-basis: 36.875rem;
}

.footer__nav .nav__item:not(:last-of-type) {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.footer__top-btn {
  flex-shrink: 0;
  text-align: center;
}

.footer__top-btn a {
  background-color: #ad9765;
  background-color: var(--color-theme-2);
  background-image: url("../img/arrow-up.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  border-radius: 50%;
  display: block;
  height: 36px;
  height: 2.25rem;
  margin: 0 auto 11px auto;
  margin: 0 auto 0.6875rem auto;
  width: 36px;
  width: 2.25rem;
}

.footer__top-btn a img {
  height: 16px;
  height: 1rem;
  visibility: hidden;
  width: 16px;
  width: 1rem;
}

.footer__bottom-bar {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-size: 0.75rem;
  justify-content: center;
  padding: 1rem 0;
  color: #b0b0b0;
  background: #3c3c3b;
  margin-top: 4rem;
}

.footer__bottom-bar .bottom-bar__group > p {
  display: inline;
}

.footer__bottom-bar .bottom-bar__links {
  display: inline;
  list-style-type: none;
}

.footer__bottom-bar .links__item {
  display: inline;
  margin: 0 1rem;
}

.footer__bottom-bar .bottom-bar__kaczka {
  display: flex;
  flex-flow: column;
}

.footer__bottom-bar .bottom-bar__kaczka img {
  height: auto;
  width: 87px;
  width: 5.4375rem;
  margin: 1rem;
}

.footer .active a {
  font-weight: 600;
  text-decoration: underline;
}

.main {
  color: #808080;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
}

.main b, .main strong {
  font-weight: 700;
}

.main i, .main em {
  font-style: italic;
}

.main ol {
  list-style-type: decimal;
}

.main li {
  padding-left: 21.6px;
  padding-left: 1.2em;
}

.main li::before {
  color: #010101;
  color: var(--color-theme-1);
  content: "\2022";
  margin-left: -46.8px;
  margin-left: -2.6em;
  padding: 0 18px;
  padding: 0 1em;
  position: relative;
  top: -2.4px;
  top: -0.13333em;
}

.main a {
  color: #010101;
  color: var(--color-theme-1);
}

.main a:hover {
  color: #424242 !important;
  color: var(--color-theme-1-lighter-1) !important;
}

.main p:first-of-type {
  margin-bottom: 13.5px;
  margin-bottom: 0.84375rem;
}

.main p:not(:first-of-type):not(:last-of-type) {
  margin-bottom: 13.5px;
  margin-bottom: 0.84375rem;
  margin-top: 13.5px;
  margin-top: 0.84375rem;
}

.main p:last-of-type {
  margin-top: 13.5px;
  margin-top: 0.84375rem;
}

.main__heading {
  font-family: "Merriweather", "Arial", "sans-serif";
  color: #4c4c4c;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 29px;
  line-height: 1.8125rem;
  margin-bottom: 67px;
  margin-bottom: 4.1875rem;
  text-align: center;
  width: 100%;
}

.main__two {
  display: flex;
  justify-content: space-between;
}

.main__nav {
  font-size: 14px;
  font-size: 0.77778em;
  flex-basis: 282.4px;
  flex-basis: 15.68889em;
  flex-shrink: 0;
  margin-right: 36.66667px;
  margin-right: 2.29167rem;
}

.main__nav li::before {
  content: "";
  display: none;
  margin: 0;
  padding: 0;
}

.main__nav .lvl1 a {
  padding-left: 9rem;
}

.main__nav li {
  cursor: pointer;
  margin: 0;
  padding: 0;
  transition: 0.33s all;
  transition: var(--delay) all;
  line-height: 1;
}

.main__nav li.active > a, .main__nav li a:hover {
  background: #89774f;
  background: linear-gradient(90deg, #89774f 0%, #bda673 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#89774f",endColorstr="#bda673",GradientType=1);
  color: #fff;
}

.main__nav li ul {
  background: #545454;
  background: linear-gradient(90deg, #545454 0%, #6c6c6c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#545454",endColorstr="#6c6c6c",GradientType=1);
  height: 0;
  visibility: hidden;
}

.main__nav li ul a {
  padding: 1.3rem 0;
}

.main__nav .active ul {
  visibility: visible;
  height: auto;
}

.main__nav a.active {
  background: #89774f;
  background: linear-gradient(90deg, #89774f 0%, #bda673 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#89774f",endColorstr="#bda673",GradientType=1);
  color: #fff;
}

.main__nav a {
  display: block;
  padding: 1.1rem 0;
  transition: 0.33s all;
  transition: var(--delay) all;
  color: #fff;
  font-size: 1.25rem;
  text-transform: uppercase;
  border-bottom: 1px solid #525252;
  font-weight: 500;
}

.main__nav a p {
  font-size: .8rem;
  color: #575756;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 1;
}

.main__nav #heading__checkbox {
  display: none;
}

.main__nav .nav__list {
  background: #383838;
  background: linear-gradient(180deg, #383838 0%, #161616 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383838",endColorstr="#161616",GradientType=1);
}

.main__nav .nav__list .list__heading {
  display: none;
  margin-top: 15px;
  width: 40px;
  position: absolute;
  right: 0;
  z-index: 10;
}

.main__nav .nav__list .list__heading:hover {
  background-color: inherit;
  color: inherit;
}

.main__nav .nav__list .list__heading label {
  display: inline-block;
  padding: 2px;
  padding: 0.11111em;
  padding-right: 16px;
  padding-right: 0.88889em;
  transform-origin: 25% 50%;
  transform: rotateZ(-90deg);
  transition: 0.33s all;
  transition: var(--delay) all;
  color: #fff;
}

.main__content {
  flex-grow: 1;
}

.main__content .category__text {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.main__content .category__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main__content .category__list .product__item {
  border: 1px solid #9a9a9a;
  float: left;
  font-size: 21px;
  font-size: 1.3125rem;
  margin: 16px;
  margin: 1rem;
  margin-top: 0;
  overflow: hidden;
  width: 30%;
  width: calc(100% / 3 - 3 * 16px);
  width: calc(100% / var(--items) - var(--items) * 16px);
}

.main__content .category__list .product__image {
  cursor: pointer;
  transition: 0.33s all;
  transition: var(--delay) all;
}

.main__content .category__list .product__desc {
  background-color: #efefef;
  color: #4b4b4b;
  font-family: "Merriweather", "Arial", "sans-serif";
  font-size: 13px;
  font-size: 0.8125rem;
  z-index: 2;
  padding: 1rem 1.5rem 3rem 1.5rem;
  z-index: 2;
  margin-top: -3rem;
}

.main__content .category__list .product__desc p {
  line-height: 1.3;
  margin: 4px 0;
  margin: 0.25rem 0;
}

.main__content .category__list .product__desc .desc__name {
  font-weight: bold;
}

.main__content .category__list .product__desc .desc__attr--price {
  color: #336699;
  font-weight: bold;
}

.main__content .category__item {
  border: 1px solid #9a9a9a;
  float: left;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: bold;
  margin: 16px;
  margin: 1rem;
  margin-top: 0;
  overflow: hidden;
  width: 30%;
  width: calc(100% / 3 - 3 * 16px);
  width: calc(100% / var(--items) - var(--items) * 16px);
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.main__content .category__item .item__image {
  transition: 0.33s all;
  transition: var(--delay) all;
}

.main__content .category__item .item__desc {
  background-color: #d2deed;
  background-color: var(--color-page-nav);
  display: block;
  margin: 0;
  padding: 26px 16px;
  padding: 1.625rem 1rem;
  text-align: center;
  transition: 0.33s all;
  transition: var(--delay) all;
}

.main__content .category__item:hover .item__image {
  transform: scale(1.125);
}

.main__content .category__item:hover .item__desc {
  background-color: #010101;
  background-color: var(--color-theme-1);
  color: white;
  font-size: 23.92031px;
  font-size: 1.49502rem;
  font-weight: bold;
}

.main__content .category__item:hover::before {
  background-color: #010101;
  background-color: var(--color-theme-1);
}

.main__content .category__item::before {
  background-color: #d2deed;
  background-color: var(--color-page-nav);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 221px;
  top: 13.8125rem;
  bottom: 0;
  transition: 0.33s all;
  transition: var(--delay) all;
}

.main--page, .main--category {
  margin-bottom: 152px;
  margin-bottom: 9.5rem;
  margin-top: 28px;
  margin-top: 1.75rem;
}

.main--contact {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 39px;
  line-height: 2.4375rem;
  margin-bottom: 0;
}

.main--contact .main__heading {
  margin-bottom: 128px;
  margin-bottom: 8rem;
}

.main--contact .main__two-form {
  display: flex;
  justify-content: space-between;
  margin-bottom: 128px;
  margin-bottom: 8rem;
}

.main--contact .main__two-form + .map__link {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}

.main--contact .two-form__form {
  max-width: 671px;
  max-width: 41.9375rem;
}

.main--contact .two-form__form .form__heading {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

.main--contact .two-form__form .form__contact {
  float: left;
  width: 100%;
}

.main--contact .two-form__form .form__contact input, .main--contact .two-form__form .form__contact textarea {
  border-color: #010101;
  border-color: var(--color-theme-1);
  border-radius: 12px;
  border-radius: 0.75rem;
  border-style: solid;
  border-width: 1px;
  border-width: 0.0625rem;
  color: #010101;
  color: var(--color-theme-1);
  font-family: "Montserrat";
  font-family: var(--font);
  font-size: 22px;
  font-size: 1.375rem;
  padding: 21px 37px;
  padding: 1.3125rem 2.3125rem;
  text-align: left;
}

.main--contact .two-form__form .form__contact input:focus, .main--contact .two-form__form .form__contact textarea:focus {
  border-color: #ad9765;
  border-color: var(--color-theme-2);
  outline: none;
}

.main--contact .two-form__form .form__contact input[name="form[security]"] {
  text-align: center;
}

.main--contact .two-form__form .form__contact input:invalid {
  text-align: center;
}

.main--contact .two-form__form .form__contact input[name="form[name]"], .main--contact .two-form__form .form__contact input[name="form[mail]"], .main--contact .two-form__form .form__contact input[name="form[security]"] {
  float: left;
  width: 42%;
  width: calc((100% - 15%) / 2 - 9px);
  width: calc((100% - 15%) / 2 - 0.5625rem);
}

.main--contact .two-form__form .form__contact input[name="form[mail]"] {
  margin: 0 9px;
  margin: 0 0.5625rem;
}

.main--contact .two-form__form .form__contact input[name="form[security]"] {
  float: right;
  padding-left: 4px;
  padding-right: 4px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  width: 15%;
}

.main--contact .two-form__form .form__contact input[disabled], .main--contact .two-form__form .form__contact textarea[disabled] {
  border-color: black;
  color: black;
}

.main--contact .two-form__form .form__contact input[disabled] {
  text-align: center;
}

.main--contact .two-form__form .form__contact input[name="form[submit]"][disabled] {
  background-color: #dad1ba !important;
  background-color: var(--color-theme-2-lighter-1) !important;
}

.main--contact .two-form__form .form__contact input[name="form[submit]"][disabled]:hover {
  background-color: #eee9df !important;
  background-color: var(--color-theme-2-lighter-2) !important;
}

.main--contact .two-form__form .form__contact textarea {
  margin-bottom: 14px;
  margin-bottom: 0.875rem;
  margin-top: 14px;
  margin-top: 0.875rem;
  width: 100%;
}

a.formLikeBtn, .main--contact .two-form__form .form__contact input[name="form[submit]"][type="submit"] {
  background-color: #d2deed;
  background-color: var(--color-page-nav);
  border-color: transparent;
  border-radius: 12px;
  border-radius: 0.75rem;
  border-style: solid;
  border-width: 1px;
  border-width: 0.0625rem;
  cursor: pointer;
  font-weight: 700;
  margin: 0 auto;
  min-width: 282px;
  min-width: 17.625rem;
  max-width: 100%;
  padding: 17px 37px 12px 37px;
  padding: 1.0625rem 2.3125rem 0.75rem 2.3125rem;
  text-align: center;
  transition: 0.33s all;
  transition: var(--delay) all;
}

a.formLikeBtn:hover, .main--contact .two-form__form .form__contact input[name="form[submit]"][type="submit"]:hover {
  background-color: #717171;
  background-color: var(--color-theme-1-lighter-4);
  color: black !important;
}

.main--contact .two-form__form .form__message {
  clear: both;
  float: none;
  padding-top: 16px;
  padding-top: 1rem;
}

.main--contact .two-form__form .form__message.message-send-success {
  color: green;
}

.main--contact .two-form__form .form__message.message-send-error, .main--contact .two-form__form .form__message.message-verification-error, .main--contact .two-form__form .form__message.message-not-send {
  color: #ad9765;
  color: var(--color-theme-2);
}

.main__map {
  flex-shrink: 0;
  height: 313px;
  height: 19.5625rem;
  margin-top: 16px;
  margin-top: 1rem;
}

.leaflet-control-container {
  height: 100%;
}

.promotions {
  --items: 3;
}

.promotions__container {
  display: flex;
  flex-wrap: wrap;
}

.promotions__container .product__item {
  float: left;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: bold;
  margin: 16px;
  margin: 1rem;
  margin-top: 0;
  overflow: hidden;
  width: 30%;
  width: calc(100% / 3 - 3 * 16px);
  width: calc(100% / var(--items) - var(--items) * 16px);
}

.promotions__container .product__image {
  cursor: pointer;
  height: 200px;
  height: 12.5rem;
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.33s all;
  transition: var(--delay) all;
}

.promotions__container .product__desc {
  background-color: white;
  color: #808080;
  font-family: "Merriweather", "Arial", "sans-serif";
  font-size: 15px;
  font-size: 0.9375rem;
  margin-top: 16px;
  margin-top: 1rem;
  padding: 8px 24px;
  padding: 0.5rem 1.5rem;
  text-align: center;
  z-index: 2;
}

.promotions__container .product__desc p {
  line-height: 20px;
  line-height: 1.25rem;
  margin: 8px 0;
  margin: 0.5rem 0;
}

section img, main img, aside img {
  max-width: 95%;
}

section img[width], main img[width], aside img[width] {
  height: auto;
}

.category__text {
  color: #808080;
}

.category__text.text--top div[style*="inline-block"] {
  line-height: 20.8px;
  line-height: 1.3em;
  min-width: 20%;
}

.category__text.text--top div[style*="inline-block"] img {
  height: auto;
  max-width: 100%;
}

.category__heading {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 24px 0;
  margin: 1.5rem 0;
  text-align: center;
}

img[data-src] {
  cursor: pointer;
}

.owl-carousel {
  z-index: 0;
  bottom: 0;
  padding-right: 2px;
  width: 100%;
}

.owl-ul {
  position: absolute;
  bottom: 150px;
  z-index: 1;
}

a {
  cursor: pointer;
}

.owl-ul li {
  float: left;
  list-style: none;
  margin: 0 2rem;
  outline: none;
  position: relative;
}

.owl-ul li::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #bda673;
  display: inline-block;
  position: absolute;
  right: -2.3rem;
  top: 50%;
  top: calc(50% - 4px);
}

.owl-ul li:last-child::after {
  display: none;
}

.owl-ul li:first-child {
  margin-left: 2px;
}

.owl-ul li a {
  color: #9d9d9c;
  display: block;
  text-decoration: none;
  outline: none;
}

.owl-ul li a {
  color: #9d9d9c;
  font-weight: 300;
  outline: none;
}

.owl-ul li a:hover, .owl-ul li a.inactive:hover, body .owl-ul li .active {
  color: #fff;
  font-weight: 600;
  outline: none;
}

body .owl-carousel .owl-item img {
  width: auto;
}

.container {
  pointer-events: none;
  clear: both;
  width: 100%;
  text-align: left;
}

.header__slogan .container {
  display: none;
}

.offer {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
}

#menu-left {
  width: 25%;
  z-index: 1;
}

.offer__container {
  width: 75%;
  padding-right: 9rem;
  padding-top: 8rem;
  padding-left: 3rem;
}

.icons__container {
  width: 80%;
  padding-right: 9rem;
  padding-left: 0;
  float: right;
  margin-bottom: 7rem;
  padding-left: 3rem;
}

.icons__container .col-2 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: 0;
}

.icons__container .col-2 > div {
  width: 40%;
  display: inline-block;
}

.medal {
  background-image: url(../images/assets/medal-ikona.png);
  background-position: center;
  background-repeat: no-repeat;
  padding: 5rem 0;
  font-size: 2rem;
  color: #ad9765;
  display: inline-block;
  clear: both;
}

.medal span {
  display: block;
  clear: both;
  font-size: 3rem;
}

.contact-home {
  padding-left: 9rem;
  padding-top: 10rem;
  
  position: absolute;
}

.page__container {
  width: 75%;
  padding-right: 9rem;
  padding-top: 9rem;
}

h2.item__desc {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 0 3rem;
  white-space: normal;
  position: absolute;
  bottom: 1rem;

}

.medal-bg {
  background-image: url(../images/assets/medal-ikona.png);
  background-position: center;
  background-repeat: no-repeat;
  padding: 6rem 0 3rem 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  margin-top: -3rem;
}

.medal-bg span {
  font-size: 2.2rem;
  display: block;
  clear: both;
  margin-top: 10px;
}

.main__content .category__list .product__item {
  width: 21%;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  text-align: center;
  overflow: visible;
  margin-bottom: 2rem;
}

.main__content .category__list .product__item:hover img {
  transform: scale(1.125);
}

.product__desc_gallery {
  display: flex;
  width: 92%;
  border-bottom: 3px solid #bda673;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  justify-content: space-between;
}

.product__desc_gallery .product__g1 {
  width: 60%;
}

.product__desc_gallery .product__g1 h1 {
  margin-bottom: 3rem;
  font-size: 3rem;
}

.product__desc_gallery .product__g2 {
  width: 40%;
}

.product__desc_gallery .product__g2 div {
  background: #f7f7f7;
  border: 2px solid #bda673;
  padding: 2.5rem;
  text-align: center;
  cursor: pointer;
}

.product__desc_gallery .product__g2 div:first-child {
  border-bottom: 0;
}

.product__desc_gallery .product__g2 div:hover img {
  opacity: .7;
}

.product__desc_gallery .product__g2 div img {
  transition: opacity .3s ease-in-out;
}

.product__desc_g {
  width: 100%;
}

.p-more {
  display: inline-block;
  clear: both;
  width: 100%;
  text-align: center;
  order: 2;
}

.p-more span {
  border: 3px solid #bda673;
  border-radius: 25px;
  color: #4b4b4b;
  font-family: "Merriweather", "Arial", "sans-serif";
  font-weight: 500;
  padding: .6rem 2.5rem;
  font-size: 1.3rem;
  cursor: pointer;
  transition: 0.33s all;
}

.p-more span:hover {
  background: #bda673;
  color: #fff;
}

.col-2 {
  display: flex;
  justify-content: space-between;
  margin: 10rem 0 4rem 0;
  position: relative;
}

.col-2 div {
  width: 50%;
  position: initial;
}

.col-2 div hr {
  position: absolute;
  width: 100%;
}

.col-2 div img {
  margin-top: -5rem;
}

.kontakt {
  margin: 4rem auto;
  width: 70%;
}

.kontakt div {
  padding: 5rem;
  align-items: center;
}

.kontakt div:first-child {
  border-right: 2px solid #bda673;
}

.kontakt div p {
  margin: 0k;
}

.page__container {
  padding-left: 3rem;
}

h3.medal-bg {
  background-image: url(../images/assets/medal-ikona.png);
  background-position: center;
  background-repeat: no-repeat;
  padding: 4rem 10rem 5rem 10rem;
  font-size: 1.5rem;
  line-height: 1.4;
  margin: 3rem 0;
  font-weight: 300;
}
/*# sourceMappingURL=style.css.map */

.main__kat2{
  position: absolute;
  bottom: 3rem;
  left: 3rem;
  z-index: 10;
}
.main__kat2 li{
  margin-right: 2rem;
  position: relative;
}
.main__kat2 a{
  color: #fff;
  font-size: 1.5rem;
}
.main__kat2 ul ul{
  display: none;
  position: absolute;
  top: 25px;
  left: -20px;
  padding: 2rem;
  background-color: rgba(93, 91, 92, 0.9);
  width: 400px;
  z-index: 1;
  
}
.main__kat2 ul ul li {
  margin-bottom: 1rem;
  clear: both;
}
.main__kat2 ul ul li:last-child{
  margin-bottom: 0;
}
.header .main__kat2 ul ul li a{
  font-size: 1.2rem;
  color: #fff!important;
}
.main__kat2 ul li:hover ul{display: block;}
.header .nav__item.active > a,
.header .nav__item:hover > a {
  color: #bda673;
}
.header .main__kat2 ul ul li a:hover, .header .main__kat2 ul ul li a.active{
 
  color: #bda673!important;
}
#menu-left {
  width: 20%;
}
.offer__container {
  width: 80%;
}

[-] responsive.css [edit]
[-] animations.css [edit]
[-] style-ie9.css [edit]
[-] style-ie.min.css [edit]
[-] responsive.css.map [edit]
[-] hamburgers.min.css.map [edit]
[+] ..
[-] animation.css [edit]
[-] troniny-ie7-codes.css [edit]
[-] style-ie9.min.css.map [edit]
[-] owl.carousel.min.css [edit]
[-] troniny-ie7.css [edit]
[-] responsive.min.css [edit]
[-] style.css.map [edit]
[-] normalize.min.css [edit]
[-] lightbox.min.css [edit]
[-] reset.css [edit]
[-] animations.min.css.map [edit]
[-] lightgallery.css [edit]
[-] animations.min.css [edit]
[-] lg-transitions.css [edit]
[-] slicknav.min.css [edit]
[-] style-ie.min.css.map [edit]
[-] owl.theme.green.min.css [edit]
[-] troniny.css [edit]
[-] lightslider.min.css [edit]
[-] owl.video.play.png [edit]
[-] kopia_style.css [edit]
[-] style-ie.css.map [edit]
[-] normalize.css [edit]
[-] lightgallery.min.css [edit]
[-] style-ie9.css.map [edit]
[-] style-ie.css [edit]
[-] style.min.css [edit]
[-] hamburgers.css [edit]
[-] style.css [edit]
[-] lg-fb-comment-box.css [edit]
[-] lg-transitions.min.css [edit]
[-] troniny-codes.css [edit]
[-] lg-fb-comment-box.min.css [edit]
[-] troniny-embedded.css [edit]
[-] ajax-loader.gif [edit]
[-] style-ie9.min.css [edit]
[-] hamburgers.css.map [edit]
[-] responsive.min.css.map [edit]
[-] hamburgers.min.css [edit]
[-] animate.css [edit]
[-] owl.theme.default.min.css [edit]
[-] style.min.css.map [edit]
[-] animations.css.map [edit]