@charset "UTF-8";
/* Scss Document */
body {
  width: 100%;
  -webkit-font-smoothing: antialiased;
}

.hide {
  display: none;
}

#cookies-message p {
  font-family: "roboto", sans-serif;
  font-size: 16px;
  color: #fff;
}

.cookie-notice-container {
  max-width: 800px;
  margin: 20px auto;
  font-size: 14px;
  font-family: "roboto", sans-serif;
  line-height: 24px;
}

#email-error {
  font-family: "roboto", sans-serif;
}

#accept-cookies-checkbox {
  font-family: "roboto", sans-serif;
  font-size: 14px;
  color: #fff;
  background: #fff;
  color: #0099ce;
  transition: all 0.2s ease-in;
}
#accept-cookies-checkbox:hover {
  background: #163f8a;
  color: #fff;
}

.side-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.btn {
  display: inline-block;
  background: #0099ce;
  border: 1px solid #0099ce;
  text-align: center;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease-in;
  padding: 8px 17px;
  box-sizing: border-box;
  font-weight: 400;
  line-height: 1.4;
}
.btn:hover {
  color: #0099ce;
  background: none;
}

.btn.more.light {
  background: #40a7c6;
  border: 1px solid #40a7c6;
}

.btn.more {
  background: #0099ce;
  border: 1px solid #0099ce;
  position: relative;
  z-index: 49;
}
.btn.more:hover {
  color: #0099ce;
  background: #fff;
}

.btn.more.atopy {
  background: #003793;
  border: 1px solid #003793;
}
.btn.more.atopy:hover {
  color: #003793;
  background: #fff;
}

.btn.fold {
  display: none;
  background: #0099ce;
  border: 1px solid #0099ce;
  position: relative;
  z-index: 998;
}
.btn.fold:hover {
  color: #0099ce;
  background: #fff;
}

.btn.fold.atopy {
  background: #003793;
  border: 1px solid #003793;
}
.btn.fold.atopy:hover {
  color: #003793;
  background: #fff;
}

.btn.more.en {
  width: 260px;
}

.btn.buy {
  display: inline-block;
  border: 1px solid #004379;
  background: #004379;
  margin: 3px 0;
}
.btn.buy:hover {
  color: #004379;
  background: none;
}

.anchor {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 35px;
  color: #004379;
  font-size: 15px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.anchor:hover {
  text-decoration: underline;
}
.anchor::after {
  content: " >>";
}
.anchor.find-out {
  display: block;
  margin-bottom: 5px;
}
.anchor.find-store {
  display: inline-block;
  margin-left: 10px;
  text-decoration: underline;
}
.anchor.find-store::after {
  content: "";
}
.anchor.find-store:hover {
  text-decoration: none !important;
}

h1,
h2,
h3 {
  font-family: "museo-sans-rounded", sans-serif;
  color: #0090bf;
}

p.dziekujemy {
  font-size: 20px;
  line-height: 35px;
  margin-top: 20px;
  color: green;
  font-family: "roboto", sans-serif;
}

p.dziekujemy.error {
  color: red;
}

label#email-error.error {
  color: red;
  font-size: 16px;
  line-height: 26px;
  margin-top: -20px;
  margin-bottom: 10px;
  display: block;
}

/* MOBILE NAV */
#mobile {
  overflow: hidden;
}

#menu_control {
  display: none;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 2%;
  top: 5px;
  z-index: 5;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
#menu_control span {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: block;
  height: 2px;
  width: 22px;
  background-color: #163f8a;
  transition: all 0.3s ease-in;
}
#menu_control span:nth-child(1) {
  top: -14px;
}
#menu_control span:nth-child(3) {
  top: 14px;
}

/* p style */
.heading {
  color: #0099ce;
  font-weight: 700;
  font-family: "museo-sans-rounded", sans-serif;
}

.desc {
  color: #706f6f;
  font-weight: 300;
  font-family: "roboto", sans-serif;
}

.title-desc {
  font-size: 23px;
  line-height: 29px;
  font-weight: 700;
  color: #706f6f;
  font-family: "museo-sans-rounded", sans-serif;
  text-transform: uppercase;
}

.capacity {
  font-size: 27px;
  line-height: 37.5px;
  font-weight: normal;
  color: #163f8a;
  font-family: "roboto", sans-serif;
}
.capacity span {
  font-size: 23px;
}

.lead p span {
  display: none;
}

/*.products-desc{
	margin-top: 70px;
	font-weight:300;
}*/
#error {
  background: none;
  overflow: hidden;
  border: none;
  top: 50px;
  position: relative;
  display: block;
  padding-bottom: 50px;
}
#error .side-wrapper {
  padding: 100px 0;
}
#error .side-wrapper .content {
  text-align: center;
  font-size: 22.8px;
  font-family: "roboto", sans-serif;
  color: #5f605f;
}
#error .side-wrapper .content a {
  color: #0099ce;
  font-weight: 700;
}
#error .side-wrapper .content a:hover {
  text-decoration: underline;
}
#error .side-wrapper .content .error-info {
  font-weight: 700;
  font-size: 52px;
}

#brand-wrapper.close {
  height: 0;
}
#brand-wrapper.close .brand-btn {
  border-bottom: 2px solid #fff;
  border-radius: 10px;
}
#brand-wrapper.close #brand-title {
  opacity: 0;
}

#brand-wrapper {
  width: 300px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999;
  height: 436px;
  transition: all 0.5s ease-in;
  box-shadow: 0px 2px 24px 0px rgba(64, 64, 64, 0.45);
}
#brand-wrapper .brand-btn {
  height: 40px;
  width: 150px;
  position: absolute;
  top: -42px;
  right: 0;
  background: #0099ce;
  color: #fff;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  cursor: pointer;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 14px;
  transition: all 0.5s ease-in;
}
#brand-wrapper #brand-title {
  color: #fff;
  height: 40px;
  padding: 0 5%;
  width: 90%;
  background: #0099ce;
  font-size: 16px;
  line-height: 40px;
  font-family: "museo-sans-rounded", sans-serif;
  text-align: left;
  transition: all 0.4s ease-in;
}
#brand-wrapper #brand {
  width: 100%;
  height: 400px;
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

/* modal on spray page*/
#modal.movie {
  width: 400px;
  right: -450px;
}
#modal.movie .poster {
  height: 250px;
}
#modal.movie .play {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
#modal.movie .play:after {
  content: "";
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-width: 12px 0px 12px 20px;
  border-style: solid;
  border-color: #fff;
  position: absolute;
  top: 0;
  left: 6px;
  right: 0;
  bottom: 20px;
  margin: auto;
  border-color: transparent transparent transparent #fff;
  opacity: 0.8;
}
#modal.movie .play .play-content {
  display: inline-block;
  color: #fff;
  margin-top: 75px;
  font-size: 18px;
}
#modal.movie .play .play-content:before {
  content: "";
  width: 70px;
  height: 70px;
  border: 4px #fff solid;
  border-radius: 50%;
  display: block;
  margin: 0 auto 10px;
  opacity: 0.8;
}

#modal {
  position: fixed;
  bottom: 130px;
  background: #fff;
  width: 300px;
  right: -350px;
  height: auto;
  z-index: 100000;
  font-family: "museo-sans-rounded", sans-serif;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
  transition: all 0.5s ease-in;
  box-shadow: 0px 0px 26px 2px rgba(0, 0, 0, 0.31);
}
#modal .curtain {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 153, 206, 0.8);
  top: 0;
  left: 0;
  z-index: 1;
}
#modal .poster {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#modal .close-modal.white:before,
#modal .close-modal.white:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 18px;
  width: 2px;
  background-color: #fff;
}
#modal .close-modal {
  position: absolute;
  right: 6px;
  top: 10px;
  width: 32px;
  height: 32px;
  opacity: 0.6;
  cursor: pointer;
  z-index: 2;
}
#modal .close-modal:hover {
  opacity: 1;
}
#modal .close-modal:before,
#modal .close-modal:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 18px;
  width: 2px;
  background-color: #273f8a;
}
#modal .close-modal:before {
  transform: rotate(45deg);
}
#modal .close-modal:after {
  transform: rotate(-45deg);
}
#modal img {
  width: 100%;
  height: auto;
}
#modal .content {
  color: #273f8a;
  padding: 20px 5%;
}
#modal .title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 15px;
}
#modal .desc {
  font-size: 16px;
  line-height: 1.2;
  color: #273f8a;
  margin-bottom: 10px;
  font-weight: 700;
}
#modal .desc-2 {
  font-size: 12.7px;
  color: #5f605f;
  line-height: 1.2;
}
#modal a {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  background: #0099ce;
  padding: 15px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  border-top: 1px solid #fff;
  box-sizing: border-box;
  transition: all 0.3s ease-in;
}
#modal a:hover {
  background: #f3f3f3;
  color: #0099ce;
  border-top: 1px solid #0099ce;
}

/* CSS Document */
/* Header - menu */
#top {
  position: absolute;
  top: 0;
  width: 100%;
  height: 50px;
  background: none;
  font-family: "museo-sans-rounded", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 14px;
  color: #163f8a;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
}
#top #logo {
  margin-left: 5%;
}
#top #logo a {
  display: inline-block;
  background-repeat: no-repeat;
  width: 125px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
}
#top #menu {
  text-align: right;
}
#top ul {
  float: right;
  box-sizing: border-box;
}
#top ul li {
  display: block;
  float: left;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
#top ul li:hover .sub-menu {
  visibility: visible;
  max-height: 300px;
  z-index: 11;
}
#top ul li .sub-menu {
  float: left;
  position: absolute;
  width: 300px;
  background: #fff;
  border-right: 1px solid #163f8a;
  border-left: 1px solid #163f8a;
  max-height: 0px;
  visibility: hidden;
  transition: max-height 0.5s ease-in-out, visibility 0.5s ease-in-out;
  overflow: hidden;
  top: 49px;
  z-index: 10;
}
#top ul li .sub-menu li {
  float: none;
}
#top ul li .sub-menu li:first-child {
  border-top: 1px solid #163f8a;
  padding-top: 5px;
}
#top ul li .sub-menu li:last-child {
  border-bottom: 1px solid #163f8a;
  padding-bottom: 5px;
}
#top ul li .sub-menu li a {
  padding-bottom: 0;
  text-align: left;
  padding-top: 0;
  line-height: 1.4;
  padding: 3px 0;
}
#top ul li .sub-menu li a:hover {
  border-bottom: none;
  padding: 3px 0;
  color: #0099ce;
}
#top ul li a {
  display: block;
  color: #163f8a;
  padding: 15px 0 14px 0;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 15px;
  transition: border-bottom 0.2s;
  -webkit-transition: border-bottom 0.2s;
  margin-left: 15px;
  margin-right: 15px;
  line-height: 20px;
}
#top ul li a:hover {
  padding-bottom: 8px;
  border-bottom: 6px solid #163f8a;
}
#top ul li a:has(+ .sub-menu:hover) {
  padding-bottom: 8px;
  border-bottom: 6px solid #163f8a;
}
#top ul li.shop {
  height: 49px;
  padding: 0;
  margin: 0;
}
#top ul li.shop:hover {
  cursor: auto;
}
#top ul li.shop a {
  padding: 8px 17px;
  margin: 6px 13px;
  color: #fff;
  background-color: #004379;
  font-weight: 400;
  transition: none;
  border: 1px solid #004379;
}
#top ul li.shop a:hover {
  color: #004379;
  background: none;
}
#top ul li.home {
  height: 49px;
}
#top ul li.home a {
  background: url(../img/home.png) no-repeat;
  background-size: 23px 18px;
  background-position: center center;
  width: 23px;
  display: block;
  height: 100%;
  padding: 0;
  font-size: 0;
}
#top ul li.home a:hover {
  border-bottom: 0;
  padding-bottom: 0;
}
#top .current-menu-parent > a {
  color: #0099ce !important;
}
#top .current-menu-item a {
  color: #0099ce !important;
}

#up {
  display: none;
  width: 40px;
  height: 40px;
  background: url(../img/up.jpg) no-repeat;
  background-size: contain;
  position: fixed;
  right: 20px;
  bottom: 70px;
  cursor: pointer;
  z-index: 49;
  border: 2px solid #0099ce;
  border-radius: 50px;
}

.belt {
  position: fixed;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #163f8a;
  background-color: #fff;
  z-index: 100001;
}
.belt .belt-wrapper {
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: auto;
}

.under-belt {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  gap: 10px;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 60px;
  z-index: 1;
}
.under-belt.--is-home {
  justify-content: flex-end;
}
.under-belt #menu-lang {
  margin-right: 8px;
  margin-left: 5%;
}
.under-belt #menu-lang ul li {
  cursor: pointer;
  display: inline-block;
  width: 25px;
  height: 25px;
  font-family: "museo-sans-rounded", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  float: none;
}
.under-belt #menu-lang ul li a {
  color: #163f8a !important;
  margin: auto;
  padding: 0;
  line-height: 25px;
}
.under-belt #menu-lang ul li a:hover {
  border: none;
  cursor: pointer;
}
.under-belt #menu-lang ul li.active {
  border: 1px solid #163f8a;
  border-radius: 50%;
}
.under-belt #breadcrumbs {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #163f8a;
  margin-left: 5%;
}
.under-belt #breadcrumbs span {
  color: inherit;
  padding: 0 5px;
}
.under-belt #breadcrumbs span span:not(.breadcrumb_last):hover {
  text-decoration: underline;
}
.under-belt #breadcrumbs span:first-child {
  padding-left: 0;
}
.under-belt #breadcrumbs span:last-child {
  padding-right: 0;
}
.under-belt #breadcrumbs a {
  color: #163f8a;
  font-weight: normal;
}
.under-belt #breadcrumbs.--is-white {
  color: #fff;
}
.under-belt #breadcrumbs.--is-white a {
  color: #fff;
}

/* CSS Document */
@keyframes bounce-roztocza-kurz-mini-1 {
  0%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(10px);
  }
}
@keyframes bounce-roztocza-kurz-mini-2 {
  0%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(5px);
  }
}
@keyframes bounce-superhero {
  0%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(30px);
  }
}
@keyframes bounce-klatka {
  0%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(30px);
  }
}
@keyframes bounce-robak {
  0%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(10px);
  }
}
/* HEADER */
.down {
  display: block;
  margin: 0 auto;
  z-index: 999;
  background: url(../img/down-png.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  transition: background-color 1s;
  color: #163f8a;
  font-size: 30px;
  line-height: 1.3;
  padding: 10px 10px 35px 10px;
}
.down:hover {
  background-color: rgba(255, 255, 255, 0.6);
}

/* Header - home */
#header.home {
  background-color: #c9ecfd;
}

#header-wrapper.home {
  background: url(../img/header-bg.jpg) repeat-x;
  /*background-size: cover;*/
  background-attachment: fixed;
  height: 755px;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
#header-wrapper.home .side-wrapper {
  overflow: visible;
  max-width: 1920px;
  height: 100%;
  width: 100%;
}
#header-wrapper.home .owl-carousel img.superhero-image {
  right: 12%;
  bottom: 80px;
  animation: bounce-superhero 3s infinite linear;
  -webkit-animation: bounce-superhero 3s infinite linear;
  z-index: 2;
}
#header-wrapper.home .owl-carousel .kurz {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}
#header-wrapper.home .owl-carousel .roztocz {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}
#header-wrapper.home .owl-carousel .roztocz-1 {
  width: 190px;
  height: 187px;
  bottom: 145px;
  right: 51%;
  animation: bounce-roztocza-kurz-mini-1 4s infinite linear;
  -webkit-animation: bounce-roztocza-kurz-mini-1 4s infinite linear;
}
#header-wrapper.home .owl-carousel .kurz-1 {
  width: 60px;
  height: 58px;
  bottom: 295px;
  right: 72%;
  animation: bounce-roztocza-kurz-mini-2 5s infinite linear;
  -webkit-animation: bounce-roztocza-kurz-mini-2 5s infinite linear;
}
#header-wrapper.home .owl-carousel .kurz-2 {
  width: 89px;
  height: 89px;
  bottom: 360px;
  right: 10%;
  animation: bounce-roztocza-kurz-mini-2 5s infinite linear;
  -webkit-animation: bounce-roztocza-kurz-mini-2 5s infinite linear;
}
#header-wrapper.home .owl-carousel .kurz-3 {
  width: 89px;
  height: 89px;
  bottom: 85px;
  right: 75%;
  animation: bounce-roztocza-kurz-mini-1 3s infinite linear;
  -webkit-animation: bounce-roztocza-kurz-mini-1 3s infinite linear;
}
#header-wrapper.home .owl-carousel .kurz-4 {
  width: 60px;
  height: 58px;
  bottom: 30px;
  right: 40%;
  animation: bounce-roztocza-kurz-mini-2 3s infinite linear;
  -webkit-animation: bounce-roztocza-kurz-mini-2 3s infinite linear;
}
#header-wrapper.home .owl-carousel img.insect-image {
  bottom: 180px;
}
#header-wrapper.home .owl-carousel img.klatka-t {
  height: 450px;
  animation: bounce-klatka 3s infinite linear;
  -webkit-animation: bounce-klatka 3s infinite linear;
  width: auto;
}
#header-wrapper.home .owl-carousel img.klatka-p {
  height: 450px;
  animation: bounce-klatka 3s infinite linear;
  -webkit-animation: bounce-klatka 3s infinite linear;
  width: auto;
}
#header-wrapper.home .owl-carousel img.robak {
  animation: bounce-robak 3s infinite linear;
  -webkit-animation: bounce-robak 3s infinite linear;
  width: auto;
  right: 23%;
  bottom: 240px;
  height: 321px;
}
#header-wrapper.home .owl-prev,
#header-wrapper.home .owl-next,
#header-wrapper.home .prev2,
#header-wrapper.home .next2,
#header-wrapper.home #prev,
#header-wrapper.home #next {
  position: absolute;
  top: 0;
  display: block;
  width: 60px;
  height: 71px;
  top: 300px;
  color: #fff;
  margin: 0;
  padding: 0;
  cursor: pointer;
  z-index: 2;
}
#header-wrapper.home .owl-prev,
#header-wrapper.home .prev2,
#header-wrapper.home #prev {
  background: url(../img/prev.jpg) no-repeat;
  left: 0;
}
#header-wrapper.home .owl-next,
#header-wrapper.home .next2,
#header-wrapper.home #next {
  background: url(../img/next.jpg) no-repeat;
  right: 0;
}
#header-wrapper.home .owl-carousel {
  height: 100%;
}
#header-wrapper.home .owl-carousel .item {
  height: 755px;
  position: relative;
}
#header-wrapper.home .owl-carousel h2 {
  font-size: 56px;
  color: #0099ce;
  font-weight: 700;
  left: 180px;
  left: 25%;
  top: 240px;
  position: absolute;
  z-index: 3;
  width: 450px;
}
#header-wrapper.home .owl-carousel img {
  position: absolute;
  bottom: 0;
  width: 80%;
  display: block;
  height: auto;
  z-index: 1;
}
#header-wrapper.home .owl-carousel img {
  height: 570px;
  width: auto;
  right: 20%;
}
#header-wrapper.home.home--new {
  background: none;
  background-attachment: unset;
}
#header-wrapper.home.home--new h1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 49;
}
#header-wrapper.home.home--new .item {
  position: relative;
}
#header-wrapper.home.home--new .item .item-content-wrapper {
  position: relative;
  height: inherit;
  width: 80%;
  margin: auto;
}
#header-wrapper.home.home--new .item .item-content-wrapper img {
  width: auto;
  height: 100%;
  top: 0;
  right: auto;
  position: absolute;
  display: block;
}
#header-wrapper.home.home--new .item .item-content-wrapper .first-img {
  width: 100%;
  height: auto;
  margin: auto;
}
#header-wrapper.home.home--new .item .item-content-wrapper .second-img {
  height: 120%;
  top: -10%;
}
#header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper {
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  font-family: "museo-sans-rounded", sans-serif;
  color: #163f8a;
  font-weight: 700;
  width: 530px;
}
#header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper .btn {
  margin-top: 20px;
}
#header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper P:first-child {
  font-size: 22px;
  line-height: 28px;
}
#header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper p:nth-child(2) {
  font-size: 66px;
  line-height: 80px;
}

/* header - produkty */
#header-wrapper.products-all-side {
  min-height: 349px;
  width: 100%;
  background: #f8f7f7;
  max-width: 100%;
}
#header-wrapper.products-all-side .side-wrapper {
  background-color: #f8f7f7;
  min-height: 349px;
}
#header-wrapper.products-all-side h2 {
  position: absolute;
  top: 75px;
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  left: 5%;
}

/* header - artykuly */
#header-wrapper.article {
  position: relative;
  top: 50px;
}
#header-wrapper.article h1 {
  padding-top: 280px;
  color: #163f8a;
  font-size: 56px;
  line-height: 1.3;
  text-align: left;
  margin: 0 13px 0 5%;
}
#header-wrapper.article .--is-single-article h1 {
  color: #fff;
  margin-left: 5%;
  padding-top: 160px;
  font-size: 36px;
  text-align: left;
}
#header-wrapper.article h2 {
  position: absolute;
  top: 70px;
  font-size: 35px;
  color: #fff;
  line-height: 1.1;
  left: 5%;
  font-family: "museo-sans-rounded", sans-serif;
}

/* header - lab */
#header-wrapper.lab {
  width: 100%;
  background: #2b518f;
  max-width: 100%;
}
#header-wrapper.lab h1,
#header-wrapper.lab p {
  font-family: "museo-sans-rounded", sans-serif;
  position: absolute;
  top: 115px;
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  left: 5%;
  font-weight: 700;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
}

/* header - tips */
#header-wrapper.tips {
  min-height: 434px;
  width: 100%;
  background: #f1f2f3;
  max-width: 100%;
}
#header-wrapper.tips h1,
#header-wrapper.tips h2 {
  position: absolute;
  top: 115px;
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  width: 90%;
  left: 0;
  right: 0;
  margin: auto;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
}

/* header - allergoff-info */
#header-wrapper.allergoff-info {
  width: 100%;
  background: #ede9e8;
  max-width: 100%;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
}
#header-wrapper.allergoff-info .side-wrapper {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  min-height: 757px;
}
#header-wrapper.allergoff-info h1,
#header-wrapper.allergoff-info h2,
#header-wrapper.allergoff-info h3,
#header-wrapper.allergoff-info h4,
#header-wrapper.allergoff-info h5,
#header-wrapper.allergoff-info h6 {
  position: absolute;
  top: 120px;
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  left: 5%;
  width: 90%;
}
#header-wrapper.allergoff-info .content-wrapper {
  max-width: 600px;
  position: relative;
  margin-right: 5%;
  margin-left: auto;
}
#header-wrapper.allergoff-info .content-wrapper h1,
#header-wrapper.allergoff-info .content-wrapper h2,
#header-wrapper.allergoff-info .content-wrapper h3,
#header-wrapper.allergoff-info .content-wrapper h4,
#header-wrapper.allergoff-info .content-wrapper h5,
#header-wrapper.allergoff-info .content-wrapper h6 {
  position: static;
  padding-top: 500px;
  color: #0090bf;
  font-size: 56px;
  line-height: 1.3;
  text-align: right;
}

/* header - allergy*/
#header-wrapper.allergy {
  position: relative;
  width: 100%;
  background: #fff;
  max-width: 100%;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
}
#header-wrapper.allergy #header-allergy-image .allergy {
  position: absolute;
  z-index: 1;
}
#header-wrapper.allergy #header-allergy-image .image-1 {
  margin-left: 60%;
  top: 122px;
}
#header-wrapper.allergy #header-allergy-image .image-2 {
  margin-left: 71%;
  top: 195px;
}
#header-wrapper.allergy #header-allergy-image .image-3 {
  margin-left: 38%;
  top: 6px;
  position: fixed;
}
#header-wrapper.allergy #header-allergy-image .image-4 {
  margin-left: 38%;
  top: 30px;
}
#header-wrapper.allergy #header-allergy-image .image-5 {
  margin-left: 26%;
  top: 189px;
}
#header-wrapper.allergy #header-allergy-image .image-6 {
  margin-left: 22%;
  top: 37%;
}
#header-wrapper.allergy #header-allergy-image .image-7 {
  margin-left: 47%;
  top: 263px;
  position: fixed;
}
#header-wrapper.allergy #header-allergy-image .image-8 {
  margin-left: 55%;
  top: 336px;
}
#header-wrapper.allergy #header-allergy-image .image-9 {
  margin-left: 0;
  top: 410px;
}
#header-wrapper.allergy #header-allergy-image .image-10 {
  margin-left: 25%;
  top: 410px;
}
#header-wrapper.allergy #header-allergy-image .image-11 {
  margin-left: 45%;
  top: 663px;
  position: fixed;
}
#header-wrapper.allergy .side-wrapper {
  background: url(../img/background/o-alergii-bg.png) no-repeat;
  background-attachment: fixed;
  background-position: center 0;
  min-height: 745px;
}
#header-wrapper.allergy h1,
#header-wrapper.allergy h2,
#header-wrapper.allergy h3,
#header-wrapper.allergy h4,
#header-wrapper.allergy h5,
#header-wrapper.allergy h6 {
  position: absolute;
  top: 115px;
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  left: 5%;
}
#header-wrapper.allergy .content-wrapper {
  max-width: 600px;
  position: relative;
  margin-right: 5%;
  margin-left: auto;
  z-index: 2;
  padding-top: 500px;
  text-align: right;
}
#header-wrapper.allergy .content-wrapper h1 {
  padding-right: 8px;
}
#header-wrapper.allergy .content-wrapper h1,
#header-wrapper.allergy .content-wrapper h2,
#header-wrapper.allergy .content-wrapper h3,
#header-wrapper.allergy .content-wrapper h4,
#header-wrapper.allergy .content-wrapper h5,
#header-wrapper.allergy .content-wrapper h6,
#header-wrapper.allergy .content-wrapper span {
  position: static;
  color: #0090bf;
  font-size: 56px;
  line-height: 1.3;
  font-family: "museo-sans-rounded", sans-serif;
  display: inline;
  font-weight: 700;
}

/* header - dermatozy*/
#header-wrapper.dermatozy {
  position: relative;
  width: 100%;
  background: #fff;
  max-width: 100%;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
}
#header-wrapper.dermatozy h1,
#header-wrapper.dermatozy h2,
#header-wrapper.dermatozy h3,
#header-wrapper.dermatozy h4,
#header-wrapper.dermatozy h5,
#header-wrapper.dermatozy h6 {
  position: absolute;
  top: 115px;
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  left: 5%;
}
#header-wrapper.dermatozy p {
  position: absolute;
  top: 115px;
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  left: 5%;
  font-weight: 700;
  font-family: "museo-sans-rounded", sans-serif;
}
#header-wrapper.dermatozy .content-wrapper {
  max-width: 600px;
  position: relative;
  margin-right: 5%;
  margin-left: auto;
  z-index: 2;
}
#header-wrapper.dermatozy .content-wrapper h1,
#header-wrapper.dermatozy .content-wrapper h2,
#header-wrapper.dermatozy .content-wrapper h3,
#header-wrapper.dermatozy .content-wrapper h4,
#header-wrapper.dermatozy .content-wrapper h5,
#header-wrapper.dermatozy .content-wrapper h6 {
  position: static;
  padding-top: 500px;
  color: #163f8a;
  font-size: 56px;
  line-height: 1.3;
  text-align: right;
}

/* header - atopy */
#header-wrapper.atopy-page {
  position: relative;
  width: 100%;
  background: #fff;
  max-width: 100%;
}
#header-wrapper.atopy-page img {
  display: block;
  max-width: 250px;
  width: 80%;
  height: auto;
  margin-bottom: 10px;
}
#header-wrapper.atopy-page h1,
#header-wrapper.atopy-page h2,
#header-wrapper.atopy-page h3,
#header-wrapper.atopy-page h4,
#header-wrapper.atopy-page h5,
#header-wrapper.atopy-page h6 {
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  left: 5%;
  margin-bottom: 0;
}
#header-wrapper.atopy-page .content-wrapper {
  position: relative;
  margin: 0 5%;
  z-index: 2;
  top: 180px;
}
#header-wrapper.atopy-page .content-wrapper h1,
#header-wrapper.atopy-page .content-wrapper h2,
#header-wrapper.atopy-page .content-wrapper h3,
#header-wrapper.atopy-page .content-wrapper h4,
#header-wrapper.atopy-page .content-wrapper h5,
#header-wrapper.atopy-page .content-wrapper h6 {
  position: static;
  color: #163f8a;
  font-size: 56px;
  line-height: 1.3;
  text-align: left;
}
#header-wrapper.atopy-page .content-wrapper h1 {
  position: absolute;
  top: 417px;
  right: 0;
  left: 0;
  text-align: right;
  margin: auto;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
}
#header-wrapper.atopy-page .content-wrapper h1.arrow {
  font-size: 30px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}

/* header - contact */
#header-wrapper.contact {
  min-height: 349px;
  width: 100%;
  background: #aec0d6;
  max-width: 100%;
}
#header-wrapper.contact .side-wrapper {
  background-attachment: fixed;
  background-position: center top;
  min-height: 349px;
}
#header-wrapper.contact h1,
#header-wrapper.contact p {
  font-family: "museo-sans-rounded", sans-serif;
  position: absolute;
  top: 115px;
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  left: 5%;
  font-weight: 700;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
}

/* header - allergoff spray */
#header-wrapper-products {
  min-height: 700px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
#header-wrapper-products h1.side-title,
#header-wrapper-products h2.side-title {
  position: relative;
  top: 120px;
  left: 5%;
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  width: 90%;
  text-transform: unset;
}
#header-wrapper-products .side-wrapper {
  overflow: hidden;
}
#header-wrapper-products h1,
#header-wrapper-products h2,
#header-wrapper-products h3,
#header-wrapper-products h4,
#header-wrapper-products h5,
#header-wrapper-products h6 {
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  color: #706f6f;
  font-family: "museo-sans-rounded", sans-serif;
  text-transform: uppercase;
}
#header-wrapper-products p span {
  font-size: 16px;
  line-height: 28px;
  font-weight: normal;
  color: #153b81;
  font-family: "roboto", sans-serif;
}
#header-wrapper-products p span span {
  font-size: 23px;
}
#header-wrapper-products p {
  color: #706f6f;
  font-weight: normal;
  font-family: "roboto", sans-serif;
  font-size: 14px;
  line-height: 19px;
  margin: 20px 0 30px 0;
}
#header-wrapper-products .right {
  float: right;
  width: 50%;
  position: relative;
  min-height: 700px;
}
#header-wrapper-products .right img {
  display: block;
  margin: 100px 0 0 auto;
  position: absolute;
  bottom: 30px;
  right: 15%;
}
#header-wrapper-products .right .atopy {
  bottom: 70px;
}
#header-wrapper-products .right p {
  position: absolute;
  bottom: 30px;
  margin: 0 5%;
  font-style: italic;
}
#header-wrapper-products #header-content.left {
  float: left;
  padding-top: 220px;
  width: 45%;
  max-width: 450px;
  margin-left: 5%;
  padding-bottom: 50px;
  position: relative;
}
#header-wrapper-products #header-content.left video {
  display: block;
  width: 100%;
  margin: auto;
  padding: 0px 0 30px;
}
#header-wrapper-products #header-content.left ul {
  color: #5f605f;
  margin-bottom: 56px;
}
#header-wrapper-products #header-content.left ul li {
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  line-height: 19px;
  background: url(../img/list-image.png) no-repeat left 3px;
  padding: 3px 0px 3px 30px;
  list-style: none;
  margin: 10px 0;
}
#header-wrapper-products #header-content.left ul li span {
  color: #1ea5d3;
}

/* header - allergoff plyn */
#header-wrapper.allergoff-plyn {
  background: url(../img/allergoff-plyn-bg.png) no-repeat;
  background-size: contain;
  background-attachment: fixed;
  background-position: center center;
  min-height: 1146px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
#header-wrapper.allergoff-plyn h2 {
  position: absolute;
  top: 120px;
  font-size: 46px;
  color: #004379;
  left: 72px;
}
#header-wrapper.allergoff-plyn img {
  display: none;
}
#header-wrapper.allergoff-plyn #header-content {
  /*position:absolute;*/
  padding-top: 510px;
  width: 40%;
  margin-left: 5%;
  padding-bottom: 50px;
}
#header-wrapper.allergoff-plyn #header-content ul {
  margin-top: 30px;
  margin-bottom: 56px;
  list-style-image: url(../img/list-image.png);
  margin-left: 26px;
}

/* HEADER END */
/* HEADER ALLERGOFF ATOPY */
#header-wrapper-products.atopy {
  min-height: 800px;
}
#header-wrapper-products.atopy .headers {
  position: relative;
  top: 125px;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
}
#header-wrapper-products.atopy .headers h1 {
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  text-transform: none;
}
#header-wrapper-products.atopy .headers h2 {
  color: #fff;
  font-family: "roboto", sans-serif;
  font-weight: 300;
  color: #706f6f;
  font-size: 17px;
  line-height: 22px;
  top: 0;
  left: 0;
}
#header-wrapper-products.atopy .right {
  min-height: 800px;
}
#header-wrapper-products.atopy #header-content.left ul li {
  background: url(../img/list-image-atopy.png) no-repeat left 3px;
}
#header-wrapper-products.atopy #header-content.left ul li span {
  color: #003793;
}
#header-wrapper-products.atopy #header-content.left .btn.more {
  background-color: #939598;
  border: 1px solid #939598;
}
#header-wrapper-products.atopy #header-content.left .btn.more:hover {
  color: #939598;
  background-color: #fff;
}

