body {
  font-family: 'Lato', sans-serif;
  color: #000;
  counter-reset: bottleComponent; }

.navbar {
  background-color: #d3d600;
  box-shadow: 0 5px 13px #25400a;
  border: none;
  margin-bottom: 0; }

.navbar-header {
  position: relative; }
  .navbar-header .navbar-brand {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    background-color: #d3d600;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 5px 13px #25400a;
    padding-bottom: 30px;
    padding-top: 24px;
    transition: all 0.3s ease; }
    @media (max-width: 500px) {
      .navbar-header .navbar-brand {
        margin-left: 37px; } }
    @media (max-width: 360px) {
      .navbar-header .navbar-brand {
        margin-left: 15px; } }
    .navbar-header .navbar-brand:hover {
      background-color: #d3d600; }
    .navbar-header .navbar-brand.small {
      padding-bottom: 20px;
      margin-left: 24px; }
      .navbar-header .navbar-brand.small img {
        width: 100px; }
    .navbar-header .navbar-brand.mobileSmall {
      padding-top: 10px;
      padding-bottom: 10px; }
      .navbar-header .navbar-brand.mobileSmall img {
        width: 80px; }
    .navbar-header .navbar-brand img {
      transition: all 0.3s ease;
      width: 171px; }

#mainNavbar {
  border: none;
  max-height: none;
  box-shadow: none;
  overflow: hidden; }
  #mainNavbar .nav > li.active > a {
    color: #fff;
    background-color: transparent;
    text-decoration: none;
    border: none; }
    #mainNavbar .nav > li.active > a:after {
      bottom: 18px;
      opacity: 1; }
      @media (max-width: 1400px) {
        #mainNavbar .nav > li.active > a:after {
          bottom: 10px; } }
    @media (max-width: 980px) {
      #mainNavbar .nav > li.active > a {
        background-color: #333; } }
  #mainNavbar .nav > li > a {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    padding-top: 27px;
    padding-bottom: 27px;
    position: relative;
    transition: all 0.3s ease; }
    @media (max-width: 1400px) {
      #mainNavbar .nav > li > a {
        padding-top: 19px;
        padding-bottom: 19px; } }
    #mainNavbar .nav > li > a:after {
      content: "";
      display: block;
      height: 2px;
      width: 88%;
      background-color: #00772b;
      position: absolute;
      bottom: 10px;
      left: 0;
      right: 0;
      margin: auto;
      opacity: 0;
      transition: all 0.3s ease; }
      @media (max-width: 1400px) {
        #mainNavbar .nav > li > a:after {
          bottom: 0px; } }
      @media (max-width: 980px) {
        #mainNavbar .nav > li > a:after {
          display: none; } }
    #mainNavbar .nav > li > a:hover {
      color: #fff;
      text-decoration: none;
      border: none; }
      #mainNavbar .nav > li > a:hover:after {
        bottom: 18px;
        opacity: 1; }
        @media (max-width: 1400px) {
          #mainNavbar .nav > li > a:hover:after {
            bottom: 10px; } }
  #mainNavbar .navbarButtons {
    height: 74px;
    line-height: 74px; }
    @media (max-width: 1400px) {
      #mainNavbar .navbarButtons {
        height: 58px;
        line-height: 58px; } }
    #mainNavbar .navbarButtons .navbar-link {
      color: #00772b;
      font-size: 22px;
      margin-right: 5px;
      transition: all 0.3s ease; }
      @media (max-width: 980px) {
        #mainNavbar .navbarButtons .navbar-link {
          font-size: 31px;
          margin-right: 20px; } }
      #mainNavbar .navbarButtons .navbar-link:hover {
        text-decoration: none;
        color: #00aa3d; }
      #mainNavbar .navbarButtons .navbar-link.navbarOnlineShopLink {
        background-color: #00772b;
        color: #d3d600;
        font-size: 11px;
        display: block;
        height: 20px;
        width: 90px;
        line-height: 20px;
        padding-left: 10px;
        /*float: right;*/
        /*margin-top: 27px;*/
        margin-top: 14px;
        float: none;
        border-radius: 4px;
        margin-left: 5px; }
        @media (max-width: 1400px) {
          #mainNavbar .navbarButtons .navbar-link.navbarOnlineShopLink {
            margin-top: 8px; } }
        @media (max-width: 980px) {
          #mainNavbar .navbarButtons .navbar-link.navbarOnlineShopLink {
            margin-right: 0;
            height: 26px;
            line-height: 26px;
            width: 110px;
            font-size: 13px; } }
        #mainNavbar .navbarButtons .navbar-link.navbarOnlineShopLink:hover {
          text-decoration: none;
          background-color: #00aa3d; }
        #mainNavbar .navbarButtons .navbar-link.navbarOnlineShopLink span {
          display: block;
          float: left;
          height: 20px;
          line-height: 18px; }
          @media (max-width: 980px) {
            #mainNavbar .navbarButtons .navbar-link.navbarOnlineShopLink span {
              height: 26px;
              line-height: 26px; } }
        #mainNavbar .navbarButtons .navbar-link.navbarOnlineShopLink .fa {
          line-height: 22px;
          font-size: 8px;
          margin-right: 7px;
          display: block;
          float: right; }
          @media (max-width: 980px) {
            #mainNavbar .navbarButtons .navbar-link.navbarOnlineShopLink .fa {
              line-height: 26px;
              font-size: 10px; } }

