/* CSS Document */

@import "https://fonts.googleapis.com/css?family=Montserrat:900";
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Petit+Formal+Script');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');

  
img {max-width:100%;}

body {
  margin:0;
  font-family: 'Open Sans', sans-serif;
  background-color:white;
  color:#686868;

  }
  
h1 {
  font-size:150%;
  color:#637d96;
  font-weight:900;

  }
  
h2 {
  font-size:130%;
  text-align:left;
  margin-top:0px;
  color:#637d96;
  }
  
h3 {
  color:#637d96;
  }  

a {color:#637d96;

  text-decoration:none;
  }

a:visted{color:#637d96;}

p {margin-top:0;}

.logo {  
  max-width:100%
  display:block;
  float:left;
  padding:0;
  margin-top:0px;
  max-height:63px;
  top:0;
  left:0;
  } 

.menu_max {
  max-width:1920px;
  margin: 0px auto;
  background:red;
  }
  

  

/*----MENU----*/
 
.navigation {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  transition:top 0.5s ease;
  transition: background-color 0.5s ease;
  background: rgba(255,255,255,1);
  min-height:60px;
  z-index:10;
  width:100%;
   box-shadow: 0px 1px 20px #7e7e7e;
 }

.menu_polozky_pc {
  width:65%;
  float:right;
  text-align:right;
  padding-top:20px; 
  font-size:100%;
  font-family: 'Open Sans', sans-serif;
  font-weight:normal;   
  }

.menu_polozky_pc a {
  color:#686868;
  padding-right: 1.3%;
  padding-left: 1.3%;
  text-decoration: none;
  font-size: 110%; 
  }
  
.menu_polozky_pc a:hover {color:#637d96;}  

.menu_icon { 
  float: right; 
  cursor:pointer;
  margin-right:20px;
  font-size:300%;
  color:#4f4f4f;
  display:none;
  }

.menu_mobile_obal { 
  position: fixed; 
  width: 100%; 
  height: 100%;
  top: 0; 
  left: 100%;
  background:rgba(0,0,0, 0.5);
  }

.menu_mobile { 
  position: absolute; 
  height: 100%; 
  max-width:300px;
  width:40%;
  min-width:250px;
  background-color:white;
  right: -100%; 
  z-index: 10;
  overflow: scroll;
  padding-left:30px;
  overflow-x: hidden;
  }

.menu_mobile_obal  a {
  color:black;
  text-decoration: none;
  margin-top:5px;
  width:100%;
  text-align:left;
  float:left;
  text-decoration: none;
  font-size:170%;
  }

.zavrit {
  font-size:200%;
  color:black;
  cursor:pointer;
  float:right;
  margin-right:10px;
}

.menu_zavrit_obal{ 
  position: absolute; 
  width: 100%; 
  height: 100%; 
  background-color: transparent;
  }

.scrolled {
  background: rgba(255,255,255);
 
  }

.scrolled a {
  }
  
.menu_linka {
 //border-bottom: 2px solid #bdbdbd;
 max-width:1920px;
 margin:0 auto; 
}  

@media (max-width: 1250px) { 

.navigation2 { display:none;} 
.menu_icon {display:block;}
.menu_polozky_pc { display:none;} 
.logo {max-width:75%;}

}

/*-------MENU_KONEC-------*/


/*-------MENU-2-------*/

.navigation2 {
  position: fixed;
  top:68px;
  left:0;
  width:100%;
  transition:top 0.5s ease;
  transition: background-color 0.5s ease;
   background: #ffaa00;

  z-index:5;
  width:100%;
  text-align:left;
  }

.navigation2  a {
  color: white;

  padding-right: 4%;
  padding-left: 1%;
  text-decoration: none;
  font-size: 120%;
  }
  
.navigation2 a:hover { color:#4f4f4f;}

.menu2_align {
padding-top:10px;
padding-bottom:10px;
max-width:1300px;
 //border-bottom: 2px solid #bdbdbd;

 margin:0 auto;
}



/*-------MENU-2_KONEC-------*/


/*-------SLIDER-------*/

.slider_obal   { 
 height:100vh; 
  min-height:350px;
}

.slider_foto1 {
  background-image: url("foto_slider/foto1.jpg");
  width:100%; 
  height:100vh; 
  min-height:350px;
  background-size:cover; 
  background-repeat: no-repeat;
 
  }

.slider_foto2 {
  background-image: url("foto_slider/foto2.jpg");
  width:100%; 
  height:100vh; 
  min-height:350px;
  background-size:cover; 
  background-repeat: no-repeat;
 
  }

.slider_foto3 {
  background-image: url("foto_slider/foto3.jpg");
  width:100%; 
  height:100vh; 
  min-height:350px;
  background-size:cover; 
  background-repeat: no-repeat;
   
  }

.slider_foto4 {
  background-image: url("foto_slider/foto4.jpg");
  width:100%; 
  height:100vh; 
  min-height:350px;
  background-size:cover; 
  background-repeat: no-repeat;
   
  }
.sl_obal {
 background: rgba(0,0,0,.3);
width:100%; 
  height:100vh; 
  min-height:350px;
  background-size:cover; 
  background-repeat: no-repeat;

}

.slider_dalsi {
  background:black; 
  color:white; 
  border:none; 
  cursor:pointer; 
  position:relative;
  top:50%;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:25px;
  padding-right:25px; 
  font-size:200%; 
  opacity:0.6; 
  transition:0.5s;
  z-index:3;
  float:left;
  }

.slider_predchozi  {
  background:black; 
  color:white; 
  border:none; 
  cursor:pointer; 
  position:relative;
  top:50%;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:25px;
  padding-right:25px; 
  font-size:200%; 
  opacity:0.6; 
  transition:0.5s;
  float:right;
  z-index:3; 
  }

.slider_dalsi:hover {opacity:1;}
.slider_predchozi:hover {opacity:1;}

.slider_animace_obal{
  position:relative;
  animation:slider_animace 1s;
  left:0vw; 
  margin-top:0px;

  } 
  
@keyframes slider_animace
  {
  0%{left:-150%}  
  100%{left:0;} 
  }
    
  
/*-------SLIDER_KONEC-------*/

.index_nadpis { margin-top:300px; float:left;}

.zahlavi_foto_index {
  width:100%;
  float:left; 
  background-size:cover;
  background-repeat: no-repeat;
  height:50vh;
  background-color:white;        
  background-attachment: fixed;   
  }
  
.zahlavi_foto_sluzby {
  background-image: url("foto_slider/foto1.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  height:60vh;
  max-height:500px;
  background-color:white;
  background-attachment: fixed;
  max-width:2000px;
  margin:0 auto;
  }  
  
.zahlavi_foto_ukazky {
  background-image: url("foto_slider/foto2.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  height:60vh;
  max-height:500px;
  background-color:white;
  background-attachment: fixed;
  max-width:2000px;
  margin:0 auto;
  } 
  
.zahlavi_foto_kontakty {
  background-image: url("foto_slider/foto3.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  height:60vh;
  max-height:500px;
  background-color:white;
  background-attachment: fixed;
  max-width:2000px;
  margin:0 auto;
  }   
  
.zahlavi_foto_kosik {
  background-image: url("foto_slider/foto4.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  height:60vh;
  max-height:500px;
  background-color:white;
  background-attachment: fixed;
  max-width:2000px;
  margin:0 auto;
  }     

.zahlavifoto_text h1 {
  font-size:350%;
  color:white;
  padding:5px;
  font-weight:900;
  font-family: 'Mostera', sans-serif;
  background:#637d96;;
  padding-left:20px;
  padding-right:20px;
  margin-top:80px;
  }
  
  .zahlavifoto_text_index {

  padding:1%;
  text-align:center;
  font-weight: bold;
  color:white; 
  top:30%;
  position:absolute;
  left: 0;
  right: 0;
  margin: auto;
  }

.zahlavifoto_text_index h1 {
  font-size:350%;
  color:white;
  font-weight:900;
  font-family: 'Mostera', sans-serif;
text-shadow: 2px 2px black;
  padding:20px;   
  display:inline-block;
  margin-top:20px;
  margin-bottom:0px;

  }
 

  

.zahlavifoto_text_index h2 {
  font-size:150%;
  color:black;
  font-weight:noraml;
  text-align:right;
  }


  
.zahlavifoto_popisek {

  margin-top:-48px;
  text-align:right;
  padding:10px;
  position:relative;
  width:auto;
  font-weight: bold;
  color:white;
  background:#ffaa00;
  font-size:130%;
  display:block;
  float:right;
  } 
.zahlavifoto_popisek a {color:white;} 
.zahlavifoto_popisek a:visited {color:white;} 


.zahlavifoto_text {

  margin-left:20px;
  text-align:left;
  margin-top:100px;
  position:absolute;
  max-width:600px; 
  font-weight: bold;
  color:white;
  }

.centr{ 
  width:100%;
  float:left;}
    
.content{ 
  margin: 0px auto;
  text-align:left;
  max-width:1250px;
  padding:20px;
  padding-top:120px;
  font-size:130%;
  }
  
    
.content_ind{ 
  margin: 0px auto;
  text-align:left;
  max-width:1250px;
  padding:20px;
  padding-top:50px;
  font-size:130%;

  }  
  
.content_kosik{
  width:63%; 
  margin: 0px auto;
  text-align:left;
  max-width:1250px;
  padding:20px;

  font-size:100%;
  margin-top:0px;
  float:left;} 
  
.content_kosik_poradit  
{
  width:28%; 
  margin: 0px auto;
  text-align:left;
  max-width:1250px;
  padding:20px;

  font-size:100%;
  margin-top:45px;
  float:left;}
  
.kosik_ramecek {

float:left;
width:98%;
border-radius:3px;
padding:20px;
  border-style: solid;
  border-width: 1px;
  border-color:#b9b9b9;
  margin-bottom:20px;} 
  
  
.kosik_ramecek2 {

float:left;
width:103%;
border-radius:3px;

  border-style: solid;
  border-width: 1px;
  border-color:#b9b9b9;
  margin-bottom:20px;}  
  
.tl_potvtdit_zarovnani {float:left; width:100%;  padding:20px;}    
  
.kosik_lista {width:100%;  margin-top:110px;} 

.kosik_lista_polozka {
width:31.3%;
float:left; 
text-align:center; 
color:white; 
padding-top:10px; 
padding-bottom:10px; 
background: #b9b9b9;
margin:1%; 
border:0;  
font-size:130%; 
font-weight:normal;
cursor:pointer;
clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
height:50px;}

.kosik_lista_polozka_text { };

.kosik_lista_polozka a {color:white;} 

.kosik_lista_polozka a:visited {color:white;}    

.uvod_slovo {font-size:130%;text-align:center;}
.srovnani {margin-top:50px;font-size:150%}  
  
.produkt_min_obal{
width:100%;
height: auto;
overflow:auto;

margin:0 auto;
}     
  
.produkt_min{
  width:22%;
  margin:1.5%;
  float:left;
  margin-bottom:50px;
  float:left;
  color:#686868;
  text-align:justify;
  font-size:90%;
 height:auto;

}

.produkt_nadpis{

 min-height:55px;
 text-align:left;

}


.produkt_popisek{
 text-align:left;
 min-height:80px;
}


.produkt_min_foto{
width:100%;
height:200px;
  object-fit: cover;

}

.foto_veletrh {  
width:22%;
  margin:1.5%;
  float:left;
  margin-bottom:50px;
  float:left;
  color:#686868;
  text-align:justify;
  font-size:90%;
 height:auto;}

.produkt_min_foto_index{
width:100%;
height:400px;
  object-fit: cover;

}

.produkt_galerie {}

.foto_detail {max-height:300px; min-height:300px; width:100%;  object-fit: cover;}


.pom_parametr_velikost {

width:130px;
margin-right:5px;
display:inline-block;
text-align:left;
}

.pom_parametr_cena {
width:115px;
margin:5px;
display:inline-block;
text-align:left;

}   

.pred_obal {
  width:48%;
  float:left;
  margin:1%;
  margin-bottom:50px;
  font-size:120%;
  } 

.pred_foto {
  width:100%;
  height:300px;
  float:left;
  object-fit: cover;
  margin-top:10px;
  border-radius: 10px;
  } 
  
.index_leva{
  width:48%;
  margin:1%;
  float:left;

  }
  
.produkt_leva{
  width:48%;
  margin:1%;
  float:left;
    object-fit: cover;

  } 
  
  
.akce_leva{
  width:30%;
  margin:1%;
  float:left;
    object-fit: cover;

  } 
  
.akce_prava{
  width:65%;
  margin:1%;
  float:left;
    object-fit: cover;

  }     

.index_leva_text{
  width:48%;
  margin:1%;
  float:left;

  text-align:right;
  }

.index_prava_text{
  width:48%;
  margin:1%;
  float:left;

  text-align:left;
  }   
 
.index_leva_img {
  object-fit: cover;
  width:100%;

  }  

.mapa {
  width:65%;
  max-width:100%;
  float:left;
  padding-bottom:20px;
  }

.google-maps {
  position: relative;
  padding-bottom: 75%; 
  height: 0;
  overflow: hidden;
  }

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  }

.kontakty {
  width:30%; 
 float:left;
 padding-right:30px;
  margin-right:1%;
 }

.tabulka_vstup { width:400px;}

.formular {
  width:95%;
  height:25px; 
  margin:5px;
  }

.formular_text {
  width:95%;
  margin-left:0px;
  }
  
  .galery_min_inspirace{ 
  width:48%;
  height:300px;
  margin:1%;  
  object-fit: cover;

  }

.galery_min{ 
  width:100%;
  height:250px;
  margin:0%;  
  object-fit: cover;
  margin-bottom:20px;
  }  
    
.galery_min img {
  overflow: hidden;
  }
    
.galerie {      
  margin: 0 auto;
  text-align:center;
  }     

.fb {max-width:100px; margin-right:30px;}

.fb_footer {max-width:50px; margin:3px;margin-right:30px;}

.dalsi_sluzby { text-align:center;}

.kosik_zahlavi {width:100%;float:left; display:block; background:#dedede;height:60px;padding:0;}

.kosik_produkt{
width:100px;
object-fit:cover;
float:left;
margin:10px;

}

.kosik_vlozit_nadpis {
margin:25px;
float:left;

}

.kosik_nadpis {
margin:10px;
float:left;
width:20%;
margin-top:10px;
font-weight:bold;
}

.kosik_mnozstvi {
margin:10px;
float:left;
width:13%;
min-width:110px; 
margin-top:10px;
text-align:center;
}

.kosik_zvyrazneni {
background:#dedede;
font-weight:bold;
padding:5px;
padding-top:10px;
padding-bottom:10px;
font-size:110%;
text-align:left;
border-radius:3px;
float:left;
width:100%;

}

.kosik_zarovnani {text-align:left; width:100%;display:inline-block;width:50%;float:left;}

.kosik_suma { float:left; font-size:150%; width:100%; text-align:right;font-weight:bold;}


.kontakty_jmeno {
  width:95%;
  height:40px; 
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color:#96a3a4;
  margin-bottom:10px;
  font-size:120%;
  color:#96a3a4;
  font-family: 'Open Sans', sans-serif;
  display:line;
  }
  
.kontakty_email {
  width:100%;
  height:40px; 
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color:#96a3a4;
  margin-bottom:10px;
  font-size:120%;
  color:#96a3a4;
  font-family: 'Open Sans', sans-serif;
  max-width:90%; 
  float:left; 

  } 
  
.kontakty_telefon {
  width:100%;
  height:40px; 
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color:#96a3a4;
  margin-bottom:10px;
  font-size:120%;
  color:#96a3a4;
  font-family: 'Open Sans', sans-serif;
  max-width:90%; 
  float:left;}   

.formular_text {
  width:95%;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color:#96a3a4;
  margin-bottom:10px;
  font-size:120%;
  color:#96a3a4;
  font-family: 'Open Sans', sans-serif;
  }
  
.form_zarovnani { float:left;}
  
.form_text {margin-left:3px;}  

.text_napiste {
  margin-bottom:10px;
  color:#1cbac8;
  }  

.tlacitko {
  background: #80c900;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff; 
  cursor:pointer; 
  font-size:130%;  
  border-radius: 5px;
  text-align:left;
  width:170px;
  margin-bottom:20px;
  margin:0 auto;
  display: inline-block;
  text-align:center;
  transition:0.5s;
  margin:10px;
  }
  
.tlacitko:hover {
  background: #637d96;  }
  
.tlacitko_menu2 {
  background: #637d96;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff; 
  cursor:pointer; 
  font-size:100%;  
  border-radius: 5px;
  text-align:left;
  width:10%;
  min-width:100px;
  margin-bottom:20px;
  margin:0 auto;
  display: inline-block;
  text-align:center;
  transition:0.5s;
  margin:10px;
  }
  
.tlacitko_menu2:hover {
  background:  #80c900; }  
  
.spocitat {
  background: #80c900;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff; 
  cursor:pointer; 
  font-size:130%;  
  border-radius: 5px;
  text-align:left;
  float:left;
  margin-bottom:20px;
  margin-right:15px;
  transition:0.5s;
  } 
  
  .potvrdit_kosik {
  background: #80c900;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff; 
  cursor:pointer; 
  font-size:130%;  
  border-radius: 5px;
  text-align:left;
  float:right;
  transition:0.5s;
  } 
  
.navod {
  background: #80c900;
  padding: 5px 10px 5px 10px;
  border: none;
  color: #fff; 
  cursor:pointer; 
  font-size:100%;  
  border-radius: 5px;
  text-align:left;
  float:left;
  margin-top:20px;
  margin-bottom:20px;
  margin-right:15px;
  transition:0.5s;
  }  
  
  .mapa_tlacitko {
  background: #80c900;
  padding: 5px 10px 5px 10px;
  border: none;
  color: #fff; 
  cursor:pointer; 
  font-size:100%;  
  border-radius: 5px;
  text-align:center;

  margin-top:20px;
  margin-bottom:20px;

  transition:0.5s;
   width:200px;
  display:block;
  float:none;
  margin:0 auto;
  }  
  
 .spocitat:hover  {
  background:red;}
  
.potvrdit_kosik:hover{
  background:red;} 
  
.plocha_formular{  
  width:70px;
  height:35px;
  margin-left:10px;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color:#96a3a4;
  margin-bottom:10px;
  font-size:120%;
  color:#96a3a4;
  font-family: 'Open Sans', sans-serif;
 }  
  
.souhlas{
  float:left;
  width:100%;
  margin-top:10px;
  margin-bottom:10px;
  }
  
.souhlas a {
  color:#637d96;
  }     
  



.kontakty_telefon_text_m{display:none;}  

.formular_cast {float:left;display:block;width:50%;}

.benefity {
width:18%;
float:left;
margin:1%;

text-align:center;
}

.benefity img {max-width:90%; margin-bottom:20px;border-radius: 50%;object-fit:cover;} 

.benefity_ikona_text{width:100%; font-size:120%; height:20px;display:block;}

.benefity_text b {color:#da2720;}

.vyrobci{
width:14%;
float:left;
margin:1%;

text-align:center;
}

.vyrobci img {max-width:90%;object-fit:cover;} 


 .koupit  {
  background:#637d96;
  margin-right:30px;
  padding: 8px 15px 8px 15px;
  border: none;
  color: white;
  cursor:pointer; 
  font-size:130%;  
  border-radius: 5px;
  text-align:left;
  float:left;
  margin-bottom:20px;
  transition:0.5s;} 
  
  
 .koupit:hover  {
  background:#80c900;}  
  
.koupit a {color:white}
.koupit a:visited {color:white;}

 .odstranit  {
  background:red;
  margin-right:30px;
  padding: 5px 10px 8px 10px;
  border: none;
  color: white;
  cursor:pointer; 
  border-radius: 5px;
  text-align:left;
  float:left;
  transition:0.5s;
  font-size:80%;}


.footer {
  background-color: #393939;
  color:white;
  text-align:center;
  padding-top:20px; 
  padding-bottom:20px;
  font-size:120%;
  float:left;
  width:100%;
  }

.footer a { 
  text-align:left;
  color:white;
  text-decoration: none;
  font-size: 100%;
  padding-left:20px;
  padding-right:20px;
  }
  
.footer a:hover {color:white;}


.footer_obal { 
  max-width:1250px;
  margin: 0 auto; 
  }

.footer_levy { 
  width:300px;
  padding-left:10px;
  text-align:left;
  float:left;}
    
.footer_levy2 { 
  width:355px;
  padding-left:10px;
  text-align:left;
  float:left;
  }   

.BT {
  margin-top:80px;
  text-align:left;
  float:right;
  
  }

.BT a {font-size:100%;}

.footer_odkaz {display:line;}

.max_vyska  {min-height: calc(100vh - 66px);}


/*------RESPONS----*/



@media screen and (min-width:2000px) {
.zahlavi_foto_index {
 

  max-height:800px;
  height:85vh;   }
  
.slider_obal,  .slider_foto1, .slider_foto2, .slider_foto3, .slider_foto4, .sl_obal { max-height:600px; height:60vh; min-height:500px; } 


  }




@media screen and (max-width:1250px) {


  
  .zahlavifoto_text_index {width:60%;}
  
  

  .zahlavifoto_text_index h1 {font-size: 250%;}
  
  .content{ padding-top:80px;}
    .content_kosik{
  width:62%; }  
  .produkt_nadpis {min-height:75px;} 
  } 

@media screen and (max-width:1100px) { 
       .content_kosik{
  width:59%; }

  .BT{ 
    margin-left:0px; 
    display:block; 
    text-align:center; 
    margin-top:20px;
    }
    
           .produkt_min{
  width:30%;
  

}

.produkt_popisek{
 min-height:150px;
}



.kosik_zahlavi {display:none;}

.kosik_produkt{
width:20%;
min-width:200px;
height:200px; 
object-fit:cover;
float:left;
margin:10px;
}


.kosik_nadpis {
width:40%;
margin:10px;
float:left;
text-align:left;

}

.kosik_mnozstvi {
width:40%;
margin:10px;
float:left;
text-align:left;
 }   
.srovnani {margin-top:30px;font-size:130%} 
   
.akce_leva{
  width:40%;
  } 
  
.akce_prava{
  width:55%;
  }    
   
} 
@media screen and (max-width:1000px) {

  .index_leva {
    width:100%; 
    text-align:left; 
    margin:0; 
    padding:0; 
    margin-bottom:10px; 
    height:auto;
    }   
    
  .index_leva_text {
    width:100%; 
    text-align:left; 
    margin:0; 
    padding:0; 
    margin-bottom:10px; 
    height:auto;
    }
    
  .index_prava_text {
    width:100%; 
    text-align:left; 
    margin:0; 
    padding:0; 
    margin-bottom:10px; 
    height:auto;
    }
    
    
.kosik_suma {  width:98%; }  

  .kontakty_jmeno{width:100%;}
  .kontakty_email{max-width:100%;}
  .kontakty_telefon{max-width:100%;}
  .formular_text {width:100%;}
  .kontakty_telefon_text {display:none;}
   .kontakty_telefon_text2 {display:none;}
  .kontakty_telefon_text_m {display:block;} 
   .formular_cast {width:100%;}
  
 .vyrobci{
width:24%;
margin:2%;
}
    
} 
@media screen and (max-width:900px) {


  
  .zahlavifoto_text_index { width:80%;    }
    
  .zahlavifoto_text_index h1 {font-size:200%;}    


  .zahlavi_foto_sluzby {

    height:60vh;
    }  
  
  .zahlavi_foto_ukazky {

    height:60vh;
    }   
  
  .zahlavi_foto_kontakty {

    height:60vh;
    }
    
  .footer_odkaz   {display:block;}  
  
  
   .kontakty {width:100%; text-align:center; margin:0; padding:0;}   
   .mapa {width:100%;}  
  
  
.akce_leva{
  width:95%;
  } 
  
.akce_prava{
  width:95%;
  } 

}

@media screen and (max-width:800px)  {



  .produkt_min{
  width:47%;
  

}

.produkt_popisek{
 min-height:180px;
}

.foto_veletrh {width:47%;}

.produkt_leva{
  width:98%;
  margin:1%;
  float:left;

  }
  
  
.slider_predchozi,  .slider_dalsi  
{font-size:100%; 
  padding-top:10px;
  padding-bottom:10px;
  padding-left:15px;
  padding-right:15px; }
  
  
  .zahlavifoto_text_index {
    top:20%;
   }

 .kosik_suma {  width:92%; font-size:130%; }   
  
.slider_obal, .slider_foto1, .slider_foto2, .slider_foto3, .slider_foto4, .sl_obal {height:70vh; max-height:600px;}

         .content_kosik{
  width:49%; }
   .kosik_produkt{
 min-width:0;
height:150px;
width:95%;
}


.kosik_nadpis {
width:90%;
text-align:left;

}

.kosik_mnozstvi {
width:90%;
text-align:left;
 }
  .srovnani {font-size:110%}  
  .uvod_slovo {font-size:110%;}
  
   
     
  
} 

@media screen and (max-width:700px)  {  

  
      
  h3 {margin-top:15px; margin-bottom:5px;}

  .pred_obal {
    width:98%;
    margin-bottom:50px;
    } 
    

 
  .zahlavifoto_text_index h1 {font-size:180%;}
    
  .zahlavifoto_text_index h2 { font-size:100%;}
  
  .zahlavifoto_text h1 {font-size:300%;}   
  
    .benefity {width:30%;  margin:0 atuo; text-align:center; }
    
    
  
  
  
 .tl_potvtdit_zarovnani {width:100%;padding:0; }
 
 .zahlavifoto_text_index {
     padding-top:100px;}
     
     
  .vyrobci{
width:29%;
margin:2%;
}    
  
  .galery_min_inspirace {width:100%;margin:0%; margin-bottom:20px;} 
  
     
}




 @media screen and (max-width: 550px) {
        .kosik_suma {  width:93%; font-size:130%; }
 
          .content_kosik{
  width:88%; }

          .content_kosik_poradit{
  width:75%; }

  .kosik_lista_polozka {
width:95%; 
clip-path: none;
}
.zahlavifoto_text_index {
     padding-top:60px;}
     
     
.tlacitko_menu2 {
 
  padding: 8px 8px 8px 8px;
  font-size:100%;  
  width:10%;
  min-width:80px;
  margin-bottom:20px;
  margin:0 auto;
  margin:10px;
  } 
       
}

@media screen and (max-width: 500px) { 
   
  .zahlavifoto_text h1 {font-size:220%;}


  
     .benefity {width:44%;  margin:0 atuo; text-align:center; margin:3%; height:220px;}
     
       .produkt_min{
  width:98%;
  

}

  .produkt_nadpis {min-height:30px;} 

.produkt_popisek{
 min-height:auto;
}



.zahlavifoto_text_index h1 {font-size:130%;}
 
.slider_predchozi,  .slider_dalsi  
{font-size:100%; 
  padding-top:10px;
  padding-bottom:10px;
  padding-left:15px;
  padding-right:15px; }
  
  
h1 {
  font-size:120%; }
.rozmery_ceny {font-size:90%;}


  .srovnani {font-size:100%;}  
  .uvod_slovo {font-size:100%;text-align:justify;}
  
   .vyrobci{
width:46%;
margin:2%;
}

.foto_veletrh {width:97%;}
.produkt_min_foto_index {height:300px;}
}



@media screen and (max-width:350px) { 
.galery_min { width:100%;  margin:0%; height:300px; margin-bottom:15px; } 

}


@media screen and (max-height:550px) { 

 

  .zahlavi_foto_index  {height:550px;}
  .zahlavi_foto_sluzby {height:350px;}
  .zahlavi_foto_ukazky {height:350px;} 
  .zahlavi_foto_kontakty {height:350px;}

}





@media screen and (max-width: 1000px) { 
 
 .footer_levy {
    width:100%;
    text-align:center;
    padding:0;
    padding-bottom:15px;
    } 
        
  .footer_levy2 { display:none;} 
     
  .BT  { 
    width:100%;
    text-align:center;
    float:left;
    padding-right:0;
    margin-top:0;
    } 
}

@media only screen and (max-device-width: 1300px) {
 .zahlavi_foto_sluzby {
    background-attachment: scroll;
  }
  
  .zahlavi_foto_ukazky  {
    background-attachment: scroll;
  }
  
  .zahlavi_foto_kontakty {
       background-attachment: scroll;
  }   
  
.zahlavi_foto_kosik   {
    background-attachment: scroll;
    }
}