/* HEADER ALLERGOFF ATOPY - END */
.header-container {
  margin: auto;
  background-size: 1920px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  min-height: 434px;
}
.header-container.--is-atopy {
  background-image: url(../img/background/bg-new/atopy-bg.jpg);
  min-height: 680px;
}
.header-container.--is-tips {
  background-image: url(../img/background/bg-new/alergia-na-kurz-bg.jpg);
}
.header-container.--is-article {
  background-image: url(../img/background/bg-new/artykuly-bg.jpg);
  min-height: 384px;
}
.header-container.--is-single-article {
  min-height: 234px;
}
.header-container.--is-single-article h1 {
  color: #fff;
  margin-left: 5%;
  padding-top: 160px;
  font-size: 36px;
}
.header-container.--is-lab {
  background-image: url(../img/background/bg-new/badania-bg.jpg);
}
.header-container.--is-derm {
  background-image: url(../img/background/bg-new/dermatozy-bg.jpg);
  min-height: 745px;
}
.header-container.--is-contact {
  background-image: url(../img/background/bg-new/kontakt-bg.jpg);
}
.header-container.--is-tips-atopy {
  background-image: url(../img/background/bg-new/pielegnacja-skory-bg.jpg);
}

/* CSS Document */
/* products - HOME*/
#products {
  position: relative;
  z-index: 2;
  margin-top: -100px;
  overflow: hidden;
  padding-bottom: 50px;
}
#products .side-wrapper {
  height: 100%;
}
#products .side-wrapper #products-wrapper {
  height: 100%;
}
#products .side-wrapper h1,
#products .side-wrapper h2,
#products .side-wrapper h3,
#products .side-wrapper h4,
#products .side-wrapper h5,
#products .side-wrapper h6 {
  margin-bottom: 10px;
  font-size: 30px;
  font-family: "museo-sans-rounded", sans-serif;
  color: #273f8a;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-top: 80px;
}
#products .side-wrapper p {
  font-size: 17px;
  font-family: "Roboto", sans-serif;
  color: #163f8a;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 38px;
}
#products .side-wrapper #products-left {
  width: 40%;
  float: left;
  margin-right: 10%;
  position: relative;
  height: 100%;
}
#products .side-wrapper #products-right {
  width: 42%;
  float: left;
  margin-left: 8%;
  /*		img{
  	width: 100%;
  	max-width: 456px;
  }*/
}

/* HOME_BOX_INFO 1 */
#box-home-info-1 {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, #dff0f5 0%, #0089b3 65%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -ms-linear-gradient(to right, #dff0f5 0%, #0089b3 65%) repeat scroll 0 0;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
}
#box-home-info-1 .side-wrapper {
  position: relative;
}
#box-home-info-1 .kurz {
  position: absolute;
  z-index: 1;
}
#box-home-info-1 #kurz6 {
  left: 409px;
  top: 319px;
  display: none;
}
#box-home-info-1 #kurz5 {
  left: -215px;
  top: -85px;
}
#box-home-info-1 #kurz4 {
  left: 655px;
  top: 250px;
}
#box-home-info-1 #kurz3 {
  left: 943px;
  top: 360px;
}
#box-home-info-1 #kurz2 {
  left: 1000px;
  top: -25px;
}
#box-home-info-1 #kurz1 {
  left: 350px;
  top: 300px;
}
#box-home-info-1 .text-wrapper {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
  padding-top: 10%;
}
#box-home-info-1 .text-wrapper h1,
#box-home-info-1 .text-wrapper h2,
#box-home-info-1 .text-wrapper h3,
#box-home-info-1 .text-wrapper h4,
#box-home-info-1 .text-wrapper h5,
#box-home-info-1 .text-wrapper h6 {
  font-size: 32px;
  margin-bottom: 15px;
  font-weight: 700;
  color: #fff;
}
#box-home-info-1 .text-wrapper p {
  font-size: 17px;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
}

/* END HOME_BOX_INFO 1 */
#box-home-chart {
  overflow: hidden;
  background-image: linear-gradient(to left, #ffffff 50%, #0099ce 50%);
  background-image: -ms-linear-gradient(to left, #ffffff 50%, #0099ce 50%);
  position: relative;
  z-index: 1;
}
#box-home-chart .side-wrapper {
  width: 90%;
}
#box-home-chart .right {
  float: right;
  width: 50%;
}
#box-home-chart .right .video-wrapper {
  width: 90%;
  margin: 0 auto 0 5%;
  max-width: 800px;
}
#box-home-chart .right video {
  display: block;
  width: 100%;
  height: auto;
  max-width: 800px;
  margin: 100px auto 50px 0;
}
#box-home-chart .right p {
  font-size: 17px;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
  color: #83888c;
  text-align: center;
}
#box-home-chart .left {
  float: left;
  width: 50%;
  max-width: 960px;
  margin: 0 0 0 auto;
  padding: 100px 0;
}
#box-home-chart .left .text-wrapper {
  width: 90%;
}
#box-home-chart .left .text-wrapper h1,
#box-home-chart .left .text-wrapper h2,
#box-home-chart .left .text-wrapper h3,
#box-home-chart .left .text-wrapper h4,
#box-home-chart .left .text-wrapper h5,
#box-home-chart .left .text-wrapper h6 {
  font-size: 32px;
  margin-bottom: 50px;
  font-weight: 700;
  color: #fff;
}
#box-home-chart .left .text-wrapper p {
  font-size: 16px;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
  color: #fff;
}
#box-home-chart .left .text-wrapper p strong {
  font-size: 18px;
}
#box-home-chart .left .btn.more {
  margin-top: 20px;
  background: #fff;
  color: #0099ce;
}
#box-home-chart .left .btn.more:hover {
  border: 1px solid #fff;
  background: #0099ce;
  color: #fff;
}

/* HOME_BOX_INFO 2 */
#box-home-info-2 {
  background: #f2f2f2;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
  color: #83888c;
}
#box-home-info-2 .right {
  float: right;
  width: 58%;
  margin-top: 50px;
}
#box-home-info-2 .left {
  float: left;
  position: relative;
  width: 42%;
}
#box-home-info-2 .left .text-wrapper {
  position: absolute;
  margin-top: 170px;
  margin-left: 80px;
  width: 100%;
}
#box-home-info-2 .left .text-wrapper h1,
#box-home-info-2 .left .text-wrapper h2,
#box-home-info-2 .left .text-wrapper h3,
#box-home-info-2 .left .text-wrapper h4,
#box-home-info-2 .left .text-wrapper h5,
#box-home-info-2 .left .text-wrapper h6 {
  font-size: 32px;
  line-height: 1.1;
  margin-bottom: 15px;
}
#box-home-info-2 .left .text-wrapper p {
  font-size: 17px;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
}

/* END HOME_BOX_INFO 2 */
/* HOME_BOX_INFO 3 */
#box-home-info-3 {
  background: #fff;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
}
#box-home-info-3 .right {
  float: right;
  width: 58%;
  position: relative;
}
#box-home-info-3 .right .roztocz {
  left: 121px;
  position: absolute;
  top: 227px;
  width: 116px;
}
#box-home-info-3 .right .roztocz img {
  max-width: 140px;
}
#box-home-info-3 .left {
  float: left;
  position: relative;
  width: 42%;
}
#box-home-info-3 .left .text-wrapper {
  margin-top: 120px;
  margin-left: 80px;
}
#box-home-info-3 .left .text-wrapper h1,
#box-home-info-3 .left .text-wrapper h2,
#box-home-info-3 .left .text-wrapper h3,
#box-home-info-3 .left .text-wrapper h4,
#box-home-info-3 .left .text-wrapper h5,
#box-home-info-3 .left .text-wrapper h6 {
  font-size: 32px;
  line-height: 1.1;
  margin-bottom: 15px;
  color: #163f8a;
}
#box-home-info-3 .left .text-wrapper p {
  font-size: 17px;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
  color: #0090bf;
}
#box-home-info-3 .left .text-wrapper .btn.more {
  display: inline-block;
}

/* END HOME_BOX_INFO 3 */
/* HOME_BOX_INFO 4 */
#box-home-info-4 {
  background: #f2f2f2;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
}
#box-home-info-4 .side-wrapper {
  background: center 25px scroll rgb(245, 243, 242);
  background-repeat: no-repeat;
  width: 100%;
  height: 560px;
  overflow: hidden;
}
#box-home-info-4 .left {
  float: left;
  position: relative;
  width: 42%;
}
#box-home-info-4 .left .text-wrapper {
  margin-top: 120px;
  margin-left: 80px;
  color: #163f8a;
}
#box-home-info-4 .left .text-wrapper h1,
#box-home-info-4 .left .text-wrapper h2,
#box-home-info-4 .left .text-wrapper h3,
#box-home-info-4 .left .text-wrapper h4,
#box-home-info-4 .left .text-wrapper h5,
#box-home-info-4 .left .text-wrapper h6 {
  font-size: 32px;
  line-height: 1.1;
  margin-bottom: 15px;
  color: #163f8a;
}
#box-home-info-4 .left .text-wrapper p {
  font-size: 17px;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
}

/* END HOME_BOX_INFO 4 */
/* HOME_BOX_INFO 5 */
#box-home-info-5 {
  background: #fff;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
}
#box-home-info-5 .right {
  float: right;
  width: 58%;
  margin-top: 75px;
  position: relative;
}
#box-home-info-5 .right .roztocz {
  left: 121px;
  position: absolute;
  top: 227px;
  width: 116px;
}
#box-home-info-5 .right .roztocz img {
  max-width: 140px;
}
#box-home-info-5 .left {
  float: left;
  position: relative;
  width: 42%;
}
#box-home-info-5 .left .text-wrapper {
  margin-top: 144px;
  margin-left: 80px;
}
#box-home-info-5 .left .text-wrapper h1,
#box-home-info-5 .left .text-wrapper h2,
#box-home-info-5 .left .text-wrapper h3,
#box-home-info-5 .left .text-wrapper h4,
#box-home-info-5 .left .text-wrapper h5,
#box-home-info-5 .left .text-wrapper h6 {
  font-size: 32px;
  line-height: 1.1;
  margin-bottom: 15px;
  color: #163f8a;
}
#box-home-info-5 .left .text-wrapper p {
  font-size: 17px;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
  color: #0090bf;
}

/* END HOME_BOX_INFO 5 */
/* HOME_BOX_INFO 6 */
#box-home-info-6 {
  background: #f2f2f2;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
}
#box-home-info-6 .side-wrapper {
  background: center -41px scroll rgb(245, 243, 242);
  background-repeat: no-repeat;
  width: 100%;
  height: 560px;
  overflow: hidden;
}
#box-home-info-6 .left {
  float: left;
  position: relative;
  width: 42%;
}
#box-home-info-6 .left .text-wrapper {
  margin-top: 120px;
  margin-left: 80px;
  color: #0099ce;
}
#box-home-info-6 .left .text-wrapper h1,
#box-home-info-6 .left .text-wrapper h2,
#box-home-info-6 .left .text-wrapper h3,
#box-home-info-6 .left .text-wrapper h4,
#box-home-info-6 .left .text-wrapper h5,
#box-home-info-6 .left .text-wrapper h6 {
  font-size: 32px;
  line-height: 1.1;
  margin-bottom: 15px;
}
#box-home-info-6 .left .text-wrapper h2 {
  margin-bottom: 30px;
}
#box-home-info-6 .left .text-wrapper p {
  font-size: 17px;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
}
#box-home-info-6 .left .text-wrapper .btn-left {
  float: left;
}

/* END HOME_BOX_INFO 6 */
/* Reviews */
#reviews {
  background: #f2f2f2;
  padding-top: 100px;
  padding-bottom: 34px;
}
#reviews .owl-carousel {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
  font-family: "roboto", sans-serif;
}
#reviews .owl-carousel .owl-prev,
#reviews .owl-carousel .owl-next {
  display: block;
  width: 29px;
  height: 40px;
  position: absolute;
  top: 200px;
  cursor: pointer;
}
#reviews .owl-carousel .owl-prev {
  background: url(../img/reviews-prev.png) no-repeat;
  left: 0;
}
#reviews .owl-carousel .owl-next {
  background: url(../img/reviews-next.png) no-repeat;
  background-position: right;
  right: 0;
}
#reviews .owl-carousel .item {
  text-align: center;
}
#reviews .owl-carousel .item img {
  width: 145px;
  height: 143px;
  display: block;
  margin: 0 auto;
}
#reviews .owl-carousel .item p {
  font-size: 18px;
  color: #1c3f8a;
  font-family: "roboto", sans-serif;
  line-height: 22px;
  margin: 45px auto 50px auto;
  text-align: center;
  width: 80%;
}
#reviews .owl-carousel .item a {
  color: #fff;
}
#reviews .owl-carousel .item .reviews-author {
  font-size: 18px;
  color: #1c3f8a;
  text-align: center;
  margin-bottom: 40px;
}
#reviews .owl-carousel .item .btn {
  background: #fff;
  color: #1c3f8a;
  margin-bottom: 30px;
  border: 1px solid #1c3f8a;
}
#reviews .owl-carousel .item .btn:hover {
  background: #1c3f8a;
  color: #fff;
  border: 1px solid #fff;
}

/* END Reviews */
#article.home {
  background: none;
  overflow: hidden;
  border: none;
  top: 50px;
  position: relative;
  display: block;
  padding-bottom: 50px;
  text-align: center;
}
#article.home p,
#article.home h1,
#article.home h2,
#article.home h3,
#article.home h4,
#article.home h5,
#article.home h6 {
  font-size: 32px;
  color: #163f8a;
  text-align: center;
}
#article.home .desc {
  padding: 50px 5% 0;
  width: 90%;
  max-width: 650px;
  font-size: 16px;
  color: #5f605f;
  line-height: 1.2;
}
#article.home .btn {
  margin: 0 auto 50px;
}
#article.home .item-article-wrapper {
  padding: 50px 2.5%;
  width: 95%;
  overflow: hidden;
}
#article.home .item {
  float: left;
  width: 30.333%;
  margin: 20px 1.5%;
  text-align: left;
  transition: all 0.2s ease-in;
}
#article.home .item:hover {
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.25);
  transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06);
}
#article.home .item:hover .title {
  text-decoration: underline;
}
#article.home .item:hover .image-wrapper .curtain {
  opacity: 0;
}
#article.home .item .article-desc-wrapper {
  background: #0099ce;
  padding: 20px 5%;
  height: 92px;
  position: relative;
}
#article.home .item .article-desc-wrapper .read-more {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #fff;
  height: 40px;
  line-height: 35px;
  cursor: pointer;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
#article.home .item .article-desc-wrapper .read-more:hover {
  text-decoration: underline;
}
#article.home .item .title {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
  height: 100%;
  overflow: hidden;
  text-align: left;
}
#article.home .item .title p,
#article.home .item .title h1,
#article.home .item .title h2,
#article.home .item .title h3,
#article.home .item .title h4,
#article.home .item .title h5,
#article.home .item .title h6,
#article.home .item .title a {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
#article.home .item .image-wrapper {
  height: 229px;
  position: relative;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
#article.home .item .image-wrapper .curtain {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 153, 206, 0.1);
  opacity: 1;
  transition: all 0.2s ease-in;
}

/* CSS Document */
/* Allergoff spray and liquid */
/* Chart section */
#chart-section {
  text-align: center;
  background: #f5f6f7;
  padding: 50px 0;
}
#chart-section h1,
#chart-section h2,
#chart-section h3,
#chart-section h4,
#chart-section h5,
#chart-section h6 {
  font-size: 28.8px;
  line-height: 26px;
  width: 90%;
  margin: 20px auto 50px;
  color: #0099ce;
  text-align: center;
}
#chart-section #video-chart,
#chart-section img {
  width: 100%;
  max-width: 800px;
  margin: 0px auto;
  display: block;
  height: auto;
}
#chart-section .btn {
  margin-top: 50px;
  background: #0099ce;
  border: 1px solid #fff;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}
#chart-section .btn:hover {
  border: 1px solid #0099ce;
  background: #fff;
  color: #0099ce;
}

/* Recommmended  */
#recommended {
  min-height: 273px;
  background: #def2f9;
  overflow: hidden;
}

#recommended-left {
  float: left;
  width: 40%;
  margin: 0 5%;
}
#recommended-left h1,
#recommended-left h2,
#recommended-left h3,
#recommended-left h4,
#recommended-left h5,
#recommended-left h6 {
  font-size: 23px;
  line-height: 26px;
  margin-top: 145px;
  color: #0090bf;
}

#recommended-right {
  float: left;
  width: 40%;
  margin: 0 5%;
}
#recommended-right ul {
  margin-top: 90px;
  margin-bottom: 90px;
}
#recommended-right ul li {
  color: #5f605f;
  font-weight: 400;
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
  background: url(../img/list-image.png) no-repeat left 5px;
  padding: 3px 0px 3px 30px;
  list-style: none;
  margin: 10px 0;
}

/* Neutral */
#neutral-info {
  min-height: 280px;
  background: #f4f6f7;
  overflow: hidden;
  padding-bottom: 50px;
}

#neutral-left {
  float: left;
  width: 45%;
  margin: 0 0 0 5%;
}
#neutral-left h1,
#neutral-left h2,
#neutral-left h3,
#neutral-left h4,
#neutral-left h5,
#neutral-left h6 {
  font-size: 23px;
  line-height: 26px;
  margin-top: 125px;
  color: #0090bf;
  text-align: center;
}
#neutral-left .btn.more {
  margin: 20px auto;
  max-width: 160px;
  display: block;
}

#neutral-right {
  float: right;
  width: 45%;
  margin: 0 1%;
}
#neutral-right ul {
  float: left;
  margin-top: 100px;
}
#neutral-right ul li {
  float: left;
  list-style: none;
  padding-bottom: 30px;
  width: 20%;
  margin: 0 1%;
}
#neutral-right ul li img {
  width: 100%;
}
#neutral-right ul li p {
  text-align: center;
  color: #24408a;
  line-height: 15px;
  font-size: 13px;
  font-weight: 400;
  color: #517fb4;
  font-family: "roboto", sans-serif;
}

/* Use */
#use-info {
  min-height: 600px;
  background: #fff;
  overflow: hidden;
  padding-bottom: 60px;
}
#use-info #use-wrapper {
  position: relative;
}
#use-info h1,
#use-info h2,
#use-info h3,
#use-info h4,
#use-info h5,
#use-info h6 {
  margin-top: 60px;
  font-size: 23px;
  line-height: 37px;
  text-align: center;
}
#use-info #use-image-gl {
  position: absolute;
  left: 0;
  right: 0;
  margin: 65px auto 0 auto;
  z-index: 1;
  width: 100px;
}
#use-info .use-box.first {
  margin-top: 110px;
}
#use-info .use-box.two {
  width: 55%;
  margin: 0 auto;
}
#use-info .use-box.three {
  width: 65%;
  margin: 0 auto;
}
#use-info .use-box {
  background: url(../img/use-box-bg.jpg);
  background-position: left center;
  width: 90%;
  height: 95px;
  position: relative;
  margin: 0 auto;
}
#use-info .use-box p {
  margin-top: -15px;
}
#use-info .use-box img {
  position: absolute;
  top: 0;
  width: 90px;
}
#use-info .use-box img.left {
  left: 0;
}
#use-info .use-box img.right {
  right: 0;
}
#use-info .use-box .use-desc {
  font-size: 16px;
  line-height: 30px;
  color: #0099ce;
  font-weight: 300;
  letter-spacing: 0.5px;
  font-family: "roboto", sans-serif;
  position: absolute;
  top: 31px;
}
#use-info .use-box .use-desc.left {
  left: 100px;
}
#use-info .use-box .use-desc.right {
  right: 100px;
}

/* Action */
#action-info {
  min-height: 625px;
  background: #f4f4f4;
  overflow: hidden;
  padding-bottom: 50px;
}
#action-info h1,
#action-info h2,
#action-info h3,
#action-info h4,
#action-info h5,
#action-info h6 {
  margin-top: 60px;
  font-size: 23px;
  line-height: 37px;
  text-align: center;
}

#action-info .action.box-1,
#action-info .action.box-2 {
  margin-top: 80px;
  overflow: hidden;
}
#action-info .action.box-1 .image-wrapper,
#action-info .action.box-2 .image-wrapper {
  float: right;
  width: 50%;
}
#action-info .action.box-1 .image-wrapper img,
#action-info .action.box-2 .image-wrapper img {
  display: block;
  margin: auto;
  max-width: 90%;
  height: auto;
}
#action-info .action.box-1 .content-desc,
#action-info .action.box-2 .content-desc {
  background: url(../img/action-box-1-image.png) no-repeat;
  background-size: 62px 67px;
  background-position: right;
  padding-right: 80px;
  min-height: 89px;
  float: left;
  width: 50%;
  margin-top: 50px;
  box-sizing: border-box;
}
#action-info .action.box-1 .content-desc h1,
#action-info .action.box-1 .content-desc h2,
#action-info .action.box-1 .content-desc h3,
#action-info .action.box-1 .content-desc h4,
#action-info .action.box-1 .content-desc h5,
#action-info .action.box-1 .content-desc h6,
#action-info .action.box-2 .content-desc h1,
#action-info .action.box-2 .content-desc h2,
#action-info .action.box-2 .content-desc h3,
#action-info .action.box-2 .content-desc h4,
#action-info .action.box-2 .content-desc h5,
#action-info .action.box-2 .content-desc h6 {
  font-size: 17px;
  line-height: 22px;
  font-weight: 700;
  color: #706f6f;
  font-family: "museo-sans-rounded", sans-serif;
  text-align: right;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-top: 0;
}
#action-info .action.box-1 .content-desc p,
#action-info .action.box-2 .content-desc p {
  margin-top: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: #5f605f;
  font-family: "Open sans", sans-serif;
  text-align: right;
  letter-spacing: 0.75px;
}

#action-info .action.box-2 .content-desc {
  background: url(../img/action-box-2-image.png) no-repeat;
  background-size: 62px 67px;
  background-position: right;
}

/*#action-left{
	float: left;
	width: 48%;
	margin-left: 2%;

	.action{
		margin-bottom: 100px;
	}
	.action.box-1{
		margin-top: 145px;
		background:url(../img/action-box-1-image.png) no-repeat;
		background-size: 62px 67px;
		background-position:right;
		width: 83%;
		padding-right: 14%;
		min-height: 89px;
	}

	.action.box-2{
		background:url(../img/action-box-2-image.png) no-repeat;
		background-size: 62px 67px;
		background-position:right;
		width: 83%;
		padding-right: 14%;
		min-height: 89px;
	}

	h1,h2,h3,h4,h5,h6{
		font-size: 17px;
		line-height: 22px;
		font-weight:700;
		color:#706f6f;
		font-family: "museo-sans-rounded", sans-serif;
		text-align: right;
		margin-bottom: 15px;
		text-transform: uppercase;
		margin-top: 0;
	}

	p{
		margin-top: 0;
		font-size: 14px;
		line-height: 1.4;
		font-weight:400;
		color:#5f605f;
		font-family: "Open sans",sans-serif;
		text-align: right;
		letter-spacing: 0.75px;
	}
}

#action-right{
	float: left;
	width: 40%;

	img{
		width: 90%;
		max-width: 350px;
		margin-left: auto;
		margin-top: 40px;
		display: block;
		margin-right: 0;
	}
}*/
/* security */
#security {
  min-height: 158px;
  background: #fff;
  overflow: hidden;
  padding: 50px 0;
}

#security-left {
  float: left;
  width: 45%;
  margin: 0 0 0 5%;
}
#security-left h1,
#security-left h2,
#security-left h3,
#security-left h4,
#security-left h5,
#security-left h6 {
  float: left;
  margin-top: 60px;
  font-size: 23px;
  line-height: 37px;
  text-align: center;
}
#security-left img {
  float: right;
  width: 30%;
  max-width: 150px;
  margin-right: 10%;
  height: auto;
}

#security-right {
  float: left;
  width: 46%;
  padding: 0 1% 0 3%;
}
#security-right ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
#security-right ul li {
  font-size: 14px;
  color: #706f6f;
  font-weight: 400;
  font-family: "Open sans", sans-serif;
  display: block;
  line-height: 22px;
  margin-bottom: 7px;
  margin-left: 40px;
  background: url(../img/list-image.png) no-repeat left 5px;
  padding: 3px 0px 3px 30px;
  list-style: none;
}

/* video */
#video {
  overflow: hidden;
  min-height: 354px;
  padding: 50px 0 0 0;
}
#video h1,
#video h2,
#video h3,
#video h4,
#video h5,
#video h6 {
  font-size: 23px;
  line-height: 37px;
  text-align: center;
}
#video .video {
  display: none;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
#video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 16/9;
}
#video .video-run {
  width: 100%;
}
#video .video-run img {
  width: 100%;
  height: auto;
  display: block;
}
#video .video-background {
  background: #f3eff0;
  margin: 50px 0 0 0;
}
#video .video-wrapper {
  width: 100%;
  height: 100%;
  text-align: center;
}

/* advantages */
#advantages {
  min-height: 223px;
  overflow: hidden;
  background-image: linear-gradient(to right, #e0f1f8 50%, #f3f3f3 50%);
  background-image: -ms-linear-gradient(to right, #e0f1f8 50%, #f3f3f3 50%);
  background-size: cover;
  background-position: center center;
  padding: 50px 0;
}

#advantages-wrapper {
  overflow: hidden;
}

#advantages-left {
  float: left;
  width: 45%;
  padding: 0 0 0 5%;
  /*background:#e0f2f7;*/
}
#advantages-left .advantages-content {
  float: left;
  width: 48%;
  margin-left: 2%;
}
#advantages-left h1,
#advantages-left h2,
#advantages-left h3,
#advantages-left h4,
#advantages-left h5,
#advantages-left h6 {
  font-size: 23px;
  font-weight: 700;
  line-height: 26px;
}
#advantages-left p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  max-width: 200px;
  margin-top: 50px;
  width: 90%;
}
#advantages-left p span {
  color: #0099ce;
}
#advantages-left img {
  float: left;
  width: 40%;
  max-width: 203px;
  margin-left: 5%;
  margin-right: 5%;
}

#advantages-right {
  float: left;
  width: 46%;
  padding: 0 1% 0 3%;
  /*background:#f3f3f3;*/
}
#advantages-right .advantages-content {
  float: left;
  width: 50%;
}
#advantages-right h1,
#advantages-right h2,
#advantages-right h3,
#advantages-right h4,
#advantages-right h5,
#advantages-right h6 {
  font-size: 23px;
  font-weight: 700;
  line-height: 26px;
}
#advantages-right img {
  float: right;
  width: 40%;
  max-width: 256px;
  margin-left: 5%;
  margin-right: 5%;
}
#advantages-right ul {
  margin: 10px 0;
}
#advantages-right ul li {
  font-size: 14px;
  color: #706f6f;
  font-weight: 400;
  font-family: "Open sans", sans-serif;
  display: block;
  line-height: 22px;
  margin-bottom: 0px;
  background: url(../img/list-image.png) no-repeat left 5px;
  padding: 3px 0px 3px 30px;
  list-style: none;
}

/* awwards */
#awards {
  background: #fff;
  overflow: hidden;
  padding: 50px 0;
}
#awards .btn.buy {
  max-width: 200px;
  width: 18%;
  margin-top: 40px;
  margin-right: 2%;
  margin-left: 0;
  margin-bottom: 50px;
}
#awards h1,
#awards h2,
#awards h3,
#awards h4,
#awards h5,
#awards h6 {
  float: left;
  display: block;
  text-align: center;
  margin-top: 60px;
  font-size: 23px;
  line-height: 37px;
  text-align: center;
  margin-top: 40px;
}

.awards-img-container {
  width: 60%;
  float: left;
}
.awards-img-container .item {
  width: 33.333%;
  float: left;
}
.awards-img-container .img-desc {
  color: #1ea5d3;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
  text-align: center;
}
.awards-img-container img {
  width: 100%;
  max-width: 105px;
  display: block;
  margin: 0 auto;
}

/* package */
#package {
  min-height: 489px;
  background: #f3f3f3;
  overflow: hidden;
  /*	min-height:800px;
  	background:#f3f3f3 url(../img/package-bg.png) no-repeat;
  	background-size: contain;
  	background-attachment: fixed;
      background-position: center center;
  */
}
#package h1,
#package h2,
#package h3,
#package h4,
#package h5,
#package h6 {
  text-align: center;
  font-size: 23px;
  line-height: 37px;
  text-align: left;
  margin-top: 80px;
}
#package p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 35px;
}
#package p span {
  color: #0099ce;
}

#package-left {
  width: 40%;
  float: left;
  margin-left: 5%;
}
#package-left .btn.buy {
  margin-top: 30px;
  margin-left: 0;
}

#package-right {
  width: 50%;
  float: right;
  /*		.width-style{
  	max-width: 230px;
  	margin-right:5%;
  	width: 35%;
  }

  img{
  	margin-top:50px;
  	display:block;
  	width: 60%;
  	max-width:476px;
  	float: left;
  }*/
}
#package-right img {
  display: block;
  width: 90%;
  float: left;
}

/* package liquid */
#package.liquid {
  background: #fff;
  min-height: 283px;
  padding: 20px 0;
}

#package.wash {
  background: #fff;
  min-height: 283px;
  padding: 50px 0;
}

/* try */
#try {
  background: #fff;
  overflow: hidden;
  border-top: 1px solid #81839a;
  padding-top: 50px;
}
#try h1,
#try h2,
#try h3,
#try h4,
#try h5,
#try h6 {
  color: #163f8a;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 35px;
  font-weight: 700;
  margin: 20px 0;
}
#try .item-products-wrapper {
  margin-top: 50px;
}
#try .item {
  float: left;
  width: 23%;
  margin: 0 1%;
  height: 700px;
}
#try .item h1,
#try .item h2,
#try .item h3,
#try .item h4,
#try .item h5,
#try .item h6 {
  max-width: 144px;
  color: #706f6f;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 0;
  text-transform: uppercase;
}
#try .item p {
  color: #153b81;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0;
  margin-top: 0;
}
#try .item .desc {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 50px;
  margin-top: 20px;
  color: #706f6f;
  font-size: 14px;
  max-width: 80%;
}
#try .item .btn.buy {
  margin-left: 0;
}
#try .item .page-link {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 10px;
  color: #163f8a;
  font-size: 16px;
}
#try .item .page-link a {
  color: inherit;
}
#try .item .page-link a:after {
  content: " >>";
}
#try .item .image-wrapper {
  height: 240px;
  position: relative;
  margin-bottom: 20px;
}
#try .item img {
  max-width: 80%;
  position: absolute;
  bottom: 0;
  height: auto;
}

/* application liquid*/
#application {
  min-height: 202px;
  background: #def2f9;
  overflow: hidden;
  padding: 50px 0;
}
#application #application-wrapper {
  margin-top: 35px;
  overflow: hidden;
}
#application h2,
#application h3 {
  text-align: center;
  font-size: 23px;
  line-height: 37px;
  text-align: left;
}
#application ul li {
  font-size: 14px;
  color: #706f6f;
  font-weight: 400;
  font-family: "Open sans", sans-serif;
  display: block;
  line-height: 22px;
  margin-bottom: 0px;
  background: url(../img/list-image.png) no-repeat left 5px;
  padding: 3px 0px 3px 30px;
  list-style: none;
}

#application-left {
  width: 40%;
  margin-left: 5%;
  margin-right: 1%;
  float: left;
}

#application-right {
  text-align: center;
  width: 48%;
  margin-right: 5%;
  margin-left: 1%;
  float: left;
}
#application-right .image-box {
  width: 50%;
  float: left;
}
#application-right .image-box .image-desc {
  color: #0090bf;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: "roboto", sans-serif;
  letter-spacing: 0.5px;
}
#application-right .image-box .image-item {
  width: 30%;
  margin-right: 3.333%;
  float: left;
}
#application-right .image-box .image-item img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 109px;
}

#application-right.wash {
  width: 53%;
  margin-right: 0;
  margin-top: 50px;
}

#application-right.wash .image-box {
  width: 100%;
  text-align: center;
}

#application-right.wash .image-box .image-item {
  float: none;
  display: inline-block;
  width: 10%;
  vertical-align: top;
}

#application-right.wash .image-box .image-item img {
  max-width: 76px;
}

/* efficiency  liquid */
#efficiency {
  min-height: 249px;
  overflow: hidden;
  background-image: linear-gradient(to right, #ffffff 50%, #57b6d5 50%);
  background-image: -ms-linear-gradient(to right, #ffffff 50%, #57b6d5 50%);
  padding: 50px 0;
}

#efficiency-wrapper {
  overflow: hidden;
}
#efficiency-wrapper ul {
  margin-top: 50px;
}
#efficiency-wrapper ul li {
  font-size: 14px;
  color: #706f6f;
  font-weight: 400;
  font-family: "Open sans", sans-serif;
  display: block;
  line-height: 22px;
  margin-bottom: 0px;
  background: url(../img/list-image.png) no-repeat left 5px;
  padding: 3px 0px 3px 30px;
  list-style: none;
}
#efficiency-wrapper ul li span {
  color: #1ea5d3;
}

#efficiency-left {
  width: 43%;
  margin-left: 5%;
  margin-right: 2%;
  float: left;
  margin-top: 20px;
}
#efficiency-left h2,
#efficiency-left h3 {
  text-align: center;
  font-size: 23px;
  line-height: 37px;
  text-align: left;
}
#efficiency-left .efficiency-left-wrapper {
  width: 66%;
  float: left;
  margin-left: 4%;
}
#efficiency-left img {
  float: left;
  width: 30%;
  max-width: 197px;
}

#efficiency-right {
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
  margin-top: 20px;
}
#efficiency-right h2,
#efficiency-right h3 {
  color: #fff;
  text-align: center;
  font-size: 23px;
  line-height: 37px;
}
#efficiency-right .efficiency-content {
  margin-top: 0px;
  overflow: hidden;
}
#efficiency-right img {
  float: left;
  margin-top: 40px;
  margin-left: 8%;
}
#efficiency-right p {
  float: left;
  margin-top: 60px;
  margin-left: 14%;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  letter-spacing: 0.2px;
  font-family: "Open sans", sans-serif;
  font-weight: 400;
}

#efficiency.wash {
  padding: 0;
}
#efficiency.wash .side-wrapper {
  height: 100%;
}
#efficiency.wash #efficiency-left {
  width: 50%;
  height: 100%;
  margin: 0;
  min-height: 350px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right bottom;
}
#efficiency.wash #efficiency-right {
  margin-top: 50px;
}