.greenText {
  color: #00772b; }

main {
  padding-top: 74px; }
  @media (max-width: 1400px) {
    main {
      padding-top: 58px; } }
  @media (max-width: 980px) {
    main {
      padding-top: 50px; } }
  main .jumbotron {
    background-image: url(../img/jumbotronBG.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #fff;
    height: 624px;
    margin-bottom: 0;
    /*position: relative;*/
    /*&:after {
    	content: "";
    	display: block;
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	right: 0;
    	width: 100%;
    	background-image: url(../img/jumbotronBGMask.png);
    	background-repeat: no-repeat;
    	background-position: bottom center;
    	height: 123px;
    	display: none;
    }*/ }
    @media (max-width: 980px) {
      main .jumbotron {
        background-image: url(../img/jumbotronBG2.jpg); } }
    @media (max-width: 500px) {
      main .jumbotron {
        background-image: url(../img/jumbotronBGMobile.jpg); } }
    @media (max-width: 360px) {
      main .jumbotron {
        height: 590px;
        background-size: cover; } }
    main .jumbotron .jumbotronInner {
      text-align: right;
      padding-right: 122px;
      margin-top: 180px; }
      @media (max-width: 980px) {
        main .jumbotron .jumbotronInner {
          padding-right: 0;
          max-width: 380px;
          float: right; } }
      @media (max-width: 500px) {
        main .jumbotron .jumbotronInner {
          float: none;
          overflow: hidden; } }
      @media (max-width: 320px) {
        main .jumbotron .jumbotronInner {
          margin-top: 110px; } }
      main .jumbotron .jumbotronInner .mainSlogan {
        margin: 0;
        color: #fff;
        font-weight: 900;
        font-size: 51px;
        text-transform: uppercase; }
        @media (max-width: 500px) {
          main .jumbotron .jumbotronInner .mainSlogan {
            font-size: 28px;
            float: right;
            max-width: 205px; } }
        @media (max-width: 360px) {
          main .jumbotron .jumbotronInner .mainSlogan {
            font-size: 25px; } }
        @media (max-width: 320px) {
          main .jumbotron .jumbotronInner .mainSlogan {
            font-size: 21px; } }
      main .jumbotron .jumbotronInner .jumbotronLink {
        display: block;
        margin-top: 40px;
        border: 1px solid #fff;
        height: 47px;
        line-height: 47px;
        width: 247px;
        text-align: center;
        color: #fff;
        font-weight: 300;
        font-size: 17px;
        text-transform: uppercase;
        transition: all 0.3s ease;
        float: right; }
        @media (max-width: 500px) {
          main .jumbotron .jumbotronInner .jumbotronLink {
            width: 190px; } }
        @media (max-width: 360px) {
          main .jumbotron .jumbotronInner .jumbotronLink {
            width: 170px; } }
        @media (max-width: 320px) {
          main .jumbotron .jumbotronInner .jumbotronLink {
            width: 150px; } }
        main .jumbotron .jumbotronInner .jumbotronLink:hover {
          background-color: #fff;
          color: #333;
          text-decoration: none;
          box-shadow: 0 0 3px #333; }

.borderContainer {
  padding: 60px 150px;
  border: 2px dashed #e3e2e0;
  border-radius: 30px;
  /*border-image: url(../img/dashedBorderBG.png) 2 round;
  border-style: solid;
  border-width: 2px;*/ }

.sectionTitle {
  font-size: 34px;
  font-weight: 900;
  color: #000;
  margin-top: 0;
  margin-bottom: 35px;
  text-align: center; }
  @media (max-width: 500px) {
    .sectionTitle {
      font-size: 26px; } }
  @media (max-width: 320px) {
    .sectionTitle {
      font-size: 22px; } }

.regularParagraph {
  font-size: 16px;
  margin-bottom: 0; }
  @media (max-width: 500px) {
    .regularParagraph {
      font-size: 14px; } }

#howItsMade {
  margin-top: -48px;
  overflow: hidden; }
  @media (max-width: 980px) {
    #howItsMade {
      margin-top: -20px; } }
  @media (max-width: 500px) {
    #howItsMade {
      margin-top: -7px; } }
  @media (max-width: 360px) {
    #howItsMade {
      margin-top: -2px; } }
  #howItsMade .borderContainer {
    margin-top: -25px;
    padding-top: 110px;
    padding-bottom: 50px; }
    @media (max-width: 980px) {
      #howItsMade .borderContainer {
        padding-top: 90px;
        padding-bottom: 45px;
        padding-left: 45px;
        padding-right: 45px; } }
    @media (max-width: 500px) {
      #howItsMade .borderContainer {
        padding-top: 70px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px; } }
  #howItsMade .sectionTitle {
    text-align: left; }
    @media (max-width: 500px) {
      #howItsMade .sectionTitle {
        /*font-size: 26px;*/
        margin-bottom: 15px; } }
  #howItsMade .regularParagraph {
    max-width: 460px; }
    @media (max-width: 500px) {
      #howItsMade .regularParagraph {
        margin-bottom: 30px; } }
  @media (max-width: 500px) {
    #howItsMade .howItsMadeLogo {
      margin: auto; } }
  @media (max-width: 320px) {
    #howItsMade .howItsMadeLogo {
      max-width: 150px; } }

