/* basic css ----------------------------------- */
html {
   scroll-behavior:smooth;
   position: relative;
   overflow-x: hidden;
}
body {
	font-size: 16px;
   font-family: 'Roboto', sans-serif;
	color: #4f2b15;
   background: #f7f7f7;
   overflow-x: hidden;
   position: relative;
}
body.modal-open {padding: 0 !important;}
body:before {
   background: url("../images/bg-01.jpg") no-repeat top left -710px;
   background-size: auto 480px;
   position: absolute;
   content: "";
   left: 0;
   top: -84px;
   z-index: 1;
   width: 100%;
   height: 460px;
}
body.nizkemenu:before {
   position: fixed;
   top: -160px;
   height: 310px;
}
img {max-width: 100%;}
a, button, header, #navigace, .receptyVypis a:before, .receptyVypis a strong, .receptyVypis a img, .vypis .navbar ul li ul li a:before, .prejit:before, .bila, img {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	outline: none;
	text-decoration: none;
}
h1 {
   font-family: 'Bebas Neue', cursive;
   font-size: 45px;
   color: #006f45;
}
h2 {
   font-family: 'Bebas Neue', cursive;
   font-size: 32px;
   color: #4f2b15;
   margin: 35px 0 20px 0;
}
a h2, a h2:hover {color: #4f2b15;}
a h2:hover {text-decoration: underline;}
h6 {
   font-size: 25px;
   font-weight: 500;
   font-family: 'Bebas Neue', cursive;
   color: #4f2b15;
   margin: 0 0 15px 0;
   text-transform: uppercase;
}
select.form-control {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   border: solid 1px #4f2b15;
   cursor: pointer;
   color: #4f2b15;
   font-size: 18px;
   text-align: left;
   padding: 10px 20px;
   height: auto;
   background: #fff url("../images/sipka2.png") no-repeat center right 10px;
}
.form-control:focus {
   box-shadow: #006f45 0 0 5px;
   border-color: #006f45;
}

.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox {
   display: block;
   position: relative;
   padding-left: 30px;
   margin: 0;
   cursor: pointer;
   font-size: 15px;
}
.checkbox a {
   color: #4f2b15;
   text-decoration: underline;
}
.checkbox a:hover {
   color: #4f2b15;
   text-decoration: none;
}
.checkmark2 {
   position: absolute;
   top: 0;
   left: 0;
   height: 20px;
   width: 20px;
   border: solid 2px #4f2b15;
}
.checkmark2:after, .checkmark2:before {
   content: "";
   position: absolute;
   display: none;
}
.checkbox input:checked ~ .checkmark2:after, .checkbox input:checked ~ .checkmark2:before {display: block;}
.checkbox .checkmark2:after, .checkbox .checkmark2:before {
   left: 1px;
   top: 7px;
   width: 15px;
   height: 1px;
   border-top: solid 2px #4f2b15;
   transform: rotate(45deg);
}
.checkbox .checkmark2:before {transform: rotate(-45deg);}

.grForm .btn {
   border: solid 2px #4f2b15;
   border-radius: 0;
   background: #4f2b15;
   margin-top: 40px;
   padding: 10px 40px;
   font-size: 25px;
   font-weight: 500;
   font-family: 'Bebas Neue', cursive;
}
.grForm .btn:hover {
   border: solid 2px #4f2b15;
   color: #4f2b15;
   background: #fff;
}
.grForm .form-control {
   border: solid 2px #4f2b15;
   border-radius: 0;
}
.grForm h6 {margin-top: 40px;}

.modal-dialog .close {
   position: absolute;
   width: 26px;
   height: 26px;
   border: none;
   opacity: 1;
   margin: 0;
   right: 20px;
   top: 20px;
}
.modal-dialog .close span {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   transition: all 0.3s ease-in-out;
}
.modal-dialog .close:hover span {transform: rotate(90deg);}
.modal-dialog .close span:before, .modal-dialog .close span:after {
   position: absolute;
   left: 0;
   top: 50%;
   width: 100%;
   height: 2px;
   background: #4f2b15;
   content: "";
   transform: rotate(45deg);
}
.modal-dialog .close span:after {transform: rotate(-45deg);}

/* navigace ----------------------------------------- */
header {
   height: 380px;
   font-family: 'Bebas Neue', cursive;
   font-size: 34px;
   position: absolute;
   width: 100%;
   z-index: 2;
}
header.nizkemenu2 {
   position: fixed;
   left: 0;
   top: -130px;
   height: auto;
}
header.open {z-index: 3;}
.navbar-toggler {
   padding: .25rem 0;
   position: absolute;
   right: 10px;
   top: 20px;
   z-index: 35;
}
.navbar-toggler:focus, .navbar-toggler:hover {outline: none;}
.hamburger {
   width: 30px;
   height: 20px;
   position: relative;
   margin: 0px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   cursor: pointer;
}
.hamburger span {
   display: block;
   position: absolute;
   height: 3px;
   width: 100%;
   border-radius: 9px;
   opacity: 1;
   left: 0;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -o-transition: .25s ease-in-out;
   transition: .25s ease-in-out;
}
.hamburger span {background: #4f2b15;}
.detail-navi .hamburger span {background: #fff;}
.hamburger span:nth-child(1) {top: 0px;}
.hamburger span:nth-child(2), .hamburger span:nth-child(3) {top: 10px;}
.hamburger span:nth-child(4) {top: 20px;}
.hamburger.open span {background: #4f2b15;}
.hamburger.open span:nth-child(1) {
   top: 11px;
   width: 0%;
   left: 50%;
}
.hamburger.open span:nth-child(2) {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}
.hamburger.open span:nth-child(3) {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
}
.hamburger.open span:nth-child(4) {
   top: 11px;
   width: 0%;
   left: 50%;
}
.logo {
   width: 222px;
   position: absolute;
   left: 5%;
   top: 100px;
   z-index: 3;
}
.nizkemenu2 .logo {top: 160px;}
#navigace {
   position: fixed;
   left: 4%;
   top: 0;
   z-index: 2;
   width: 85%;
}
.nizkemenu #navigace {
   left: 18%;
   width: 72%;
}
.nizkemenu #navigace li a {text-shadow: #fff 1px 1px 0;}
#navigace .nav-link {
   color: #4f2b15;
   margin: 0 14px;
   position: relative;
}
.navbar-nav .nav-link:hover:before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 2px;
   background: #4f2b15;
   animation: hovermenu 0.6s 1;
}
   @keyframes hovermenu { 
      0% {width: 0;}
      100% {width: 100%;}
   }