/* Stages liquid */
#stages {
  background: #f0f0f0;
  overflow: hidden;
  padding: 50px 0;
}
#stages iframe {
  margin-top: 50px;
  left: 0;
  width: 100%;
}
#stages h1,
#stages h2,
#stages h3,
#stages h4,
#stages h5,
#stages h6 {
  text-align: center;
  font-size: 23px;
  line-height: 37px;
  text-align: left;
  margin-left: 5%;
}
#stages p {
  margin-left: 5%;
  margin-top: 20px;
  font-size: 18.75px;
  font-family: "roboto", sans-serif;
  font-weight: 300;
  line-height: 25px;
  color: #706f6f;
  letter-spacing: 0.2px;
}
#stages #stages-wrapper {
  margin-top: 57px;
}

.stages-desc.no-image {
  padding-left: 0;
}

#stages-left {
  width: 43%;
  margin-left: 5%;
  margin-right: 2%;
  float: left;
}
#stages-left .image-wrapper {
  float: left;
  margin-right: 40px;
}
#stages-left h3 {
  font-size: 18.75px;
  line-height: 28px;
  font-family: "roboto", sans-serif;
  font-weight: 300;
  color: #706f6f;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 20px;
  margin-left: 0;
}
#stages-left p {
  color: #706f6f;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  margin-top: 40px;
  margin-left: 10px;
}

#stages-left.wash .stage-item {
  overflow: hidden;
  margin-bottom: 50px;
}

p {
  margin-top: 35px;
}

#stages-right {
  width: 43%;
  margin-left: 2%;
  margin-right: 5%;
  float: left;
  position: relative;
}
#stages-right .image-wrapper {
  float: left;
  margin-right: 40px;
}
#stages-right h3 {
  font-size: 18.75px;
  line-height: 28px;
  font-family: "roboto", sans-serif;
  font-weight: 300;
  color: #706f6f;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 20px;
  margin-left: 0;
}
#stages-right p {
  color: #706f6f;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  margin-top: 40px;
  margin-left: 10px;
}
#stages-right #try-in-washing-machine {
  margin-top: 50px;
  padding: 50px 10px 50px 120px;
  background-color: #163f8a;
  box-sizing: border-box;
  font-family: "roboto", sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
  border-radius: 15px;
  background-size: 69px 85px;
  background-repeat: no-repeat;
  background-position: left 20px center;
  min-height: 105px;
}

/* Allergoff spray and liquid END */
/* CSS Document */
/* Allergoff atopy */
/* Recommmended  */
#recommended.atopy {
  min-height: 273px;
  background: #ededed;
  overflow: hidden;
}
#recommended.atopy #recommended-left {
  float: left;
  width: 40%;
  margin: 0 5%;
}
#recommended.atopy #recommended-left h1,
#recommended.atopy #recommended-left h2,
#recommended.atopy #recommended-left h3,
#recommended.atopy #recommended-left h4,
#recommended.atopy #recommended-left h5,
#recommended.atopy #recommended-left h6 {
  font-size: 23px;
  line-height: 26px;
  margin-top: 145px;
  color: #0e4194;
}
#recommended.atopy #recommended-right {
  float: left;
  width: 40%;
  margin: 0 5%;
}
#recommended.atopy #recommended-right ul {
  margin-top: 90px;
  margin-bottom: 90px;
}
#recommended.atopy #recommended-right ul li {
  color: #5f605f;
  font-weight: 400;
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
  background: url(../img/list-image-atopy.png) no-repeat left 5px;
  padding: 3px 0px 3px 30px;
  list-style: none;
  margin: 10px 0;
}

/* Use */
#use-info.atopy.oliwka .use-box.first {
  margin-top: 210px;
}

#use-info.atopy {
  min-height: 800px;
  background: #0e4194;
  overflow: hidden;
  padding-bottom: 60px;
}
#use-info.atopy #use-wrapper {
  position: relative;
}
#use-info.atopy h1,
#use-info.atopy h2,
#use-info.atopy h3,
#use-info.atopy h4,
#use-info.atopy h5,
#use-info.atopy h6 {
  margin-top: 60px;
  font-size: 23px;
  line-height: 37px;
  text-align: center;
  color: #fff;
}
#use-info.atopy #use-image-gl {
  position: absolute;
  left: 0;
  right: 0;
  margin: 65px auto 0 auto;
  z-index: 1;
  width: 300px;
}
#use-info.atopy #use-image-gl.oliwka {
  width: 200px;
}
#use-info.atopy #use-image-gl.emulsja {
  width: 270px;
}
#use-info.atopy .use-box.first {
  margin-top: 110px;
  width: 50%;
  margin-left: 50%;
}
#use-info.atopy .use-box.two {
  width: 50%;
  margin-right: 50%;
}
#use-info.atopy .use-box.three {
  width: 50%;
  margin-left: 50%;
}
#use-info.atopy .use-box {
  background: url(../img/use-box-bg-atopy.jpg);
  background-position: left center;
  width: 90%;
  height: 150px;
  position: relative;
  margin: 0 auto;
}
#use-info.atopy .use-box p {
  margin-top: -15px;
}
#use-info.atopy .use-box img {
  position: absolute;
  top: 0;
  width: 150px;
}
#use-info.atopy .use-box img.left {
  left: 0;
}
#use-info.atopy .use-box img.right {
  right: 0;
}
#use-info.atopy .use-box .use-desc {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.5px;
  font-family: "roboto", sans-serif;
  position: absolute;
  top: 42px;
  text-align: center;
}
#use-info.atopy .use-box .use-desc.left {
  left: 35%;
}
#use-info.atopy .use-box .use-desc.right {
  right: 40%;
}

/* SAFE */
#safe-atopy .box {
  min-height: 405px;
  background-image: linear-gradient(to right, #ededed 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(to right, #ededed 50%, #ffffff 50%);
  overflow: hidden;
}
#safe-atopy .box h1,
#safe-atopy .box h2,
#safe-atopy .box h3,
#safe-atopy .box h4,
#safe-atopy .box h5,
#safe-atopy .box h6 {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 24px;
  color: #0e4194;
}
#safe-atopy .box p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.4;
}
#safe-atopy .box .left {
  width: 50%;
  float: left;
  box-sizing: border-box;
  overflow: hidden;
  height: 405px;
  position: relative;
}
#safe-atopy .box .left img {
  display: block;
  position: absolute;
  right: 0;
}
#safe-atopy .box .right {
  width: 45%;
  margin: 0 2.5%;
  padding: 50px 40px;
  float: left;
  box-sizing: border-box;
  position: relative;
}

/* SAFE END */
/* 0 Parafiny */
#no-paraffin .box {
  min-height: 405px;
  background-image: linear-gradient(to right, #ffffff 50%, #6d6e71 50%);
  background-image: -ms-linear-gradient(to right, #ffffff 50%, #6d6e71 50%);
  overflow: hidden;
}
#no-paraffin .box h1,
#no-paraffin .box h2,
#no-paraffin .box h3,
#no-paraffin .box h4,
#no-paraffin .box h5,
#no-paraffin .box h6 {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 24px;
  color: #fff;
}
#no-paraffin .box p {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.4;
}
#no-paraffin .box ul {
  margin-top: 40px;
}
#no-paraffin .box ul li {
  color: #fff;
  font-weight: 400;
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  background: url(../img/list-image-atopy-white.png) no-repeat left 5px;
  padding: 3px 0px 3px 30px;
  list-style: none;
  margin: 8px 0;
}
#no-paraffin .box .left {
  width: 50%;
  float: left;
  box-sizing: border-box;
  overflow: hidden;
  height: 405px;
  position: relative;
}
#no-paraffin .box .left img {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
}
#no-paraffin .box .right {
  width: 45%;
  margin: 2.5%;
  padding: 50px 40px;
  float: left;
  box-sizing: border-box;
  position: relative;
}

/* 0 Parafiny END */
#composition-atopy .box {
  min-height: 749px;
  background: #ededed;
  overflow: hidden;
}
#composition-atopy .box h1,
#composition-atopy .box h2,
#composition-atopy .box h3 {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 40px;
  color: #0e4194;
}
#composition-atopy .box h4,
#composition-atopy .box h5,
#composition-atopy .box h6 {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #0e4194;
}
#composition-atopy .box p {
  color: #6d6e71;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.4;
}
#composition-atopy .box ul {
  margin-top: 40px;
}
#composition-atopy .box ul li {
  color: #fff;
  font-weight: 400;
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  background: url(../img/list-image-atopy-white.png) no-repeat left 5px;
  padding: 3px 0px 3px 30px;
  list-style: none;
  margin: 8px 0;
}
#composition-atopy .box .right {
  width: 50%;
  float: left;
  box-sizing: border-box;
  overflow: hidden;
  height: 749px;
  position: relative;
}
#composition-atopy .box .right img {
  display: block;
  position: absolute;
  right: 0;
}
#composition-atopy .box .left {
  width: 45%;
  margin: 2.5%;
  padding: 50px 40px;
  float: left;
  box-sizing: border-box;
  position: relative;
  text-align: right;
}

/* CSS Document */
/* Allergoff spray NEW */
.spray-header-margin {
  height: 118px;
}

.header-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 1200px;
  z-index: 10;
}
.header-wrapper h1 {
  color: #163f8a;
  font-size: 46px;
  margin: 20px 5% 0 5%;
}

#spray-header {
  background-color: #81c6d5;
  position: relative;
  z-index: 3;
}
#spray-header .side-wrapper {
  width: 100%;
  max-width: 2500px;
  position: relative;
  height: calc(100vh - 218px);
  display: flex;
  flex-direction: row;
  min-height: 450px;
  max-height: 750px;
}
#spray-header #spray-header-slider {
  width: 50%;
  height: 100%;
  overflow: hidden;
}
#spray-header #spray-header-slider .owl-carousel,
#spray-header #spray-header-slider .owl-stage-outer,
#spray-header #spray-header-slider .owl-stage,
#spray-header #spray-header-slider .owl-item {
  width: 100%;
  height: 100%;
}
#spray-header #spray-header-slider .item {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#spray-header #spray-header-slider .owl-dots {
  position: absolute;
  bottom: 50px;
  margin: auto;
  left: 0;
  right: 0;
}
#spray-header #spray-header-slider .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  background-color: transparent;
}
#spray-header #spray-header-slider .owl-dots .owl-dot.active span,
#spray-header #spray-header-slider .owl-dots .owl-dot:hover span {
  background-color: #fff;
}
#spray-header .right {
  width: 50%;
  height: 100%;
  z-index: 2;
  top: 0;
  right: 0;
  left: auto;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
#spray-header .content-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
}
#spray-header .content h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 46px;
  font-weight: 100;
  line-height: 1.2;
  color: #fff;
}
#spray-header .btn-wrapper {
  margin-top: 50px;
}
#spray-header .btn-wrapper .btn.buy {
  background-color: #163f8a;
  font-size: 16px;
  border: 1px solid #163f8a;
  font-weight: 700;
  border-radius: 5px;
}
#spray-header .btn-wrapper .btn.buy:hover {
  color: #fff;
  opacity: 0.8;
}
#spray-header .btn-wrapper .btn.find {
  font-size: 16px;
  background-color: transparent;
  border: 1px solid #163f8a;
  color: #163f8a;
  font-weight: 700;
  border-radius: 5px;
}
#spray-header .btn-wrapper .btn.find:hover {
  background-color: #163f8a;
  color: #fff;
}
#spray-header .image {
  position: relative;
  right: 5%;
  top: auto;
  bottom: -100px;
  z-index: 1;
}
#spray-header .image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 218px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  min-height: 400px;
}

.spray-new .side-wrapper {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.spray-new img {
  max-width: 100%;
  height: auto;
}
.spray-new .content-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.spray-new .content {
  width: 50%;
}
.spray-new .image {
  width: 50%;
}
.spray-new .section-title {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 auto 30px;
  color: #0099ce;
}
.spray-new .section-desc {
  color: #6d6e71;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.spray-new ul {
  color: #6d6e71;
  margin-bottom: 56px;
}
.spray-new ul li {
  font-family: "Open sans", sans-serif;
  font-size: 16px;
  line-height: 19px;
  background: url(../img/list-image.png) no-repeat left 3px;
  padding: 3px 0px 3px 30px;
  list-style: none;
  margin: 10px 0;
}
.spray-new .item-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  padding: 50px 0;
  color: #0099ce;
}
.spray-new .item-header {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  color: #0099ce;
}
.spray-new .item-desc {
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #6d6e71;
  margin-top: 20px;
}
.spray-new p {
  margin: 20px 0;
}

#section-1.spray-new {
  padding: 150px 0 50px;
}
#section-1.spray-new .content-wrapper {
  align-items: center;
}
#section-1.spray-new .content {
  max-width: 500px;
}
#section-1.spray-new .image {
  width: calc(100% - 500px);
}

#section-2.spray-new {
  padding: 50px 0 100px;
  text-align: center;
  position: relative;
  z-index: 2;
  background-color: #fff;
}
#section-2.spray-new .item {
  width: 100%;
  max-width: 250px;
}
#section-2.spray-new .item-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 250px;
  height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}
#section-2.spray-new .btn-wrapper {
  margin-top: 30px;
}

#section-3.spray-new {
  padding: 200px 0 200px;
  background-color: #0090bf;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 50%;
  position: relative;
  z-index: 1;
}
#section-3.spray-new h2 {
  color: #fff;
}
#section-3.spray-new .image {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 120%;
  margin: auto;
}
#section-3.spray-new .image img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
  height: 100%;
  width: calc(100% - 500px);
  margin-left: auto;
  margin-right: 0;
}
#section-3.spray-new .content {
  width: 40%;
}
#section-3.spray-new .section-title,
#section-3.spray-new .section-desc {
  color: #fff;
}

#section-4.spray-new {
  padding: 0 0 50px;
  background-color: #0090bf;
  text-align: center;
}
#section-4.spray-new h2 {
  color: #fff;
}
#section-4.spray-new .section-title {
  color: #fff;
}
#section-4.spray-new .item {
  width: 250px;
}
#section-4.spray-new .item-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 250px;
  height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}
#section-4.spray-new .item-header {
  color: #fff;
  font-size: 24px;
}

#section-5.spray-new {
  padding: 100px 0 50px;
}
#section-5.spray-new .content-wrapper {
  align-items: center;
}
#section-5.spray-new .video {
  display: block;
  width: 45%;
  height: auto;
}
#section-5.spray-new .video .video-wrapper {
  height: 100%;
  position: relative;
  cursor: pointer;
}
#section-5.spray-new .video .video-wrapper:hover:after {
  scale: 1.05;
}
#section-5.spray-new .video .video-wrapper:after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background-image: url(../img/play-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.3s ease-in-out;
}
#section-5.spray-new .video .video-wrapper.play:after {
  opacity: 0;
  visibility: hidden;
}
#section-5.spray-new .video video::poster {
  width: 100%;
  height: auto;
}
#section-5.spray-new .video video {
  width: 100%;
  height: auto;
}
#section-5.spray-new .video .video-poster {
  width: 100%;
  height: auto;
}

#section-6.spray-new {
  padding: 50px 0 100px;
}
#section-6.spray-new .item-wrapper {
  gap: 70px;
}
#section-6.spray-new .item {
  width: 300px;
  text-align: center;
}
#section-6.spray-new .item-header {
  font-size: 24px;
  font-weight: 700;
  margin-top: 30px;
}

#section-7.spray-new {
  padding: 100px 0;
  background-color: #009ad0;
  text-align: center;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
#section-7.spray-new h2 {
  color: #fff;
}
#section-7.spray-new .section-title {
  color: #fff;
}
#section-7.spray-new .item-wrapper {
  margin-top: 50px;
  gap: 100px;
}
#section-7.spray-new .item {
  width: 250px;
}
#section-7.spray-new .item-header {
  font-size: 50px;
  font-family: "Open sans", sans-serif;
  font-weight: 900;
}
#section-7.spray-new .item-header::before {
  content: "";
  display: block;
  margin: 0 auto 20px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
}
#section-7.spray-new .item-header,
#section-7.spray-new .item-desc {
  color: #fff;
}
#section-7.spray-new .item-desc {
  font-size: 16px;
}

#section-8.spray-new {
  padding: 100px 0 50px;
}
#section-8.spray-new .content {
  max-width: 450px;
  width: 40%;
}
#section-8.spray-new .image {
  width: 60%;
}
#section-8.spray-new ul {
  padding-top: 30px;
  padding-left: 30px;
}

#section-9.spray-new {
  padding: 100px 0;
  background-color: #009ad0;
  text-align: center;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  overflow: hidden;
}
#section-9.spray-new .side-wrapper {
  max-width: 1400px;
}
#section-9.spray-new .section-title {
  color: #fff;
}
#section-9.spray-new h2 {
  color: #fff;
}
#section-9.spray-new .content-wrapper {
  margin-top: 100px;
  align-items: center;
}
#section-9.spray-new .content {
  width: 35%;
}
#section-9.spray-new .content .section-title {
  color: #fff;
  line-height: normal;
  font-weight: 300;
}
#section-9.spray-new .content .section-title span {
  font-size: 48px;
  display: block;
  font-weight: 700;
}
#section-9.spray-new .content .section-desc {
  color: #fff;
  margin-top: 50px;
}
#section-9.spray-new .btn-wrapper {
  margin-top: 50px;
}
#section-9.spray-new .btn.more {
  background: transparent;
  border: 1px solid #fff;
}
#section-9.spray-new .btn.more:hover {
  background-color: #fff;
  color: #0099ce;
}
#section-9.spray-new #video-review {
  width: 55%;
}
#section-9.spray-new #video-review .owl-prev {
  position: absolute;
  top: 210px;
  margin: auto;
  left: -60px;
  width: 30px;
  height: 30px;
  background-image: url(../img/arrow-left.svg);
  background-size: 15px 27px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}
#section-9.spray-new #video-review .owl-next {
  position: absolute;
  top: 210px;
  margin: auto;
  right: -60px;
  width: 30px;
  height: 30px;
  background-image: url(../img/arrow-right.svg);
  background-size: 15px 27px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}
#section-9.spray-new #video-review .item {
  min-width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  font-family: "Open sans", sans-serif;
}
#section-9.spray-new #video-review .item-content {
  width: 100%;
  height: 450px;
}
#section-9.spray-new #video-review .content {
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 250px;
  height: 100%;
  box-sizing: border-box;
  padding: 30px;
  font-size: 14px;
  line-height: 1.2;
  overflow: auto;
}
#section-9.spray-new #video-review .content::-webkit-scrollbar {
  width: 3px !important;
}
#section-9.spray-new #video-review .content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.6) !important;
}
#section-9.spray-new #video-review .content > div {
  position: relative;
  padding-top: 30px;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
}
#section-9.spray-new #video-review .content .quote {
  margin: auto;
  font-size: 50px;
  line-height: 0.7;
}
#section-9.spray-new #video-review .content p {
  margin: 0 0 20px;
}
#section-9.spray-new #video-review .video-wrapper {
  height: 100%;
  position: relative;
  cursor: pointer;
}
#section-9.spray-new #video-review .video-wrapper:hover:after {
  scale: 1.05;
}
#section-9.spray-new #video-review .video-wrapper:after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background-image: url(../img/play-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.3s ease-in-out;
}
#section-9.spray-new #video-review .video-wrapper.play:after {
  opacity: 0;
}
#section-9.spray-new #video-review video::poster {
  width: 100%;
  height: auto;
}
#section-9.spray-new #video-review video {
  height: 100%;
}
#section-9.spray-new #video-review .item-name {
  font-size: 20px;
  padding: 20px 0;
}

#section-10.spray-new {
  padding: 0;
  background-color: #009ad0;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  height: 700px;
  position: relative;
}
#section-10.spray-new .image {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  margin: auto;
}
#section-10.spray-new .image img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
  height: 100%;
  width: calc(100% - 450px);
  margin-left: auto;
  margin-right: 0;
}
#section-10.spray-new .side-wrapper {
  height: 100%;
}
#section-10.spray-new .content-wrapper {
  align-items: center;
  height: 100%;
}
#section-10.spray-new .content {
  max-width: 400px;
  margin-top: -150px;
}
#section-10.spray-new .content .section-title {
  color: #fff;
  line-height: normal;
}
#section-10.spray-new .content h2 {
  color: #fff;
}
#section-10.spray-new .content .section-desc {
  color: #fff;
}
#section-10.spray-new .btn-wrapper {
  margin-top: 30px;
}
#section-10.spray-new .btn.more {
  background: transparent;
  border: 1px solid #fff;
}
#section-10.spray-new .btn.more:hover {
  background-color: #fff;
  color: #0099ce;
}

/* video */
#video {
  overflow: hidden;
  min-height: 354px;
  padding: 50px 0 0 0;
}
#video h1,
#video h2,
#video h3,
#video h4,
#video h5,
#video h6 {
  font-size: 23px;
  line-height: 37px;
  text-align: center;
}
#video .video {
  display: none;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
#video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 16/9;
}
#video .video-run {
  width: 100%;
}
#video .video-run img {
  width: 100%;
  height: auto;
  display: block;
}
#video .video-background {
  background: #f3eff0;
  margin: 50px 0 0 0;
}
#video .video-wrapper {
  width: 100%;
  height: 100%;
  text-align: center;
}

/* awwards */
#awards.spray-new {
  padding: 100px 0;
  background-color: #fff;
  text-align: center;
}
#awards.spray-new .section-title {
  float: none;
}
#awards.spray-new .section-title h1,
#awards.spray-new .section-title h2,
#awards.spray-new .section-title h3,
#awards.spray-new .section-title h4,
#awards.spray-new .section-title h5,
#awards.spray-new .section-title h6 {
  float: none;
  font-size: inherit;
  font-weight: inherit;
}
#awards.spray-new .item {
  width: 200px;
}
#awards.spray-new .item-desc {
  color: #6d6e71;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 20px;
  text-align: center;
}
#awards.spray-new .item-image {
  width: 100%;
  max-width: 150px;
  display: block;
  margin: 0 auto;
}

#widget.spray-new {
  text-align: center;
  padding: 100px 0;
}
#widget.spray-new .content-wrapper {
  display: block;
}
#widget.spray-new .section-title {
  font-size: 32px;
}
#widget.spray-new .section-desc {
  font-size: 16px;
}
#widget.spray-new .section-desc {
  margin: 20px auto 80px;
}
#widget.spray-new .kml_widget {
  margin: 0 auto;
}

/* CSS Document */
/* LAB - badania */
#lab-box-info {
  overflow: hidden;
  min-height: 464px;
  background: #ffffff;
}
#lab-box-info img {
  display: block;
}
#lab-box-info .box-1 {
  overflow: hidden;
  background-image: linear-gradient(to right, #ffffff 55%, #0099ce 45%);
  margin-top: 60px;
}
#lab-box-info .box-1 h1,
#lab-box-info .box-1 h2,
#lab-box-info .box-1 h3,
#lab-box-info .box-1 h4,
#lab-box-info .box-1 h5,
#lab-box-info .box-1 h6 {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 22.7px;
  font-weight: 700;
  line-height: 1.2;
  color: #163f8a;
  margin-top: 60px;
}
#lab-box-info .box-1 p {
  color: #5f605f;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 50px;
  padding-bottom: 100px;
}
#lab-box-info .box-1 img {
  width: 100%;
  height: auto;
  max-width: 540px;
}
#lab-box-info .box-1 .left {
  padding-bottom: 50px;
}
#lab-box-info .box-1 .left .content-wrapper {
  position: relative;
  height: 100%;
}
#lab-box-info .box-1 .left .accept-info {
  position: absolute;
  bottom: -120px;
}
#lab-box-info .box-1 .left .accept-info p,
#lab-box-info .box-1 .left .accept-info h1,
#lab-box-info .box-1 .left .accept-info h2,
#lab-box-info .box-1 .left .accept-info h3,
#lab-box-info .box-1 .left .accept-info h4,
#lab-box-info .box-1 .left .accept-info h5,
#lab-box-info .box-1 .left .accept-info h6 {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
}
#lab-box-info .box-1 .right {
  width: 50%;
  margin: 0;
  padding: 0;
}
#lab-box-info .box-2 {
  overflow: hidden;
  background-image: linear-gradient(to right, #ffffff 50%, #f4f4f4 50%);
  background-image: -ms-linear-gradient(to right, #ffffff 50%, #f4f4f4 50%);
}
#lab-box-info .box-2 .left {
  padding-bottom: 50px;
}
#lab-box-info .box-2 .left .title {
  margin-top: 50px;
}
#lab-box-info .box-2 .left .title p,
#lab-box-info .box-2 .left .title h1,
#lab-box-info .box-2 .left .title h2,
#lab-box-info .box-2 .left .title h3,
#lab-box-info .box-2 .left .title h4,
#lab-box-info .box-2 .left .title h5,
#lab-box-info .box-2 .left .title h6 {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
#lab-box-info .box-2 .left p,
#lab-box-info .box-2 .left h1,
#lab-box-info .box-2 .left h2,
#lab-box-info .box-2 .left h3,
#lab-box-info .box-2 .left h4,
#lab-box-info .box-2 .left h5,
#lab-box-info .box-2 .left h6 {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
  margin-top: 23px;
}
#lab-box-info .box-2 .right .title {
  margin-top: 50px;
}
#lab-box-info .box-2 .right .title p,
#lab-box-info .box-2 .right .title h1,
#lab-box-info .box-2 .right .title h2,
#lab-box-info .box-2 .right .title h3,
#lab-box-info .box-2 .right .title h4,
#lab-box-info .box-2 .right .title h5,
#lab-box-info .box-2 .right .title h6 {
  color: #163f8a;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
#lab-box-info .box-2 .right img {
  display: block;
  margin: 30px auto;
  width: 100%;
  max-width: 460px;
  height: auto;
}
#lab-box-info .box-2 .right p,
#lab-box-info .box-2 .right h1,
#lab-box-info .box-2 .right h2,
#lab-box-info .box-2 .right h3,
#lab-box-info .box-2 .right h4,
#lab-box-info .box-2 .right h5,
#lab-box-info .box-2 .right h6 {
  color: #163f8a;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin: 30px 0;
}
#lab-box-info .box-3 {
  overflow: hidden;
  background-image: linear-gradient(to right, #bce4fa 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(to right, #bce4fa 50%, #ffffff 50%);
}
#lab-box-info .box-3 .left {
  padding-bottom: 50px;
}
#lab-box-info .box-3 .left .title {
  margin-top: 50px;
}
#lab-box-info .box-3 .left .title p,
#lab-box-info .box-3 .left .title h1,
#lab-box-info .box-3 .left .title h2,
#lab-box-info .box-3 .left .title h3,
#lab-box-info .box-3 .left .title h4,
#lab-box-info .box-3 .left .title h5,
#lab-box-info .box-3 .left .title h6 {
  color: #163f8a;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
#lab-box-info .box-3 .left ul,
#lab-box-info .box-3 .left ol {
  margin-top: 30px;
  padding-left: 20px;
}
#lab-box-info .box-3 .left ul li,
#lab-box-info .box-3 .left ol li {
  margin: 10px 0;
}
#lab-box-info .box-3 .left p,
#lab-box-info .box-3 .left h1,
#lab-box-info .box-3 .left h2,
#lab-box-info .box-3 .left h3,
#lab-box-info .box-3 .left h4,
#lab-box-info .box-3 .left h5,
#lab-box-info .box-3 .left h6,
#lab-box-info .box-3 .left li {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
  margin-top: 23px;
}
#lab-box-info .box-3 .right p,
#lab-box-info .box-3 .right h1,
#lab-box-info .box-3 .right h2,
#lab-box-info .box-3 .right h3,
#lab-box-info .box-3 .right h4,
#lab-box-info .box-3 .right h5,
#lab-box-info .box-3 .right h6 {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin: 50px 0;
}
#lab-box-info .box-4 {
  overflow: hidden;
  background-image: linear-gradient(to right, #ffffff 50%, #bce4fa 50%);
  background-image: -ms-linear-gradient(to right, #ffffff 50%, #bce4fa 50%);
}
#lab-box-info .box-4 .left {
  padding-top: 50px;
  padding-bottom: 50px;
}
#lab-box-info .box-4 .left p,
#lab-box-info .box-4 .left h1,
#lab-box-info .box-4 .left h2,
#lab-box-info .box-4 .left h3,
#lab-box-info .box-4 .left h4,
#lab-box-info .box-4 .left h5,
#lab-box-info .box-4 .left h6,
#lab-box-info .box-4 .left li {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
}
#lab-box-info .box-4 .left ul,
#lab-box-info .box-4 .left ol {
  padding-left: 20px;
}
#lab-box-info .box-4 .left ul li,
#lab-box-info .box-4 .left ol li {
  margin: 15px 0;
}
#lab-box-info .box-4 .right .title {
  margin-top: 50px;
}
#lab-box-info .box-4 .right .title p,
#lab-box-info .box-4 .right .title h1,
#lab-box-info .box-4 .right .title h2,
#lab-box-info .box-4 .right .title h3,
#lab-box-info .box-4 .right .title h4,
#lab-box-info .box-4 .right .title h5,
#lab-box-info .box-4 .right .title h6 {
  color: #163f8a;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