#perfectFlavor {
  padding: 120px 0 60px;
  text-align: center; }
  @media (max-width: 1400px) {
    #perfectFlavor {
      padding-bottom: 80px; } }
  @media (max-width: 980px) {
    #perfectFlavor {
      padding: 80px 0 60px; } }
  @media (max-width: 500px) {
    #perfectFlavor {
      padding: 60px 0 50px; } }
  #perfectFlavor .sectionTitle {
    margin-bottom: 15px; }
  #perfectFlavor .regularParagraph {
    max-width: 500px;
    margin: auto; }

#bottle {
  padding-top: 60px; }
  @media (max-width: 1400px) {
    #bottle {
      padding-top: 30px; }
      #bottle .sectionTitle {
        margin-bottom: 30px; } }
  #bottle .bgContainer {
    height: 745px;
    background-image: url(../img/bottleBG.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    padding-top: 80px;
    padding-right: 80px; }
    @media (max-width: 1400px) {
      #bottle .bgContainer {
        height: 490px;
        padding-top: 60px;
        margin: auto;
        max-width: 774px;
        padding-right: 0; } }
    @media (max-width: 768px) {
      #bottle .bgContainer {
        max-width: 658px; } }
    @media (max-width: 500px) {
      #bottle .bgContainer {
        background-position: top left;
        padding-top: 5px; } }
    #bottle .bgContainer .bottleComponent {
      /*overflow: hidden;*/
      position: relative; }
      @media (max-width: 1400px) {
        #bottle .bgContainer .bottleComponent {
          float: left;
          width: 50%; } }
      @media (max-width: 500px) {
        #bottle .bgContainer .bottleComponent {
          float: right;
          width: 44%;
          clear: both;
          margin-bottom: 30px; } }
      @media (max-width: 360px) {
        #bottle .bgContainer .bottleComponent {
          margin-bottom: 40px;
          width: 42%; } }
      @media (max-width: 320px) {
        #bottle .bgContainer .bottleComponent {
          margin-bottom: 26px;
          width: 36%; } }
      #bottle .bgContainer .bottleComponent:before {
        counter-increment: bottleComponent;
        content: counter(bottleComponent);
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        left: -50px;
        color: #6c5446;
        font-weight: 900;
        font-size: 51px;
        text-transform: uppercase; }
        @media (max-width: 1400px) {
          #bottle .bgContainer .bottleComponent:before {
            left: -35px;
            font-size: 38px; } }
        @media (max-width: 500px) {
          #bottle .bgContainer .bottleComponent:before {
            font-size: 30px;
            left: -25px; } }
        @media (max-width: 360px) {
          #bottle .bgContainer .bottleComponent:before {
            font-size: 24px;
            left: -20px; } }
      #bottle .bgContainer .bottleComponent:after {
        content: " ";
        display: block;
        height: 0;
        clear: both; }
      #bottle .bgContainer .bottleComponent.numberRight:before {
        left: auto;
        right: -50px; }
        @media (max-width: 1400px) {
          #bottle .bgContainer .bottleComponent.numberRight:before {
            right: -35px; } }
        @media (max-width: 500px) {
          #bottle .bgContainer .bottleComponent.numberRight:before {
            right: auto;
            left: -25px; } }
        @media (max-width: 360px) {
          #bottle .bgContainer .bottleComponent.numberRight:before {
            left: -20px; } }
      #bottle .bgContainer .bottleComponent:nth-child(2n) {
        margin-bottom: 120px; }
        @media (max-width: 1400px) {
          #bottle .bgContainer .bottleComponent:nth-child(2n) {
            /*margin-bottom: 40px;*/
            margin-bottom: 120px;
            margin-left: 0;
            margin-right: 0; } }
        @media (max-width: 500px) {
          #bottle .bgContainer .bottleComponent:nth-child(2n) {
            margin-bottom: 30px; } }
        @media (max-width: 360px) {
          #bottle .bgContainer .bottleComponent:nth-child(2n) {
            margin-bottom: 40px; } }
        @media (max-width: 320px) {
          #bottle .bgContainer .bottleComponent:nth-child(2n) {
            margin-bottom: 26px; } }
      #bottle .bgContainer .bottleComponent:nth-child(4) {
        margin-bottom: 120px;
        /*@media(max-width:1400px) {
        	margin-bottom: 120px;
        }*/ }
        @media (max-width: 500px) {
          #bottle .bgContainer .bottleComponent:nth-child(4) {
            margin-bottom: 30px; } }
        @media (max-width: 360px) {
          #bottle .bgContainer .bottleComponent:nth-child(4) {
            margin-bottom: 40px; } }
        @media (max-width: 320px) {
          #bottle .bgContainer .bottleComponent:nth-child(4) {
            margin-bottom: 26px; } }
      #bottle .bgContainer .bottleComponent:nth-child(5) {
        margin-bottom: 60px; }
        @media (max-width: 1400px) {
          #bottle .bgContainer .bottleComponent:nth-child(5) {
            margin-bottom: 120px; } }
        @media (max-width: 500px) {
          #bottle .bgContainer .bottleComponent:nth-child(5) {
            margin-bottom: 30px; } }
        @media (max-width: 360px) {
          #bottle .bgContainer .bottleComponent:nth-child(5) {
            margin-bottom: 40px; } }
        @media (max-width: 320px) {
          #bottle .bgContainer .bottleComponent:nth-child(5) {
            margin-bottom: 26px; } }
      #bottle .bgContainer .bottleComponent.one, #bottle .bgContainer .bottleComponent.five {
        margin-left: 60px; }
        @media (max-width: 1400px) {
          #bottle .bgContainer .bottleComponent.one, #bottle .bgContainer .bottleComponent.five {
            margin-left: 0; } }
      #bottle .bgContainer .bottleComponent.four {
        margin-right: 30px; }
        @media (max-width: 1400px) {
          #bottle .bgContainer .bottleComponent.four {
            margin-right: 0; } }
      #bottle .bgContainer .bottleComponent h3 {
        color: #6c5446;
        font-weight: 900;
        font-size: 24px;
        line-height: 30px;
        text-transform: uppercase;
        margin: 0;
        max-width: 430px; }
        @media (max-width: 1400px) {
          #bottle .bgContainer .bottleComponent h3 {
            font-size: 20px;
            line-height: 24px;
            max-width: 300px; } }
        @media (max-width: 500px) {
          #bottle .bgContainer .bottleComponent h3 {
            font-size: 16px;
            line-height: 20px;
            text-align: left;
            float: none !important; } }
        @media (max-width: 360px) {
          #bottle .bgContainer .bottleComponent h3 {
            font-size: 14px;
            line-height: 18px; } }
        @media (max-width: 320px) {
          #bottle .bgContainer .bottleComponent h3 {
            font-size: 13px; } }

