@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

 body {
  font-family: "Roboto Condensed", serif;
  color: #3E2517;
}

.fade-in.fade-top {
    opacity: 0;
    transform: translateY(45px);
    transition: opacity 1s ease-out, transform 1.5s ease-out;
}

.fade-in.fade-top.visible {
    opacity: 1;
    transform: translateY(0);
}
 
.fade-in.fade-left {
    opacity: 0;
    transform: translateX(-45px);
    transition: opacity 1s ease-out, transform 1.5s ease-out;
}

.fade-in.fade-left.visible {
    opacity: 1;
    transform: translateX(0);
}

 
.fade-in.fade-right {
    opacity: 0;
    transform: translateX(45px);
    transition: opacity 1s ease-out, transform 1.5s ease-out;
}

.fade-in.fade-right.visible {
    opacity: 1;
    transform: translateX(0);
}

.video {
  position: relative;
width: 100%;
height: 0;
padding-top: 56%;
}
.video iframe {
  border-width: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

em {
 font-style: italic;
}

.footer-copy-in {display: flex;flex-wrap: wrap;}
.footer-copy-in .copy {flex:1;}
.footer-copy-in .copy-menu {flex:1;}

.field--type-text-long ul {
 margin: 0 0 0 35px ;
}

.field--type-text-long p {
 font-size: 19px;
 line-height: 25px;
}

.field--type-text-long ul li {
 list-style-type: disc;
 margin: 0 ;
 padding: 13px 0 2px 0 ;
 font-size: 19px;
 line-height: 25px;
}

.est-produkt-tm {
 background: linear-gradient(30deg, rgba(0,0,0,1) 0%,rgba(59,67,45,1) 100%);
 color: #D7D4A0;
}

.field--name-field-priprava-a-pouziti .paragraph--text {
 display: flex;
 align-items: flex-start;
 align-content: flex-start;
}

.field--name-field-priprava-a-pouziti > .field--item > .paragraph--text > .paragraph__content--title {
 flex: 1 300px;
 min-width: 300px;
    max-width: 300px;
}

.field--name-field-priprava-a-pouziti > .field--item > .paragraph--text > .paragraph__content--title h3 {
 margin-top: 0;
}

.field--name-field-priprava-a-pouziti > .field--item > .paragraph--text > .paragraph__content--text {
 flex: 3 100%;
 max-width: calc(100% - 315px);
}

.field--name-field-priprava-a-pouziti {padding-top: 30px;}

.field--name-field-priprava-a-pouziti >.field--item {
 padding-bottom: 30px;
}

header#navbar {
 background: linear-gradient(to right, rgba(199,161,90,1) 0%,rgba(239,236,180,1) 50%,rgba(199,162,91,1) 100%);
}

header#navbar.fixed {
    position: fixed;
    display: flex;
    width: 100%;
    z-index: 99;
    top: 80px;
    justify-content: space-between;
 
}

header#navbar .menu__item .menu__link {
 color: #907445;font-size: 19px;font-weight: 700;display: table;height: 80px;
}


.brand1-in img {
  height: 70px;
  margin-top: 5px; margin-left: 10px;
}

.brand2 .contextual-region {position:   inherit;}
.brand2 {
  display:   table;
    height:   65px;
     background:   #fff;
  -webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; 
position: relative; 
}

.brand2-in {
  vertical-align: middle;
  text-align: center; 
  padding: 0 12px;
  display:   table-cell; 
  height:   65px;
}

 .brand2-in a {
  display: block;  
position: absolute; 
overflow: hidden; 
text-indent:  -66666px;
top: 0; 
left: 0;  
width:  100%;
height:   100%;
 }

 .est-vyhody-h1 a {
  text-decoration: none;
 }

.menu--main {
 background: transparent;
}

.field--name-field-ikony {
 display: flex;flex-wrap: wrap;justify-items: stretch;
}