#lab-box-info .box-4 .right p,
#lab-box-info .box-4 .right h1,
#lab-box-info .box-4 .right h2,
#lab-box-info .box-4 .right h3,
#lab-box-info .box-4 .right h4,
#lab-box-info .box-4 .right h5,
#lab-box-info .box-4 .right h6,
#lab-box-info .box-4 .right li {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin: 30px 0;
}
#lab-box-info .box-4 .right ul,
#lab-box-info .box-4 .right ol {
  padding-left: 20px;
}
#lab-box-info .box-4 .right ul li,
#lab-box-info .box-4 .right ol li {
  margin: 15px 0;
}
#lab-box-info .box-5 {
  overflow: hidden;
  background: #f4f4f4;
}
#lab-box-info .box-5 .left,
#lab-box-info .box-5 .right {
  padding-top: 50px;
  padding-bottom: 50px;
}
#lab-box-info .box-5 .left .title,
#lab-box-info .box-5 .right .title {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px;
}
#lab-box-info .box-5 .left p,
#lab-box-info .box-5 .left h1,
#lab-box-info .box-5 .left h2,
#lab-box-info .box-5 .left h3,
#lab-box-info .box-5 .left h4,
#lab-box-info .box-5 .left h5,
#lab-box-info .box-5 .left h6,
#lab-box-info .box-5 .left li,
#lab-box-info .box-5 .right p,
#lab-box-info .box-5 .right h1,
#lab-box-info .box-5 .right h2,
#lab-box-info .box-5 .right h3,
#lab-box-info .box-5 .right h4,
#lab-box-info .box-5 .right h5,
#lab-box-info .box-5 .right h6,
#lab-box-info .box-5 .right li {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
  margin: 15px 0;
}
#lab-box-info .box-5 .left ul,
#lab-box-info .box-5 .left ol,
#lab-box-info .box-5 .right ul,
#lab-box-info .box-5 .right ol {
  padding-left: 20px;
}
#lab-box-info .box-5 .left ul li,
#lab-box-info .box-5 .left ol li,
#lab-box-info .box-5 .right ul li,
#lab-box-info .box-5 .right ol li {
  margin: 15px 0;
}
#lab-box-info .box-6 {
  overflow: hidden;
  background-image: linear-gradient(to right, #ffffff 50%, #f4f4f4 50%);
  background-image: -ms-linear-gradient(to right, #ffffff 50%, #f4f4f4 50%);
  position: relative;
}
#lab-box-info .box-6 .left,
#lab-box-info .box-6 .right {
  padding-top: 50px;
  padding-bottom: 50px;
}
#lab-box-info .box-6 .left .title,
#lab-box-info .box-6 .right .title {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px;
}
#lab-box-info .box-6 .left p,
#lab-box-info .box-6 .left h1,
#lab-box-info .box-6 .left h2,
#lab-box-info .box-6 .left h3,
#lab-box-info .box-6 .left h4,
#lab-box-info .box-6 .left h5,
#lab-box-info .box-6 .left h6,
#lab-box-info .box-6 .left li,
#lab-box-info .box-6 .right p,
#lab-box-info .box-6 .right h1,
#lab-box-info .box-6 .right h2,
#lab-box-info .box-6 .right h3,
#lab-box-info .box-6 .right h4,
#lab-box-info .box-6 .right h5,
#lab-box-info .box-6 .right h6,
#lab-box-info .box-6 .right li {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
  margin: 15px 0;
}
#lab-box-info .box-6 .left ul,
#lab-box-info .box-6 .left ol,
#lab-box-info .box-6 .right ul,
#lab-box-info .box-6 .right ol {
  padding-left: 20px;
}
#lab-box-info .box-6 .left ul li,
#lab-box-info .box-6 .left ol li,
#lab-box-info .box-6 .right ul li,
#lab-box-info .box-6 .right ol li {
  margin: 15px 0;
}
#lab-box-info .box-6 .left {
  padding-bottom: 350px;
}
#lab-box-info .box-6 .right .title p,
#lab-box-info .box-6 .right .title h1,
#lab-box-info .box-6 .right .title h2,
#lab-box-info .box-6 .right .title h3,
#lab-box-info .box-6 .right .title h4,
#lab-box-info .box-6 .right .title h5,
#lab-box-info .box-6 .right .title h6 {
  color: #163f8a;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 15px;
}
#lab-box-info .box-6 .right img {
  display: block;
  margin: 30px auto;
  width: 100%;
  max-width: 460px;
  height: auto;
}
#lab-box-info .box-6 .right p,
#lab-box-info .box-6 .right h1,
#lab-box-info .box-6 .right h2,
#lab-box-info .box-6 .right h3,
#lab-box-info .box-6 .right h4,
#lab-box-info .box-6 .right h5,
#lab-box-info .box-6 .right h6 {
  color: #163f8a;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin: 30px 0 50px;
}
#lab-box-info .box-6 .download-raport {
  background: #0099ce;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  min-height: 200px;
  padding: 50px 0;
}
#lab-box-info .box-6 .download-raport .side-wrapper {
  max-width: 600px;
  margin-right: 0;
  margin-left: auto;
}
#lab-box-info .box-6 .download-raport .side-wrapper .content-wrapper {
  margin: 0 5%;
  padding: 0 40px;
  color: #fff;
}
#lab-box-info .box-6 .download-raport .side-wrapper .content-wrapper .title {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 22.7px;
  font-weight: 700;
  margin-bottom: 15px;
}
#lab-box-info .box-6 .download-raport .side-wrapper .content-wrapper p,
#lab-box-info .box-6 .download-raport .side-wrapper .content-wrapper h1,
#lab-box-info .box-6 .download-raport .side-wrapper .content-wrapper h2,
#lab-box-info .box-6 .download-raport .side-wrapper .content-wrapper h3,
#lab-box-info .box-6 .download-raport .side-wrapper .content-wrapper h4,
#lab-box-info .box-6 .download-raport .side-wrapper .content-wrapper h5,
#lab-box-info .box-6 .download-raport .side-wrapper .content-wrapper h6 {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 1.4;
}
#lab-box-info .box-6 .download-raport .side-wrapper .content-wrapper .btn {
  color: #0099ce;
  padding-left: 50px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 700;
  background: #fff url(../img/rozne/pdf-icon.png) no-repeat;
  background-size: 25px auto;
  background-position: left 10px center;
  margin-top: 0;
  cursor: pointer;
}
#lab-box-info .box-7 {
  overflow: hidden;
  background: #fff;
}
#lab-box-info .box-7 .side-wrapper {
  overflow: hidden;
}
#lab-box-info .box-7 .left {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 60%;
}
#lab-box-info .box-7 .left .title {
  color: #0099ce;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 22.7px;
  font-weight: 700;
  margin-bottom: 15px;
}
#lab-box-info .box-7 .left p,
#lab-box-info .box-7 .left h1,
#lab-box-info .box-7 .left h2,
#lab-box-info .box-7 .left h3,
#lab-box-info .box-7 .left h4,
#lab-box-info .box-7 .left h5,
#lab-box-info .box-7 .left h6,
#lab-box-info .box-7 .left li {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
  margin: 15px 0;
}
#lab-box-info .box-7 .box-7-graphic {
  background-image: linear-gradient(to top, #0099ce 45%, #ffffff 45%);
  background-image: -ms-linear-gradient(to top, #0099ce 45%, #ffffff 45%);
}
#lab-box-info .box-7 .box-7-graphic #results-chart-mobile {
  display: none;
}
#lab-box-info .box-7 .box-7-graphic #results-chart,
#lab-box-info .box-7 .box-7-graphic #results-chart-mobile {
  width: 100%;
  max-width: 1060px;
  height: auto;
  margin: 0 auto;
}
#lab-box-info .box-7 .box-7-graphic #results-chart img,
#lab-box-info .box-7 .box-7-graphic #results-chart-mobile img {
  display: block;
  width: 100%;
  height: auto;
}
#lab-box-info .box-8 {
  overflow: hidden;
  background-image: linear-gradient(to right, #ffffff 50%, #f4f4f4 50%);
  background-image: -ms-linear-gradient(to right, #ffffff 50%, #f4f4f4 50%);
}
#lab-box-info .box-8 .box-title {
  background: #163f8a;
  text-align: center;
}
#lab-box-info .box-8 .left {
  padding-top: 50px;
  padding-bottom: 50px;
}
#lab-box-info .box-8 .left p,
#lab-box-info .box-8 .left h1,
#lab-box-info .box-8 .left h2,
#lab-box-info .box-8 .left h3,
#lab-box-info .box-8 .left h4,
#lab-box-info .box-8 .left h5,
#lab-box-info .box-8 .left h6 {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  width: 100%;
  margin-top: 23px;
}
#lab-box-info .box-8 .left .info {
  color: #163f8a;
  font-size: 18px;
  font-weight: 700;
}
#lab-box-info .box-8 .right {
  padding-top: 50px;
  padding-bottom: 50px;
}
#lab-box-info .box-8 .right img {
  display: block;
  margin: 30px auto;
  max-width: 108px;
  height: auto;
}
#lab-box-info .box-8 .right p,
#lab-box-info .box-8 .right h1,
#lab-box-info .box-8 .right h2,
#lab-box-info .box-8 .right h3,
#lab-box-info .box-8 .right h4,
#lab-box-info .box-8 .right h5,
#lab-box-info .box-8 .right h6 {
  color: #163f8a;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin: 30px 0;
  text-align: center;
  font-weight: 700;
}
#lab-box-info .box-9 {
  overflow: hidden;
  background: #0099ce;
}
#lab-box-info .box-9 .side-wrapper {
  overflow: hidden;
}
#lab-box-info .box-9 .left {
  padding-top: 50px;
  padding-bottom: 120px;
  width: 60%;
}
#lab-box-info .box-9 .left p,
#lab-box-info .box-9 .left h1,
#lab-box-info .box-9 .left h2,
#lab-box-info .box-9 .left h3,
#lab-box-info .box-9 .left h4,
#lab-box-info .box-9 .left h5,
#lab-box-info .box-9 .left h6 {
  color: #ffffff;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  width: 100%;
  margin-top: 23px;
  margin-bottom: 23px;
}
#lab-box-info .box-9 .right {
  background: url(../img/background/summary-bg.png) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  height: 90%;
  width: 40%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#lab-box-info .box-title {
  padding: 50px 0;
  background: #0099ce;
}
#lab-box-info .box-title p,
#lab-box-info .box-title h1,
#lab-box-info .box-title h2,
#lab-box-info .box-title h3,
#lab-box-info .box-title h4,
#lab-box-info .box-title h5,
#lab-box-info .box-title h6 {
  font-family: "museo-sans-rounded", sans-serif;
  color: #fff;
  font-size: 28.8px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 2.5%;
  padding: 0 40px;
}
#lab-box-info .left {
  float: left;
  width: 45%;
  margin: 0 2.5%;
  padding: 0 40px;
  box-sizing: border-box;
}
#lab-box-info .right {
  float: left;
  width: 45%;
  margin: 0 2.5%;
  padding: 0 40px;
  box-sizing: border-box;
}

/* CSS Document */
/* Tips - badania */
#tips-box-info.atopy .btn.more,
#tips-box-info.atopy .btn.fold {
  background: #003793;
  border: 1px solid #003793;
}
#tips-box-info.atopy .btn.more:hover,
#tips-box-info.atopy .btn.fold:hover {
  color: #003793;
  background: #fff;
}
#tips-box-info .box-1 {
  overflow: hidden;
  background-image: linear-gradient(to right, #f4f4f4 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(to right, #f4f4f4 50%, #ffffff 50%);
}
#tips-box-info .box-1.atopy h1,
#tips-box-info .box-1.atopy h2,
#tips-box-info .box-1.atopy h3,
#tips-box-info .box-1.atopy h4,
#tips-box-info .box-1.atopy h5,
#tips-box-info .box-1.atopy h6 {
  color: #003793;
}
#tips-box-info .box-1.atopy .right {
  padding-bottom: 150px;
}
#tips-box-info .box-1.atopy .btn.more,
#tips-box-info .box-1.atopy .btn.fold {
  margin-top: 0;
}
#tips-box-info .box-1 h1,
#tips-box-info .box-1 h2,
#tips-box-info .box-1 h3,
#tips-box-info .box-1 h4,
#tips-box-info .box-1 h5,
#tips-box-info .box-1 h6 {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 24px;
  color: #0099ce;
}
#tips-box-info .box-1 p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.4;
}
#tips-box-info .box-1 p a {
  font-weight: 700;
  color: #003793;
}
#tips-box-info .box-1 p a:hover {
  text-decoration: underline;
}
#tips-box-info .box-1 .btn.more,
#tips-box-info .box-1 .btn.fold {
  float: right;
  margin-top: 30px;
}
#tips-box-info .box-1 .btn.fold {
  display: none;
}
#tips-box-info .box-1 .left {
  width: 45%;
  margin: 0 2.5%;
  float: left;
  padding: 50px 40px;
  box-sizing: border-box;
}
#tips-box-info .box-1 .right {
  width: 45%;
  margin: 0 2.5%;
  float: left;
  padding: 50px 40px;
  box-sizing: border-box;
}
#tips-box-info .box-2 {
  height: 427px;
  background-image: linear-gradient(to right, #0099ce 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(to right, #0099ce 50%, #ffffff 50%);
}
#tips-box-info .box-2.atopy {
  background-image: linear-gradient(to right, #003793 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(to right, #003793 50%, #ffffff 50%);
}
#tips-box-info .box-2.atopy h1,
#tips-box-info .box-2.atopy h2,
#tips-box-info .box-2.atopy h3,
#tips-box-info .box-2.atopy h4,
#tips-box-info .box-2.atopy h5,
#tips-box-info .box-2.atopy h6 {
  color: #003793;
}
#tips-box-info .box-2 .left {
  width: 50%;
  float: left;
  box-sizing: border-box;
  overflow: hidden;
  height: 427px;
}
#tips-box-info .box-2 .left img {
  display: block;
}
#tips-box-info .box-2 .right {
  width: 50%;
  float: left;
  box-sizing: border-box;
  position: relative;
  height: 427px;
}
#tips-box-info .box-2 .right img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: auto;
  margin-bottom: 0;
}
#tips-box-info .box-3 {
  overflow: hidden;
  background-image: linear-gradient(to right, #ffffff 50%, #0099ce 50%);
  background-image: -ms-linear-gradient(to right, #ffffff 50%, #0099ce 50%);
}
#tips-box-info .box-3.atopy {
  background-image: linear-gradient(to right, #ffffff 50%, #003793 50%);
  background-image: -ms-linear-gradient(to right, #ffffff 50%, #003793 50%);
}
#tips-box-info .box-3.atopy h1,
#tips-box-info .box-3.atopy h2,
#tips-box-info .box-3.atopy h3,
#tips-box-info .box-3.atopy h4,
#tips-box-info .box-3.atopy h5,
#tips-box-info .box-3.atopy h6 {
  color: #003793;
}
#tips-box-info .box-3.atopy .right .btn.more,
#tips-box-info .box-3.atopy .right .btn.fold {
  background: #fff;
  color: #003793;
  border: 1px solid #003793;
}
#tips-box-info .box-3.atopy .right .btn.more:hover,
#tips-box-info .box-3.atopy .right .btn.fold:hover {
  color: #fff;
  background: #003793;
  border: 1px solid #fff;
}
#tips-box-info .box-3 h1,
#tips-box-info .box-3 h2,
#tips-box-info .box-3 h3,
#tips-box-info .box-3 h4,
#tips-box-info .box-3 h5,
#tips-box-info .box-3 h6 {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 24px;
  color: #0099ce;
}
#tips-box-info .box-3 p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.4;
}
#tips-box-info .box-3 .btn.more,
#tips-box-info .box-3 .btn.fold {
  float: right;
  margin-top: 30px;
}
#tips-box-info .box-3 .btn.fold {
  display: none;
}
#tips-box-info .box-3 .left {
  width: 45%;
  margin: 0 2.5%;
  float: left;
  padding: 50px 40px;
  box-sizing: border-box;
}
#tips-box-info .box-3 .right {
  width: 45%;
  margin: 0 2.5%;
  float: right;
  padding: 50px 40px;
  box-sizing: border-box;
}
#tips-box-info .box-3 .right h1,
#tips-box-info .box-3 .right h2,
#tips-box-info .box-3 .right h3,
#tips-box-info .box-3 .right h4,
#tips-box-info .box-3 .right h5,
#tips-box-info .box-3 .right h6 {
  color: #fff;
}
#tips-box-info .box-3 .right p {
  color: #fff;
}
#tips-box-info .box-3 .right .btn.more,
#tips-box-info .box-3 .right .btn.fold {
  background: #fff;
  color: #0099ce;
  border: 1px solid #0099ce;
}
#tips-box-info .box-3 .right .btn.more.atopy,
#tips-box-info .box-3 .right .btn.fold.atopy {
  color: #003793;
  border: 1px solid #003793;
}
#tips-box-info .box-3 .right .btn.more.atopy:hover,
#tips-box-info .box-3 .right .btn.fold.atopy:hover {
  background: #003793;
}
#tips-box-info .box-3 .right .btn.more:hover,
#tips-box-info .box-3 .right .btn.fold:hover {
  color: #fff;
  background: #0099ce;
  border: 1px solid #fff;
}
#tips-box-info .box-3 .right .btn.fold {
  display: none;
}
#tips-box-info .box-4 {
  min-height: 364px;
  background-image: linear-gradient(to right, #0099ce 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(to right, #0099ce 50%, #ffffff 50%);
  overflow: hidden;
}
#tips-box-info .box-4.atopy {
  background-image: linear-gradient(to right, #003793 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(to right, #003793 50%, #ffffff 50%);
}
#tips-box-info .box-4.atopy .side-wrapper {
  overflow: hidden;
}
#tips-box-info .box-4.atopy h1,
#tips-box-info .box-4.atopy h2,
#tips-box-info .box-4.atopy h3,
#tips-box-info .box-4.atopy h4,
#tips-box-info .box-4.atopy h5,
#tips-box-info .box-4.atopy h6 {
  color: #003793;
}
#tips-box-info .box-4.atopy .left {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
#tips-box-info .box-4.atopy .right {
  float: right;
}
#tips-box-info .box-4.atopy p a {
  font-weight: 700;
  color: #003793;
}
#tips-box-info .box-4.atopy p a:hover {
  text-decoration: underline;
}
#tips-box-info .box-4 h1,
#tips-box-info .box-4 h2,
#tips-box-info .box-4 h3,
#tips-box-info .box-4 h4,
#tips-box-info .box-4 h5,
#tips-box-info .box-4 h6 {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 24px;
  color: #0099ce;
}
#tips-box-info .box-4 p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.4;
}
#tips-box-info .box-4 .left {
  width: 50%;
  float: left;
  box-sizing: border-box;
  overflow: hidden;
}
#tips-box-info .box-4 .left img {
  display: block;
}
#tips-box-info .box-4 .right {
  width: 45%;
  margin: 2.5%;
  padding: 50px 40px;
  float: left;
  box-sizing: border-box;
  position: relative;
}

#question-box-info {
  padding-bottom: 50px;
  background: #f3f3f3;
  overflow: hidden;
}
#question-box-info.atopy .item h1,
#question-box-info.atopy .item h2,
#question-box-info.atopy .item h3,
#question-box-info.atopy .item h4,
#question-box-info.atopy .item h5,
#question-box-info.atopy .item h6 {
  color: #003793;
}
#question-box-info h2 {
  padding-top: 20px;
  font-size: 35px;
  color: #163f8a;
  line-height: 1.1;
  margin-left: 2.5%;
  margin-top: 50px;
  margin-bottom: 10px;
}
#question-box-info .content-wrapper {
  margin-top: 60px;
}
#question-box-info .item {
  width: 44.5%;
  margin: 0 2.5% 50px 2.5%;
  display: inline-block;
}
#question-box-info .item h1,
#question-box-info .item h2,
#question-box-info .item h3,
#question-box-info .item h4,
#question-box-info .item h5,
#question-box-info .item h6 {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 24px;
  color: #0099ce;
  background: url(../img/rozne/ico.png) no-repeat;
  background-size: 30px 32px;
  padding-left: 50px;
}
#question-box-info .item p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

/* CSS Document */
/* Allergoff - info */
#allergoff-box-info-wrapper .box-info-1 {
  background: #f4f4f4;
}
#allergoff-box-info-wrapper .box-info-1 .side-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 560px;
  overflow: hidden;
  font-family: "museo-sans-rounded", sans-serif;
}
#allergoff-box-info-wrapper .box-info-1 .side-wrapper .content-wrapper {
  width: 475px;
  margin-right: 5%;
  margin-left: auto;
}
#allergoff-box-info-wrapper .box-info-1 .side-wrapper h1,
#allergoff-box-info-wrapper .box-info-1 .side-wrapper h2,
#allergoff-box-info-wrapper .box-info-1 .side-wrapper h3,
#allergoff-box-info-wrapper .box-info-1 .side-wrapper h4,
#allergoff-box-info-wrapper .box-info-1 .side-wrapper h5,
#allergoff-box-info-wrapper .box-info-1 .side-wrapper h6 {
  font-size: 37px;
  margin-top: 160px;
  color: #0090bf;
  font-weight: bold;
  text-align: right;
  margin-bottom: 10px;
}
#allergoff-box-info-wrapper .box-info-1 .side-wrapper p {
  color: #575756;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.4;
  text-align: right;
}
#allergoff-box-info-wrapper .box-info-1 .side-wrapper .btn.more {
  float: right;
  margin-top: 30px;
}
#allergoff-box-info-wrapper .box-info-1 .side-wrapper img {
  margin-top: -60px;
}
#allergoff-box-info-wrapper .box-info-2 {
  background-image: linear-gradient(to right, #ffffff 50%, #d1f4ff 50%);
  background-image: -ms-linear-gradient(to right, #ffffff 50%, #d1f4ff 50%);
}
#allergoff-box-info-wrapper .box-info-2 .side-wrapper {
  min-height: 353px;
}
#allergoff-box-info-wrapper .box-info-2 .side-wrapper ul {
  margin-left: 20px;
}
#allergoff-box-info-wrapper .box-info-2 .side-wrapper .left {
  width: 50%;
  float: left;
  position: relative;
}
#allergoff-box-info-wrapper .box-info-2 .side-wrapper .left img {
  top: 40px;
}
#allergoff-box-info-wrapper .box-info-2 .side-wrapper .right {
  width: 50%;
  float: left;
  position: relative;
}
#allergoff-box-info-wrapper .box-info-2 .side-wrapper .right img {
  left: 10%;
}
#allergoff-box-info-wrapper .box-info-2 .side-wrapper .content-wrapper {
  float: right;
  position: relative;
  z-index: 2;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.4;
  font-family: "museo-sans-rounded", sans-serif;
  color: #5f605f;
  top: 100px;
  right: 10%;
}
#allergoff-box-info-wrapper .box-info-2 .side-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
}
#allergoff-box-info-wrapper .box-info-2 .side-wrapper .btn.more {
  margin-top: 20px;
}
#allergoff-box-info-wrapper .box-info-3 {
  background-image: linear-gradient(to right, #f4f4f4 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(to right, #f4f4f4 50%, #ffffff 50%);
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper {
  min-height: 355px;
  overflow: hidden;
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .left {
  overflow: hidden;
  width: 50%;
  float: left;
  position: relative;
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .left .content-wrapper {
  position: absolute;
  height: 256px;
  top: 70px;
  width: 80%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .left .content-wrapper h1,
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .left .content-wrapper h2,
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .left .content-wrapper h3,
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .left .content-wrapper h4,
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .left .content-wrapper h5,
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .left .content-wrapper h6 {
  color: #fff;
  font-size: 23px;
  text-align: center;
  line-height: 1.1;
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .left .content-wrapper .btn.more {
  bottom: 0;
  right: 0;
  position: absolute;
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .left img {
  display: block;
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .right {
  width: 50%;
  float: left;
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .right .content-wrapper {
  width: 90%;
  margin: 0 auto;
  max-width: 480px;
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .right h1,
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .right h2,
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .right h3,
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .right h4,
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .right h5,
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .right h6 {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 23px;
  margin-top: 70px;
  text-align: center;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 24px;
  color: #0099ce;
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .right p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .right img {
  display: block;
  width: 121px;
  height: auto;
  margin: 20px auto 0;
}
#allergoff-box-info-wrapper .box-info-3 .side-wrapper .right .btn.more {
  float: right;
}

#safe-box-info-wrapper {
  min-height: 200px;
  background: #40b3da;
  padding-top: 55px;
}
#safe-box-info-wrapper .left {
  width: 40%;
  float: left;
}
#safe-box-info-wrapper .left .content-wrapper {
  max-width: 360px;
  margin: 25px auto 0;
}
#safe-box-info-wrapper .left h1,
#safe-box-info-wrapper .left h2,
#safe-box-info-wrapper .left h3,
#safe-box-info-wrapper .left h4,
#safe-box-info-wrapper .left h5,
#safe-box-info-wrapper .left h6 {
  color: #ffffff;
  font-size: 23px;
  text-align: left;
  margin-left: 25px;
  font-weight: 700;
  line-height: 1.1;
}
#safe-box-info-wrapper .center {
  width: 20%;
  float: left;
}
#safe-box-info-wrapper .center img {
  width: 113px;
  height: auto;
  margin: 0 auto;
  display: block;
}
#safe-box-info-wrapper .right {
  width: 40%;
  float: right;
}
#safe-box-info-wrapper .right .content-wrapper {
  max-width: 460px;
  margin: 25px auto 0;
}
#safe-box-info-wrapper .right .content-wrapper ul {
  margin-left: 20px;
}
#safe-box-info-wrapper .right .content-wrapper ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
}

#video.allergoff-info {
  padding-bottom: 0;
  margin-bottom: 0;
}
#video.allergoff-info .video-background {
  margin-bottom: 0;
}
#video.allergoff-info .video-run {
  cursor: pointer;
}

#wash-box-info-wrapper .box-1-info {
  background: url(../img/background/wash-bg.png) repeat-x;
  height: 432px;
  background-position: center bottom;
}
#wash-box-info-wrapper .box-1-info .side-wrapper {
  position: relative;
}
#wash-box-info-wrapper .box-1-info img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
#wash-box-info-wrapper .box-1-info .left {
  width: 50%;
  float: left;
  position: relative;
  z-index: 2;
}
#wash-box-info-wrapper .box-1-info .left .content-wrapper {
  width: 90%;
  margin: 120px auto 0;
}
#wash-box-info-wrapper .box-1-info .left h1,
#wash-box-info-wrapper .box-1-info .left h2,
#wash-box-info-wrapper .box-1-info .left h3,
#wash-box-info-wrapper .box-1-info .left h4,
#wash-box-info-wrapper .box-1-info .left h5,
#wash-box-info-wrapper .box-1-info .left h6 {
  font-size: 38px;
  margin-bottom: 25px;
  color: #0090bf;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
#wash-box-info-wrapper .box-1-info .left p {
  color: #0099ce;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
#wash-box-info-wrapper .box-2-info {
  background: #fff;
  height: 270px;
}
#wash-box-info-wrapper .box-2-info .side-wrapper {
  position: relative;
}
#wash-box-info-wrapper .box-2-info .left {
  width: 50%;
  float: left;
  position: relative;
}
#wash-box-info-wrapper .box-2-info .left .content-wrapper {
  width: 90%;
  margin: 100px 5% 0 0;
  float: right;
  max-width: 270px;
  position: relative;
  z-index: 2;
}
#wash-box-info-wrapper .box-2-info .left h1,
#wash-box-info-wrapper .box-2-info .left h2,
#wash-box-info-wrapper .box-2-info .left h3,
#wash-box-info-wrapper .box-2-info .left h4,
#wash-box-info-wrapper .box-2-info .left h5,
#wash-box-info-wrapper .box-2-info .left h6 {
  color: #575756;
  font-size: 23px;
  margin-bottom: 10px;
  line-height: 1.1;
}
#wash-box-info-wrapper .box-2-info .left img {
  position: absolute;
  top: -90px;
  right: 0;
  z-index: 1;
}
#wash-box-info-wrapper .box-2-info .right {
  float: left;
  width: 50%;
  padding-top: 100px;
  position: relative;
}
#wash-box-info-wrapper .box-2-info .right .content-wrapper {
  float: right;
  margin-right: 20%;
  position: relative;
  z-index: 2;
}
#wash-box-info-wrapper .box-2-info .right h1,
#wash-box-info-wrapper .box-2-info .right h2,
#wash-box-info-wrapper .box-2-info .right h3,
#wash-box-info-wrapper .box-2-info .right h4,
#wash-box-info-wrapper .box-2-info .right h5,
#wash-box-info-wrapper .box-2-info .right h6 {
  color: #575756;
  font-size: 23px;
  margin-bottom: 10px;
  line-height: 1.1;
}
#wash-box-info-wrapper .box-2-info .right img {
  z-index: 1;
  left: 5%;
  position: absolute;
}
#wash-box-info-wrapper .box-3-info {
  background: #f1f1f1;
  min-height: 161px;
  padding: 50px 0;
}
#wash-box-info-wrapper .box-3-info .side-wrapper {
  margin-top: 10px;
  overflow: hidden;
}
#wash-box-info-wrapper .box-3-info .left {
  width: 30%;
  float: left;
}
#wash-box-info-wrapper .box-3-info .left .content-wrapper {
  width: 90%;
  margin: 0 auto;
}
#wash-box-info-wrapper .box-3-info .left .content-wrapper h1,
#wash-box-info-wrapper .box-3-info .left .content-wrapper h2,
#wash-box-info-wrapper .box-3-info .left .content-wrapper h3,
#wash-box-info-wrapper .box-3-info .left .content-wrapper h4,
#wash-box-info-wrapper .box-3-info .left .content-wrapper h5,
#wash-box-info-wrapper .box-3-info .left .content-wrapper h6 {
  color: #575756;
  font-size: 23px;
  line-height: 1.1;
}
#wash-box-info-wrapper .box-3-info .center {
  width: 45%;
  float: left;
  margin: 0 2.5%;
}
#wash-box-info-wrapper .box-3-info .center .image-box {
  width: 100%;
  float: none;
  text-align: center;
}
#wash-box-info-wrapper .box-3-info .center .image-box .image-item {
  display: inline-block;
  width: 11%;
  vertical-align: top;
  margin: 10px 1%;
}
#wash-box-info-wrapper .box-3-info .center .image-box .image-item img {
  width: 100%;
  margin: 0 auto;
  display: block;
  max-width: 76px;
}
#wash-box-info-wrapper .box-3-info .center .image-box .image-item .image-desc {
  font-size: 12px;
  color: #0099ce;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.4;
}
#wash-box-info-wrapper .box-3-info .right {
  width: 20%;
  float: left;
}
#wash-box-info-wrapper .box-3-info .right .content-wrapper {
  margin-top: 25px;
}
#wash-box-info-wrapper .box-3-info .right .btn.more {
  margin-left: 20%;
}

/* CSS Document */
/* Allergy */
#allergy {
  position: relative;
  z-index: 2;
}
#allergy .box-1-info {
  min-height: 331px;
  background-image: linear-gradient(to right, #f4f4f4 50%, #0099ce 50%);
  background-image: -ms-linear-gradient(to right, #f4f4f4 50%, #0099ce 50%);
}
#allergy .box-1-info .side-wrapper {
  overflow: hidden;
}
#allergy .box-1-info .content-wrapper {
  width: 80%;
  margin: 90px auto;
}
#allergy .box-1-info .left {
  float: left;
  width: 50%;
}
#allergy .box-1-info .left h1,
#allergy .box-1-info .left h2,
#allergy .box-1-info .left h3,
#allergy .box-1-info .left h4,
#allergy .box-1-info .left h5,
#allergy .box-1-info .left h6 {
  color: #0099ce;
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.1;
  font-weight: 700;
}
#allergy .box-1-info .left p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
#allergy .box-1-info .right {
  float: left;
  width: 50%;
  text-align: center;
}
#allergy .box-1-info .right h1,
#allergy .box-1-info .right h2,
#allergy .box-1-info .right h3,
#allergy .box-1-info .right h4,
#allergy .box-1-info .right h5,
#allergy .box-1-info .right h6 {
  color: #fff;
  font-size: 77px;
  margin-bottom: 10px;
}
#allergy .box-1-info .right p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
}
#allergy .box-2-info {
  background: #fff;
  position: relative;
  z-index: 2;
  padding-top: 60px;
}
#allergy .box-2-info .side-wrapper {
  overflow: hidden;
}
#allergy .box-2-info .content-wrapper {
  width: 90%;
  margin: 0 auto;
}
#allergy .box-2-info .content-wrapper h1,
#allergy .box-2-info .content-wrapper h2,
#allergy .box-2-info .content-wrapper h3,
#allergy .box-2-info .content-wrapper h4,
#allergy .box-2-info .content-wrapper h5,
#allergy .box-2-info .content-wrapper h6 {
  color: #0099ce;
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: center;
}
#allergy .box-2-info .content-wrapper p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
#allergy .box-2-info .image-box-wrapper {
  overflow: hidden;
}
#allergy .box-2-info .image-box-wrapper .image-item {
  float: left;
  width: 20%;
  margin: 0 2.5%;
  position: relative;
  height: 340px;
  cursor: pointer;
}
#allergy .box-2-info .image-box-wrapper .image-item h1,
#allergy .box-2-info .image-box-wrapper .image-item h2,
#allergy .box-2-info .image-box-wrapper .image-item h3,
#allergy .box-2-info .image-box-wrapper .image-item h4,
#allergy .box-2-info .image-box-wrapper .image-item h5,
#allergy .box-2-info .image-box-wrapper .image-item h6,
#allergy .box-2-info .image-box-wrapper .image-item p {
  font-family: "Open Sans", sans-serif;
  color: #0099ce;
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: normal;
  line-height: 1.4;
  text-align: center;
}
#allergy .box-2-info .image-box-wrapper .image-item .image-wrapper {
  height: 200px;
  margin-bottom: 10px;
}
#allergy .box-2-info .image-box-wrapper .image-item .image-wrapper:hover img {
  display: none;
}
#allergy .box-2-info .image-box-wrapper .image-item .image-wrapper:hover .active {
  display: block;
}
#allergy .box-2-info .image-box-wrapper .image-item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  max-width: 230px;
  width: 100%;
  height: auto;
}
#allergy .box-2-info .image-box-wrapper .image-item .active {
  display: none;
  z-index: 2;
}
#allergy .box-2-info .image-item .pointer {
  display: none;
  width: 0;
  height: 0;
  border-bottom: 40px solid #def2f9;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#allergy .box-2-info .image-item.one .pointer {
  display: block;
}
#allergy .box-2-info .content-item {
  display: none;
}
#allergy .box-2-info .content-item.one {
  display: block;
}
#allergy .box-2-info .image-content-wrapper {
  background-color: #def2f9;
  padding-top: 32px;
  padding-bottom: 50px;
}
#allergy .box-2-info .image-content-wrapper .content-wrapper {
  padding: 30px 0;
  width: 90%;
  max-width: 800px;
}

#allergy-2 {
  background: #f4f4f4;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
#allergy-2 h1,
#allergy-2 h2,
#allergy-2 h3,
#allergy-2 h4,
#allergy-2 h5,
#allergy-2 h6 {
  color: #0099ce;
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: center;
}
#allergy-2 p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
#allergy-2 .header h1,
#allergy-2 .header h2,
#allergy-2 .header h3,
#allergy-2 .header h4,
#allergy-2 .header h5,
#allergy-2 .header h6 {
  color: #163f8a;
  font-size: 35px;
  font-weight: bold;
  margin-left: 15px;
  text-align: center;
  margin: 20px 0 10px;
}
#allergy-2 .box-1-info {
  width: 90%;
  max-width: 800px;
  margin: 90px auto 50px;
}
#allergy-2 .box-1-info .btn.more,
#allergy-2 .box-1-info .btn.fold {
  margin: 35px auto 0;
  max-width: 100px;
  display: block;
}
#allergy-2 .box-1-info .btn.fold {
  display: none;
}
#allergy-2 .box-2-info-roz-wrapper {
  position: relative;
}
#allergy-2 .box-2-info {
  width: 90%;
  max-width: 800px;
  margin: 90px auto 100px;
}
#allergy-2 .box-2-info .roz {
  position: absolute;
  z-index: 1;
  opacity: 0.7;
}
#allergy-2 .box-2-info #roz1 {
  left: 5%;
  top: -30%;
}
#allergy-2 .box-2-info #roz2 {
  right: 8%;
  top: -80%;
}
#allergy-2 .box-2-info #roz3 {
  right: 10%;
  top: -70%;
}
#allergy-2 .box-2-info #roz4 {
  right: 5%;
  top: -40%;
}
#allergy-2 .box-2-info #roz5 {
  right: 13%;
  top: 70%;
}
#allergy-2 .box-2-info #roz6 {
  left: 10%;
  top: 65%;
}
#allergy-2 .box-2-info img {
  margin: 50px auto 0;
  display: block;
  max-width: 729px;
  width: 100%;
  height: auto;
}
#allergy-2 .box-3-info {
  padding-bottom: 150px;
  overflow: hidden;
}
#allergy-2 .box-3-info .left {
  width: 50%;
  float: left;
  position: relative;
  z-index: 2;
}
#allergy-2 .box-3-info .left h1,
#allergy-2 .box-3-info .left h2,
#allergy-2 .box-3-info .left h3,
#allergy-2 .box-3-info .left h4,
#allergy-2 .box-3-info .left h5,
#allergy-2 .box-3-info .left h6,
#allergy-2 .box-3-info .left p {
  text-align: left;
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
}
#allergy-2 .box-3-info .left p {
  margin-top: 15px;
}
#allergy-2 .box-3-info .right {
  width: 50%;
  float: left;
  position: relative;
  z-index: 2;
}
#allergy-2 .box-3-info .right img {
  max-width: 100%;
  height: auto;
}