.vSliderContainer {
  padding: 90px 0; }
  @media (max-width: 1400px) {
    .vSliderContainer {
      padding-bottom: 50px; } }
  @media (max-width: 980px) {
    .vSliderContainer {
      padding-top: 60px; } }
  @media (max-width: 768px) {
    .vSliderContainer {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (max-width: 500px) {
    .vSliderContainer {
      padding-top: 50px; } }
  .vSliderContainer .vSliderIntro {
    color: #000;
    font-weight: 900;
    font-size: 31px;
    line-height: 56px;
    text-transform: uppercase;
    display: block;
    text-align: right;
    height: 56px; }
    @media (max-width: 980px) {
      .vSliderContainer .vSliderIntro {
        text-align: center; } }
    @media (max-width: 500px) {
      .vSliderContainer .vSliderIntro {
        font-size: 22px; } }
    @media (max-width: 320px) {
      .vSliderContainer .vSliderIntro {
        font-size: 19px; } }
  .vSliderContainer .vSliderInner {
    height: 56px;
    overflow: hidden;
    position: relative; }
    .vSliderContainer .vSliderInner .vSliderList {
      padding: 0;
      margin: 0;
      list-style-type: none;
      position: absolute;
      top: 0;
      left: 0; }
      @media (max-width: 980px) {
        .vSliderContainer .vSliderInner .vSliderList {
          right: 0; } }
      .vSliderContainer .vSliderInner .vSliderList li {
        padding: 4px 0;
        height: 56px; }
        @media (max-width: 980px) {
          .vSliderContainer .vSliderInner .vSliderList li {
            text-align: center; }
            .vSliderContainer .vSliderInner .vSliderList li .vsliderItemContainer {
              display: inline-block;
              overflow: hidden; } }
        .vSliderContainer .vSliderInner .vSliderList li .vSliderItem {
          font-weight: 900;
          text-transform: uppercase;
          font-size: 31px;
          line-height: 48px;
          color: #00772b;
          display: block;
          float: left; }
          @media (max-width: 500px) {
            .vSliderContainer .vSliderInner .vSliderList li .vSliderItem {
              font-size: 16px; } }
          @media (max-width: 320px) {
            .vSliderContainer .vSliderInner .vSliderList li .vSliderItem {
              font-size: 14px; } }
        .vSliderContainer .vSliderInner .vSliderList li .vSlidericon {
          display: block;
          float: left;
          margin-left: 20px;
          max-height: 100%; }

#healthInNature {
  padding-top: 50px;
  padding-bottom: 80px;
  background-image: url(../img/patternBg.jpg);
  background-repeat: repeat-y; }
  @media (max-width: 1400px) {
    #healthInNature {
      padding-top: 30px; } }
  @media (max-width: 768px) {
    #healthInNature {
      padding-bottom: 40px; } }
  #healthInNature .borderContainer {
    padding-top: 80px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
    background-image: url(../img/healthInNature.png);
    background-repeat: no-repeat;
    background-position: 92% 130px; }
    @media (max-width: 1400px) {
      #healthInNature .borderContainer {
        padding-top: 50px;
        background-position: 92% 80px; } }
    @media (max-width: 980px) {
      #healthInNature .borderContainer {
        background-position: 95% 80px;
        padding-bottom: 50px; } }
    @media (max-width: 500px) {
      #healthInNature .borderContainer {
        padding: 30px 20px;
        background-image: none; } }
  #healthInNature .sectionGreenTitle {
    margin: 0;
    color: #00772b;
    float: right;
    text-align: center;
    margin-bottom: 110px; }
    @media (max-width: 1400px) {
      #healthInNature .sectionGreenTitle {
        margin-bottom: 70px;
        margin-right: 40px; } }
    @media (max-width: 500px) {
      #healthInNature .sectionGreenTitle {
        float: none;
        margin: 0 auto 25px; } }
    @media (max-width: 360px) {
      #healthInNature .sectionGreenTitle {
        margin-bottom: 16px; } }
    #healthInNature .sectionGreenTitle strong {
      font-size: 130px;
      line-height: 124px;
      font-weight: 500;
      display: block; }
      @media (max-width: 1400px) {
        #healthInNature .sectionGreenTitle strong {
          font-size: 114px; } }
      @media (max-width: 500px) {
        #healthInNature .sectionGreenTitle strong {
          font-size: 78px;
          line-height: 88px; } }
      @media (max-width: 360px) {
        #healthInNature .sectionGreenTitle strong {
          font-size: 64px;
          line-height: 70px; } }
    #healthInNature .sectionGreenTitle span {
      font-size: 36px;
      line-height: 32px;
      height: 36px;
      font-weight: 300;
      display: inline-block;
      position: relative; }
      @media (max-width: 360px) {
        #healthInNature .sectionGreenTitle span {
          font-size: 30px; } }
      #healthInNature .sectionGreenTitle span:before, #healthInNature .sectionGreenTitle span:after {
        content: "";
        display: block;
        height: 2px;
        background-color: #00772b;
        width: 32px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%); }
        @media (max-width: 500px) {
          #healthInNature .sectionGreenTitle span:before, #healthInNature .sectionGreenTitle span:after {
            width: 26px; } }
        @media (max-width: 360px) {
          #healthInNature .sectionGreenTitle span:before, #healthInNature .sectionGreenTitle span:after {
            width: 20px; } }
      #healthInNature .sectionGreenTitle span:before {
        left: -80px; }
        @media (max-width: 500px) {
          #healthInNature .sectionGreenTitle span:before {
            left: -40px; } }
        @media (max-width: 360px) {
          #healthInNature .sectionGreenTitle span:before {
            left: -30px; } }
      #healthInNature .sectionGreenTitle span:after {
        right: -80px; }
        @media (max-width: 500px) {
          #healthInNature .sectionGreenTitle span:after {
            right: -40px; } }
        @media (max-width: 360px) {
          #healthInNature .sectionGreenTitle span:after {
            right: -30px; } }
  #healthInNature .regularParagraph {
    clear: both;
    font-size: 18px;
    margin-bottom: 30px;
    max-width: 570px; }
    @media (max-width: 500px) {
      #healthInNature .regularParagraph {
        font-size: 16px; } }
    @media (max-width: 360px) {
      #healthInNature .regularParagraph {
        font-size: 14px;
        margin-bottom: 20px; } }
  #healthInNature .regularGreenParagraph {
    font-size: 18px;
    max-width: 680px;
    color: #00772b; }
    @media (max-width: 500px) {
      #healthInNature .regularGreenParagraph {
        font-size: 16px; } }
    @media (max-width: 360px) {
      #healthInNature .regularGreenParagraph {
        font-size: 14px; } }