.red-claim {
position: absolute;
    background: linear-gradient(30deg, #A71815 0%, #6E150E 100%);
    color: #fff;
    font-size: 45px;
    font-weight: 400;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

.red-claim-in {
 width: 96%;
 max-width: 1280px;
 margin: 0 auto;
 height: 75px;
 padding:  0 ;position: relative;
}

.red-claim-in:after {
  clear: both;
  display: block;
  content: "";
  position: relative;
}




.red-claim-in .left {
position: absolute;
bottom: 15px;
left: 0;
text-align: right;
width: 50%;
display: block;
padding-right: 200px;
}


.red-claim-in .right {
position: absolute;
bottom: 5px;
right: 0;
text-align-last: left;
width: 50%;
display: block;
padding-left: 200px;

}


.red-claim-in .large {
  font-size: 165%;
  font-weight: 700;
  text-shadow: 0 -5px 0 #751500, 5px -5px 0 #751500, -5px -5px 0 #751500; /* horizontal-offset vertical-offset 'blur' colour */
  -moz-text-shadow: 0 -5px 0 #751500, 5px -5px 0 #751500, -5px -5px 0 #751500;
  -webkit-text-shadow: 0 -5px 0 #751500, 5px -5px 0 #751500, -5px -5px 0 #751500;

}




.field--name-field-ikony > .field--item {
 flex: 1 12%;
 max-width: 12%;
 margin: 2%;
 padding: 2px;
 background: linear-gradient(45deg, #48FFFF 0%, #FBFBFB 30%, #FBFBFB 70%, #48FFFF 100%) ;
 border-radius: 20px; 
}

.nahledovy-nadpis {
 background: linear-gradient(45deg, #48FFFF 0%, #FBFBFB 30%, #FBFBFB 70%, #48FFFF 100%) ;
 padding: 2px;
 border-radius: 20px; 

     max-width: 300px;
    margin: 0 auto;
}

.est-teaser-title a {text-decoration: none;}

.est-teaser-hlavicka {text-align: center;}

.est-teaser-hlavicka img {margin: 1% auto;max-width: 250px;}
.plechovka {

position: absolute;
    bottom: -70px;
    width: 420px;
    height: 100%;
    left: 50%;
    z-index: 5;
    margin-left: -210px;

  }

.popis-hlavicka {
  position: absolute;right: 0;top: 0;
}

.hlavickovy-obrazek {
position: absolute;
    top: 0;
    width: 1800px;
    max-width: 1800px;
   padding: 581px 0 0 0;
    overflow: hidden;
    left: 40%;
    margin-left: -900px;
  }
.hlavickovy-obrazek-in {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.hlavickovy-obrazek:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  z-index: 3;
  content: "";
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); 
}

.hlavickovy-obrazek:before {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100px;
  z-index: 3;
  content: "";
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); 
}

section.est-hlavicka {
  height: 581px;
}

.est-hlavicka {
 background: #000;
 color: #fff;position: relative;
}

.est-hlavicka .est-container {
position: absolute;
    z-index: 4;
    padding: 0;
    height: 100%;
    left: 50%;
    margin-left: -640px;
}


.field--name-field-hlavickovy-obrazek {
  position: relative;
  z-index: 1;
}

.field--name-field-hlavickovy-obrazek .field--item {
  color: transparent;
  opacity: 0;
  z-index: 0;
  animation: slide-hlavickovy-obrazek 10s linear infinite 0s;
  backface-visibility: hidden;  position: absolute;
  top: 0px;
  left: 0px;
}

.field--name-field-hlavickovy-obrazek .field--item:not(:first-child) {
  position: absolute;
  top: 0px;
  left: 0px;
}

.field--name-field-hlavickovy-obrazek .field--item:nth-child(1) {
  animation-delay: 0s;
}

.field--name-field-hlavickovy-obrazek .field--item:nth-child(2) {
  animation-delay: 5s;
}

@keyframes slide-hlavickovy-obrazek {  
  0% {
    opacity: 0;
    animation-timing-function: ease-in;
  }
  25.00% {
   opacity: 1;
   animation-timing-function: ease-out;
  }
  50.00% {
    opacity: 1;
  }
  75.00% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}






.akordeon .paragraph--text .field--name-field-formatted-title {
  font-size: 22px;
  padding: 20px 50px 20px 20px;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.akordeon .paragraph--text  {
  border-bottom: 1px solid #D7D4A0; 
  transition: all 0.3s ease;
}

.akordeon .paragraph--text .field--name-field-formatted-title:before {
  width: 10px;
  height: 10px;
  position: absolute;
  display: block;
  content: "";
  right: 15px;
  top: 24px;
  border-top: 3px solid #D7D4A0;
  border-right: 3px solid #D7D4A0;
  transform: rotate(135deg);
  transition: all 0.3s ease;
}


.akordeon .paragraph--text .field--name-field-formatted-title h3 {
margin: 0;
}

.akordeon .paragraph--text .text-field-in  {
  overflow: hidden;
  max-height: 0; 
}

.akordeon .paragraph--text .text-field-in .field--name-field-text { 
  padding:  8px 20px 20px 20px;
}

.akordeon .paragraph--text.active .text-field-in {
  overflow: hidden;
  max-height: 1000000px;
}

.akordeon .paragraph--text.active {
  background: #fdfdfd;
}

.akordeon .paragraph--text.active .field--name-field-formatted-title:before {
  transform: rotate(-45deg);
}



.field--name-field-produkty-hp .field--item {
 position: relative;
}

.est-produkty-hp .est-container h2 {
 text-transform: uppercase;
 font-size: 40px;font-weight: 700;
}

.field--name-field-produkty-hp > .field--item .produkt--teaser {
 position: relative; z-index: 2;
}

.field--name-field-produkty-hp > .field--item:before {
 background-image: url("../images/shadow-ededed.svg");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: 0 0;
 position: absolute;
 top: 110px;
 left: 0;
 width: 100%;
 height: 0;
 padding: 81% 0 0 0;
 z-index: 1;
 content: "";
 display: block;
}

.field--name-field-produkty-hp > .field--item:nth-child(even):before {
 top: -20px;
}

.nahledovy-nadpis .field--name-field-nahledovy-nadpis {
 background: #fff; 
 border-radius:18px; 
 width: 100%;
 height: 100%;
 padding: 10px;
 text-align: center;
}

.nahledovy-nadpis .field--name-field-nahledovy-nadpis h2 {
 font-size: 20px;
 font-weight: 300;
 margin: 0 0 5px 0;
}

.nahledovy-nadpis .field--name-field-nahledovy-nadpis h3 {
 font-size: 30px;
 font-weight: 700;
 margin: 0 0 5px 0;
}

.nahledovy-nadpis .field--name-field-nahledovy-nadpis h4 {
 font-size: 18px;
 font-weight: 500;
 margin: 0 0;
}

.field--name-field-kratky-popis {
 margin-top: 15px;text-align: center;
}

.field--name-field-kratky-popis p {
 font-size: 18px;
 font-weight: 500;
}


.field--name-field-ikony-s-popisem  {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1%;
}

.field--name-field-ikony-s-popisem > .field--item {
  flex: 1 48%;
  max-width: 48%;
  margin: 1%;
}

.field--name-field-popis-ikony {
 font-size: 18px;
 line-height: 22px;
 margin-top: 12px;
 margin-bottom: 8px;
 font-weight: 700;
 text-transform: uppercase;
 color: #3E2517;
}

.field--name-field-ikony > .field--item > div {
 background: #fff; 
 border-radius:18px; 
 width: 100%;
 height: 100%;
 padding: 10px;
 text-align: center;
}

.field--name-field-ikony > .field--item > div img {
 max-width: 100px;margin: 0 auto;
}

.header.header-dark { 
 background: linear-gradient(30deg, rgba(0,0,0,1) 0%,rgba(59,67,45,1) 100%);
 color: #D7D4A0;
}

.header-in { width: 96%;
 max-width: 1280px;
 margin: 0 auto;
 padding: 28px 0 ;
 position: relative;
}

.header-in .drobeckovka {
 font-weight: 500;
 font-size: 14px;
}

.field--name-field-drobeckova-navigace .field--item {
 float: left; padding-right: 25px;position: relative;#e3e1c1;
}

.field--name-field-drobeckova-navigace .field--item a {
 text-decoration: none;#D7D4A0;
}

.field--name-field-drobeckova-navigace .field--item:after {
 display: block;
 content: "";
 position: absolute;
 width: 5px;
 height: 5px;
 top:3px;
 right: 10px;
 transform: rotate(45deg);
 border-top: 2px solid #D7D4A0;
 border-right: 2px solid #D7D4A0;
}

.page-node-type--produkt .field--name-field-drobeckova-navigace .field--item:after { border-top: 2px solid #3e2517;
 border-right: 2px solid #3e2517;}

 .field--name-field-drobeckova-navigace .field--item:last-child:after {
  display: none;
}

.field--name-field-drobeckova-navigace:after {
  clear: both;
  display: block;
  content: "";
  position: relative;
}

 .paragraph--delitko:after,
.paragraph--produkty:after {
  display: block;
  height: 2px;
  width: 100%;
  content: "";
  position: absolute;
  bottom: 0;left: 0;
  background: linear-gradient(90deg, #48FFFF 39%,rgba(255,255,255,0) 93%);
}

table tr td {
    font-size: 19px;
    line-height: 25px;
    padding: 8px 5px;
    border-top: 1px solid #eee;
}

.paragraph--delitko  {
  display: block;
  height: 40px;
  width: 100%;
  content: "";
  position: relative;
}

 .paragraph--delitko:after {
  display: block;
  height: 2px;
  width: 100%;
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  background: linear-gradient(90deg, #48FFFF 39%,rgba(255,255,255,0) 93%);
}

.paragraph--produkty:last-child:after {
  display:none;
}

.paragraph--produkty {
  padding-bottom: 50px;
  padding-top: 50px;
}

.field--name-field-vedlejsi-produkty,
.paragraph--produkty {
  display: flex;position: relative;
}

.field--name-field-vedlejsi-produkty > .field--item,
.paragraph--produkty > .popis-rady,
.paragraph--produkty > .produkty-wrap {
  flex: 1 48%;
  margin: 1%;
  max-width: 48%;
}

.popis-rady {position: relative;}
.popis-rady .kotva {position: absolute;top: -150px;left: 0;display: block;}

.header-in h1 {
  font-weight: 700;
  font-size: 40px;
}

.header-in h2 {
  font-size: 23px;
  font-weight: 500;
}

.est-container {
  width: 96%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 50px 0 ;
  position: relative;
}
.est-prod-hlavicka .est-container {padding-top: 0; }

.field--name-field-nadpis-rady h2,
.field--name-field-nadpis-rady {
  font-size: 36px;
  font-weight: bold;
}

.field--name-field-popis-rady h3 {
  font-size: 28px;font-weight: normal;
}

.field--name-field-popis-rady p, .field--name-field-popis-rady li {
  font-size: 22px;
}

.est-container > h2 {text-align: center;}

.est-container .claim {
  position: absolute;
  top: 30px;
  left: -500px;
}

header#navbar > .region--brand {
    max-width: 11.5em;
    padding: 12px 0em;
}

#content {
  padding-top: 80px;
}

.user-logged-in #content {
  padding-top: 80px;
}

header#navbar.fixed {top: 0;}

.user-logged-in header#navbar.fixed {top: 80px;}

.region--content-footer > div > h2 {
  text-align: center;
  max-width: 96%;
  margin: 0 auto;
}

.est-container.est-flex-container {
  display: flex;max-width: 850px;
}

.est-container.est-flex-container > .field {
  flex: 1 31.333334%;
  max-width:31.333334% ;
  margin: 1%;
}



.footer-dark { 
  background: linear-gradient(30deg, rgba(0,0,0,1) 0%,rgba(59,67,45,1) 100%); 
  color: #D7D4A0;
}

.footer-dark a{ 
  color: #D7D4A0;
}

.footer-gold {
  background: linear-gradient(to right, rgba(199,161,90,1) 0%,rgba(239,236,180,1) 50%,rgba(199,162,91,1) 100%);
}

.footer-copy {
  background:#fff;
}

.footer-dark-in,
.footer-gold-in,
.footer-copy-in {
 width: 96%;
 max-width: 1280px;
 margin: 0 auto;
 padding: 50px 0 ;
 position: relative;
}


.footer-copy-in {
 
 padding: 15px 0 ;
  
}

.menu--main.menu--child > .menu__item:after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 5%;
  width: 90%;
  height: 1px;
  background: rgba(0,0,0,0.1);
}

.menu--main.menu--child > .menu__item:last-child:after {
  display: none;
}

.footer-gold-in .region--footer-gold,
.footer-dark-in .region--footer {
display: flex;
    align-items: center;
}

.footer-dark-in .region--footer > div {
 flex: 1 31.33334%;
 margin: 1%;
 max-width: 31.333334%;color: #D7D4A0;
}

.footer-dark-in > div a {
 color: #D7D4A0;
}


.field--name-field-baleni {
  padding: 40px 0;
}

.field--name-field-baleni .field--label {
  float: left;font-size: 1.75em;margin-right: 10px;
}

.field--name-field-baleni .field--label:after {
  content: ":";  
}

.field--name-field-baleni:after, 
.field--name-field-baleni .field--items:after {
  clear: both;
  display: block;
  content: "";  
  position: relative;
}

.field--name-field-baleni .field--items >.field--item {
  float: left;margin-right: 15px
}

.est-prod-hlavicka-flex {
 display: flex;flex-wrap: wrap;
}

.est-prod-hlavicka-flex-img,
.est-prod-hlavicka-flex-data {
 flex: 1 48%;
 max-width: 48%;
 margin: 1%;
}

.est-prod-hlavicka-flex-img .field--name-field-media-image {
  position: relative;
}
.est-prod-hlavicka-flex-img .field--name-field-media-image img { 
 position: relative;z-index: 2;margin: 0 auto;min-width: 400px;
}

.est-prod-hlavicka-flex-img .field--name-field-media-image:before  {
 background-image: url("../images/shadow-ededed.svg");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: 0 0;
 position: absolute;
 bottom: -30px;
 left: 0;
 width: 100%;
 height: 0;
 padding: 81% 0 0 0;
 z-index: 1;
 content: "";
 display: block;
}

.est-prod-hlavicka-flex .typ-dreva--jmeno {
  color: #000;
  margin: 20px auto 0px auto;
  font-size: 20px;
}

.est-prod-hlavicka-flex .typ-dreva--jmeno .field--name-name {
  font-size: 16px;
  font-weight: 600;
}

.est-prod-hlavicka-flex .field--name-field-typy-dreva  {
  margin-top: 30px;
  position: relative;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;    
  justify-content: center;
}

.est-prod-hlavicka-flex .field--name-field-typy-dreva > .field--item {
  flex: 1 70px;
  max-width: 70px;
}

.est-prod-hlavicka-flex .field--name-field-typy-dreva .typ-dreva {
  display: flex;
  flex-flow: column-reverse;
}

.est-popis p {
  font-size: 24px;
  line-height: 32px;
  color: #000;

}
.est-popis li  {
  font-size: 24px;
  line-height: 32px;
  color: #000;

}

.est-popis   {
  padding: 50px auto;
  background-image: url("../images/bg-drevo.png");
  background-size: auto 100%;
  background-repeat: repeat-x;
  background-position: 50% 0;
}

.hlavicka-flex-text {
 background: linear-gradient(45deg, #48FFFF 0%, #fff 30%, #fff 70%, #48FFFF 100%) ;
 max-width: 850px;
 width: 100%;
 border-radius: 20px; 
 padding: 2px;  
 box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
 margin: 70px auto 50px auto;
}

.hlavicka-flex-text-in {
 background: #fff; 
 border-radius:18px; 
 width: 100%; 
 padding: 25px; 
}

.hlavicka-flex-ikony .field--name-field-media-image {
 background: linear-gradient(45deg, #48FFFF 0%, #fff 30%, #fff 70%, #48FFFF 100%);
 width: 80px;
 height: 80px;
 border-radius: 12px; 
 padding: 2px;  
 float: left;
}

.hlavicka-flex-ikony .field--name-field-media-image .field--item {
 background: #fff; 
 border-radius:10px; 
 width: 100%; 
 padding: 8px; 
}

.field--name-field-ikony-s-popisem .field--name-field-ikona-s-popisem:after {
 clear: both;
 display: block;
 position: relative;
 content: "";
} 

.hlavicka-flex-ikony .field--name-field-popis-ikony {
 width: calc(100% - 100px);
 float: right;
 text-transform: initial;
 font-size: 20px;
}


.hlavicka-flex-text-in p {
 font-size: 23px;
 line-height: 32px;
}

.footer-gold-in .region--footer-gold > div {
 flex: 1 25%;
 max-width: 23%;
 margin: 1%;
 color: #000;
}

.page-node-type--page .page-content__paragraphs-wrapper {
  padding-top: 50px;
}

.paragraph__content--flex-two .paragraph--gallery .field--name-field-media-obrazky {
 display: flex; flex-wrap: wrap;
}

.paragraph__content--flex-two .paragraph--gallery .field--name-field-media-obrazky > .field--item {
 flex: 1 31.33334%;
 margin: 1%;
 max-width: 31.333334%;
}

.field--name-field-priklady-pouziti { 
 display: flex;flex-wrap: wrap;
}
.field--name-field-priklady-pouziti .field--name-field-nadpis-obrazku { 
 padding-bottom: 20px;
}

.field--name-field-priklady-pouziti > .field--item {
 flex: 1 31.33334%;
 margin: 1%;
 max-width: 31.333334%;
}

.est-container .claim .red {
 padding: 15px 15px 15px 510px ;
 font-size: 38px;
 text-transform: uppercase;
 color: #fff;
 background: linear-gradient(to right, rgba(164, 24, 20, 1) 0%, rgba(110, 21, 14, 1) 100%);
 -webkit-border-bottom-right-radius: 20px;
 -moz-border-radius-bottomright: 20px;
 border-bottom-right-radius: 20px; 
 position: relative;box-shadow: -3px 3px 10px 0  rgba(0,0,0,0.7);
}

.est-container .claim .red .field--name-field-nadpis  {
  position: relative;
}

.est-container .claim .red span {
    position: absolute;
    display: inline-block;
    border-radius: 5px;
    background: #fff;
    color: rgba(164, 24, 20, 1);
    bottom: 100%;
    font-size: 20px;
    padding: 2px 8px;
    text-transform: none;
    left: 0;
    margin-bottom: 3px;
}

.est-container .claim .brown {
 padding: 15px 15px 15px 510px ;
 font-size: 28px;
 color: #fff; width: 770px;
 background: linear-gradient(to right, #522A11 0%, rgb(62 37 23) 100%);
 -webkit-border-bottom-right-radius: 20px;
 -moz-border-radius-bottomright: 20px;
 border-bottom-right-radius: 20px;box-shadow: -3px 3px 10px 0  rgba(0,0,0,0.7);
}

.est-container .claim .brown .field--name-field-podnadpis span {
 background: linear-gradient(to right, #B4A572 0%, #E1DEC0 36%, #9A8252 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;
}

.produkt-tm-flex {
 display: flex;
}

.produkt-tm-flex .produkt-popis {
 flex: 3 55%;
 max-width: 53%;
 margin: 1%;
}

.produkt-tm-flex .produkt-foto {
 flex: 2 45%;
 max-width: 43%;
 margin: 1%;
}

.btn-wrapper {
 text-align: center;padding-top: 20px;
}

.btn-wrapper a {
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 color: #fff;
 background: linear-gradient(to right, rgba(164,24,20,1) 0%,rgba(110,21,14,1) 100%);
 padding: 13px 25px;
 display: inline-block;
 -webkit-border-top-left-radius: 20px;
 -webkit-border-bottom-right-radius: 20px;
 -moz-border-radius-topleft: 20px;
 -moz-border-radius-bottomright: 20px;
 border-top-left-radius: 20px;
 border-bottom-right-radius: 20px;
}

.est-produkt-sv {
 background: #EDEDED;
}

.est-produkt-sv > .est-container > h2 {font-weight: 700;font-size: 40px;text-transform: uppercase;}

.produkt-sv-flex {
 display: flex;  align-content: flex-start;
 align-items: flex-start;
}

.produkt-sv-flex .flex-item {
 flex: 1 31.333334%;
 margin: 1%;
}

.produkt-sv-flex .flex-item.dlouholete-popis {
 flex: 1 28%;
 margin-left: 4%;
}

.dlouholete-popis a {
  text-decoration: none;
}

.dlouholete-popis {
 padding: 2px;
 background: linear-gradient(45deg, #48FFFF 0%, #FBFBFB 30%, #FBFBFB 70%, #48FFFF 100%) ;
 border-radius: 20px; 
}

.dlouholete-popis-in {
 background: #fff; 
 border-radius:18px; 
 width: 100%;
 padding: 25px;
}

.dlouholete-popis h3 {
 font-size: 40px;  font-weight: 300;margin-top: 0;
}

.dlouholete-popis p {
 font-size: 23px;
}

.flex-item.dlouholete-certifikat,
.flex-item.dlouholete-popis {position: relative;z-index: 2;margin-top: 50px;}

.dlouholete-foto-in {
 position: relative;
}

.dlouholete-foto-in img {
 position: relative;margin: 0 auto;
 z-index: 2;
}

.dlouholete-foto-in:before {
 background-image: url("../images/shadow-d7d4a0.svg");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: 0 0;
 position: absolute;
 bottom:-30px;
 left: -25%;
 width: 150%;
 height: 0;
 padding: 112% 0 0 0;
 z-index: 1;
 content: "";
 display: block;
}



.typ-dreva {
 display: flex;
 flex-flow: row-reverse;
 justify-items: start;
 align-content: center;
 flex-direction: row-reverse;
 flex-wrap: nowrap;
 justify-content: flex-end;
 align-items: center;
 margin-bottom: 10px;
}

.produkt-popis p {
 font-size: 20px;
 letter-spacing: 1px;
 line-height: 30px;
}

.produkt-popis h2 {
 font-size: 35px;
 margin-bottom: 20px;
}

.field--name-field-produktove-dokumety > .field--item {
  flex: 1 48%;
  max-width: 48%;
  margin: 1%;
}

.field--name-field-produktove-dokumety,
.pdfka {
 display: flex; flex-wrap: wrap;
 
}

.pdfka .certifikat-a-popis {
  flex: 1 31%;
  margin: 1%;
}
.pdfka .ostatni-dokumenty {
 flex: 2 64%; 
 margin: 1%;
 
}

.produkt-tm-flex .produkt-foto {
 display: flex; 
 align-content: flex-end;
 align-items: flex-end;
 margin-top: -120px;
}

.produkt-foto-img {
 flex: 3 100%;
 max-width: calc(100% - 170px);position: relative;
}

.dlouholete-foto-in a,
.produkt-foto-img a {

  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: hidden;
  text-indent: -666666px;
}

.produkt-druhy {
 flex: 1 150px;
 max-width: 150px;
 margin-bottom: 80px;
}

.typ-dreva--jmeno {
 color: #fff;
 margin-left: 10px;
 font-size: 22px;
}

.est-vyhody h1 {
 font-size: 95px;
 font-weight: 700;
 color: #3E2517;text-align: center;
 margin: 100px 0 80px 0;
}

.est-vyhody {
 padding-bottom: 70px;
}

.field--name-field-menicko > .field--item {padding: 0 0 15px 0;}

.field--name-field-nahled-dreva img {
 -webkit-border-top-right-radius: 20px;
 -webkit-border-bottom-left-radius: 20px;
 -moz-border-radius-topright: 20px;
 -moz-border-radius-bottomleft: 20px;
 border-top-right-radius: 20px;
 border-bottom-left-radius: 20px;
 border: 3px solid #d7d4a0;
 overflow: hidden;
 width: 48px;
}

.field--name-field-formular:after {
 clear: both;
 display: block;
 content: "";
 position: relative;
}

.field--name-field-dlouholete-n-popis-souboru {
 -webkit-border-top-right-radius: 20px;
 -webkit-border-bottom-left-radius: 20px;
 -moz-border-radius-topright: 20px;
 -moz-border-radius-bottomleft: 20px;
 border-top-right-radius: 20px;
 border-bottom-left-radius: 20px;
 background: #fff;
 padding: 10px 20px 20px 20px;
 position: relative;
 max-width: 300px;
}

.field--name-field-dlouholete-n-popis-souboru:after {
 content: "";
 display: block;
 position: absolute;
 width:70px ;
 height: 75px;
 right: -20px;
 top: -20px;
 background-image: url("../images/quote.svg");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: 0 0;
}

.dlouholete-certifikat-in h3 {
 font-size: 28px;
 font-weight: 700;
 line-height: 40px;
}

.field--name-field-dlouholete-n-popis-souboru p {
 letter-spacing: 0.05em;
 font-size: 15px;
}

.field--name-field-produktove-dokumety .field--name-field-media-document a,
.produkt--full .field--name-field-certifikat .field--name-field-media-document a,
.est-flex-container .field--name-field-certifikat .field--name-field-media-document a,
.dlouholete-certifikat .field--name-field-media-document a {
 display: block;padding: 0 0 0 65px;
 height: 65px;
 padding-top: 0px;max-width: 260px;
 margin-bottom: 20px;
 font-size: 25px;
 font-weight: 700;
 text-decoration: none;
 color: #C11918;
 background-image: url("../images/pdf-ico.svg");
 background-size: auto 60px ;
 background-repeat: no-repeat;
 background-position: 0 0;
}


.field--name-field-produktove-dokumety .field--name-field-media-document a {
 display: block;padding: 0 0 0 65px;
 height: 65px;
 padding-top: 0px;max-width: 260px;
 margin-bottom: 20px;
 font-size: 20px;
 font-weight: 700;
 text-decoration: none;
 color: #000;
 background-image: url("../images/pdf-sm.svg");
 background-size: auto 60px ;
 background-repeat: no-repeat;
 background-position: 0 0;
}

.field--name-field-produktove-dokumety .field--name-field-media-document a {
  margin: 0 auto 20px auto;
}

.est-flex-container .field--name-field-certifikat .field--name-field-media-document a {
  margin: 0 auto 20px auto;
}

.produkt--full .field--name-field-certifikat .field--name-field-media-document a {
  margin: 0;
}

.field--name-field-produktove-dokumety .field--name-field-media-document .field--item span:last-child,
.produkt--full .field--name-field-certifikat .field--name-field-media-document .field--item span:last-child,
.est-flex-container .field--name-field-certifikat .field--name-field-media-document .field--item span:last-child,
.dlouholete-certifikat .field--name-field-media-document .field--item span:last-child {
 display: none;
}

.est-priprava {
 background: linear-gradient(30deg, rgba(0,0,0,1) 0%,rgba(59,67,45,1) 100%);
 color: #fff;
}

.est-priprava li,
.est-priprava p {
 font-size: 20px;
 line-height: 33px;
}

.est-priprava h3,
.est-priprava h2 {
 color: #D7D4A0;
}

.popis-hlavicka {
  
 max-width: 435px;
 top: 150px;
 float: right;
 

 color: #D7D4A0;
 font-size: 23px;
 line-height: 35px;
 position: relative;
}

.popis-hlavicka-in {
 
 border-radius:18px; width: 100%;height: 100%;padding: 40px;text-align: center;
}


.popis-hlavicka-in .field--name-body {
 position: relative;
 z-index: 2;
}


.popis-hlavicka-bg {
  position: absolute; z-index: 1;
  top: 0;
  left: 0;
   background: linear-gradient(45deg, #48FFFF 0%, #0F1002 30%, #0F1002 70%, #48FFFF 100%) ;
 width: 100%;
 height: 100%;
  padding: 2px;  
 border-radius: 20px; 
opacity: 0.4; 
  
 
}
.popis-hlavicka-bg-in {
   background: #000; 
 border-radius:18px; width: 100%;height: 100%;padding: 40px;text-align: center;  position: absolute;
     top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}


.region--content-footer {
 background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
}

.form-block {
 background: linear-gradient(45deg, #48FFFF 0%, #fff 30%, #fff 70%, #48FFFF 100%) ;
 max-width: 850px;width: 90%;
 border-radius: 20px; 
 padding: 2px;  
 box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
 margin: 70px auto 50px auto;
}

.form-block-in {
 background: #fff; 
 border-radius:18px; width: 100%; padding: 40px; 
}

textarea,
input[type=password] ,
input[type=text],
input[type=email] ,
input[type=tel] {
 border: 1px solid #ddd;
 padding: 13px;
 -webkit-box-shadow: inset 5px -5px 5px -5px rgba(0, 0, 0, 0.15);
 -moz-box-shadow: inset 5px -5px 5px -5px rgba(0, 0, 0, 0.15);
 box-shadow: inset 5px -5px 5px -5px rgba(0, 0, 0, 0.15);
 font-family: "Roboto Condensed", serif; border-radius: 20px;
 width: 100%;
}

.field--name-field-tlacitko-prodejni-mista a,
.field--name-field-prodejni-mista a,
header#navbar #block-tpp-main-menu > .menu--main > .menu__item.menu__item--last > a,

.form-block-in .button--primary {
 background: linear-gradient(to bottom, #A41814 0%,#6E150E 100%);
 padding: 12px;
 color: #fff;
 width: 100%;
 float: right;
 text-transform: uppercase;
 text-decoration: none;
 max-width: 180px;
 -webkit-border-top-right-radius: 0px;
 -webkit-border-bottom-left-radius: 0px;
 -moz-border-radius-topright: 0px;
 -moz-border-radius-bottomleft: 0px;
 border-top-right-radius: 0px;
 border-bottom-left-radius: 0px;
 -webkit-border-top-left-radius: 18px;
 -webkit-border-bottom-right-radius: 18px;
 -moz-border-radius-topleft: 18px;
 -moz-border-radius-bottomright: 18px;
 border-top-left-radius: 18px;
 border-bottom-right-radius: 18px;
 font-weight: bold; font-family: "Roboto Condensed", serif;
}

.field--name-field-tlacitko-prodejni-mista a {float: none;}

header#navbar #block-tpp-main-menu > .menu--main > .menu__item.menu__item--last > a {
    height: 50px;
    margin: 15px 0 0 10px;float: none;
}

.menu__item--main.menu__item--parent > ul {
 
    width: 300px;
    
    border-radius: 0 0 20px 0;
   
}

header#navbar .menu__item .menu__link:hover {
    color:#3e2517;
 text-decoration: none;
}

.menu--main.menu--child > .menu__item > .menu__link:hover {
   
    background: #cac68f;
     
}

.menu__link--main {
 
    padding-top: 1em;
    padding-bottom: 1em;
}

.menu__link--main.menu__link--parent:hover > .menu__arrow,
.menu__link--main.menu__link--parent > .menu__arrow {
    width: 7px;
    height: 7px;
     
    top: 2em;
    margin-top: -4px;
     
    border-bottom: 2px solid #907445;
    border-right: 2px solid #907445;
}


.menu--main.menu--child > .menu__item > .menu__link {
    display: table;
    padding: 12px 15px;
    height: auto !important;
    text-align: left;
    background: #eeeab1;
    font-style: normal;
}

.menu--main.menu--child > .menu__item > .menu__link:hover {
 
    background: #eeeab1;
  
}

.field--name-field-prodejni-mista a {
 text-align: center;
}

.form-block-contact {
 clear: both;
 display: flex;
 flex-wrap: wrap;
 margin: 0 1%;
 padding-top: 25px;margin-top: 25px;
 border-top: 1px solid #ededed;
}

.form-block-contact .field {
 flex: 1 48%;
 max-width: 48%;
 margin: 1%;
}

.field--name-field-e-mail a,
.field--name-field-telefon {
 font-size: 26px;font-weight: bold;text-decoration: none;
}

.field--name-field-e-mail .field--label {
 background-image: url("../images/obalka.svg");
 background-size: auto 31px;
 background-repeat: no-repeat;
 background-position: 0px 3px;
 text-indent: -6666px;
 overflow: hidden;
 width: 50px;
 float: left;
 height: 40px;
 display: inline-block;
}

.field--name-field-telefon .field--label {
 background-image: url("../images/tel.svg");
 background-size: auto 24px;
 background-repeat: no-repeat;
 background-position: 0 0;
 text-indent: -6666px;
 overflow: hidden;
 width: 35px;
 height: 40px;
 float: left;
 display: inline-block;
}

.form-block-contact .field--name-field-kde-nakoupit a ,
.form-block-contact .field--name-field-sit-prodejcu a {
 font-size:20px;
 color: #A41814;
}

.form-block-contact .field--name-field-kde-nakoupit a {
 text-decoration: none;
 font-weight: bold;}

 .form-block-in textarea { resize: none; width: 100%;height: 220px;}

 .form-block-in .form-item label {
  margin-left:25px ;
  margin-bottom: 5px;
  color: #3E2517;
  text-transform: uppercase;
}

.webform-flexbox  {
  margin: 0 -1%!important;
}

.webform-flexbox .webform-flex {
  margin: 1% 1% 0 1%;
}

.field--name-field-hlavickova-plechovka .field--name-field-media-image {
 width: 470px;
 left: 50%;
 margin-left: -235px;
 position: absolute;
}

.est-galerie {
 background: linear-gradient(30deg, rgba(0, 0, 0, 1) 0%, rgba(59, 67, 45, 1) 100%);
 color: #D7D4A0; 
}

.est-galerie h2 {
 font-weight: 700;
 font-size: 40px;
 text-transform: uppercase;
 margin-bottom: 50px;
}

.field--name-field-fotky-v-galerii {
 display: flex;
 flex-wrap: wrap;
}

.field--name-field-fotky-v-galerii > .field--item {
 flex: 1 30.333334%;
 margin: 1.5%;
 max-width:30.333334% ;
}

.field--name-field-produkty-hp {
 display: flex;
}

.field--name-field-produkty-hp >.field--item {
 flex: 1 23%;
 max-width: 23% ;
 margin: 1%;
}

#block-tpp-dulezite .field--name-body li {
  padding-bottom: 10px;
} 

#block-tpp-komunikujeme {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: space-around;
}

#block-tpp-komunikujeme h2 {
  flex: 10 100%;
  max-width: 100%;margin-top: 0;padding-bottom: 10px;
}


.field--name-field-facebook,
.field--name-field-instagram,
.field--name-field-youtube,
.field--name-field-twitter {
  display: block;
  flex:1 40px;
  max-width: 40px;
  height: 40px;

}

.field--name-field-facebook a,
.field--name-field-instagram a,
.field--name-field-youtube a,
.field--name-field-twitter a {
  display: block;
 overflow: hidden;
 text-indent: -66666px;
  width: 40px;
  height: 40px;
 background-image: url("../images/fb-ico.svg");
 background-size: 40px auto;
 background-repeat: no-repeat;
 background-position: 50% 50%;
}
 
.field--name-field-twitter a {
 background-image: url("../images/twi-ico.svg");
}

.field--name-field-instagram a {
 background-image: url("../images/insta-ico.svg");
}

.field--name-field-youtube a {
 background-image: url("../images/you-ico.svg");
}

#content {
  overflow-x: hidden;
}


.language-switcher-language-url   {
  position: absolute;
  top: 80px;
  right: 50%;
  margin-right:-640px;
  width: 96%;
  max-width: 1280px;
}


.language-switcher-language-url > ul {
  position: absolute;
  top: 0;
  right: 0;
}


.language-switcher-language-url > ul > li {
 float: right;

 margin:0 5px;
opacity: 0.5;
}
.language-switcher-language-url > ul > li:hover,
.language-switcher-language-url > ul > li.is-active {
opacity: 1;

}
.language-switcher-language-url > ul > li a {
display: block; background: #fff;
width: 40px;
height: 50px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden;
position: relative;
text-indent: -6666px; border:1px solid #ddd;border-top:0px solid #ddd;
}

 
.language-switcher-language-url > ul > li[hreflang="cs"] a:after {
 display: block;
 content: "";
 position: absolute;
 border-radius: 16px;
 background: url(../images/czech_republic.svg);
 background-size: cover;
 overflow: hidden;
 width: 32px;
 height: 32px;
 bottom: 3px;
 border:1px solid #ddd;
 left: 3px;

}

.language-switcher-language-url > ul > li[hreflang="sk"] a:after {
 display: block;
 content: "";
 position: absolute;
border-radius: 16px;

 background: url(../images/slovakia.svg);
 background-size: cover;
 overflow: hidden;
width: 32px;
 height: 32px;
 bottom: 3px;
 border:1px solid #ddd;
 left: 3px;
 
}

.language-switcher-language-url > ul > li.is-active {
  /* styly pro aktivní jazyk */
}

@media all and (max-width: 1300px) {

 
.red-claim-in .left {
position: absolute;
bottom: 15px;
left: 0;
text-align: right;
width: 60%;
display: block;
padding-right: 5px;
}


.red-claim-in .right {
position: absolute;
bottom: 5px;
right: 0;
text-align-last: left;
width: 40%;
display: block;
padding-left: 10px;

}


.red-claim-in .large {
  font-size: 165%;
  font-weight: 700;
  text-shadow: 0 -5px 0 #751500, 5px -5px 0 #751500, -5px -5px 0 #751500; /* horizontal-offset vertical-offset 'blur' colour */
  -moz-text-shadow: 0 -5px 0 #751500, 5px -5px 0 #751500, -5px -5px 0 #751500;
  -webkit-text-shadow: 0 -5px 0 #751500, 5px -5px 0 #751500, -5px -5px 0 #751500;

}



.popis-hlavicka {
          max-width: 335px;
        top: 114px;
        right: 20px;
        font-size: 19px;
        line-height: 30px;
}

.popis-hlavicka-in {
    padding: 20px;
 
}


.est-hlavicka .est-container {
    position: absolute;
    z-index: 4;
    padding: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    left: 0;
    margin-left: 0;
}
.plechovka {
    position: absolute;
    bottom: -65px;
    width: 340px;
    height: 100%;
    left: 50%;
    z-index: 5;
    margin-left: -120px;
}

}

 
@media all and (max-width: 1150px) {

    .plechovka {
        position: absolute;
        bottom: -65px;
        width: 340px;
        height: 100%;
        left: auto;
        right: 350px;
        margin-left: 0;
    }

.field--name-field-ikony > .field--item {
    flex: 1 15%;
    max-width: 14.5%;
    margin: 1%;
}


.field--name-field-produkty-hp {
    flex-wrap: wrap; 
}


.field--name-field-produkty-hp >.field--item {
    flex: 1 46%;
    max-width: 46%;
    margin: 2%;
}

.produkt-tm-flex .produkt-popis {
 flex: 3 48%;
 max-width:48%;
 margin: 1%;
}

.produkt-tm-flex .produkt-foto {
 flex: 2 48%;
 max-width: 48%;
 margin: 1%;
}

}


@media (max-width: 992px) {


      .popis-hlavicka {
        max-width: 250px;
        top: 114px;
        right: 20px;
        font-size: 17px;
        line-height: 30px;
    }

  .field--name-field-ikony > .field--item {
    flex: 1 29.333334%;
    max-width: 29.333334%;
    margin: 2%;
}
    .plechovka {
        position: absolute;
        bottom: -85px;
        width: 319px;
      
      
        right: 270px;
 
    }

.produkt-tm-flex {
    flex-wrap: wrap;flex-direction: column-reverse;
}

.produkt-tm-flex .produkt-popis {
 flex: 3 90%;
 max-width:90%;
 margin: 2% 5%;
}

.produkt-tm-flex .produkt-foto {
 flex: 2 90%;
 max-width: 500px;
 margin: 2% auto;
}

.produkt-sv-flex {
    flex-wrap: wrap ;
}

.produkt-sv-flex .flex-item.dlouholete-popis,
.produkt-sv-flex .flex-item {
 flex: 1 94%;
 margin: 3%;
}

 
.field--name-field-priprava-a-pouziti > .field--item > .paragraph--text {
  flex-wrap: wrap;
}

.field--name-field-priprava-a-pouziti > .field--item > .paragraph--text > .paragraph__content--title {
 flex: 1 100%;
 min-width: 100%;
    max-width: 100%;
}

.field--name-field-priprava-a-pouziti > .field--item > .paragraph--text > .paragraph__content--title h3 {
 margin-top: 20px;
}

.field--name-field-priprava-a-pouziti > .field--item > .paragraph--text > .paragraph__content--text {
 flex: 3 100%;
 max-width: 100%;
}

.field--name-field-vedlejsi-produkty, .paragraph--produkty {
  flex-wrap: wrap;
}

 .paragraph--produkty > .popis-rady, .paragraph--produkty > .produkty-wrap {
    flex: 1 94%;
    margin: 2% 3%;
    max-width: 94%;
}


}

@media (max-width: 990px) {

.brand2 {
    height: 55px;
}

.brand2-in {
    height: 55px;
}

 #content,
  .user-logged-in #content {
    padding-top: 68px;
}



  .user-logged-in header#navbar.fixed {
    top: 0;
}

.brand1-in img {
    height: 59px;
 
}

.brand2 {
      position: absolute;
    left: 150px;
}

.brand2 img {
  
    max-width: 100px;
  
}


.main-nav1 {
  height: 0;overflow: hidden;
  position: fixed;
  top: 70px;
  bottom: 0;
  padding-top: 35px;
  width: 100%;
}


.navbar--opened .main-nav1 {
height: 100%;
        overflow: hidden;
        position: fixed;
        background: rgba(255, 255, 255, 0.65);
        backdrop-filter: blur(6px);
        z-index: 100;
        top: 70px;
        bottom: 0;
        width: 100%;
}

.menu--main {
    margin: 0 auto;
    width: 100%;
    max-width: 350px;
    padding: 0;
    display: flex;
    flex-wrap:  wrap;
    justify-content: center;
    position: relative;
    background: transparent;
}

.menu__link--main.menu__link--parent:hover > .menu__arrow, .menu__link--main.menu__link--parent > .menu__arrow {
    width: 12px;
    height: 12px;
    top: 1em;
    margin-top: -2px;
    margin-right: 10px;
    border-bottom: 2px solid #3e2517;
    border-right: 2px solid #3e2517;
}

.menu__item--main.menu__item--parent > ul {
    display: block;
    border-radius: 0;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    top: auto;
    padding: 0;
    z-index: 5;
    position: relative;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.menu--main.menu--child > .menu__item > .menu__link {
    display: table;
    padding: 12px 15px;
    height: auto !important;
    text-align: center;
    background : transparent;
    font-style: normal;
    color: #72150e!important;
}

header#navbar .menu__item .menu__link {
    color: #3b2313;
    height: 65px;
}

.menu__item--main {
    list-style: none;
    min-width: 100%;
   
}

header#navbar #block-tpp-main-menu > .menu--main > .menu__item.menu__item--last > a {
    height: 50px;
    margin: 10px auto;
    float: none;
}

.icon--burger__top, .icon--burger__center, .icon--burger__bottom {
     
        background:#3E2517;
      
    }

        .icon--burger {
       
        right: 12px;
         
    }
 

}


@media (max-width: 900px) {

.hlavickovy-obrazek:before {
    height: 130px; 
}

.hlavickovy-obrazek:after {
  display: none;
}

.est-prod-hlavicka-flex-img, .est-prod-hlavicka-flex-data {
    flex: 1 94%;
    max-width: 94%;
    margin: 2% 3%;
}

.hlavickovy-obrazek-in {
    position: absolute;
    top: 0;
    left: 0;
    width: 1100px;
    height: 100%;
}

.hlavickovy-obrazek {
        position: relative;
        flex: 1;
        top: 0;
        width: 900px;
        max-width: 100%;
        padding: 350px 0 0 0;
        overflow: hidden;
        left: 0;
        margin-left: 0;
    }

section.est-hlavicka {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

    .est-hlavicka .est-container {
        position:initial;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        flex: 1;
        z-index: 4;
        padding: 0;
        max-width: 90%;
        width: 100%;
        height: 500px;
        left: auto;
        margin: 0 auto;
        flex-direction: row-reverse;
    }

    .popis-hlavicka {
        max-width: 45%;
        position: relative;
        flex: 1 45%;
        top: auto;
        right: auto;       
        float: none;
        font-size: 17px;
        line-height: 30px;
    }

        .plechovka {
       position: relative;
        flex: 2  55% ;        top: -60px;
        bottom: auto;
        max-width: 55%;  
        width:100% ;
        left: unset;
        right: unset;
    }




}
@media (max-width: 768px) {


  .paragraph__content--flex-container.paragraph__content--flex-three > .paragraph {
   
    flex: 1 1 100%;
     
    align-self: auto;
   
    order: 0;
    max-width: 98%;
    margin: 1%;
}


.footer-copy-in .copy {flex:1 94%;margin: 2% 3%}
.footer-copy-in .copy-menu {flex:1 94%;margin: 2% 3%}
  .dlouholete-foto-in:before {
 
    left: 0;
    width: 100%;
    height: 0;
    padding: 74% 0 0 0;
    
}

 .est-vyhody h1 {
    font-size: 75px;
 
    margin: 20px 0 35px 0;
}




  .field--name-field-produkty-hp >.field--item {
    flex: 1 48%;
    max-width: 48%;
    margin: 1%;
}

.field--name-field-fotky-v-galerii > .field--item {
    flex: 1 46%;
    margin: 1.5%;
    max-width: 46%;
}

.form-block-contact .field {
    flex: 1 94%;
    max-width: 94%;
    margin: 2% 3%;
}

.est-container.est-flex-container {
    flex-wrap: wrap ;
}

.est-container.est-flex-container > .field {
    flex: 1 94%;
    max-width: 94%;
    margin:2% 3%;
}


.est-flex-container .field--name-field-certifikat .field--name-field-media-document a {
    margin: 0 0 20px 0;
}

.field--name-field-prodejni-mista a {
  
    float: left;
    
}

.footer-gold-in .region--footer-gold > div,
.footer-dark-in .region--footer > div {
    flex: 1 46%;
    margin: 2%;
    max-width: 46%;
 
}

.footer-gold-in .region--footer-gold, 
.footer-dark-in .region--footer {
  flex-wrap: wrap;
}


.pdfka .certifikat-a-popis ,
.pdfka .ostatni-dokumenty {
    flex: 1 94%;
    max-width: 94%;
    margin: 2% 3%;
 
}


.est-prod-hlavicka-flex-img .field--name-field-media-image img {
 
    width: 90%;
    max-width: 550px;
    min-width: auto;
}

.red-claim {
  
    font-size: 30px;
  
}

    .red-claim-in .right {
     
        bottom: 10px;
      
    }



    .produkt-tm-flex .produkt-foto {flex-wrap: wrap;}

.produkt-tm-flex .produkt-foto .field--name-field-prod-druhy-dreva {
display: flex;flex-wrap: wrap;
}  
.produkt-tm-flex .produkt-foto .field--name-field-prod-druhy-dreva .field--item {
flex: 1 48%;
margin: 1%;
}

.produkt-foto-img {
    
     max-width: 94%;
  
}
.produkt-druhy {
    flex: 1 100%;
    max-width: 94%;
    margin : 20px auto;
}

.field--name-field-priklady-pouziti > .field--item {
    flex: 1 48%;
    margin: 1%;
    max-width: 48%;
}

}

table {margin-top: 20px;  }

@media (max-width: 580px) {

.field--name-field-priklady-pouziti .field--name-field-nadpis-obrazku {
    font-size: 20px;
 
}
  .field--name-field-vedlejsi-produkty > .field--item {
    flex: 1 94%;
    margin: 2% 3%;
    max-width: 94%;
}

.header-in h1 {
    font-weight: 700;
    font-size: 35px;
}


.field--name-field-e-mail a, 
.field--name-field-telefon {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

      .red-claim {
        font-size: 22px;line-height: 50px;padding: 0 20px;
    }
        .red-claim-in .right {
        position: relative;
        bottom: auto;
        right: auto;
        text-align-last: auto;
        width: auto;
        display: inline;
        padding-left: initial;
    }

        .red-claim-in .left {
    position: relative;
        bottom: auto;
        left: auto;
        text-align: right;
        width: auto;
        display: inline;
        padding-right: initial;
    }

        .red-claim-in .large {
        font-size: unset;
        font-weight: 500;
        text-shadow: 0 0 0 #751500;
        -moz-text-shadow: 0 0 0  #751500;
        -webkit-text-shadow:0 0 0  #751500;
    }

    .red-claim-in {
 
    height: 50px;
  
}

.est-hlavicka .est-container {
 
        justify-content: flex-end;
    }

      .plechovka {
        position: relative;
        flex: 2 70%;
        top: -20px;
      z-index: 20;
        max-width: 70%;
      
        margin-left: -30px;
     
    }

        .hlavickovy-obrazek {
       
        padding: 320px 0 0 0;
        
    }

        .popis-hlavicka-in {
        padding: 11px;
    }

    .est-hlavicka .est-container {
        position: initial;
        display: flex
;
        align-items: flex-start;
        flex-wrap: wrap;
        flex: 1;
        z-index: 4;
        padding: 0;
        max-width: 90%;
        width: 100%;
        height: 500px;
        left: auto;
        margin: 0 auto;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .popis-hlavicka {
        max-width: 45%;
        position: absolute;
        z-index: 30;
        flex: 1 45%;
              margin-top: 30px;
        right: 10px;
   
        font-size: 15px;
        line-height: 30px;
    }


    .hlavickovy-obrazek-in {
     
        left: -150px;
    
    }
.est-container .claim .brown {
    padding: 10px 10px 10px 510px;
    font-size: 22px;
 
    width: 719px;
    
}


    .est-container .claim .red {
    padding: 10px 10px 10px 510px;
    font-size: 28px;
     
}

  .est-popis p {
     font-size: 18px;
    line-height: 28px;
}

.field--type-text-long p {
    font-size: 18px;
    line-height: 28px;
}

  .hlavicka-flex-text-in p {
    font-size: 18px;
    line-height: 28px;
}


  .field--name-field-produktove-dokumety > .field--item {
    flex: 1 100%;
    max-width: 100%;
    margin: 1% 0;
}

.est-vyhody h1 {
    font-size: 55px;
   
    margin: 10px 0 35px 0;
}

  .est-produkt-sv > .est-container > h2,
.est-produkty-hp .est-container h2,
  .est-galerie h2 {
 
    font-size: 30px;
  
}

.est-vyhody {
    padding-bottom: 0;
}


.footer-gold-in .region--footer-gold > div,
.footer-dark-in .region--footer > div {
    flex: 1 94%;
    max-width: 94%;
    margin: 2% 3%;
 
}


  .field--name-field-ikony > .field--item {
    flex: 1 46%;
    max-width: 46%;
    margin: 2%;
}

.field--name-field-produkty-hp >.field--item {
    flex: 1 94%;
    max-width: 94%;
    margin: 2% 3%;
}


.field--name-field-ikony-s-popisem > .field--item {
   flex: 1 94%;
    max-width: 94%;
    margin: 2% 3%;
}

.field--name-field-baleni .field--label  {display: block;width: 100%;}
.field--name-field-baleni .field--items  {display: block;width: 100%;}
.field--name-field-baleni .field--items >.field--item {display: block;width: 100%;
float: none;
}

.produkt-popis h2 {
    font-size: 30px;
}

.dlouholete-popis h3 {
    font-size: 30px;
}
}

@media (max-width: 400px) {
.typ-dreva--jmeno {
 
    font-size: 18px;
}

  .field--name-field-popis-ikony {
    font-size: 15px;
   
}


    .hlavickovy-obrazek-in {
        left: -233px;
    }
}