/*
    Created on : 20.2.2018, 21:50:46
    Author     : mmachacek
*/
/**
 * Foundation for Sites by ZURB
 * Version 6.4.4-rc1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */

.owl-car-sklo {
  display: none;
}

@media screen and (max-width: 39.9375em) {
  .owl-car-sklo {
    display: block;
  }
}  

.tridenim {
  margin: 0px;
  padding: 0px;
}

.tridenim-image {
  position: relative;
  width: 100%;
  height: auto;
}

.tridenim-content .compass {
  margin: 0px auto 15px auto;
  display: block;
}

.tridenim-content h3 {
  color: #ffffff;
  width: 100%;
}

.tridenim-content p {
  color: #ffffff;
}

.tridenim-content {
    padding-bottom: 50px;
    padding-top: 50px;
    background-size: cover;
    background-position: center center;
}

.tridenim-content .small-12, .tridenim-content .small-7 {
  margin: 0 auto;
  text-align: center;
}

.tridenim-content .inner-content {
  background: rgba(0,0,0,.8);
  padding: 30px 30px 30px 30px !important;
  height: 260px;
  width: 220px;
  margin-top: 50px !important;
  display: block;
}

.tridenim-content .inner-content .header {
  font-size: 16px;
  font-family: Veneer, Veneer_IE;
  line-height: 20px;
  margin-bottom: -5px;
}

.tridenim-content .inner-content .clanek {
  width: 100%;
  height: auto;
}

.tridenim-content .inner-content .header span {
  color: #5fa032;
}

.tridenim-content .inner-content p {
  position: relative;
  font-size: 13px;
  line-height: 16px;
}

.tridenim-content .inner-content .header a {
  color: #ffffff;
  font-weight: normal;
}

.tridenim-content .inner-content p .arrow-45 {
  position: absolute;
  top: 0px;
  right: 0px;
}

.tridenim-btn-holder {
  margin-top: 80px;
}

.grid-fix {
  margin-top: -10px !important;
}

.show-for-small-only .main-16-9 .tridenim {
  padding-bottom: 0px !important;
  margin: 0px;
  padding: 0px;
}

@media (min-width: 1200px) {
  .tridenim-content .inner-content {
    position: absolute;
    left: auto;
    right: 0;
    bottom: -50px;
  }
}

.show-for-small-only .main-16-9 .tridenim .grid-x .tridenim-content .grid-container {
  margin: 0px auto;
}

.show-for-small-only .main-16-9 .tridenim .grid-x .tridenim-content h3 {
  padding-bottom: 20px;
}

.show-for-small-only .main-16-9 .tridenim .grid-x .tridenim-content .small-12 {
  margin-top: 0px;
  line-height: 30px;
}

.show-for-small-only .main-16-9 .tridenim .tridenim-content .tridenim-image img {
  position: relative;
}

.show-for-small-only .main-16-9 .tridenim .grid-x .tridenim-btn-holder {
  margin-top: 25px;
}

.show-for-small-only .main-16-9 .tridenim .grid-x .tridenim-btn-holder .green_btn {
  margin-bottom: 0px;
}

.show-for-small-only .main-16-9 .tridenim .tridenim-content .inner-content {
  background: rgba(0,0,0,.8);
  height: 270px;
  width: 270px;
  margin: 0px auto;
}

.lp-sklo a {
  font-weight: 400;
text-decoration: underline!important; }
.lp-sklo a:hover{
  text-decoration: none!important;
}
.vertical-container {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0 auto; }
  .vertical-container .vertical-content {
    display: table-cell;
    vertical-align: middle; }

#lp-sklo {
  background-image: url(../img/2-bg.png); }

.wrapper-16-9 {
  width: 100%;
  display: inline-block;
  position: relative;
  background-image: url(../img/2-bg.png); }

.pt20px {
  padding-top: 20px !important; }

.pr20px {
  padding-right: 20px !important; }

.pb20px {
  padding-bottom: 20px !important; }

.pl20px {
  padding-left: 20px !important; }

.m0px {
  margin: 0 !important; }