#warmiaMazury {
  background-image: url(../img/warmiaMazuryBG.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  padding: 170px 0 198px; }
  @media (max-width: 768px) {
    #warmiaMazury {
      padding: 130px 0 155px; } }
  @media (max-width: 500px) {
    #warmiaMazury {
      padding: 100px 0;
      text-shadow: 0 0 3px #000; } }
  @media (max-width: 360px) {
    #warmiaMazury {
      padding: 70px 0; } }
  #warmiaMazury .sectionTitle {
    color: #fff; }
  #warmiaMazury .regularWhiteParagraph {
    color: #fff;
    font-size: 18px;
    max-width: 630px;
    margin: auto; }
    @media (max-width: 500px) {
      #warmiaMazury .regularWhiteParagraph {
        font-size: 16px;
        text-align: justify; } }
    @media (max-width: 360px) {
      #warmiaMazury .regularWhiteParagraph {
        font-size: 14px; } }

#numbers {
  padding-top: 86px;
  padding-bottom: 86px;
  background-image: url(../img/patternBg.jpg);
  background-repeat: repeat-y; }
  @media (max-width: 1400px) {
    #numbers {
      padding-top: 46px; } }
  @media (max-width: 500px) {
    #numbers {
      padding-top: 30px;
      padding-bottom: 50px; } }
  #numbers .numbersInner {
    margin-bottom: 66px; }
    @media (max-width: 1400px) {
      #numbers .numbersInner {
        margin-bottom: 26px; } }
    @media (max-width: 500px) {
      #numbers .numbersInner {
        margin-bottom: 0; } }
  #numbers .sectionTitle {
    margin-bottom: 18px; }
    @media (max-width: 500px) {
      #numbers .sectionTitle {
        font-size: 26px;
        margin-bottom: 14px; } }
  #numbers .subtitle {
    font-size: 23px;
    text-align: center;
    display: block;
    margin-bottom: 60px; }
    @media (max-width: 1400px) {
      #numbers .subtitle {
        margin-bottom: 30px; } }
    @media (max-width: 500px) {
      #numbers .subtitle {
        font-size: 20px;
        margin-bottom: 18px; } }
    @media (max-width: 360px) {
      #numbers .subtitle {
        font-size: 18px; } }
  #numbers .numberContainer {
    border-image: url(../img/numberContainerBG.png) 12 round;
    width: 158px;
    height: 82px;
    margin: auto;
    border-style: solid;
    border-width: 12px;
    text-align: center; }
    @media (max-width: 500px) {
      #numbers .numberContainer {
        width: 140px;
        height: 67px; } }
    @media (max-width: 360px) {
      #numbers .numberContainer {
        width: 133px;
        height: 63px; } }
    #numbers .numberContainer .number {
      color: #00772b;
      font-size: 34px;
      font-weight: 900;
      line-height: 58px; }
      @media (max-width: 1400px) {
        #numbers .numberContainer .number {
          font-size: 30px; } }
      @media (max-width: 500px) {
        #numbers .numberContainer .number {
          line-height: 43px; } }
      @media (max-width: 360px) {
        #numbers .numberContainer .number {
          font-size: 25px;
          line-height: 39px; } }
  #numbers .numberCaption {
    display: block;
    max-width: 320px;
    margin: 40px auto 0;
    font-size: 24px;
    line-height: 28px;
    text-align: center; }
    @media (max-width: 1400px) {
      #numbers .numberCaption {
        font-size: 22px; } }
    @media (max-width: 500px) {
      #numbers .numberCaption {
        margin: 10px auto 30px;
        font-size: 18px;
        line-height: 24px; } }
    @media (max-width: 360px) {
      #numbers .numberCaption {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 20px; } }
  #numbers .bonusInfoTitle {
    display: block;
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px; }
    @media (max-width: 500px) {
      #numbers .bonusInfoTitle {
        font-size: 20px;
        margin-bottom: 15px; } }
  #numbers .bonusInfo {
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    color: #00772b;
    max-width: 800px;
    margin: 0 auto 80px; }
    @media (max-width: 1400px) {
      #numbers .bonusInfo {
        font-size: 20px;
        margin: 0 auto 40px; } }
    @media (max-width: 500px) {
      #numbers .bonusInfo {
        font-size: 17px; } }
  #numbers .dataDisclaimer {
    display: block;
    text-align: center; }

