@charset "UTF-8";
@import url(../css/jquery.mCustomScrollbar.min.css);
@import url(../css/owl.carousel.min.css);
@import url(../css/owl.theme.default.min.css);
@import url(../css/bootstrap.min.css);
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #003B4A; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #003B4A;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Colors */
.momester-content {
  font-size: 1.6rem; }
  .momester-content p {
    display: block; }
    .momester-content p:after {
      content: "";
      display: inline-block;
      width: 0px; }
  .momester-content .panel p:after {
    display: none; }
  .momester-content h3 {
    font-size: 2.4rem;
    font-weight: normal; }
  .momester-content ol a {
    color: inherit; }

.patientsguide-content {
  font-size: 1.6rem; }
  .patientsguide-content p {
    display: block; }
    .patientsguide-content p:after {
      content: "";
      display: inline-block;
      width: 0px; }
  .patientsguide-content h3 {
    font-size: 2.4rem;
    font-weight: normal; }
  .patientsguide-content .footnotes {
    color: #707070; }

.mg-t-1 {
  margin-top: 1.5rem; }
.mg-t-2 {
  margin-top: 3rem; }
.mg-t-3 {
  margin-top: 4.5rem; }
.mg-t-4 {
  margin-top: 6rem; }
.mg-b-1 {
  margin-bottom: 1.5rem; }
.mg-b-2 {
  margin-bottom: 3rem; }
.mg-b-3 {
  margin-bottom: 4.5rem; }
.mg-b-4 {
  margin-bottom: 6rem; }
.mg-y-1 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
.mg-y-2 {
  margin-top: 3rem;
  margin-bottom: 3rem; }
.mg-y-3 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem; }

html {
  font-size: 10px; }

body {
  font-size: 10px;
  font-family: 'Poppins', sans-serif; }

@media (min-width: 576px) {
  .container {
    max-width: 850px; } }
@media (min-width: 768px) {
  .container {
    max-width: 850px; } }
@media (min-width: 991px) {
  .container {
    max-width: 157rem;
    padding: 0; } }
@media (min-width: 1200px) {
  .container {
    max-width: 157rem;
    padding: 0; } }
strong {
  font-weight: 600; }

/*
 * Navigation
 -------------------- */
.nav--main {
  background-color: transparent;
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 99;
  transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  margin: 0 -8.5px; }
  .nav--main__logo {
    display: block;
    width: 24.5rem;
    height: 12.5rem;
    background-color: #003B4A;
    background-image: url(../img/nav--main__logo.svg);
    background-size: 16rem auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease; }
  @media screen and (max-width: 992px) {
    .nav--main {
      margin: 0; } }
  @media screen and (max-width: 576px) {
    .nav--main {
      margin: 0 0px;
      background-color: #FFF; }
      .nav--main .container {
        padding: 0; }
      .nav--main__logo {
        display: block;
        width: 15rem;
        height: 6.6rem;
        background-color: #003B4A;
        background-image: url(../img/nav--main__logo.svg);
        background-size: 8rem 3.4rem;
        background-position: center center;
        background-repeat: no-repeat; } }

.nav--affix {
  transition: all .4s ease;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.69);
  -moz-box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.69);
  -webkit-box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.69);
  transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease; }
  .nav--affix .nav--main__logo {
    display: block;
    width: 20.5rem;
    height: 8.5rem;
    background-color: #003B4A;
    background-image: url(../img/nav--main__logo.svg);
    background-size: 12rem auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease; }
    @media screen and (max-width: 576px) {
      .nav--affix .nav--main__logo {
        display: block;
        width: 15rem;
        height: 6.6rem;
        background-color: #003B4A;
        background-image: url(../img/nav--main__logo.svg);
        background-size: 8rem 3.4rem;
        background-position: center center;
        background-repeat: no-repeat; } }

.hamburger {
  display: none; }
  @media screen and (max-width: 992px) {
    .hamburger {
      display: block; } }