#knowledge-base.allergy {
  background: #fff;
  position: relative;
  z-index: 2;
}
#knowledge-base.allergy .header {
  overflow: hidden;
  padding: 0 0 50px;
}
#knowledge-base.allergy .header h1,
#knowledge-base.allergy .header h2,
#knowledge-base.allergy .header h3,
#knowledge-base.allergy .header h4,
#knowledge-base.allergy .header h5,
#knowledge-base.allergy .header h6 {
  display: inline-block;
  color: #163f8a;
  font-size: 35px;
  font-weight: bold;
  margin-left: 5%;
  padding-top: 50px;
}
#knowledge-base.allergy .header .btn-wrapper {
  float: right;
  margin-right: 8%;
  padding-top: 50px;
}
#knowledge-base.allergy .box-content {
  background: #fff;
  padding: 50px 0;
}
#knowledge-base.allergy .box-content .content-wrapper {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}
#knowledge-base.allergy .box-content .content-wrapper p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
#knowledge-base.allergy .box-content .btn.more,
#knowledge-base.allergy .box-content .btn.fold {
  display: block;
  width: 100px;
  margin: 35px auto 0;
}
#knowledge-base.allergy .box-content .btn.fold {
  display: none;
}
#knowledge-base.allergy .box-content .btn.read-more {
  margin: 35px auto 0;
}
#knowledge-base.allergy .box-1-info {
  overflow: hidden;
}
#knowledge-base.allergy .box-1-info .box-header {
  overflow: hidden;
  background-image: linear-gradient(to right, #0099ce 50%, #b6b6b6 50%);
  background-image: -ms-linear-gradient(to right, #0099ce 50%, #b6b6b6 50%);
  height: 264px;
}
#knowledge-base.allergy .box-1-info .box-header h1,
#knowledge-base.allergy .box-1-info .box-header h2,
#knowledge-base.allergy .box-1-info .box-header h3,
#knowledge-base.allergy .box-1-info .box-header h4,
#knowledge-base.allergy .box-1-info .box-header h5,
#knowledge-base.allergy .box-1-info .box-header h6 {
  color: #ffffff;
  font-size: 37px;
  line-height: 46px;
  margin-top: 85px;
  margin-left: 10%;
}
#knowledge-base.allergy .box-1-info .box-header .left {
  width: 50%;
  float: left;
}
#knowledge-base.allergy .box-1-info .box-header .right {
  width: 50%;
  float: right;
}
#knowledge-base.allergy .box-1-info .box-header .right img {
  height: 264px;
  width: auto;
  display: block;
}
#knowledge-base.allergy .box-2-info {
  overflow: hidden;
}
#knowledge-base.allergy .box-2-info .side-wrapper {
  overflow: hidden;
}
#knowledge-base.allergy .box-2-info .box-header {
  overflow: hidden;
  background-image: linear-gradient(to right, #f4f4f4 50%, #0099ce 50%);
  background-image: -ms-linear-gradient(to right, #f4f4f4 50%, #0099ce 50%);
  height: 264px;
}
#knowledge-base.allergy .box-2-info .box-header h1,
#knowledge-base.allergy .box-2-info .box-header h2,
#knowledge-base.allergy .box-2-info .box-header h3,
#knowledge-base.allergy .box-2-info .box-header h4,
#knowledge-base.allergy .box-2-info .box-header h5,
#knowledge-base.allergy .box-2-info .box-header h6 {
  color: #ffffff;
  font-size: 37px;
  line-height: 46px;
  margin-top: 85px;
  margin-left: 10%;
}
#knowledge-base.allergy .box-2-info .box-header .left {
  width: 50%;
  float: left;
  overflow: hidden;
}
#knowledge-base.allergy .box-2-info .box-header .left img {
  height: 264px;
  width: auto;
  display: block;
}
#knowledge-base.allergy .box-2-info .box-header .right {
  width: 50%;
  float: right;
}
#knowledge-base.allergy .box-2-info .box-header .right img {
  height: 264px;
  width: auto;
  display: block;
}
#knowledge-base.allergy .box-2-info .box-content-2 {
  position: relative;
  overflow: hidden;
}
#knowledge-base.allergy .box-2-info .box-content-2 h1,
#knowledge-base.allergy .box-2-info .box-content-2 h2,
#knowledge-base.allergy .box-2-info .box-content-2 h3,
#knowledge-base.allergy .box-2-info .box-content-2 h4,
#knowledge-base.allergy .box-2-info .box-content-2 h5,
#knowledge-base.allergy .box-2-info .box-content-2 h6 {
  color: #0099ce;
  font-size: 24px;
  margin-bottom: 50px;
}
#knowledge-base.allergy .box-2-info .box-content-2 h1 span,
#knowledge-base.allergy .box-2-info .box-content-2 h2 span,
#knowledge-base.allergy .box-2-info .box-content-2 h3 span,
#knowledge-base.allergy .box-2-info .box-content-2 h4 span,
#knowledge-base.allergy .box-2-info .box-content-2 h5 span,
#knowledge-base.allergy .box-2-info .box-content-2 h6 span {
  font-family: "museo-sans-rounded", sans-serif;
  color: #5f605f;
  font-size: 16px;
}
#knowledge-base.allergy .box-2-info .box-content-2 p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
#knowledge-base.allergy .box-2-info .box-content-2 .left {
  width: 50%;
  float: left;
}
#knowledge-base.allergy .box-2-info .box-content-2 .left .left-box-bg {
  background: #f4f4f4;
  overflow: hidden;
  clear: both;
  padding: 50px 0;
}
#knowledge-base.allergy .box-2-info .box-content-2 .left .side-wrapper {
  width: 90%;
  max-width: 600px;
  float: right;
}
#knowledge-base.allergy .box-2-info .box-content-2 .left .btn.more,
#knowledge-base.allergy .box-2-info .box-content-2 .left .btn.fold {
  float: right;
  margin-top: 30px;
}
#knowledge-base.allergy .box-2-info .box-content-2 .left .btn.fold {
  display: none;
}
#knowledge-base.allergy .box-2-info .box-content-2 .left .content-wrapper {
  overflow: hidden;
  width: 80%;
  margin: 0 auto 80px;
}
#knowledge-base.allergy .box-2-info .box-content-2 .left .content-wrapper-2 {
  width: 80%;
  margin: 0 auto;
}
#knowledge-base.allergy .box-2-info .box-content-2 .left .content-wrapper-2 h1,
#knowledge-base.allergy .box-2-info .box-content-2 .left .content-wrapper-2 h2,
#knowledge-base.allergy .box-2-info .box-content-2 .left .content-wrapper-2 h3,
#knowledge-base.allergy .box-2-info .box-content-2 .left .content-wrapper-2 h4,
#knowledge-base.allergy .box-2-info .box-content-2 .left .content-wrapper-2 h5,
#knowledge-base.allergy .box-2-info .box-content-2 .left .content-wrapper-2 h6 {
  margin-bottom: 15px;
}
#knowledge-base.allergy .box-2-info .box-content-2 .left .content-wrapper-2 ul {
  color: #0099ce;
  margin-left: 20px;
}
#knowledge-base.allergy .box-2-info .box-content-2 .left .content-wrapper-2 ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
}
#knowledge-base.allergy .box-2-info .box-content-2 .left .content-wrapper-2 ul li span {
  color: #5f605f;
}
#knowledge-base.allergy .box-2-info .box-content-2 .right {
  width: 50%;
  float: left;
}
#knowledge-base.allergy .box-2-info .box-content-2 .right .side-wrapper {
  width: 90%;
  max-width: 600px;
  float: left;
}
#knowledge-base.allergy .box-2-info .box-content-2 .right .content-wrapper {
  width: 80%;
  margin: 0 auto;
}
#knowledge-base.allergy .box-2-info .box-content-2 .right .item {
  margin-bottom: 55px;
}
#knowledge-base.allergy .box-2-info .box-content-2 .right .item .number {
  background-color: #fff;
  border: 1px solid #004379;
  border-radius: 50px;
  display: block;
  font-family: "museo-sans-rounded", sans-serif;
  font-weight: 700;
  font-size: 40px;
  height: 57px;
  margin: auto 10px;
  max-height: 57px;
  line-height: 57px;
  text-align: center;
  vertical-align: middle;
  width: 57px;
  color: #5f605f;
  float: left;
  margin-top: 20px;
}
#knowledge-base.allergy .box-2-info .box-content-2 .right .item .item-content {
  padding-left: 100px;
}
#knowledge-base.allergy .box-2-info .box-content-2 .right .item h1,
#knowledge-base.allergy .box-2-info .box-content-2 .right .item h2,
#knowledge-base.allergy .box-2-info .box-content-2 .right .item h3,
#knowledge-base.allergy .box-2-info .box-content-2 .right .item h4,
#knowledge-base.allergy .box-2-info .box-content-2 .right .item h5,
#knowledge-base.allergy .box-2-info .box-content-2 .right .item h6 {
  margin-bottom: 15px;
}
#knowledge-base.allergy .box-3-info .box-header {
  overflow: hidden;
  background-image: linear-gradient(to right, #0099ce 50%, #cbc7bb 50%);
  background-image: -ms-linear-gradient(to right, #0099ce 50%, #cbc7bb 50%);
}
#knowledge-base.allergy .box-3-info .box-header h1,
#knowledge-base.allergy .box-3-info .box-header h2,
#knowledge-base.allergy .box-3-info .box-header h3,
#knowledge-base.allergy .box-3-info .box-header h4,
#knowledge-base.allergy .box-3-info .box-header h5,
#knowledge-base.allergy .box-3-info .box-header h6 {
  color: #ffffff;
  font-size: 37px;
  line-height: 46px;
  margin-top: 85px;
  margin-left: 10%;
}
#knowledge-base.allergy .box-3-info .box-header .left {
  width: 50%;
  float: left;
}
#knowledge-base.allergy .box-3-info .box-header .right {
  width: 50%;
  float: right;
}
#knowledge-base.allergy .box-3-info .box-header .right img {
  height: 264px;
  width: auto;
  display: block;
}
#knowledge-base.allergy .box-3-info .box-content {
  background: #fff;
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 0;
}
#knowledge-base.allergy .box-3-info .box-content .left {
  width: 50%;
  float: left;
  padding: 50px 0;
}
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content {
  overflow: hidden;
  margin: 20px 0;
}
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper {
  width: 90%;
  max-width: 600px;
  float: right;
}
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper .content-wrapper.blue-text p {
  color: #0099ce;
}
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper .content-wrapper {
  text-align: left;
  width: 80%;
  margin: 0 auto;
}
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper h1,
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper h2,
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper h3,
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper h4,
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper h5,
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper h6 {
  font-family: "museo-sans-rounded", sans-serif;
  color: #0099ce;
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 30px;
  line-height: 1.1;
  font-weight: 700;
}
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper ul {
  color: #0099ce;
  margin: 10px 0 10px 20px;
}
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
}
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper ul li span {
  color: #5f605f;
}
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper img {
  width: 120%;
  height: auto;
}
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper .btn.more,
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper .btn.fold {
  float: right;
  margin-top: 40px;
}
#knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper .btn.fold {
  display: none;
}
#knowledge-base.allergy .box-3-info .box-content .right {
  width: 50%;
  float: left;
  overflow: hidden;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content.bg {
  background-color: #e3f4fa;
  padding: 70px 0 50px;
  margin-top: 0;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content {
  margin-top: 60px;
  overflow: hidden;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper {
  width: 90%;
  max-width: 600px;
  float: left;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper {
  text-align: left;
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper h1,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper h2,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper h3,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper h4,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper h5,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper h6 {
  font-family: "museo-sans-rounded", sans-serif;
  color: #0099ce;
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 700;
  line-height: 1.1;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper .circle-text-item {
  margin: 20px auto;
  width: 90%;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper .circle-text-item .circle-text {
  border: 1px solid #004379;
  border-radius: 55px;
  color: #089cd0;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 70px;
  margin: auto 10px;
  max-height: 110px;
  max-width: 110px;
  min-width: 110px;
  vertical-align: middle;
  width: 110px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 40px;
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper .btn.more,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper .btn.fold {
  float: right;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper .btn.fold {
  display: none;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 {
  width: 95%;
  margin: 65px auto 0;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .left {
  width: 45%;
  padding: 0;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .right {
  width: 55%;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .right h1,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .right h2,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .right h3,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .right h4,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .right h5,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .right h6,
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .right p {
  color: #5f605f;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}
#knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .right ul li {
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  line-height: 19px;
  background: url(../img/list-image.png) no-repeat left 3px;
  padding: 3px 0px 3px 30px;
  list-style: none;
  margin: 10px 0;
  color: #5f605f;
}

/* CSS Document */
/* Dermatozy */
#dermatozy {
  position: relative;
  z-index: 2;
}
#dermatozy .box-1-info {
  min-height: 331px;
  background-image: linear-gradient(to right, #ededed 50%, #003793 50%);
  background-image: -ms-linear-gradient(to right, #ededed 50%, #003793 50%);
}
#dermatozy .box-1-info .side-wrapper {
  overflow: hidden;
}
#dermatozy .box-1-info .content-wrapper {
  width: 80%;
  margin: 90px auto;
}
#dermatozy .box-1-info .left {
  float: left;
  width: 50%;
}
#dermatozy .box-1-info .left h1,
#dermatozy .box-1-info .left h2,
#dermatozy .box-1-info .left h3,
#dermatozy .box-1-info .left h4,
#dermatozy .box-1-info .left h5,
#dermatozy .box-1-info .left h6 {
  color: #003793;
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.1;
  font-weight: 700;
}
#dermatozy .box-1-info .left p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
#dermatozy .box-1-info .right {
  float: left;
  width: 50%;
  text-align: center;
}
#dermatozy .box-1-info .right h1,
#dermatozy .box-1-info .right h2,
#dermatozy .box-1-info .right h3,
#dermatozy .box-1-info .right h4,
#dermatozy .box-1-info .right h5,
#dermatozy .box-1-info .right h6 {
  color: #fff;
  font-size: 77px;
  margin-bottom: 10px;
}
#dermatozy .box-1-info .right p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
}

#dermatozy-2 {
  background: #fff;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
#dermatozy-2 h1,
#dermatozy-2 h2,
#dermatozy-2 h3,
#dermatozy-2 h4,
#dermatozy-2 h5,
#dermatozy-2 h6 {
  color: #0099ce;
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: center;
}
#dermatozy-2 p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
#dermatozy-2 .header h1,
#dermatozy-2 .header h2,
#dermatozy-2 .header h3,
#dermatozy-2 .header h4,
#dermatozy-2 .header h5,
#dermatozy-2 .header h6 {
  color: #163f8a;
  font-size: 35px;
  font-weight: bold;
  margin-left: 15px;
  text-align: center;
  margin: 80px 0 10px;
}
#dermatozy-2 .box-1-info {
  width: 90%;
  max-width: 800px;
  margin: 40px auto 50px;
}
#dermatozy-2 .box-1-info .btn.more,
#dermatozy-2 .box-1-info .btn.fold {
  margin: 35px auto 0;
  max-width: 100px;
  display: block;
}
#dermatozy-2 .box-1-info .btn.fold {
  display: none;
}
#dermatozy-2 .box-2-info-roz-wrapper {
  position: relative;
}
#dermatozy-2 .box-2-info {
  width: 90%;
  max-width: 800px;
  margin: 90px auto 100px;
}
#dermatozy-2 .box-2-info img {
  margin: 50px auto 0;
  display: block;
  max-width: 779px;
  width: 100%;
  height: auto;
}

#knowledge-base.dermatozy {
  background: #fff;
  position: relative;
  z-index: 2;
}
#knowledge-base.dermatozy .header {
  background: #003793;
  overflow: hidden;
  text-align: center;
}
#knowledge-base.dermatozy .header h1,
#knowledge-base.dermatozy .header h2,
#knowledge-base.dermatozy .header h3,
#knowledge-base.dermatozy .header h4,
#knowledge-base.dermatozy .header h5,
#knowledge-base.dermatozy .header h6 {
  color: #fff;
  font-size: 35px;
  font-weight: bold;
  padding: 50px 0;
}
#knowledge-base.dermatozy #knowledge-base-desc {
  padding: 50px 0;
  text-align: center;
}
#knowledge-base.dermatozy #knowledge-base-desc h1,
#knowledge-base.dermatozy #knowledge-base-desc h2,
#knowledge-base.dermatozy #knowledge-base-desc h3,
#knowledge-base.dermatozy #knowledge-base-desc h4,
#knowledge-base.dermatozy #knowledge-base-desc h5,
#knowledge-base.dermatozy #knowledge-base-desc h6 {
  color: #003793;
  font-size: 24px;
  margin-bottom: 50px;
}
#knowledge-base.dermatozy #knowledge-base-desc p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
#knowledge-base.dermatozy #knowledge-base-desc-image .image-wrapper {
  width: 100%;
  max-width: 900px;
  overflow: hidden;
  margin: 20px auto 50px;
}
#knowledge-base.dermatozy #knowledge-base-desc-image .image-wrapper .image-item {
  float: left;
  width: 30.333%;
  margin: 0 1.5%;
}
#knowledge-base.dermatozy #knowledge-base-desc-image .image-wrapper .image-item img {
  display: block;
  width: 100%;
  max-width: 192px;
  height: auto;
  margin: 0 auto;
}
#knowledge-base.dermatozy #knowledge-base-desc-image .image-wrapper .image-item h1,
#knowledge-base.dermatozy #knowledge-base-desc-image .image-wrapper .image-item h2,
#knowledge-base.dermatozy #knowledge-base-desc-image .image-wrapper .image-item h3,
#knowledge-base.dermatozy #knowledge-base-desc-image .image-wrapper .image-item h4,
#knowledge-base.dermatozy #knowledge-base-desc-image .image-wrapper .image-item h5,
#knowledge-base.dermatozy #knowledge-base-desc-image .image-wrapper .image-item h6,
#knowledge-base.dermatozy #knowledge-base-desc-image .image-wrapper .image-item p {
  color: #003793;
  text-align: center;
  margin-top: 30px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
#knowledge-base.dermatozy .box-content {
  background: #fff;
  padding: 50px 0;
}
#knowledge-base.dermatozy .box-content .content-wrapper {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}
#knowledge-base.dermatozy .box-content .content-wrapper h1,
#knowledge-base.dermatozy .box-content .content-wrapper h2,
#knowledge-base.dermatozy .box-content .content-wrapper h3,
#knowledge-base.dermatozy .box-content .content-wrapper h4,
#knowledge-base.dermatozy .box-content .content-wrapper h5,
#knowledge-base.dermatozy .box-content .content-wrapper h6 {
  color: #003793;
  font-size: 24px;
  margin-bottom: 35px;
}
#knowledge-base.dermatozy .box-content .content-wrapper p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
#knowledge-base.dermatozy .box-content .btn.more,
#knowledge-base.dermatozy .box-content .btn.fold {
  display: block;
  width: 100px;
  margin: 35px auto 0;
}
#knowledge-base.dermatozy .box-content .btn.fold {
  display: none;
}
#knowledge-base.dermatozy .box-1-info {
  overflow: hidden;
}
#knowledge-base.dermatozy .box-1-info .side-wrapper {
  overflow: hidden;
}
#knowledge-base.dermatozy .box-1-info .box-header {
  overflow: hidden;
  background-image: linear-gradient(to right, #ededed 50%, #003793 50%);
  background-image: -ms-linear-gradient(to left, #ededed 50%, #003793 50%);
  height: 264px;
}
#knowledge-base.dermatozy .box-1-info .box-header h1,
#knowledge-base.dermatozy .box-1-info .box-header h2,
#knowledge-base.dermatozy .box-1-info .box-header h3,
#knowledge-base.dermatozy .box-1-info .box-header h4,
#knowledge-base.dermatozy .box-1-info .box-header h5,
#knowledge-base.dermatozy .box-1-info .box-header h6 {
  color: #ffffff;
  font-size: 37px;
  line-height: 46px;
  margin-top: 85px;
  margin-left: 10%;
  text-transform: uppercase;
}
#knowledge-base.dermatozy .box-1-info .box-header .left {
  width: 50%;
  float: left;
  overflow: hidden;
}
#knowledge-base.dermatozy .box-1-info .box-header .left img {
  height: 264px;
  width: auto;
  display: block;
}
#knowledge-base.dermatozy .box-1-info .box-header .right {
  width: 50%;
  float: right;
}
#knowledge-base.dermatozy .box-1-info .box-header .right img {
  height: 264px;
  width: auto;
  display: block;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 {
  position: relative;
  overflow: hidden;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 h1,
#knowledge-base.dermatozy .box-1-info .box-content-2 h2,
#knowledge-base.dermatozy .box-1-info .box-content-2 h3,
#knowledge-base.dermatozy .box-1-info .box-content-2 h4,
#knowledge-base.dermatozy .box-1-info .box-content-2 h5,
#knowledge-base.dermatozy .box-1-info .box-content-2 h6 {
  color: #003793;
  font-size: 24px;
  margin-bottom: 50px;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 h1 span,
#knowledge-base.dermatozy .box-1-info .box-content-2 h2 span,
#knowledge-base.dermatozy .box-1-info .box-content-2 h3 span,
#knowledge-base.dermatozy .box-1-info .box-content-2 h4 span,
#knowledge-base.dermatozy .box-1-info .box-content-2 h5 span,
#knowledge-base.dermatozy .box-1-info .box-content-2 h6 span {
  font-family: "museo-sans-rounded", sans-serif;
  color: #5f605f;
  font-size: 16px;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .left {
  width: 50%;
  float: left;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .left-box-bg {
  background: #f4f4f4;
  overflow: hidden;
  clear: both;
  padding: 50px 0;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .side-wrapper {
  width: 90%;
  max-width: 600px;
  float: right;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .btn.more,
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .btn.fold {
  float: right;
  margin-top: 30px;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .btn.fold {
  display: none;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .content-wrapper {
  overflow: hidden;
  width: 80%;
  margin: 0 auto 80px;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .content-wrapper-2 {
  width: 80%;
  margin: 0 auto;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .content-wrapper-2 h1,
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .content-wrapper-2 h2,
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .content-wrapper-2 h3,
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .content-wrapper-2 h4,
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .content-wrapper-2 h5,
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .content-wrapper-2 h6 {
  margin-bottom: 15px;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .content-wrapper-2 ul {
  color: #003793;
  margin-left: 20px;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .content-wrapper-2 ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .left .content-wrapper-2 ul li span {
  color: #5f605f;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .right {
  width: 50%;
  float: left;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .right .side-wrapper {
  width: 90%;
  max-width: 600px;
  float: left;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .right .content-wrapper {
  width: 80%;
  margin: 0 auto;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .right .item {
  margin-bottom: 55px;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .right .item .number {
  background-color: #fff;
  border: 1px solid #004379;
  border-radius: 50px;
  display: block;
  font-family: "museo-sans-rounded", sans-serif;
  font-weight: 700;
  font-size: 40px;
  height: 57px;
  margin: auto 10px;
  max-height: 57px;
  line-height: 57px;
  text-align: center;
  vertical-align: middle;
  width: 57px;
  color: #5f605f;
  float: left;
  margin-top: 20px;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .right .item .item-content {
  padding-left: 100px;
}
#knowledge-base.dermatozy .box-1-info .box-content-2 .right .item h1,
#knowledge-base.dermatozy .box-1-info .box-content-2 .right .item h2,
#knowledge-base.dermatozy .box-1-info .box-content-2 .right .item h3,
#knowledge-base.dermatozy .box-1-info .box-content-2 .right .item h4,
#knowledge-base.dermatozy .box-1-info .box-content-2 .right .item h5,
#knowledge-base.dermatozy .box-1-info .box-content-2 .right .item h6 {
  margin-bottom: 15px;
}
#knowledge-base.dermatozy .box-2-info {
  overflow: hidden;
}
#knowledge-base.dermatozy .box-2-info .box-header {
  overflow: hidden;
  background-image: linear-gradient(to right, #003793 50%, #ededed 50%);
  background-image: -ms-linear-gradient(to right, #003793 50%, #ededed 50%);
  height: 264px;
}
#knowledge-base.dermatozy .box-2-info .box-header h1,
#knowledge-base.dermatozy .box-2-info .box-header h2,
#knowledge-base.dermatozy .box-2-info .box-header h3,
#knowledge-base.dermatozy .box-2-info .box-header h4,
#knowledge-base.dermatozy .box-2-info .box-header h5,
#knowledge-base.dermatozy .box-2-info .box-header h6 {
  color: #ffffff;
  font-size: 37px;
  line-height: 46px;
  margin-top: 85px;
  margin-left: 10%;
  text-transform: uppercase;
}
#knowledge-base.dermatozy .box-2-info .box-header .left {
  width: 50%;
  float: left;
}
#knowledge-base.dermatozy .box-2-info .box-header .right {
  width: 50%;
  float: right;
}
#knowledge-base.dermatozy .box-2-info .box-header .right img {
  height: 264px;
  width: auto;
  display: block;
}
#knowledge-base.dermatozy .box-2-info .box-content-2 {
  padding: 50px 0;
  background-image: linear-gradient(to right, #ededed 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(to right, #ededed 50%, #ffffff 50%);
}
#knowledge-base.dermatozy .box-2-info .box-content-2 .side-wrapper {
  overflow: hidden;
}
#knowledge-base.dermatozy .box-2-info .box-content-2 .content-wrapper {
  width: 80%;
  margin: 0 auto;
}
#knowledge-base.dermatozy .box-2-info .box-content-2 .content-wrapper h1,
#knowledge-base.dermatozy .box-2-info .box-content-2 .content-wrapper h2,
#knowledge-base.dermatozy .box-2-info .box-content-2 .content-wrapper h3,
#knowledge-base.dermatozy .box-2-info .box-content-2 .content-wrapper h4,
#knowledge-base.dermatozy .box-2-info .box-content-2 .content-wrapper h5,
#knowledge-base.dermatozy .box-2-info .box-content-2 .content-wrapper h6 {
  color: #003793;
  font-size: 24px;
  margin-bottom: 35px;
}
#knowledge-base.dermatozy .box-2-info .box-content-2 .content-wrapper p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
#knowledge-base.dermatozy .box-2-info .box-content-2 .left {
  width: 50%;
  float: left;
}
#knowledge-base.dermatozy .box-2-info .box-content-2 .right {
  width: 50%;
  float: right;
}
#knowledge-base.dermatozy .box-3-info .box-header {
  overflow: hidden;
  background-image: linear-gradient(to right, #ededed 50%, #003793 50%);
  background-image: -ms-linear-gradient(to right, #ededed 50%, #003793 50%);
  height: 264px;
}
#knowledge-base.dermatozy .box-3-info .box-header h1,
#knowledge-base.dermatozy .box-3-info .box-header h2,
#knowledge-base.dermatozy .box-3-info .box-header h3,
#knowledge-base.dermatozy .box-3-info .box-header h4,
#knowledge-base.dermatozy .box-3-info .box-header h5,
#knowledge-base.dermatozy .box-3-info .box-header h6 {
  color: #ffffff;
  font-size: 37px;
  line-height: 46px;
  margin-top: 85px;
  margin-left: 10%;
  text-transform: uppercase;
}
#knowledge-base.dermatozy .box-3-info .box-header .left {
  width: 50%;
  float: left;
  overflow: hidden;
}
#knowledge-base.dermatozy .box-3-info .box-header .right {
  width: 50%;
  float: right;
}
#knowledge-base.dermatozy .box-3-info .box-header .right img {
  height: 264px;
  width: auto;
  display: block;
}

/* CSS Document */
/* Atopy */
.atopy-page h1,
.atopy-page h2,
.atopy-page h3,
.atopy-page h4,
.atopy-page h5,
.atopy-page h6 {
  color: #003793;
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.1;
  font-weight: 700;
}
.atopy-page p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin: 15px 0;
}
.atopy-page .btn,
.atopy-page .btn.more,
.atopy-page .btn.fold {
  background: #003793;
  border: 1px solid #003793;
  color: #fff;
}
.atopy-page .btn:hover,
.atopy-page .btn.more:hover,
.atopy-page .btn.fold:hover {
  color: #003793;
  background: #fff;
}

#section-1.atopy-page {
  background-color: #dbdcde;
  font-family: "museo-sans-rounded", sans-serif;
  line-height: 1.2;
}
#section-1.atopy-page .side-wrapper {
  background-image: url(../img/background/allergoff-atopy-section-1-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  min-height: 680px;
  overflow: hidden;
}
#section-1.atopy-page .left {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
#section-1.atopy-page .left img {
  display: block;
  width: 90%;
  max-width: 450px;
  height: auto;
  margin: auto;
  position: absolute;
  bottom: 88px;
  left: 0;
  right: 0;
}
#section-1.atopy-page .right {
  float: right;
  width: 45%;
  color: #003793;
  font-size: 18px;
  padding-bottom: 150px;
  font-weight: 700;
}
#section-1.atopy-page .right .item-wrapper {
  max-width: 300px;
  margin-top: 50px;
  margin-bottom: 35px;
}
#section-1.atopy-page .right .item-wrapper .item {
  margin-top: 25px;
  font-size: 16px;
}
#section-1.atopy-page .right .item-wrapper a {
  display: inline-block;
  margin-top: 15px;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  color: inherit;
  position: relative;
}
#section-1.atopy-page .right .item-wrapper a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  height: 1px;
  width: 100%;
  background-color: #003793;
}
#section-1.atopy-page .right .item-wrapper a:after {
  content: "  ->>";
  margin-left: 5px;
  transition: all 0.3s ease-in-out;
}
#section-1.atopy-page .right .item-wrapper a:hover:after {
  margin-left: 15px;
}
#section-1.atopy-page .right .item-wrapper h1,
#section-1.atopy-page .right .item-wrapper h2,
#section-1.atopy-page .right .item-wrapper h3,
#section-1.atopy-page .right .item-wrapper h4,
#section-1.atopy-page .right .item-wrapper h5,
#section-1.atopy-page .right .item-wrapper h6 {
  margin-bottom: 10px;
}
#section-1.atopy-page .right .item-wrapper span {
  font-size: 45px;
}
#section-1.atopy-page .right .medical-component {
  width: 300px;
  margin-top: 20px;
  font-size: 14px;
  color: #5f605f;
  font-weight: 300;
  font-style: italic;
}

#section-2.atopy-page {
  position: relative;
  z-index: 2;
  background-color: #fff;
}
#section-2.atopy-page .side-wrapper {
  overflow: hidden;
}
#section-2.atopy-page .content-wrapper {
  width: 80%;
  margin: 80px auto;
}
#section-2.atopy-page .left {
  width: 50%;
  float: left;
  padding-top: 80px;
}
#section-2.atopy-page .right {
  float: right;
  width: 50%;
}
#section-2.atopy-page .right img {
  display: block;
  width: 100%;
  max-width: 398px;
  height: auto;
  margin: 0 auto;
}

#section-3.atopy-page {
  position: relative;
  z-index: 2;
  min-height: 331px;
  background-image: linear-gradient(to right, #003793 50%, #ededed 50%);
  background-image: -ms-linear-gradient(to right, #003793 50%, #ededed 50%);
}
#section-3.atopy-page .side-wrapper {
  overflow: hidden;
}
#section-3.atopy-page .content-wrapper {
  width: 80%;
  margin: 80px auto;
}
#section-3.atopy-page .percent {
  font-size: 120px;
  font-weight: 900;
}
#section-3.atopy-page .left {
  float: left;
  width: 50%;
  text-align: center;
}
#section-3.atopy-page .left .content-wrapper {
  margin: 30px auto;
}
#section-3.atopy-page .left p {
  font-weight: 700;
  color: #fff;
  font-size: 18px;
}
#section-3.atopy-page .right {
  float: right;
  width: 50%;
}

#section-4.atopy-page {
  position: relative;
  z-index: 2;
  background-color: #fff;
}
#section-4.atopy-page .side-wrapper {
  overflow: hidden;
}
#section-4.atopy-page .content-wrapper {
  width: 80%;
  margin: 80px auto;
}
#section-4.atopy-page .left {
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#section-4.atopy-page .right {
  float: right;
  width: 50%;
}
#section-4.atopy-page .right img {
  display: block;
  max-width: 120px;
  height: auto;
}

#section-5.atopy-page {
  position: relative;
  z-index: 2;
  background-color: #003793;
}
#section-5.atopy-page .side-wrapper {
  overflow: hidden;
}
#section-5.atopy-page .content-wrapper {
  width: 80%;
  margin: 80px auto;
}
#section-5.atopy-page h1,
#section-5.atopy-page h2,
#section-5.atopy-page h3,
#section-5.atopy-page h4,
#section-5.atopy-page h5,
#section-5.atopy-page h6 {
  color: #fff;
  text-align: center;
}
#section-5.atopy-page .item-wrapper {
  text-align: center;
  margin-top: 60px;
}
#section-5.atopy-page .item-wrapper .item {
  display: inline-block;
  width: 20%;
  margin: 0 2% 20px;
  vertical-align: top;
  min-width: 150px;
}
#section-5.atopy-page .item-wrapper .item img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
#section-5.atopy-page .item-wrapper .item p {
  color: #fff;
}

#section-6.atopy-page {
  position: relative;
  z-index: 2;
  background-image: linear-gradient(to right, #ffffff 50%, #ededed 50%);
  background-image: -ms-linear-gradient(to right, #ffffff 50%, #ededed 50%);
}
#section-6.atopy-page .side-wrapper {
  overflow: hidden;
}
#section-6.atopy-page .content-wrapper {
  width: 80%;
  margin: 80px auto;
}
#section-6.atopy-page .left {
  width: 50%;
  float: left;
  padding: 100px 0;
}
#section-6.atopy-page .left .btn {
  margin-top: 70px;
}
#section-6.atopy-page .right {
  float: right;
  width: 50%;
}
#section-6.atopy-page .right img {
  display: block;
  width: 100%;
  max-width: 535px;
  height: auto;
  margin: 0 auto;
}

/* CSS Document */
/* try products-all-side*/
#header-wrapper.products-all-side .content-wrapper {
  width: 90%;
  font-family: "museo-sans-rounded", sans-serif;
  color: #163f8a;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 150px 0 70px;
}
#header-wrapper.products-all-side .content-wrapper h1 {
  font-size: 35px;
  color: #163f8a;
}
#header-wrapper.products-all-side .content-wrapper p {
  margin: 32px 0;
}
#header-wrapper.products-all-side .content-wrapper strong,
#header-wrapper.products-all-side .content-wrapper a {
  font-weight: 700;
  color: inherit;
}
#header-wrapper.products-all-side .content-wrapper a:hover {
  text-decoration: underline;
}