#folkWisdom {
  padding-bottom: 86px;
  background-image: url(../img/patternBg.jpg);
  background-repeat: repeat-y; }
  @media (max-width: 768px) {
    #folkWisdom {
      padding-bottom: 50px; } }
  #folkWisdom .borderContainer {
    padding: 80px 140px; }
    @media (max-width: 1400px) {
      #folkWisdom .borderContainer {
        padding: 60px 140px; } }
    @media (max-width: 980px) {
      #folkWisdom .borderContainer {
        padding: 50px; } }
    @media (max-width: 500px) {
      #folkWisdom .borderContainer {
        padding: 30px 20px; } }
  #folkWisdom .sectionTitle {
    margin-bottom: 80px; }
    @media (max-width: 1400px) {
      #folkWisdom .sectionTitle {
        margin-bottom: 60px; } }
    @media (max-width: 500px) {
      #folkWisdom .sectionTitle {
        margin-bottom: 30px; } }
  #folkWisdom .regularParagraph {
    font-size: 18px;
    margin-bottom: 25px; }
    @media (max-width: 500px) {
      #folkWisdom .regularParagraph {
        font-size: 16px;
        margin-bottom: 15px; } }
    @media (max-width: 360px) {
      #folkWisdom .regularParagraph {
        font-size: 14px; } }
  #folkWisdom .regularParagraph:last-child {
    margin-bottom: 0; }