#navigace .navbar-nav .nav-item:nth-child(1) .nav-link {
   background: #4f2b15;
   width: 32px;
   height: 32px;
   line-height: 32px;
   border-radius: 100%;
   display: inline-block;
   color: #fff;
   font-size: 20px;
   text-align: center;
   padding: 0;
}
#navigace .navbar-nav .nav-item:nth-child(1) .nav-link:hover {
   background: #fff;
   color: #4f2b15;
}
#navigace .navbar-nav .nav-item:nth-child(1) .nav-link:hover:before, #navigace .navbar-nav .nav-item:nth-child(1) .nav-link.active:after, #navigace .nav-link.active:hover:before {display: none;}
#navigace .nav-link.active {color: #fff;}
#navigace .nav-link.active:after {
   background: #4f2b15;
   content: "";
   position: absolute;
   height: 80%;
   transform: translate(0,-50%);
   top: 50%;
   left: -7px;
   right: -7px;
   z-index: -1;
}
.socky {
   position: absolute;
   right: 0;
   top: 10px;
}
.socky a, footer .col-sm-2 span a {
   display: inline-block;
   background: #4f2b15;
   color: #fff;
   width: 38px;
   height: 38px;
   line-height: 42px;
   text-align: center;
   font-size: 20px;
   border-radius: 100%;
   margin: 2px;
}
.socky a:hover, footer .col-sm-2 span a:hover {
   transform: scale(1.15,1.15);
   color: #fff;
}
.nizkemenu #navigace .navbar-nav .nav-item:nth-child(1) .nav-link, .nizkemenu #navigace li a.active  {text-shadow: none;}