#try.products-all-side {
  background: none;
  overflow: hidden;
  border: none;
  top: -100px;
  position: relative;
  display: block;
}
#try.products-all-side h2 {
  color: #163f8a;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 35px;
  font-weight: 700;
  margin: 20px 0;
}
#try.products-all-side .item-products-wrapper {
  margin: 50px auto 0;
  width: 95%;
}
#try.products-all-side .item {
  float: left;
  width: 24%;
  margin: 0 0.5%;
  height: 550px;
}
#try.products-all-side .item h1,
#try.products-all-side .item h2,
#try.products-all-side .item h3,
#try.products-all-side .item h4,
#try.products-all-side .item h5,
#try.products-all-side .item h6 {
  max-width: 100%;
  color: #706f6f;
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 0;
  text-transform: uppercase;
}
#try.products-all-side .item p {
  color: #153b81;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0;
  margin-top: 0;
}
#try.products-all-side .item .desc {
  max-width: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 30px;
  margin-top: 10px;
  color: #163f8a;
  font-size: 13px;
  overflow: auto;
}
#try.products-all-side .item .btn.buy {
  margin-left: 0;
}
#try.products-all-side .item .page-link {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 10px;
  color: #163f8a;
  font-size: 16px;
}
#try.products-all-side .item .page-link a {
  color: inherit;
}
#try.products-all-side .item .page-link a:after {
  content: " >>";
}
#try.products-all-side .item .image-wrapper {
  height: 229px;
  position: relative;
  margin-bottom: 20px;
}
#try.products-all-side .item img {
  max-width: 80%;
  position: absolute;
  bottom: 0;
}

/* CSS Document */
/* Strona agregujaca artykuly */
#article.article {
  background: none;
  overflow: hidden;
  border: none;
  top: 50px;
  position: relative;
  display: block;
  padding-bottom: 50px;
}
#article.article .desc {
  padding: 50px 5% 0;
  width: 90%;
  max-width: 650px;
  font-size: 16px;
  color: #5f605f;
  line-height: 1.2;
}
#article.article .item-article-wrapper {
  padding: 50px 2.5%;
  width: 95%;
  overflow: hidden;
}
#article.article .item {
  float: left;
  width: 30.333%;
  margin: 20px 1.5%;
  transition: all 0.2s ease-in;
  /*		h1,h2,h3,h4,h5,h6{
  	max-width: 100%;
  	color: #706f6f;
  	font-family: "museo-sans-rounded",sans-serif;
  	font-size: 17px;
  	font-weight: 700;
  	line-height: 22px;
  	margin-bottom: 0;
  	text-transform: uppercase;
  }

  p{
  	color: #153b81;
  	font-family: "Roboto", sans-serif;
  	font-size: 16px;
  	font-weight: 400;
  	line-height: 28px;
  	margin-bottom: 0;
  	margin-top: 0;
  }*/
}
#article.article .item:hover {
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.25);
  transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06);
}
#article.article .item:hover .image-wrapper .curtain {
  opacity: 0;
}
#article.article .item .article-desc-wrapper {
  background: #0099ce;
  padding: 20px 5%;
  height: 92px;
  position: relative;
}
#article.article .item .article-desc-wrapper .read-more {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #fff;
  height: 40px;
  line-height: 35px;
  cursor: pointer;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
#article.article .item .article-desc-wrapper .read-more:hover {
  text-decoration: underline;
}
#article.article .item .title {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
  height: 100%;
  overflow: hidden;
}
#article.article .item .title p,
#article.article .item .title h1,
#article.article .item .title h2,
#article.article .item .title h3,
#article.article .item .title h4,
#article.article .item .title h5,
#article.article .item .title h6,
#article.article .item .title a {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
#article.article .item .title p:hover,
#article.article .item .title h1:hover,
#article.article .item .title h2:hover,
#article.article .item .title h3:hover,
#article.article .item .title h4:hover,
#article.article .item .title h5:hover,
#article.article .item .title h6:hover,
#article.article .item .title a:hover {
  text-decoration: underline;
}
#article.article .item .image-wrapper {
  height: 229px;
  position: relative;
  margin-bottom: 1px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
#article.article .item .image-wrapper .curtain {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 153, 206, 0.1);
  opacity: 1;
  transition: all 0.2s ease-in;
}
#article.article .item img {
  max-width: 80%;
  position: absolute;
  bottom: 0;
}
#article.article #pagination {
  background: #0099ce;
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding: 50px 0;
}
#article.article #pagination ul {
  margin: 0 auto;
  display: inline-block;
}
#article.article #pagination ul li {
  float: left;
  background: #fff;
  border: 1px solid #0099ce;
  width: 30px;
  height: 30px;
  list-style: none;
  text-align: center;
  line-height: 30px;
  margin-right: 3px;
  color: #0099ce;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease-in;
}
#article.article #pagination ul li .current {
  border: 1px solid #fff;
  color: #fff;
  background: #0099ce;
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
}
#article.article #pagination ul li:hover {
  border: 1px solid #fff;
  color: #fff;
  background: #0099ce;
}
#article.article #pagination ul li a {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* Strona artykulu */
#article-single.article-single {
  background: none;
  overflow: hidden;
  border: none;
  top: 50px;
  position: relative;
  display: block;
  padding-bottom: 50px;
  max-width: 1920px;
  margin: 0 auto;
}
#article-single.article-single .side-wrapper {
  width: 90%;
  margin: 0 auto;
}
#article-single.article-single #sidebar {
  width: 35%;
  top: 50px;
  right: 0;
  position: absolute;
  background: #f2f2f2;
  height: 100%;
}
#article-single.article-single #sidebar .item-wrapper {
  width: 90%;
  margin: 0 auto 0 5%;
  max-width: 350px;
}
#article-single.article-single #sidebar .item-wrapper .section-title {
  color: #5f605f;
  font-weight: 700;
  font-size: 20px;
  font-family: "museo-sans-rounded", sans-serif;
  margin: 30px 0;
}
#article-single.article-single #sidebar .item-wrapper .section-title p,
#article-single.article-single #sidebar .item-wrapper .section-title h1,
#article-single.article-single #sidebar .item-wrapper .section-title h2,
#article-single.article-single #sidebar .item-wrapper .section-title h3,
#article-single.article-single #sidebar .item-wrapper .section-title h4,
#article-single.article-single #sidebar .item-wrapper .section-title h5,
#article-single.article-single #sidebar .item-wrapper .section-title h6 {
  color: #5f605f;
  font-weight: 700;
  font-size: 20px;
  font-family: "museo-sans-rounded", sans-serif;
}
#article-single.article-single #sidebar .item-wrapper .item {
  width: 100%;
  margin: 20px 0;
  display: block;
  transition: all 0.2s ease-in;
}
#article-single.article-single #sidebar .item-wrapper .item:hover {
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.25);
  transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06);
}
#article-single.article-single #sidebar .item-wrapper .item:hover .image-wrapper .curtain {
  opacity: 0;
}
#article-single.article-single #sidebar .item-wrapper .item .article-desc-wrapper {
  background: #0099ce;
  padding: 20px 5%;
  position: relative;
}
#article-single.article-single #sidebar .item-wrapper .item .article-desc-wrapper .read-more {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #fff;
  height: 40px;
  line-height: 35px;
  cursor: pointer;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
#article-single.article-single #sidebar .item-wrapper .item .article-desc-wrapper .read-more:hover {
  text-decoration: underline;
}
#article-single.article-single #sidebar .item-wrapper .item .title {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
  overflow: hidden;
}
#article-single.article-single #sidebar .item-wrapper .item .title p,
#article-single.article-single #sidebar .item-wrapper .item .title h1,
#article-single.article-single #sidebar .item-wrapper .item .title h2,
#article-single.article-single #sidebar .item-wrapper .item .title h3,
#article-single.article-single #sidebar .item-wrapper .item .title h4,
#article-single.article-single #sidebar .item-wrapper .item .title h5,
#article-single.article-single #sidebar .item-wrapper .item .title h6 {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
#article-single.article-single #sidebar .item-wrapper .item .image-wrapper {
  height: 229px;
  position: relative;
  margin-bottom: 1px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
#article-single.article-single #sidebar .item-wrapper .item .image-wrapper .curtain {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 153, 206, 0.1);
  opacity: 1;
  transition: all 0.2s ease-in;
}
#article-single.article-single .article-wrapper {
  padding: 50px 0;
  width: 60%;
  max-width: 700px;
}
#article-single.article-single .article-wrapper .title {
  font-size: 22.7px;
  color: #0099ce;
  line-height: 1.2;
  margin: 50px 0;
  font-family: "museo-sans-rounded", sans-serif;
  font-weight: 700;
}
#article-single.article-single .article-wrapper .title p,
#article-single.article-single .article-wrapper .title h1,
#article-single.article-single .article-wrapper .title h2,
#article-single.article-single .article-wrapper .title h3,
#article-single.article-single .article-wrapper .title h4,
#article-single.article-single .article-wrapper .title h5,
#article-single.article-single .article-wrapper .title h6 {
  font-size: 22.7px;
  color: #0099ce;
  line-height: 1.2;
  font-family: "museo-sans-rounded", sans-serif;
  font-weight: 700;
}
#article-single.article-single .article-wrapper .article-content {
  font-size: 16px;
  color: #5f605f;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
#article-single.article-single .article-wrapper .article-content p,
#article-single.article-single .article-wrapper .article-content h1,
#article-single.article-single .article-wrapper .article-content h2,
#article-single.article-single .article-wrapper .article-content h3,
#article-single.article-single .article-wrapper .article-content h4,
#article-single.article-single .article-wrapper .article-content h5,
#article-single.article-single .article-wrapper .article-content h6 {
  font-size: 16px;
  color: #5f605f;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  margin: 0 0 30px;
  line-height: 1.4;
}
#article-single.article-single .article-wrapper .article-content a {
  color: #0099ce;
  text-decoration: underline;
  cursor: pointer;
}
#article-single.article-single .article-wrapper .article-content ul,
#article-single.article-single .article-wrapper .article-content ol {
  margin: 30px 0;
  padding-left: 20px;
}
#article-single.article-single .article-wrapper .article-content ul li,
#article-single.article-single .article-wrapper .article-content ol li {
  margin: 15px 0;
  line-height: 1.2;
  font-size: 14px;
}
#article-single.article-single .article-wrapper .btn {
  display: block;
  margin: 70px auto 0;
  max-width: 150px;
  position: relative;
  z-index: 10;
}
#article-single.article-single .image-wrapper {
  width: 100%;
}
#article-single.article-single .image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

#try.products-all-side.single-article {
  padding-top: 200px;
}

/* CSS Document */
/* CONTACT - contact */
#contact .side-wrapper {
  margin-top: 50px;
  overflow: hidden;
}
#contact h1,
#contact h2,
#contact h3,
#contact h4,
#contact h5,
#contact h6,
#contact .employee {
  color: #0099ce;
  font-family: MuseoSansRounded700, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 5px;
  margin-top: 5px;
}
#contact p {
  color: #5f605f;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
#contact p a {
  color: #5f605f;
}
#contact img {
  margin-bottom: 5px;
  max-width: 136px;
  height: auto;
}

#contact-left {
  float: left;
  width: 45%;
  margin-left: 5%;
}

#contact-form-wrapper {
  float: left;
  width: 90%;
  padding: 25px 0 20px;
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
#contact-form-wrapper .screen-reader-response {
  display: none;
}
#contact-form-wrapper h1,
#contact-form-wrapper h2,
#contact-form-wrapper h3,
#contact-form-wrapper h4,
#contact-form-wrapper h5,
#contact-form-wrapper h6 {
  padding-bottom: 20px;
}
#contact-form-wrapper #form h4 {
  padding-bottom: 15px;
}
#contact-form-wrapper #form ul {
  display: none;
}
#contact-form-wrapper #form p {
  position: relative;
}
#contact-form-wrapper #form .wpcf7-list-item-label {
  display: block;
  font-size: 12px;
}
#contact-form-wrapper #form .wpcf7-list-item-label a {
  text-decoration: underline;
}
#contact-form-wrapper textarea {
  background-color: #e6e6e6;
  border: 1px solid transparent;
  color: #848484;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
  resize: vertical;
  width: 100%;
  height: 128px;
  box-sizing: border-box;
  margin-top: 10px;
  resize: none;
  border-radius: 0;
}
#contact-form-wrapper input {
  background-color: #e6e6e6;
  border: 1px solid transparent;
  color: #848484;
  font-size: 13px;
  font-weight: 200;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
  width: 100%;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
}
#contact-form-wrapper input[type=submit] {
  width: auto;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  padding: 8px 17px;
  border: 1px solid;
  background-color: #0099ce;
  color: #ffffff;
  border-color: #0099ce;
  float: right;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  cursor: pointer;
  margin: 12px 0;
  border-radius: 0;
}
#contact-form-wrapper input[type=submit]:hover {
  color: #0099ce;
  background: none;
}
#contact-form-wrapper input + .wpcf7-not-valid-tip {
  padding-top: 4px;
}
#contact-form-wrapper .wpcf7-not-valid-tip {
  font-size: 12px;
}
#contact-form-wrapper .wpcf7-list-item {
  margin: 0;
}
#contact-form-wrapper .wpcf7-list-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#contact-form-wrapper .wpcf7-list-item label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-top: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#contact-form-wrapper .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  cursor: pointer;
}
#contact-form-wrapper .checkmark:hover {
  background-color: #ccc;
}
#contact-form-wrapper .wpcf7-list-item input:checked ~ .checkmark {
  background-color: #0099ce;
}
#contact-form-wrapper .wpcf7-list-item:after {
  content: "";
  position: absolute;
  display: none;
}
#contact-form-wrapper .wpcf7-list-item input:checked ~ .checkmark:after {
  display: block;
}
#contact-form-wrapper .wpcf7-list-item .checkmark:after {
  content: "";
  position: absolute;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  display: none;
}
#contact-form-wrapper .wpcf7-acceptance + .wpcf7-not-valid-tip {
  padding-left: 35px;
}
#contact-form-wrapper .wpcf7-spinner {
  margin: 20px 0 10px;
}
#contact-form-wrapper .wpcf7-response-output {
  font-family: "Open Sans", sans-serif;
  margin: 20px 0;
  font-size: 15px;
}

#contact-left-left {
  float: left;
  width: 45%;
  margin-right: 5%;
}

#contact-left-right {
  float: left;
  width: 50%;
}

#contact-right {
  float: left;
  width: 50%;
}
#contact-right #contact-form-wrapper {
  float: none;
  margin: 0 auto;
}
#contact-right h1,
#contact-right h2,
#contact-right h3,
#contact-right h4,
#contact-right h5,
#contact-right h6 {
  color: #004379;
  width: 90%;
  margin: 0 auto 0 auto;
}
#contact-right #map-poland {
  margin-top: 30px;
}
#contact-right #demo-agents {
  display: none;
}

#productPopup {
  position: fixed;
  right: -10px;
  top: 55%;
  width: 380px;
  height: 180px;
  background-color: #fff;
  z-index: 100;
  box-shadow: 0px 0px 14px -1px rgb(191, 191, 191);
  font-family: "roboto", sans-serif;
  font-size: 14px;
  transform: translateX(380px); /* Chrome < 26, Safari < 7 */ /* Firefox < 16 */ /* Opera < 12.10 */ /* Chrome 26-35, Safari, Opera 15-23 */
  transition: transform 0.8s; /* IE10+, Firefox 16+, Chrome 36+, Opera 12.10 */
  max-width: 100%;
}
#productPopup .owl-wrapper {
  width: 360px;
  position: absolute;
  left: 20px;
  clip: rect(-120px, 360px, 180px, 0px);
}
#productPopup .owl-wrapper .content-wrapper {
  margin-top: 10px;
  padding-left: 15px;
}
#productPopup .owl-wrapper .content-wrapper .grinder {
  position: relative;
  z-index: -1;
  margin-left: -15px;
  padding-left: 15px;
  background-color: #0099ce;
  width: 65%;
}
#productPopup .owl-wrapper .content-wrapper .grinder p {
  padding-top: 10px;
  padding-bottom: 7px;
  color: #fff;
}
#productPopup .owl-wrapper .content-wrapper .txt-wrapper {
  margin: 16px auto;
  color: #004379;
}
#productPopup .owl-wrapper .content-wrapper .txt-wrapper .product-title {
  font-size: 23px;
  font-weight: bold;
}
#productPopup .owl-wrapper .content-wrapper .txt-wrapper .category {
  margin-top: 4px;
  font-weight: bold;
  font-size: 15px;
}
#productPopup .owl-wrapper .content-wrapper .btn-wrapper {
  position: relative;
  z-index: 2;
}
#productPopup .owl-wrapper .content-wrapper .btn-wrapper a:hover {
  background-color: #fff;
}
#productPopup .owl-wrapper .content-wrapper .btn-wrapper a:first-child {
  margin-right: 5px;
}
#productPopup .owl-wrapper .content-wrapper .img-wrapper {
  position: absolute;
  bottom: 10px;
  left: 140px;
  z-index: 1;
  width: 230px;
  height: auto;
}
#productPopup .owl-wrapper .content-wrapper .img-wrapper img {
  width: 230px;
  height: auto;
  margin-left: auto;
  margin-right: 0;
}
#productPopup .owl-wrapper .owl-stage-outer {
  overflow: unset;
}
#productPopup .owl-wrapper .owl-dots {
  margin-top: 5px;
}
#productPopup .owl-wrapper .custom-dot {
  display: inline-block;
}
#productPopup .owl-wrapper .custom-dot span {
  width: 8px;
  height: 8px;
  margin: 4px;
  background: #83888c;
  display: block;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
  transition: background 0.8s;
}
#productPopup .owl-wrapper .custom-dot:hover {
  cursor: pointer;
}
#productPopup .owl-wrapper .custom-dot:hover span {
  background: #004379;
}
#productPopup .owl-wrapper .active span {
  background: #004379;
}
#productPopup .control {
  position: absolute;
  top: 0;
  height: 100%;
  width: 20px;
  background-color: #dbdcde;
}
#productPopup .control:hover {
  cursor: pointer;
}
#productPopup .control .triangle {
  position: absolute;
  top: 45%;
  left: 0;
  height: 20px;
  width: 95%;
  transform: rotate(-90deg);
}
#productPopup .control .triangle::before {
  content: " ";
  display: block;
  width: 18px;
  height: 4px;
  background: #004379;
  transform: rotate(30deg);
  position: absolute;
  top: 8px;
  right: -5px;
  border-radius: 15px;
}
#productPopup .control .triangle::after {
  content: " ";
  display: block;
  width: 15px;
  height: 4px;
  background: #004379;
  transform: rotate(-30deg);
  position: absolute;
  top: 8px;
  left: -5px;
  border-radius: 15px;
}
#productPopup .control .triangle-right {
  transform: rotate(90deg);
}
#productPopup .control .cross {
  position: absolute;
  top: 2%;
  left: 0;
  height: 20px;
  width: 95%;
}
#productPopup .control .cross::before {
  content: " ";
  display: block;
  width: 21px;
  height: 4px;
  background: #004379;
  transform: rotate(45deg);
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 15px;
}
#productPopup .control .cross::after {
  content: " ";
  display: block;
  width: 21px;
  height: 4px;
  background: #004379;
  transform: rotate(-45deg);
  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 15px;
}

.triangle-open {
  transform: translateX(360px) !important;
}

.open {
  transform: translateX(0px) !important;
}

.close {
  transform: translateX(390px) !important;
}

h1.header-cookies {
  text-align: center;
  font-size: 20px;
  padding-top: 180px;
  width: 90%;
  margin: auto;
}

.cookies {
  font-family: "museo-sans-rounded", sans-serif;
  display: block;
  color: #5f605f;
  font-size: 20px;
  overflow-wrap: break-word;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 65px;
}
.cookies .side-wrapper {
  position: relative;
  height: 100%;
  width: 90%;
  max-width: 1500px;
  margin: 0 auto;
}
.cookies .side-wrapper .content-wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.cookies .side-wrapper .content-wrapper ul {
  padding-left: 20px;
  margin: 35px 0;
  box-sizing: border-box;
}
.cookies .side-wrapper .content-wrapper ul li {
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
  list-style: disc;
  margin-bottom: 10px;
}
.cookies .side-wrapper a {
  color: #0090bf;
}
.cookies .side-wrapper a:hover {
  text-decoration: underline;
}
.cookies .side-wrapper strong {
  color: #0090bf;
}
.cookies .side-wrapper .btn-wrapper {
  text-align: center;
  margin: 60px;
}
.cookies .side-wrapper .btn-wrapper a {
  color: #ffffff;
}
.cookies .side-wrapper .btn-wrapper a:hover {
  color: #0090bf;
  text-decoration: none;
}

#widget {
  padding: 50px 0;
  font-family: "Open Sans", sans-serif;
  background-color: #f4f4f4;
}
#widget .side-wrapper {
  width: 90%;
}
#widget.atopy {
  background-color: #fff;
}
#widget.atopy .section-title {
  color: #0e4194;
}
#widget .section-title {
  font-family: "museo-sans-rounded", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.1;
  color: #0099ce;
}
#widget .section-title h1,
#widget .section-title h2,
#widget .section-title h3,
#widget .section-title h4,
#widget .section-title h5,
#widget .section-title h5 {
  color: inherit;
}
#widget .section-desc {
  color: #6d6e71;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin: 40px 0 50px;
  max-width: 600px;
}

#widget .kml_widget-header,
#widget .kml_widget-footer {
  background-color: #0099ce !important;
}

#widget.atopy .kml_widget-header,
#widget.atopy .kml_widget-footer {
  background-color: #0e4194 !important;
}

/* CSS Document */
/* Footer */
#footer {
  border-top: 1px solid #5582a6;
  clear: both;
  height: 359px;
  font-family: "roboto", sans-serif;
  padding-top: 20px;
  position: relative;
  z-index: 2;
  background: #fff;
}
#footer .side-wrapper {
  margin-top: 37px;
  width: 90%;
}
#footer ul li {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  list-style-image: none;
  color: #163f8a;
}
#footer ul li:hover {
  text-decoration: underline;
}
#footer #footer-column-1 {
  width: 10%;
  margin-right: 2%;
  /*margin-right: 30px;*/
}
#footer #footer-column-1 img {
  width: 100%;
  max-width: 136px;
  max-height: 37px;
}
#footer #footer-column-2 {
  width: 25%;
  margin-right: 8%;
  /*margin-right:90px;*/
}
#footer #footer-column-2 p {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}
#footer #footer-column-2 .ptca-info {
  margin: 30px 0 10px;
}
#footer #footer-column-2 .ptca-info p {
  font-size: 16px;
}
#footer #footer-column-2 .ptca-info img {
  display: block;
  margin: 15px 0;
  height: 46px;
  width: 125px;
  height: auto;
}
#footer #footer-column-3 {
  width: 22%;
  /*margin-right: 300px;*/
}
#footer #footer-column-4 {
  margin-left: 5%;
  width: 28%;
}
#footer #footer-column-4 p {
  font-size: 15px;
  line-height: 1.4;
  font-weight: normal;
  text-transform: uppercase;
}
#footer #footer-column-4 .social-media {
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 75px;
}
#footer #footer-column-4 .social-media .content-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
  margin-left: calc(100% - 121px);
}
#footer #footer-column-4 .social-media .content-wrapper p {
  font-weight: bold;
  margin-right: 2.5px;
}
#footer #footer-column-4 .social-media .content-wrapper a {
  width: 56px;
  height: 56px;
  display: inline-block;
}
#footer #footer-column-4 .social-media .content-wrapper a:hover {
  transform: scale(1.1);
}
#footer #footer-column-4 .social-media .content-wrapper a img {
  width: 56px;
  height: 56px;
}
#footer #footer-column-4 .social-media .content-wrapper a.facebook {
  margin-left: 5px;
}
#footer #footer-column-1,
#footer #footer-column-2,
#footer #footer-column-3,
#footer #footer-column-4 {
  float: left;
  color: #163f8a;
}
#footer #footer-column-1 a,
#footer #footer-column-2 a,
#footer #footer-column-3 a,
#footer #footer-column-4 a {
  color: #163f8a;
}
#footer #footer-column-4 a.btn.contact-form {
  width: 100%;
  cursor: pointer;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
}
#footer #footer-column-4 a.btn.contact-form:hover {
  color: #0099ce;
  background: none;
  border: 1px solid #0099ce;
}
#footer #copyright {
  clear: both;
  text-align: right;
  color: #163f8a;
  font-size: 15px;
  font-weight: 300;
  margin-top: 75px;
}
#footer #copyright a {
  color: #163f8a;
}