#recipes {
  background-image: url(../img/recipesBG2.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: 1117px;
  padding-top: 117px; }
  @media (max-width: 1400px) {
    #recipes {
      background-size: contain;
      padding-top: 50px;
      background-image: url(../img/recipesBG3.jpg);
      height: 700px; } }
  @media (max-width: 980px) {
    #recipes {
      background-size: 152%;
      height: 760px; } }
  @media (max-width: 768px) {
    #recipes {
      background-size: 194%;
      height: 760px; } }
  @media (max-width: 500px) {
    #recipes {
      background-size: cover;
      padding-top: 30px;
      height: 720px; } }
  @media (max-width: 360px) {
    #recipes {
      height: 628px; } }
  @media (max-width: 320px) {
    #recipes {
      height: 580px; } }
  #recipes .recipesSectionTitleContainer {
    margin-bottom: 40px; }
    @media (max-width: 1400px) {
      #recipes .recipesSectionTitleContainer {
        margin-top: 120px; } }
    @media (max-width: 980px) {
      #recipes .recipesSectionTitleContainer {
        margin-top: 20px;
        margin-bottom: 20px; } }
    @media (max-width: 500px) {
      #recipes .recipesSectionTitleContainer {
        margin-top: 10px;
        margin-bottom: 30px; } }
  #recipes .recipesSlider {
    background-image: url(../img/recipesSliderBG.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    /*height: 759px;
    width: 639px;*/
    height: 630px;
    width: 530px;
    margin: auto; }
    @media (max-width: 1366px) {
      #recipes .recipesSlider {
        height: 500px;
        width: 422px; } }
    @media (max-width: 1400px) {
      #recipes .recipesSlider {
        height: 468px;
        width: 395px; } }
    @media (max-width: 500px) {
      #recipes .recipesSlider {
        width: 100%; } }
    @media (max-width: 360px) {
      #recipes .recipesSlider {
        height: 400px; } }
    @media (max-width: 320px) {
      #recipes .recipesSlider {
        height: 360px; } }
    #recipes .recipesSlider .recipeTitleContainer {
      max-width: 229px;
      margin: auto;
      height: 115px;
      position: relative; }
      @media (max-width: 1400px) {
        #recipes .recipesSlider .recipeTitleContainer {
          max-width: 178px;
          height: 92px; } }
      @media (max-width: 360px) {
        #recipes .recipesSlider .recipeTitleContainer {
          max-width: 154px;
          height: 73px; } }
      @media (max-width: 360px) {
        #recipes .recipesSlider .recipeTitleContainer {
          max-width: 126px;
          height: 62px; } }
      #recipes .recipesSlider .recipeTitleContainer .recipeTitle {
        color: #fefefe;
        font-size: 16px;
        font-weight: 700;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        padding-right: 10px; }
        @media (max-width: 1366px) {
          #recipes .recipesSlider .recipeTitleContainer .recipeTitle {
            font-size: 13px;
            padding-right: 4px; } }
        @media (max-width: 360px) {
          #recipes .recipesSlider .recipeTitleContainer .recipeTitle {
            font-size: 12px;
            line-height: 14px; } }
        @media (max-width: 360px) {
          #recipes .recipesSlider .recipeTitleContainer .recipeTitle {
            font-size: 11px;
            line-height: 13px; } }
    #recipes .recipesSlider .singleRecipe {
      margin-top: 30px;
      margin-left: 32px;
      margin-right: 32px;
      padding: 0 24px;
      color: #fff;
      font-size: 18px;
      font-weight: 300;
      max-height: 400px;
      overflow: auto; }
      @media (max-width: 1366px) {
        #recipes .recipesSlider .singleRecipe {
          font-size: 14px;
          margin-left: 26px;
          margin-right: 26px;
          max-height: 320px; } }
      @media (max-width: 1400px) {
        #recipes .recipesSlider .singleRecipe {
          max-height: 300px; } }
      @media (max-width: 500px) {
        #recipes .recipesSlider .singleRecipe {
          padding-left: 10px;
          padding-right: 10px;
          margin-top: 10px; } }
      @media (max-width: 360px) {
        #recipes .recipesSlider .singleRecipe {
          max-height: 270px;
          margin-left: 20px;
          margin-right: 20px; } }
      @media (max-width: 320px) {
        #recipes .recipesSlider .singleRecipe {
          max-height: 200px;
          margin-left: 15px;
          margin-right: 15px; } }
      #recipes .recipesSlider .singleRecipe .recipeIngredients {
        padding-left: 0;
        list-style-type: none; }
        #recipes .recipesSlider .singleRecipe .recipeIngredients li {
          padding-left: 70px;
          background-image: url(../img/ingredientHand.png);
          background-repeat: no-repeat;
          background-position: left center; }
          @media (max-width: 1400px) {
            #recipes .recipesSlider .singleRecipe .recipeIngredients li {
              padding-left: 40px; } }
  #recipes .controlsContainer {
    overflow: hidden;
    max-width: 522px;
    margin: 30px auto 0; }
    @media (max-width: 1366px) {
      #recipes .controlsContainer {
        max-width: 422px; } }
    @media (max-width: 500px) {
      #recipes .controlsContainer {
        margin-top: 10px; } }
  #recipes .carousel-control {
    position: relative;
    opacity: 1;
    top: auto;
    left: auto;
    bottom: auto;
    width: auto;
    text-shadow: none;
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    width: 250px;
    height: 37px;
    line-height: 37px;
    display: block;
    transition: all 0.3s ease; }
    @media (max-width: 1366px) {
      #recipes .carousel-control {
        width: 200px; } }
    @media (max-width: 500px) {
      #recipes .carousel-control {
        width: 46%;
        font-size: 15px; } }
    @media (max-width: 360px) {
      #recipes .carousel-control {
        font-size: 14px; } }
    @media (max-width: 320px) {
      #recipes .carousel-control {
        font-size: 11px; } }
    #recipes .carousel-control:hover {
      opacity: 0.8; }
    #recipes .carousel-control.left {
      padding: 0 25px 0 76px;
      background-image: url(../img/recipeSliderPrev.png);
      background-repeat: no-repeat;
      background-position: top left;
      float: left; }
      @media (max-width: 360px) {
        #recipes .carousel-control.left {
          padding-right: 5px; } }
      #recipes .carousel-control.left:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-right: 10px solid #00772b;
        border-bottom: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid transparent;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        right: -11px; }
        @media (max-width: 1366px) {
          #recipes .carousel-control.left:after {
            display: none; } }
    #recipes .carousel-control.right {
      padding: 0 76px 0 25px;
      background-image: url(../img/recipeSliderNext.png);
      background-repeat: no-repeat;
      background-position: top right;
      float: right; }
      @media (max-width: 360px) {
        #recipes .carousel-control.right {
          padding-left: 5px; } }
      #recipes .carousel-control.right:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-left: 10px solid #00772b;
        border-bottom: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid transparent;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        left: -11px; }
        @media (max-width: 1366px) {
          #recipes .carousel-control.right:before {
            display: none; } }