.menu__ul {
  padding: 0;
  margin: 0; }
  .menu__ul__li {
    list-style: none;
    display: inline-block;
    margin-right: 2.4rem; }
    .menu__ul__li:last-child {
      margin-right: 0; }
    .menu__ul__li__a {
      font-size: 1.6rem;
      text-transform: uppercase;
      color: #000;
      text-decoration: none;
      position: relative;
      white-space: nowrap;
      transition: all .4s ease;
      -o-transition: all .4s ease;
      -moz-transition: all .4s ease;
      -webkit-transition: all .4s ease; }
      .menu__ul__li__a:after {
        content: '';
        bottom: -1rem;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #C80040;
        display: block;
        position: absolute;
        transition: all .4s ease;
        -o-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -webkit-transition: all .4s ease; }
      .menu__ul__li__a:hover {
        text-decoration: none;
        color: #000; }
        .menu__ul__li__a:hover:after {
          width: 100%;
          transition: all .4s ease;
          -o-transition: all .4s ease;
          -moz-transition: all .4s ease;
          -webkit-transition: all .4s ease; }
      .menu__ul__li__a--active:after {
        width: 100%;
        transition: all .4s ease;
        -o-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -webkit-transition: all .4s ease; }
@media screen and (max-width: 992px) {
  .menu--main {
    font-family: 'Oswald', sans-serif;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    display: block;
    background-color: #FFF;
    display: none; }
    .menu--main .menu__ul {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .menu--main .menu__ul__li {
        display: block;
        text-align: center;
        margin: 6rem 0; }
        .menu--main .menu__ul__li__a {
          font-size: 3.2rem; } }
@media screen and (max-width: 576px) {
  .menu--main .menu__ul__li__a {
    font-size: 2.4rem; } }
@media screen and (max-width: 320px) {
  .menu--main .menu__ul__li {
    margin: 3rem 0rem; }
    .menu--main .menu__ul__li__a {
      font-size: 2.4rem;
      white-space: nowrap; } }

.header {
  min-height: 87rem;
  position: relative;
  background-image: url("../img/header--hp-guide-bg.png");
  background-size: 148.0rem 74.7rem;
  background-position: -50rem bottom;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-bottom: 0rem;
  /*
  min-height: 87rem ;
  position: relative;
  background-image: url('../img/header--hp-bg.png');
  background-size: 94.2rem 71.8rem;
  background-position: left bottom;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-bottom: 4.2rem;
  */ }
  @media screen and (max-width: 992px) {
    .header {
      background-size: 50% auto;
      background-position: left center; } }
  @media screen and (max-width: 768px) {
    .header {
      background-size: 50% auto;
      background-position: left 15rem;
      min-height: 70rem; } }
  @media screen and (max-width: 576px) {
    .header {
      background-size: 100% auto;
      min-height: 75rem;
      background-position: right 36rem; } }

.hero {
  position: absolute;
  top: 55%;
  left: 53%;
  transform: translate(-50%, -50%); }
  .hero__h1 {
    font-size: 8rem;
    font-family: 'Oswald', sans-serif;
    white-space: nowrap; }
  .hero__h2 {
    font-size: 5.6rem;
    font-family: 'Oswald', sans-serif;
    white-space: nowrap; }
  @media screen and (max-width: 992px) {
    .hero {
      top: 50%;
      left: 70%; } }
  @media screen and (max-width: 768px) {
    .hero {
      top: 15rem;
      transform: translateX(-50%); }
      .hero__h1 {
        font-size: 6rem; } }
  @media screen and (max-width: 576px) {
    .hero {
      position: relative;
      top: auto;
      left: auto;
      transform: none;
      padding-top: 10em; }
      .hero__h1 {
        font-size: 5rem; }
      .hero__h2 {
        font-size: 4.4rem;
        white-space: initial; } }

.scroll-next {
  display: block;
  width: 4.19rem;
  height: 1.988rem;
  bottom: 7rem;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background-image: url("../img/arrow_down.svg");
  background-position: center center;
  background-size: 4.19rem 1.988rem;
  transition: all .4s ease;
  background-repeat: no-repeat;
  padding: 3rem; }
  .scroll-next:hover {
    bottom: 6rem;
    transition: all .4s ease; }

.header_carousel {
  /*    &:after{
          content: '';
          z-index: -1;
          display: block;
          width: 30rem;
          height: 42rem;
          top: -37rem;
          position: absolute;
          background-image: url('../img/plant.png');
          background-position: center center;
          background-size: contain;
          background-repeat: no-repeat;
  
          @media screen and (max-width: $large){
              height: 20rem;
              width: 15rem;
              top: -16rem;
  
          }
      }*/ }
  .header_carousel:before {
    content: '';
    z-index: -1;
    display: block;
    width: 8.6rem;
    height: 10.7rem;
    bottom: -1rem;
    left: -7.1rem;
    position: absolute;
    background-image: url("../img/grass.png");
    background-position: center center;
    background-size: contain; }

.carousel--absolute-dots {
  position: relative; }
  .carousel--absolute-dots .owl-dots {
    position: absolute;
    top: -5rem;
    left: 30rem;
    height: 3.5rem;
    margin: 0;
    padding-left: 7.5rem; }
    .carousel--absolute-dots .owl-dots:before {
      content: '';
      display: block;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      height: 1px;
      width: 5.3rem;
      background-color: #636363;
      position: absolute; }
    .carousel--absolute-dots .owl-dots .owl-dot {
      background-color: transparent;
      font-size: 1.6rem;
      color: #BCBCBC;
      transition: all .4s ease;
      outline: none;
      border: 0;
      vertical-align: top;
      margin-right: 2rem; }
      .carousel--absolute-dots .owl-dots .owl-dot.active {
        font-size: 2.4rem;
        color: #373737;
        transition: all .4s ease; }
        .carousel--absolute-dots .owl-dots .owl-dot.active span {
          background: transparent; }
      .carousel--absolute-dots .owl-dots .owl-dot:hover span {
        background: transparent; }
      .carousel--absolute-dots .owl-dots .owl-dot span {
        width: auto;
        height: auto;
        margin: 0;
        background: transparent; }
  @media screen and (max-width: 992px) {
    .carousel--absolute-dots .owl-dots {
      left: auto;
      right: 1rem; } }

.carousel--absolute-dots--articles {
  margin-bottom: 12rem; }
  .carousel--absolute-dots--articles .owl-dots {
    top: auto;
    left: auto;
    bottom: -10rem;
    right: 10rem; }
    @media screen and (max-width: 576px) {
      .carousel--absolute-dots--articles .owl-dots {
        bottom: -5rem; } }
  @media screen and (max-width: 576px) {
    .carousel--absolute-dots--articles {
      margin-bottom: 8rem; } }

.map_box_container {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 56.2rem;
  height: 33.4rem; }
  @media screen and (max-width: 992px) {
    .map_box_container {
      width: 30rem;
      height: 15rem; } }

.pollen-box {
  background-repeat: no-repeat; }
  .pollen-box:hover .arrow-link__svg {
    margin-left: 2rem;
    transition: all .4s ease;
    right: 0; }
    .pollen-box:hover .arrow-link__svg .border {
      transition: all .4s ease;
      fill: #C80040;
      stroke: none; }
    .pollen-box:hover .arrow-link__svg .inner {
      transition: all .4s ease;
      fill: none;
      stroke: none; }
  .pollen-box--header {
    background-position: 26.9rem center;
    background-size: 22.3rem 20.8rem;
    width: 56.2rem;
    height: 33.4rem;
    position: relative; }
  .pollen-box--map {
    background-color: #002B37;
    background-image: url(../img/poland_map.svg);
    transition: all .4s ease; }
    .pollen-box--map:hover {
      background-size: 25.3rem 22.8rem;
      transition: all .4s ease; }
  .pollen-box--calendar {
    background-color: #DFDFDF;
    background-image: url(../img/calendar.svg);
    transition: all .4s ease; }
    .pollen-box--calendar:hover {
      background-size: 25.3rem 22.8rem;
      transition: all .4s ease; }
  .pollen-box__inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 9.7rem; }
    .pollen-box__inner__h4 {
      font-size: 3.6rem;
      color: #FFF;
      text-decoration: uppercase;
      margin-bottom: 7.8rem;
      display: block;
      text-transform: uppercase;
      max-width: 35rem; }
      .pollen-box__inner__h4:after {
        content: '';
        display: block;
        width: 6.5rem;
        height: 1px;
        background-color: #CDCDCD;
        margin-top: 0.9rem; }
      .pollen-box__inner__h4--black {
        color: #000; }
        .pollen-box__inner__h4--black:after {
          background-color: #000000; }
  @media screen and (max-width: 992px) {
    .pollen-box--header {
      width: 30rem;
      height: 15rem;
      background-size: 10rem 10rem;
      background-position: 18rem center; }
    .pollen-box__inner {
      left: 3.7rem; }
      .pollen-box__inner__h4 {
        font-size: 1.6rem;
        margin-bottom: 3rem; } }

.arrow-link {
  font-size: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  transition: all .4s ease;
  padding-right: 5.9rem;
  position: relative; }
  .arrow-link:hover {
    text-decoration: none; }
    .arrow-link:hover:after {
      background-image: url(../img/arrow_hover.svg); }
  .arrow-link__svg {
    width: 30px;
    height: 30px;
    transition: all .4s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem; }
    .arrow-link__svg .border {
      transition: all .4s ease;
      fill: none;
      stroke: none; }
    .arrow-link__svg .inner {
      transition: all .4s ease;
      fill: none;
      stroke: #000; }
    .arrow-link__svg .arrow {
      transition: all .4s ease;
      fill: none;
      stroke: #000; }
  .arrow-link:hover .arrow-link__svg {
    margin-left: 2rem;
    transition: all .4s ease;
    right: 0; }
    .arrow-link:hover .arrow-link__svg .arrow {
      transition: all .4s ease;
      stroke: #FFF; }
    .arrow-link:hover .arrow-link__svg .inner {
      transition: all .4s ease;
      fill: none;
      stroke: none; }
    .arrow-link:hover .arrow-link__svg .border {
      transition: all .4s ease;
      fill: #C80040;
      stroke: none; }
  .arrow-link--blue {
    color: #32859F; }
    .arrow-link--blue .arrow-link__svg .border {
      transition: all .4s ease;
      fill: none;
      stroke: none; }
    .arrow-link--blue .arrow-link__svg .inner {
      transition: all .4s ease;
      fill: none;
      stroke: #32859F; }
    .arrow-link--blue .arrow-link__svg .arrow {
      transition: all .4s ease;
      fill: none;
      stroke: #32859F; }
    .arrow-link--blue:hover .arrow-link__svg .border {
      transition: all .4s ease;
      fill: none;
      stroke: none; }
    .arrow-link--blue:hover .arrow-link__svg .inner {
      transition: all .4s ease;
      fill: #32859F;
      stroke: #32859F; }
    .arrow-link--blue:hover .arrow-link__svg .arrow {
      transition: all .4s ease;
      fill: none;
      stroke: #FFF; }
  .arrow-link--momester:hover .arrow-link__svg {
    margin-left: 2rem;
    transition: all .4s ease;
    right: 0; }
    .arrow-link--momester:hover .arrow-link__svg .arrow {
      transition: all .4s ease;
      stroke: #C80040; }
    .arrow-link--momester:hover .arrow-link__svg .inner {
      transition: all .4s ease;
      fill: none;
      stroke: #FFF; }
    .arrow-link--momester:hover .arrow-link__svg .border {
      transition: all .4s ease;
      fill: #FFF;
      stroke: none; }

.arrow-link--white {
  color: #FFF;
  transition: all .4s ease; }
  .arrow-link--white:hover {
    color: #FFF;
    transition: all .4s ease; }
  .arrow-link--white .arrow-link__svg {
    width: 3rem;
    height: 3rem;
    margin-left: 0.9rem;
    transition: all .4s ease; }
    .arrow-link--white .arrow-link__svg .border {
      transition: all .4s ease;
      fill: none;
      stroke: none; }
    .arrow-link--white .arrow-link__svg .inner {
      transition: all .4s ease;
      fill: none;
      stroke: #FFF; }
    .arrow-link--white .arrow-link__svg .arrow {
      transition: all .4s ease;
      fill: none;
      stroke: #FFF; }

.arrow-link--black {
  color: #000; }
  .arrow-link--black:hover {
    color: #000; }

.arrow-link--red {
  display: block;
  margin-left: -6.5rem;
  background-color: #C80040;
  text-align: center;
  padding: 2rem 0; }

.arrow-link--fill {
  color: #fff;
  background-color: #003B4B;
  padding: 0 4.5rem;
  line-height: 6rem;
  text-transform: lowercase; }
  .arrow-link--fill.arrow-link {
    padding-right: 6.5rem; }
  .arrow-link--fill .arrow-link__svg {
    width: 30px;
    height: 30px; }
.arrow-link--outline {
  outline: 1px solid #003B4B;
  color: #003B4B;
  background-color: #fff;
  padding: 0 4.5rem;
  line-height: 6rem;
  text-transform: lowercase; }
  .arrow-link--outline.arrow-link {
    padding-right: 6.5rem; }
  .arrow-link--outline .arrow-link__svg {
    width: 30px;
    height: 30px; }

.white-block {
  background-color: #FFF;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 38.5rem;
  height: 6.3rem;
  text-align: center;
  padding: 1.8rem 0; }
  @media screen and (max-width: 576px) {
    .white-block {
      width: 100%; } }

.arrow-link--google {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-left: 10rem;
  white-space: nowrap; }
  .arrow-link--google:before {
    width: 7.8rem;
    height: 8.5rem;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%);
    background-image: url("../img/google.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
    @media screen and (max-width: 576px) {
      .arrow-link--google:before {
        width: 5rem;
        height: 5rem; } }
  @media screen and (max-width: 576px) {
    .arrow-link--google {
      padding-left: 6rem; } }

.arrow-link--apple {
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-left: 10rem; }
  .arrow-link--apple:before {
    width: 9rem;
    height: 9rem;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0rem;
    transform: translateY(-50%);
    background-image: url("../img/apple.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
    @media screen and (max-width: 576px) {
      .arrow-link--apple:before {
        width: 5rem;
        height: 5rem; } }
  @media screen and (max-width: 576px) {
    .arrow-link--apple {
      padding-left: 6rem; } }

.pollen-img {
  background-size: contain;
  position: absolute;
  transition: all .1s linear;
  transform-origin: 50%;
  z-index: 9; }
  .pollen-img--1 {
    background-image: url(../img/pollen_1.png);
    width: 33rem;
    height: 26rem;
    top: 22rem;
    left: 140rem; }
  .pollen-img--2 {
    background-image: url(../img/pollen_2.png);
    width: 17rem;
    height: 31rem;
    top: 17rem;
    left: 167rem; }
  .pollen-img--3 {
    background-image: url(../img/pollen_3.png);
    width: 15rem;
    height: 23rem;
    top: 22rem;
    left: 201rem; }
  .pollen-img--4 {
    background-image: url(../img/pollen_4.png);
    width: 18rem;
    height: 21rem;
    top: 28rem;
    left: 174rem; }
  .pollen-img--5 {
    background-image: url(../img/pollen_5.png);
    width: 16rem;
    height: 15rem;
    top: 13rem;
    left: 180rem; }

.about-container {
  margin-bottom: 7rem; }

.line-header {
  font-size: 3.6rem;
  font-weight: 500;
  color: #000;
  margin-bottom: 5rem;
  text-transform: uppercase; }
  @media screen and (max-width: 576px) {
    .line-header {
      margin-top: 3rem;
      margin-bottom: 3rem; } }
  .line-header:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #BCBCBC;
    margin-top: .9rem; }

.description {
  font-size: 1.6rem;
  color: #000;
  margin-bottom: 2rem; }
  .description--about {
    padding-right: 16rem; }
    @media screen and (max-width: 576px) {
      .description--about {
        padding: 0; } }
  .description--author {
    font-size: 1.2rem;
    margin-top: 5rem;
    line-height: 2.6rem; }
  .description--grey {
    color: #707070; }
  .description--list {
    padding-left: 3rem; }
    .description--list strong {
      font-weight: 500; }
  .description--light {
    font-weight: 300; }
  .description--white {
    color: #FFF; }
  .description--icon-1 {
    width: 20.6rem;
    display: inline-block;
    margin-left: 1.5rem;
    vertical-align: middle;
    margin-bottom: 0; }
  .description--icon-2 {
    margin-bottom: 0;
    width: 18rem;
    display: inline-block;
    margin-left: 1.5rem;
    vertical-align: middle; }
  .description--icon-3 {
    margin-bottom: 0;
    width: 14rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.5rem; }

.icon {
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative; }
  .icon:before {
    content: '';
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 20px;
    border: 1px solid #BCBCBC;
    background-color: #FFF;
    position: absolute; }
    @media screen and (max-width: 992px) {
      .icon:before {
        display: none; } }
  .icon--about-1 {
    background-image: url(../img/about_icon_1.svg);
    width: 9.7rem;
    height: 8.6rem; }
    .icon--about-1:before {
      top: -6rem;
      left: 3.7rem; }
  .icon--about-2 {
    background-image: url(../img/about_icon_2.svg);
    width: 8.8rem;
    height: 8.6rem; }
    .icon--about-2:before {
      top: -6rem;
      left: 2.7rem; }
  .icon--about-3 {
    background-image: url(../img/about_icon_3.svg);
    width: 7.3rem;
    height: 8.5rem; }
    .icon--about-3:before {
      top: -6rem;
      left: 1rem; }
  @media screen and (max-width: 992px) {
    .icon {
      display: block;
      margin: 5rem auto 1rem auto; }
      .icon:before {
        top: 0; } }

/* 
 * Check Block
 * --------------------- */
.check-block {
  width: 100%;
  height: 34.7rem;
  display: block;
  position: relative;
  background-position: 8.9rem center;
  background-repeat: no-repeat; }
  .check-block:hover .arrow-link__svg {
    margin-left: 2rem;
    transition: all .4s ease;
    right: 0; }
    .check-block:hover .arrow-link__svg .border {
      transition: all .4s ease;
      fill: #C80040;
      stroke: none; }
    .check-block:hover .arrow-link__svg .inner {
      transition: all .4s ease;
      fill: none;
      stroke: none; }
  .check-block--black {
    background-color: #002B37;
    background-image: url("../img/poland_map.svg");
    background-size: 20.7rem 19.4rem;
    transition: all .4s ease; }
    .check-block--black:hover {
      background-size: 22.7rem 21.4rem;
      transition: all .4s ease; }
  .check-block--white {
    background-color: #DFDFDF;
    background-image: url("../img/calendar.svg");
    background-size: 20.7rem 19.4rem;
    transition: all .4s ease; }
    .check-block--white:hover {
      background-size: 22.7rem 21.4rem;
      transition: all .4s ease; }
  .check-block--subpage {
    height: 18.0rem; }
    .check-block--subpage__dot-header.dot-header {
      font-size: 4rem; }
      .check-block--subpage__dot-header.dot-header:before {
        top: 1.5rem; }
    @media screen and (max-width: 576px) {
      .check-block--subpage__dot-header {
        margin: 0; } }
  .check-block--subpage-calendar {
    background-image: url("../img/calendar.svg");
    background-size: 12.7rem 11.7rem;
    background-position: 15rem center;
    transition: all .4s ease; }
    .check-block--subpage-calendar:hover {
      background-size: 14rem 14rem;
      transition: all .4s ease; }
  .check-block--subpage--map {
    background-color: #002B37;
    background-image: url("../img/poland_map.svg");
    background-size: 13rem 12.3rem;
    background-position: 18rem center;
    transition: all .4s ease; }
    .check-block--subpage--map:hover {
      background-size: 14rem 14rem;
      transition: all .4s ease; }
  .check-block--blue {
    background-image: url("../img/phones.png");
    background-size: 20.7rem 19.4rem;
    background-color: #32859F;
    background-position: 1rem center; }
    .check-block--blue--horizontal {
      background-size: 41rem 34rem;
      background-image: url("../img/phones_horizontal.png");
      background-position: center 13rem  !important; }
      @media screen and (max-width: 576px) {
        .check-block--blue--horizontal {
          background-image: url("../img/phones_horizontal.png") !important; }
          .check-block--blue--horizontal .h4 {
            padding-left: 4rem; } }
    @media screen and (max-width: 576px) {
      .check-block--blue {
        background-image: none; } }
  .check-block--horizontal {
    height: 51.2rem;
    padding: 4rem 2rem 2.4rem 3.4rem;
    background-position: center center;
    margin-bottom: 6rem; }
  @media screen and (max-width: 576px) {
    .check-block {
      height: auto;
      margin-bottom: 3rem;
      background-position: 16rem 2rem; }
      .check-block--black {
        background-size: 20.7rem 9.4rem; }
        .check-block--black .white-block {
          border: 1px solid #003B4B; }
      .check-block--white {
        background-size: 20.7rem 9.4rem; }
        .check-block--white .white-block {
          border: 1px solid #DFDFDF; }
      .check-block--horizontal {
        height: 51.2rem;
        padding: 4rem 2rem 2.4rem 3.4rem;
        background-position: center center;
        margin-bottom: 6rem;
        background-size: 18rem auto; }
      .check-block .white-block {
        position: static; }
      .check-block .dot-header--absolute {
        transform: none;
        width: 50%;
        font-size: 3.2rem;
        white-space: normal;
        position: relative;
        margin: 1.5rem;
        left: 0; }
      .check-block .dot-header--absolute--subpage {
        text-align: left !important;
        max-width: 26rem;
        left: 0;
        padding: 1.5rem;
        height: auto;
        position: relative;
        left: 0 !important; }
        .check-block .dot-header--absolute--subpage .arrow-link {
          padding-left: 4rem; }
      .check-block--blue--horizontal {
        background-size: 38rem auto;
        background-position: center center; } }

.dot-header {
  font-size: 7rem;
  white-space: nowrap;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  padding-left: 4rem;
  position: relative;
  display: inline-block; }
  .dot-header:before {
    content: '';
    position: absolute;
    top: 3.5rem;
    left: 0;
    border-radius: 25px;
    width: 2rem;
    height: 2rem;
    border: 1px solid black; }
  .dot-header--absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .dot-header--absolute--subpage {
      left: 60%;
      width: 83%; }
      @media screen and (max-width: 992px) {
        .dot-header--absolute--subpage {
          left: 50%; } }
  .dot-header--map {
    white-space: normal;
    width: 72%; }
    @media (max-width: 576px) {
      .dot-header--map {
        width: 82%; } }
  .dot-header--wrap {
    white-space: normal; }
  .dot-header--white {
    color: #FFF; }
    .dot-header--white:before {
      border: 1px solid white; }
  .dot-header--section {
    margin-bottom: 3.6rem; }
  .dot-header--margin-12 {
    margin-bottom: 12rem; }
  @media screen and (max-width: 768px) {
    .dot-header {
      font-size: 5rem;
      white-space: normal; }
      .dot-header:before {
        top: 2rem; } }
  @media screen and (max-width: 576px) {
    .dot-header {
      font-size: 4rem;
      white-space: normal; }
      .dot-header:before {
        top: 2rem; } }

.mobile-app-block {
  background-color: #32859F;
  padding: 5rem 11.8rem 10rem 0; }
  .mobile-app-block__phones {
    background-image: url(../img/phones.png);
    background-size: 72rem 56rem;
    background-repeat: no-repeat;
    background-position: center center;
    width: 72rem;
    height: 56rem;
    position: absolute;
    top: -5rem;
    left: -10rem; }
    @media screen and (max-width: 992px) {
      .mobile-app-block__phones {
        left: -10rem;
        width: 45rem;
        height: 37rem;
        background-size: cover;
        top: auto;
        bottom: -27rem;
        left: -27rem;
        overflow: hidden; } }
    @media screen and (max-width: 768px) {
      .mobile-app-block__phones {
        width: 31rem;
        height: 20rem;
        background-size: cover;
        top: auto;
        bottom: -19rem;
        left: auto;
        right: -3rem;
        overflow: hidden; } }
    @media screen and (max-width: 576px) {
      .mobile-app-block__phones {
        width: 31rem;
        height: 20rem;
        background-size: cover;
        top: auto;
        bottom: -19rem;
        left: auto;
        right: -3rem;
        overflow: hidden; } }
  @media screen and (max-width: 992px) {
    .mobile-app-block {
      margin: 0 -15px;
      padding: 5rem 5rem 10rem 5rem; } }

.mobile-app-container {
  margin-bottom: 10rem;
  background: #32869f;
  background: -moz-linear-gradient(left, #32869f 0%, #32869f 50%, #32869f 51%, white 51%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #32869f), color-stop(50%, #32869f), color-stop(51%, #32869f), color-stop(51%, white));
  background: -webkit-linear-gradient(left, #32869f 0%, #32869f 50%, #32869f 51%, white 51%);
  background: -o-linear-gradient(left, #32869f 0%, #32869f 50%, #32869f 51%, white 51%);
  background: -ms-linear-gradient(left, #32869f 0%, #32869f 50%, #32869f 51%, white 51%); }
  @media screen and (max-width: 992px) {
    .mobile-app-container {
      background: transparent; } }
  @media screen and (max-width: 576px) {
    .mobile-app-container {
      margin-bottom: 5rem; } }

.h4 {
  color: #FFF;
  font-size: 2.4rem;
  margin: 5.5rem 0 3rem; }
  .h4--black {
    color: #000; }
  .h4--download {
    margin-bottoM: 1.5rem;
    color: #003B4A; }
  .h4--apk {
    margin: 0 0 3.4rem 0; }
  .h4--light {
    font-weight: 300; }
    .h4--light strong {
      font-weight: 500; }

.download-block {
  padding-left: 6rem; }
  @media screen and (max-width: 992px) {
    .download-block {
      padding: 2rem; } }

.download-box {
  border: 1px solid #BCBCBC;
  margin-bottom: 2.5rem;
  height: 14rem;
  position: relative;
  transition: all .2s ease; }
  .download-box:hover {
    border: 1px solid #FFF;
    -webkit-box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.69);
    -moz-box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.69);
    box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.69);
    transition: all .2s ease; }
  .download-box:last-child {
    margin: 0; }
  .download-box:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -12rem;
    transform: translateY(-50%);
    background-image: url("../img/qr.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 11rem;
    height: 11rem; }
    @media screen and (max-width: 992px) {
      .download-box:after {
        display: none; } }
  .download-box--google-play:after {
    background-image: url("../img/qr_google-play.svg"); }
  .download-box--apple-store:after {
    background-image: url("../img/qr_apple-store.svg"); }
  .download-box--inline {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 2rem;
    width: 30rem;
    height: 10.8rem; }
    .download-box--inline:after {
      display: none; }
  @media screen and (max-width: 992px) {
    .download-box {
      width: 30rem;
      display: inline-block;
      vertical-align: middle;
      margin: 0; } }
  @media screen and (max-width: 576px) {
    .download-box {
      width: 100%;
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      margin-bottom: 2rem; } }

.articles {
  margin: 0 6.4rem; }
  @media screen and (max-width: 992px) {
    .articles {
      margin: 0 1rem; } }
  @media screen and (max-width: 768px) {
    .articles {
      margin: 0 1rem; } }

.article {
  border: 1px solid #BCBCBC;
  margin-right: 3rem;
  position: relative; }
  .article:hover .arrow-link__svg {
    margin-left: 2rem;
    transition: all .4s ease;
    right: 0; }
    .article:hover .arrow-link__svg .border {
      transition: all .4s ease;
      fill: #C80040;
      stroke: none; }
    .article:hover .arrow-link__svg .inner {
      transition: all .4s ease;
      fill: none;
      stroke: none; }
  .article--active .article__content--absolute {
    opacity: 0;
    transition: all .2s ease; }
  .article--archive {
    margin-bottom: 6rem;
    width: 45rem;
    margin-right: 0; }
  .article:last-of-type {
    margin-right: 0; }
  .article--packshot {
    height: 34rem; }
  .article--small {
    height: 34rem;
    background-repeat: no-repeat;
    background-size: cover; }
  .article__content {
    width: 0;
    overflow: hidden;
    max-height: 34rem; }
    .article__content--active {
      width: 33.5rem; }
    .article__content__inner {
      padding: 0 0 2.5rem 3rem;
      width: 33.5rem; }
    .article__content--packshot {
      padding: 0rem 0rem 2.5rem 41.5rem; }
    .article__content--absolute {
      position: absolute;
      bottom: 2.5rem;
      left: 2.5rem;
      opacity: 1;
      transition: all .2s ease; }
    .article__content--archive {
      width: 100%;
      max-height: none; }
  .article__description {
    padding: 3.5rem 2rem 2.4rem 4rem;
    display: block; }
  .article__img {
    width: 45rem;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .2s ease; }
    .article__img--archive {
      width: 100%;
      background-size: cover;
      height: 34rem;
      position: relative; }
    .article__img--subpage {
      width: 100%;
      background-size: cover;
      position: relative; }
    .article__img--packshot {
      position: absolute;
      top: 50%;
      left: 0rem;
      transform: translateY(-50%);
      width: 40.9rem;
      height: 47.8rem;
      background-size: contain;
      background-repeat: no-repeat; }
      .article__img--packshot--about {
        width: 78.4rem;
        height: 48.0rem;
        left: 50%;
        transform: translate(-50%, -57%); }
        @media screen and (max-width: 992px) {
          .article__img--packshot--about {
            width: 57rem;
            height: 40rem;
            left: 30%;
            top: 28%;
            transform: translate(-50%, -50%); } }
    .article__img--header {
      width: 100%;
      height: 40rem;
      position: relative;
      background-size: cover;
      padding: 3rem;
      margin-bottom: 5rem; }
      .article__img--header br {
        display: none; }
      @media screen and (max-width: 576px) {
        .article__img--header {
          height: 20rem; } }
  .article__h4 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    font-weight: 300; }
    .article__h4--white {
      color: #FFF; }
    .article__h4--medium {
      font-weight: 500; }
  @media screen and (max-width: 992px) {
    .article {
      width: 100%;
      height: 34rem;
      margin-right: 0;
      margin-bottom: 2rem; }
      .article__img--subpage {
        width: 45rem; }
      .article--packshot {
        margin: 7rem 0 8rem; }
      .article__content {
        width: 33rem; }
        .article__content--absolute {
          display: none; }
        .article__content__inner {
          width: 100%; }
        .article__content--subpage {
          display: block; } }
  @media screen and (max-width: 768px) {
    .article__img--packshot {
      width: 50%; }
    .article__content--packshot {
      padding: 0rem 0rem 2.5rem 50%; } }
  @media screen and (max-width: 576px) {
    .article {
      width: 100%;
      height: 25rem;
      margin-right: 0;
      margin-bottom: 2rem; }
      .article--archive {
        height: 100%; }
      .article__img {
        width: 100%; }
        .article__img--subpage {
          width: 100%; }
        .article__img--packshot {
          position: absolute;
          top: -9rem;
          left: 0rem;
          transform: none;
          width: 12.9rem;
          height: 47.8rem;
          background-size: contain;
          background-repeat: no-repeat; }
      .article__content {
        width: 33rem;
        display: none; }
        .article__content--absolute {
          display: block; }
        .article__content__inner {
          width: 100%; }
        .article__content--packshot {
          padding: 8rem 2rem 2rem; }
      .article--small {
        height: 25rem; }
      .article--active .article__content--absolute {
        opacity: 1;
        transition: all .2s ease; }
      .article--packshot {
        height: auto; } }

.description--article {
  max-width: 28rem; }

.description--apk {
  margin-bottom: 5.8rem; }

.description--hero {
  margin-top: 2rem; }

.description--dot {
  position: relative;
  padding-left: 5.5rem; }
  .description--dot:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 25px;
    width: 2rem;
    height: 2rem;
    border: 1px solid black; }

.footer {
  padding-top: 5rem; }
  @media screen and (max-width: 768px) {
    .footer .menu__ul__li {
      display: block; } }
  @media screen and (max-width: 768px) {
    .footer nav {
      margin-bottom: 3rem; } }
  .footer__safety-info {
    font-size: 1.4rem;
    font-weight: 300;
    margin-bottom: 1.7rem;
    color: #707070; }
  .footer__hr {
    width: 100%;
    display: block;
    margin-bottom: 2.5rem; }
  .footer__logo {
    display: block;
    width: 14.3rem;
    height: 2.7rem;
    background-image: url(../img/polpharma_logo.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 3rem; }
    @media screen and (max-width: 768px) {
      .footer__logo {
        display: block; } }
  .footer__sil {
    padding: 6rem 0;
    font-size: 1.4rem;
    font-weight: 300;
    color: #707070; }
  .footer__before-use {
    background-color: rgba(50, 133, 159, 0.15);
    color: #707070;
    font-size: 2.4rem;
    text-align: center;
    font-weight: 300;
    padding: 5.2rem 25rem; }
    @media screen and (max-width: 992px) {
      .footer__before-use {
        padding: 5.2rem 3rem;
        font-size: 1.6rem; } }
  .footer .menu__ul__li__a:after {
    content: '';
    display: none; }

.menu--footer .menu__ul__li__a {
  font-size: 1.2rem;
  text-transform: none;
  color: #BCBCBC; }

.breadcrumbs-cont {
  padding-top: 15rem;
  margin-bottom: 2rem; }
  .breadcrumbs-cont br {
    display: none; }
  .breadcrumbs-cont .breadcrumbs ul {
    padding: 0;
    margin: 0; }
    .breadcrumbs-cont .breadcrumbs ul li {
      display: inline-block;
      vertical-align: middle;
      list-style: none;
      font-size: 1rem;
      font-weight: 300;
      color: #707070; }
      .breadcrumbs-cont .breadcrumbs ul li a {
        color: #707070; }
        .breadcrumbs-cont .breadcrumbs ul li a:hover {
          text-decoration: none;
          color: #707070; }
      .breadcrumbs-cont .breadcrumbs ul li:after {
        display: inline-block;
        content: '/'; }
  @media screen and (max-width: 576px) {
    .breadcrumbs-cont {
      padding-top: 8rem; } }

.section--map {
  margin-bottom: 12rem; }
  @media screen and (max-width: 576px) {
    .section--map {
      margin-bottom: 3rem;
      padding-top: 0rem; } }
.section--articles {
  margin-bottom: 13rem;
  padding-top: 6.5rem; }
  @media screen and (max-width: 576px) {
    .section--articles {
      margin-bottom: 3rem;
      padding-top: 3rem; } }
.section--article {
  margin-bottom: 10rem; }
.section--calendar {
  margin-bottom: 5rem; }

.mb-4rem {
  margin-bottom: 4rem; }

.region-select-container {
  margin-bottom: 4rem;
  position: relative; }
  .region-select-container:before {
    content: '';
    display: block;
    width: 56.4rem;
    height: 27.6rem;
    position: absolute;
    bottom: -1.4rem;
    left: -7rem;
    background-image: url("../img/grass_calendar.png");
    background-size: 56.4rem 27.6rem;
    background-position: center center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 576px) {
      .region-select-container:before {
        display: none; } }
  .region-select-container--contact:before {
    content: '';
    display: block;
    width: 53.4rem;
    height: 73.6rem;
    position: absolute;
    bottom: -12.9rem;
    z-index: -1;
    left: -7rem;
    background-image: url("../img/mlecz_kontakt.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 576px) {
      .region-select-container--contact:before {
        display: none; } }
  .region-select-container--map:before {
    display: none; }

.map__info {
  background-color: #E9E9E9;
  padding: 3.2rem 0 3.2rem 8.5rem;
  min-height: 25.7rem; }
  .map__info__ul {
    padding: 0;
    margin: 0; }
  .map__info__item {
    list-style: none;
    font-size: 1.6rem;
    margin-bottom: .5rem; }
    .map__info__item__sign {
      font-size: 1.6rem;
      margin: 0 .5rem; }
  .map__info__h4 {
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 2.4rem; }
.map__legend {
  margin-top: 8rem;
  padding: 0rem 0 0rem 8.5rem; }
  .map__legend__title {
    font-size: 1.6rem;
    color: #9D9D9D;
    margin-right: 1rem;
    margin-bottom: 1rem; }
    .map__legend__title--light {
      font-weight: 300;
      text-transform: uppercase;
      height: 5rem; }
  .map__legend__sign {
    color: #000;
    font-size: 2rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 0; }
    .map__legend__sign--up:before {
      content: '';
      background-image: url(../img/arrow_up.png);
      width: 1.6rem;
      height: 1.6rem;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: inline-block;
      font-size: 1.6rem;
      margin: 0 .5rem; }
    .map__legend__sign--down:before {
      content: '';
      background-image: url(../img/down_arrow.png);
      width: 1.6rem;
      height: 1.6rem;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: inline-block;
      font-size: 1.6rem;
      margin: 0 .5rem; }
  .map__legend__container {
    margin-bottom: 1.5rem; }
  .map__legend__item {
    font-size: 1.4rem;
    font-weight: 300;
    color: #9D9D9D;
    margin-right: 3rem;
    display: inline-block;
    vertical-align: middle; }
    .map__legend__item--calendar {
      display: block;
      width: 9rem;
      height: 4rem; }
      .map__legend__item--calendar span {
        padding-top: .5rem; }
@media screen and (max-width: 576px) {
  .map__info, .map__legend {
    padding: 3.2rem 0 3.2rem 4.5rem; }
  .map__legend {
    margin-top: 3rem; }
    .map__legend__item {
      margin-bottom: 1rem; } }

/* 
 * Alerts
 * ----------------------------- */
.alert__info {
  margin-left: 4rem;
  padding-left: 11rem;
  border-bottom: 1px solid #003B4A;
  position: relative; }
  .alert__info:before {
    content: '';
    display: block;
    width: 9.2rem;
    position: absolute;
    bottom: -1px;
    left: -4.6rem;
    height: 9.2rem;
    background-image: url("../img/shouter.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }
.alert__header {
  font-weight: 300; }
  .alert__header strong {
    color: #003B4A; }
@media screen and (max-width: 576px) {
  .alert {
    margin-bottom: 5rem; }
    .alert__info {
      text-align: center;
      padding-left: 0;
      padding-top: 11rem;
      margin: 0; }
      .alert__info .description {
        text-align: left; }
      .alert__info strong {
        display: block; }
      .alert__info:before {
        bottom: auto;
        left: 50%;
        top: 0;
        transform: translateX(-50%); }
    .alert__header {
      margin-bottom: 2rem;
      line-height: 150%; } }

.dot-header__desc {
  font-family: 'Poppins', sans-serif;
  text-transform: none;
  font-weight: 300;
  display: block;
  font-size: 2rem; }
  .dot-header__desc strong {
    font-weight: 600; }
  @media screen and (max-width: 992px) {
    .dot-header__desc {
      padding-left: 0; } }
  @media screen and (max-width: 576px) {
    .dot-header__desc {
      font-size: 1.6rem; } }

.dot-line-header {
  font-size: 3.6rem;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
  position: relative;
  display: block;
  margin-bottom: 3rem; }
  .dot-line-header .line {
    content: '';
    display: block;
    width: calc(50% + 12rem);
    background-color: #BCBCBC;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0; }
    .dot-line-header .line:after {
      content: '';
      border-radius: 25px;
      width: 2rem;
      height: 2rem;
      margin-right: 2rem;
      border: 1px solid #BCBCBC;
      bottom: -1rem;
      background-color: #FFF;
      left: 0;
      position: absolute; }
    @media screen and (max-width: 576px) {
      .dot-line-header .line {
        width: 100%; } }

.calendar {
  margin-bottom: 13.5rem; }
  @media screen and (max-width: 768px) {
    .calendar {
      margin-bottom: 3rem; } }
  .calendar__table {
    margin-bottom: 2rem; }
    .calendar__table tr:nth-child(even) {
      background-color: #F5F5F5; }
    .calendar__table tr:nth-child(odd) {
      background-color: #FFF; }
  .calendar__header {
    font-size: 1.4rem;
    width: 38.1rem;
    vertical-align: middle; }
    .calendar__header:first-letter {
      text-transform: uppercase; }
    @media screen and (max-width: 992px) {
      .calendar__header {
        position: sticky;
        position: -webkit-sticky;
        background-color: inherit;
        left: 0; } }
  .calendar__month {
    width: 10rem;
    height: 6.3rem;
    border: 0;
    text-align: center; }
    .calendar__month:hover .calendar__month__nr span {
      background-color: #003B4A;
      color: #FFF; }
    .calendar__month:hover .calendar__month__nr:after {
      content: '';
      display: block;
      position: absolute;
      top: 4rem;
      background-color: #003B4A;
      opacity: 0.1;
      width: 100%; }
    .calendar__month--active {
      background-color: #DCE2E3; }
      .calendar__month--active--even {
        background-color: #E5EBEC; }
    .calendar__month--nr {
      position: relative;
      min-width: 8.6rem;
      border: 0;
      vertical-align: center;
      margin: 0; }
      @media screen and (max-width: 992px) {
        .calendar__month--nr {
          position: sticky;
          position: -webkit-sticky;
          background-color: inherit;
          top: 0rem;
          z-index: 2; } }
      .calendar__month--nr:after {
        content: '';
        display: block;
        position: absolute;
        top: 4rem;
        background-color: #003B4A;
        opacity: 0;
        width: 100%;
        height: calc(14*6.2rem); }
      @media screen and (max-width: 768px) {
        .calendar__month--nr:after {
          height: calc(14*4.3rem); } }
      .calendar__month--nr:hover span {
        background-color: #003B4A;
        color: #FFF; }
      .calendar__month--nr:hover:after {
        content: '';
        display: block;
        position: absolute;
        top: 4rem;
        background-color: #003B4A;
        opacity: 0.1;
        width: 100%; }
      .calendar__month--nr span {
        background-color: #F5F5F5;
        font-size: 1.6rem;
        display: block;
        text-align: center;
        border-radius: 10px 10px 0px 0px;
        height: 4.6rem;
        padding-top: 1rem;
        margin-bottom: -1rem; }
      .calendar__month--nr--active {
        color: #FFF; }
        .calendar__month--nr--active span {
          background-color: #003B4A; }
    @media screen and (max-width: 768px) {
      .calendar__month {
        height: 4.3rem; }
        .calendar__month svg {
          width: 1.3rem !important;
          height: 1.9rem !important; } }

.source {
  font-size: 1.2rem;
  font-weight: 300; }

.black-box {
  display: block;
  background-color: #003B4A;
  padding: 4rem 3.2rem 3.3rem 15rem; }
  .black-box--apk {
    padding: 7rem;
    background-color: #002B37; }
  .black-box--actions {
    padding: 5.8rem 0rem 0rem 9.4rem; }
  .black-box__p {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    color: #FFF;
    margin-bottom: 3rem; }
    .black-box__p:last-child {
      margin-bottom: 0rem; }
  .black-box__hr {
    border-top: 1px solid #FFF;
    margin: 3.5rem 0; }
  .black-box__h4 {
    font-size: 2.4rem;
    color: #FFF;
    margin-bottom: 1.5rem;
    font-weight: 500; }
  .black-box__elem {
    padding: 0 5rem;
    position: relative; }
    .black-box__elem:first-child {
      padding-left: 15px; }
    .black-box__elem:first-child {
      padding-right: 15px; }
    .black-box__elem:before {
      content: '';
      width: 2rem;
      height: 2rem;
      background-color: #002B37;
      display: block;
      top: -4.6rem;
      left: 50%;
      transform: translateX(-50%);
      border: 1px solid #FFF;
      border-radius: 20px;
      position: absolute; }
  @media screen and (max-width: 992px) {
    .black-box {
      padding: 4rem;
      position: relative;
      margin-bottom: 2rem; }
      .black-box__hr {
        position: absolute;
        left: 2rem;
        top: 0;
        height: 100%;
        border-left: 1px solid #FFF; }
      .black-box__elem {
        padding: 0  1.5rem 0 3rem; }
        .black-box__elem:first-child {
          padding: 0 1.5rem 0 3rem; }
        .black-box__elem:before {
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%); } }

.rodo {
  overflow: hidden;
  height: 18rem;
  font-size: 1.6rem;
  margin-left: -2rem; }
  @media screen and (max-width: 992px) {
    .rodo {
      margin-bottom: 2rem; } }
  @media screen and (max-width: 992px) {
    .rodo {
      margin-left: 0rem; } }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #002B37;
  width: 1.1rem;
  border-radius: 0; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #002B37;
  width: 1.1rem;
  border-radius: 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 1px;
  background-color: #BCBCBC; }

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #002B37;
  width: 1.1rem;
  border-radius: 0; }

.contact-form {
  padding: 5.3rem 7rem;
  background-color: #E8E8E8; }
  .contact-form__input {
    display: block;
    width: 100%;
    height: 5rem;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    padding: 0.5rem 1rem;
    border: 0; }
  .contact-form__textarea {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    padding: 0.5rem 1rem;
    border: 0; }
  .contact-form__label {
    display: block;
    width: 100%;
    font-size: 1.6rem; }
  .contact-form--grey {
    background-color: #E8E8E8; }
  @media screen and (max-width: 576px) {
    .contact-form {
      padding: 5.3rem 1.5rem; } }

.icon_box {
  font-size: 1.6rem;
  color: #FFF; }
  .icon_box--blue {
    background-color: #32859F;
    padding: 5.5rem 7rem; }
  .icon_box--dark-grey {
    background-color: #003B4A;
    padding: 5rem 4rem; }
  .icon_box__elem {
    padding-left: 10.5rem;
    position: relative;
    margin-bottom: 6rem; }
    .icon_box__elem:last-child {
      margin-bottom: 0; }
    .icon_box__elem:before {
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      display: block;
      width: 7rem;
      height: 7rem; }
    .icon_box__elem--flower:before {
      background-image: url("../img/flower.svg"); }
    .icon_box__elem--phone:before {
      background-image: url("../img/phone_arrow.svg"); }
    .icon_box__elem--about {
      /*margin-bottom: 7rem;*/
      margin-bottom: 3rem;
      margin-top: 4rem;
      padding-left: 12.5rem; }
      .icon_box__elem--about:before {
        width: 9rem;
        height: 9rem; }
      .icon_box__elem--about:last-child {
        margin-bottom: 7rem; }
    .icon_box__elem--water-drop:before {
      background-image: url("../img/water-drop.svg"); }
    .icon_box__elem--face:before {
      background-image: url("../img/face.svg");
      left: 2rem; }
    .icon_box__elem--nose:before {
      background-image: url("../img/nose.svg");
      width: 10.3rem;
      height: 6rem; }
    .icon_box__elem--flu:before {
      background-image: url("../img/flu.svg"); }
  @media screen and (max-width: 576px) {
    .icon_box--blue {
      padding: 5.5rem 3rem 3rem; }
    .icon_box__elem {
      padding: 11rem 0 0;
      text-align: center; }
      .icon_box__elem:before {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%); }
      .icon_box__elem:last-child {
        margin-bottom: 6rem; } }

.apk-list {
  padding: 0; }
  .apk-list__elem {
    font-size: 1.6rem;
    padding-left: 3rem;
    list-style: none;
    position: relative;
    margin-bottom: 1.8rem; }
    .apk-list__elem:before {
      content: '';
      display: block;
      width: 2rem;
      height: 1.4rem;
      top: 0.8rem;
      left: 0;
      position: absolute;
      background-image: url("../img/list_triangle.svg");
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat; }
    .apk-list__elem--header {
      font-size: 2.4rem; }
    .apk-list__elem--light {
      font-weight: 300; }

.apk__phones-img {
  width: 54rem;
  height: 64rem;
  display: block;
  position: absolute;
  left: 0;
  top: -20rem; }
  @media screen and (max-width: 992px) {
    .apk__phones-img {
      width: 32rem;
      height: auto;
      display: block;
      position: absolute;
      right: -3rem;
      left: auto;
      top: 7rem;
      z-index: 999; } }
  @media screen and (max-width: 767px) {
    .apk__phones-img {
      width: 12rem;
      height: auto;
      display: block;
      position: absolute;
      right: -3rem;
      left: auto;
      top: -23rem; } }
  @media screen and (max-width: 576px) {
    .apk__phones-img {
      width: 12rem;
      height: auto;
      display: block;
      position: absolute;
      right: -3rem;
      left: auto;
      top: -23rem; } }

.silver-border {
  margin-top: 10rem;
  padding: 6rem 5rem;
  border: 1px solid #BCBCBC; }

.packshot-padding {
  padding-bottom: 5rem; }

.packshot-container {
  width: 100%;
  position: relative;
  height: 100%;
  border: 1px solid #BCBCBC; }
  @media screen and (max-width: 992px) {
    .packshot-container {
      padding: 8rem 3rem 2rem 40rem;
      margin-top: 9rem; } }
  @media screen and (max-width: 576px) {
    .packshot-container {
      padding: 8rem 3rem 2rem;
      margin-top: 8rem; } }

.accordion-container {
  border: 1px solid #CDCDCD; }
  .accordion-container ol {
    padding: 0rem 2rem; }

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  padding: 2rem 3rem;
  color: #000;
  background-color: transparent;
  cursor: pointer;
  width: 100%;
  text-align: left;
  display: block;
  border: none;
  outline: none;
  transition: 0.4s;
  font-weight: 600; }
  @media screen and (max-width: 576px) {
    .accordion {
      padding: 2rem 5rem 2rem 2rem; } }

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion--active .arrow-link__svg {
  transform: rotate(90deg) translateX(-50%); }

.accordion:hover {
  background-color: #003B4A;
  color: #FFF; }
  .accordion:hover .arrow-link__svg {
    transform: rotate(90deg) translateX(-50%);
    margin-left: 0;
    right: 1rem; }
    .accordion:hover .arrow-link__svg .arrow {
      transition: all .4s ease;
      stroke: #FFF; }
    .accordion:hover .arrow-link__svg .inner {
      transition: all .4s ease;
      fill: none;
      stroke: #FFF; }
    .accordion:hover .arrow-link__svg .border {
      transition: all .4s ease;
      fill: none;
      stroke: none; }
  .accordion:hover:after {
    background-image: url(../img/arrow.svg);
    transform: rotate(90deg) translateX(-50%);
    margin: 0; }

.accordion:focus {
  outline: 0; }

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 3rem;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out; }
  @media screen and (max-width: 576px) {
    .panel {
      padding: 0 1.5rem; } }

.sidebar {
  padding-left: 9.5rem; }
  @media screen and (max-width: 576px) {
    .sidebar {
      padding-left: 15px; } }

.left-arrow {
  padding-left: 3rem;
  position: relative;
  margin-bottom: 0rem; }
  .left-arrow:before {
    content: '';
    display: block;
    width: 3rem;
    height: 2rem;
    top: 0rem;
    left: 0;
    position: absolute;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat; }
  .left-arrow--red:before {
    background-image: url("../img/list_triangle.svg"); }
  .left-arrow--dark-blue {
    margin-bottom: 2rem; }
    .left-arrow--dark-blue:before {
      background-image: url("../img/blue_list_triangle.svg"); }

.article__table {
  margin: 5rem 0; }
  .article__table__header {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    width: 100%;
    background-color: #003B4A;
    padding: 1rem 0;
    color: #FFF;
    margin-bottom: 2rem; }
    .article__table__header--3columns {
      width: auto;
      margin: 0rem -15px 2rem -15px; }
      @media screen and (max-width: 576px) {
        .article__table__header--3columns {
          margin: 0rem 0px 2rem 0px; } }

.article__text {
  padding: 0 8.5rem; }
  @media screen and (max-width: 576px) {
    .article__text {
      padding: 0 4.5rem; } }
  @media screen and (max-width: 576px) {
    .article__text--momester {
      padding: 0 1.5rem; } }

.fixed-pollen {
  position: fixed;
  left: 0rem;
  top: 50%;
  transform: translateY(-50%);
  width: 30rem;
  height: 100vh;
  pointer-events: none; }
  @media screen and (max-width: 992px) {
    .fixed-pollen {
      display: none; } }
  .fixed-pollen .pollen-img {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    transition: all .1s linear;
    transform-origin: 50%;
    z-index: 9; }
    .fixed-pollen .pollen-img--1 {
      background-image: url(../img/pollen/single_pollen_1.png);
      width: 8.6rem;
      height: 10.8rem;
      top: 45%;
      left: 0rem; }
    .fixed-pollen .pollen-img--2 {
      background-image: url(../img/pollen/single_pollen_2.png);
      width: 9.9rem;
      height: 8.4rem;
      top: 50%;
      left: 4rem; }
    .fixed-pollen .pollen-img--3 {
      background-image: url(../img/pollen/single_pollen_3.png);
      width: 8.6rem;
      height: 10.8rem;
      top: 40%;
      left: 4rem; }
    .fixed-pollen .pollen-img--7 {
      background-image: url(../img/pollen/single_pollen_1.png);
      width: 8.6rem;
      height: 10.8rem;
      top: 45%;
      left: 0rem; }
    .fixed-pollen .pollen-img--8 {
      background-image: url(../img/pollen/single_pollen_2.png);
      width: 9.9rem;
      height: 8.4rem;
      top: 50%;
      left: 4rem; }
    .fixed-pollen .pollen-img--9 {
      background-image: url(../img/pollen/single_pollen_3.png);
      width: 8.6rem;
      height: 10.8rem;
      top: 40%;
      left: 4rem; }
  .fixed-pollen--calendar {
    right: 0;
    left: auto; }
    .fixed-pollen--calendar .pollen-img {
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      transition: all .1s linear;
      transform-origin: 50%;
      z-index: 9; }
      .fixed-pollen--calendar .pollen-img--1 {
        background-image: url(../img/pollen/single_pollen_1.png);
        width: 8.6rem;
        height: 10.8rem;
        top: 20%;
        right: 1rem;
        left: auto; }
      .fixed-pollen--calendar .pollen-img--2 {
        background-image: url(../img/pollen/single_pollen_2.png);
        width: 9.9rem;
        height: 8.4rem;
        top: 50%;
        right: 3rem;
        left: auto; }
      .fixed-pollen--calendar .pollen-img--3 {
        background-image: url(../img/pollen/single_pollen_3.png);
        width: 8.6rem;
        height: 10.8rem;
        top: 43%;
        right: 4rem;
        left: auto; }
      .fixed-pollen--calendar .pollen-img--4 {
        background-image: url(../img/pollen/single_pollen_1.png);
        width: 8.6rem;
        height: 10.8rem;
        top: 40%;
        right: 6rem;
        left: auto; }
      .fixed-pollen--calendar .pollen-img--5 {
        background-image: url(../img/pollen/single_pollen_3.png);
        width: 8.6rem;
        height: 10.8rem;
        top: 50%;
        right: 0rem;
        left: auto; }
      .fixed-pollen--calendar .pollen-img--6 {
        background-image: url(../img/pollen/single_pollen_2.png);
        width: 8.6rem;
        height: 10.8rem;
        top: 70%;
        right: 4rem;
        left: auto; }

.left-line {
  padding-left: 8rem;
  position: relative; }
  .left-line:before {
    content: '';
    display: block;
    width: 6.5rem;
    height: 1px;
    background-color: #C80040;
    top: .8rem;
    left: 0;
    position: absolute;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat; }

@media screen and (max-width: 576px) {
  .pollen_header {
    display: none; } }

.pollen-map {
  height: 100%;
  width: 100%; }
  .pollen-map--map {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  @media screen and (max-width: 992px) {
    .pollen-map {
      width: 60%; } }
  @media screen and (max-width: 768px) {
    .pollen-map {
      width: 80%; } }
  @media screen and (max-width: 576px) {
    .pollen-map {
      margin-bottom: 5rem;
      width: 100%; } }

@media screen and (max-width: 992px) {
  .table-container {
    max-width: 100%;
    overflow-x: scroll; } }
@media screen and (max-width: 576px) {
  .table-container {
    overflow-y: scroll;
    max-height: 70vh;
    margin-bottom: 3rem; } }

.reg4g {
  transition: all .2s ease; }
  .reg4g:hover {
    transition: all .2s ease;
    fill: #FFF; }
    .reg4g:hover .reg4 {
      fill: #FFF; }
      .reg4g:hover .reg4.region__active {
        transition: all .2s ease;
        fill: #003B4A !important; }

.change_map {
  transition: all .2s ease;
  filter: none; }
  .change_map:hover {
    transition: all .2s ease;
    fill: #FFF;
    cursor: pointer; }
  .change_map.region__active {
    transition: all .2s ease;
    fill: #003B4A !important;
    filter: url(#dropshadow); }

.reg2g {
  transition: all .2s ease; }
  .reg2g:hover {
    transition: all .2s ease;
    fill: #FFF; }
    .reg2g:hover .reg2 {
      fill: #FFF; }
      .reg2g:hover .reg2.region__active {
        transition: all .2s ease;
        fill: #003B4A !important; }

.reg1, .reg2, .reg3, .reg4 {
  transition: all .2s ease; }
  .reg1:hover, .reg2:hover, .reg3:hover, .reg4:hover {
    cursor: pointer;
    fill: #FFF;
    transition: all .2s ease; }
  .reg1.region__active, .reg2.region__active, .reg3.region__active, .reg4.region__active {
    fill: #003B4A; }
    .reg1.region__active:hover, .reg2.region__active:hover, .reg3.region__active:hover, .reg4.region__active:hover {
      transition: all .2s ease;
      fill: #003B4A !important; }
      .reg1.region__active:hover .region__active, .reg2.region__active:hover .region__active, .reg3.region__active:hover .region__active, .reg4.region__active:hover .region__active {
        transition: all .2s ease;
        fill: #003B4A !important; }

.article__text p strong {
  font-weight: 600; }

.border-table {
  border: 1px solid #E6E6E6; }

.popup {
  background-color: rgba(0, 59, 74, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 9999; }
  .popup--actions .popup__inner {
    min-height: 0;
    height: auto; }
  .popup__inner {
    display: block;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 77rem;
    min-height: 50rem;
    background-color: #FFF;
    padding: 4rem 4rem 4rem 4rem; }
    @media screen and (max-width: 992px) {
      .popup__inner {
        width: 90vw;
        min-height: auto;
        height: auto;
        overflow: scroll;
        top: 50%;
        transform: translate(-50%, -50%); } }
    @media screen and (max-width: 576px) {
      .popup__inner {
        width: 90vw;
        height: auto;
        max-height: 90vh;
        min-height: 0;
        overflow: scroll;
        top: 50%;
        transform: translate(-50%, -50%); }
        .popup__inner .description {
          font-size: 1rem;
          margin-bottom: 1rem; }
        .popup__inner .arrow-link {
          font-size: 1.4rem; } }

.close_cookie br {
  display: none; }
@media screen and (max-width: 768px) {
  .close_cookie {
    border: 1px solid #32859F;
    padding: 1rem 1rem 5rem 1rem;
    border-radius: 5px; }
    .close_cookie:hover {
      color: #32859F; }
    .close_cookie .arrow-link__svg {
      bottom: 1rem;
      left: 50%;
      right: auto;
      top: auto;
      transform: translateX(-50%); } }

.map_img {
  width: 100%;
  height: 43.7rem;
  background-image: url(../img/map/POMORZE.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }
  .map_img--1 {
    background-image: url(../img/map/POMORZE.png);
    opacity: 1; }
  .map_img--2 {
    background-image: url(../img/map/SUDETY.png);
    opacity: 0; }
  .map_img--3 {
    background-image: url(../img/map/WYBRZE┼╗E.png);
    opacity: 0; }
  .map_img--4 {
    background-image: url(../img/map/KARPATY.png);
    opacity: 0; }
  .map_img--5 {
    background-image: url(../img/map/ŚLĄSK.png);
    opacity: 0; }
  .map_img--6 {
    background-image: url(../img/map/ZIEMIA.png);
    opacity: 0; }
  .map_img--7 {
    background-image: url(../img/map/MAZOWSZE.png);
    opacity: 0; }
  .map_img--8 {
    background-image: url(../img/map/WARMIA.png);
    opacity: 0; }
  .map_img--9 {
    background-image: url(../img/map/MAŁOPOLSKA.png);
    opacity: 0; }

/* The container must be positioned relative: */
.new-select {
  position: relative;
  width: 41rem;
  display: block;
  height: 4.4rem;
  border: 1px solid #BCBCBC; }
  @media screen and (max-width: 768px) {
    .new-select {
      width: 100%; } }

.new-select select {
  display: none;
  /*hide original SELECT element: */ }

.select-selected {
  background-color: transparent; }

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 0.5rem;
  right: 1rem;
  background-image: url(../img/arrow-black.svg);
  background-size: 3rem 3rem;
  background-repeat: no-repeat;
  width: 3rem;
  height: 3rem;
  transition: all .2s ease;
  transform: rotate(90deg); }

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  transition: all .2s ease; }

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: uppercase;
  padding: 1rem 2rem; }

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #FFF;
  -webkit-box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.69);
  -moz-box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.69);
  box-shadow: 0px 5px 10px -9px rgba(0, 0, 0, 0.69);
  top: 101%;
  left: 0;
  right: 0;
  z-index: 99; }

/* Hide the items when the select box is closed: */
.select-hide {
  display: none; }

.select-items div:hover, .same-as-selected {
  background-color: #003B4A;
  color: #FFF !important; }

.video {
  position: relative;
  margin-bottom: 3rem; }
  .video:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%; }
  .video > video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.pollen_name:first-letter {
  text-transform: uppercase; }

.page-text-image {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 5rem 0 5rem 0; }

.hide {
  display: none; }

.input-header {
  font-size: 1.2rem;
  font-weight: 300; }

.error {
  border: 1px solid #C80040;
  -webkit-box-shadow: 0px 2px 5px 1px #c8003f;
  -moz-box-shadow: 0px 2px 5px 1px #c8003f;
  box-shadow: 0px 2px 5px 1px #c8003f; }

span.info {
  color: #C80040;
  font-size: 1.2rem; }

.input-header-raport {
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.6rem; }

.error-info {
  color: #C80040;
  font-size: 1rem;
  font-weight: 400;
  margin-left: 1rem; }

.form-blue-box {
  background-color: #DBEDF3;
  padding: 3.2rem 5.3rem;
  margin-bottom: 3rem; }
  .form-blue-box span.input-header {
    display: inline-block;
    margin-bottom: 1rem; }
  .form-blue-box #czy-w-ciazy span {
    display: inline-block;
    margin-bottom: 1rem; }
  .form-blue-box h2 {
    margin-bottom: 2.4rem;
    font-weight: 600;
    font-size: 1.6rem; }
  .form-blue-box input[type="text"], .form-blue-box input[type="email"] {
    width: 32rem;
    height: 5rem;
    background-color: #FFF;
    padding: 1rem 0.5rem;
    color: #000;
    border: 0;
    font-size: 1.2rem;
    font-weight: 300; }
  .form-blue-box input[type="date"] {
    width: 32rem;
    height: 5rem;
    background-color: #FFF;
    padding: 1rem 0.5rem;
    color: #000;
    border: 0;
    font-size: 1.2rem;
    font-weight: 300; }
  .form-blue-box textarea {
    width: 100%;
    height: 25rem;
    color: #000;
    border: 0;
    background-color: #FFF;
    margin-bottom: 3rem;
    font-size: 1.2rem;
    font-weight: 300; }
  .form-blue-box select {
    width: 32rem;
    height: 5rem;
    background-color: #FFF;
    padding: 1rem 0.5rem;
    color: #000;
    border: 0;
    font-size: 1.2rem;
    font-weight: 300; }
  .form-blue-box input[name="form[age]"],
  .form-blue-box input[name="form[weight]"] {
    width: 13rem; }
  .form-blue-box .radio-input {
    display: block; }
  .form-blue-box label {
    margin-right: 3rem;
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 1rem; }
  .form-blue-box #table-sprawozdanie table, .form-blue-box #table-sprawozdanie-2 table, .form-blue-box #table-sprawozdanie-3 table {
    table-layout: auto;
    width: 100%; }
  .form-blue-box #table-sprawozdanie input, .form-blue-box #table-sprawozdanie-2 input, .form-blue-box #table-sprawozdanie-3 input {
    width: 100%; }
  .form-blue-box #table-sprawozdanie td, .form-blue-box #table-sprawozdanie-2 td, .form-blue-box #table-sprawozdanie-3 td {
    font-size: 1.2rem;
    font-weight: 300; }
  .form-blue-box #table-sprawozdanie .header, .form-blue-box #table-sprawozdanie-2 .header, .form-blue-box #table-sprawozdanie-3 .header {
    background-color: #003B4A;
    background-image: none;
    color: #fff;
    text-align: center;
    padding: 1rem;
    border: .5px solid #707070; }
  .form-blue-box #table-sprawozdanie select, .form-blue-box #table-sprawozdanie-2 select, .form-blue-box #table-sprawozdanie-3 select {
    width: 100%; }
  @media screen and (max-width: 576px) {
    .form-blue-box #table-sprawozdanie, .form-blue-box #table-sprawozdanie-2, .form-blue-box #table-sprawozdanie-3 {
      width: 100%;
      overflow-x: scroll; } }
  @media screen and (max-width: 576px) {
    .form-blue-box {
      padding: 3.2rem 2.3rem; } }

/*Checkboxes styles*/
input[type="radio"] {
  display: none; }

input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  color: #000;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

input[type="radio"] + label:last-child {
  margin-bottom: 0; }

input[type="radio"] + label:before {
  content: '';
  background-color: #FFF;
  display: block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #000;
  border-radius: 20px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s; }

input[type="radio"]:checked + label:before {
  width: 1rem;
  top: -.5rem;
  background-color: transparent;
  left: .5rem;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/*Checkboxes styles*/
input[type="checkbox"] {
  display: none; }

input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  color: #000;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

input[type="checkbox"] + label:last-child {
  margin-bottom: 0; }

input[type="checkbox"] + label:before {
  content: '';
  background-color: #FFF;
  display: block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #000;
  border-radius: 20px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s; }

input[type="checkbox"]:checked + label:before {
  width: 1rem;
  top: -.5rem;
  background-color: transparent;
  left: .5rem;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.preloader {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: block;
  background-color: #fbfbfb;
  background-repeat: no-repeat;
  background-position: center center; }
  @media screen and (max-width: 576px) {
    .preloader {
      background-size: 80vw auto; } }
  .preloader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 768px) {
      .preloader img {
        width: 70%;
        height: auto; } }
  .preloader__circle-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .preloader__circle {
    border-radius: 5000px;
    width: 150px;
    height: 150px;
    background: linear-gradient(92.4563998167deg, #017bfd 20.9814453125%, #007afa 21.6833496094%, #005696 59.3054199219%, #003b4a 88.3642578125%);
    display: block;
    -webkit-animation-name: preloader__circle;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    animation-name: preloader__circle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite; }
    .preloader__circle:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 120px;
      height: 120px;
      border-radius: 5000px;
      background-color: #FFF;
      transform: translate(-50%, -50%); }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes preloader__circle {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
/* Standard syntax */
@keyframes preloader__circle {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.fancy-line {
  border-bottom: 1px solid #BCBCBC;
  width: 100%;
  padding-bottom: 3rem; }
  .fancy-line:after {
    position: absolute;
    bottom: -1rem;
    width: 2rem;
    height: 2rem;
    left: 0;
    content: '';
    display: block;
    border: 1px solid #BCBCBC;
    border-radius: 20px;
    background-color: #FFF; }

.paralax-img {
  min-height: 25rem;
  height: 40rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 3rem; }
  .paralax-img .page-text-image {
    width: auto;
    margin: 0 auto;
    height: 130%;
    max-width: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }

/*# sourceMappingURL=style.css.map */