.lead-bg {
  transition: all ease 1s;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: bottom center; }
  .lead-bg.fade-out-lead-bg {
    visibility: hidden;
    opacity: 0; }
  .lead-bg-2 {
    background-image: url(../img/lead-bg.jpg);
    z-index: 2; }
  .lead-bg-1 {
    background-image: url(../img/lead-bg-2.jpg); }

.zimni .lead-bg-1{
   background-image: url(../img/sklo-hero_final.jpg);
}
.zimni .lead-bg-2{
  display:none;
}
.lead-container {
  height: 800px;
  text-align: center; }
  @media screen and (max-width: 39.9375em) {
    .lead-container {
      height: 500px;
      padding-top: 123px;
      padding-bottom: 80px;
      margin-left: -5px; } }
  .lead-container .green_btn {
    background: #60a135 !important;
    padding: 15px 35px;
    border: 0px none;
    color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 110px;
    z-index: 3;
    white-space: nowrap;

     }

      .zimni .lead-container .green_btn {
          padding: 19px 49px;
          bottom: 99px;
          max-width: 220px;
          opacity: 0;
      }

    .lead-container .green_btn i {
      width: 10px;
      height: 9px;
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 22px;
      z-index: 1;
      background: url(../img/arrow_right.png) 50% no-repeat;
      -webkit-transform: rotate(90deg) translateY(-50%);
      -ms-transform: rotate(90deg) translateY(-50%);
      transform: rotate(90deg) translateY(-50%);
      background-size: contain;
      -webkit-transform-origin: right;
      -ms-transform-origin: right;
      transform-origin: right; }

     .tridenim-btn-holder .green_btn{
        background: #60a135 !important;
        padding: 15px 35px;
        border: 0px none;
        color: #fff;
        left: 50%;
        transform: translateX(-50%);

        z-index: 3;
        white-space: nowrap; }
    .tridenim-btn-holder .green_btn i {
      width: 10px;
      height: 9px;
      display: inline-block;
      position: absolute;
      top: 40%;
      right: 18px;
      z-index: 1;
      background: url(../img/arrow_right.png) 50% no-repeat;
/*      -webkit-transform: rotate(90deg) translateY(-50%);
      -ms-transform: rotate(90deg) translateY(-50%);
      transform: rotate(90deg) translateY(-50%);*/
      background-size: contain;
      -webkit-transform-origin: right;
      -ms-transform-origin: right;
      transform-origin: right; }
  .lead-container h2,   .lead-container h1 {
    font-family: Veneer, Veneer_IE;
    font-size: 54px;
    color: #ffffff;
    display: inline-block;
    line-height: 1.1;
    padding-right: 0px;
    padding-bottom: 36px;
    margin-top: 0px;
    z-index: -999999;
    position: absolute; }
    @media screen and (max-width: 39.9375em) {
      .lead-container h2 {
        font-size: 62px;
        padding-right: 0;
        line-height: 1.1;
        position: absolute; } }
    .lead-container h2 span {
      font-size: 49.55px;
      display: block;
      position: absolute;
      line-height: 40px;
      top: 46px;
      right: -48px;
      transform: rotate(90deg); }
      @media screen and (max-width: 39.9375em) {
        .lead-container h2 span {
          font-size: 30px;
          line-height: 43px;
          padding-right: 0;
          transform: none;
          position: relative;
          top: 0;
          right: 0; } }
  .lead-container p {
    color: #e5dfda;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px; }
    @media screen and (max-width: 39.9375em) {
      .lead-container p {
        font-size: 14px;
        line-height: 24px; } }
  .lead-container img {
    display: block;
    margin: auto; }

.relative {
  position: relative; }

.lead-video-box {
  width: 717px;
  position: absolute;
  background-color: #998675;
  padding: 20px 10px 10px 10px;
  transform: translate(-50%, 50%);
  bottom: 0px;
  left: 50%;
  z-index: 9; }
  @media screen and (max-width: 39.9375em) {
    .lead-video-box {
      width: 100%;
      position: relative;
      transform: none;
      left: 0;
      background-color: transparent;
      padding: 0;
      margin-top: -30px;
      background-image: none; } }
  .lead-video-box.show-for-small-only .owl-carousel .owl-dots {
    display: none; }
  .lead-video-box.show-for-small-only .owl-carousel .owl-nav .owl-prev {
    color: transparent;
    position: absolute;
    top: 35%;
    left: -10px; }
    .lead-video-box.show-for-small-only .owl-carousel .owl-nav .owl-prev:before {
      content: '';
      background-image: url(../img/video-owl-prev.png);
      width: 47px;
      height: 46px;
      display: block; }
  .lead-video-box.show-for-small-only .owl-carousel .owl-nav .owl-next {
    color: transparent;
    position: absolute;
    top: 35%;
    right: -10px; }
    .lead-video-box.show-for-small-only .owl-carousel .owl-nav .owl-next:before {
      content: '';
      background-image: url(../img/video-owl-next.png);
      width: 47px;
      height: 46px;
      display: block; }
  .lead-video-box .thumb-wrap {
    position: relative;
    width: 33.33%;
    display: inline-block;
    padding: 0 10px; }
    @media screen and (max-width: 39.9375em) {
      .lead-video-box .thumb-wrap {
        display: block;
        width: 270px;
        margin: auto; }
        .lead-video-box .thumb-wrap:not(:last-child) {
          padding-bottom: 20px; } }
    .lead-video-box .thumb-wrap img {
      width: 100%; }
      @media screen and (max-width: 39.9375em) {
        .lead-video-box .thumb-wrap img {
          width: 270px;
          margin: auto;
          display: block; } }
    .lead-video-box .thumb-wrap span.thumb-label {
      background-color: #326e0a;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 12px;
      color: #e5dfda;
      padding: 6px 8px;
      text-transform: uppercase;
      line-height: 12px;
      letter-spacing: 2px;
      margin-left: 10px; }

.lead-sklenice-box {
  padding-bottom: 30px;
  background-image: url(../img/2-bg.png); }
  .lead-sklenice-box sup,
  .lead-sklenice-box sub {
    font-size: 80%; }
  .lead-sklenice-box .title-number-small {
    font-size: 75px;
    text-align: center;
    color: #58982d;
    margin: 30px 0;
    font-family: Veneer, Veneer_IE; }
  .lead-sklenice-box h3 {
    font-family: Veneer, Veneer_IE;
    font-size: 24px; }
  .lead-sklenice-box .owl-carousel .owl-wrapper {
    position: relative;
    min-height: 520px; }
    .lead-sklenice-box .owl-carousel .owl-wrapper p {
      text-align: center; }
    .lead-sklenice-box .owl-carousel .owl-wrapper h3 {
      text-align: center; }
      .lead-sklenice-box .owl-carousel .owl-wrapper h3 sup {
        vertical-align: sub; }
  .lead-sklenice-box .owl-carousel .owl-dots {
    bottom: -15px; }
    .lead-sklenice-box .owl-carousel .owl-dots .owl-dot {
      border-radius: 50px;
      height: 10px;
      width: 10px;
      display: inline-block;
      background: #326e0a;
      margin-left: 5px;
      margin-right: 5px; }
      .lead-sklenice-box .owl-carousel .owl-dots .owl-dot.active {
        background: #8dad6c; }
  .lead-sklenice-box .owl-carousel .owl-nav .owl-prev {
    color: transparent;
    position: absolute;
    top: 40%;
    left: -10px; }
    .lead-sklenice-box .owl-carousel .owl-nav .owl-prev:before {
      content: '';
      background-image: url(../img/video-owl-prev.png);
      width: 47px;
      height: 46px;
      display: block; }
  .lead-sklenice-box .owl-carousel .owl-nav .owl-next {
    color: transparent;
    position: absolute;
    top: 40%;
    right: -10px; }
    .lead-sklenice-box .owl-carousel .owl-nav .owl-next:before {
      content: '';
      background-image: url(../img/video-owl-next.png);
      width: 47px;
      height: 46px;
      display: block; }

.section {
  background-image: url(../img/2-bg.png);
  padding-bottom: 50px; }
  .section .title-number {
    font-size: 140px;
    color: #5fa032;
    line-height: 1.2;
    font-family: Veneer, Veneer_IE; }
    @media screen and (min-width: 40em) and (max-width: 63.9375em) {
      .section .title-number {
        font-size: 100px; } }
    @media screen and (min-width: 64em) and (max-width: 74.9375em) {
      .section .title-number {
        font-size: 100px; } }
  .section h3 {
    font-size: 36px;
    text-align: left;
    font-family: Veneer, Veneer_IE; }
    .section h3 sup {
      font-size: .65em; }
  .section p {
    font-size: 16px;
    text-align: left; }
  .section .img-sklenice {
    position: relative;
    width: 100%;
    right: auto; }
  .section-1 {
    padding-top: 120px;
    padding-bottom: 54px;
    color: #494848;
    position: relative; }
    @media screen and (max-width: 39.9375em) {
      .section-1 {
        padding: 0;
        padding-top: 25px; } }
    .section-1 .img {
      position: relative; }
      .section-1 .img-popelnice {
        width: 100%;
        right: 0; }
      .section-1 .img-popelari {
        width: 100%; }
    .section-1 h3 {
      font-size: 48px;
      line-height: 54px;
      padding-right: 50px;
      text-align: center; }
      @media screen and (max-width: 39.9375em) {
        .section-1 h3 {
          font-size: 36px;
          line-height: 42px;
          padding-right: 0px; } }
    .section-1 p {
      padding-right: 50px;
      font-size: 14px;
      line-height: 2;
      text-align: center; }
      @media screen and (max-width: 39.9375em) {
        .section-1 p {
          margin-bottom: 30px;
          padding-right: 0px; } }
  .section-2 {
    padding-top: 0;
    padding-bottom: 50px;
    color: #494848;
    background-image: url(../img/2-bg.png);
    position: relative; }
    @media screen and (max-width: 39.9375em) {
      .section-2 {
        padding: 0; } }
    .section-2 h3 {
      color: #5fa032;
      font-size: 54px;
      text-align: center;
      padding-bottom: 0; }
      @media (max-width: 699px) {
        .section-2 h3 {
          font-size: 26px; } }
  .section-6 {
    padding-top: 50px; }
    @media screen and (max-width: 39.9375em) {
      .section-6 {
        padding: 0; } }
  .section-7 {
    padding-top: 50px;
    padding-bottom: 60px;
    color: #494848;
    background-image: url(../img/trideni-bg.png);
    background-size: cover;
    background-position: center; }
    .section-7 h3 {
      text-align: center; }
    .section-7 p {
      text-align: center; }
      @media screen and (max-width: 39.9375em) {
        .section-7 p {
          margin: 0; } }
    .section-7 .sub-row {
      padding: 20px 0;
      font-size: 24px;
      font-weight: bolder; }
    .section-7 img {
      position: initial;
      margin: 15px 0 20px 0; }
    .section-7 .cell-sorting {
      font-size: 20px;
      line-height: 1.3; }
  .section-8 {
    padding-top: 100px;
    padding-bottom: 50px;
    background-image: url(../img/2-bg.png); }
    @media screen and (max-width: 39.9375em) {
      .section-8 {
        padding-top: 20px; } }
    .section-8 .green_border_btn {
      max-width: 220px !important; }
    .section-8 .stromky {
      width: 80px;
      height: auto;
      display: block;
      margin: auto; }
    .section-8 .headline-label {
      display: inline-block;
      margin: auto;
      background-color: #5fa032;
      color: #fcfaf7;
      font-family: Veneer, Veneer_IE;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 2px;
      padding: 2px 10px;
      margin-bottom: 18px;
      margin-top: 18px; }
    .section-8 h3 {
      font-family: Veneer, Veneer_IE;
      text-align: center;
      text-transform: uppercase;
      font-size: 42px;
      line-height: 48px;
      padding-bottom: 50px; }
      @media screen and (max-width: 39.9375em) {
        .section-8 h3 {
          font-size: 36px;
          line-height: 42px; } }
    .section-8 .stripky-box {
      background-color: #5b9a30;
      margin-bottom: 30px; }
      .section-8 .stripky-box:not(:last-child) {
        border-right: 1px solid white; }
      .section-8 .stripky-box .text {
        padding: 50px; }
        @media screen and (max-width: 39.9375em) {
          .section-8 .stripky-box .text {
            padding: 25px; } }
        .section-8 .stripky-box .text span {
          display: block; }
          .section-8 .stripky-box .text span.tag {
            display: inline-block;
            font-family: Veneer, Veneer_IE;
            background-color: #ece4db;
            color: #5b9a30;
            text-transform: uppercase;
            letter-spacing: 2px;
            padding: 4px 7px;
            font-size: 16px;
            line-height: 16px;
            margin-bottom: 15px; }
          .section-8 .stripky-box .text span.headline {
            text-transform: uppercase;
            font-family: Veneer, Veneer_IE;
            color: #ece4db;
            font-size: 26px;
            line-height: 30px;
            margin-bottom: 15px; }
          .section-8 .stripky-box .text span.date {
            color: #ece4db;
            font-size: 14px;
            font-family: Veneer, Veneer_IE;
            letter-spacing: 2px;
            margin-top: 15px;
            position: relative;
            padding-left: 18px; }
            .section-8 .stripky-box .text span.date:before {
              content: '';
              background-image: url(../img/ico-date.png);
              width: 12px;
              height: 13px;
              display: block;
              background-size: contain;
              background-repeat: no-repeat;
              position: absolute;
              left: 0;
              top: 5px; }
        .section-8 .stripky-box .text p {
          color: #f9f9f9; }
  .section-9 {
    text-alighn: center; }
    .section-9 h3 {
      text-align: center; }
    .section-9 p {
      text-align: center;
      padding-bottom: 50px; }
      @media screen and (max-width: 39.9375em) {
        .section-9 p {
          padding-bottom: 20px; } }
    .section-9 .owl-carousel .owl-wrapper {
      position: relative;
      min-height: 520px; }
    .section-9 .owl-carousel .owl-dots {
      bottom: -35px; }
      .section-9 .owl-carousel .owl-dots .owl-dot {
        border-radius: 50px;
        height: 10px;
        width: 10px;
        display: inline-block;
        background: #326e0a;
        margin-left: 5px;
        margin-right: 5px; }
        .section-9 .owl-carousel .owl-dots .owl-dot.active {
          background: #8dad6c; }
    .section-9 .owl-carousel .owl-nav .owl-prev {
      color: transparent;
      position: absolute;
      top: 40%;
      left: -10px; }
      .section-9 .owl-carousel .owl-nav .owl-prev:before {
        content: '';
        background-image: url(../img/video-owl-prev.png);
        width: 47px;
        height: 46px;
        display: block; }
    .section-9 .owl-carousel .owl-nav .owl-next {
      color: transparent;
      position: absolute;
      top: 40%;
      right: -10px; }
      .section-9 .owl-carousel .owl-nav .owl-next:before {
        content: '';
        background-image: url(../img/video-owl-next.png);
        width: 47px;
        height: 46px;
        display: block; }
  .section-3 h3, .section-4 h3, .section-5 h3, .section-6 h3 {
    padding-bottom: 24px;
    margin-bottom: 0;
    line-height: 42px; }
  .section-6 {
    padding-bottom: 130px; }

@media print, screen and (min-width: 40em) {
  .add-bottom-120 {
    margin-bottom: 120px; } }

@media screen and (max-width: 39.9375em) {
  .width-fix {
    width: 270px;
    margin: auto; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .width-fix {
    width: 700px;
    margin: auto; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .width-fix {
    width: 700px;
    margin: auto; } }

@media screen and (min-width: 960px) and (max-width: 1200px) {
  .ruka {
    left: -230px !important; }
  .infographic-number {
    font-size: 100px !important; } }

.small-no-pad {
  padding: 0; }

@media (max-width: 699px) {
  .lead-container .green_btn {
    bottom: 45px; } }

sub {
  font-size: .7em; }