/* CSS Document */
/* Responsive */
@media all and (max-width: 1700px) {
  /* HOME */
  #header-wrapper.home .owl-carousel h2 {
    left: 20%;
  }
  #header-wrapper.home .owl-carousel img {
    right: 10%;
  }
  #header-wrapper.home .owl-carousel img.robak {
    right: 13%;
  }
  #header-wrapper.home .owl-carousel img.superhero-image {
    right: 8%;
  }
}
@media all and (max-width: 1500px) {
  #header-wrapper.home .owl-carousel h2 {
    left: 15%;
  }
  #header-wrapper.home .owl-carousel img.superhero-image {
    right: 5%;
    bottom: 120px;
    height: 530px;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper {
    width: 100%;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper {
    width: 450px;
    right: 5%;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper P:first-child {
    font-size: 18px;
    line-height: 24px;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper p:nth-child(2) {
    font-size: 56px;
    line-height: 70px;
  }
}
@media all and (max-width: 1366px) {
  /* HOME */
  #header-wrapper.home .owl-carousel h2 {
    left: 10%;
  }
  #header-wrapper.home .owl-carousel img {
    right: 10%;
  }
  #header-wrapper.home .owl-carousel img.robak {
    right: 13%;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper {
    width: 450px;
    right: 7%;
  }
  /* video home */
  #box-home-chart .right video {
    margin-top: 30%;
  }
  /* Products - all */
  #try h1,
  #try h2,
  #try h3,
  #try h4,
  #try h5,
  #try h6 {
    margin-left: 5%;
  }
  #try .item-products-wrapper {
    width: 90%;
    margin: 0 auto;
  }
  #products .side-wrapper #products-left {
    width: 40%;
    margin-left: 5%;
    margin-right: 10%;
  }
  #products .side-wrapper #products-right {
    margin-left: 3%;
  }
  #products .side-wrapper .product-2 {
    width: 438px;
  }
  #products .side-wrapper .product-1 {
    width: 480px;
  }
}
@media all and (max-width: 1200px) {
  #modal {
    display: none;
  }
  #header-wrapper.home .owl-carousel img.superhero-image {
    height: 480px;
  }
  /* video - home */
  #box-home-chart {
    background: #fff;
  }
  #box-home-chart .side-wrapper {
    width: 90%;
    padding: 0 5%;
    background: #0099ce;
  }
  #box-home-chart .left,
  #box-home-chart .right {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  #box-home-chart .right .video-wrapper {
    margin: 0 auto 50px;
  }
  #box-home-chart .right video {
    margin: 50px auto 20px;
  }
  /* Products */
  #awards h1,
  #awards h2,
  #awards h3,
  #awards h4,
  #awards h5,
  #awards h6 {
    float: none;
  }
  #awards .btn.buy {
    float: none;
    display: block;
    min-width: 200px;
    margin: 0 auto;
  }
  .awards-img-container {
    float: none;
    margin: 50px auto;
    overflow: hidden;
    width: 80%;
  }
  #application #application-wrapper {
    margin-top: 0;
  }
  #application-left,
  #application-right {
    float: none;
    width: 90%;
    margin: 30px auto;
    overflow: hidden;
  }
  #application-right {
    margin-top: 50px;
  }
  #application-right.wash {
    width: 90%;
    max-width: 800px;
    margin-right: auto;
    margin-left: 5%;
  }
  /* New spray page */
  #spray-header .side-wrapper {
    max-height: 500px;
  }
  #section-1.spray-new .image {
    width: 50%;
  }
  #section-3.spray-new {
    overflow: hidden;
  }
  #section-3.spray-new .image {
    width: 70%;
    right: -100px;
  }
  #section-3.spray-new .image img {
    width: 100%;
    height: 100%;
  }
  #section-10.spray-new .image img {
    width: 70%;
    -o-object-position: right bottom;
       object-position: right bottom;
  }
  #spray-header .side-wrapper {
    min-height: 350px;
  }
  #spray-header #spray-header-slider {
    width: 45%;
  }
  #spray-header .image {
    width: 250px;
    height: 100%;
    bottom: -25px;
  }
  #spray-header .content-wrapper {
    right: 16%;
  }
  #spray-header .content {
    font-size: 32px;
  }
  #spray-header .image img {
    min-height: auto;
    max-height: 100%;
    height: 100%;
    width: 100%;
    -o-object-position: bottom center;
       object-position: bottom center;
  }
  #spray-header .btn-wrapper .btn.find,
  #spray-header .btn-wrapper .btn.buy {
    font-size: 14px;
  }
  /* LAB */
  #tips-box-info .box-2 .right img {
    width: 100%;
    max-width: 466px;
  }
  /* Aricles -single */
  #article-single.article-single .article-wrapper {
    margin: 0 auto;
    width: 90%;
    padding-top: 80px;
  }
  #article-single.article-single #sidebar {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: auto;
    padding-bottom: 100px;
  }
  #article-single.article-single #sidebar .item-wrapper {
    max-width: 90%;
  }
  #article-single.article-single #sidebar .item-wrapper .item {
    width: 30.333%;
    margin: 20px 1.5%;
    float: left;
  }
  #try.products-all-side.single-article {
    padding-top: 140px;
  }
}
@media all and (max-width: 1100px) {
  /* HOME */
  #header-wrapper.home .owl-carousel h2 {
    font-size: 46px;
  }
  #header-wrapper.home .owl-carousel .item {
    height: 550px;
  }
  #header-wrapper.home {
    height: 550px;
    min-height: 550px;
  }
  #header-wrapper.home .owl-carousel img.insect-image {
    bottom: 80px;
  }
  #header-wrapper.home .owl-carousel img.insect-image.robak {
    bottom: 130px;
  }
  #header-wrapper.home .owl-carousel img.superhero-image {
    bottom: 30px;
    height: 400px;
  }
  #header-wrapper.home .owl-carousel .roztocz-1 {
    width: 120px;
    bottom: 60px;
  }
  #header-wrapper.home .owl-carousel .kurz-1 {
    right: 78%;
    bottom: 370px;
  }
  #header-wrapper.home .owl-carousel .kurz-3 {
    right: 85%;
  }
  #header-wrapper.home .owl-carousel .kurz-4 {
    display: none;
  }
  #header-wrapper.home .owl-carousel h2 {
    left: 10%;
  }
  #header-wrapper.home .owl-carousel img {
    right: 5%;
    height: 400px;
  }
  #header-wrapper.home .owl-carousel img.klatka-p,
  #header-wrapper.home .owl-carousel img.klatka-t {
    height: 400px;
  }
  #header-wrapper.home .owl-carousel img.robak {
    height: 270px;
  }
  #header-wrapper.home .owl-carousel img.robak {
    right: 8%;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper {
    right: 0%;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper p:nth-child(2) {
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8);
  }
  /*	#products .side-wrapper #products-left .product-2{
  	width: 300px;
  }
  #products .side-wrapper #products-left .product-1{
  	width: 280px;
  }*/
  #products .side-wrapper #products-left,
  #products .side-wrapper #products-right {
    float: none;
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
    margin-left: 0;
  }
  #products .side-wrapper #products-left .product-1,
  #products .side-wrapper #products-left .product-2,
  #products .side-wrapper #products-right .product-1,
  #products .side-wrapper #products-right .product-2 {
    width: 45%;
    float: left;
  }
  #products .side-wrapper #products-left .product-1-desc,
  #products .side-wrapper #products-left .product-2-desc,
  #products .side-wrapper #products-right .product-1-desc,
  #products .side-wrapper #products-right .product-2-desc {
    width: 44%;
    float: left;
    margin-top: 100px;
    margin-left: 2.5%;
  }
  /* Allergoff HOME */
  #header-wrapper.allergoff-info .side-wrapper {
    min-height: 600px;
  }
  #header-wrapper.allergoff-info .content-wrapper {
    margin-left: 5%;
    margin-right: auto;
  }
  #header-wrapper.allergoff-info .content-wrapper h1,
  #header-wrapper.allergoff-info .content-wrapper h2,
  #header-wrapper.allergoff-info .content-wrapper h3,
  #header-wrapper.allergoff-info .content-wrapper h4,
  #header-wrapper.allergoff-info .content-wrapper h5,
  #header-wrapper.allergoff-info .content-wrapper h6 {
    font-size: 46px;
    text-align: left;
  }
  /* Allergoff -info */
  #allergoff-box-info-wrapper .box-info-2 .side-wrapper .left,
  #allergoff-box-info-wrapper .box-info-2 .side-wrapper .right {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  #allergoff-box-info-wrapper .box-info-2 .side-wrapper .left img,
  #allergoff-box-info-wrapper .box-info-2 .side-wrapper .right img {
    display: none;
  }
  #allergoff-box-info-wrapper .box-info-2 .side-wrapper .content-wrapper {
    position: static;
    margin-top: 100px;
    width: 40%;
    margin-left: 10%;
  }
  #wash-box-info-wrapper .box-1-info {
    height: auto;
  }
  #wash-box-info-wrapper .box-1-info img {
    width: 100%;
    position: static;
  }
  #wash-box-info-wrapper .box-1-info .left {
    float: none;
    width: 100%;
    padding: 50px 0;
    background: #fff;
  }
  #wash-box-info-wrapper .box-1-info .left .content-wrapper {
    margin-top: 20px;
  }
  #wash-box-info-wrapper .box-1-info .right {
    float: none;
    width: 100%;
    position: relative;
  }
  #wash-box-info-wrapper .box-2-info {
    width: 100%;
    height: auto;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #wash-box-info-wrapper .box-2-info .right {
    width: 40%;
    margin-left: 10%;
    padding-top: 18%;
  }
  #wash-box-info-wrapper .box-2-info .right img {
    max-width: 194px;
    width: 90%;
    position: static;
  }
  #wash-box-info-wrapper .box-2-info .right .content-wrapper {
    float: none;
    margin: 30px 0;
  }
  #wash-box-info-wrapper .box-2-info .left {
    overflow: hidden;
  }
  #wash-box-info-wrapper .box-2-info .left .content-wrapper {
    float: none;
    margin: 50px auto;
  }
  #wash-box-info-wrapper .box-2-info .left img {
    left: 0;
    position: static;
    margin: 0 auto;
    display: block;
    width: 100%;
  }
  /*	#allergoff-box-info-wrapper .box-info-2{
  	background: none;
  }
  #allergoff-box-info-wrapper .box-info-2 .side-wrapper .right{

  	background: #D1F4FF;
  }*/
  /* Allergy */
  #header-wrapper.allergy .side-wrapper {
    min-height: 600px;
  }
  #header-wrapper.allergy .content-wrapper h1,
  #header-wrapper.allergy .content-wrapper h2,
  #header-wrapper.allergy .content-wrapper h3,
  #header-wrapper.allergy .content-wrapper h4,
  #header-wrapper.allergy .content-wrapper h5,
  #header-wrapper.allergy .content-wrapper h6 {
    font-size: 46px;
  }
  /* Dermatozy */
  #header-wrapper.dermatozy .side-wrapper {
    min-height: 600px;
  }
  #header-wrapper.dermatozy .content-wrapper h1,
  #header-wrapper.dermatozy .content-wrapper h2,
  #header-wrapper.dermatozy .content-wrapper h3,
  #header-wrapper.dermatozy .content-wrapper h4,
  #header-wrapper.dermatozy .content-wrapper h5,
  #header-wrapper.dermatozy .content-wrapper h6 {
    font-size: 46px;
  }
  /* Atopy-page */
  #header-wrapper.atopy-page .side-wrapper {
    min-height: 600px;
  }
  #header-wrapper.atopy-page .content-wrapper h1,
  #header-wrapper.atopy-page .content-wrapper h2,
  #header-wrapper.atopy-page .content-wrapper h3,
  #header-wrapper.atopy-page .content-wrapper h4,
  #header-wrapper.atopy-page .content-wrapper h5,
  #header-wrapper.atopy-page .content-wrapper h6 {
    font-size: 46px;
  }
  #section-6.atopy-page .left {
    padding: 0;
  }
  /* TOP */
  #top .menu-menu-glowne-container {
    width: 100%;
    height: 100%;
  }
  #top .menu-menu-glowne-container.enable-scroll {
    overflow-y: auto;
  }
  #top .menu-menu-glowne-container::-webkit-scrollbar {
    width: 5px; /* Szerokość paska przewijania */
  }
  #top .menu-menu-glowne-container::-webkit-scrollbar-thumb {
    background: #83888c;
    border-radius: 10px; /* Zaokrąglenie */
  }
  #top #logo {
    margin: 10px 0 9px 5%;
  }
  #top #menu {
    text-align: center;
    background: #fff;
    position: fixed;
    top: 50px;
    opacity: 0;
    right: -320px;
    height: 100%;
    max-height: calc(100% - 50px);
    overflow: auto;
    z-index: 10000;
    padding-right: 5px;
    transform: translateX(320px);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    border-left: 1px solid #ddd;
  }
  #top #menu ul {
    overflow: hidden;
  }
  #top #menu ul li {
    display: block;
    margin: 0 40px;
    text-align: left;
    float: none;
    border-top: none;
    border-bottom: 1px solid #ddd;
    margin: 0;
    width: 310px;
  }
  #top #menu ul li:hover .sub-menu {
    visibility: unset;
    max-height: initial;
  }
  #top #menu ul li a {
    display: block;
    color: #163f8a;
    font-size: 14px;
    border: none;
    padding: 15px 30px;
    margin: 0;
  }
  #top #menu ul li a:hover {
    font-weight: 700;
    border: none;
    color: #0099ce;
  }
  #top #menu ul li .sub-menu {
    float: none;
    position: static;
    text-align: right;
    border: none;
    width: auto;
    padding: 0 0 10px 50px;
    display: block;
    max-height: unset;
    visibility: initial;
    transition: none;
    overflow: unset;
    cursor: auto;
  }
  #top #menu ul li .sub-menu li {
    margin-right: 20px;
    border: none;
    width: auto;
  }
  #top #menu ul li .sub-menu li a {
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    padding-bottom: 10px;
  }
  #top #menu ul li .sub-menu li a:hover {
    font-weight: 700;
    border: none;
  }
  #top #menu ul li.shop a {
    display: block;
    color: #163f8a;
    font-size: 14px;
    border: none;
    padding: 15px 30px;
    margin: 0;
    background: none;
    transition: none;
    font-weight: 600;
  }
  #top #menu ul li.shop a:hover {
    color: #0099ce;
    background: none;
  }
  #top #menu_control {
    display: block;
  }
  #top #menu_control.menu-hide span:nth-child(1) {
    top: 0;
    transform: rotate(-45deg);
  }
  #top #menu_control.menu-hide span:nth-child(2) {
    opacity: 0;
  }
  #top #menu_control.menu-hide span:nth-child(3) {
    top: 0;
    transform: rotate(45deg);
  }
  #top #menu_control:focus + #menu {
    transform: translateX(-320px);
    opacity: 1;
  }
  #top #menu:focus-within,
  #top #menu:focus {
    transform: translateX(-320px);
    opacity: 1;
  }
  .under-belt #menu-lang {
    margin-right: calc(2% + 5px);
  }
  #header-wrapper.article h1 {
    margin-right: calc(2% + 5px);
  }
  /* Atopy */
  #use-info.atopy .use-box .use-desc {
    top: 180px;
    width: 150px;
  }
  #use-info.atopy .use-box .use-desc.right {
    right: 0;
  }
  #use-info.atopy .use-box .use-desc.left {
    left: 0;
  }
  #use-info.atopy #use-wrapper {
    width: 90%;
    margin: 0 auto;
  }
  /* Products */
  #header-wrapper-products .right img {
    right: 0;
    left: 0;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25%;
    max-width: 370px;
  }
  #header-wrapper-products .right .atopy {
    bottom: 90px;
  }
  #use-info.spray .use-box.two {
    width: 70%;
  }
  #use-info.spray .use-box {
    height: 120px;
  }
  #use-info.spray .use-box img {
    top: 5px;
    width: 80px;
  }
  #use-info.spray .use-box .use-desc {
    line-height: 18px;
    z-index: 1;
  }
  #use-info.spray .use-box .use-desc.left {
    left: 0;
    top: 110px;
    width: 84px;
    text-align: center;
  }
  #use-info.spray .use-box .use-desc.right {
    right: 0;
    top: 110px;
    width: 84px;
    text-align: center;
  }
  #use-info.spray #use-image-gl {
    width: 120px;
    width: 150px;
  }
  #recommended-left h1,
  #recommended-left h2,
  #recommended-left h3,
  #recommended-left h4,
  #recommended-left h5,
  #recommended-left h6 {
    text-align: center;
  }
  #neutral-right,
  #neutral-left {
    float: none;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
  }
  #neutral-right ul,
  #neutral-left ul {
    overflow: hidden;
    margin: 50px auto;
    float: none;
  }
  #neutral-right ul li,
  #neutral-left ul li {
    width: 21%;
    margin: 0 2%;
  }
  #efficiency-right img {
    float: none;
    display: block;
    margin: 20px auto 35px;
  }
  #efficiency-right p {
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  #efficiency-left img {
    float: none;
    display: block;
    margin: 0 auto;
  }
  #efficiency-left .efficiency-left-wrapper {
    float: none;
    width: 90%;
    margin-top: 20px;
  }
  #efficiency-left .efficiency-left-wrapper ul {
    margin-top: 10px;
  }
  /* Allergoff - home */
  #wash-box-info-wrapper .box-3-info .left,
  #wash-box-info-wrapper .box-3-info .center,
  #wash-box-info-wrapper .box-3-info .right {
    float: none;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  #wash-box-info-wrapper .box-3-info .center {
    margin: 50px 0;
  }
  #wash-box-info-wrapper .box-3-info .right .content-wrapper {
    margin-top: 0;
  }
  #wash-box-info-wrapper .box-3-info .right .btn.more {
    display: block;
    margin: 0 auto;
    max-width: 180px;
  }
  /* Product - all */
  #try.products-all-side .item,
  #try .item {
    width: 22%;
    margin: 0 1.5%;
    height: 620px;
  }
  #try .item {
    height: 700px;
  }
  #try .item h1,
  #try .item h2,
  #try .item h3,
  #try .item h4,
  #try .item h5,
  #try .item h6 {
    margin-left: 0;
  }
  #security-right {
    float: none;
  }
  #security-left {
    float: none;
    width: 70%;
  }
  #security-left h1,
  #security-left h2,
  #security-left h3,
  #security-left h4,
  #security-left h5,
  #security-left h6 {
    float: none;
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
  }
  #security-left img {
    position: absolute;
    right: 12%;
    width: 30%;
    top: 20px;
  }
}
@media all and (max-width: 1000px) {
  #header-wrapper.atopy-page .content-wrapper h1.arrow {
    top: 431px;
  }
  .down {
    font-size: 26px;
    padding-bottom: 25px;
    background-size: 37px;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8);
  }
  #productPopup {
    width: 320px;
  }
  #productPopup .owl-wrapper {
    width: 300px;
    max-width: calc(100% - 20px);
  }
  #productPopup .owl-wrapper .content-wrapper .img-wrapper {
    left: 115px;
  }
  #productPopup .owl-wrapper .content-wrapper .img-wrapper img {
    width: 170px;
    margin-left: auto;
    margin-right: auto;
  }
  .triangle-open {
    transform: translateX(300px) !important;
  }
  #try.products-all-side.single-article {
    padding-top: 100px;
  }
}
@media all and (max-width: 950px) {
  /*	#products .side-wrapper #products-left .product-2{
  	width: 250px;
  }
  #products .side-wrapper #products-left .product-1{
  	width: 230px;
  }*/
  #header-wrapper.home .owl-carousel .roztocz-1 {
    right: 64%;
  }
  #header-wrapper.home .owl-carousel .kurz-3 {
    display: none;
  }
  /* Allergy */
  #header-wrapper.allergy #header-allergy-image .image-9 {
    display: none;
  }
  #header-wrapper.allergy #header-allergy-image .image-10,
  #header-wrapper.allergy #header-allergy-image .image-7,
  #header-wrapper.allergy #header-allergy-image .image-5,
  #header-wrapper.allergy #header-allergy-image .image-3,
  #header-wrapper.allergy #header-allergy-image .image-2,
  #header-wrapper.allergy #header-allergy-image .image-1 {
    width: 120px;
  }
  #allergy .box-2-info .image-box-wrapper .image-item {
    height: 320px;
  }
  #allergy .box-2-info .image-box-wrapper .image-item .image-wrapper {
    height: auto;
  }
  #allergy .box-2-info .image-box-wrapper .image-item .image-wrapper img {
    position: static;
  }
  /* CONTACT */
  #contact-left,
  #contact-right {
    float: none;
    width: 90%;
    margin: 30px auto;
    overflow: hidden;
  }
  #contact-form-wrapper {
    width: 100%;
  }
  #contact-right {
    margin-top: 40px;
    max-width: 750px;
  }
  #contact-right h1,
  #contact-right h2,
  #contact-right h3,
  #contact-right h4,
  #contact-right h5,
  #contact-right h6 {
    margin-left: 0;
  }
}
@media all and (max-width: 900px) {
  #header-wrapper.home .owl-carousel h2 {
    top: 180px;
    width: 300px;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper {
    overflow: hidden;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper img.first-img {
    left: -100px;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper img.second-img {
    left: -80px;
    height: 110%;
  }
  #box-home-info-2 .left .text-wrapper,
  #box-home-info-3 .left .text-wrapper,
  #box-home-info-4 .left .text-wrapper,
  #box-home-info-5 .left .text-wrapper,
  #box-home-info-6 .left .text-wrapper {
    margin-top: 50px;
    margin-left: 10%;
  }
  #action-info .action.box-1 .image-wrapper,
  #action-info .action.box-2 .image-wrapper {
    width: 40%;
    margin-top: 5%;
  }
  #action-info .action.box-1 .content-desc,
  #action-info .action.box-2 .content-desc {
    width: 50%;
    margin-right: 5%;
    margin-left: 5%;
  }
  #advantages-left,
  #advantages-right {
    padding: 0;
    width: 50%;
  }
  #advantages-left ul li,
  #advantages-right ul li {
    text-align: left;
  }
  #advantages-left img,
  #advantages-right img {
    float: none;
    width: 90%;
    margin: 0 auto;
    display: block;
    max-width: 203px;
  }
  #advantages-left .advantages-content,
  #advantages-right .advantages-content {
    float: none;
    width: 90%;
    margin: 30px auto 0;
    text-align: center;
  }
  #advantages-left .advantages-content p,
  #advantages-right .advantages-content p {
    max-width: 100%;
    width: 100%;
    margin-top: 20px;
  }
  #tips-box-info .box-4.atopy {
    background: none;
  }
  #tips-box-info .box-4.atopy .left,
  #tips-box-info .box-4.atopy .right {
    float: none;
    width: 100%;
  }
  #tips-box-info .box-4.atopy .left {
    position: static;
    height: 500px;
    background-color: #003793;
    background-size: contain;
  }
  #tips-box-info .box-4.atopy .right {
    background-color: #fff;
    margin-left: 0;
  }
}
@media all and (max-width: 850px) {
  /* HOME */
  #header-wrapper.home .owl-carousel img {
    right: 2%;
    height: 400px;
  }
  #header-wrapper.home .owl-carousel img.robak {
    right: 7%;
  }
  #header-wrapper.home .owl-carousel img.insect-image {
    bottom: 70px;
  }
  #header-wrapper.home .owl-carousel img.insect-image.robak {
    bottom: 120px;
  }
  #header-wrapper.home .owl-carousel img.klatka-p,
  #header-wrapper.home .owl-carousel img.klatka-t {
    height: 350px;
  }
  #header-wrapper.home .owl-carousel img.robak {
    height: 220px;
  }
  /* PRODUCTS */
  #package.liquid {
    padding: 0 0 50px;
  }
  #package.wash #package-right {
    margin-bottom: 50px;
  }
  #stages-left,
  #stages-right {
    float: none;
    width: 90%;
    overflow: hidden;
    margin: 50px 0 80px;
    margin-left: 5%;
    max-width: 600px;
  }
  #package-right,
  #package-left {
    float: none;
    width: 90%;
  }
  #package-right img,
  #package-left img {
    float: none;
    margin: 0 auto;
    max-width: 450px;
  }
  #package-left h1,
  #package-left h2,
  #package-left h3,
  #package-left h4,
  #package-left h5,
  #package-left h6 {
    margin-top: 0;
  }
  #products .side-wrapper h2 {
    margin-top: 0;
    font-size: 24px;
  }
  #products .side-wrapper p {
    font-size: 14px;
  }
  #products .side-wrapper #products-left .product-1-desc {
    margin-top: 150px;
  }
  /* Kontakt maps */
  #contact-right #demo-agents {
    display: block;
  }
  .hide-video {
    display: none;
  }
}
@media all and (max-width: 800px) {
  /* Atopy page */
  .header-container {
    background-size: auto;
  }
  .header-container.--is-atopy {
    background-image: url(../img/background/bg-new/atopy-bg_mobile-2.jpg);
  }
  #header-wrapper.atopy-page .content-wrapper {
    top: 130px;
  }
  #header-wrapper.atopy-page .content-wrapper h1.arrow {
    top: 481px;
  }
  #section-1.atopy-page .right {
    width: 80%;
    float: none;
    margin: 0 auto;
    padding-bottom: 200px;
  }
  #section-1.atopy-page .right .item-wrapper {
    max-width: 500px;
  }
  #section-1.atopy-page .right .medical-component {
    width: auto;
    max-width: 500px;
  }
  #section-1.atopy-page .left {
    position: relative;
    width: 100%;
  }
  #section-1.atopy-page .left img {
    position: relative;
    bottom: 150px;
  }
}
@media all and (max-width: 750px) {
  /* HOME */
  #header-wrapper.home .owl-carousel h2 {
    top: 80px;
    width: 80%;
    max-width: 500px;
    left: 5%;
    margin: 0 auto;
  }
  #header-wrapper.home .owl-carousel img.superhero-image {
    right: 0;
    height: 350px;
  }
  #header-wrapper.home .owl-carousel .kurz-1 {
    right: 78%;
    bottom: 280px;
  }
  #header-wrapper.home .owl-carousel .kurz-3 {
    display: none;
  }
  #header-wrapper.home .owl-carousel .roztocz-1 {
    width: 140px;
    right: 60%;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper {
    width: 360px;
    right: 3%;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper p:first-child {
    font-size: 16px;
    line-height: 20px;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper p:nth-child(2) {
    font-size: 45px;
    line-height: 50px;
  }
  #products {
    height: auto;
    margin-top: 0;
  }
  #products .side-wrapper #products-left .product-1,
  #products .side-wrapper #products-left .product-2,
  #products .side-wrapper #products-left .product-1-desc,
  #products .side-wrapper #products-left .product-2-desc,
  #products .side-wrapper #products-right .product-1,
  #products .side-wrapper #products-right .product-2,
  #products .side-wrapper #products-right .product-1-desc,
  #products .side-wrapper #products-right .product-2-desc {
    float: none;
    width: 80%;
    margin: 30px auto;
    max-width: 400px;
    display: block;
  }
  #box-home-info-2 .right,
  #box-home-info-2 .left,
  #box-home-info-3 .right,
  #box-home-info-3 .left,
  #box-home-info-4 .right,
  #box-home-info-4 .left,
  #box-home-info-5 .right,
  #box-home-info-5 .left,
  #box-home-info-6 .right,
  #box-home-info-6 {
    float: none;
    width: 100%;
    position: static;
  }
  #box-home-info-2 .right .text-wrapper,
  #box-home-info-2 .left .text-wrapper,
  #box-home-info-3 .right .text-wrapper,
  #box-home-info-3 .left .text-wrapper,
  #box-home-info-4 .right .text-wrapper,
  #box-home-info-4 .left .text-wrapper,
  #box-home-info-5 .right .text-wrapper,
  #box-home-info-5 .left .text-wrapper,
  #box-home-info-6 .right .text-wrapper,
  #box-home-info-6 .text-wrapper {
    width: 90%;
    margin: 50px auto 0;
    position: static;
  }
  #box-home-info-2 .right .roztocz,
  #box-home-info-2 .left .roztocz,
  #box-home-info-3 .right .roztocz,
  #box-home-info-3 .left .roztocz,
  #box-home-info-4 .right .roztocz,
  #box-home-info-4 .left .roztocz,
  #box-home-info-5 .right .roztocz,
  #box-home-info-5 .left .roztocz,
  #box-home-info-6 .right .roztocz,
  #box-home-info-6 .roztocz {
    margin-top: 80px;
  }
  #box-home-info-2 .right img,
  #box-home-info-2 .left img,
  #box-home-info-3 .right img,
  #box-home-info-3 .left img,
  #box-home-info-4 .right img,
  #box-home-info-4 .left img,
  #box-home-info-5 .right img,
  #box-home-info-5 .left img,
  #box-home-info-6 .right img,
  #box-home-info-6 img {
    width: 100%;
    height: auto;
  }
  #box-home-info-1 .text-wrapper h1,
  #box-home-info-1 .text-wrapper h2,
  #box-home-info-1 .text-wrapper h3,
  #box-home-info-1 .text-wrapper h4,
  #box-home-info-1 .text-wrapper h5,
  #box-home-info-1 .text-wrapper h6,
  #box-home-info-2 .text-wrapper h1,
  #box-home-info-2 .text-wrapper h2,
  #box-home-info-2 .text-wrapper h3,
  #box-home-info-2 .text-wrapper h4,
  #box-home-info-2 .text-wrapper h5,
  #box-home-info-2 .text-wrapper h6,
  #box-home-info-3 .text-wrapper h1,
  #box-home-info-3 .text-wrapper h2,
  #box-home-info-3 .text-wrapper h3,
  #box-home-info-3 .text-wrapper h4,
  #box-home-info-3 .text-wrapper h5,
  #box-home-info-3 .text-wrapper h6,
  #box-home-info-4 .text-wrapper h1,
  #box-home-info-4 .text-wrapper h2,
  #box-home-info-4 .text-wrapper h3,
  #box-home-info-4 .text-wrapper h4,
  #box-home-info-4 .text-wrapper h5,
  #box-home-info-4 .text-wrapper h6,
  #box-home-info-5 .text-wrapper h1,
  #box-home-info-5 .text-wrapper h2,
  #box-home-info-5 .text-wrapper h3,
  #box-home-info-5 .text-wrapper h4,
  #box-home-info-5 .text-wrapper h5,
  #box-home-info-5 .text-wrapper h6,
  #box-home-info-6 .text-wrapper h1,
  #box-home-info-6 .text-wrapper h2,
  #box-home-info-6 .text-wrapper h3,
  #box-home-info-6 .text-wrapper h4,
  #box-home-info-6 .text-wrapper h5,
  #box-home-info-6 .text-wrapper h6 {
    font-size: 20px !important;
  }
  #box-home-info-1 .text-wrapper p,
  #box-home-info-2 .text-wrapper p,
  #box-home-info-3 .text-wrapper p,
  #box-home-info-4 .text-wrapper p,
  #box-home-info-5 .text-wrapper p,
  #box-home-info-6 .text-wrapper p {
    font-size: 14px !important;
  }
  #box-home-info-6 .left {
    width: 80%;
  }
  #box-home-info-6 .left img {
    max-width: 148px;
  }
  #reviews .owl-carousel .item .reviews-text,
  #reviews .owl-carousel .item .reviews-author {
    font-size: 12px;
    line-height: 1.4;
  }
  /* new spray page */
  .spray-new .content-wrapper {
    display: block;
  }
  .spray-new .image {
    width: 100%;
  }
  .spray-new .content {
    width: 100%;
  }
  .spray-new .video {
    width: 100%;
  }
  #spray-header .side-wrapper {
    display: block;
    min-height: auto;
    max-height: 100%;
    height: auto;
  }
  #spray-header .right {
    width: 90%;
    margin: 0 auto;
    justify-content: space-between;
    padding: 50px 0;
  }
  #spray-header .image {
    width: auto;
    height: auto;
    bottom: -100px;
    max-width: 300px;
  }
  #spray-header .image img {
    max-height: none;
    height: auto;
    width: 100%;
  }
  #spray-header #spray-header-slider {
    width: 100%;
    height: calc(100vh - 118px);
    max-height: 600px;
  }
  #spray-header #spray-header-slider .owl-carousel {
    -webkit-mask-image: linear-gradient(to bottom, transparent 2%, black 14%), linear-gradient(to top, transparent 2%, black 14%);
    -webkit-mask-composite: intersect; /* lub destination-in */
    mask-image: linear-gradient(to bottom, transparent 2%, black 14%), linear-gradient(to top, transparent 2%, black 14%);
    -webkit-mask-composite: source-in, xor;
            mask-composite: intersect;
  }
  #spray-header .content-wrapper {
    position: static;
    margin: 0;
  }
  #section-1.spray-new .image {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  #section-1.spray-new .content {
    max-width: 100%;
    text-align: center;
  }
  #section-3.spray-new {
    padding-top: 0;
    padding-bottom: 100px;
  }
  #section-3.spray-new .content {
    width: 100%;
    text-align: center;
  }
  #section-3.spray-new .image {
    width: 100%;
    position: static;
  }
  #section-5.spray-new .content {
    width: 100%;
    text-align: center;
  }
  #section-5.spray-new .video {
    width: 100%;
    margin-top: 50px;
  }
  #section-7.spray-new {
    background-image: none !important;
  }
  #section-8.spray-new .content {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  #section-8.spray-new .content ul {
    padding-left: 0;
    max-width: 400px;
    margin: 0 auto 50px;
    text-align: left;
  }
  #section-8.spray-new .image {
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
  }
  #section-9.spray-new .content-wrapper {
    overflow: hidden;
  }
  #section-9.spray-new .content {
    width: 100%;
    margin-bottom: 50px;
  }
  #section-9.spray-new #video-review {
    width: 100%;
  }
  #awards.spray-new {
    padding: 50px 0;
  }
  #awards.spray-new .side-wrapper {
    overflow: hidden;
  }
  #section-10.spray-new {
    height: auto;
    padding: 50px 0;
  }
  #section-10.spray-new .content {
    margin-top: 0;
    max-width: 100%;
  }
  #section-10.spray-new .image {
    position: static;
  }
  /* Allergoff home */
  #allergoff-box-info-wrapper .box-info-1 .side-wrapper {
    background-position: center bottom;
    background-size: auto 300px;
  }
  #allergoff-box-info-wrapper .box-info-1 .side-wrapper .content-wrapper {
    width: 90%;
    margin: 0 auto;
  }
  #allergoff-box-info-wrapper .box-info-1 .side-wrapper .content-wrapper h1,
  #allergoff-box-info-wrapper .box-info-1 .side-wrapper .content-wrapper h2,
  #allergoff-box-info-wrapper .box-info-1 .side-wrapper .content-wrapper h3,
  #allergoff-box-info-wrapper .box-info-1 .side-wrapper .content-wrapper h4,
  #allergoff-box-info-wrapper .box-info-1 .side-wrapper .content-wrapper h5,
  #allergoff-box-info-wrapper .box-info-1 .side-wrapper .content-wrapper h6 {
    font-size: 32.5px;
    margin-top: 50px;
    text-align: left;
    line-height: 1.1;
  }
  #allergoff-box-info-wrapper .box-info-1 .side-wrapper .content-wrapper img {
    margin-top: 100px;
    margin-right: 0;
    margin-left: auto;
    display: block;
  }
  #allergoff-box-info-wrapper .box-info-1 .side-wrapper .content-wrapper p {
    text-align: left;
  }
  #allergoff-box-info-wrapper .box-info-1 .side-wrapper .content-wrapper .btn.more {
    float: none;
  }
  #allergoff-box-info-wrapper .box-info-3 {
    background: #fff;
  }
  #allergoff-box-info-wrapper .box-info-3 .side-wrapper .left img {
    width: 100%;
    margin: auto;
  }
  #allergoff-box-info-wrapper .box-info-3 .side-wrapper .left,
  #allergoff-box-info-wrapper .box-info-3 .side-wrapper .right {
    float: none;
    width: 100%;
    overflow: unset;
  }
  #allergoff-box-info-wrapper .box-info-3 .side-wrapper .left .content-wrapper .btn.more,
  #allergoff-box-info-wrapper .box-info-3 .side-wrapper .right .content-wrapper .btn.more {
    margin: 50px auto;
    display: block;
    max-width: 180px;
    position: static;
  }
  #safe-box-info-wrapper {
    padding: 30px 0;
    overflow: hidden;
  }
  #safe-box-info-wrapper .left {
    float: none;
    width: 90%;
    margin: 20px auto;
  }
  #safe-box-info-wrapper .left .content-wrapper {
    max-width: 90%;
  }
  #safe-box-info-wrapper .center {
    width: 30%;
    margin-left: 5%;
  }
  #safe-box-info-wrapper .center img {
    width: 100%;
    max-width: 110px;
  }
  #safe-box-info-wrapper .right {
    width: 60%;
    margin-right: 5%;
    float: unset;
    margin: auto;
  }
  #wash-box-info-wrapper .box-3-info .center .image-box {
    width: 100%;
    float: none;
    margin: 20px 0;
    overflow: hidden;
  }
  #wash-box-info-wrapper .box-3-info .center .image-box .image-item {
    width: 30%;
  }
  #wash-box-info-wrapper .box-2-info .right,
  #wash-box-info-wrapper .box-2-info .left {
    width: 100%;
    float: none;
  }
  #wash-box-info-wrapper .box-2-info .right {
    margin: 0 auto;
  }
  #wash-box-info-wrapper .box-2-info .right .content-wrapper {
    width: 90%;
    margin: 30px auto 0;
    text-align: center;
  }
  #wash-box-info-wrapper .box-2-info .right img {
    width: 60%;
    margin: 0 auto;
    display: block;
  }
  /* ALLERGY */
  #allergy .box-1-info {
    background: none;
  }
  #allergy .box-1-info .left,
  #allergy .box-1-info .right {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #allergy .box-1-info .left {
    background: #f4f4f4;
  }
  #allergy .box-1-info .right {
    background: #0099ce;
  }
  #allergy-2 .box-3-info {
    padding-bottom: 50px;
  }
  #allergy-2 .box-3-info .left,
  #allergy-2 .box-3-info .right {
    float: none;
    width: 100%;
    margin: 50px 0;
  }
  #allergy-2 .box-3-info .left img,
  #allergy-2 .box-3-info .right img {
    margin: 0 auto;
    display: block;
    max-width: 90%;
  }
  /* Knowledge allergy */
  #knowledge-base.allergy .box-content .content-wrapper {
    width: 80%;
    text-align: left;
  }
  #knowledge-base.allergy .box-1-info .box-header {
    height: auto;
    background: none;
  }
  #knowledge-base.allergy .box-1-info .box-header .right,
  #knowledge-base.allergy .box-1-info .box-header .left {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #knowledge-base.allergy .box-1-info .box-header .right img,
  #knowledge-base.allergy .box-1-info .box-header .left img {
    width: 100%;
    height: auto;
  }
  #knowledge-base.allergy .box-1-info .box-header .right h1,
  #knowledge-base.allergy .box-1-info .box-header .right h2,
  #knowledge-base.allergy .box-1-info .box-header .right h3,
  #knowledge-base.allergy .box-1-info .box-header .right h4,
  #knowledge-base.allergy .box-1-info .box-header .right h5,
  #knowledge-base.allergy .box-1-info .box-header .right h6,
  #knowledge-base.allergy .box-1-info .box-header .left h1,
  #knowledge-base.allergy .box-1-info .box-header .left h2,
  #knowledge-base.allergy .box-1-info .box-header .left h3,
  #knowledge-base.allergy .box-1-info .box-header .left h4,
  #knowledge-base.allergy .box-1-info .box-header .left h5,
  #knowledge-base.allergy .box-1-info .box-header .left h6 {
    margin: 0;
    padding: 30px 5%;
  }
  #knowledge-base.allergy .box-1-info .box-header .left {
    background: #0099ce;
  }
  #knowledge-base.allergy .box-2-info .box-header {
    height: auto;
    background: none;
  }
  #knowledge-base.allergy .box-2-info .box-header .right,
  #knowledge-base.allergy .box-2-info .box-header .left {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #knowledge-base.allergy .box-2-info .box-header .right img,
  #knowledge-base.allergy .box-2-info .box-header .left img {
    width: 100%;
    height: auto;
  }
  #knowledge-base.allergy .box-2-info .box-header .right h1,
  #knowledge-base.allergy .box-2-info .box-header .right h2,
  #knowledge-base.allergy .box-2-info .box-header .right h3,
  #knowledge-base.allergy .box-2-info .box-header .right h4,
  #knowledge-base.allergy .box-2-info .box-header .right h5,
  #knowledge-base.allergy .box-2-info .box-header .right h6,
  #knowledge-base.allergy .box-2-info .box-header .left h1,
  #knowledge-base.allergy .box-2-info .box-header .left h2,
  #knowledge-base.allergy .box-2-info .box-header .left h3,
  #knowledge-base.allergy .box-2-info .box-header .left h4,
  #knowledge-base.allergy .box-2-info .box-header .left h5,
  #knowledge-base.allergy .box-2-info .box-header .left h6 {
    margin: 0;
    padding: 30px 5%;
  }
  #knowledge-base.allergy .box-2-info .box-header .right {
    background: #0099ce;
  }
  #knowledge-base.allergy .box-3-info .box-header {
    height: auto;
    background: none;
  }
  #knowledge-base.allergy .box-3-info .box-header .right,
  #knowledge-base.allergy .box-3-info .box-header .left {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #knowledge-base.allergy .box-3-info .box-header .right img,
  #knowledge-base.allergy .box-3-info .box-header .left img {
    width: 100%;
    height: auto;
  }
  #knowledge-base.allergy .box-3-info .box-header .right h1,
  #knowledge-base.allergy .box-3-info .box-header .right h2,
  #knowledge-base.allergy .box-3-info .box-header .right h3,
  #knowledge-base.allergy .box-3-info .box-header .right h4,
  #knowledge-base.allergy .box-3-info .box-header .right h5,
  #knowledge-base.allergy .box-3-info .box-header .right h6,
  #knowledge-base.allergy .box-3-info .box-header .left h1,
  #knowledge-base.allergy .box-3-info .box-header .left h2,
  #knowledge-base.allergy .box-3-info .box-header .left h3,
  #knowledge-base.allergy .box-3-info .box-header .left h4,
  #knowledge-base.allergy .box-3-info .box-header .left h5,
  #knowledge-base.allergy .box-3-info .box-header .left h6 {
    margin: 0;
    padding: 30px 5%;
  }
  #knowledge-base.allergy .box-3-info .box-header .left {
    background: #0099ce;
  }
  #knowledge-base.allergy .box-2-info .box-content-2 .left,
  #knowledge-base.allergy .box-2-info .box-content-2 .right {
    float: none;
    width: 100%;
  }
  #knowledge-base.allergy .box-2-info .box-content-2 .left .side-wrapper,
  #knowledge-base.allergy .box-2-info .box-content-2 .right .side-wrapper {
    float: none;
  }
  #knowledge-base.allergy .box-3-info .box-content .left,
  #knowledge-base.allergy .box-3-info .box-content .right {
    float: none;
    width: 100%;
  }
  #knowledge-base.allergy .box-3-info .box-content .left .box-left-content .side-wrapper,
  #knowledge-base.allergy .box-3-info .box-content .left .box-right-content .side-wrapper,
  #knowledge-base.allergy .box-3-info .box-content .right .box-left-content .side-wrapper,
  #knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper {
    float: none;
    margin: 0 auto;
  }
  #knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .left {
    float: none;
    width: 90%;
    margin: 30px auto;
  }
  #knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .left img {
    display: block;
    margin: 0 auto;
  }
  #knowledge-base.allergy .box-3-info .box-content .right .box-right-content .side-wrapper .content-wrapper-2 .right {
    float: none;
    width: 90%;
    margin: 30px auto;
  }
  /* Dermatozy */
  #dermatozy .box-1-info {
    background: none;
  }
  #dermatozy .box-1-info .left,
  #dermatozy .box-1-info .right {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #dermatozy .box-1-info .left {
    background: #f4f4f4;
  }
  #dermatozy .box-1-info .right {
    background: #003793;
  }
  /* Lab */
  #lab-box-info .left,
  #lab-box-info .right {
    float: none;
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
  }
  #lab-box-info .box-1 .right {
    width: 100%;
  }
  #lab-box-info .box-1 .right img {
    margin-left: auto;
    margin-right: 0;
  }
  #lab-box-info .box-1 {
    background: #fff;
    margin-top: 0;
  }
  #lab-box-info .box-1 p {
    padding-bottom: 0;
  }
  #lab-box-info .box-1 .left .accept-info {
    position: static;
    bottom: 0;
  }
  #lab-box-info .box-1 .left .accept-info p {
    padding-bottom: 0;
  }
  #lab-box-info .box-2 {
    background: #fff;
  }
  #lab-box-info .box-2 .right {
    background: #f4f4f4;
    width: 100%;
    margin: 0;
    padding: 30px 5%;
  }
  #lab-box-info .box-2 .right img {
    margin-left: 0;
  }
  #lab-box-info .box-3 {
    background: #bce4fa;
  }
  #lab-box-info .box-3 .right {
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 30px 5%;
  }
  #lab-box-info .box-4 {
    background: #fff;
  }
  #lab-box-info .box-4 .right {
    background: #bce4fa;
    width: 100%;
    margin: 0;
    padding: 30px 5%;
  }
  #lab-box-info .box-5 .right {
    padding-top: 0;
  }
  #lab-box-info .box-6 {
    background: #fff;
  }
  #lab-box-info .box-6 .left {
    padding-bottom: 30px;
  }
  #lab-box-info .box-6 .right {
    background: #f4f4f4;
    width: 100%;
    margin: 0;
    padding: 30px 5%;
  }
  #lab-box-info .box-6 .download-raport {
    position: static;
    width: 100%;
  }
  #lab-box-info .box-6 .download-raport .side-wrapper {
    width: 90%;
    margin: 0 auto;
  }
  #lab-box-info .box-6 .download-raport .side-wrapper .content-wrapper {
    margin: 0;
    padding: 0;
    max-width: 400px;
  }
  #lab-box-info .box-7 .left {
    width: 90%;
  }
  #lab-box-info .box-7 .box-7-graphic #results-chart-mobile {
    display: block;
  }
  #lab-box-info .box-7 .box-7-graphic #results-chart {
    display: none;
  }
  #lab-box-info .box-8 {
    background: #fff;
  }
  #lab-box-info .box-8 .right {
    background: #f4f4f4;
    width: 100%;
    margin: 0;
    padding: 30px 5%;
  }
  #lab-box-info .box-9 .left {
    width: 90%;
    position: relative;
    z-index: 2;
  }
  #lab-box-info .box-9 .right {
    width: 100%;
    opacity: 0.5;
    z-index: 1;
    max-height: 300px;
  }
  /* Knowledge dermatozy */
  #knowledge-base.dermatozy .box-1-info .box-content-2 h1,
  #knowledge-base.dermatozy .box-1-info .box-content-2 h2,
  #knowledge-base.dermatozy .box-1-info .box-content-2 h3,
  #knowledge-base.dermatozy .box-1-info .box-content-2 h4,
  #knowledge-base.dermatozy .box-1-info .box-content-2 h5,
  #knowledge-base.dermatozy .box-1-info .box-content-2 h6 {
    margin-top: 50px;
  }
  #knowledge-base.dermatozy .box-content .content-wrapper {
    width: 80%;
    text-align: left;
  }
  #knowledge-base.dermatozy .box-1-info .box-header,
  #knowledge-base.dermatozy .box-2-info .box-header,
  #knowledge-base.dermatozy .box-3-info .box-header {
    height: auto;
    background: none;
  }
  #knowledge-base.dermatozy .box-1-info .box-header .right,
  #knowledge-base.dermatozy .box-1-info .box-header .left,
  #knowledge-base.dermatozy .box-2-info .box-header .right,
  #knowledge-base.dermatozy .box-2-info .box-header .left,
  #knowledge-base.dermatozy .box-3-info .box-header .right,
  #knowledge-base.dermatozy .box-3-info .box-header .left {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #knowledge-base.dermatozy .box-1-info .box-header .right img,
  #knowledge-base.dermatozy .box-1-info .box-header .left img,
  #knowledge-base.dermatozy .box-2-info .box-header .right img,
  #knowledge-base.dermatozy .box-2-info .box-header .left img,
  #knowledge-base.dermatozy .box-3-info .box-header .right img,
  #knowledge-base.dermatozy .box-3-info .box-header .left img {
    width: 100%;
    height: auto;
    display: block;
  }
  #knowledge-base.dermatozy .box-1-info .box-header .right h1,
  #knowledge-base.dermatozy .box-1-info .box-header .right h2,
  #knowledge-base.dermatozy .box-1-info .box-header .right h3,
  #knowledge-base.dermatozy .box-1-info .box-header .right h4,
  #knowledge-base.dermatozy .box-1-info .box-header .right h5,
  #knowledge-base.dermatozy .box-1-info .box-header .right h6,
  #knowledge-base.dermatozy .box-1-info .box-header .left h1,
  #knowledge-base.dermatozy .box-1-info .box-header .left h2,
  #knowledge-base.dermatozy .box-1-info .box-header .left h3,
  #knowledge-base.dermatozy .box-1-info .box-header .left h4,
  #knowledge-base.dermatozy .box-1-info .box-header .left h5,
  #knowledge-base.dermatozy .box-1-info .box-header .left h6,
  #knowledge-base.dermatozy .box-2-info .box-header .right h1,
  #knowledge-base.dermatozy .box-2-info .box-header .right h2,
  #knowledge-base.dermatozy .box-2-info .box-header .right h3,
  #knowledge-base.dermatozy .box-2-info .box-header .right h4,
  #knowledge-base.dermatozy .box-2-info .box-header .right h5,
  #knowledge-base.dermatozy .box-2-info .box-header .right h6,
  #knowledge-base.dermatozy .box-2-info .box-header .left h1,
  #knowledge-base.dermatozy .box-2-info .box-header .left h2,
  #knowledge-base.dermatozy .box-2-info .box-header .left h3,
  #knowledge-base.dermatozy .box-2-info .box-header .left h4,
  #knowledge-base.dermatozy .box-2-info .box-header .left h5,
  #knowledge-base.dermatozy .box-2-info .box-header .left h6,
  #knowledge-base.dermatozy .box-3-info .box-header .right h1,
  #knowledge-base.dermatozy .box-3-info .box-header .right h2,
  #knowledge-base.dermatozy .box-3-info .box-header .right h3,
  #knowledge-base.dermatozy .box-3-info .box-header .right h4,
  #knowledge-base.dermatozy .box-3-info .box-header .right h5,
  #knowledge-base.dermatozy .box-3-info .box-header .right h6,
  #knowledge-base.dermatozy .box-3-info .box-header .left h1,
  #knowledge-base.dermatozy .box-3-info .box-header .left h2,
  #knowledge-base.dermatozy .box-3-info .box-header .left h3,
  #knowledge-base.dermatozy .box-3-info .box-header .left h4,
  #knowledge-base.dermatozy .box-3-info .box-header .left h5,
  #knowledge-base.dermatozy .box-3-info .box-header .left h6 {
    margin: 0;
    padding: 30px 5%;
  }
  #knowledge-base.dermatozy .box-1-info .box-header .right,
  #knowledge-base.dermatozy .box-2-info .box-header .left,
  #knowledge-base.dermatozy .box-3-info .box-header .right {
    background: #003793;
  }
  #knowledge-base.dermatozy .box-1-info .box-content-2 .left,
  #knowledge-base.dermatozy .box-1-info .box-content-2 .right {
    float: none;
    width: 100%;
  }
  #knowledge-base.dermatozy .box-1-info .box-content-2 .left .side-wrapper,
  #knowledge-base.dermatozy .box-1-info .box-content-2 .right .side-wrapper {
    float: none;
  }
  /* ARTICLE */
  #article.article .item,
  #article.home .item {
    width: 90%;
    margin: 20px auto;
    float: none;
    max-width: 400px;
  }
  #article.article .item .article-desc-wrapper,
  #article.home .item .article-desc-wrapper {
    height: auto;
    padding-bottom: 60px;
  }
  #article.article .item .title,
  #article.home .item .title {
    height: auto;
  }
  /* ARTICLE SINGLE */
  #article-single.article-single #sidebar .item-wrapper .item {
    width: 100%;
    margin: 20px auto;
    float: none;
    max-width: 350px;
  }
  /* PRODUCTS - ALL */
  #try.products-all-side .item,
  #try .item {
    width: 46%;
    margin: 0 2%;
  }
  #try.products-all-side .item .image-wrapper {
    height: 310px;
  }
  #try .item .image-wrapper {
    height: 310px;
  }
  /* PRODUCTS */
  #application-right .image-box {
    float: none;
    overflow: hidden;
    width: 90%;
    margin: 20px auto 40px;
  }
  /* FOOTER */
  #footer #footer-column-1 p,
  #footer #footer-column-2 p,
  #footer #footer-column-3 p,
  #footer #footer-column-4 p {
    font-size: 11px;
  }
  #footer #footer-column-1 {
    width: 20%;
    margin: 0 2% 20px 0;
    float: none;
  }
  #footer #footer-column-1 img {
    width: 136px;
    height: auto;
  }
  #footer #footer-column-2 {
    width: 100%;
    margin: 0 0 0 0;
    position: relative;
  }
  #footer #footer-column-2 .ptca-info {
    position: absolute;
    right: 0;
    top: -50px;
    margin-top: 0;
  }
  #footer #footer-column-3 {
    width: 32%;
    margin-right: 2%;
  }
  #footer #footer-column-3 ul {
    margin-left: 20px;
  }
  #footer #footer-column-4 {
    width: 55%;
    margin: 0 0 0 10%;
  }
  .column-wrapper-left {
    border-bottom: 1px solid #163f8a;
  }
  .column-wrapper-left,
  .column-wrapper-right {
    width: 100%;
    overflow: hidden;
    padding: 30px 2px;
  }
  #footer #copyright {
    margin-top: 0;
    padding: 40px 0 30px;
  }
  #footer #footer-column-4 a.facebook {
    margin-bottom: 0;
  }
  #footer ul li {
    font-size: 11px;
  }
  #footer #footer-column-4 .social-media {
    margin-bottom: 0;
  }
  /* ATOPY */
  #safe-atopy .box {
    background: #ededed;
  }
  #safe-atopy .box .left,
  #safe-atopy .box .right {
    float: none;
    width: 100%;
    margin: 0;
  }
  #safe-atopy .box .left h1,
  #safe-atopy .box .left h2,
  #safe-atopy .box .left h3,
  #safe-atopy .box .left h4,
  #safe-atopy .box .left h5,
  #safe-atopy .box .left h6,
  #safe-atopy .box .left p,
  #safe-atopy .box .right h1,
  #safe-atopy .box .right h2,
  #safe-atopy .box .right h3,
  #safe-atopy .box .right h4,
  #safe-atopy .box .right h5,
  #safe-atopy .box .right h6,
  #safe-atopy .box .right p {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
  }
  #safe-atopy .box .left img,
  #safe-atopy .box .right img {
    display: block;
    position: static;
    margin: 0 auto;
  }
  #safe-atopy .box .left img {
    width: 100%;
    max-width: 598px;
  }
  #no-paraffin .box {
    background: none;
  }
  #no-paraffin .box .left,
  #no-paraffin .box .right {
    float: none;
    width: 100%;
    margin: 0;
  }
  #no-paraffin .box .left img,
  #no-paraffin .box .right img {
    display: block;
  }
  #no-paraffin .box .right {
    background: #6d6e71;
  }
  #composition-atopy .box .right {
    display: none;
  }
  #composition-atopy .box .left {
    width: 90%;
    float: none;
    margin-left: 5%;
    margin-right: auto;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    max-width: 400px;
  }
  #use-info.atopy #use-image-gl {
    display: none;
  }
  #use-info.atopy .use-box {
    background: none;
  }
  #use-info.atopy.oliwka .use-box.first {
    margin-top: 110px;
  }
  #use-info.atopy .use-box.first,
  #use-info.atopy .use-box.two,
  #use-info.atopy .use-box.three {
    margin: 100px auto;
  }
  #use-info.atopy .use-box img {
    position: static;
    display: block;
    margin: 0 auto;
  }
  #use-info.atopy .use-box .use-desc {
    width: 100%;
  }
  #footer #footer-column-4 .social-media .content-wrapper {
    margin-left: calc(100% - 88px);
  }
  #footer #footer-column-4 .social-media .content-wrapper a {
    width: 42px;
    height: 42px;
  }
  #footer #footer-column-4 .social-media .content-wrapper a img {
    width: inherit;
    height: inherit;
  }
  #footer #footer-column-4 .social-media .content-wrapper a.facebook {
    margin-left: 0px;
  }
}
@media all and (max-width: 700px) {
  /* Brand */
  #brand-wrapper {
    height: 280px;
    margin: auto;
  }
  #brand-wrapper #brand {
    height: 250px;
  }
  /* knowledge dermatozy image-item */
  #knowledge-base.dermatozy #knowledge-base-desc-image .image-wrapper .image-item {
    float: none;
    width: 90%;
    margin: 30px auto;
  }
  /* tips */
  #tips-box-info .box-1,
  #tips-box-info .box-1.atopy {
    background: none;
    padding-bottom: 0;
  }
  #tips-box-info .box-1 .btn.more,
  #tips-box-info .box-1 .btn.fold,
  #tips-box-info .box-1.atopy .btn.more,
  #tips-box-info .box-1.atopy .btn.fold {
    margin-top: 30px;
  }
  #tips-box-info .box-1 .left,
  #tips-box-info .box-1 .right,
  #tips-box-info .box-1.atopy .left,
  #tips-box-info .box-1.atopy .right {
    float: none;
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
  #tips-box-info .box-1 .left,
  #tips-box-info .box-1.atopy .left {
    background: #f4f4f4;
  }
  #tips-box-info .box-2 {
    background: none;
    height: auto;
  }
  #tips-box-info .box-2 .left {
    float: none;
    width: 100%;
    height: auto;
  }
  #tips-box-info .box-2 .left img {
    width: 100%;
  }
  #tips-box-info .box-2 .right {
    display: none;
  }
  #tips-box-info .box-3 {
    background: none;
    height: auto;
  }
  #tips-box-info .box-3.atopy .left {
    background-color: #fff;
  }
  #tips-box-info .box-3.atopy .right {
    background-color: #003793;
  }
  #tips-box-info .box-3 .left,
  #tips-box-info .box-3 .right {
    float: none;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: 0;
  }
  #tips-box-info .box-3 .right {
    background: #0099ce;
  }
  #tips-box-info .box-4 {
    background: none;
    height: auto;
  }
  #tips-box-info .box-4.atopy {
    background: none;
  }
  #tips-box-info .box-4.atopy .left {
    position: static;
    height: 350px;
  }
  #tips-box-info .box-4.atopy .right {
    background-color: #fff;
  }
  #tips-box-info .box-4 .left,
  #tips-box-info .box-4 .right {
    float: none;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: 0;
  }
  #tips-box-info .box-4 .left img,
  #tips-box-info .box-4 .right img {
    width: 100%;
    width: 90%;
    max-width: 280px;
    min-width: unset;
    max-height: 315px;
  }
  #question-box-info .item {
    float: none;
    width: 90%;
    display: block;
    margin: 30px auto 50px;
  }
  #application-right.wash .image-box .image-item {
    width: 20%;
    min-width: 100px;
    margin: 10px auto;
  }
  /* Atopy page */
  #section-2.atopy-page .left,
  #section-2.atopy-page .right {
    float: none;
    width: 100%;
  }
  #section-2.atopy-page .left {
    padding-top: 0;
  }
  #section-3.atopy-page {
    background-color: #ededed;
    background-image: none;
  }
  #section-3.atopy-page .left,
  #section-3.atopy-page .right {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #section-3.atopy-page .left {
    background-color: #003793;
    padding-bottom: 30px;
  }
  #section-3.atopy-page .right {
    background-color: #ededed;
  }
  #section-4.atopy-page .left,
  #section-4.atopy-page .right {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #section-4.atopy-page .left {
    position: relative;
    height: 350px;
  }
  #section-4.atopy-page .right {
    background-color: #ededed;
  }
  #section-6.atopy-page {
    background-color: #ededed;
    background-image: none;
  }
  #section-6.atopy-page .left,
  #section-6.atopy-page .right {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #section-6.atopy-page .left .btn {
    margin-top: 20px;
  }
  #section-6.atopy-page .right {
    background-color: #ededed;
  }
  #section-6.atopy-page .right .content-wrapper {
    margin-top: 0;
  }
}
@media all and (max-width: 650px) {
  /* HOME */
  #header-wrapper.home .owl-carousel img {
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 350px;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper img {
    top: auto;
    left: 50% !important;
    transform: translateX(-50%);
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .first-img {
    bottom: -100px;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .second-img {
    height: 112%;
    top: auto;
    left: 58% !important;
    bottom: -200px;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper {
    width: 360px;
    right: auto;
    top: 22%;
    left: 50% !important;
    transform: translateX(-50%);
  }
  #header-wrapper.home .owl-prev,
  #header-wrapper.home .prev2,
  #header-wrapper.home .owl-next,
  #header-wrapper.home .next2,
  #header-wrapper.home #prev,
  #header-wrapper.home #next {
    display: none;
  }
  #allergy .box-2-info .image-box-wrapper .image-item {
    height: 270px;
  }
  #header-wrapper.home .owl-carousel img.superhero-image {
    right: -380px;
  }
  /* Allergy */
  #allergoff-box-info-wrapper .box-info-2 {
    background: none;
    overflow: hidden;
  }
  #allergoff-box-info-wrapper .box-info-2 .side-wrapper .content-wrapper {
    float: none;
    margin: 0 auto;
    padding: 50px 0;
    width: 90%;
    max-width: 300px;
  }
  #allergoff-box-info-wrapper .box-info-2 .side-wrapper .right {
    background: #d1f4ff;
  }
  /* Products */
  #header-wrapper.products-all-side .content-wrapper {
    font-size: 18px;
  }
  #action-info .action.box-1 .image-wrapper,
  #action-info .action.box-2 .image-wrapper {
    float: none;
    width: 90%;
    margin: 0 auto 50px;
  }
  #action-info .action.box-1 .image-wrapper img,
  #action-info .action.box-2 .image-wrapper img {
    max-width: 280px;
  }
  #action-info .action.box-1 .content-desc,
  #action-info .action.box-2 .content-desc {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  #header-wrapper-products.atopy .right {
    min-height: 0;
  }
  #header-wrapper-products:not(.atopy) h2.side-title {
    position: static;
    margin-top: 120px;
    margin-left: 5%;
  }
  #header-wrapper-products .right {
    float: none;
    margin: 0 auto;
    width: 90%;
    min-height: 0;
  }
  #header-wrapper-products .right img {
    position: static;
    margin-top: 110px;
    max-width: 250px;
  }
  #header-wrapper-products #header-content.left {
    float: none;
    width: 90%;
    margin: 0 auto;
    padding-top: 50px;
  }
  #header-wrapper-products.atopy .headers {
    margin-bottom: 110px;
  }
  #header-wrapper-products.atopy .right img {
    margin-top: 10px;
  }
  #header-wrapper-products.atopy .right p {
    margin: 20px auto 0px;
    max-width: 450px;
    position: unset;
  }
  #chart-section h1,
  #chart-section h2,
  #chart-section h3,
  #chart-section h4,
  #chart-section h5,
  #chart-section h6 {
    font-size: 23px;
    line-height: 1.4;
  }
  #chart-section .btn {
    font-size: 14px;
  }
  #recommended-right,
  #recommended-left,
  #recommended.atopy #recommended-right,
  #recommended.atopy #recommended-left {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  #recommended-right h1,
  #recommended-right h2,
  #recommended-right h3,
  #recommended-right h4,
  #recommended-right h5,
  #recommended-right h6,
  #recommended-left h1,
  #recommended-left h2,
  #recommended-left h3,
  #recommended-left h4,
  #recommended-left h5,
  #recommended-left h6,
  #recommended.atopy #recommended-right h1,
  #recommended.atopy #recommended-right h2,
  #recommended.atopy #recommended-right h3,
  #recommended.atopy #recommended-right h4,
  #recommended.atopy #recommended-right h5,
  #recommended.atopy #recommended-right h6,
  #recommended.atopy #recommended-left h1,
  #recommended.atopy #recommended-left h2,
  #recommended.atopy #recommended-left h3,
  #recommended.atopy #recommended-left h4,
  #recommended.atopy #recommended-left h5,
  #recommended.atopy #recommended-left h6 {
    margin: 50px 0;
  }
  #recommended-right ul,
  #recommended-left ul,
  #recommended.atopy #recommended-right ul,
  #recommended.atopy #recommended-left ul {
    margin-top: 0;
  }
  #use-info.spray #use-image-gl {
    display: none;
  }
  #use-info.spray .use-box.two,
  #use-info.spray .use-box.three {
    width: 90%;
  }
  #use-info.spray .use-box {
    background: none;
    height: 150px;
  }
  #use-info.spray .use-box img.left {
    left: 15%;
  }
  #use-info.spray .use-box img.right {
    right: 15%;
  }
  #use-info.spray .use-box .use-desc.right {
    right: 15%;
  }
  #use-info.spray .use-box .use-desc.left {
    left: 15%;
  }
  #security-left img {
    float: none;
    position: static;
    margin: 0 0 15px;
    max-width: 120px;
  }
  #security-left,
  #security-right {
    width: 90%;
    margin: 0 auto;
  }
  #security-left ul li,
  #security-right ul li {
    margin-left: 0;
  }
  #advantages {
    background: none;
  }
  #advantages #advantages-left,
  #advantages #advantages-right {
    float: none;
    width: 100%;
    padding: 50px 0;
  }
  #advantages #advantages-left {
    background: #e0f1f8;
  }
  #advantages #advantages-right {
    background: #f3f3f3;
  }
  #efficiency {
    background: none;
    padding: 0;
  }
  #efficiency #efficiency-left img {
    width: 90%;
    max-width: 110px;
  }
  #efficiency #efficiency-left,
  #efficiency #efficiency-right {
    float: none;
    width: 100%;
    margin: 0;
    padding: 50px 0;
  }
  #efficiency #efficiency-right {
    background: #57b6d5;
  }
  #efficiency.wash #efficiency-left {
    width: 100%;
    min-height: 200px;
    background-size: cover;
    background-position: center;
  }
  #efficiency.wash #efficiency-right {
    margin: 0;
  }
  /* Atopy page */
  #header-wrapper.atopy-page .side-wrapper {
    background-size: 550px;
    background-position: right bottom;
  }
  .header-container.--is-derm {
    min-height: unset;
  }
  .cookies,
  .cookies .side-wrapper .content-wrapper ul li {
    font-size: 18px;
  }
}
@media all and (max-width: 550px) {
  /* tips */
  .header-container.--is-tips {
    background-position: right -610px top;
  }
  /* knowledge dermatozy */
  #knowledge-base.dermatozy .box-2-info .box-content-2 {
    background: none;
    padding: 0;
  }
  #knowledge-base.dermatozy .box-2-info .box-content-2 .left {
    background: #ededed;
  }
  #knowledge-base.dermatozy .box-2-info .box-content-2 .left,
  #knowledge-base.dermatozy .box-2-info .box-content-2 .right {
    width: 100%;
    float: none;
    padding: 40px 0;
  }
  #footer #footer-column-2 .ptca-info {
    position: static;
    top: 0;
    margin-top: 30px;
  }
  #spray-header .image {
    bottom: 0;
    width: 80%;
    max-width: 400px;
    margin: 50px auto 0;
    right: 0;
  }
  #spray-header .right {
    display: block;
  }
  #header-wrapper.article h1 {
    font-size: 36px;
  }
}
@media all and (max-width: 500px) {
  /* HOME */
  #header-wrapper.home .owl-carousel h2 {
    font-size: 36px;
  }
  #header-wrapper.home .owl-carousel .item {
    overflow: hidden;
  }
  #header-wrapper.home .owl-carousel img.klatka-p,
  #header-wrapper.home .owl-carousel img.klatka-t {
    height: 300px;
  }
  #header-wrapper.home .owl-carousel img.robak {
    height: 170px;
  }
  /* New spray page */
  .header-wrapper h1,
  #spray-header .content h2 {
    font-size: 36px;
  }
  #spray-header #spray-header-slider {
    max-height: 300px;
  }
  #spray-header #spray-header-slider .owl-carousel {
    margin-top: 50px;
  }
  /* Allergoff home */
  #header-wrapper.allergoff-info .content-wrapper h1,
  #header-wrapper.allergoff-info .content-wrapper h2,
  #header-wrapper.allergoff-info .content-wrapper h3,
  #header-wrapper.allergoff-info .content-wrapper h4,
  #header-wrapper.allergoff-info .content-wrapper h5,
  #header-wrapper.allergoff-info .content-wrapper h6 {
    font-size: 32.5px;
    text-align: left;
    padding-top: 450px;
    width: 90%;
    text-align: left;
  }
  /* Allergy */
  #section-1.atopy-page .right .item-wrapper {
    margin-top: 80px;
  }
  #header-wrapper.allergy .side-wrapper {
    min-height: 500px;
  }
  #header-wrapper.allergy .content-wrapper {
    padding-top: 360px;
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
  #header-wrapper.allergy .content-wrapper h1 {
    padding-right: 5px;
  }
  #header-wrapper.allergy .content-wrapper h1,
  #header-wrapper.allergy .content-wrapper h2,
  #header-wrapper.allergy .content-wrapper h3,
  #header-wrapper.allergy .content-wrapper h4,
  #header-wrapper.allergy .content-wrapper h5,
  #header-wrapper.allergy .content-wrapper h6,
  #header-wrapper.allergy .content-wrapper span {
    font-size: 32.5px;
  }
  #allergy-2 .box-2-info .roz {
    display: none;
  }
  #header-wrapper.allergy #header-allergy-image .allergy {
    display: none;
  }
  #allergy .box-2-info .image-box-wrapper .image-item {
    margin-top: 50px;
  }
  #allergy .box-2-info .image-box-wrapper .image-item h1,
  #allergy .box-2-info .image-box-wrapper .image-item h2,
  #allergy .box-2-info .image-box-wrapper .image-item h3,
  #allergy .box-2-info .image-box-wrapper .image-item h4,
  #allergy .box-2-info .image-box-wrapper .image-item h5,
  #allergy .box-2-info .image-box-wrapper .image-item h6 {
    font-size: 10px;
  }
  #safe-box-info-wrapper .left .content-wrapper h1,
  #safe-box-info-wrapper .left .content-wrapper h2,
  #safe-box-info-wrapper .left .content-wrapper h3,
  #safe-box-info-wrapper .left .content-wrapper h4,
  #safe-box-info-wrapper .left .content-wrapper h5,
  #safe-box-info-wrapper .left .content-wrapper h6 {
    margin-left: 0;
  }
  #safe-box-info-wrapper .center,
  #safe-box-info-wrapper .right {
    float: none;
    margin: 0 auto;
    width: 90%;
  }
  /* Dermatozy */
  #header-wrapper.dermatozy .side-wrapper {
    min-height: 500px;
  }
  #header-wrapper.dermatozy .content-wrapper h1,
  #header-wrapper.dermatozy .content-wrapper h2,
  #header-wrapper.dermatozy .content-wrapper h3,
  #header-wrapper.dermatozy .content-wrapper h4,
  #header-wrapper.dermatozy .content-wrapper h5,
  #header-wrapper.dermatozy .content-wrapper h6 {
    font-size: 32.5px;
    text-align: left;
    padding-top: 360px;
    width: 90%;
    margin: 0 auto;
  }
  /* Atopy page */
  #header-wrapper.atopy-page .side-wrapper {
    min-height: 500px;
    background-position: center bottom;
  }
  #header-wrapper.atopy-page .content-wrapper h1,
  #header-wrapper.atopy-page .content-wrapper h2,
  #header-wrapper.atopy-page .content-wrapper h3,
  #header-wrapper.atopy-page .content-wrapper h4,
  #header-wrapper.atopy-page .content-wrapper h5,
  #header-wrapper.atopy-page .content-wrapper h6 {
    font-size: 32.5px;
    text-align: left;
    width: 90%;
  }
  /* CONTACT */
  #contact-left-left,
  #contact-left-right {
    float: none;
    width: 100%;
  }
  #contact-left-right {
    margin: 50px auto 0;
  }
  /* Products - all */
  #try.products-all-side .item,
  #try .item {
    float: none;
    width: 90%;
    margin: 50px auto;
    height: auto;
  }
  #try.products-all-side .item .image-wrapper,
  #try .item .image-wrapper {
    height: auto;
  }
  #try.products-all-side .item img,
  #try .item img {
    position: static;
    display: block;
    margin: 0 auto;
  }
  /* Products */
  #neutral-right ul li {
    float: left;
    width: 45%;
    height: 220px;
    margin: 0 2.5%;
  }
  .awards-img-container {
    width: 90%;
  }
}
@media all and (max-width: 400px) {
  /* New spray page */
  #spray-header #spray-header-slider {
    max-height: 270px;
  }
  /* HOME */
  #header-wrapper.home .owl-carousel .item {
    height: 480px;
  }
  #header-wrapper.home {
    height: 480px;
    min-height: 480px;
  }
  #header-wrapper.home .owl-carousel h2 {
    font-size: 32px;
  }
  #header-wrapper.home .owl-carousel .item {
    overflow: hidden;
  }
  #header-wrapper.home .owl-carousel img {
    height: 270px;
  }
  #header-wrapper.home .owl-carousel img.klatka-p,
  #header-wrapper.home .owl-carousel img.klatka-t {
    height: 250px;
  }
  #header-wrapper.home .owl-carousel img.robak {
    height: 140px;
  }
  #header-wrapper.home .owl-carousel .kurz-2 {
    display: none;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper {
    width: 270px;
  }
  #header-wrapper.home.home--new .item .item-content-wrapper .text-wrapper p:nth-child(2) {
    font-size: 37px;
    line-height: 40px;
  }
  #box-home-info-3 .right .roztocz {
    max-width: 100px;
  }
  .awards-img-container .item {
    float: none;
    margin: 30px auto;
    width: 50%;
  }
  #footer #footer-column-3,
  #footer #footer-column-4 {
    float: none;
    width: 100%;
    margin: 0 auto;
  }
  #footer #footer-column-3 {
    margin-bottom: 30px;
  }
  #footer #footer-column-4 .social-media {
    margin-bottom: 0;
  }
  #footer #footer-column-4 .social-media .content-wrapper {
    margin-left: 0px;
    text-align: left;
  }
  #footer #copyright {
    padding: 10px 0 30px;
  }
  #up {
    right: 5px;
    bottom: 85px;
  }
  #brand-wrapper {
    right: 5px;
  }
  .cookies,
  .cookies .side-wrapper .content-wrapper ul li {
    font-size: 16px;
  }
  #productPopup {
    top: 48%;
  }
  #CookiebotWidget:not(.CookiebotWidget-inactive) {
    bottom: 85px !important;
  }
}
/*
Tutaj możesz dodać własny CSS.

Naciśnij ikonkę pomocy, żeby dowiedzieć się więcej.
*/
/* zmiana marginesow pomiedzy pozycjami w menu */
html :where(img) {
  height: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

#top ul li a {
  margin-left: 13px;
  margin-right: 13px;
}