#awards {
  padding-top: 120px;
  padding-bottom: 70px; }
  @media (max-width: 1400px) {
    #awards {
      padding-top: 80px; } }
  @media (max-width: 768px) {
    #awards {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (max-width: 500px) {
    #awards {
      padding-top: 30px;
      padding-bottom: 30px; } }
  #awards .sectionTitle {
    margin-bottom: 120px; }
    @media (max-width: 1400px) {
      #awards .sectionTitle {
        margin-bottom: 80px; } }
    @media (max-width: 500px) {
      #awards .sectionTitle {
        margin-bottom: 20px; } }
  #awards .awardsContainer {
    overflow: hidden; }
    @media (max-width: 500px) {
      #awards .awardsContainer {
        display: flex;
        flex-wrap: wrap; } }
    #awards .awardsContainer .award {
      float: left;
      width: 20%;
      text-align: center; }
      @media (max-width: 500px) {
        #awards .awardsContainer .award {
          width: 50%;
          margin-bottom: 30px; } }
      #awards .awardsContainer .award .awardYear, #awards .awardsContainer .award .awardName {
        display: block; }
      #awards .awardsContainer .award .awardYear {
        margin-top: 40px; }
        @media (max-width: 500px) {
          #awards .awardsContainer .award .awardYear {
            margin-top: 5px; } }
  #awards .awardPic {
    max-height: 129px; }
    @media (max-width: 500px) {
      #awards .awardPic {
        max-height: 80px; } }

#contact {
  padding-bottom: 80px;
  padding-top: 60px; }
  @media (max-width: 768px) {
    #contact {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (max-width: 500px) {
    #contact {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (min-width: 1100px) and (max-width: 1400px) {
    #contact .contactInnerContainer {
      max-width: 846px;
      margin: auto; } }
  #contact .sectionTitle {
    margin-bottom: 80px; }
    @media (max-width: 768px) {
      #contact .sectionTitle {
        margin-bottom: 40px; } }
    @media (max-width: 500px) {
      #contact .sectionTitle {
        margin-bottom: 20px; } }
  #contact .contactPersonPic {
    margin: 0 auto 30px;
    display: block; }
    @media (max-width: 500px) {
      #contact .contactPersonPic {
        margin-bottom: 10px; } }
  #contact .contactInfoContainer {
    clear: both;
    font-size: 15px; }
    @media (max-width: 500px) {
      #contact .contactInfoContainer {
        text-align: center;
        margin-bottom: 30px; } }
    #contact .contactInfoContainer a[href^=mailto] {
      color: #000;
      transition: all 0.3s ease; }
      #contact .contactInfoContainer a[href^=mailto]:hover {
        color: #337ab7;
        text-decoration: none; }

footer {
  background-color: #00772b;
  padding: 30px 0;
  color: #fff; }
  footer .companyFooterContact {
    font-weight: 300;
    font-size: 15px; }
    footer .companyFooterContact a[href^=mailto] {
      color: #fff; }
  footer .footerButtons {
    padding-top: 30px;
    overflow: hidden; }
    @media (max-width: 980px) {
      footer .footerButtons {
        padding-top: 0; } }
    @media (max-width: 500px) {
      footer .footerButtons {
        margin-top: 40px; } }
    footer .footerButtons a {
      color: #fff;
      font-size: 30px;
      margin-right: 30px;
      transition: all 0.3s ease;
      float: left;
      display: block;
      height: 33px;
      line-height: 33px; }
      @media (max-width: 1000px) {
        footer .footerButtons a {
          margin-right: 20px; } }
      @media (max-width: 320px) {
        footer .footerButtons a {
          margin-right: 10px; } }
      footer .footerButtons a:hover {
        text-decoration: none;
        opacity: 0.7; }
      footer .footerButtons a.footerOnlineShopLink {
        color: #00772b;
        font-size: 18px;
        padding-left: 7px;
        padding-right: 18px;
        background-color: #fff; }
        @media (max-width: 980px) {
          footer .footerButtons a.footerOnlineShopLink {
            margin-top: 10px;
            font-size: 15px; } }
        @media (max-width: 320px) {
          footer .footerButtons a.footerOnlineShopLink {
            font-size: 12px;
            padding-left: 4px;
            padding-right: 8px; } }
        footer .footerButtons a.footerOnlineShopLink span {
          margin-right: 15px; }
        footer .footerButtons a.footerOnlineShopLink .fa {
          font-size: 10px;
          height: 33px;
          line-height: 35px;
          display: block;
          float: right; }
  footer .authorLink {
    transition: all 0.3s ease; }
    footer .authorLink:hover {
      opacity: 0.7; }
    footer .authorLink .authorLogo {
      display: block;
      margin: 20px auto 0px; }
  @media (max-width: 500px) {
    footer .authorTitle {
      margin-top: 40px;
      display: block; } }

@media (min-width: 1100px) and (max-width: 1400px) {
  .recipesSectionTitleOuter, .recipesSliderOuter {
    width: 50%; } }

@media (min-width: 1100px) and (max-width: 1400px) {
  .recipesSliderOuter {
    margin-left: 0; } }

.footerLogo {
  /*@media(max-width:980px) {
  	margin-top: 45px;
  }*/ }

.navbar-default .navbar-toggle {
  border: none; }
  .navbar-default .navbar-toggle:hover {
    background-color: transparent; }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #333;
    width: 28px; }
  .navbar-default .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px; }

.shopLangContainer {
  float: right; }
  .shopLangContainer .langContainer {
    overflow: hidden;
    margin-top: 5px;
    line-height: 20px;
    text-align: center; }
    .shopLangContainer .langContainer a {
      display: inline-block;
      line-height: 20px;
      margin: 0 7px;
      /*img {
      	transition: opacity 0.3s ease;
      }
      
      &:hover img {
      	opacity: 0.6;
      }*/ }

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