/* homepage --------------------------------------- */
.banner {
   background: #f7f7f7;
   position: relative;
   margin-top: 380px;
   z-index: 2;
}
.nizkemenu .banner {z-index: 0;}
.banner .sliderbanner {padding: 30px 0;}
.owl-next, .owl-prev {
   cursor: pointer;
   position: absolute;
   top: 50%;
   left: 2%;
   opacity: 0.7;
   transition: all 300ms ease-in-out;
   background: url("../images/sipka.png") no-repeat center;
   background-size: 36px auto;
   width: 36px;
   height: 240px;
   transform: rotate(180deg);
   margin-top: -120px;
   text-indent: -9999px;
}
.owl-next {
   left: auto;
   right: 2%;
   transform: rotate(0deg);
}
.owl-next:hover, .owl-prev:hover {opacity: 1;}

/* kontakty --------------------------------------------------- */
.kontakt {
   position: relative;
   padding: 50px 0;
   margin-top: 380px;
}
.kontakt a {color: #4f2b15;}
.kontakt .col-sm-12 {text-align: center;}
.kontakt .col-sm-12 p {
   font-size: 22px;
   color: #4f2b15;
   margin: 30px 0;
}
.kontakt .col-sm-6 {
   padding: 15px;
   font-size: 20px;
}
.kontakt .col-sm-6 p {
   border-bottom: solid 1px #4f2b15;
   max-width: 75%;
   padding-bottom: 20px;
}
.kontakt .col-sm-6 p:last-child {border-bottom: none;}
.mapa {
   position: relative;
   background: url("../images/mapa.jpg") no-repeat center;
   height: 446px;
   border-top: solid 15px #fff;
   border-bottom: solid 15px #fff;
   margin-bottom: 30px;
}
.marker {
   position: absolute;
   background: url("../images/marker.png") no-repeat center;
   height: 169px;
   width: 151px;
   left: 49.5%;
   bottom: 14%;
   transform: translate(-50%,0);
}
.marker:hover {transform: translate(-50%,0) scale(1.1,1.1);}

.marker.prodejna {
   height: 100px;
   width: 90px;
   background-size: 100% auto;
   bottom: 16%;
   transform: translate(-340px,0);
}
.marker.prodejna:hover {transform: translate(-340px,0) scale(1.1,1.1);}

.googlemapa {
   position: relative;
   height: 446px;
   border-top: solid 15px #fff;
   border-bottom: solid 15px #fff;
   margin-bottom: 30px;
}
.googlemapa iframe {
   position: relative;
   height: 100%;
	width: 100%;
   border: none;
}

/* vypis --------------------------------------------------- */
.vypis {
   position: relative;
   padding: 0 0 50px 0;
   margin-top: 380px;
}
.vypis .navbar-toggler {
   right: 0;
   top: 15px;
   z-index: 15;
}
.vypis .navbar ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
   font-family: 'Bebas Neue', cursive;
   font-size: 26px;
   font-weight: 300;
   text-transform: uppercase;
}
.vypis .navbar ul a {
   color: #4f2b15;
   display: inline-block;
   padding: 5px 0;
}
.vypis .navbar ul span {color: #4f2b15;}
.vypis .navbar ul span.active {font-weight: bold;}
.vypis .navbar ul li ul {
   padding: 0 0 20px 25px;
   font-size: 20px;
}
.vypis .navbar ul li ul li a {
   position: relative;
   display: block;
   padding-left: 5px;
}
.vypis .navbar ul li ul li a:before {
   background: url(../images/sipka3.png) no-repeat center;
   background-size: 5px auto;
   content: "";
   position: absolute;
   width: 5px;
   height: 20px;
   top: 8px;
   left: -10px;
}
.vypis .navbar ul li ul li a:hover:before {left: -5px;}
.drobeckova {
   list-style-type: none;
   margin: 0;
   padding: 15px 0 20px 0;
   font-family: 'Bebas Neue', cursive;
   font-size: 20px;
   color: #4f2b15;
}
.drobeckova li {
   position: relative;
   padding: 0 20px;
   display: inline-block;
}
.drobeckova li:before {
   position: absolute;
   content: "";
   top: 50%;
   left: 0;
   opacity: 0.7;
   transition: all 300ms ease-in-out;
   background: url("../images/sipka3.png") no-repeat center;
   background-size: 100% auto;
   width: 10px;
   height: 26px;
   margin-top: -14px;
}
.drobeckova a {color: #006f45;}
.produkty .bila {
   background: #fff;
   text-align: center;
   min-height: 100%;
   padding: 15px 15px 75px 15px;
   position: relative;
}
.produkty .bila:hover {transform: scale(1.05,1.05);}
.viceInfo {
   background: #4f2b15;
   line-height: 32px;
   display: inline-block;
   color: #fff;
   font-size: 20px;
   padding: 10px 30px;
   position: absolute;
   bottom: 15px;
   left: 50%;
   transform: translate(-50%,0);
   white-space: nowrap;
}
.viceInfo:hover {
   background: #006f45;
   color: #fff;
   text-decoration: none;
}
.produkty .col-md-4 {padding: 15px;}
.vypisImg {
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 65%;
}
.vypisImg img {max-height: 100%;}
.produkty .col-4 a {
   display: inline-block;
   background: #006f45;
   width: 48px;
   height: 48px;
   text-align: center;
   color: #fff;
   border-radius: 100%;
   line-height: 48px;
   font-size: 28px;
}
.produkty .col-4 a:hover {background: #e2001a;}
.vypisImg a {position: relative;}
.vypisImg a:hover {text-decoration: none;}
.vypisImg a .article-tag-tip, .vypisImg a .article-tag-new, .product-detail-tags .article-tag-tip, .product-detail-tags .article-tag-new {
   background: #006f45;
   color: #fff;
   display: inline-block;
   padding: 5px 10px;
   font-family: 'Bebas Neue', cursive;
   font-size: 13px;
   text-transform: uppercase;
}
.vypisImg a .article-tag-new, .product-detail-tags .article-tag-new {background: #df011a;}
.strankovani {
   list-style-type: none;
   margin: 40px 0 20px 0;
   padding: 0;
}
.strankovani li {
   display: inline-block;
   font-family: 'Bebas Neue', cursive;
   font-size: 28px;
   padding: 5px;
}
.strankovani li a {
   color: #4f2b15;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 0 5px;
}
.strankovani li:last-child a, .strankovani li:first-child a {
   text-indent: -9999px;
   background: url("../images/sipka3.png") no-repeat center;
   width: 20px;
   height: 51px;
}
.strankovani li:first-child a {transform: rotate(180deg);}
.strankovani li a.active {text-decoration: underline;}
.strankovani li a.neni {
   opacity: .5;
   cursor: default;
}



.product-detail-cert {
   position: absolute;
   top: 10px;
   right: -55px;
   width: 75px;
}
.vlabel, .klasa, .vcj {margin-bottom: 15px !important;}

/* text --------------------------------------------------- */
.text {text-align: justify;}
.text p {
   line-height: 150%;
   font-size: 18px;
   margin-bottom: 20px;
}
.boxfotky .col-md-3.col-sm-6 {padding: 15px;}
.boxfotky .col-md-3.col-sm-6 a {
	display: block;
	position: relative;
	overflow: hidden;
}
.boxfotky .col-md-3.col-sm-6 a:hover img {transform: scale(1.1,1.1);}
.boxfotky .col-md-3.col-sm-6 a span {
	position: relative;
	z-index: 2;
	display: block;
	text-align: center;
	font-size: 14px;
}
/*
.polaroid-box {
   height: 700px;
   position: relative;
   z-index: 0;
}
.polaroid {
   display: inline-block;
   width: 28%;
   margin: 5px;
   position: absolute;
   left: -10px;
   top: 60px;
   z-index: 1;
}
.polaroid:before {
   background: rgba(0,0,0,.6);
   width: 99%;
   height: 99%;
   left: 5px;
   top: 5px;
   position: absolute;
   content: "";
   z-index: -1;
   filter: blur(11px);
   transform: rotate(-2deg);
}
.polaroid a {
   background: url("../images/polaroid.png");
   padding: 20px 20px 80px 20px;
   display: block;
   position: relative;
   font-size: 13px;
   color: #4f2b15;
}
.polaroid a:hover {
   text-decoration: none;
   color: #4f2b15;
}
.polaroid:nth-child(1) {transform: rotate(-12deg) translate(0,44%);}
.polaroid:nth-child(2) {
   transform: rotate(7deg);
   left: 22%;
   z-index: 0;
}
.polaroid:nth-child(3) {
   transform: rotate(3deg) translate(0,50%);
   left: 47%;
}
.polaroid:nth-child(4) {
   transform: rotate(-8deg) translate(0,5%);
   left: 70%;
   z-index: 0;
}
.polaroid img {
   border: solid 1px rgba(0,0,0,.4);
   float: none;
   margin-bottom: 0;
}*/
.recepty .col-md-9 > p {
   color: #4f2b15;
   font-size: 22px;
   margin-bottom: 40px;
}
.receptyVypis a {
   position: relative;
   display: block;
   overflow: hidden;
	z-index: 0;
}
.receptyVypis a img {width: 100%;}
.receptyVypis a strong {
   position: absolute;
   display: none;
   left: 0;
   top: 50%;
   transform: translate(0,-50%);
   text-align: center;
   font-size: 30px;
   font-family: 'Bebas Neue', cursive;
   color: #fff;
   width: 100%;
   z-index: 2;
   padding: 0 20px;
}
.receptyVypis a:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   content: "";
   background: rgba(0,111,69,0);
}
.receptyVypis a:hover:before {background: rgba(0,111,69,.7);}
.receptyVypis a:hover strong {display: block;}
.receptyVypis a:hover img {transform: scale(1.2,1.2);}
.receptyVypis .col-sm-5 {padding: 15px;}

/* footer ---------------------------- */
footer {
   padding: 60px 0;
   color: #4f2b15;
}
footer .container {position: relative;}
footer .container:before {
   border-top: solid 1px #4f2b15;
   content: "";
   position: absolute;
   top: 0;
   left: 15px;
   right: 15px;
   height: 1px;
}
footer ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}
footer a, footer a:hover {color: #4f2b15;}
footer .col-sm-2 h6 {text-align: right;}
footer .col-sm-2 p {
   margin: 0;
   text-align: right;
}
footer .col-sm-2 p > a {
   font-size: 20px;
   font-weight: 500;
}
footer .col-sm-2 p > span {
   display: block;
   margin-bottom: 15px;
}
footer .col-sm-2 p > a + a {font-size: 22px;}
footer .col-sm-4 > a {font-weight: 500;}
footer .col-sm-12 {
   padding-top: 30px;
   text-align: center;
   font-size: 14px;
}
footer .col-sm-3 img {
   width: 220px;
   margin: 40px 0 30px 0;
}

/* detaily ------------------------------------------- */
.detail {
   background: #fff;
   padding: 20px;
}
.detail img {margin-bottom: 30px;}
.detail h1 {font-size: 40px;}
.detail ul {
   list-style-type: none;
   margin: 0;
   padding: 15px 0 20px 0;
   font-weight: 500;
}
.detail ul li {padding: 6px 0;}
.detail ul li:nth-child(1) {
   font-weight: 700;
   color: #006f45;
}
.detail h6 {
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   color: #006f45;
   margin: 20px 0 0 0;
}
.detail .col-lg-12 {
   font-family: 'Bebas Neue', cursive;
   font-size: 30px;
   padding-top: 20px;
}
.detail .col-lg-12 strong {
   color: #006f45;
   font-size: 40px;
   font-weight: normal;
   display: inline-block;
   margin-left: 10px;
}
.detail .col-md-5 img {width: 100%;}
.detail select {
   width: 40%;
   margin: 0 auto;
}
.detail .col-sm-2 .form-control {
   border: solid 1px #4f2b15;
   cursor: pointer;
   color: #4f2b15;
   font-size: 18px;
   height: 49px;
   width: 70%;
}
.prejit {
   position: relative;
   font-family: 'Bebas Neue', cursive;
   font-size: 30px;
   color: #006f45;
   padding-left: 20px;
   display: inline-block;
}
.prejit:before {
   position: absolute;
   content: "\f07a";
   font-family:'FontAwesome';
   top: 50%;
   left: -40px;
   width: 48px;
   height: 48px;
   color: #fff;
   background: #006f45;
   text-align: center;
   font-size: 30px;
   border-radius: 100%;
   margin-top: -24px;
}
.prejit:hover {color: #006f45;}
.prejit:hover:before {left: -35px;}
.taby {
   margin-top: 15px;
   color: #006f45;
}
.taby h5 {
   font-family: 'Bebas Neue', cursive;
   font-size: 30px;
   margin-bottom: 20px;
}
.taby .table {color: #006f45;}
.taby .table td {
   border-top: none;
   padding: 5px 0;
}
.taby .table td + td {font-weight: 700;}
.taby .tab-content {padding-top: 20px;}
.taby .tab-content a {color: #006f45;}
.taby .nav-tabs .nav-item .nav-link {
   color: #006f45;
   border-color: #006f45;
   font-weight: 500;
   margin-right: 8px;
}
.taby .nav-tabs .nav-item.show .nav-link, .taby .nav-tabs .nav-link.active {
   color: #fff;
   background-color: #006f45;
   border-color: #006f45;
   font-weight: 500;
   padding-top: 15px;
   transform: translate(0,-7px);
}
.taby .nav-tabs {
   border-bottom: none;
   padding-bottom: 0;
}


/* timeline something realy diferent -------------------------------------- */
@font-face {
  font-family: GothamNarrow-Light;
  src: url(../fonts/GothamNarrow-Light.otf);
}
@font-face {
  font-family: GothamNarrow-Black;
  src: url(../fonts/GothamNarrow-Black.otf);
}
.timeline01 {
   position: relative;
   padding: 0 0 340px 0;
   font-family: GothamNarrow-Light;
   font-size: 30px;
   line-height: 38px;
   background: url("../images/img01.svg") no-repeat center bottom -30px;
   background-size: 100% auto;
}
.timeline01 h1 {
   font-family: GothamNarrow-Light;
   font-size: 98px;
   letter-spacing: .2px;
   color: #4f2b15;
}
.text .timeline01 p, .text .timeline02 p, .text .timeline1991 p, .text .timeline04 p, .text .timeline05 p, .text .timeline06 p, .text .timeline07 p, .text .timeline08 p, .text .timeline09 p {
   text-align: left;
   line-height: 125%;
}
.timeline01 span, .timeline02 span, .timeline04 span, .timeline05 span, .timeline07 span, .timeline08 span {
   font-family: GothamNarrow-Black;
   font-size: 98px;
   display: block;
   line-height: 120px;
}
.timeline01 strong, .timeline04 strong, .timeline05 strong, .timeline06 strong, .timeline08 strong, .timeline09 strong {
   font-family: GothamNarrow-Black;
   font-weight: normal;
}
.timeline02 {
   position: relative;
   padding: 20px 0 50px 50px;
   background: #006331;
   font-family: GothamNarrow-Light;
   color: #f6bc1e;
   overflow: hidden;
}
.text .timeline02 p {font-size: 17px;}
.timeline02 p, .timeline04 p, .timeline05 p, .timeline08 p, .timeline09 p {margin-bottom: 30px;}
.timeline02 .col-sm-6 p {padding-right: 15%;}
.timeline02 .col-sm-4 {padding-top: 80px;}
.timeline1991 {
   padding: 50px 0 60px 50px;
   background-repeat: no-repeat;
   background-position: top left 100%;
}
.timeline1991 span {
   font-family: GothamNarrow-Black;
   font-size: 182px;
   display: block;
   line-height: 200px;
   padding-bottom: 40px;
}
.timeline1991 .col-sm-6 p {padding-right: 10%;}
.timeline04 {
   padding: 50px 40px 50px 50px;
   position: relative;
   background: #f6bc1e;
}
.timeline04 h2 {
   font-family: GothamNarrow-Light;
   font-size: 116px;
   color: #4f2b15;
   margin: 0;
   line-height: 134px;
}
.timeline05 {
   padding: 30px 40px 30px 50px;
   position: relative;
   color: #f6bc1e;
   background: #006331;
   z-index: 0;
}
.timeline05:before {
   position: absolute;
   background: #f6bc1e;
   top: 0;
   bottom: 0;
   right: 0;
   width: 48%;
   content: "";
   z-index: 0;
}
.timeline05:after {
   position: absolute;
   background: url("../images/klasy.png") no-repeat center bottom;
   background-size: 100% auto;
   width: 290px;
   height: 700px;
   content: "";
   z-index: 0;
   bottom: 0;
   right: 7%;
}
.timeline06 {padding: 30px 40px 30px 50px;}
.timeline06 span {
   font-family: GothamNarrow-Black;
   font-size: 182px;
   display: block;
   line-height: 200px;
}
.timeline06 p {margin: 0;}
.timeline07 {
   position: relative;
   overflow: hidden;
   padding: 30px 40px 0 50px;
}
.timeline07 p {
   position: relative;
   padding: 0 2% 100px 0;
   margin: 0;
}
.timeline07 p:before {
   position: absolute;
   content: "";
   border-bottom: solid 12px #f6bc1e;
   bottom: 0;
   right: 60%;
   width: 6000px;
}
.timeline07 h2 {
   font-family: GothamNarrow-Light;
   font-size: 135px;
   letter-spacing: .2px;
   color: #4f2b15;
   text-transform: uppercase;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translate(0,-50%);
   margin-top: -25px;
}
.timeline07 h2:before {
   position: absolute;
   content: "";
   border-bottom: solid 12px #f6bc1e;
   top: 50%;
   left: 10px;
   width: 6000px;
   margin-top: -6px;
}
.timeline08 {
   background-repeat: no-repeat;
   background-position: center top;
   background-size: auto 100%;
   position: relative;
   padding: 130px 0 80px 50px;
   border-bottom: solid 12px #f6bc1e;
}
.timeline09 {
   background: #006331;
   position: relative;
   padding: 30px 40px 40px 50px;
   color: #f6bc1e;
   overflow: hidden;
}
.timeline09 span {
   font-family: GothamNarrow-Black;
   font-size: 182px;
   display: block;
   line-height: 200px;
}
.timeline10 {
   margin-bottom: -100px;
}
.text .timeline02 img, .text .timeline09 img, .text .timeline10 img {
   border: none;
   float: none;
   margin-bottom: 0;
}
.timeimg02 {
   position: absolute;
   width: 300px;
   right: -80px;
   top: 26%;
}
.timeimg04 {
   position: absolute;
   width: 360px;
   right: -50px;
   top: 10%;
}
.customBlock a {
   color: #006f45;
   text-decoration: underline;
}
.customBlock a:hover {
   color: #4f2b15;
   text-decoration: none;
}

.i4ewOd-pzNkMb-haAclf {
	display: none !important;
	opacity: 0 !important;
}

/* tom 2021 ---------------------------- */