#cn-notice-text {
  display: block;
  margin-bottom: 20px;
}

#cn-accept-cookie {
  padding: 5px 15px;
  box-sizing: border-box;
  background: #0099ce;
  color: #fff;
  border-radius: 0;
  margin-left: 0 !important;
}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-spam-blocked {
  display: none !important;
}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  display: none !important;
}

#use-info #use-image-gl.spray {
  width: 150px !important;
  margin-top: 20px;
}

#box-home-info-6 .left .text-wrapper img {
  max-width: 150px;
  margin: 20px auto;
}

#box-home-info-6 .left .text-wrapper {
  text-align: center;
}

#box-home-info-6 .left .text-wrapper h1,
#box-home-info-6 .left .text-wrapper h2,
#box-home-info-6 .left .text-wrapper h3,
#box-home-info-6 .left .text-wrapper h4,
#box-home-info-6 .left .text-wrapper h5,
#box-home-info-6 .left .text-wrapper h6 {
  text-align: left;
}

.cookie-notice-container {
  box-sizing: border-box;
}

/* zmiana sekcji na stronie allergoff home */
#wash-box-info-wrapper .box-3-info .center {
  min-width: 65%;
}

@media all and (max-width: 1350px) {
  #allergy-2 .box-2-info .roz {
    opacity: 0.2;
  }
}
@media all and (max-width: 1100px) {
  #use-info #use-image-gl.spray {
    margin-top: 100px;
  }
}
/* Poprawa wyświetlania banera cookies */
#moove_gdpr_cookie_info_bar {
  z-index: 10001;
}

/* Poprawa wyświetlania popupu cookies */
.gdpr_lightbox {
  z-index: 10002;
}

#header-wrapper.home .down {
  z-index: 49;
}

.hide-video {
  visibility: hidden;
}

#CookiebotWidget:not(.CookiebotWidget-inactive) {
  bottom: 65px !important;
  left: 10px;
}

.under-top {
  z-index: 2;
}

.grecaptcha-badge {
  display: none !important;
}

#header-wrapper.home.home--new .item .item-content-wrapper .second-img {
  height: 110%;
  top: -5%;
}

@media all and (max-width: 650px) {
  #header-wrapper.home.home--new .item .item-content-wrapper .second-img {
    height: 112%;
    top: auto;
    left: 58% !important;
    bottom: -200px;
  }
}/*# sourceMappingURL=style.css.map */