/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@400;500;600;700;800&display=swap');

  
img {max-width:100%;}

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

  color:#0bc404;
  font-size:300%;
  font-weight:900;
  font-family: 'Ubuntu', sans-serif;
  text-align:center;
  padding-left:30;

 }
  
h2 {
  font-size:250%;
  color:#0bc404;
  text-align:center;
   font-family: 'Ubuntu', sans-serif;
   font-weight:500;
   padding-left:30;

  }

a {  
  color:#505050; 
  text-decoration:none;
  }
  
a:visited {color:#505050;}

ul {margin:0;padding:0; padding-left:30px;}
li {margin-left:5px;list-style-position: outside;}



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

.menu_max {
  max-width:2000px;
   width:100%;
  margin: 0px auto;}
 
.navigation {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  transition:top 0.5s ease;
  transition: background-color 0.5s ease;
  min-height:65px;
  z-index:100 !important;
  width:100%;  
  background:black;
  }

.menu_polozky_pc {
  width:75%;
    min-height:65px;
  float:right;   
  text-align:right;
  padding-top:0px; 
     background:black;
     z-index:20;
 }
  
.menu_polozky_pc a {
  color: white;
  margin-left:20px;
  padding-top:5px;
  padding-bottom:12px;
  text-decoration: none;
  font-size: 130%; 
  }
  
 



.menu_polozky_pc a:hover {
  color:#0bc404;
  transition: color 0.5s
  } 
  
.menu_index a {color:#5e5e5e;} 
  
.menu_index a:hover {color:#0bc404;}     

.menu_icon { 
  float: right; 
  cursor:pointer;
  margin-right:20px;
  font-size:300%;
  color:white;
  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:500px;
  width:80%;
  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%;
  }

.menu_mobile_obal a:hover {
  color:#0bc404;
  transition: color 0.5s
  }   
  
.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;
  }
  
  
  
.dropdown_tlacitko {
font-size:90%;
  padding: 10px; 
  display:block;
  width:100%;
  margin-top:10px;
  text-align:left;
}

.dropdown {
  display: inline-block;
 
}

.dropdown_content {
  display: none;  
  position: absolute;  
  background-color: black;
  color:white;
  min-width: 150px; 
  margin-left:20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  animation: men_dropdown_fade 0.3s ease-out;   
  -webkit-animation: men_dropdown_fade 0.3s ease-out;
       
}

.dropdown_content a {
  display: block;
  text-align:left;
  padding:10px;
  padding-left: 30px;
  padding-right: 30px;
}

.dropdown:hover .dropdown_content {display: block;}

.dropdown_content_last {
background:#12d6e8;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
color:white }

.menu_sub_mobile {margin-left:20px;}

@-webkit-keyframes men_dropdown_fade2 {
	0% { opacity:0;}
	100% { opacity:1;}
}

@-webkit-keyframes men_dropdown_fade {
	0% { top:-200px; z-index:-10; }
  99%  {top:58px; z-index:-10;}
	100% {top:58px; z-index:1;}
}  
  
    
  

.scrolled { 

  
  }
  
.scrolled a { }

.scrolled a:visited{ }

.scrolled a:hover { 

  }


    


.scrolled .menu_icon {}


.scrolled .menu_mobile_obal  a {color:black;}
  
.scrolled .menu_mobile_obal  a:hover {
  color:#0bc404;
  background:none;
  transition: color 1.5s
  }  
  
  
  
.scrolled  .dropdown_content  {  box-shadow: 0px 17px 28px -8px #7e7e7e;;}

@media (max-width: 1320px) { 
  .menu_icon {display:block;}
  .menu_polozky_pc { display:none;} 
  .logo {max-width:75%;}
  }


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


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

.slider_obal {
max-width:100%; 
width:100%; 
margin: 0px auto;
 

object-fit:cover !important;
  margin-top:130px;
 overflow:hidden;
   float:left;

}

.slider_foto1 {
  max-width:800px;
  
  background-size:contain;
  background-repeat: no-repeat;
 
  }

.slider_foto2 {
     max-width:800px;
 

    background-size:contain;
  background-repeat: no-repeat;
 
  }

.slider_foto3 {
     max-width:800px;

  background-size:contain;
  background-repeat: no-repeat;
   
  }

.slider_foto4 {
     max-width:800px;

  background-size:contain;
  background-repeat: no-repeat;
   
  }
.sl_obal {
 background: rgba(0,0,0,.0);
width:100%; 
 height:65vh; 
  min-height:350px;
  background-size:cover; 
  background-repeat: no-repeat;
}

.slider_dalsi {
  background:black; 
  color:white; 
  border:none; 
  cursor:pointer; 
  position:relative;
  top:45%;
  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:45%;
  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 5.5s ease-out;
  overflow:hidden;

  } 
  
@keyframes slider_animace
  { 
  0%{opacity:1; right: -300%;}  
  30%{opacity:1; right:0%;} 
  70%{opacity:1; right:0%;} 
  100%{opacity:0; right:0%;} 
  }
    
  
/*-------SLIDER_KONEC-------*/
.max_vyska  {min-height: calc(100vh - 185px);}
  
.menu_max {
  max-width:2000px;
  margin: 0px auto;
  }
  
.logo {
  background-image: url("logo.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  height:45px;
  width:150px;
  max-width:100%;
  float:left; 
  margin-top:7px;
  margin-left:15px; } 
  
  
   .uvod_wrapper {
    max-width:100%;
   
display: flex;
 overflow:auto;
    margin:0 auto;  
    text-align:center; 
    height: auto;

    }
    
   .uvod_window_left{
      width:50%;
      height:auto;
      float:left;
      background-image: url("w_pozadi_left.jpg");
      background-repeat: no-repeat;
      background-color:white;
      background-attachment: fixed;

      }
      
   .uvod_window_right{
      width:50%;
       height:auto;
      float:left;
          background-image: url("w_pozadi_right.jpg");
      background-repeat: no-repeat;

      background-attachment: fixed;
      background-size:cover;

     }  
      
  .uvod_window_text {
  max-width:900px;
  float:right;
  text-align:left;
  margin-top:200px;
  padding-right:10px;
  padding-left:20px;}
      
  .uvod_window_photo {

width:900px;
max-width:100%;
object-fit:cover !important;
  margin-top:200px;

  float:left;}




  
  
  
  
.zahlavi_obal{

    width:1500px;
    margin:0 auto;
    text-align:center;
}     
  
.zahlavi_foto_index { 
background-image: url("fotky/uvod.jpg");
height:70vh;  
  background-size:cover;
  background-repeat: no-repeat;
  background-color:white;
  background-attachment: fixed;
    background-position: 100% 0%;
   width:40%;
  -webkit-animation: animatedBackground 12s ease-in-out; 
display:inline-flex; }
   
.zahlavi_text_index { 

height:70vh;  
  background-size:cover;
  background-repeat: no-repeat;
  background-color:white;
  background-attachment: fixed;
    background-position: 100% 0%;
   width:40%;
  -webkit-animation: animatedBackground 12s ease-in-out; 
display:inline-flex;  }   
   
   
  
.zahlavi_foto_sluzby{   
 
 
   background-image: url("fotky/uvod_nov4_12m.jpg");
  background-size:cover;
  background-repeat: no-repeat;
  height:70vh;
  background-color:white;
  background-attachment: fixed;
    background-position: 100% 0%;
  -webkit-animation: animatedBackground 12s ease-in-out; 
  
    width:85%;
   float:right;

  z-index:5;
  }  

  
.zahlavifoto_text { 
text-align:left;
height:70vh; 
width:40%;
font-weight: bold;
color:white;
display:inline-block;   
} 



    

.uvod_window_text h1 {
  color:#2c768e;
  color:#0bc404;
  font-size:380%;
  font-weight:900;
  font-family: 'Ubuntu', sans-serif;
  line-height:70px;
  display:inline-block;
  padding:5px; 
  padding-left:20px;
  padding-right:20px;
  margin-right:20px;
  text-align:left;
  line-height:100%;

  } 
  
  
  
  .uvod_window_text h2 {
  text-align:left;
  margin-top:0;
  margin-bottom:0px;
  color:#5e5e5e;
  font-size:155%;

  font-family: 'Ubuntu', sans-serif;
  font-weight:400;
  
  display:inline-block;
  padding:5px; 
  padding-left:20px;
  padding-right:20px;
  margin-right:20px;
  }

.nadpis { 
margin-top:0px;
margin-bottom:0px;
}  


@keyframes filling {
  from{
    background-position: 40% 70% ;
  }
  to {
    background-position: 40% 25%;
  }
}

.nadpis_obal {
    background-image: url("fotky/uvod_foto.jpg");
     background-position: center bottom;
    background-size:cover;
    background-repeat:none;
   width:100%;
  color:  white;
  font-size: 30px;    
  font-family: 'Ubuntu', cursive;
  animation: filling 3s ease forwards; 
    text-shadow:0 10px 100px rgba(0,0,0,0.001); 
    height:30vh;
    min-height:250px;
    max-height:400px;
    margin:0;  
    margin-bottom:50px;
}

.nadpis_obal_modra { background-image:none; background-color:#0bc404;}

.nadpis_obal_ztmaveni { width:100%;  
   background:rgba(0,0,0,0.4);height:30vh; margin:0;  min-height:250px;
    max-height:400px; }    


.nadpis_obal h1 {color:white;text-shadow: 1px 1px 1px #2c2c2c; padding-top: 70px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 .nadpis_obal {
 background-color:transparent;
  background-image:  none;  
  -webkit-text-fill-color: none;
  -webkit-background-clip: none;
}
}



.index_bubble_obal {max-width:1300px; width:95%;  margin:0 auto; float:none;text-align:center; margin-top:-50px; z-index:5; position:relative;}
.index_bubble {
width:23%;
margin:1%;
height:10px;
float:left; 
margin-top:0;  
border-bottom-left-radius: 30px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 30px;
  transition:1s;
  background:transparent;
  }
  
.index_bubble:hover {background:#f2a23f; }  
  
.index_bubble h2 {color:white;  font-size:330%;}  
 
.bubble1 {background:#8dd4f0;}
.bubble2 {background:#fff076;}
.bubble3 {background:#b7da6b;}
.bubble4 {background:#eeb9a6;}


.aktualita {
width:25%; 
height:450px; 
background:#8dd4f0;
background:#d2ecf6;
 margin:0 auto; 
 float:left; 
  margin:3%;
  padding:1%;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 30px;
  -webkit-box-shadow: 20px 20px 0px 0px #ecfaff;
-moz-box-shadow: 20px 20px 0px 0px #ecfaff;
box-shadow: 20px 20px 0px 0px #ecfaff}

.aktualita:nth-child(2n) {background:#fff5a6;   
-webkit-box-shadow: 20px 20px 0px 0px #fff9cd;
-moz-box-shadow: 20px 20px 0px 0px #fff9cd;
box-shadow: 20px 20px 0px 0px #fff9cd; } 

.aktualita h2 {font-size:150%; text-align:left; color:#505050;}

.aktualita  img {width:100%;height:150px; object-fit:cover; margin-top:30px; border-radius:10px;}

.aktualita_tlacitko {padding:10px; background:orange; border-radius:5px; max-width:130px; margin 0 auto; float:none; margin-top:20px; text-align:center;}


.trida {width:25%;
margin:3%;
padding:1%;
height:200px;
float:left; 
margin-top:0;  
border-bottom-left-radius: 30px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 30px;
  transition:1s;}


  
.trida:nth-child(n) {
  background: #8dd4f0;
}  
.trida:nth-child(2n+1) {
  background: #fff076;
} 

.trida:nth-child(3n-1) {
  background: #b7da6b;
}

.trida h2 {color:white; font-size:180%; margin-top:25%;}


.nadpis_barva {color:#0bc404;} 



  
.anim1 {
 position:relative;
-webkit-animation-name: animace1; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  animation-name: animace1;
  animation-duration: 3s; 
  } 

.anim2 {
  position:relative;
  -webkit-animation-name: animace2; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-name: animace2;
  animation-duration: 4s; 
  } 
  
.anim3 {
  position:relative;
  -webkit-animation-name: animace3; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
  animation-name: animace3;
  animation-duration: 5s; 
  } 
  
.anim4 {
  position:relative;
  -webkit-animation-name: animace4; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
  animation-name: animace4;
  animation-duration: 5s; 
  }  
       

  

  
.index_popisek { font-size:150%; color:#0bc404; text-align:center;}  
  
.first_window_text {
  max-width:800px; 
  text-align: center;
  margin: 0 auto; 
  margin-bottom:50px; 
  margin-top:50px;
  padding:10px;
  } 
  
  
.logo_firmy {
width:12%;
margin:2%;

}   
  
.okna_obal {
width:100%;
height: auto;
overflow:auto;
display: flex;
margin:0 auto;
}  
  
.left_window {
  width:40%;
  height:auto;
  background: #28292d;
  color:white;
  float:left;
  padding:5%;
  font-size:150%;
  text-align:center;
  }

.left_window_text1 {
  font-size:150%;
  color:#0bc404;
  margin:0;
  font-weight:bold;
height:120px;
}

.right_window {
  width:40%;
  height:auto;
  background: #0bc404;
  color:white;
  float:left;
  padding:5%;
  font-size:150%;
  text-align:center;

  }

.right_window_text1 {
  font-size:150%; 
  color:#28292d;  
  margin:0;
  font-weight:bold;
  height:120px;
  }
  
.left_window_text2, .right_window_text2  { margin:0; padding:0;}  
  
.res {
  width:100%;
  float:left;
  background:#28292d; 
  margin-top:50px;
  padding-top:30px;
  padding-bottom:30px;
  }

.res_foto {
  float:left;
  max-width:60%; 
  
  }

.res_text {
  float:left;
  width:30%;
  margin-top:0px;
  padding:5%;
  color:white;
  font-size:150%;
  } 
  
.onas {
  width:100%;
  float:left;
  background:#28292d; 
  padding-top:30px;
  padding-bottom:30px;
  margin-bottom:50px;
  }  
  
.onas_foto {
  background-image: url("tym/9.jpg");
  float:left;
  width:46%;
  height:60vh;
  max-height:600px;
   background-size:cover;
  background-repeat: no-repeat;
 
  
  }

.onas_text {
  float:left;
  width:50%;
  max-width:900px;
  margin-top:0px;
  padding-left:2%;
  padding-right:2%;
  color:white;
  font-size:120%; 
  text-align:justify;}   
  
.onas_nadpis {
  float:left; 
  width:96%;
  font-size:250%;
  } 

.onas h3 {margin-top:0;}

.res_text h3 {font-size:150%;}  

.res_nadpis {
   width:96%;
  max-width:1000px;
     font-size:250%;
  padding:2%;
  margin:0 auto;
  text-align:center;
   color:#0bc404;
    font-weight:700;
  font-family: 'Ubuntu', sans-serif;
  } 
  
.centr{ 
  width:100%;
  float:left;


  }
      
.content{ 
  margin: 0px auto;
  text-align:left;
  max-width:1200px;
  padding:15px;
  color:#505050;
  font-size:130%;
  }  

.content_text {margin:1%;}

.zarovnani { 
width:100%;
float:left;
margin:0 auto;
 text-align:center}
  
.zalozka {
  width:100%; 
  float:left; 
  height:70px;
  }    

hr.cara{ 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  }
  
.sluzby_ikona_obal {
  width:27.3%; 
  float:left;
  margin:3%;
  text-align:center;
  margin-bottom:50px;
  text-align:center;
  min-height:390px;
  margin-top:10px;} 

.sluzby_ikona {
  max-width:100%;
  object-fit: cover;
  border-radius: 10px;
  text-align:center;
  min-height:100px;
  margin-top:20px;
  }
    
.sluzby_ikona_text{
  max-width:100%;
  text-align:center;
  display:block;
  font-size:80%;
  } 
  
 .sluzby_ikona_text { text-align:justify;  }  
.sluzby_ikona_text h3 { text-align:center;  }   
  
.postup_ikona_obal {
  width:29.3%;
  float:left;
  margin:2%;
  text-align:center;
  margin-bottom:70px;
  text-align:center;
  }  
  
.postup_ikona_obal ul, li {margin-left:0; padding-left:5px;}  
  
.postup_ikona_text{
  max-width:100%;
  text-align:center;
  display:block;
  font-size:80%;
  }  
  
.postup_ikona_text li{

  text-align:left;

  }     
    
.pred_obal {
  width:46%;
  float:left;
  margin:2%;
  text-align:left;
  margin-bottom:50px;
  font-size:100%;
  }
  
.pred_obal h2 {text-align:left; margin-top:0; margin-bottom:20px;}  
  
  .pred_obal_foto {
  width:46%;
  float:left;
  margin:2%;
  text-align:left;
  margin-bottom:50px;
  font-size:100%;
  }
  
.pred_obal_foto img, .pred_obal img { 
margin-bottom:70px;
border-radius:10px;
-webkit-box-shadow: 20px 20px 0px 0px rgba(204,204,204,1);
-moz-box-shadow: 20px 20px 0px 0px rgba(204,204,204,1);
box-shadow: 20px 20px 0px 0px rgba(204,204,204,1);
}   

.pred_foto {
  width:100%;
  height:300px;
  float:left;
  object-fit: cover;
  margin-top:10px;
  border-radius: 10px;
  }   
  
.galerie {  
  text-align:center;
  }    
  
.galery_min{ 
  width:23.6%;
  height:300px;
  margin:0.7%;  
  border-radius: 10px;
  object-fit: cover;
  }
    
.galery_min img {
  overflow: hidden;
  }
    
.container {
  position: relative;
  width: 47%;
  float:left;
  margin:1.5%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
.image {
  display: block;
  width: 100%;
  height: auto;
  }

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 1s ease;
  background-color: #0bc404;
  }

.container:hover .overlay {
  opacity: 1;
  }

.reference_popisek {
  color: white;
  font-size: 200%;
  margin-top:20%;
  text-align:center;
  opacity: 1;
  }      
  
.foto_big1{
  background-image: url("fotky/big1.jpg");
  height:40vh;
  min-height:300px;
  max-height:800px;
  width:100%; 
  float:left;  
  object-fit:cover;  
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size:cover;
  margin-top:50px; 

  } 
   
.foto_big2{
  background-image: url("fotky/22.jpg");
  height:60vh;
  min-height:300px;
  width:100%; 
  float:left;  
  object-fit:cover;  
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size:cover;
  }  

.kontakty { 
  width:50%; 
  margin: 0 auto; 
  text-align:left;
  float:left;
  font-size:120%;
  }
 
  
  
.kontakty_jmeno {
  width:99%;
  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:48%; 
  float:left; 
  margin-right:3.5%;
  } 
  
.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:47%; 
  float:left;
  }   

.formular_text {
  width:99%;
  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:#0bc404;
  }  
  
.zjistit_vice {
  background: #0bc404;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff; 
  cursor:pointer; 
  text-align:center;
  font-size:150%;  
  border-radius: 8px;
  margin-bottom:10px;
  width:230px;
  margin:0 auto;
  margin-top:30px;
  font-weight:700;
  -webkit-animation-name: animace_text; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
  animation-name: animace_text;
  animation-duration: 6s; 
  float:left;
   margin-left:30px;
  margin-right:20px;
      transition:  0.7s;
  }  

.tlacitko {
  background: #0bc404;
  padding: 8px 15px 8px 15px;
  border: none;
  color: #fff; 
  cursor:pointer; 
  font-size:130%;  
  border-radius: 8px;
  text-align:center;
  margin:0 auto;
  margin-bottom:20px;
  margin-top:20px;
    transition:  0.7s;
  display: inline-block;
margin:0 auto; 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}


.tlacitko_menu {
  background: #0bc404;
  padding: 4px 8px 4px 8px;
  border: none;
  color: #fff; 
  cursor:pointer; 
  font-size:90%;  
  border-radius: 8px;
  text-align:center;
  margin:0 auto;
  margin-bottom:20px;
  margin-top:20px;
    transition:  0.7s;
  display: inline-block;
margin:0 auto;

  } 
  

.zjistit_vice:hover {background:#ffb901; }   
.tlacitko:hover {background:#ffb901; }  
.tlacitko_menu:hover {background:#ffb901; }  
  
.souhlas{
  float:left;
  width:100%;
  margin-top:10px;
  margin-bottom:10px;
  }
  
.souhlas a {
  color:#0bc404;
  }     
  


.kontakty_telefon_text {margin-left:45.5%;}
.kontakty_telefon_text_m{display:none;}    

.left_window_kontakt {
  width:44%;
  background: #28292d;
  color:white;
  float:left;
  padding:3%;
  text-align:center;
  font-size:220%;
  color:#0bc404;
  margin-top:0px;
  }
  
.left_window_kontakt a {color:#0bc404;;}    

.right_window_kontakt{
  width:44%;
  background: #0bc404;
  color:white;
  float:left;
  padding:3%;
  text-align:center;
  font-size:220%; 
  color:white;
  margin-top:0px;
  }

.right_window_kontakt a {color:white;}  

.mobil {
  font-size:150%;
  color:#0bc404;
  margin-top:10px;
  }

.mobil a {color:#0bc404;}        
  
.mapa {
  width:100%; 
  float:left;    
  padding-bottom:20px;
  border-radius:10px;
  }

.google-maps {
  position: relative;
  height: 400px;
  overflow: hidden;
   border-radius:10px;
  }

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height:100% !important;
   border-radius:10px;
  }
  
.tabulka_vstup { width:400px;}

.formular {
  width:95%;
  height:25px; 
  margin:5px;
  }
  
.postup_kruh {
    width: 120px;
    line-height: 120px;
    border-radius: 50%;
    text-align: center;
    font-size: 40px;
    border: 4px solid #0bc404;
    color:#0bc404;
     font-family: 'Ubuntu', sans-serif;
     font-weight:900;
    text-align:center;
    margin: 0 auto;
}  

.benefity {
float:left;
width:100%; 
margin-bottom:30px;}


.index_benefity_obal {
    width:24%; 
    margin-left:1%; 
    margin-right:1%; 
    min-height:auto; 
    margin-bottom:70px;
    font-weight:900;
    float:left;
  }
  
  .index_benefity_obal_plus { width:10%; 
    margin:3px; 
    min-height:auto; 
    margin-bottom:70px;
         font-weight:900;
    float:left;}
    
.index_benefity{


    text-align: center;
    font-size: 300%;
    color:#12d6e8;
     font-family: 'Ubuntu', sans-serif;
    text-align:center;
    margin: 0 auto;

} 

.index_benefity_text {
text-align:center;
font-size:140%;
margin:0 auto;
display:block;
   font-family: 'Ubuntu', sans-serif;
   font-weight:400;}
 

.vyhoda_top {
width:100%;
height: auto;
overflow:auto;
display: flex;
max-width:1200px;
margin:0 auto;
font-size:120%;
 color:white;
 text-align:justify;
 background: rgb(45,57,60);
background: linear-gradient(90deg, rgba(45,57,60,1) 50%, rgba(0,163,187,1) 100%);


 
background: rgb(28,186,200);
background: linear-gradient(90deg, rgba(28,186,200,1) 0%, rgba(40,41,45,1) 100%);

background: rgb(40,41,45);
background: linear-gradient(90deg, rgba(40,41,45,1) 50%, rgba(28,186,200,1) 100%); 







}





.vyhoda1 {
width:33.33%; 
height:auto;
background:transparent;

border: solid white 7px;

}

.vyhoda2 {
width:33.33%; 
height:auto;
background:transparent;


border: solid white 7px;
}

.vyhoda3 {
width:33.33%; 
height:auto;

background:transparent;

border: solid white 7px;

}

.vyhoda4 {
width:50%; 
height:auto;
background:transparent;

border: solid white 7px;
}

.vyhoda5 {
width:50%; 
height:auto;
background:transparent;


border: solid white 7px;
} 

.vyhoda_text {
margin:5%;


}
.vyhoda_text h3 { text-align:left;  }  

.vyhoda_text b {color:#ffc900;}

.dekujeme { color:#0bc404;
  font-size:300%;
  font-weight:900;
  font-family: 'Ubuntu', sans-serif;
  text-align:center;
  padding-left:30;}
  
  

.index_tlacitko {
width:180px;
background:#0bc404; 
color:white;
font-size:100%;
text-align:center;
padding:10px;
display: inline-block;
margin:0 auto;
margin-top:30px;
margin-right:10px;
margin-left:10px;
margin-bottom:50px;
transition: all 0.7s ease; 
border-radius:10px;
border:0px;
cursor: pointer;
font-size:130%;}

.index_tlacitko:hover {  transform: scale(1.15);  background: #505050;  }  

/*----COUNTER----*/ 
 
.pocitadlo {font-size:100%; max-width:100%; width:100%; margin: 0 auto; margin-top:100px; margin-bottom:130px; text-align:center; }
.counter_pole_obal {width:24.5%; display:inline-block; }
.counter_pole { max-width:250px; margin:0 auto; text-align:center;font-weight:300; }
 
 .counter_number, .counter_number2  {font-size:500%; margin:0px; width:110px; display:inline-block; font-weight:900; font-family: 'Ubuntu', sans-serif;color:#585858; }
.pocitadlo_vertical { font-size:200%; color:#585858;font-weight:600; text-align:center;}





/*----COUNTER----*/ 


 .paralax2  {
font-size:400%;
color:white;                                                                                
text-align:center;
margin-top:10vh;
padding:30px;
 font-weight:900;
 font-family: 'Ubuntu', sans-serif;

  text-shadow: 1px 1px 1px #2c2c2c;
}


.tecky_obal {max-width:100%; margin:0 auto; text-align:center; float:left;}
.tecky_prava { background:
 background-color: #fff;
background-image: linear-gradient(45deg, #ffffff 30%, #0bc404 30%, #0bc404 50%, #ffffff 50%, #ffffff 80%, #0bc404 80%, #0bc404 100%);
  background-size: 36.71px 36.71px;

  background-position: 0 0, 0 0;
  width:15vw;
  max-width:200px;
  float:right;

 max-height:200px;
 height:15vw;
 margin-top:-37.5%;
 margin-right:0%;
 z-index:1; 
 position:relative;
}
.foto_tecky_prava   {max-width:94%; float:left; text-align:left; z-index:2;position:relative; }

.tecky_leva { background:
 background-color: #fff;
  background-image: linear-gradient(135deg, #ffffff 30%, #4c4c4c 30%, #4c4c4c 50%, #ffffff 50%, #ffffff 80%, #4c4c4c 80%, #4c4c4c 100%);
  background-size: 36.71px 36.71px;
  background-position: 0 0, 0 0;
  width:15vw;
  max-width:200px;
  float:left;

 max-height:200px;
 height:15vw;
 margin-top:-80.9%;
 margin-right:0%;
 z-index:1; 
 position:relative;
}
.foto_tecky_leva  {max-width:94%; float:right; text-align:left; z-index:2;position:relative; margin-top:6%; }
  
/*----FOOTER----*/    

.footer {
  background-color: black;
   color:white;
  text-align:center;
  padding-top:20px; 
  padding-bottom:20px;
  font-size:95%;
  float:left;
  width:100%;
  margin-top:0px;
  }
  
  
.footer_box {
width:27%;
float:left;
margin:3%;
margin-top:50px;
margin-bottom:30px;
 color:#a7a7a7;
} 

.footer_box2 {
width:95%;
float:left;
margin:3%;
margin-top:50px;
margin-bottom:30px;
 color:#a7a7a7;
}  

.footer a { 
  text-align:left;
  color:white;
  text-decoration: none;
  font-weight:400;
  font-size: 100%;

  font-size:100%;
  }
  
.footer_text {

  padding:20px;
  font-size:115%;
  text-align:left;
  }

.os_foot{
  text-align:right;
   font-size:115%;

  }  

.footer a:hover {color:#0bc404;} 

  

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


  @media screen and (max-width: 2000px) {
      .uvod_100vh{min-height:100vh;}
  }
  
  




@media screen and (max-width: 1700px) {
     .uvod_window_text {margin-top:140px;} 
  }
  
  

@media screen and (max-width: 1570px) { 
   .onas_foto {height:110vh;}
      .left_window_text1, .right_window_text1  {height:150px;} 
  }
  
@media screen and (max-width: 1400px) {


    .uvod_window_text {margin-top:100px;} 
    .slider_obal{margin-top:100px;}
  
  }
  
  
  @media screen and (max-width: 1300px) {
  .uvod_100vh{min-height:0vh;}
  }
  

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

   .uvod_window_right { background-image:none; }
   .uvod_window_left { background-image:none; }       

  
  .footer_text {
  text-align:center;
    display:block;
  }

.os_foot{
  text-align:center;
  display:block;
  margin-top:20px;
  }
  
  

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

.foto_big1 {  
 background-attachment: scroll;
  }    
  }

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




  
 

  .res_text {
    width:35%;
    padding:0%;
    padding-left:50px;
    margin-top:0px;
    } 

} 

@media screen and (max-width: 1200px) {
   h2 {font-size:230%;}

  .uvod_window_text h1 {font-size:300%; }
  
  .uvod_window_text h2 {font-size:150%; }

}

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

  .uvod_window_text h1 {font-size:250%; }
  
  .uvod_window_text h2 {font-size:150%; }
  
  .index_bubble h2 {font-size:250%;}

   
  .BT{ 
    margin-left:0px; 
    display:block; 
    text-align:center; 
    margin-top:20px;
    }
      
  .foto_big1{height:40vh;}
    
  .foto_big2{height:40vh;}  

  .res_text {
    width:35%;
    padding:0%;
    padding-left:30px;
    font-size:130%;
    margin-top:0px;
    } 
  
  .res_text h3 {font-size:140%;} 
  

    
    .index_benefity{font-size: 200%;}  
    
.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%;}.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%;}
   
        .paralax, .paralax2  {
font-size:200%;

margin-top:13vh;

} 

.pred_obal { width:46%; margin:2%; margin-bottom:70px; }  
.pred_obal_foto { width:46%; margin:2%; margin-bottom:70px; } 

.tecky_prava { 
 margin-top:-41.5%;
 margin-right:0%;

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

  .trida h2 {margin-top:30%;}
  
  .aktualita {
width:40%; 
height:450px; 
  margin:4%; }

  
  .onas_text {width:96%;}
  
  .onas_foto {
    background-image: url("tym/9m.jpg");

     width:96%;
     margin:2%;
     height:50vh;
  
  }
  
  
  .footer_box, .footer_box2 {
font-size:80%;
}

 

.logo_firmy {
width:24%;
margin:4%;

}
  
 .counter_pole_obal {width:27%; margin: 0 auto; display:inline-block; text-align:center;margin:2%; margin-bottom:50px; } 

  .counter_number, .counter_number2  {font-size:400%; }
  .pocitadlo_vertical    {font-size:150%; }

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

      .index_bubble { width:46%; margin:2%;} 
      
       .index_bubble h2 { margin-top:50px;} 

      .trida h2 {font-size:150%; }
       

 
  .reference_popisek {font-size:150%;}
  .res_foto {max-width:90%;padding:0;}
  
  .res_text {
    width:90%; 
    margin-top:0;
    padding:5%;
    padding-bottom:50px; 
    text-align:center;
    }

  .right_window_kontakt {font-size:180%;}
  
  .left_window_kontakt {font-size:180%;} 
 


.pred_obal { width:98%;  margin-bottom:0px; margin:1%; }  
.pred_obal_foto { width:98%; margin-bottom:0px;  margin:1% }  
     
.tecky_prava {display:none;}
.tecky_leva {display:none;}

.foto_tecky_prava {max-width:100%; margin-top:0;margin-bottom:0; }
.foto_tecky_leva {max-width:100%; margin-top:0;margin-bottom:0; }
  
}   

@media screen and (max-width: 880px) {
.uvod_wrapper {display:block;}
  .uvod_window_left{
      width:100%; 

      }
      
   .uvod_window_right{
      width:100%; 

     } 
     
  .uvod_window_text {width:90%;float:left;margin-top:70px; text-align:center; padding-left:5%;padding-right:5%;} 
  
     .uvod_window_text h1 { font-size:300%; text-align:center;}
  
  .uvod_nadpisy  h2 {text-align:center; font-size:130%;}
  
  .slider_obal {width:90%;margin-top:0px; padding-left:5%;padding-right:5%;}
  
  .zjistit_vice {display:none;}
  .zalozka {display:none;}
  
  .anim1 {
 position:relative;
-webkit-animation-name: animace1m; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  animation-name: animace1m;
  animation-duration: 3s; 
  } 

.anim2 {
  position:relative;
  -webkit-animation-name: animace2m; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-name: animace2m;
  animation-duration: 4s; 
  } 
  
.anim3 {
  position:relative;
  -webkit-animation-name: animace3m; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
  animation-name: animace3m;
  animation-duration: 5s; 
  } 
  
.anim4 {
  position:relative;
  -webkit-animation-name: animace4m; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
  animation-name: animace4m;
  animation-duration: 5s; 
  }  

}

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

     .left_window_text1 { font-size:120%;}
     .right_window_text1 { font-size:120%;}
     
        .left_window_text2 { font-size:90%;}
     .right_window_text2 { font-size:90%;}
     
     .index_popisek  {font-size:120%;}
     .res_nadpis     {font-size:170%;}
     
       .sluzby_ikona_obal { 
    width:42%; 
    margin:4%; 
    min-height:360px;
    }
     }
    
@media screen and (max-width: 800px) {

   h2 {font-size:200%;}

   .loga { margin-top:50px;}  

  .mobil{font-size:130%;}


    .trida {width:42%;
margin:3%; }

  

  
  .container {
    width: 100%; 
    margin:0; 
    margin-bottom:30px;
    }
    
   .vyhoda1, .vyhoda2, .vyhoda3, .vyhoda4, .vyhoda5 {width:100%;margin-top:0px;margin-bottom:0px;padding:0;margin:0; border:none; border-top: solid 7px white;} 
   .vyhoda_top {width:100%;display:block;}
   
    .index_benefity_obal {
    width:100%; 
    margin-bottom:0px;
  }
  
 
  
  .index_benefity_obal_plus { 
    width:100%; 
    margin-bottom:0px;
}





  .footer_box, .footer_box2  {
width:100%;
float:left;
margin:0%;
margin-top:20px;
margin-bottom:20px;
text-align:center; 
font-size:90%;
}
   .dekujeme {font-size:200%;} 
   
   
    .paralax2  {
font-size:200%;

margin-top:10vh;


}

 
}



  
@media screen and (max-width: 700px) {
   .nadpis_obal {  font-size: 25px; }

     .index_bubble h2 { margin-top:30px;} 
     
     

   .okna_obal{width:100%;display:block;}
   
   
     .aktualita {
width:90%; 
height:auto; 
  margin:4%; }
   
  .left_window {
    width:90%;                                                                                                  
    height:auto;
    padding:5%;
    display:block;
    padding-bottom:50px;
    
    }
    

    
    

    
  .right_window {
    width:90%; 
    height:auto;
    padding:5%;
    display:block;
    padding-bottom:50px;
   
    }
    
   .left_window_text1, .right_window_text1  {margin-bottom:50px;height:auto; } 
     
  .left_window_kontakt {
    width:90%; 
    height:auto;
    padding:5%;
    }
    
  .right_window_kontakt {
    width:90%; 
    height:auto;
    padding:5%;
    }
    
 .kontakty {width:100%;}
 
   .postup_ikona_obal {
    width:100%; 
    margin:0%; 
    min-height:auto; 
    margin-bottom:70px;
       
  }
  
  .postup_ikona_text li{ text-align:center}  
  
  .counter_pole_obal {width:45%; margin: 0 auto; display:inline-block; text-align:center;margin:2%; margin-bottom:50px; }
}    
     
@media screen and (max-width:600px) {

    .trida { height:150px;}
   .trida h2 {font-size:150%; margin-top:20%;}
    
  .uvod_window_text h1 {font-size:250%; text-align:center; } 
     
  .sluzby_ikona_obal {
    width:100%; 
    margin:0%; 
    min-height:auto; 
    margin-bottom:30px;
    
    } 
    
    

    

.sluzby_ikona_text { text-align:justify;  }  
.sluzby_ikona_text h3 { text-align:center;  }  
  
  .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_text_m {display:block;}
  .footer img {max-width:80%;} 

} 


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



       h2 {font-size:170%;}


    
  .uvod_window_text h2 {

    padding-left:5px; 
    padding-right:5px; 
    margin-left:10px;
    margin-right:10px;
    } 
    
  .dekujeme {font-size:150%;}

}
  @media screen and (max-width: 530px) {
  .nadpis_obal h1 { padding-top:23%; font-size:200%;} }
   
@media screen and (max-width: 450px) {

 .uvod_window_text h1 {font-size:200%; text-align:center; } 
 .uvod_window_text h2 {font-size:110%; text-align:center; } 
 
 
      .aktualita {
width:85%; 
height:auto; 
margin-top:50px; }

.index_bubble { width:96%; margin:2%;} 
 
       .trida { height:100px;}
   .trida h2 {font-size:120%; margin-top:20%;}

  .sluzby_ikona_obal {
    width:100%; 
    margin:0;
    margin-bottom:20px; 
    } 


    
  .logo {
    width:75%;
    background-size:contain; 
    } 
  
  .scrolled .logo:hover   { 
    width:75%;
    background-size:contain; 
    }     
    
  .reference_popisek {font-size:120%;} 
  .mobil{font-size:110%;}   
  
  .counter_pole_obal {width:100%;margin:0;padding:0; margin-top:50px;} 
  
  .pocitadlo {margin-top:0px;}
  
     .paralax2  {margin-top:5vh;}   
  } 

}





@media screen and (max-width: 350px) { .logo {margin-top:10px;}     .nadpis_obal {  font-size: 15px; }   .nadpis_obal h1 {padding-top:35%;} }



@media screen and (max-width:1000px) { .galery_min { width:23%; margin:1%; height:280px; } }

@media screen and (max-width:800px) { .galery_min { width:31%;  margin:1%; height:280px; } }

@media screen and (max-width:570px) { .galery_min { width:47%;  margin:1.5%; height:280px; } }

@media screen and (max-width:450px) { .galery_min { width:46%;  margin:2%; height:250px; } }

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


/*-----ANIMACE-----*/

@-webkit-keyframes animatedBackground {
	0% { background-position:0 0; }
  40% { background-position:0 0; }
	100% { background-position: 100% 0%; }
}


@keyframes animace1 {
  0% { left:-100vw;}
  5% { left:-50vw;}
  100% { left:0%;}
} 

@keyframes animace2 {
  0% { left:-100vw;}
  5% { left:-50vw;}
  100% { left:0%;}
}  

@keyframes animace3 {
  0% { left:-100vw;}
  5% { left:-50vw;}
  100% { left:0%;}
}

@keyframes animace4 {
  0% { left:-100vw;}
  5% { left:-50vw;}
  100% { left:0%;}
} 

@keyframes animace5 {
  0% { left:-100vw;}
  5% { left:-50vw;}
  100% { left:0%;}
}  


@keyframes animace1m {
  0% { left:-100%;}
  100% { left:0%;}
} 

@keyframes animace2m {
  0% { left:-100%;}
  100% { left:0%;}
}  

@keyframes animace3m {
  0% { left:-100%;}
  100% { left:0%;}
}

@keyframes animace4m {
  0% { left:-100%;}
  100% { left:0%;}
} 

@keyframes animace5m {
  0% { left:-100%;}
  100% { left:0%;}
}



@-webkit-keyframes animace_text {
   0% {background-color: transparent; color:transparent;}
   80% {background-color: transparent; color:transparent;} 
   100% {background-color: #0bc404; color:#ffff;} 
}